.hero-cinema{height:100svh;min-height:720px;max-height:1020px;background:#0f0b0c}
.cinema-poster{position:absolute;inset:0;z-index:-3}
.cinema-poster img{width:100%;height:100%;object-fit:cover;object-position:65% 42%}
.cinema-shade{background:linear-gradient(90deg,rgba(12,8,12,.72) 0%,rgba(13,8,12,.45) 36%,rgba(13,8,12,.08) 62%,rgba(13,8,12,.08) 100%),linear-gradient(180deg,rgba(9,7,10,.32),transparent 25%,transparent 65%,rgba(9,7,10,.68))}
.cinema-content{align-items:flex-start;text-align:left;justify-content:center;padding-top:165px;padding-bottom:140px;max-width:790px}
.cinema-content .eyebrow{font-size:9px;letter-spacing:.23em}
.hero-cinema h1{font-size:clamp(66px,6.8vw,108px);line-height:1.02;letter-spacing:-.025em;margin:24px 0 27px;text-shadow:0 2px 35px #0006}
.hero-cinema .hero-intro{font-size:13px;line-height:1.85;color:#f4eadf}
.cinema-play{display:inline-flex;align-items:center;gap:17px;margin-top:32px;color:var(--ink);background:var(--paper);padding:14px 26px 14px 15px;min-height:72px;text-decoration:none;transition:background .2s,transform .2s}
.cinema-play:hover{background:#fffdf8;transform:translateY(-2px)}
.cinema-play-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #421f2d44;border-radius:50%;flex-shrink:0}
.cinema-play-icon svg{margin-left:2px}
.cinema-play>span:last-child{font-size:13px;letter-spacing:.04em;font-weight:600;line-height:1.4}
.cinema-play small{display:block;font-size:8px;letter-spacing:.13em;font-weight:400;margin-top:5px;text-transform:uppercase}
.cinema-apply{font-size:11px;letter-spacing:.03em;text-decoration:none;border-bottom:1px solid #f4f0e870;padding:5px 0 7px;margin-top:19px;color:#eee4db}
.cinema-apply span{margin-left:12px}
.cinema-bottom{justify-content:space-between;gap:20px;min-height:72px}
.cinema-bottom>a{font-size:9px;text-decoration:none;letter-spacing:.07em;color:var(--paper)}
.cinema-bottom>a span{margin-left:16px}
.cinema-dialog{border:1px solid #d9c6ae38;padding:0;background:#110d0f;color:#f4f0e8;width:min(1320px,94vw);max-width:none;max-height:94svh;overflow:auto}
.cinema-dialog::backdrop{background:rgba(3,2,4,.94)}
.cinema-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:20px}
.cinema-dialog-header p{font-family:var(--serif);font-size:25px;letter-spacing:.13em;line-height:1.1}
.cinema-dialog-header>div>span{font-size:7px;letter-spacing:.18em;color:#c5b6a8}
.cinema-close{background:transparent;border:1px solid #f4f0e83d;color:#f4f0e8;width:42px;height:42px;min-width:42px;font-size:27px;line-height:1;display:grid;place-items:center}
.cinema-close:hover{background:#f4f0e812}
.cinema-player{display:block;width:100%;aspect-ratio:16/9;max-height:calc(94svh - 157px);object-fit:contain;background:#000}
.cinema-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 24px;font-size:10px;line-height:1.5}
.cinema-quality{display:flex;align-items:center;gap:11px;color:#d9cec4;font-size:10px}
.cinema-quality select{background:#21171c;color:#f4f0e8;border:1px solid #f4f0e849;padding:10px 30px 10px 12px;min-height:42px;font-size:12px;border-radius:0}
.cinema-invitation{color:#f4f0e8;text-decoration:none;border-bottom:1px solid #f4f0e850;padding-bottom:5px}
.cinema-invitation span{margin-left:10px}
.cinema-error{padding:14px 24px;color:#eedec9;font-size:12px}
.cinema-error a{text-underline-offset:3px}
html.cinema-open{overflow:hidden}
@media(min-width:1600px){.cinema-content{max-width:930px;padding-left:max(100px,calc((100vw - 1460px)/2))}.hero-cinema h1{font-size:116px}}
@media(max-width:1000px) and (min-width:761px){.hero-cinema{min-height:700px}.cinema-content{max-width:610px}.hero-cinema h1{font-size:78px}.cinema-poster img{object-position:66% center}}
@media(max-width:760px){.hero-cinema{min-height:760px;max-height:1050px;height:100svh}.cinema-poster img{object-position:61% top}.cinema-shade{background:linear-gradient(180deg,#09070b4f 0%,#0b080d00 20%,#0d080d08 32%,#120a114d 43%,#10090edb 66%,#10090ef5 100%)}.cinema-content{max-width:none;justify-content:flex-end;align-items:flex-start;text-align:left;padding:130px 24px 100px}.hero-cinema h1{font-size:clamp(55px,10vw,72px);margin:14px 0 15px;line-height:1.01}.cinema-content .eyebrow{font-size:8px;letter-spacing:.17em}.hero-cinema .hero-intro{font-size:11px;line-height:1.8}.cinema-play{margin-top:23px;padding:12px 22px 12px 12px;min-height:65px;gap:13px}.cinema-play>span:last-child{font-size:12px}.cinema-play-icon{width:38px;height:38px}.cinema-apply{margin-top:13px;font-size:10px}.cinema-bottom{min-height:64px;flex-wrap:nowrap;padding:15px 0;gap:14px}.cinema-bottom>span:first-child{max-width:52%;font-size:7px;line-height:1.7;letter-spacing:.09em}.cinema-bottom>a{font-size:8px;letter-spacing:.02em;white-space:nowrap}.cinema-bottom>a span{margin-left:8px}.cinema-dialog{width:100vw;max-height:100svh;border-left:0;border-right:0}.cinema-dialog-header{padding:15px 16px}.cinema-dialog-header p{font-size:23px}.cinema-dialog-header>div>span{font-size:6px}.cinema-player{max-height:calc(100svh - 180px)}.cinema-dialog-footer{padding:16px;gap:16px;align-items:flex-start;flex-wrap:wrap}.cinema-invitation{font-size:10px}.cinema-quality{font-size:9px}.cinema-error{padding:13px 16px;font-size:11px}}
@media(max-width:370px){.hero-cinema h1{font-size:52px}.cinema-bottom>a{font-size:7px}.cinema-content{padding-left:20px;padding-right:20px}.cinema-bottom{left:20px;right:20px}}
@media(max-width:760px){.cinema-poster{bottom:auto;height:72%;max-height:600px}.cinema-poster img{object-position:50% top}}
@media(max-height:650px) and (min-width:761px){.hero-cinema{min-height:680px}}