/* FullXXCinema — everything below the first screen (loaded after the page) */

/* hover: a tile comes forward, its preview frames play (hall.js) */
@media (hover:hover){
  .tile-pic img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}
  .tile-a:hover .tile-pic img{transform:scale(1.045);filter:saturate(1.15)}
  .tile-a:hover .tile-pic{box-shadow:0 0 0 1px rgba(236,208,142,.6),0 18px 40px -18px rgba(227,194,122,.55)}
  .tile-a:hover .tile-name{color:#fff}
  .nav a:hover{color:var(--text)}
  .btn-lit:hover{filter:brightness(1.08)}
  .btn-ghost:hover,.chip:hover,.bill:hover,.person:hover{border-color:rgba(236,208,142,.55);background:rgba(236,208,142,.09)}
  .feature:hover .feature-pic{transform:scale(1.02)}
}
.feature-pic{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.tile-pic.is-playing::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--gilt);animation:fxc-run 4.2s linear infinite}
@keyframes fxc-run{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* language menu */
.tongue[open] summary{border-color:rgba(236,208,142,.6)}
.tongue[open] .tongue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;position:absolute;inset-inline-end:0;top:50px;width:min(360px,88vw);max-height:70vh;overflow:auto;padding:8px;border-radius:16px;
  background:rgba(17,19,29,.97);border:1px solid var(--line);box-shadow:0 30px 60px -20px #000;z-index:60}
.tongue-list a{padding:8px 10px;border-radius:9px;font-size:14px;color:var(--mute)}
.tongue-list a:hover,.tongue-list a[aria-current]{background:var(--glass);color:var(--text)}

/* suggestions */
.seek-list{position:absolute;inset-inline:0;top:48px;z-index:70;padding:8px;border-radius:16px;background:rgba(17,19,29,.98);border:1px solid var(--line);box-shadow:0 30px 60px -20px #000;max-height:min(70vh,460px);overflow:auto}
.seek-list h3{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);padding:8px 10px 4px}
.seek-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:15px;cursor:pointer}
.seek-opt[aria-selected=true],.seek-opt:hover{background:rgba(236,208,142,.12)}
.seek-opt b{font-weight:700;color:#fff}
.seek-opt small{margin-inline-start:auto;font-size:12px;color:var(--mute)}
.seek-ico{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--glass);font-size:12px;color:var(--rose)}

