/* Film surfaces retain a still fallback and the surrounding editorial layout. */
.motion-media{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.motion-media .motion-poster{display:block;width:100%;height:100%;object-fit:cover}
.motion-media .ambient-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .5s ease}
.motion-media .ambient-video.is-ready{opacity:1}
.collection-story>.motion-media{position:absolute;inset:0;z-index:-2}
.pair>.motion-media{aspect-ratio:1;height:auto;border-radius:3px}
.service-card>.motion-media{aspect-ratio:4/5;height:auto;margin-bottom:20px}
.service-detail>div>.motion-media{aspect-ratio:4/5;height:auto}
.service-card .motion-media img,.service-detail .motion-media img{height:100%;aspect-ratio:auto;margin:0}
.nav-feature:hover .motion-media img{transform:none}
.card .motion-media{height:auto;aspect-ratio:2/3}
.card .motion-media .motion-poster{height:auto}
.card .motion-media .ambient-video{object-fit:contain}
.textile-hero.motion-hero{background:#eee5d7}
.motion-hero .hero-art{left:0;right:0;width:100%}
.motion-hero .hero-art::after{display:none;content:none;background:none}
.motion-hero .hero-in{pointer-events:none;background:none;box-shadow:none;text-shadow:none}
.motion-hero .hero-ctas{pointer-events:auto;width:fit-content}
.hero-slide{position:absolute;inset:0}
.hero-slide[hidden]{display:none}
.motion-hero .hero-slide--artisans .motion-poster,.motion-hero .hero-slide--artisans .ambient-video{object-fit:contain;object-position:center top}
.hero-slide-controls{display:flex;align-items:center;gap:6px;width:fit-content;margin-top:26px;pointer-events:auto;color:var(--green)}
.hero-slide-controls button{min-width:40px;min-height:40px;font-size:12px;letter-spacing:.08em;opacity:.6}
.hero-slide-controls button[data-hero-step]{font-size:20px}
.hero-slide-controls button[aria-pressed="true"]{opacity:1;text-decoration:underline;text-underline-offset:7px}
.hero-slide-controls button:hover{opacity:1}
.hero-slide-controls button:focus-visible{outline:1px solid var(--green);outline-offset:2px}
.hero-slide-controls>span{opacity:.35;font-size:12px}
.motion-toggle{position:fixed;z-index:25;right:var(--gutter);bottom:20px;display:flex;align-items:center;gap:9px;min-height:40px;padding:10px 16px;border:1px solid #b5aa9780;border-radius:24px;background:#f7f2e9ed;color:var(--green);box-shadow:0 2px 14px #203c3010;font-size:11px;letter-spacing:.08em;backdrop-filter:blur(10px)}
.motion-toggle::before{content:"Ⅱ";font-size:13px;line-height:1}
.motion-toggle[aria-pressed="true"]::before{content:"▷"}
.motion-toggle:hover{background:#fffaf0}
.motion-toggle:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.motion-toggle[hidden]{display:none}
@media(min-width:1101px){
  .textile-hero.motion-hero{height:max(480px,42vw)}
  .motion-hero[data-hero-active="1"],.motion-hero[data-hero-active="1"] .eyebrow,.motion-hero[data-hero-active="1"] .hero-slide-controls{color:var(--ivory)}
  .motion-hero[data-hero-active="1"] .btn{color:var(--ivory);border-color:var(--ivory)}
  .motion-hero[data-hero-active="1"] .btn.solid{background:var(--ivory);color:var(--green)}
  .motion-hero[data-hero-active="1"] .hero-slide-controls button:focus-visible{outline-color:var(--ivory)}
}
@media(max-width:1100px){
  .motion-hero .hero-art{left:0;right:0;height:auto;aspect-ratio:1280/620}
  .motion-hero .hero-art img,.motion-hero .hero-art video{object-position:center}
  .motion-hero .hero-ctas{width:100%}
  .hero-slide-controls{margin-top:18px}
  .motion-toggle{right:16px;bottom:16px;min-height:40px;padding:9px 13px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.motion-media .ambient-video{transition:none}}