*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#060606;--surface:#0d0d0d;--card:#111111;--border:#1c1c1c;--border2:#2a2a2a;
  --gold:#F5C518;--gold-dim:rgba(245,197,24,.1);
  --red:#9B1B1B;--red-b:#C0392B;
  --cyan:#00B4CC;--orange:#FF6B2B;
  --film:linear-gradient(135deg,#00B4CC 0%,#FF6B2B 55%,#C0392B 100%);
  --white:#F2EFE4;--gray:#c2bcb0;--gray2:#3a3a3a;
  --fd:'Bebas Neue',sans-serif;
  --fp:'Playfair Display',serif;
  --fb:'Space Grotesk',sans-serif;
  --fm:'IBM Plex Mono',monospace;
  --pad:clamp(18px,4.5vw,72px);
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--bg);color:var(--white);font-family:var(--fb);overflow-x:hidden;cursor:none}

/* GRAIN */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9990;opacity:.038;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:256px;animation:grain .35s steps(1) infinite}
@keyframes grain{0%,100%{transform:translate(0,0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,1%)}30%{transform:translate(-1%,4%)}40%{transform:translate(2%,-2%)}50%{transform:translate(-3%,2%)}60%{transform:translate(1%,-1%)}70%{transform:translate(-2%,3%)}80%{transform:translate(3%,-2%)}90%{transform:translate(-1%,2%)}}

/* SCROLL BAR */
#spbar{position:fixed;top:0;left:0;height:3px;width:0%;z-index:10001;background:var(--film);pointer-events:none;transition:width .08s linear}

/* CURSOR */
.cur{position:fixed;width:8px;height:8px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);mix-blend-mode:difference}
.cur-f{position:fixed;width:36px;height:36px;border:1px solid rgba(245,197,24,.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .18s,height .18s,background .18s,border-color .18s}
.cur-f.hov{width:58px;height:58px;background:var(--gold-dim);border-color:rgba(245,197,24,.65)}
.cur-f.drag{width:70px;height:70px;background:rgba(245,197,24,.06);border-color:rgba(245,197,24,.5)}

/* ── iOS 26 LIQUID GLASS LOADER ── */
#loader{position:fixed;inset:0;background:var(--bg);z-index:99999;display:flex;align-items:center;justify-content:center;overflow:hidden}
/* Background video fills loader */
.ld-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(1.6) brightness(.7)}
/* Colored ambient glows behind glass */
.ld-glow-r{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,27,.45) 0%,transparent 65%);bottom:-15%;right:-12%;animation:lgp 4s ease-in-out infinite;pointer-events:none}
.ld-glow-c{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,180,204,.28) 0%,transparent 65%);top:-12%;left:-10%;animation:lgp 4s ease-in-out infinite 2s;pointer-events:none}
.ld-glow-g{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(245,197,24,.1) 0%,transparent 65%);top:40%;left:45%;animation:lgp 5s ease-in-out infinite 1s;pointer-events:none}
@keyframes lgp{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.18);opacity:1}}