/* moods, running times, genres on the marquee, stars */
.moods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:800px){.moods{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1200px){.moods{grid-template-columns:repeat(6,minmax(0,1fr))}}
.mood{position:relative;min-height:128px;padding:18px;border-radius:var(--r);display:flex;flex-direction:column;justify-content:flex-end;gap:4px;overflow:hidden;border:1px solid var(--line)}
.mood b{font-family:var(--display);font-size:21px;font-weight:600}
.mood span{font-size:13px;color:#d7d3e4}
.mood-1{background:linear-gradient(150deg,#5a1a2c,#1b1020 70%)}.mood-2{background:linear-gradient(150deg,#4c3a1c,#16131a 70%)}
.mood-3{background:linear-gradient(150deg,#3d0f19,#0d0b12 70%)}.mood-4{background:linear-gradient(150deg,#5b2047,#170f1d 70%)}
.mood-5{background:linear-gradient(150deg,#1f2c55,#0f111c 70%)}.mood-6{background:linear-gradient(150deg,#2a2d3d,#0e0f16 70%)}
.mood::after{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 65%)}
.runs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.run{padding:18px 16px;border-radius:var(--r);background:var(--glass);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.run b{font-family:var(--display);font-size:clamp(18px,4vw,34px);font-weight:600;color:var(--gold)}
.run span{font-size:13px;color:var(--mute)}
.marquee{display:flex;flex-wrap:wrap;gap:10px}
.bill{padding:12px 18px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);font-family:var(--display);font-size:17px;font-weight:600}
.cast{display:flex;flex-wrap:wrap;gap:10px}
.person{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-size:14px;font-weight:500}
.person-mono{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;background:var(--gilt);color:var(--on-gilt)}
[dir=rtl] .person{padding:6px 6px 6px 16px}
.shelf{padding:22px 0 0}.shelf h2{font-size:22px;margin-bottom:12px}
.shelf-letter{color:var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.chip{padding:7px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-size:13.5px}

/* reels (pages) */
.reels{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:30px 0 6px}
.reel-n,.reel-step{min-width:44px;min-height:44px;padding:0 14px;border-radius:999px;display:inline-grid;place-items:center;background:var(--glass);border:1px solid var(--line);font-size:14px;font-weight:600}
.reel-n.is-on{background:var(--gilt);border-color:transparent;color:var(--on-gilt)}
.reel-gap{color:var(--mute)}

/* texts and questions */
.about{margin-top:34px;padding:26px 22px;border-radius:var(--r);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--line)}
.about .lede p{max-width:80ch}
.qa{margin-top:26px}.qa h2{font-size:22px;margin-bottom:10px}
.qa details{border-top:1px solid var(--line)}
.qa summary{cursor:pointer;list-style:none;padding:14px 32px 14px 0;font-weight:600;position:relative}
[dir=rtl] .qa summary{padding:14px 0 14px 32px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;inset-inline-end:4px;top:10px;font-size:22px;color:var(--rose)}
.qa details[open] summary::after{content:"–"}
.qa details p{color:var(--mute);margin:0 0 14px}

/* film page */
.facts{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.facts li{padding:8px 14px;border-radius:12px;background:var(--glass);border:1px solid var(--line);display:flex;flex-direction:column;min-width:96px}
.facts span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.facts b{font-size:15px}
.film-row{margin:14px 0}.film-row h2{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.film-about{margin-top:18px;padding:18px 20px;border-radius:var(--r);background:var(--ink2);border:1px solid var(--line)}
.film-about h2{font-size:20px;margin-bottom:8px}.film-about p{color:#d4d1e2;margin:0}

/* the void (404 / 410 / 503) */
.void-head{text-align:center;padding:40px 0 20px}
.void-code{font-family:var(--display);font-size:clamp(70px,16vw,150px);font-weight:700;line-height:1;margin:0;background:var(--gilt);-webkit-background-clip:text;background-clip:text;color:transparent}
.void-head .hush{margin:0 auto 16px}

/* fine print */
.fine{max-width:780px}
.fine section{padding:16px 0;border-top:1px solid var(--line)}
.fine h2{font-size:21px;margin-bottom:8px}.fine p{color:#d4d1e2}
.fine-nav{display:flex;flex-wrap:wrap;gap:8px;padding-top:18px}
.fine-nav a{padding:7px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-size:13.5px}
.fine-nav a[aria-current]{border-color:var(--gold)}

/* credits (footer) */
.credits{margin-top:50px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.credits-in{max-width:var(--max);margin:0 auto;padding:36px var(--pad) 10px;display:grid;gap:28px}
@media (min-width:900px){.credits-in{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.credits-brand img{width:170px;height:auto;aspect-ratio:415/120;margin-bottom:14px}
.credits-brand p{color:var(--mute);font-size:14px;max-width:44ch}
.credits-col h2{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.credits-col a{display:block;padding:5px 0;color:var(--mute);font-size:14.5px}
.credits-col a:hover{color:var(--text)}
.credits-base{max-width:var(--max);margin:0 auto;padding:16px var(--pad) 28px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:var(--mute);border-top:1px solid var(--line)}
.credits-base a{text-decoration:underline;text-underline-offset:3px}

/* the cookie card */
.note{position:fixed;z-index:90;bottom:16px;inset-inline-end:16px;width:min(360px,calc(100% - 32px));padding:16px;border-radius:18px;background:rgba(17,19,29,.96);border:1px solid var(--line);box-shadow:0 30px 60px -20px #000;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:12px}
.note[hidden]{display:none}
.note p{margin:0;font-size:13.5px;color:#d4d1e2}.note a{color:var(--rose);text-decoration:underline}
.note-acts{display:flex;gap:8px;justify-content:flex-end}.note-acts .btn{flex:1}