.artisans-overview{background:#111111;color:#ece9df;--makers-muted:#b8b8b8;--makers-rule:#eeebdf30;position:relative;isolation:isolate}
.artisans-overview::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#0b0b0bdc,#0b0b0be8),url('assets/wuyishan-forest.jpg') center/cover;pointer-events:none}
.artisans-overview .artisans-header{height:64px}.artisans-overview .navigation{background:#090909e6;border:0}
.artisans-overview main{max-width:1260px;margin:auto;padding:0 clamp(22px,5vw,80px)}
.artisans-intro{padding:clamp(50px,7vw,100px) 0 48px;border-bottom:1px solid var(--makers-rule);margin-bottom:48px}
.artisans-eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--makers-muted);margin:0 0 20px}
.artisans-intro h1{font-size:clamp(46px,7vw,84px);line-height:1.06;font-weight:400;letter-spacing:-.055em;margin:0 0 26px}
.artisans-intro>p:last-child{font-size:13px;line-height:1.7;margin:0;color:var(--makers-muted)}
.makers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,5vw,70px) clamp(26px,5vw,72px)}
.maker{min-width:0;scroll-margin-top:24px}.maker figure{margin:0;background:#e7e1d8;aspect-ratio:1}.maker img{display:block;width:100%;height:100%;object-fit:contain}
.maker-caption{padding-top:16px}.maker-caption p{font-size:10px;letter-spacing:.06em;color:var(--makers-muted);margin:0 0 10px}.maker h2{font-size:clamp(16px,1.6vw,20px);font-weight:400;line-height:1.5;margin:0}.maker h2 a{display:flex;justify-content:space-between;gap:16px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.maker h2 span{font-size:16px}.maker a:hover{color:#fff}
.artisans-closing{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--makers-rule);margin-top:64px;padding:32px 0 54px;font-size:12px;line-height:1.8}.artisans-closing p{margin:0;color:var(--makers-muted)}
.artisans-footer{padding:28px clamp(22px,5vw,80px);display:flex;gap:32px;border-top:1px solid var(--makers-rule);font-size:11px}.artisans-footer>a:first-child{margin-right:auto}
@media(max-width:900px){.makers{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.artisans-intro{margin-bottom:32px;padding-bottom:32px}}
@media(max-width:480px){.makers{gap:32px 16px}.maker h2{font-size:15px}.maker-caption p{font-size:9px}.artisans-closing{display:block}.artisans-closing a{display:inline-block;margin-top:16px}.artisans-footer{gap:20px}}

/* Consistent portrait dimensions across the artisan collection. */
.maker figure{aspect-ratio:3 / 4;background:transparent}
.maker img{object-fit:cover;object-position:center}

.artisans-background-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25;z-index:-2;pointer-events:none}
.artisans-overview::before{background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.52));z-index:-1}
.maker figure{overflow:hidden}
.maker img{width:100%;height:100%;object-fit:cover}
.maker-caption .maker-native-name{font-size:14px;line-height:1.6;letter-spacing:.08em;margin:6px 0 0;color:var(--makers-muted);min-height:23px}
@media(prefers-reduced-motion:reduce){.artisans-background-video{display:none}.artisans-overview::before{background:linear-gradient(#0b0b0bdc,#0b0b0be8),url('assets/wuyishan-forest.jpg') center/cover}}
.maker-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.maker-name-row h2{min-width:0}
.maker-name-row .maker-native-name{flex-shrink:0;margin:0;text-align:right}
.maker-portrait-link{display:block;width:100%;height:100%}
.maker-portrait-link:focus-visible{outline:2px solid currentColor;outline-offset:-3px}