/* Mercury reference film → existing Winners Note experience. */
.cinema-runway{height:180vh;position:relative;pointer-events:none}
.cinema{position:fixed;inset:0;z-index:40;height:100svh;overflow:hidden;background:#20211f;isolation:isolate;pointer-events:auto}
.cinema-film,.cinema-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.cinema-film{opacity:0}
.cinema.has-frame .cinema-film{opacity:1}
.cinema-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,17,23,.44),rgba(9,17,23,.04) 55%,rgba(9,17,23,.25));pointer-events:none}
.cinema-copy{position:absolute;top:20%;left:20px;right:20px;text-align:center;color:#fff;will-change:opacity,transform}
.cinema-eyebrow{font-size:10px;letter-spacing:.23em;margin-bottom:22px;color:#f1f0df}
.cinema-copy h2{font-size:clamp(32px,3.6vw,60px);line-height:1.27;font-weight:500;letter-spacing:-.055em;text-wrap:balance;word-break:keep-all}
.cinema-copy p{font-size:clamp(13px,1.35vw,19px);line-height:1.7;margin:19px 0 24px;color:#f1f0e9}
.cinema-enter{display:inline-flex;align-items:center;gap:30px;padding:12px 22px;border:1px solid #ffffff6b;border-radius:30px;background:#ffffff15;backdrop-filter:blur(12px);font-size:13px;color:white}
.cinema-enter:hover{background:#fff;color:#20211f}
.cinema-bottom{position:absolute;bottom:30px;left:3.2vw;right:3.2vw;display:flex;align-items:end;justify-content:space-between;color:#fff}
.cinema-scroll{display:flex;align-items:center;gap:15px;font:9px monospace;letter-spacing:.13em}
.cinema-scroll b{font-size:24px;font-weight:400;animation:cinema-cue 1.7s ease-in-out infinite}
.cinema-skip{font-size:11px;color:#fff;padding:10px 0;border-bottom:1px solid #ffffff5c}
.cinema-meter{position:absolute;bottom:0;left:0;height:2px;width:100%;transform:scaleX(var(--cinema-progress,0));transform-origin:left;background:#d8e7a3}
.cinema-active .header{background:transparent;backdrop-filter:none;border-color:transparent;color:#fff}
.cinema-active .header nav{color:#f0f1e9}
.cinema-active .header .outline-button{border-color:#ffffff70;background:#ffffff0a}
.cinema-active .progress-line{opacity:0}
.cinema-active .hero-scroll{pointer-events:none}
.has-cinema .hero-scroll{height:245vh;min-height:calc(1350px + 35vh)}
@keyframes cinema-cue{50%{transform:translateY(5px)}}
@media(max-width:700px){
 .cinema-copy{top:18%;left:24px;right:24px}.cinema-copy h2{font-size:35px;max-width:340px;margin:auto;line-height:1.35}
 .cinema-eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:18px}.cinema-copy p{font-size:12px;margin:17px 0 20px}
 .cinema-enter{font-size:11px;padding:10px 17px}.cinema-bottom{left:20px;right:20px;bottom:23px}.cinema-scroll{font-size:7px;gap:8px}.cinema-skip{font-size:10px}
 .has-cinema .hero-scroll{height:205vh;min-height:calc(1120px + 35vh)}
}
@media(prefers-reduced-motion:reduce){.cinema-runway{height:100svh}.cinema{position:absolute}.cinema-scroll b{animation:none}.has-cinema .hero-scroll{height:100svh;min-height:710px}}