/* Motion enhances existing composition; normal flow and header stay unchanged. */
.film-surface-host{position:relative;isolation:isolate}
.home-intro.film-surface-host,.collection-surface.film-surface-host{background:transparent}
.film-surface{position:absolute;inset:0;z-index:-1;pointer-events:none;transform-origin:center}
.home-intro>.film-surface{background:#f4f0e8;max-width:none;margin:0}
.collection-surface>.film-surface{background:#faf7f0}
.film-curtain{position:absolute;inset:0;background:#faf7f0;z-index:2;pointer-events:none;transform-origin:right}
.home-hero>.film-curtain{z-index:2}
.film-full .home-hero>img,.film-full .story-simple-opening figure>img{transform:translate3d(0,var(--film-y,0px),0) scale(1.06)}
.film-full .home-selection .editorial-card>img{transform:translate3d(0,var(--film-y,0px),0) scale(1.04)}
.film-in-view>img{will-change:transform}
.story-simple-prose p.film-prose{position:relative;isolation:isolate}
.film-wash{position:absolute;inset:-12px -20px;background:#f4f0e8;z-index:-1;pointer-events:none;opacity:0;transform-origin:left}
.film-control{position:fixed;bottom:18px;left:18px;z-index:21;display:flex;align-items:center;gap:8px;min-height:36px;padding:9px 12px;background:#faf7f0f5;color:#402218;border:1px solid #40221824;border-radius:0;font:10px/1.2 "Helvetica Neue",Arial,sans-serif;letter-spacing:.6px;box-shadow:0 2px 12px #40221808}
.film-control svg{width:12px;height:12px;fill:currentColor}
.film-control:focus-visible{outline:2px solid #402218;outline-offset:3px}
body:has(dialog[open]) .film-control{visibility:hidden}
@media(max-width:760px){.film-control{bottom:10px;left:10px;font-size:9px;padding:8px 10px}.film-wash{inset:-9px -12px}}
@media print{.film-control,.film-curtain,.film-wash{display:none!important}}