/* Responsive rendered film; portrait and landscape retain their authored framing. */
.chair-film{--film-gutter:clamp(22px,4.5vw,80px);position:relative;color:#242822;background:#e8e2d7}
.chair-film__track{position:relative;height:540svh}
.chair-film__track.is-still{height:100svh}
.chair-film__stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.chair-film__poster,.chair-film__video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}
.chair-film__video{visibility:hidden}
.chair-film__stage[data-video-ready=true] .chair-film__video{visibility:visible}
.chair-film__stage::after{content:"";position:absolute;inset:0 0 auto;height:130px;pointer-events:none;background:linear-gradient(#17181299,transparent)}
.chair-film .chair-story__toolbar{left:var(--film-gutter);right:var(--film-gutter)}
.chair-film .chair-story__brand{color:#fff}
.chair-film__copy{position:absolute;z-index:2;left:var(--film-gutter);right:var(--film-gutter);bottom:max(112px,calc(env(safe-area-inset-bottom) + 96px));pointer-events:none}
.chair-film__copy h1[data-morphing=true]{opacity:0}
.chair-film__morph{position:absolute;left:0;top:0;display:block;pointer-events:none;transform-origin:0 0;will-change:transform}
.chair-film__morph-shape{position:relative;display:block;isolation:isolate}
.chair-film__morph-word{position:absolute;left:0;top:0;display:block;margin:0;white-space:pre;text-shadow:none;transform-origin:0 0;will-change:filter,transform}
.chair-film__morph-defs{position:absolute;width:0;height:0;overflow:hidden}
.chair-film__copy h1{margin:0;font-size:clamp(38px,5vw,78px);font-weight:450;line-height:1;letter-spacing:-.065em;max-width:780px}
.chair-film__stage[data-detail=true] .chair-film__copy{top:max(100px,calc(env(safe-area-inset-top) + 76px));bottom:auto}

.chair-film__status{position:absolute;z-index:3;left:var(--film-gutter);right:var(--film-gutter);top:90px;padding:10px 14px;background:#f7f8f3eb;border-radius:4px;font-size:12px;line-height:1.5;max-width:350px}
.chair-film__stills{display:none}
.chair-film:has(.is-still) .chair-film__stills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:48px var(--film-gutter);background:var(--paper)}
.chair-film__stills figure{margin:0}.chair-film__stills img{display:block;width:100%;height:auto}.chair-film__stills figcaption{margin-top:12px;font-size:13px}
.chair-story-route #product-information{padding-top:64px}

.selection-item img.chair-film-selection{object-fit:cover;padding:0;filter:none}
@media(max-width:600px){
 .chair-film__copy h1{font-size:clamp(32px,10.75vw,42px)}
 .chair-film:has(.is-still) .chair-film__stills{grid-template-columns:1fr;gap:32px}

}
@media(max-width:600px) and (max-height:650px){.chair-film__stage[data-detail=true] .chair-film__copy{top:max(84px,calc(env(safe-area-inset-top) + 68px))}}
@media(max-height:499px){.chair-film__copy h1{font-size:32px;max-width:280px}.chair-film__stage[data-detail=true] .chair-film__copy{top:84px}}

/* Landscape headings follow the approved negative space, rather than covering
   the chair. The final title gives way to the surrounding product controls. */
.chair-film[data-layout=landscape] .chair-film__copy,
.chair-film[data-layout=landscape] .chair-film__stage[data-detail=true] .chair-film__copy{left:7%;right:auto;top:42%;bottom:auto;width:31%;transition:none}
.chair-film[data-layout=landscape] .chair-film__copy h1{font-size:clamp(30px,4.6vw,78px);max-width:none}
.chair-film[data-layout=landscape] .chair-film__stage[data-chapter="0"] .chair-film__copy{top:28%;color:#fff}
.chair-film[data-layout=landscape] .chair-film__stage[data-chapter="3"] .chair-film__copy,
.chair-film[data-layout=landscape] .chair-film__stage[data-chapter="4"] .chair-film__copy{left:67%;width:29%}

@media(orientation:landscape) and (max-height:500px){
 .chair-film[data-layout=landscape] .chair-film__copy h1{font-size:clamp(26px,4.5vw,42px)}
 .chair-film .chair-story__toolbar{top:max(12px,env(safe-area-inset-top))}
}
.chair-film .chair-film__copy{opacity:var(--copy-opacity,1);transition:none}
.chair-film[data-exploring=true] .chair-film__copy{opacity:0}
.chair-film__stage[data-chapter="4"] .chair-film__copy{opacity:0}
@media(prefers-reduced-motion:reduce){.chair-film__copy{transition:none}}