/* Glass card */
.loader-glass{
  position:relative;z-index:2;isolation:isolate;
  display:flex;flex-direction:column;align-items:center;gap:18px;
  padding:52px 68px;border-radius:36px;
  /* liquid glass base */
  background:linear-gradient(145deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.07) 100%);
  backdrop-filter:blur(44px) saturate(220%) brightness(1.18);
  -webkit-backdrop-filter:blur(44px) saturate(220%) brightness(1.18);
  /* multi-layer border */
  border:1px solid rgba(255,255,255,.16);
  /* depth shadows */
  box-shadow:
    0  0    0 .5px rgba(255,255,255,.07) inset,
    0  1.5px 0    0   rgba(255,255,255,.22) inset,
    0 -1.5px 0    0   rgba(0,0,0,.3) inset,
    0 40px 90px rgba(0,0,0,.75),
    0  0    0  1px rgba(0,0,0,.45),
    0  0   80px rgba(245,197,24,.05);
}
/* Top specular highlight */
.loader-glass::before{
  content:'';position:absolute;top:0;left:14%;right:14%;height:1.5px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0) 5%,rgba(255,255,255,.55) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,.55) 70%,rgba(255,255,255,0) 95%,transparent);
  border-radius:50%;animation:spec-sh 3.5s ease-in-out infinite;
}
/* Inner lens caustics */
.loader-glass::after{
  content:'';position:absolute;inset:0;border-radius:36px;pointer-events:none;
  background:
    radial-gradient(ellipse 90% 35% at 50%  0%,rgba(255,255,255,.08) 0%,transparent 65%),
    radial-gradient(ellipse 50% 22% at 50%  100%,rgba(0,180,204,.08) 0%,transparent 60%),
    radial-gradient(ellipse 28% 60% at  0%  50%,rgba(255,107,43,.05) 0%,transparent 60%),
    radial-gradient(ellipse 28% 60% at 100% 50%,rgba(0,180,204,.05) 0%,transparent 60%);
}
/* Chromatic aberration edge border */
.glass-refract-edge{
  position:absolute;inset:-1.5px;border-radius:38px;pointer-events:none;
  border:1.5px solid transparent;
  background:linear-gradient(135deg,rgba(0,180,204,.35),transparent 35%,transparent 65%,rgba(255,107,43,.25)) border-box;
  -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:destination-out;mask-composite:exclude;
  filter:url(#glass-chr);
}
@keyframes spec-sh{0%,100%{opacity:.5;transform:scaleX(.85)}50%{opacity:1;transform:scaleX(1.1)}}

/* Loader content items */
.ld-logo{width:100px;height:100px;border-radius:14px;object-fit:cover;opacity:0;animation:fIn .5s .2s forwards;box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 30px rgba(245,197,24,.12);position:relative;z-index:1}
.ld-title{font-family:var(--fd);font-size:clamp(14px,2.5vw,28px);letter-spacing:4px;opacity:0;animation:fIn .5s .4s forwards;text-align:center;line-height:1.3;position:relative;z-index:1;color:var(--white);text-shadow:0 1px 8px rgba(0,0,0,.5)}
.ld-title em{color:var(--gold);font-style:normal}
.ld-bw{width:160px;height:2px;background:rgba(255,255,255,.1);overflow:hidden;border-radius:1px;position:relative;z-index:1}
.ld-b{height:100%;background:var(--film);width:0;animation:ldFill 2.2s cubic-bezier(.77,0,.175,1) .4s forwards}
.ld-sub{font-family:var(--fm);font-size:.58rem;color:rgba(194,188,176,.8);letter-spacing:3px;text-transform:uppercase;opacity:0;animation:fIn .5s .7s forwards;position:relative;z-index:1}
@keyframes fIn{to{opacity:1}}
@keyframes ldFill{to{width:100%}}

/* NAV — Liquid Glass */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);transition:all .35s;
  background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.07) 100%);
  backdrop-filter:blur(36px) saturate(260%) brightness(1.22);
  -webkit-backdrop-filter:blur(36px) saturate(260%) brightness(1.22);
  border-bottom:1.5px solid rgba(255,255,255,.22);
  box-shadow:0 0 0 .5px rgba(255,255,255,.12) inset,0 2px 0 rgba(255,255,255,.28) inset,0 -1px 0 rgba(0,0,0,.2) inset,0 12px 44px rgba(0,0,0,.5)}
nav::before{content:'';position:absolute;inset:0;border-radius:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 80% at 15% 50%,rgba(0,180,204,.07) 0%,transparent 60%),
             radial-gradient(ellipse 60% 80% at 85% 50%,rgba(255,107,43,.05) 0%,transparent 60%)}
nav::after{content:'';position:absolute;top:0;left:4%;right:4%;height:1.5px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0) 5%,rgba(255,255,255,.6) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,.6) 70%,rgba(255,255,255,0) 95%,transparent);
  pointer-events:none;z-index:2}
nav.scrolled{
  background:linear-gradient(180deg,rgba(20,18,15,.75) 0%,rgba(8,7,6,.6) 100%);
  backdrop-filter:blur(44px) saturate(240%) brightness(1.12);
  -webkit-backdrop-filter:blur(44px) saturate(240%) brightness(1.12);
  border-bottom:1px solid rgba(255,255,255,.13);
  box-shadow:0 0 0 .5px rgba(255,255,255,.08) inset,0 1.5px 0 rgba(255,255,255,.18) inset,0 14px 40px rgba(0,0,0,.55)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--white)}
