/* Portrait footage and phone-first composition. Desktop rules remain intact. */
@media(max-width:899px){
 .has-hero-film .film-video,.has-hero-film .film-poster img{object-fit:cover;object-position:center}
 .has-hero-film.vota-v5 .hero{display:block;min-height:640px;height:calc(100svh - var(--header-height,64px));overflow:hidden}
 .has-hero-film.vota-v5.hero-scrub-active .hero{height:var(--hero-height);min-height:0}
 .has-hero-film.vota-v5 .hero-visual[data-film-host]{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:0;overflow:hidden}
 .has-hero-film.vota-v5 .hero-film{position:absolute;inset:0;background:#0b1720}
 .has-hero-film.vota-v5 .film-media{position:absolute;inset:0;width:100%;height:100%;z-index:0}
 .has-hero-film.vota-v5 .film-media:after{opacity:1;background:linear-gradient(180deg,#071722e8 0%,#071722a6 18%,#07172200 40%,#07172200 58%,#071722b8 84%,#071722f5 100%)}
 .has-hero-film.vota-v5 .hero-copy{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:0;padding:26px 22px;display:block;pointer-events:none}
 .has-hero-film.vota-v5 .hero-copy>.eyebrow{margin:0;font-size:7px;line-height:1.6;letter-spacing:.08em;max-width:none}
 .has-hero-film.vota-v5 .hero h1{font-size:clamp(29px,8.7vw,52px);line-height:1.06;letter-spacing:-.045em;margin:17px 0 0;min-height:0;white-space:normal}
 .has-hero-film.vota-v5 .hero h1 .line{white-space:normal;overflow:visible}
 .has-hero-film.vota-v5 .hero-description{position:absolute;left:22px;bottom:163px;width:42%;max-width:290px;min-height:0;margin:0;font-size:12px;line-height:1.5;color:#d5e0db}
 .has-hero-film.vota-v5 .hero-actions{position:absolute;left:22px;bottom:109px;right:22px;margin:0;gap:12px;display:flex;align-items:center}
 .has-hero-film.vota-v5 .hero-actions .button{min-height:42px;padding:11px 16px;font-size:10px}
 .has-hero-film.vota-v5 .hero-actions .text-link{font-size:9px}
 .has-hero-film.vota-v5.film-story-active:not(.film-human-ending) .hero-actions{display:none}
 .has-hero-film.vota-v5:not(.film-story-active) .hero-description,
 .has-hero-film.vota-v5.film-human-ending .hero-description{width:calc(100% - 44px);max-width:370px;bottom:172px}
 .has-hero-film.vota-v5 .hero-note,.has-hero-film.vota-v5 .hero-scroll{display:none}
 .has-hero-film .film-info,
 .has-hero-film:not(.vota-v5) .film-info{position:absolute;left:16px;right:16px;bottom:14px;width:auto;display:block;padding:0;margin:0;background:transparent;border:0;z-index:3;backdrop-filter:none}
 .has-hero-film .film-meta{display:none}
 .has-hero-film .film-meter{left:0;right:0;top:-7px}
 .has-hero-film .film-caption,
 .has-hero-film:not(.vota-v5) .film-caption{position:absolute;right:0;bottom:116px;width:clamp(152px,45vw,230px);height:auto;aspect-ratio:9/16;box-sizing:border-box;min-height:0;margin:0;padding:12px;border-radius:19px;overflow:hidden;display:flex;flex-direction:column}
 .has-hero-film .hero-film[data-beat="0"] .film-caption,
 .has-hero-film .hero-film[data-beat="7"] .film-caption{display:none}
 .has-hero-film .glass-statusbar{font-size:6px;margin-bottom:8px}
 .has-hero-film .glass-toolbar{min-height:27px;padding-bottom:8px;margin-bottom:10px}
 .has-hero-film .glass-toolbar img{width:100px}
 .has-hero-film .film-heading{font-size:17px;line-height:1.15;margin-bottom:8px;letter-spacing:-.03em}
 .has-hero-film .film-screen{font-size:10px}
 .has-hero-film .film-screen p{font-size:10px;line-height:1.4;margin:0 0 9px}
 .has-hero-film .glass-label{font-size:6px;letter-spacing:.04em}
 .has-hero-film .glass-field{margin:3px 0 7px}
 .has-hero-film .glass-field strong{font-size:11px;min-height:27px;padding:6px;margin-top:4px}
 .has-hero-film .glass-action{min-height:28px;padding:7px;font-size:8px;border-radius:6px}
 .has-hero-film .glass-name{font-size:20px;margin:3px 0 10px}
 .has-hero-film .glass-status{font-size:7px;padding:7px 6px;margin-top:7px;line-height:1.4}
 .has-hero-film .glass-notification{padding:8px;margin:3px 0}
 .has-hero-film .glass-notification strong{font-size:10px;margin-top:4px}
 .has-hero-film .glass-code{gap:3px;margin:10px 0}
 .has-hero-film .glass-code span{font-size:15px;padding:7px 0;border-radius:5px}
 .has-hero-film .glass-check{width:30px;height:30px;font-size:18px;margin:3px 0 9px}
 .has-hero-film .glass-number{font-size:14px}
 .has-hero-film .glass-origin{padding:8px;margin-top:9px}
 .has-hero-film .glass-origin strong{font-size:11px;margin-top:4px}
 .has-hero-film .film-caption:after{height:2px;width:40px;bottom:5px}
 .has-hero-film .film-controls,
 .has-hero-film:not(.vota-v5) .film-controls{display:flex;gap:5px;padding:5px;background:#081720c9;border:1px solid #cddcd433;backdrop-filter:blur(12px);width:100%;flex-wrap:nowrap;justify-content:space-between}
 .has-hero-film .film-chapters,
 .has-hero-film:not(.vota-v5) .film-chapters{width:auto;gap:2px;flex:1;display:flex}
 .has-hero-film .film-chapters button{flex:1;width:auto;min-width:23px;min-height:38px;font-size:8px;padding:0}
 .has-hero-film .film-open{flex:none;min-height:38px;font-size:8px;padding:7px;gap:5px}
 .has-hero-film .film-open .icon{width:12px;height:12px}
 .has-hero-film .film-play{width:35px;height:38px;flex:none;padding:9px}
 .has-hero-film .film-play[hidden]{display:none}
 .has-hero-film .film-mode{min-height:32px;margin:4px 0 0 auto;font-size:8px;text-align:right}
 .has-hero-film .film-mode[hidden]{display:none}
 .has-hero-film .film-footnote{margin:5px 0 0;text-align:right;font-size:6px;line-height:1.5}
 .has-hero-film .film-stamp{display:none}
 .has-hero-film .film-loading{right:16px;left:auto;top:16px;bottom:auto;font-size:7px}
 .has-hero-film .film-loading[hidden]{display:none!important}
 .has-hero-film:not(.vota-v5) .hero-visual[data-film-host]{min-height:0;height:auto;aspect-ratio:9/16;overflow:hidden}
 .has-hero-film:not(.vota-v5) .hero-film{position:relative;height:auto;min-height:0;aspect-ratio:9/16}
 .has-hero-film:not(.vota-v5) .film-media{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto}
 .has-hero-film:not(.vota-v5) .film-media:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(0deg,#071722f5,transparent);pointer-events:none}
 .film-dialog{width:min(460px,calc(100vw - 20px));max-height:calc(100svh - 20px)}
 .film-dialog-head{padding:10px 12px;gap:10px}
 .film-dialog-head h2{font-size:10px}
 .film-dialog video{aspect-ratio:9/16;width:100%;max-height:calc(100svh - 145px);object-fit:contain}
 .film-dialog p{padding:10px 12px;font-size:8px}
}