.film-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:#9ca9b4;font-size:11px;padding:20px 0;border-top:1px solid var(--line)}
.film-feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:20px 0 60px}.film-intro{min-width:0}.film-intro h1{font-size:clamp(44px,6.5vw,100px);line-height:1.08;text-transform:uppercase;overflow-wrap:break-word}.film-tagline{font-size:clamp(18px,2vw,28px);font-weight:300;line-height:1.5;margin-top:28px;max-width:440px}.film-meta{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#a9bac3;margin:25px 0}.film-meta span{color:var(--pink);padding:0 8px}.film-screen{min-width:0;scroll-margin-top:20px;background:linear-gradient(135deg,#00d9ed0a,#ed00b908);border:1px solid #ffffff20;padding:18px;box-shadow:0 20px 90px #0008}.film-screen video{display:block;width:100%;height:min(66vh,700px);background:#000;object-fit:contain}.film-screen>p{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1px;color:var(--cyan);padding-top:15px}.film-screen>p span{color:#9daab4}
.film-story{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;border-top:1px solid var(--cyan);padding:40px 0 60px}.film-story h2{font-size:clamp(26px,3vw,42px);font-weight:300;line-height:1.3}.film-story h2+p{font-size:14px;line-height:1.9;color:#b5bdc5;margin-top:22px;max-width:650px}.film-credits dl{display:grid;grid-template-columns:100px 1fr;gap:15px;font-size:12px;line-height:1.6;margin:0 0 22px}.film-credits dt{color:#94a0ab}.film-credits dd{margin:0}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.related-film>div{overflow:hidden;aspect-ratio:1.8;background:#090d13}.related-film img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .6s}.related-film:hover img{transform:scale(1.035)}.related-film h3{font-size:clamp(17px,2vw,26px);font-weight:400;margin:16px 0 8px}.related-film h3 span{color:var(--cyan)}.related-film p{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan)}.film-contact{margin-top:60px;padding:40px 0;border-top:1px solid var(--cyan)}.film-contact h2{font:400 clamp(28px,4vw,60px)/1.2 Anton,sans-serif;text-transform:uppercase;max-width:850px}.film-contact h2 span{color:var(--pink)}.film-contact .message-button{margin-top:25px}
@media(max-width:700px){.film-page .header{height:auto;min-height:100px;padding:18px 0;flex-wrap:wrap;gap:20px}.film-page .header nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;background:none;border:0;padding:0;gap:22px;font-size:9px}.film-feature{grid-template-columns:1fr;gap:25px;padding-top:10px;padding-bottom:35px}.film-intro h1{font-size:clamp(38px,10vw,66px)}.film-tagline{font-size:18px;margin-top:16px}.film-meta{margin:18px 0}.film-screen{padding:10px}.film-screen video{height:auto;max-height:70svh;aspect-ratio:9/16}.film-screen>p{font-size:7px;flex-wrap:wrap}.film-story{grid-template-columns:1fr;gap:30px;padding:30px 0}.related-grid{gap:18px}.related-film>div{aspect-ratio:.85}.related-film h3{font-size:17px;line-height:1.4}.film-contact{margin-top:35px}.film-breadcrumb{font-size:10px}.film-credits .text-link{white-space:normal}}
@media(prefers-reduced-motion:reduce){.related-film:hover img{transform:none}}
@media(max-width:700px){.film-page .header{padding:18px 5%}.film-page .header nav{max-height:none;overflow:visible}.film-page #watch{scroll-margin-top:55px}}
