/* Shared desktop film: V4 framed, V5 full hero. */
.has-hero-film .hero-visual[data-film-host]{perspective:none;transform:none!important;opacity:1;clip-path:none;background:#102a3a;border:0}
.hero-visual[data-film-host]>:not(.hero-film),.hero-visual[data-film-host]::before,.hero-visual[data-film-host]::after{display:none!important}
.hero-film{position:absolute;inset:0;display:flex;flex-direction:column;background:#0b1720;isolation:isolate}
.film-media{position:relative;width:100%;min-height:0;flex:1;overflow:hidden;background:#0b1720}
.film-poster,.film-poster img,.film-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.film-video{opacity:0;transition:opacity .35s ease;pointer-events:none}
.film-ready .film-video{opacity:1}
/* The poster stays under the decoded video during its opacity transition. */
.film-stamp{position:absolute;left:22px;top:22px;z-index:2;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #cddcd43d;background:#0b1720c9;color:#cddcd4;font:7px/1.3 'DM Mono',monospace;letter-spacing:.09em}
.film-stamp i{width:5px;height:5px;background:#63c6b0;border-radius:50%}
.film-loading{position:absolute;left:22px;bottom:18px;z-index:2;align-items:center;gap:10px;padding:9px 12px;background:#0b1720e8;color:#cddcd4;font:8px 'DM Mono',monospace}
.film-loading:not([hidden]){display:flex}.film-loading img{width:18px;height:18px}
.film-info{position:relative;flex:none;padding:26px 28px 22px;border-top:1px solid #cddcd433;background:#102a3a}
.film-meta{display:flex;justify-content:space-between;gap:14px;color:#9eb9b8;font:7px/1.6 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.film-caption{min-height:80px;margin:15px 0 20px}
.film-caption h2{font-size:clamp(21px,2.2vw,31px);font-weight:550;line-height:1.05;letter-spacing:-.035em;text-transform:none;color:#eff2ee;margin:0 0 10px}
.film-caption p{font:11px/1.7 'DM Mono',monospace;color:#b8ccc7;max-width:470px;margin:0}
.film-controls{display:flex;align-items:center;justify-content:space-between;gap:15px}
.film-chapters{display:flex;align-items:center;gap:5px}
.film-chapters button{width:38px;min-height:38px;border:1px solid #cddcd433;background:transparent;color:#bdd0c7;font:9px 'DM Mono',monospace;cursor:pointer}
.film-chapters button[aria-pressed="true"]{background:#cddcd4;border-color:#cddcd4;color:#102a3a}
.film-chapters button:hover{border-color:#cddcd4}
.film-open{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid #cddcd455;background:transparent;color:#eff2ee;font:9px 'DM Mono',monospace;cursor:pointer}
.film-open .icon{width:15px;height:15px}
.film-meter{position:absolute;left:0;right:0;top:-2px;height:2px;background:#cddcd422;overflow:hidden}
.film-meter i{display:block;height:100%;background:#63c6b0;transform:scaleX(var(--film-progress,0));transform-origin:left}
.film-footnote{font:6px/1.5 'DM Mono',monospace;color:#9db2b5;margin:12px 0 0;letter-spacing:.08em}
.has-hero-film:not(.vota-v5) .hero-visual[data-film-host]{height:100%;min-height:620px}
.has-hero-film:not(.vota-v5) .film-media{display:flex;align-items:center}
.hero-scrub-active.has-hero-film:not(.vota-v5) .hero-visual[data-film-host]{min-height:0}
.film-dialog{width:min(1140px,calc(100vw - 36px));max-height:calc(100svh - 36px);padding:0;border:1px solid #cddcd455;background:#0b1720;color:#eff2ee;overflow:auto}
.film-dialog::backdrop{background:#02090ee8;backdrop-filter:blur(8px)}
.film-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px}
.film-dialog-head h2{font:12px/1.4 'DM Mono',monospace;letter-spacing:.03em;text-transform:none;margin:0}
.film-dialog-close{display:grid;place-items:center;width:42px;height:42px;background:transparent;border:1px solid #cddcd44a;color:#eff2ee;cursor:pointer}
.film-dialog video{width:100%;max-height:calc(100svh - 140px);display:block;aspect-ratio:16/9;object-fit:contain;background:#000}
.film-dialog p{font:9px/1.5 'DM Mono',monospace;color:#b4c7c4;padding:14px 22px;margin:0}
.film-modal-open{overflow:hidden}

/* Full-width V5 keeps the same design system, with a new hero composition. */
.vota-v5 .hero{display:block;position:relative;isolation:isolate;min-height:calc(100svh - 72px);overflow:hidden}
.vota-v5 .hero-visual[data-film-host]{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:0}
.vota-v5 .hero-film{background:#0b1720}
.vota-v5 .film-media{position:absolute;inset:0;width:100%;height:100%}
.vota-v5 .film-poster img,.vota-v5 .film-video{object-fit:cover;object-position:58% 48%}
.vota-v5 .film-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06131ef5 0%,#071722d9 25%,#07172286 43%,#07172212 70%),linear-gradient(0deg,#081720eb 0%,transparent 47%,#07172226 100%);pointer-events:none}
.vota-v5 .hero-copy{position:relative;z-index:2;width:55%;min-height:calc(100svh - 72px);padding:50px 30px 54px clamp(30px,4.5vw,72px);border:0;pointer-events:none}
.vota-v5 .hero-copy a,.vota-v5 .hero-copy button{pointer-events:auto}
.vota-v5 .hero h1{font-size:clamp(66px,7.3vw,112px);text-shadow:0 3px 28px #06131e66}
.vota-v5 .hero-description{color:#d0dcd8;max-width:380px}
.vota-v5 .hero-copy>.eyebrow{color:#cddcd4}
.vota-v5 .hero-note,.vota-v5 .hero-scroll{color:#c0d1cc}
.vota-v5 .film-info{position:absolute;z-index:3;bottom:35px;right:35px;width:min(420px,40%);padding:24px;background:#0b1720bf;backdrop-filter:blur(18px);border:1px solid #cddcd44a}
.vota-v5 .film-caption{min-height:72px;margin:12px 0 18px}
.vota-v5 .film-caption h2{font-size:26px}
.vota-v5 .film-caption p{font-size:10px}
.vota-v5 .film-stamp{left:auto;right:35px;top:30px;background:#0b1720a6}
.vota-v5.hero-scrub-active .hero-copy{height:var(--hero-height);min-height:0;justify-content:center}
.vota-v5.hero-scrub-active .hero{position:sticky;top:var(--header-height);height:var(--hero-height);min-height:0}
.vota-v5.cinema-static .hero-copy{min-height:calc(100svh - 72px)}
.vota-v5 .film-loading{left:auto;right:35px;bottom:auto;top:72px}
@media(min-width:1100px) and (max-height:779px){.vota-v5 .hero-copy{padding-block:35px;min-height:670px}.vota-v5 .hero{min-height:670px}.vota-v5 .hero h1{font-size:86px}.vota-v5 .film-info{bottom:25px;right:25px}}
@media(max-width:1099px){.has-hero-film:not(.vota-v5) .hero-visual[data-film-host]{min-height:540px}.film-info{padding:22px}.film-caption h2{font-size:24px}.vota-v5 .hero-copy{width:57%;padding-left:30px;min-height:740px}.vota-v5 .hero{min-height:740px}.vota-v5 .hero h1{font-size:clamp(60px,7.5vw,85px)}.vota-v5 .film-info{right:24px;bottom:28px;width:39%;padding:20px}.film-chapters button{width:30px}.film-open{font-size:8px;padding:8px}.film-caption p{font-size:10px}}
@media(max-width:899px){.has-hero-film:not(.vota-v5) .hero-visual[data-film-host]{height:auto;min-height:0;aspect-ratio:auto}.has-hero-film:not(.vota-v5) .hero-film{position:relative}.has-hero-film:not(.vota-v5) .film-media{aspect-ratio:16/9;flex:none}.film-info{padding:22px}.film-caption{min-height:0}.film-caption h2{font-size:25px}.film-meta{font-size:7px}.film-chapters button{width:38px;min-height:42px}.film-open{font-size:9px;padding:9px 14px}.film-stamp{top:14px;left:16px;font-size:6px}.vota-v5 .hero{min-height:1020px;display:flex;flex-direction:column;justify-content:space-between}.vota-v5 .hero-copy{width:100%;min-height:0;padding:42px 26px 0;justify-content:flex-start}.vota-v5 .hero h1{font-size:clamp(64px,11vw,95px)}.vota-v5 .hero-description{max-width:370px;font-size:15px}.vota-v5 .hero-copy>.eyebrow{max-width:320px;margin-bottom:28px}.vota-v5 .hero-visual[data-film-host]{position:static;z-index:auto;height:auto;min-height:0;overflow:visible;background:transparent}.vota-v5 .hero-film{position:static;background:transparent}.vota-v5 .film-media{position:absolute;z-index:-1;inset:0}.vota-v5 .film-poster img{object-position:center}.vota-v5 .film-media:after{background:linear-gradient(180deg,#06131ee8 0%,#06131ebd 32%,#06131e0a 65%,#06131edb 100%)}.vota-v5 .film-info{position:relative;bottom:auto;right:auto;width:auto;margin:300px 22px 25px;padding:22px}.vota-v5 .film-stamp{display:none}.vota-v5 .film-caption{min-height:0}.vota-v5 .film-caption h2{font-size:24px}.vota-v5.cinema-static .hero-copy{min-height:0}.vota-v5 .hero-scroll{max-width:370px}.vota-v5 .film-loading{display:none!important}}
@media(max-width:420px){.vota-v5 .hero h1{font-size:clamp(53px,14vw,64px)}.vota-v5 .hero-copy{padding:34px 22px 0}.vota-v5 .hero{min-height:1010px}.vota-v5 .film-info{margin-inline:16px;padding:18px}.film-controls{gap:8px}.film-chapters{gap:4px}.film-chapters button{width:32px}.film-open{padding:8px 10px}.film-caption p{font-size:10px}.film-dialog-head{padding:12px}.film-dialog-head h2{font-size:10px}}
@media(prefers-reduced-motion:reduce){.film-video{transition:none}}

/* V2 film direction: left-side narrative, living picture, extracted glass UI. */
.has-hero-film .hero h1{font-size:clamp(62px,5.8vw,88px);min-height:3.15em;line-height:1.02}
.has-hero-film .hero-description{min-height:76px;max-width:420px}
.has-hero-film .hero-copy>.eyebrow{min-height:24px;margin-bottom:24px}
.has-hero-film .film-caption{min-height:278px;margin:0 0 16px;padding:23px;border:1px solid #e1f8ef55;border-radius:18px;background:linear-gradient(132deg,#bdcfd629,#102a3aab 44%,#102a3a69);box-shadow:0 16px 40px #00000035,inset 0 1px #f4fff52b;backdrop-filter:blur(19px);position:relative;overflow:hidden}
.has-hero-film .film-caption:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff0a,transparent 40%);pointer-events:none}
.glass-toolbar{display:flex;align-items:center;gap:9px;font:8px 'DM Mono',monospace;color:#cddcd4;letter-spacing:.08em;padding-bottom:14px;border-bottom:1px solid #cddcd429;margin-bottom:16px}
.glass-toolbar .icon{width:16px;height:16px;color:#63c6b0}
.has-hero-film .film-heading{font-size:23px;line-height:1.15;font-weight:550;letter-spacing:-.025em;margin:0 0 15px}
.film-screen{min-height:155px;font-size:13px;line-height:1.5;color:#cddcd4;transform-origin:30% 70%}
.film-screen p{font-size:12px;line-height:1.6;margin:10px 0 14px;color:#c3d5d0}
.glass-label{display:block;font:9px/1.7 'DM Mono',monospace;color:#b3c8c1;letter-spacing:.055em}
.glass-name{display:block;font-size:27px;font-weight:550;letter-spacing:-.04em;color:#eff2ee;margin:8px 0}
.glass-number{display:block;font:22px/1.4 'DM Mono',monospace;color:#eff2ee;margin:14px 0 20px;letter-spacing:.02em}
.glass-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #63c6b052;background:#63c6b014;border-radius:9px;color:#a8e1d1;font:10px/1.6 'DM Mono',monospace;margin-top:14px}
.glass-status>span{font-size:14px}.glass-action{display:flex;align-items:center;justify-content:space-between;padding:13px 2px 0;color:#eef5ef;font-size:12px}.glass-action b{font-size:18px;font-weight:400;color:#63c6b0}
.glass-code{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:24px 0}
.glass-code span{border:1px solid #cddcd45e;border-radius:8px;background:#ffffff06;text-align:center;padding:10px 0;font:23px/1.1 'DM Mono',monospace;color:transparent;transition:color .1s,border-color .1s}
.glass-code .digit-visible{color:#eff2ee;border-color:#a3e2d3}
.glass-check{width:39px;height:39px;display:grid;place-items:center;border:1px solid #63c6b0;border-radius:50%;color:#63c6b0;font-size:23px;margin:5px 0 12px}
.glass-two{display:flex;gap:8px;margin:18px 0}.glass-two>span{flex:1;font:10px 'DM Mono',monospace;background:#ffffff08;padding:13px 10px;border-radius:7px}.glass-two b{color:#63c6b0;float:right}
.glass-network{display:grid;gap:7px;padding:2px 0 8px}.glass-network strong{font-size:18px;font-weight:500;color:#eef5ef}.glass-network i{font:18px 'DM Mono',monospace;color:#63c6b0}.glass-network i span{font-size:8px;vertical-align:middle;letter-spacing:.1em}
.glass-intro strong{font-size:18px;line-height:1.35;color:#eff2ee;display:block;max-width:250px;font-weight:500}.glass-intro p{max-width:280px}.glass-orbit{float:right;width:34px;height:34px;border:1px solid #63c6b077;border-radius:50%;box-shadow:0 0 25px #63c6b018;margin:0 0 15px 20px;position:relative}.glass-orbit:after{content:'';position:absolute;width:6px;height:6px;background:#63c6b0;border-radius:50%;top:3px;left:3px}
.glass-brand strong{font-size:24px;color:#63c6b0;letter-spacing:-.03em}.glass-brand a{font:11px 'DM Mono',monospace;border-bottom:1px solid #63c6b066;padding-bottom:7px;display:inline-block;margin-top:15px;color:#eff2ee}
.glass-spinner{width:13px;height:13px;border:1px solid #cddcd440;border-top-color:#63c6b0;border-radius:50%;animation:glassSpin 1s linear infinite}
@keyframes glassSpin{to{transform:rotate(360deg)}}
.has-hero-film .film-info{padding:20px 23px 18px;background:#0d202b;border-top:1px solid #cddcd429}
.has-hero-film .film-meta{margin-bottom:14px;font-size:7px;letter-spacing:.05em}
.has-hero-film .film-controls{gap:8px}
.has-hero-film .film-chapters{gap:4px}
.has-hero-film .film-chapters button{width:33px;min-height:37px}
.film-play{flex:none;width:37px;height:39px;padding:10px;border:1px solid #cddcd455;background:transparent;color:#eff2ee;cursor:pointer;display:grid;place-items:center}
.film-play .icon{width:16px;height:16px}
.film-play[hidden],.film-mode[hidden]{display:none}
.has-hero-film .film-open{font-size:9px;min-height:39px;padding:8px 11px}
.film-mode{margin-top:13px;display:block;color:#b8ccc7;font:8px/1.5 'DM Mono',monospace;border:0;border-bottom:1px solid #cddcd43a;background:transparent;padding:0 0 4px;cursor:pointer}
.film-mode:hover{color:#eff2ee}
.has-hero-film .film-footnote{font-size:6px;letter-spacing:.03em;margin-top:11px}
.has-hero-film:not(.vota-v5) .hero-visual[data-film-host]{min-height:820px}
.has-hero-film:not(.vota-v5) .film-caption{min-height:258px;margin-bottom:13px;padding:20px}
.has-hero-film:not(.vota-v5) .film-info{padding:17px 24px 17px}
.has-hero-film:not(.vota-v5) .film-screen{min-height:130px}
.has-hero-film:not(.vota-v5) .glass-toolbar{margin-bottom:12px;padding-bottom:10px}
.vota-v5 .hero-copy{width:55%;padding-top:36px;padding-bottom:40px;justify-content:center}
.vota-v5 .hero h1{font-size:clamp(65px,6vw,92px)}
.vota-v5 .film-info{width:min(395px,38%);bottom:25px;right:30px;padding:0;background:transparent;border:0;backdrop-filter:none}
.vota-v5 .film-meta{padding:0 2px;color:#d3e2dc;text-shadow:0 1px 5px #000}
.vota-v5 .film-caption{background:linear-gradient(135deg,#bdcfd62e,#102a3ab8 45%,#102a3a7a);min-height:278px}
.vota-v5 .hero-film[data-beat="0"] .film-caption,.vota-v5 .hero-film[data-beat="7"] .film-caption{opacity:0;pointer-events:none}
.vota-v5 .film-controls,.vota-v5 .film-mode,.vota-v5 .film-footnote{position:relative;z-index:2}
.vota-v5 .film-controls{background:#0b1720bc;padding:8px;border:1px solid #cddcd42b;backdrop-filter:blur(14px)}
.vota-v5 .film-controls .film-open{flex:1}
.vota-v5 .film-mode{color:#d0dfd9;text-shadow:0 1px 5px #000}
.vota-v5 .film-meter{top:-12px}
.vota-v5 .film-footnote{color:#cddcd4;text-shadow:0 1px 4px #000}
.vota-v5 .film-media:after{background:linear-gradient(90deg,#06131ef5 0%,#071722d9 20%,#07172265 43%,#07172200 70%),linear-gradient(0deg,#081720d9 0%,transparent 42%,#07172215 100%)}
@media(min-width:1100px) and (max-height:779px){.vota-v5 .hero{min-height:730px}.vota-v5 .hero-copy{min-height:730px}.vota-v5 .hero h1{font-size:76px}.vota-v5 .film-caption{min-height:260px}.vota-v5 .film-info{width:365px;right:24px;bottom:22px}}
@media(max-width:1099px){.has-hero-film .hero h1{font-size:clamp(55px,6vw,75px)}.has-hero-film .hero-description{min-height:90px}.vota-v5 .hero{min-height:800px}.vota-v5 .hero-copy{min-height:800px}.vota-v5 .film-info{width:39%;right:20px}.has-hero-film .film-caption{padding:18px}.has-hero-film .film-heading{font-size:21px}.glass-name{font-size:24px}.glass-code{gap:4px}.glass-code span{font-size:20px}.has-hero-film .film-chapters button{width:26px}.has-hero-film .film-open{font-size:8px;padding:8px}.film-play{width:32px}.vota-v5 .film-controls{padding:6px;gap:5px}}
@media(max-width:899px){.has-hero-film .hero h1{font-size:clamp(53px,8.6vw,80px);min-height:3.15em}.has-hero-film .hero-description{min-height:76px}.has-hero-film:not(.vota-v5) .hero-visual[data-film-host]{min-height:0}.has-hero-film .film-caption{min-height:250px}.vota-v5 .hero-copy{width:100%;min-height:0;padding-top:38px}.vota-v5 .hero{min-height:0}.vota-v5 .film-info{width:auto;right:auto;bottom:auto;margin:220px 22px 25px}.vota-v5 .film-caption{min-height:270px}.has-hero-film .film-chapters button{width:36px;min-height:42px}.has-hero-film .film-open{font-size:10px;padding:9px 14px}.film-play{width:40px;height:42px}.has-hero-film .film-heading{font-size:25px}.glass-name{font-size:28px}.glass-code span{font-size:25px}.film-mode{display:none}.has-hero-film .film-screen{min-height:150px}}
@media(max-width:420px){.has-hero-film .hero h1{font-size:clamp(47px,12vw,58px)}.vota-v5 .film-info{margin-inline:16px}.has-hero-film .film-chapters button{width:29px}.has-hero-film .film-open{font-size:8px;padding:8px}.has-hero-film .film-controls{gap:5px}.has-hero-film .film-heading{font-size:22px}.glass-code span{font-size:22px}.glass-number{font-size:20px}}
@media(prefers-reduced-motion:reduce){.glass-spinner{animation:none}.glass-code span{transition:none}}