.cinema-hero{position:relative;height:100svh;min-height:730px;max-height:1250px;color:white;background:var(--ink);overflow:hidden}
.cinema-slides,.cinema-slide,.cinema-shade{position:absolute;inset:0}
.cinema-slide{opacity:0;transition:opacity 1.4s ease;pointer-events:none}
.cinema-slide.is-active{opacity:1}
.cinema-slide img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;transform:scale(1.03)}
.cinema-slide.is-active img{animation:drift 9s linear both}
@keyframes drift{from{transform:scale(1.035)}to{transform:scale(1.005)}}
.cinema-shade{background:linear-gradient(180deg,#07131a77,transparent 35%,#071b28a8),linear-gradient(90deg,#08233360,transparent 80%)}
.hero-content{position:relative;z-index:2;padding-top:clamp(200px,29vh,370px)}
.hero-content h1{font-size:clamp(72px,10vw,154px);line-height:.97;letter-spacing:-.035em}
.hero-content h1 em{font-weight:400}
.hero-content .eyebrow{margin-bottom:25px}
.hero-bottom{display:flex;gap:65px;align-items:center;margin-top:45px}
.hero-bottom p{font-size:18px;line-height:1.55}
.hero-tour{display:flex;align-items:center;gap:20px;font-size:14px}
.hero-tour>span:first-child{display:grid;place-items:center;border:1px solid #ffffffb0;border-radius:50%;width:70px;height:70px;font-family:var(--serif);font-size:24px;transition:background .3s}
.hero-tour:hover>span:first-child{background:#ffffff25}
.hero-pagination{position:absolute;right:var(--gutter);bottom:55px;z-index:3;display:flex;align-items:center;gap:35px;font-size:14px}
.hero-pagination>div{display:flex;gap:8px}
.hero-pagination button{border:1px solid #ffffff80;background:none;color:white;width:44px;height:44px;font-size:20px}
.hero-pagination button:hover{background:#ffffff25}
.hero-scroll{position:absolute;bottom:61px;left:var(--gutter);font-size:11px;letter-spacing:.15em;display:flex;gap:35px;align-items:center;z-index:3}
.hero-scroll span{font-size:27px}
@media(max-width:960px){.cinema-hero{min-height:760px}
.hero-content{padding-top:230px}
.hero-content h1{font-size:100px}
.hero-bottom{margin-top:40px}
}
@media(max-width:700px){.cinema-hero{height:94svh;min-height:720px;max-height:950px}
.hero-content{padding-top:210px}
.hero-content h1{font-size:clamp(66px,13vw,91px)}
.hero-content .eyebrow{font-size:10px;letter-spacing:.1em}
.cinema-slide img{object-position:58% 50%}
.hero-bottom{gap:35px;align-items:start;flex-direction:column;margin-top:33px}
.hero-bottom p{font-size:16px}
.hero-tour{gap:15px}
.hero-tour>span:first-child{width:52px;height:52px;font-size:20px}
.hero-pagination{bottom:31px;right:24px;gap:18px}
.hero-pagination button{width:40px;height:40px}
.hero-pagination>span{font-size:12px}
.hero-scroll{bottom:39px;left:24px;font-size:9px;gap:13px}
.hero-scroll>span{font-size:22px}
}
@media(max-width:380px){.hero-content h1{font-size:64px}
.cinema-hero{min-height:730px}
.hero-pagination{right:17px;gap:12px}
.hero-pagination button{width:35px}
.hero-scroll{left:24px;font-size:8px;gap:8px}
.hero-bottom{gap:22px}
.hero-tour>span:first-child{width:48px;height:48px}
}
@media(prefers-reduced-motion:reduce){.cinema-slide img{transform:none!important}
}
@media(max-width:700px){.hero-scroll{font-size:0;gap:0}
.hero-scroll>span{font-size:25px}
.hero-pagination button{width:44px;height:44px}
}