.nav-logo img{width:44px;height:44px;border-radius:8px;object-fit:cover}
.nav-logo-t{font-family:var(--fd);font-size:1.35rem;letter-spacing:2px}
.nav-logo-t em{color:var(--gold);font-style:normal}
.nav-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2.2s ease-in-out infinite;flex-shrink:0}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(245,197,24,.4)}50%{box-shadow:0 0 0 8px rgba(245,197,24,0)}}
.nav-links{display:flex;gap:30px;list-style:none}
.nav-links a{font-family:var(--fm);font-size:.65rem;color:var(--gray);text-decoration:none;letter-spacing:2px;text-transform:uppercase;transition:color .2s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{font-family:var(--fm);font-size:.64rem;color:var(--bg);background:var(--gold);padding:9px 18px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:all .2s}
.nav-cta:hover{background:var(--white);transform:translateY(-2px)}
.nav-burger{display:none;background:none;border:none;cursor:none;flex-direction:column;gap:5px;padding:6px}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:all .3s}
.mob-menu{position:fixed;inset:0;background:var(--bg);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transform:translateX(100%);transition:transform .4s cubic-bezier(.77,0,.175,1)}
.mob-menu.open{transform:none}
.mob-menu a{font-family:var(--fd);font-size:clamp(2rem,8vw,3.2rem);letter-spacing:3px;color:var(--white);text-decoration:none;transition:color .2s}
.mob-menu a:hover{color:var(--gold)}
.mob-close{position:absolute;top:20px;right:22px;background:none;border:none;color:var(--white);font-size:1.7rem;cursor:none}

