:root{--fw:#f5f8f1;--fl:#d6f277}.versus-film-page{margin:0;background:#020705;color:var(--fw);font-family:Inter,sans-serif}.versus-film-page *{box-sizing:border-box}.film-skip-link{position:fixed;top:-100px;left:15px;z-index:9999;padding:12px;background:var(--fl);color:#12372b}.film-skip-link:focus{top:12px}.film{position:relative;height:calc(100vh - 70px);min-height:650px;margin-top:70px;overflow:hidden;background:#010403;isolation:isolate}.film canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.film-vignette{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle,transparent 30%,#0007 80%,#000 130%);pointer-events:none}.film-grain{position:absolute;inset:-50%;z-index:-1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .25s steps(2) infinite}.film-interface{position:absolute;inset:0;padding:27px 38px;pointer-events:none}.film-topbar{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #ffffff25;color:#9bada3;font-size:9px;font-weight:700;letter-spacing:.17em}.film-copy{position:absolute;left:7vw;top:20%;max-width:720px;transition:.6s}.film-copy.changing{opacity:0;transform:translateY(18px)}.film-overline{margin:0 0 18px;color:var(--fl);font-size:9px;font-weight:800;letter-spacing:.2em}.film-copy h1{margin:0 0 24px!important;color:#fff!important;font-size:clamp(3.4rem,7vw,7.2rem)!important;line-height:.88!important;letter-spacing:-.07em!important;text-shadow:0 5px 30px #000}.film-copy>p:last-child{max-width:550px;color:#c1cec6;font-size:14px;line-height:1.7}.film-object-card{position:absolute;right:4vw;bottom:15%;width:250px;padding:18px;border:1px solid #d6f27755;border-radius:8px;background:#071711d9;backdrop-filter:blur(12px)}.film-object-card span,.film-object-card strong,.film-object-card small{display:block}.film-object-card span{margin-bottom:12px;color:#809288;font-size:8px;letter-spacing:.15em}.film-object-card strong{color:#fff;font-size:16px}.film-object-card small{margin-top:5px;color:var(--fl);font-size:8px}.film-start{position:absolute;left:7vw;bottom:10%;pointer-events:auto}.film-start button{display:flex;align-items:center;gap:18px;min-height:56px;padding:0 24px;border:0;border-radius:50px;background:var(--fl);color:#12372b;font:800 12px Inter;cursor:pointer;box-shadow:0 0 40px #d6f27735}.film-start button i{font-size:22px}.film-start p{margin:12px;color:#85978d;font-size:8px;letter-spacing:.12em}.film-controls{position:absolute;left:38px;right:38px;bottom:24px;display:flex;align-items:center;gap:16px;pointer-events:auto}.film-controls button{border:0;background:transparent;color:#d4ddd7;font:700 9px Inter;cursor:pointer}.film-controls button:first-child{width:34px;height:34px;border:1px solid #ffffff44;border-radius:50%}.film-progress{height:2px;flex:1;background:#ffffff22}.film-progress span{display:block;width:0;height:100%;background:var(--fl);box-shadow:0 0 12px var(--fl)}.film-final{position:absolute;left:7vw;top:17%;max-width:760px;pointer-events:auto;animation:finalin 1s both}.film-final>span{display:block;margin-bottom:22px;color:var(--fl);font-size:9px;font-weight:800;letter-spacing:.18em}.versus-film-page .film-final h2{margin:0 0 26px!important;color:#fff!important;font-size:clamp(4.5rem,9vw,9rem)!important;line-height:.82!important;letter-spacing:-.075em!important;text-shadow:0 6px 40px #000}.film-final p{max-width:550px;color:#d6ded8;font-size:14px;line-height:1.7}.film-final>div{display:flex;gap:18px;margin-top:30px}.film-final a,.film-final button{display:flex;align-items:center;gap:18px;min-height:52px;padding:0 22px;border-radius:7px;font:800 11px Inter;text-decoration:none;cursor:pointer}.film-final a{background:var(--fl);color:#12372b}.film-final button{border:1px solid #ffffff44;background:#071711cc;color:#fff}.film-after{padding:120px max(6vw,30px);background:#f4f6ee;color:#14382d}.film-after-head{display:grid;grid-template-columns:180px 1fr .65fr;gap:45px;padding-bottom:60px;border-bottom:1px solid #cad5c3}.film-after-head>span{color:#6b805f;font-size:9px;font-weight:800;letter-spacing:.15em}.versus-film-page .film-after h2{margin:0!important;color:#14382d!important;font-size:clamp(3rem,6vw,6rem)!important;line-height:.9!important;letter-spacing:-.065em!important}.film-after-head p,.film-facts p{color:#5c6e61;line-height:1.7}.film-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-left:1px solid #cad5c3}.film-facts article{min-height:265px;padding:25px;border-right:1px solid #cad5c3}.film-facts span{font-size:9px;color:#81917d}.film-facts h3{margin:80px 0 12px;color:#14382d;font-size:20px}.film-facts p{font-size:12px}.film-after-actions{display:flex;gap:25px;margin-top:50px}.film-after-actions a{color:#14382d;font-size:12px;font-weight:800;text-underline-offset:5px}@keyframes grain{50%{transform:translate(3%,-2%)}}@keyframes finalin{from{opacity:0;transform:translateY(25px)}}
@media(max-width:800px){.film{height:calc(100svh - 64px);margin-top:64px}.film-interface{padding:20px}.film-topbar span:nth-child(2){display:none}.film-copy,.film-final{left:22px;right:22px;top:15%}.film-copy h1{font-size:clamp(3.2rem,14vw,5.5rem)!important}.film-object-card{right:20px;bottom:18%;width:205px}.film-start{left:22px;bottom:10%}.film-controls{left:20px;right:20px}.film-final h2{font-size:clamp(4rem,17vw,7rem)!important}.film-final>div{flex-direction:column;width:max-content}.film-after-head{grid-template-columns:1fr;gap:18px}.film-facts{grid-template-columns:1fr 1fr}.film-facts article{border-bottom:1px solid #cad5c3}.film-facts h3{margin-top:50px}}
@media(max-width:500px){.film-topbar span:last-child{display:none}.film-copy h1{font-size:3.25rem!important}.film-copy>p:last-child,.film-final p{font-size:12px}.film-final h2{font-size:4rem!important}.film-facts{grid-template-columns:1fr}.film-after{padding-block:80px}.film-after-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.film-grain{animation:none}.film-copy{transition:none}.film-final{animation:none}}
.film-start .film-clean-start{margin-top:10px;border:1px solid #ffffff42;background:#071711c7;color:#f5f8f1;box-shadow:none}.film-clean-exit{position:absolute;right:24px;top:24px;z-index:20;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff3d;border-radius:50%;color:#fff;background:#02070588;font-size:20px;cursor:pointer;pointer-events:auto}.film-clean-exit[hidden]{display:none}.film.clean-mode{height:100vh!important;min-height:100vh!important;margin:0!important}.film.clean-mode .film-topbar,.film.clean-mode .film-copy,.film.clean-mode .film-object-card,.film.clean-mode .film-start,.film.clean-mode .film-controls,.film.clean-mode .film-final{display:none!important}.versus-film-page.clean-view>nav,.versus-film-page.clean-view>footer{display:none!important}.versus-film-page.clean-view{overflow:hidden}.film.clean-mode .film-clean-exit{display:grid!important}