@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#080e1c;--navy:#0a1631;--panel:#101e36;--cyan:#2bdcff;--red:#ff304d;--white:#f4f7ff;--muted:#a9b8d1}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;color:var(--white);font-family:Inter,Arial,sans-serif;background-color:#11151e;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px}
a{color:inherit}a:hover{color:var(--cyan)}p{line-height:1.75;color:#cbd5e7}h1,h2,h3,.eyebrow,.btn,.hero-bottom{font-family:"Barlow Condensed",Impact,sans-serif}h2{font-weight:900;font-size:clamp(2.6rem,5vw,4.6rem);letter-spacing:.01em;line-height:1.05}h3{font-weight:800}.skip-link{position:absolute;left:-999px;z-index:2000;background:white;color:black;padding:1rem}.skip-link:focus{left:1rem;top:1rem}
.site-nav{background:rgba(6,13,28,.97);border-bottom:1px solid #204061;backdrop-filter:blur(16px);box-shadow:0 10px 30px #0005}.navbar-brand img{object-fit:contain;width:150px;height:auto;max-height:74px}.navbar .nav-link{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.83rem;color:#e6eeff}.navbar .nav-link:hover,.navbar .nav-link:focus{color:var(--cyan)}.navbar-toggler{border-color:#53718d}
.btn{border-radius:6px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.65rem 1.3rem}.btn-pop{background:var(--red);color:#fff;border:2px solid var(--red);box-shadow:4px 4px 0 #090c16}.btn-pop:hover{background:#ff5268;border-color:#ff5268;color:#fff;transform:translateY(-2px)}.btn-cyan{background:var(--cyan);color:#061226;border:2px solid var(--cyan)}.btn-cyan:hover{background:#8decff;color:#061226}.btn-outline-light:hover{color:#071123}
.hero{min-height:670px;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:end;background:#06122b}.hero-image{position:absolute;inset:0;background:url('hero.webp') center center/cover no-repeat;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,24,.95) 0%,rgba(3,10,24,.85) 29%,rgba(3,10,24,.35) 57%,rgba(3,10,24,.06) 100%),linear-gradient(0deg,rgba(3,10,24,.9),transparent 40%);z-index:-1}.hero-content{padding-top:6rem;padding-bottom:6rem}.hero-copy{max-width:650px}.eyebrow{color:var(--cyan);font-size:1.1rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hero h1{font-size:clamp(3.8rem,7.7vw,7.7rem);line-height:.89;font-weight:900;text-shadow:3px 5px 0 #020713;letter-spacing:.01em;margin:1.3rem 0}.hero h1 em{font-style:normal;color:var(--cyan)}.hero p{font-size:1.1rem;max-width:560px;color:#e2edff;text-shadow:0 2px 5px #000}.hero-bottom{display:flex;justify-content:center;gap:clamp(1rem,6vw,6rem);flex-wrap:wrap;background:#071123e8;border-top:1px solid #28638d;color:#d9e9ff;padding:1rem;font-weight:800;letter-spacing:.14em}
.section{padding:clamp(4rem,8vw,7rem) 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}.spark{font-size:.45em;color:var(--red);vertical-align:top;margin-left:.2em}.text-link{color:var(--cyan);text-decoration:none;font-weight:800}.text-link:hover{text-decoration:underline;color:#a0f1ff}.video-panel,.watch-aside,.bio-card,.fandom-card,.social-card{background:linear-gradient(145deg,#132743,#0b172a);border:1px solid #244363;box-shadow:0 15px 40px #0005}.video-panel{overflow:hidden;border-radius:12px}.video-panel h3{font-size:2rem}.watch-aside{border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:start}.watch-aside img{width:100%;max-height:230px;object-fit:contain;margin-bottom:1.5rem}.watch-aside h3{font-size:2.1rem;line-height:1.03}.watch-aside .btn-cyan{margin-top:auto}
.section-blue{background:linear-gradient(120deg,#091932ed,#0b2a45ed),url('studio.webp') center/cover;border-top:1px solid #214b76;border-bottom:1px solid #214b76}.section-intro{font-size:1.12rem;max-width:680px;margin-bottom:2.4rem}.fandom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.fandom-card{padding:2rem;border-radius:9px;transition:transform .2s,border-color .2s}.fandom-card:hover{transform:translateY(-4px);border-color:var(--cyan)}.fandom-icon{font-size:2.5rem;color:var(--cyan)}.fandom-card h3{font-size:1.7rem;margin:.8rem 0}.fandom-card p{margin:0}.hosts-section{background:linear-gradient(180deg,#0a1122cc,#101a2acc)}.hosts-art{width:100%;max-width:480px;display:block;margin:auto;filter:drop-shadow(0 15px 30px #0009)}.big-intro{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.4;color:#f3f7ff;font-weight:600}.big-intro strong{color:var(--cyan)}.bio-card{padding:clamp(1.5rem,3vw,2.5rem);border-radius:10px;height:100%;border-top:4px solid var(--red)}.bio-card h3{font-size:2.5rem;margin:.4rem 0}.bio-lead{color:var(--cyan);font-weight:800;font-size:1.05rem}
.social-section{background:#071329ed;border-block:1px solid #22466a}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.social-card{border-radius:10px;padding:1.35rem;display:flex;align-items:center;gap:1rem;text-decoration:none;transition:transform .2s,border-color .2s}.social-card:hover{transform:translateY(-3px);border-color:var(--cyan);color:#fff}.social-mark{display:grid;place-items:center;background:#183b56;color:var(--cyan);font-weight:900;font-size:2rem;width:60px;height:60px;flex-shrink:0;border-radius:12px}.social-card strong{display:block;font-size:1.15rem}.social-card small{display:block;color:var(--muted);margin-top:.3rem}.social-card b{margin-left:auto;color:var(--cyan)}.community-note{margin-top:2rem;border-left:4px solid var(--red);padding:1.2rem 1.5rem;background:#1b2740;color:#d7e6ff}.community-note strong{color:#fff}
.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:2rem;border:1px solid #2e6389;border-radius:14px;padding:clamp(1.6rem,4vw,3.5rem);background:radial-gradient(circle at 90% 20%,#1b4a69,#101c35 60%)}.contact-panel>div{max-width:700px}.contact-panel img{width:clamp(130px,23vw,280px);height:auto;object-fit:contain}.footer{background:#050a15;border-top:2px solid #1b8db5;padding:2rem 0 1.5rem}.footer-top{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.footer-top img{object-fit:contain;width:170px;height:auto}.footer-top p{margin:0}.footer-top>a{margin-left:auto}.footer-bottom{border-top:1px solid #1d354e;margin-top:1.5rem;padding-top:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:#a5b6cb;font-size:.85rem}.footer-bottom a{text-decoration:none}
@media(max-width:991px){.hero{min-height:590px}.hero-shade{background:linear-gradient(90deg,#030a18f2,#030a18a3 70%,#030a1866),linear-gradient(0deg,#030a18,transparent 40%)}.hero-content{padding-block:5rem}.navbar-collapse{padding:1rem 0}.navbar .nav-link{padding:.75rem 0}.fandom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.hero{min-height:590px}.hero-image{background-position:62% center;opacity:.55}.hero-shade{background:linear-gradient(90deg,#030a18d9,#030a18a8),linear-gradient(0deg,#030a18,transparent)}.hero h1{font-size:clamp(3.4rem,14vw,5rem)}.hero-content{padding-block:4rem}.hero-bottom{font-size:.85rem;gap:.6rem 1.3rem}.fandom-grid,.social-grid{grid-template-columns:1fr}.section-heading{align-items:start}.contact-panel{display:block}.contact-panel img{display:block;margin:2rem auto 0;width:190px}.watch-aside{padding:1.4rem}.social-card{padding:1rem}.footer-top>a{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Clickable featured video: works even when local file previews have no HTTP referrer. */
.video-preview{display:block;position:relative;width:100%;height:100%;background:#040b19;overflow:hidden;color:#fff;text-decoration:none}
.video-preview img{width:100%;height:100%;object-fit:cover;filter:brightness(.67);transition:filter .2s,transform .2s}
.video-preview:hover img,.video-preview:focus-visible img{filter:brightness(.9);transform:scale(1.02)}
.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#ff304d;color:white;border-radius:16px;width:82px;height:60px;font-size:2rem;box-shadow:0 8px 35px #0009}
.video-caption{position:absolute;bottom:1.2rem;left:1.3rem;font-weight:800;text-shadow:0 2px 4px #000}

/* Latest livestream: tightly packed, no Bootstrap ratio spacer or embedded iframe. */
.video-panel{height:auto!important}
.latest-video-link{display:block;position:relative;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;background:#071327}
.latest-video-link img{display:block;width:100%;height:100%;object-fit:cover}
.video-details{padding:1.15rem 1.5rem 1.5rem}
.video-details h3{margin:.35rem 0;font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:1.1}
.video-details p{margin:.4rem 0 .7rem}
.watch-aside{height:auto!important;padding:1.4rem}
.watch-aside img{max-height:145px;margin-bottom:.65rem}
.watch-aside h3{font-size:1.8rem}
.watch-aside p{margin-bottom:1rem}
@media(max-width:575px){.video-details{padding:1rem}.watch-aside{padding:1.2rem}}