.scroll-film{position:relative;background:#020302;color:#f5f0e6}
.scroll-film-stage{position:relative;overflow:hidden;isolation:isolate;min-height:60vh}
.scroll-film-stage>img{display:block;width:100%;height:100%;object-fit:contain}
.scroll-film-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.scroll-film-ready .scroll-film-stage>video{opacity:1}
.scroll-film-enabled{height:480svh}
.scroll-film-enabled .scroll-film-stage{height:100svh;position:sticky;top:0}
.scroll-film-caption{position:absolute;left:5%;right:5%;bottom:4%;display:flex;justify-content:space-between;gap:1rem;align-items:center;z-index:2;font-size:.72rem;letter-spacing:.08em}
.scroll-film-caption a{color:inherit;min-height:44px;display:inline-flex;align-items:center}
.scroll-film-stage:after{position:absolute;bottom:0;left:0;right:0;content:"";height:2px;background:#ba9355;transform:scaleX(var(--film-progress,0));transform-origin:left;z-index:2}
.scroll-film-caption a:focus-visible{outline:2px solid #e0bd84;outline-offset:5px}
@media(max-width:700px){.scroll-film-enabled{height:360svh}.scroll-film-caption{font-size:.65rem;bottom:7%;flex-wrap:wrap}.scroll-film-stage{min-height:45vh}}
@media(prefers-reduced-motion:reduce){.scroll-film{height:auto!important}.scroll-film-stage{position:relative!important;height:auto!important}.scroll-film-stage>video{display:none}}

.scroll-film-control{position:absolute;top:max(5rem,12%);right:5%;z-index:3;min-height:44px;padding:.65rem 1rem;border:1px solid #bfa77966;border-radius:30px;background:#070907cc;color:#f5f0e6;font:inherit;font-size:.72rem;cursor:pointer}
.scroll-film-control:focus-visible{outline:2px solid #e0bd84;outline-offset:4px}
.scroll-film-control:disabled{opacity:.6;cursor:default}
.scroll-film [data-film-status]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.case:has(>.scroll-film){display:block;min-height:0}
.case:has(>.scroll-film)>.case-copy{padding:3rem 0;max-width:960px;margin-inline:auto}
.scroll-film-stage>img{margin:0!important;border-radius:0!important}

/* Sticky scenes must scroll against the viewport, not a clipped ancestor. */
html{overflow-x:clip}
body{overflow-x:clip}
.work{overflow:visible}
.case:has(>.scroll-film),.case:has(>.project-film){display:block;transform:none;opacity:1}
.case:has(>.project-film)>.case-copy{padding:3rem 0}
/* Shorter chapters for the six/eight-second editorial films. */
.chapter-film.scroll-film-enabled{height:280svh}
#leos-film.scroll-film-enabled{height:380svh}
.film-sector-caption{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;padding:2rem 0 3rem;border-bottom:1px solid #d6ddd3;margin-bottom:2rem}
.film-sector-caption .chapter-description{font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.4}
.film-sector-caption .chapter-aside{max-width:38rem}
.lane-panel:has(.chapter-film){overflow:visible}
@media(max-width:700px){.chapter-film.scroll-film-enabled{height:230svh}#leos-film.scroll-film-enabled{height:300svh}.film-sector-caption{grid-template-columns:1fr;gap:1rem}}

.offer-shortcuts{margin:1.5rem 0 3rem;padding:1.4rem;border:1px solid #b7c4b9;border-radius:8px;background:#edf2e9;color:#183e31}.offer-shortcuts p{margin:0 0 .7rem}.offer-shortcuts>div{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.offer-shortcuts a,.film-skip-before a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-underline-offset:5px}.offer-shortcuts a:focus-visible,.film-skip-before a:focus-visible{outline:2px solid #795827;outline-offset:4px}.film-skip-before{margin:1rem 0;color:#183e31;font-size:.9rem}[id$="-offers"]{scroll-margin-top:110px}

.brief-next{border:1px solid #b7c4b9;border-radius:8px;padding:12px 16px;margin-bottom:18px;background:#edf2e9}.brief-next summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:600}.brief-next li{margin:.8rem 0}.brief-next summary:focus-visible{outline:2px solid #795827;outline-offset:4px}