/* Client feedback, 14 October 2026. New photography and films are parked until supplied. */
:root{--header-height:112px;color-scheme:light}
html,body{background:var(--pashmina);color:var(--walnut)}
.hdr{background:var(--pashmina)}
.eyebrow::before,.eyebrow::after,.eyebrow.center::after{display:none;content:none}
.hdr .hdr-in{height:64px}
.hdr .logo{padding:12px 20px}
.hdr .logo img{width:188px;height:auto}
.primary-nav{height:47px}
.hdr.is-compact .logo img{width:150px;height:auto}
.textile-hero h1{font-size:clamp(44px,4.1vw,68px);line-height:1.08;margin-block:18px;max-width:14ch}
.textile-hero p{font-size:14px;line-height:1.65;margin-bottom:24px}
.textile-hero .hero-in{padding-block:44px}
.textile-hero .hero-slide-controls{margin-top:18px}
.textile-hero.motion-hero,.textile-hero .hero-in{background:var(--pashmina)}
.textile-hero.motion-hero .hero-in{background:transparent;box-shadow:none;text-shadow:none}

/* One clear rhythm: equal images, then a linked name and a short description. */
.home-crafts{padding-block:clamp(44px,5vw,76px) clamp(52px,6vw,88px)}
.home-crafts .sec-head{margin-bottom:28px}
.home-crafts .craft-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,30px);align-items:start}
.home-crafts .craft-editorial{margin-top:0}
.home-crafts .craft-photo{aspect-ratio:2/3;overflow:hidden;background:var(--paper-2)}
.home-crafts .craft-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.home-crafts .craft-caption{display:block;margin-top:18px}
.home-crafts .craft-caption b{font:500 17px/1.4 var(--sans);text-decoration-thickness:1px;text-underline-offset:5px}
.home-crafts .craft-caption small{font-size:12px;line-height:1.65;max-width:28ch;margin-top:7px;color:var(--ink-2)}
.home-crafts .craft-editorial:hover .craft-caption b{text-decoration:underline}
.home-crafts .craft-editorial:hover img{transform:scale(1.015)}
.home-crafts .craft-editorial:focus-visible{outline:2px solid var(--copper-ink);outline-offset:6px}
.home-journal .post b{font:500 17px/1.4 var(--sans)}

/* Optional banner mode uses the same studio tabs and an explicit destination link. */
.studio-track--banner{display:block;overflow:visible;padding:0}
.studio-banner{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);background:var(--paper-2);min-width:0}
.studio-banner-media{display:block;min-width:0}
.studio-banner-media img{display:block;width:100%;height:100%;max-height:520px;object-fit:cover}
.studio-banner-copy{align-self:center;padding:clamp(24px,4vw,56px)}
.studio-banner-copy h3{font:400 clamp(28px,3vw,44px)/1.1 var(--serif-d);margin-bottom:18px}
.studio-banner-copy p{font-size:14px;line-height:1.75;max-width:36ch}
.studio-banner-copy .link{display:inline-block;margin-top:22px}
.studio-banner:not(:has(.studio-banner-copy)){grid-template-columns:1fr}
.studio-toolbar .rail-controls[hidden],.studio-foot[hidden]{display:none}

/* Subscription and actual social links share the same contact area. */
.newsletter-intro{margin:14px 0 10px}
.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:24px}
.social-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:400 12px/1.5 var(--sans)}
.social-links svg{flex:none}
.social-links a:hover{color:var(--copper-ink)}
.social-links a:focus-visible{outline:2px solid var(--copper-ink);outline-offset:4px}
.press-section{padding-block:20px 22px}
.press-heading{margin-bottom:6px}
.press-track{padding-block:0 10px;gap:clamp(32px,5vw,64px)}
.press-mark{min-height:60px;flex-basis:156px}
.press-mark img{max-height:46px}
.press-hali,.press-ad-india{flex-basis:82px}
.press-hali img{width:38px;height:38px}
.press-ad-india img{width:52px;height:36px}
.press-cabana img{width:118px}
.press-conde-nast-traveler img{width:140px}
.press-selvedge{flex-basis:106px}
.press-selvedge img{width:76px;height:76px;max-height:76px}
.ftr-low{justify-content:center;text-align:center}

@media(min-width:1101px){
  .has-compact-header{--header-height:56px}
  .hdr.is-compact{height:56px}
  .hdr.is-compact .primary-nav{height:55px}
}
@media(max-width:1100px){
  :root{--header-height:65px}
  .hdr .hdr-in{height:64px}
  .hdr .logo img{width:160px;height:auto}
  .hdr.is-compact .logo img{width:144px;height:auto}
  .textile-hero.motion-hero{background:var(--pashmina)}
  .textile-hero .hero-in{padding-block:22px 26px}
  .textile-hero h1{font-size:clamp(34px,5.3vw,50px);max-width:none;margin-block:10px}
  .textile-hero p{margin-bottom:16px;font-size:13px}
  .textile-hero .hero-slide-controls{margin-top:8px}
  .home-crafts .craft-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
}
@media(max-width:800px){
  .home-crafts .craft-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
  .home-crafts .craft-caption b{font-size:16px}
  .home-crafts .craft-caption small{font-size:11px}
  .home-journal .post b{font-size:16px}
  .studio-banner{grid-template-columns:1fr}
  .studio-banner-media img{max-height:400px;aspect-ratio:4/3}
}
@media(max-width:650px){
  :root{--header-height:59px}
  .hdr .hdr-in{height:58px}
  .hdr .logo{padding:10px 8px}
  .hdr .logo img{width:138px;height:auto}
  .hdr.is-compact .logo img{width:132px;height:auto}
  .motion-hero .hero-art{aspect-ratio:4/3}
  /* Preserve the explicitly approved, uncropped second film until its replacement arrives. */
  .motion-hero[data-hero-active="1"] .hero-art{aspect-ratio:1504/608}
  .textile-hero .hero-in{padding-block:18px 20px}
  .textile-hero h1{font-size:clamp(29px,7.3vw,38px);line-height:1.1;margin-block:8px 10px}
  .textile-hero .eyebrow{font-size:8px}
  .textile-hero p{font-size:12px;margin-bottom:14px}
  .textile-hero .hero-ctas{gap:10px}
  .textile-hero .hero-ctas .btn{min-height:42px;padding:11px 10px;font-size:10px;max-width:190px}
  .textile-hero .hero-slide-controls{margin-top:4px;gap:3px}
  .hero-slide-controls button{font-size:10px;min-width:40px;min-height:40px}
  .home-crafts{padding-block:36px 48px}
  .home-crafts .sec-head{margin-bottom:24px}
  .home-crafts .craft-gallery{gap:28px 16px}
  .home-crafts .craft-caption{margin-top:14px}
  .social-links{gap:10px 20px;margin-top:20px}
  .social-links a{font-size:11px}
  .press-section{padding-block:16px 18px}
  .press-mark{min-height:56px;flex-basis:140px}
  .press-hali,.press-ad-india{flex-basis:76px}
}
@media(prefers-reduced-motion:reduce){
  .home-crafts .craft-photo img{transition:none}
  .home-crafts .craft-editorial:hover img{transform:none}
}
