/* The Artisans — editorial storytelling page.
   The two-line heading reuses the homepage's own .karigars-line composition
   (display:block + white-space:nowrap) so it can never collapse onto one line. */
.artisans-body{padding-top:var(--headerH);background:var(--paper)}
.artisans-page{max-width:1320px;margin:0 auto;padding:clamp(66px,8vw,110px) var(--gutter) clamp(80px,10vw,140px)}

.artisans-hero{text-align:center;max-width:900px;margin:0 auto clamp(46px,6vw,74px)}
.artisans-hero small{font-size:var(--fs-label);letter-spacing:.17em;color:var(--muted);text-transform:uppercase}
.artisans-hero h1{margin:8px 0 0;font:clamp(38px,7.4vw,100px)/.92 var(--serif);font-weight:400}
.artisans-hero h1 i{font-style:italic}
.artisans-hero p{max-width:640px;margin:26px auto 0;color:var(--muted);font-size:var(--fs-lead);text-wrap:balance}

.artisans-figure{margin:0;background:var(--cream);overflow:hidden}
.artisans-figure img{display:block;width:100%;height:100%;object-fit:cover}
/* The lead image is a tall portrait composition, kept uncropped at the sides. */
.artisans-figure-lead{max-width:820px;margin:0 auto clamp(60px,8vw,110px)}
.artisans-figure-lead img{aspect-ratio:4/5}

.artisans-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,80px);align-items:start;margin-bottom:clamp(60px,8vw,110px)}
.artisans-story-lead h2{margin:10px 0 0;font:clamp(34px,4.4vw,60px)/1 var(--serif);font-weight:400}
.artisans-story-body p{margin:0 0 20px;color:var(--muted);font-size:var(--fs-lead);line-height:1.75}
.artisans-story-body p:last-child{margin-bottom:0}

.artisans-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,28px);margin-bottom:clamp(70px,9vw,120px)}
.artisans-pair .artisans-figure img{aspect-ratio:4/5}

.artisans-craft{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,64px);padding:clamp(40px,5vw,68px) 0;border-block:1px solid var(--line);margin-bottom:clamp(70px,9vw,120px)}
.artisans-craft-item small{font-size:var(--fs-label);letter-spacing:.16em}
.artisans-craft-item p{margin:14px 0 0;color:var(--muted);line-height:1.75}

.artisans-closing{text-align:center;max-width:820px;margin:0 auto}
.artisans-closing h2{margin:0 0 34px;font:clamp(34px,4.8vw,64px)/1.05 var(--serif);font-weight:400;text-wrap:balance}
.artisans-cta{display:inline-block;padding:16px 30px;background:var(--maroon);color:#fff;text-transform:uppercase;letter-spacing:.13em;font-size:var(--fs-ui);transition:opacity .25s ease}
.artisans-cta:hover{opacity:.88}

@media(max-width:900px){
  .artisans-story{grid-template-columns:1fr;gap:22px}
  .artisans-craft{grid-template-columns:1fr;gap:34px;text-align:center}
}
@media(max-width:650px){
  .artisans-pair{grid-template-columns:1fr;gap:16px}
  .artisans-hero h1{font-size:clamp(36px,11.5vw,64px)}
  .artisans-closing h2{font-size:clamp(30px,8vw,44px)}
}
@media(prefers-reduced-motion:reduce){.artisans-cta{transition:none}}