/* V5.1 — lower front composition and an overlapping editorial transition. */
.hero-art{inset:16% -8% -7%;transform-origin:52% 58%}
.hero-art img{object-fit:contain;object-position:center bottom}
.hero-art:after{background:linear-gradient(#000 0,transparent 24%,transparent 78%,#000 99%)}
.hero-breath{height:clamp(130px,20svh,230px);background:#000;position:relative}
.story-overlap{position:relative;isolation:isolate;background:#000}
.story-overlap>.manifesto-backdrop{z-index:0;position:sticky;top:var(--nav);height:calc(100svh - var(--nav))}
.story-overlap>.manifesto{z-index:1;margin-top:calc(-100svh + var(--nav));background:transparent;isolation:auto;pointer-events:none}
.manifesto-words{margin-top:0;padding-bottom:34svh}
.manifesto-shade{z-index:0;background:linear-gradient(#000a 0,#0009 20%,#000a 82%,#000b 100%)}
.story-overlap>.highlights{z-index:3;position:relative;box-shadow:0 -35px 65px #0002}
.manifesto-control{z-index:5}
.award-slide{background:linear-gradient(145deg,#080809,#232325)}
.award-slide:after{display:none}
.award-slide .slide-copy{max-width:85%;z-index:3}
.award-slide .slide-copy h3{font-size:clamp(28px,2.7vw,42px);line-height:1.13}
.award-slide .slide-copy h3 em{font-style:normal;color:#d9ae61}
.award-slide>img{position:absolute;width:min(57%,700px);height:auto;left:50%;top:58%;transform:translate(-50%,-50%);object-fit:contain;border-radius:8px;max-height:63%}
.award-slide:hover>img{transform:translate(-50%,-50%)}
.award-category{position:absolute;left:45px;bottom:34px;font-size:14px;font-weight:550;line-height:1.5;z-index:3}
.award-category span{font-size:11px;color:#a9a9af;font-weight:400}
.award-slide .round-link{display:grid;place-items:center}
.component-scene{background:#151515}
.component-scene .scene-image{object-fit:contain;object-position:center;height:96%;top:2%;transform-origin:68% 50%}
.component-scene .scene-copy.left{left:11%;max-width:45%}
.component-scene .scene-copy h2{font-size:clamp(48px,5.5vw,82px)}
.component-scene .scene-copy>p:not(.eyebrow){font-size:17px}
.component-scene .scene-shade,.chapter-scene.component-scene[data-scene="2"] .scene-shade{background:linear-gradient(90deg,#0005,transparent 63%),linear-gradient(0deg,#0006,transparent 30%)}
.component-note{position:absolute;bottom:29px;right:6%;font-size:9px;color:#9d9da3;letter-spacing:.015em;z-index:5}
.chapter-cinema:has(.component-scene.active) .chapter-hint{visibility:hidden}
.reduced .hero-breath{height:80px}
.reduced .story-overlap>.manifesto{margin-top:0}
.reduced .story-overlap>.manifesto-backdrop{position:absolute;top:0;height:100svh}
@media(min-width:1800px){.hero-art{inset:12% -6% -7%}.component-scene .scene-copy h2{font-size:90px}}
@media(max-width:1050px){.hero-art{inset:22% -15% -4%}.component-scene .scene-copy h2{font-size:57px}.component-scene .scene-copy>p:not(.eyebrow){font-size:15px}}
@media(max-width:700px){
 .hero-art{inset:29% -45% -1%}.hero-art img{object-position:center bottom}.hero-art:after{background:linear-gradient(#000 0,transparent 17%,transparent 85%,#000 99%)}
 .hero-breath{height:115px}.manifesto-words{padding-bottom:34svh}
 .award-slide .slide-copy{top:29px;left:25px;right:22px;max-width:none}.award-slide .slide-copy h3{font-size:28px}
 .award-slide>img{width:88%;top:57%;max-height:none}.award-category{left:25px;right:55px;bottom:28px;font-size:13px}.award-category span{font-size:10px}
 .highlight-slide:nth-child(3)>img{object-position:50% center}.highlight-slide:nth-child(4)>img{object-position:65% center}
 .component-scene .scene-image{width:165%;max-width:none;left:-65%;height:67%;top:1%;object-fit:contain;object-position:right center;transform-origin:70% 45%}
 .component-scene .scene-copy.left,.component-scene.active .scene-copy.left{left:25px;right:25px;max-width:none;top:auto;bottom:12%;transform:none}
 .component-scene .scene-copy h2{font-size:43px}.component-scene .scene-copy>p:not(.eyebrow){font-size:13px;margin-top:18px}
 .component-scene .scene-copy .eyebrow{font-size:8px;margin-bottom:15px}.component-scene .scene-copy .watch-link{font-size:11px;margin-top:20px}
 .component-note{left:25px;right:25px;bottom:24px;font-size:8px;line-height:1.5;max-width:300px}
 .component-scene .scene-shade,.chapter-scene.component-scene[data-scene="2"] .scene-shade{background:linear-gradient(0deg,#000a,transparent 72%)}
 .reduced .component-scene .scene-copy.left{bottom:13%}
}
@media(max-width:700px) and (max-height:720px){.hero-art{inset:29% -38% -1%}.component-scene .scene-copy h2{font-size:34px}.component-scene .scene-copy>p:not(.eyebrow){font-size:11px;margin-top:12px}.component-scene .scene-copy .eyebrow{margin-bottom:11px}.component-note{font-size:7px;bottom:20px}.component-scene .scene-image{height:61%;top:1%}.component-scene .scene-copy .watch-link{margin-top:14px}}
