.selected{padding:0;background:#0b1118;color:#f5f7fa}
.cinema-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px var(--gutter) 20px}
.cinema-heading h2{font-size:28px;letter-spacing:-.035em}
.cinema-heading>span{font-size:12px;color:#94a6b3}
.featured-film{position:relative;min-height:460px;isolation:isolate;display:flex;align-items:center;padding:50px var(--gutter) 70px;overflow:hidden}
.featured-backdrop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.featured-film:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1118 2%,#0b1118e6 25%,#0b111855 60%,#0b111800 100%),linear-gradient(0deg,#0b1118,transparent 40%,transparent 80%,#0b1118)}
.featured-copy{max-width:600px}
.featured-label{font-size:10px;letter-spacing:.18em;color:#a9c4d6;margin-bottom:20px;font-weight:600}
.featured-copy h3{font-size:clamp(46px,4.6vw,72px);line-height:.98;font-weight:600;letter-spacing:-.045em}
.featured-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:23px;font-size:12px;color:#b7c5ce}
.featured-meta>span:first-child{color:#fff;font-weight:600}
.featured-description{font-size:14px;line-height:1.6;color:#d4dce2;margin-top:16px}
.featured-play{display:inline-flex;gap:13px;align-items:center;background:#fff;color:#0b1118;padding:14px 25px;border-radius:4px;font-size:15px;font-weight:600;margin-top:25px;transition:background .2s}
.featured-play:hover{background:#d7e5ee}
.featured-play>span{font-size:17px}
.catalog{padding:0 var(--gutter) 55px;position:relative}
.catalog .section-heading{margin:0 0 18px;align-items:center}
.catalog .section-heading>h3{font-size:20px;letter-spacing:-.025em}
.selected .carousel-controls{padding:0;gap:8px}
.selected #film-count{color:#9aaebc}
.selected .carousel-controls button{width:34px;height:34px;border:1px solid #ffffff30;border-radius:4px;font-size:20px;color:#fff;transition:background .25s,transform .25s}
.selected .carousel-controls button:not(:disabled):hover{background:#ffffff20}
.selected #film-prev:hover{transform:translateX(-3px)}
.selected #film-next:hover{transform:translateX(3px)}
.selected .film-carousel{gap:16px;padding:3px 0 8px;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%)}
.selected .work{flex-basis:calc((100% - 48px)/3.6);transition:transform .35s}
.selected .work:hover{transform:translateY(-4px)}
.selected .work-image{aspect-ratio:16/9;border-radius:5px;background:#182735;outline-offset:-2px}
.selected .work-image:focus-visible{outline:2px solid white}
.selected .work-image:after{content:"";position:absolute;inset:0;border:1px solid #ffffff15;border-radius:5px;pointer-events:none}
.selected .work-image img{transition:transform .35s ease,filter .35s ease}
.selected .work-image:hover img,.selected .work-image:focus-visible img{transform:scale(1.04);filter:brightness(.8)}
.selected .work-play{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:42px;height:42px;opacity:0;transition:opacity .2s}
.selected .work-image:hover .work-play,.selected .work-image:focus-visible .work-play{opacity:1}
.selected .work-caption{padding:13px 2px 0}
.selected .work-caption h3{font-size:15px;line-height:1.3;color:#f5f7fa}
.selected .work-caption p{font-size:11px;color:#8fa4b4;margin-top:5px}
.services-heading{padding-top:75px}
@media(max-width:1000px){.selected .work{flex-basis:calc((100% - 32px)/2.6)}.featured-film{min-height:440px}.featured-copy h3{font-size:56px}}
@media(max-width:700px){
 .cinema-heading{padding-top:28px;padding-bottom:15px}.cinema-heading h2{font-size:24px}.cinema-heading>span{font-size:10px;max-width:65px;text-align:right}
 .featured-film{min-height:440px;align-items:flex-end;padding:120px var(--gutter) 35px}
 .featured-backdrop{object-position:64% center}
 .featured-film:after{background:linear-gradient(0deg,#0b1118,#0b1118e6 32%,#0b111833 80%,#0b1118aa),linear-gradient(90deg,#0b111844,transparent)}
 .featured-label{font-size:8px;margin-bottom:14px}.featured-copy h3{font-size:45px}.featured-meta{font-size:10px;gap:8px 12px;margin-top:17px}.featured-description{font-size:12px;max-width:250px;margin-top:13px}.featured-play{font-size:13px;padding:12px 22px;margin-top:20px}
 .catalog{padding-bottom:35px}.catalog .section-heading>h3{font-size:16px}.selected .carousel-controls{max-width:none;flex-wrap:nowrap;gap:6px}.selected #film-count{display:none}.selected .carousel-controls button{width:30px;height:30px}
 .selected .work{flex-basis:82%}.selected .work-caption h3{font-size:15px}.selected .work-play{opacity:1;width:36px;height:36px;font-size:10px}
 .services-heading{padding-top:50px}
}