/* ── HERO ── */
#hero{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(100px,12vw,150px) var(--pad) 90px}
.hero-bg-r{position:absolute;inset:0;background:radial-gradient(ellipse 75% 55% at 108% 112%,rgba(155,27,27,.24) 0%,transparent 60%);pointer-events:none;will-change:transform}
.hero-bg-c{position:absolute;inset:0;background:radial-gradient(ellipse 45% 35% at -6% -6%,rgba(0,180,204,.08) 0%,transparent 60%);pointer-events:none;will-change:transform}
.hero-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.032) 2px,rgba(0,0,0,.032) 4px);pointer-events:none}
.hero-vig{position:absolute;inset:0;background:radial-gradient(ellipse 100% 100% at 50% 50%,transparent 38%,rgba(6,6,6,.55) 100%);pointer-events:none}
.fsl,.fsr{position:absolute;top:-8%;bottom:-8%;width:46px;display:flex;flex-direction:column;opacity:.07;pointer-events:none;will-change:transform}
.fsl{left:0}.fsr{right:0}
.fsh{flex:1;display:flex;align-items:center;justify-content:center}
.fsh::before{content:'';width:16px;height:11px;border:1px solid var(--white);border-radius:2px}
.hero-filmbar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--film);transform-origin:left;transform:scaleX(0);z-index:5}
.hero-eye{font-family:var(--fm);font-size:.62rem;color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px;z-index:2;position:relative;opacity:0}
.hero-eye::before{content:'';display:block;width:22px;height:1px;background:var(--gold);flex-shrink:0}
.hero-h1{font-size:clamp(44px,9vw,134px);line-height:1;position:relative;z-index:2;margin-bottom:10px}
.ln1{font-family:var(--fp);font-style:italic;font-weight:700;color:var(--white);display:block;letter-spacing:-1px;line-height:1.06;clip-path:inset(0 0 100% 0);will-change:clip-path}
.ln2{font-family:var(--fd);color:rgba(242,239,228,.38);display:block;letter-spacing:2px;font-size:.68em;-webkit-text-stroke:1px rgba(242,239,228,.22);margin-bottom:.1em;clip-path:inset(0 0 100% 0);will-change:clip-path}
.ln3{font-family:var(--fd);display:block;letter-spacing:3px;font-size:.93em;position:relative;line-height:1;clip-path:inset(0 0 100% 0);will-change:clip-path}
.cinema{color:var(--gold);text-shadow:0 0 80px rgba(245,197,24,.3)}
.exclam{color:var(--red-b)}
.ln3::before,.ln3::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font-family:var(--fd);font-size:1em;letter-spacing:3px}
.ln3::before{animation:g1 7s infinite;color:var(--cyan);clip-path:polygon(0 15%,100% 15%,100% 38%,0 38%);transform:translate(-2px,0)}
.ln3::after{animation:g2 7s infinite;color:var(--orange);clip-path:polygon(0 62%,100% 62%,100% 80%,0 80%);transform:translate(2px,0)}
@keyframes g1{0%,87%,100%{opacity:0}88%,92%{opacity:1;transform:translate(-2px,0)}90%{transform:translate(3px,1px)}}
@keyframes g2{0%,90%,100%{opacity:0}91%,95%{opacity:1;transform:translate(2px,0)}93%{transform:translate(-3px,-1px)}}
.hero-sub{font-size:clamp(13px,1.3vw,15px);color:var(--gray);max-width:455px;line-height:1.88;margin-bottom:34px;font-weight:400;position:relative;z-index:2;opacity:0;will-change:opacity,transform}
.hero-sub em{color:var(--gold);font-style:normal;font-weight:500}
.hero-sub strong{color:var(--white);font-weight:500}
.hero-btns{display:flex;gap:14px;align-items:center;position:relative;z-index:2;flex-wrap:wrap;opacity:0}
.btn-gold{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--bg);font-family:var(--fm);font-size:.67rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;padding:13px 24px;text-decoration:none;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:all .22s}
.btn-gold:hover{background:var(--white);transform:translateY(-2px);box-shadow:0 10px 30px rgba(245,197,24,.18)}
.btn-ghost{display:inline-flex;align-items:center;gap:7px;color:var(--gray);font-family:var(--fm);font-size:.67rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--border2);padding-bottom:2px;transition:all .2s}
.btn-ghost:hover{color:var(--gold);border-color:var(--gold)}
/* Hero right column: cover above stats */
.hero-right{position:absolute;right:clamp(55px,7vw,110px);top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:28px}
.hero-cover-w{position:relative}
.hero-cover{width:clamp(150px,14.5vw,220px);aspect-ratio:1;border-radius:16px;object-fit:cover;display:block;box-shadow:0 20px 80px rgba(0,0,0,.8),0 0 50px rgba(245,197,24,.08);border:1px solid var(--border2)}
.hero-ring{position:absolute;inset:-14px;border:1px solid rgba(245,197,24,.1);border-radius:24px;animation:spin 22s linear infinite;pointer-events:none}
.hero-ring2{position:absolute;inset:-28px;border:1px dashed rgba(245,197,24,.04);border-radius:36px;animation:spin 40s linear infinite reverse;pointer-events:none}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-stats{display:flex;flex-direction:column;gap:16px;align-items:flex-end}
.stat-n{font-family:var(--fd);font-size:2.6rem;color:var(--gold);line-height:1;display:block}
.stat-l{font-family:var(--fm);font-size:.55rem;color:var(--gray);letter-spacing:2px;text-transform:uppercase}
.hero-scroll-ind{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2}
.hero-scroll-ind span{font-family:var(--fm);font-size:.52rem;color:var(--gray);letter-spacing:3px;text-transform:uppercase}
.scroll-ln{width:1px;height:44px;background:linear-gradient(to bottom,var(--gold),transparent);animation:sscr 2.2s ease-in-out infinite}
@keyframes sscr{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* VIDEO PARALLAX BG */
.vid-bg{position:absolute;inset:0;width:100%;height:120%;top:-10%;object-fit:cover;z-index:0;pointer-events:none;opacity:.3;filter:grayscale(10%) brightness(.8);will-change:transform}

/* PITCH */
#pitch{padding:clamp(60px,7vw,90px) var(--pad);background:var(--bg);border-top:1px solid var(--border);position:relative;overflow:hidden}
.pitch-inner{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:28px}
.pitch-line{font-family:var(--fp);font-style:italic;font-size:clamp(28px,4.5vw,56px);line-height:1.1;color:var(--white)}
.pitch-line em{color:var(--gold);font-style:normal}
.pitch-body{font-family:var(--fb);font-size:clamp(15px,1.5vw,18px);color:var(--gray);line-height:1.85;max-width:760px;margin:0 auto;font-weight:400}
.pitch-body strong{color:var(--white);font-weight:600}

/* MARQUEE */
.mq-strip{padding:22px 0;background:var(--gold);overflow:hidden;position:relative}
.mq-strip::before,.mq-strip::after{content:'';position:absolute;top:0;bottom:0;width:60px;z-index:2}
.mq-strip::before{left:0;background:linear-gradient(to right,var(--gold),transparent)}
.mq-strip::after{right:0;background:linear-gradient(to left,var(--gold),transparent)}
.mq-track{display:flex;gap:38px;animation:mqr 22s linear infinite;white-space:nowrap;user-select:none}
.mq-track span{font-family:var(--fd);font-size:1.2rem;letter-spacing:3px;color:var(--bg);text-transform:uppercase}
.mq-sep{color:rgba(0,0,0,.2) !important}
@keyframes mqr{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* PLAYER */
#player{padding:clamp(60px,7vw,100px) var(--pad);background:var(--surface);border-top:1px solid var(--border);position:relative;overflow:hidden}
#player::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--film);opacity:.45}
.sec-lbl{font-family:var(--fm);font-size:.55rem;color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:36px;display:flex;align-items:center;gap:10px}
.sec-lbl::before{content:'';display:block;width:14px;height:1px;background:var(--gold)}
.player-grid{display:grid;grid-template-columns:1fr 310px;gap:44px;align-items:start;max-width:1080px;margin:0 auto}
.player-left{display:flex;flex-direction:column;gap:22px}
.player-now-row{display:flex;align-items:center;gap:18px}
.pcov{width:76px;height:76px;border-radius:10px;object-fit:cover;border:1px solid var(--border2);flex-shrink:0}
.pep-info{flex:1;min-width:0}
.pep-title{font-family:var(--fd);font-size:clamp(16px,2vw,24px);line-height:1.15;letter-spacing:.5px;margin-bottom:5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pep-meta{font-family:var(--fm);font-size:.58rem;color:var(--gray);letter-spacing:1.5px}
.pep-desc{font-size:.8rem;color:var(--gray);line-height:1.75;font-weight:400;font-family:var(--fb);padding:14px 16px;background:rgba(255,255,255,.03);border-left:2px solid var(--gold);border-radius:0 4px 4px 0;transition:opacity .3s}
.pep-desc:empty{display:none}
/* Waveform */
.waveform{display:flex;align-items:center;gap:2px;height:50px;overflow:hidden}
.wvb{border-radius:2px;background:var(--gold);opacity:.28;transform-origin:center;transition:opacity .4s;will-change:transform}
.waveform.playing .wvb{opacity:1;animation:wva var(--d,.4s) ease-in-out infinite alternate}
@keyframes wva{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
/* Progress */
.prog-area{display:flex;flex-direction:column;gap:7px}
.prog-wrap{position:relative;height:5px;background:var(--border2);cursor:pointer;border-radius:3px}
.prog-fill{height:100%;background:var(--film);border-radius:3px;width:0%;pointer-events:none;transition:width .25s linear}
.prog-dot{width:13px;height:13px;background:var(--gold);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:0 0 8px rgba(245,197,24,.4)}
.prog-wrap:hover .prog-dot{opacity:1}
.time-row{display:flex;justify-content:space-between}
.time-row span{font-family:var(--fm);font-size:.58rem;color:var(--gray);letter-spacing:1px}
/* Controls */
.ctrl-row{display:flex;align-items:center;justify-content:center;gap:22px}
.cbtn{background:none;border:none;color:var(--gray);cursor:none;transition:color .2s;display:flex;align-items:center}
.cbtn:hover{color:var(--gold)}
.cbtn svg{width:18px;height:18px}
.cplay{width:52px;height:52px;border-radius:50%;background:var(--gold);color:var(--bg);border:none;cursor:none;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}
.cplay:hover{background:var(--white);transform:scale(1.06);box-shadow:0 8px 30px rgba(245,197,24,.3)}
.cplay svg{width:20px;height:20px}
.cplay .pa-icon{display:none}
.cplay.playing .pl-icon{display:none}
.cplay.playing .pa-icon{display:block}
/* Platform links */
.plat-row{display:flex;gap:7px;flex-wrap:wrap}
.plat-a{font-family:var(--fm);font-size:.57rem;color:var(--gray);text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;padding:7px 12px;border:1px solid var(--border);transition:all .2s}
.plat-a:hover{color:var(--gold);border-color:var(--gold);background:var(--gold-dim)}
/* Episode queue */
.eq-wrap{display:flex;flex-direction:column}
.eq-head{font-family:var(--fm);font-size:.56rem;color:var(--gold);letter-spacing:3px;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:8px}
.eq-list{display:flex;flex-direction:column;gap:1px;max-height:370px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}
.eqi{padding:11px 13px;background:var(--card);border:1px solid var(--border);cursor:none;transition:all .2s;display:flex;flex-direction:column;gap:4px;border-left:2px solid transparent}
.eqi:hover{background:#181818}
.eqi.active{background:#181818;border-left-color:var(--gold)}
.eqi-t{font-family:var(--fd);font-size:.9rem;line-height:1.25;letter-spacing:.3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.eqi-m{font-family:var(--fm);font-size:.54rem;color:var(--gray);letter-spacing:1px}

/* FILM STRIP HORIZONTAL */
#filmstrip{padding:clamp(50px,6vw,80px) 0;background:var(--bg);border-top:1px solid var(--border);overflow:hidden}
.fs-hdr{padding:0 var(--pad);margin-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:10px}
.drag-hint{font-family:var(--fm);font-size:.55rem;color:var(--gray2);letter-spacing:2px;text-transform:uppercase}
.fstrip-scr{overflow-x:scroll;cursor:grab;user-select:none;scrollbar-width:none}
.fstrip-scr::-webkit-scrollbar{display:none}
.fstrip-scr:active{cursor:grabbing}
.fstrip-in{display:flex;gap:2px;padding:0 var(--pad) 4px}
.fc{flex-shrink:0;width:238px;background:var(--card);border:1px solid var(--border);padding:18px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:border-color .2s}
.fc:hover{border-color:var(--border2)}
.fc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--film);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.fc:hover::before{transform:scaleX(1)}
.fc-holes{display:flex;justify-content:space-evenly;align-items:center;height:8px;margin-bottom:2px}
.fc-holes span{display:block;width:13px;height:7px;border:1px solid var(--border2);border-radius:1px}
.fc-num{font-family:var(--fm);font-size:.5rem;color:var(--gold);letter-spacing:2px;opacity:.6}
.fc-t{font-family:var(--fd);font-size:1rem;line-height:1.2;letter-spacing:.3px}
.fc-film{font-family:var(--fm);font-size:.57rem;color:var(--gray);letter-spacing:1px;margin-top:auto}

/* EPISODES */
#episodes{padding:clamp(60px,8vw,100px) var(--pad);position:relative;overflow:hidden}
.sec-tag{font-family:var(--fm);font-size:.57rem;color:var(--gold);letter-spacing:4px;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sec-tag::before{content:'';display:block;width:14px;height:1px;background:var(--gold)}
.sec-h2{font-family:var(--fd);font-size:clamp(30px,5vw,62px);line-height:.95;letter-spacing:1px}
.sec-h2 span{color:var(--gold)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px;gap:18px;flex-wrap:wrap}
.all-lnk{font-family:var(--fm);font-size:.62rem;color:var(--gray);text-decoration:none;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--border2);padding-bottom:2px;transition:all .2s}
.all-lnk:hover{color:var(--gold);border-color:var(--gold)}
.ep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:2px}
.epc{background:var(--card);border:1px solid var(--border);padding:22px 18px;text-decoration:none;color:var(--white);display:flex;flex-direction:column;gap:11px;transition:all .25s;position:relative;overflow:hidden}
.epc::before{content:'';position:absolute;top:0;left:0;width:0;height:3px;background:var(--film);transition:width .4s}
.epc:hover{background:#181818;border-color:var(--border2);transform:translateY(-2px)}
.epc:hover::before{width:100%}
.epc.feat{grid-column:span 2}
.epc.feat .ep-t{font-size:1.65rem}
.ep-badge{position:absolute;top:10px;right:10px;background:var(--gold);color:var(--bg);font-family:var(--fm);font-size:.47rem;letter-spacing:2px;padding:3px 7px;font-weight:500}
.ep-top{display:flex;align-items:center;justify-content:space-between}
.ep-num{font-family:var(--fm);font-size:.52rem;color:var(--gold);letter-spacing:2px;opacity:.7}
.ep-dt{font-family:var(--fm);font-size:.52rem;color:var(--gray);letter-spacing:1px}
.ep-t{font-family:var(--fd);font-size:1.1rem;line-height:1.2;letter-spacing:.5px}
.ep-d{font-size:.84rem;color:#b5b0a8;line-height:1.75;font-weight:400}
.ep-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.ep-film{font-family:var(--fm);font-size:.56rem;color:var(--gray);letter-spacing:1px;display:flex;align-items:center;gap:4px}
.ep-film::before{content:'▶';color:var(--gold);font-size:.38rem}
.ep-arr{width:24px;height:24px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.55rem;color:var(--gray);transition:all .2s}
.epc:hover .ep-arr{background:var(--gold);border-color:var(--gold);color:var(--bg)}

/* VEO */
#veo{padding:clamp(60px,8vw,100px) var(--pad);background:var(--surface);border-top:1px solid var(--border)}
.veo-intro{margin-bottom:52px;max-width:660px}
.veo-intro p{font-size:.85rem;color:var(--gray);line-height:1.88;margin-top:14px}
.veo-layout{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start;max-width:1060px}
.veo-toc{position:sticky;top:90px;display:flex;flex-direction:column;gap:2px}
.vtoc-i{padding:11px 14px;background:var(--card);border:1px solid var(--border);cursor:none;transition:all .2s;border-left:2px solid transparent}
.vtoc-i:hover,.vtoc-i.active{background:#181818;border-left-color:var(--gold)}
.vtoc-n{font-family:var(--fm);font-size:.5rem;color:var(--gold);letter-spacing:2px;display:block;margin-bottom:3px}
.vtoc-t{font-family:var(--fd);font-size:.93rem;letter-spacing:.3px;line-height:1.2;display:block}
.veo-list{display:flex;flex-direction:column;gap:2px}
.vpc{background:var(--card);border:1px solid var(--border);padding:24px;position:relative;overflow:hidden;transition:border-color .3s}
.vpc::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--film);transform:scaleY(0);transform-origin:top;transition:transform .5s ease}
.vpc.active::before{transform:scaleY(1)}
.vpc.active{border-color:var(--border2)}
.vpc-tag{font-family:var(--fm);font-size:.5rem;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}
.vpc-ttl{font-family:var(--fd);font-size:1.3rem;letter-spacing:.5px;margin-bottom:3px}
.vpc-use{font-family:var(--fm);font-size:.58rem;color:var(--gray);letter-spacing:1.5px;margin-bottom:14px}
.vpc-code{font-family:var(--fm);font-size:.7rem;color:#a8a8a8;line-height:1.75;background:#080808;padding:14px 42px 14px 16px;border:1px solid var(--border);border-left:2px solid var(--gold);position:relative;white-space:pre-wrap;word-break:break-word}
.vpc-copy{position:absolute;top:8px;right:8px;background:var(--border2);border:none;color:var(--gray);font-family:var(--fm);font-size:.5rem;letter-spacing:2px;padding:4px 9px;cursor:none;text-transform:uppercase;transition:all .2s}
.vpc-copy:hover{background:var(--gold);color:var(--bg)}
.vpc-copy.copied{background:#00c96e;color:var(--bg)}

/* ABOUT */
#apropos{padding:clamp(60px,8vw,100px) var(--pad);position:relative;overflow:hidden}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-vis{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.about-img{width:100%;max-width:310px;aspect-ratio:1;border-radius:16px;object-fit:cover;box-shadow:0 24px 80px rgba(0,0,0,.8),0 0 50px rgba(155,27,27,.14);border:1px solid var(--border2);will-change:transform}
.about-glow{position:absolute;top:60%;left:0;width:310px;height:90px;background:radial-gradient(ellipse,rgba(245,197,24,.08) 0%,transparent 70%);filter:blur(16px);pointer-events:none}
.about-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gold);padding:9px 16px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.ab-n{font-family:var(--fd);font-size:1.6rem;color:var(--bg);line-height:1}
.ab-t{font-family:var(--fm);font-size:.54rem;color:var(--bg);letter-spacing:2px;text-transform:uppercase}
.about-cont{display:flex;flex-direction:column;gap:20px}
.about-q{font-family:var(--fp);font-style:italic;font-size:clamp(14px,1.55vw,18px);line-height:1.65;border-left:3px solid var(--gold);padding-left:20px}
.about-p{font-size:.83rem;color:var(--gray);line-height:1.9}
.about-p strong{color:var(--white);font-weight:500}
.atags{display:flex;flex-wrap:wrap;gap:6px}
.atag{font-family:var(--fm);font-size:.56rem;color:var(--gold);letter-spacing:2px;text-transform:uppercase;padding:4px 11px;border:1px solid rgba(245,197,24,.2);background:rgba(245,197,24,.02)}

/* CONTACT */
#contact{padding:clamp(60px,8vw,100px) var(--pad)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.ch{font-family:var(--fd);font-size:clamp(28px,4.5vw,58px);line-height:.95;margin-bottom:16px}
.ch span{color:var(--gold)}
.cp{font-size:.83rem;color:var(--gray);line-height:1.9;margin-bottom:28px}
.soc-list{display:flex;flex-direction:column;gap:2px}
.soc-a{display:flex;align-items:center;gap:14px;padding:13px 16px;background:var(--card);border:1px solid var(--border);text-decoration:none;color:var(--white);transition:all .22s;position:relative;overflow:hidden}
.soc-a::before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:var(--film);transform:scaleY(0);transition:transform .28s}
.soc-a:hover{background:#181818;border-color:var(--border2);padding-left:22px}
.soc-a:hover::before{transform:scaleY(1)}
.si{font-size:.95rem;width:32px;text-align:center;flex-shrink:0}
.soc-inf{flex:1}
.soc-name{font-family:var(--fd);font-size:.98rem;letter-spacing:1px;display:block}
.soc-hdl{font-family:var(--fm);font-size:.56rem;color:var(--gray);letter-spacing:1px}
.soc-arr{font-size:.65rem;color:var(--gray);transition:all .2s}
.soc-a:hover .soc-arr{color:var(--gold);transform:translateX(4px)}
.cform{display:flex;flex-direction:column;gap:11px}
.cfg{display:flex;flex-direction:column;gap:6px}
.cfl{font-family:var(--fm);font-size:.56rem;color:var(--gold);letter-spacing:3px;text-transform:uppercase}
.cfi,.cft{background:var(--card);border:1px solid var(--border);border-bottom-color:#303030;color:var(--white);font-family:var(--fb);font-size:.83rem;padding:11px 13px;outline:none;transition:border-color .2s;resize:none;width:100%}
.cfi:focus,.cft:focus{border-color:var(--gold);background:#181818}
.cfi::placeholder,.cft::placeholder{color:#282828}
.cft{min-height:90px}
.csub{background:var(--gold);color:var(--bg);border:none;font-family:var(--fm);font-size:.66rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;padding:12px 22px;cursor:none;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:all .2s;align-self:flex-start}
.csub:hover{background:var(--white);transform:translateY(-2px)}

/* DIVIDER */
.filmbar{height:2px;background:var(--film);opacity:.4}

/* FOOTER */
footer{padding:28px var(--pad);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.foot-logo{display:flex;align-items:center;gap:8px}
.foot-logo img{width:26px;height:26px;border-radius:4px;object-fit:cover}
.foot-t{font-family:var(--fd);font-size:.9rem;letter-spacing:2px}
.foot-t em{color:var(--gold);font-style:normal}
.foot-copy{font-family:var(--fm);font-size:.52rem;color:var(--gray);letter-spacing:1.5px;text-align:center;line-height:2}
.foot-links{display:flex;gap:16px}
.foot-links a{font-family:var(--fm);font-size:.52rem;color:var(--gray);text-decoration:none;letter-spacing:2px;text-transform:uppercase;transition:color .2s}
.foot-links a:hover{color:var(--gold)}

/* REVEAL */
.rv{opacity:0;transform:translateY(26px)}
.rvl{opacity:0;transform:translateX(-26px)}
.rvr{opacity:0;transform:translateX(26px)}

@media(max-width:900px){
  .about-grid,.contact-grid,.player-grid{grid-template-columns:1fr;gap:40px}
  .veo-layout{grid-template-columns:1fr}
  .veo-toc{position:static}
  .hero-stats,.hero-right{display:none}
  .nav-links,.nav-cta{display:none}
  .nav-burger{display:flex}
  .epc.feat{grid-column:span 1}
  .epc.feat .ep-t{font-size:1.2rem}
}
@media(max-width:560px){
  .ep-grid{grid-template-columns:1fr}
  .hero-btns{flex-direction:column;align-items:flex-start}
}

/* Skip intro button */
.ld-skip{display:block;margin:18px auto 0;padding:10px 28px;font-family:var(--fm);font-size:.6rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.6);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:40px;cursor:pointer;transition:all .3s;opacity:0;animation:fIn .5s 1.2s forwards}
.ld-skip:hover{background:rgba(255,255,255,.14);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.25)}