/* Full-width cinema, with content present even when motion or JavaScript is off. */
.cinema-hero{position:relative;isolation:isolate;min-height:680px;height:calc(100svh - 136px);max-height:1100px;background:#2b1830;color:#fff;overflow:clip}
.cinema-stage{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#2b1830;pointer-events:none}
.cinema-stage video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,10,47,.88) 0%,rgba(35,10,47,.72) 35%,rgba(22,8,28,.18) 75%),linear-gradient(0deg,rgba(23,8,29,.65),transparent 28%);transition:opacity 1s}
.cinema-content{height:100%;display:flex;align-items:center;padding-top:74px;padding-bottom:104px;position:relative;z-index:1;pointer-events:none}
.cinema-copy{max-width:770px;pointer-events:auto}
.cinema-kicker{display:block;font-size:13px;font-weight:600;line-height:1.6;letter-spacing:.2em;color:#edd3af;margin-bottom:25px}
.cinema-copy h1{font-size:clamp(70px,7.9vw,116px);font-weight:400;line-height:.95;letter-spacing:-.045em;color:#fff;margin:0 0 29px}
.cinema-copy h1 em{color:#e8c9e8;font-weight:400}
.cinema-copy h1:focus{outline:none}
.cinema-copy>p{font-size:21px;line-height:1.7;color:#f0e6ef;margin:0 0 34px}
.cinema-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.cinema-actions .button{background:#f9f4ec;color:#480b60;border:1px solid #f9f4ec;font-size:16px;min-height:58px;padding:18px 25px}
.cinema-actions .button:hover{background:#ecdce9;border-color:#ecdce9;transform:translateY(-2px)}
.cinema-service-link{display:inline-flex;align-items:center;gap:15px;color:#fff;font-size:16px;min-height:48px;border-bottom:1px solid #ffffff60}
.cinema-service-link svg{width:20px;height:20px}

.cinema-intro-top button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #ffffff80;border-radius:50px;background:rgba(25,10,31,.5);color:#fff;padding:12px 19px;font:500 14px/1.35 var(--sans);min-height:46px;cursor:pointer;backdrop-filter:blur(12px)}
.cinema-intro-top button:hover{background:#f8f3eb;color:#421554}

.cinema-intro-ui[hidden]{display:none!important}
.cinema-hero a:focus-visible,.cinema-hero button:focus-visible,.cinema-intro-ui button:focus-visible{outline:3px solid #f1cf93;outline-offset:5px}
.cinema-bottom{position:absolute;bottom:27px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:1;color:#e8dde8;font-size:13px}
.cinema-bottom a{display:flex;align-items:center;gap:14px;color:#fff;font-size:14px;min-height:44px}
.cinema-bottom a>span{font-size:23px}
.cinema-intro-ui{position:fixed;inset:0;z-index:1201;display:flex;flex-direction:column;justify-content:space-between;padding:34px clamp(24px,5vw,80px) 40px;color:white;background:linear-gradient(180deg,rgba(23,8,29,.5),transparent 25%,transparent 65%,rgba(23,8,29,.76));pointer-events:none}
.cinema-intro-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.cinema-intro-top>span{font:400 30px/1.1 var(--serif);letter-spacing:.1em;text-shadow:0 2px 20px #0007}
.cinema-intro-top small{display:block;font:500 11px/2 var(--sans);letter-spacing:.23em}
.cinema-intro-top>div{display:flex;gap:10px;pointer-events:auto}
.cinema-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;transition:opacity .45s,transform .45s}
.cinema-intro-bottom h2{color:#fff;font-size:clamp(38px,4.5vw,68px);font-weight:400;line-height:1.06;letter-spacing:-.025em;margin:0}
.cinema-intro-bottom h2 em{color:#eddaeb}
.cinema-intro-bottom .cinema-kicker{font-size:12px;margin-bottom:12px}
.cinema-progress{width:240px;max-width:38%;font-size:12px;color:#f8eef7;line-height:1.7}
.cinema-progress progress{appearance:none;width:100%;height:2px;display:block;border:0;background:#ffffff40;margin:10px 0 11px;color:#ebc78d;accent-color:#ebc78d}
.cinema-progress progress::-webkit-progress-bar{background:#ffffff40}
.cinema-progress progress::-webkit-progress-value{background:#ebc78d}
.cinema-progress progress::-moz-progress-bar{background:#ebc78d}
.cinema-progress small{font-size:11px;color:#e3d7e3}
.cinema-intro-ui.approaching .cinema-intro-bottom{opacity:0;transform:translateY(12px)}
body.cinema-intro-active{overflow:hidden}
.cinema-intro-active .cinema-stage,.cinema-revealing .cinema-stage{position:absolute;inset:0;z-index:1200;width:100vw;height:100svh;transform:translate(var(--cinema-offset-x,0px),var(--cinema-offset-y,0px))}
.cinema-intro-active .cinema-shade{opacity:0;transition:none}
.cinema-intro-active .cinema-copy,.cinema-intro-active .cinema-bottom{opacity:0}
.cinema-revealing .cinema-copy{animation:cinema-content-in 1.1s .25s both}
.cinema-revealing .cinema-bottom{animation:cinema-content-in .8s .45s both}
@keyframes cinema-content-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.cinema-content{max-width:1500px}.cinema-copy h1{font-size:132px}}
@media(max-width:1040px){.cinema-hero{min-height:660px;height:calc(100svh - 123px)}.cinema-content{padding-top:90px}.cinema-copy h1{font-size:clamp(76px,10vw,102px)}.cinema-shade{background:linear-gradient(90deg,rgba(35,10,47,.86),rgba(35,10,47,.43) 75%),linear-gradient(0deg,rgba(23,8,29,.7),transparent 40%)}}
@media(max-width:600px){.cinema-hero{min-height:650px;height:calc(100svh - 111px);max-height:920px}.cinema-content{padding-top:112px;padding-bottom:125px;align-items:center}.cinema-stage video{object-position:54% center}.cinema-copy h1{font-size:clamp(60px,13.5vw,82px);line-height:1.01;margin-bottom:22px}.cinema-kicker{font-size:11px;letter-spacing:.14em;margin-bottom:23px}.cinema-copy>p{font-size:17px;line-height:1.75;margin-bottom:28px}.cinema-actions{gap:18px;align-items:flex-start;flex-direction:column}.cinema-actions .button{font-size:15px;min-height:54px;padding:16px 19px}.cinema-service-link{font-size:15px;min-height:40px}.cinema-bottom{bottom:22px;align-items:flex-start;gap:6px;flex-direction:column}.cinema-bottom>a{font-size:13px}.cinema-bottom>span{font-size:11px;margin-left:27px}.cinema-intro-ui{padding:24px 20px 30px}.cinema-intro-top{align-items:flex-start;gap:8px}.cinema-intro-top>span{font-size:25px}.cinema-intro-top small{font-size:9px}.cinema-intro-top>div{gap:8px;flex-direction:column;align-items:flex-end}.cinema-intro-top button{font-size:12px;min-height:42px;padding:10px 14px}.cinema-intro-top #cinema-skip{order:-1}.cinema-intro-bottom{flex-direction:column;align-items:flex-start;gap:24px}.cinema-intro-bottom h2{font-size:43px}.cinema-progress{max-width:100%;width:210px}.cinema-intro-bottom .cinema-kicker{font-size:10px}.cinema-shade{background:linear-gradient(90deg,rgba(35,10,47,.81),rgba(35,10,47,.40)),linear-gradient(0deg,rgba(23,8,29,.65),transparent 65%)}}
@media(prefers-reduced-motion:reduce){.cinema-stage,.cinema-shade,.cinema-copy,.cinema-bottom,.cinema-intro-bottom{animation:none!important;transition:none!important}.cinema-actions .button:hover{transform:none}}
.cinema-intro-active .cinema-hero,.cinema-revealing .cinema-hero{isolation:auto;overflow:visible;z-index:1100}
.cinema-revealing .cinema-content,.cinema-revealing .cinema-bottom{z-index:1201}

@media(max-width:600px){.cinema-bottom{bottom:90px}}