/* STATUS: DIAMANT VGT SUPREME */
:root { --cinema-red:#e5092f; --cinema-black:#070709; --cinema-panel:#141417; --cinema-text:#f7f7f8; --cinema-muted:#b5b5bd; }
.vgt-cinema-app { min-height:100vh; overflow-x:hidden; color:var(--cinema-text); background:var(--cinema-black); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.vgt-main--cinema { padding:0; }
.vgt-cinema-header { position:fixed; inset:0 0 auto; z-index:95; height:78px; color:#fff; background:linear-gradient(180deg,rgba(0,0,0,.9),transparent); transition:background .25s ease; }
.vgt-cinema-header.is-solid { background:rgba(7,7,9,.96); box-shadow:0 16px 40px rgba(0,0,0,.3); }
.vgt-cinema-header__inner { display:grid; grid-template-columns:minmax(180px,260px) 1fr auto; align-items:center; gap:2rem; width:min(calc(100% - 6vw),1700px); height:100%; margin:auto; }
.vgt-cinema-header__inner .vgt-shell-logo { color:#fff; }
.vgt-cinema-nav { display:flex; justify-content:center; gap:clamp(1rem,2vw,2rem); margin:0; padding:0; list-style:none; }
.vgt-cinema-nav a { color:#fff; font-size:.78rem; font-weight:700; text-decoration:none; }
.vgt-cinema-profile-gate { position:fixed; inset:0; z-index:120; display:grid; place-items:center; color:#fff; background:#070709; transition:opacity .5s ease,visibility .5s; }
.vgt-cinema-profile-gate.is-dismissed { visibility:hidden; opacity:0; pointer-events:none; }
.vgt-cinema-profile-gate__inner { width:min(1100px,calc(100% - 2rem)); text-align:center; }
.vgt-cinema-profile-gate__inner>p { color:var(--cinema-red); font-size:.72rem; font-weight:900; letter-spacing:.22em; text-transform:uppercase; }
.vgt-cinema-profile-gate h1 { margin:.5rem 0 clamp(2rem,5vw,4rem); font-size:clamp(2.3rem,5vw,5rem); font-weight:500; }
.vgt-cinema-profiles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(1rem,3vw,2.5rem); }
.vgt-cinema-profiles button { color:#bbb; background:none; border:0; cursor:pointer; }
.vgt-cinema-profiles button>span { display:grid; place-items:center; aspect-ratio:1; margin-bottom:1rem; color:#fff; background:linear-gradient(145deg,#24242b,#e5092f); border:3px solid transparent; border-radius:.6rem; font-size:clamp(2rem,6vw,5.5rem); transition:transform .25s,border-color .25s; }
.vgt-cinema-profiles button:hover>span,.vgt-cinema-profiles button:focus-visible>span { border-color:#fff; transform:scale(1.04); }
.vgt-cinema-profiles strong { font-size:clamp(.8rem,1.4vw,1.15rem); }
.vgt-cinema-billboard { position:relative; min-height:clamp(650px,84svh,940px); overflow:hidden; background:#111; }
.vgt-cinema-billboard>img,.vgt-cinema-billboard__shade { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.vgt-cinema-billboard__shade { background:linear-gradient(90deg,rgba(5,5,7,.98) 0%,rgba(5,5,7,.68) 38%,transparent 72%),linear-gradient(0deg,#070709 0%,transparent 43%); }
.vgt-cinema-billboard__copy { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; width:min(680px,calc(100% - 3rem)); min-height:clamp(650px,84svh,940px); margin-left:max(1.5rem,6vw); padding-top:70px; }
.vgt-cinema-billboard__eyebrow { color:var(--cinema-red); font-size:.75rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.vgt-cinema-billboard h1 { max-width:12ch; margin:.5rem 0 1rem; font-size:clamp(3.5rem,8vw,8.8rem); line-height:.86; letter-spacing:-.065em; text-wrap:balance; }
.vgt-cinema-billboard ul { display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1rem; padding:0; list-style:none; }
.vgt-cinema-billboard li { padding:.25rem .55rem; border:1px solid rgba(255,255,255,.35); font-size:.72rem; }
.vgt-cinema-billboard__copy>p:not(.vgt-cinema-billboard__eyebrow) { max-width:52ch; color:#ddd; font-size:clamp(1rem,1.3vw,1.2rem); line-height:1.65; }
.vgt-cinema-billboard__actions { display:flex; gap:.75rem; margin-top:1.25rem; }
.vgt-cinema-button { display:inline-flex; align-items:center; justify-content:center; gap:.65rem; min-height:50px; padding:.8rem 1.5rem; border:0; border-radius:.3rem; font-weight:900; text-decoration:none; cursor:pointer; }
.vgt-cinema-button--primary { color:#050507; background:#fff; }
.vgt-cinema-button--ghost { color:#fff; background:rgba(95,95,105,.74); }
.vgt-cinema-rows { position:relative; z-index:4; margin-top:clamp(-9rem,-10vw,-5rem); padding:0 0 7rem; }
.vgt-cinema-row { margin-bottom:clamp(2.5rem,4vw,4.5rem); padding-left:max(1.5rem,4vw); }
.vgt-cinema-row>header { display:flex; align-items:center; justify-content:space-between; padding-right:max(1.5rem,4vw); }
.vgt-cinema-row h2 { margin:0 0 1rem; font-size:clamp(1.25rem,2vw,2rem); }
.vgt-cinema-row header button { width:38px; height:38px; color:#fff; background:#18181d; border:1px solid #3a3a42; cursor:pointer; }
.vgt-cinema-rail { display:flex; gap:.55rem; overflow-x:auto; padding:.5rem max(1.5rem,4vw) 1.5rem 0; scroll-snap-type:x mandatory; scrollbar-width:none; }
.vgt-cinema-card { flex:0 0 clamp(230px,19vw,360px); color:#fff; text-decoration:none; scroll-snap-align:start; transition:transform .25s; }
.vgt-cinema-card:hover,.vgt-cinema-card:focus-visible { z-index:3; transform:scale(1.055); }
.vgt-cinema-card__media { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:#18181d; border-radius:.35rem; }
.vgt-cinema-card img { width:100%; height:100%; object-fit:cover; }
.vgt-cinema-card i { position:absolute; inset:auto auto .7rem .7rem; display:grid; place-items:center; width:34px; height:34px; color:#000; background:#fff; border-radius:50%; font-style:normal; opacity:0; }
.vgt-cinema-card:hover i { opacity:1; }
.vgt-cinema-card strong { display:block; padding:.65rem .15rem; font-size:.9rem; }
.vgt-cinema-archive { width:min(calc(100% - 3rem),1600px); margin:auto; padding:clamp(8rem,14vw,13rem) 0 6rem; }
.vgt-cinema-archive header { max-width:1000px; margin-bottom:3rem; }
.vgt-cinema-archive header p { color:var(--cinema-red); font-size:.7rem; font-weight:900; letter-spacing:.2em; text-transform:uppercase; }
.vgt-cinema-archive h1 { margin:0; font-size:clamp(3.5rem,9vw,9rem); line-height:.86; letter-spacing:-.07em; }
.vgt-cinema-archive__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(1rem,2vw,2rem); }
.vgt-cinema-archive__grid a { color:#fff; text-decoration:none; }
.vgt-cinema-archive__grid a>span { display:block; aspect-ratio:16/9; overflow:hidden; background:#18181d; }
.vgt-cinema-archive__grid img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.vgt-cinema-archive__grid a:hover img { transform:scale(1.06); }
.vgt-cinema-archive__grid strong { display:block; padding:.8rem 0; }
.vgt-cinema-pages ul { display:flex; gap:.5rem; padding:2rem 0; list-style:none; }
.vgt-cinema-single__hero { position:relative; min-height:72svh; display:flex; align-items:end; overflow:hidden; }
.vgt-cinema-single__hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.vgt-cinema-single__hero::after { position:absolute; inset:0; content:""; background:linear-gradient(90deg,rgba(7,7,9,.95),rgba(7,7,9,.25)),linear-gradient(0deg,#070709,transparent 55%); }
.vgt-cinema-single__hero>div { position:relative; z-index:2; width:min(calc(100% - 3rem),1500px); margin:auto; padding:10rem 0 5rem; }
.vgt-cinema-single__hero h1 { max-width:12ch; margin:.4rem 0 1rem; font-size:clamp(3.5rem,8vw,8rem); line-height:.88; }
.vgt-cinema-single__hero div>p:last-child { max-width:55ch; color:#d0d0d5; line-height:1.7; }
.vgt-cinema-single__player { width:min(calc(100% - 3rem),1400px); margin:auto; padding:4rem 0 8rem; }
.vgt-cinema-single__copy { max-width:820px; margin:4rem auto 0; color:#ccc; line-height:1.8; }
.vgt-cinema-app :where(a,button):focus-visible { outline:3px solid var(--cinema-red); outline-offset:4px; }
@media(max-width:900px){.vgt-cinema-header__inner{grid-template-columns:1fr auto}.vgt-cinema-header nav{display:none}.vgt-cinema-profiles{grid-template-columns:repeat(2,1fr)}.vgt-cinema-billboard__copy{margin-left:1.5rem}.vgt-cinema-archive__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.vgt-cinema-billboard{min-height:760px}.vgt-cinema-billboard__copy{min-height:760px;padding-top:90px}.vgt-cinema-billboard h1{font-size:clamp(3rem,16vw,5rem)}.vgt-cinema-billboard__actions{align-items:stretch;flex-direction:column}.vgt-cinema-rows{margin-top:-4rem}.vgt-cinema-row{padding-left:1rem}.vgt-cinema-card{flex-basis:76vw}.vgt-cinema-archive{width:calc(100% - 2rem)}.vgt-cinema-archive__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.vgt-cinema-app *{scroll-behavior:auto;transition-duration:1ms;animation-duration:1ms}.vgt-cinema-card:hover{transform:none}}