:root {
  --ink: #151318;
  --cream: #f7f1e7;
  --purple: #7d4d9a;
  --purple-dark: #57346e;
  --pink: #f19bd7;
  --blue: #5c9df4;
  --acid: #d7ff43;
  --white: #fffdf8;
  --border: rgba(21, 19, 24, .16);
  --display: Impact, Haettenschweiler, "Arial Black", sans-serif;
  --body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--cream);
  font-family: var(--body);
  overflow-x: hidden;
}
body.is-loading { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.intro {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 120%, rgba(255,255,255,.6), transparent 38%),
    linear-gradient(155deg, #5b3976 0%, #9c67b3 52%, #ef9fd4 100%);
  transition: opacity .65s ease, visibility .65s ease;
}
.intro.is-finished { opacity: 0; visibility: hidden; pointer-events: none; }
.intro-noise {
  position: absolute; inset: 0; opacity: .08; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
.intro-orb { position:absolute; border-radius:50%; filter: blur(2px); opacity:.4; }
.intro-orb-a { width: 42vw; height: 42vw; left:-18vw; top:-16vw; background:#7dc6ff; }
.intro-orb-b { width: 36vw; height: 36vw; right:-12vw; bottom:-14vw; background:#ff8bb2; }
.intro-stage { position: relative; width: min(1400px, 100vw); height: 100vh; }
.intro-character { position:absolute; bottom:-8%; width:min(46vw, 650px); max-height:96vh; object-fit:contain; opacity:0; filter: drop-shadow(0 30px 34px rgba(26,14,37,.28)); will-change:transform,opacity; }
.intro-zias { right:4%; transform: translate3d(12vw,6vh,0) scale(.96); }
.intro-blou { left:1%; transform: translate3d(-18vw,10vh,0) rotate(-8deg) scale(.9); transform-origin: 40% 70%; }
.intro-zias.show { animation: ziasIn .72s cubic-bezier(.17,.89,.32,1.18) forwards; }
.intro-blou.show { animation: blouIn .62s cubic-bezier(.17,.89,.32,1.35) forwards; }
@keyframes ziasIn { to { opacity:1; transform:translate3d(0,0,0) scale(1); } }
@keyframes blouIn { 65% { opacity:1; transform:translate3d(2vw,-1vh,0) rotate(2deg) scale(1.03);} 100% {opacity:1; transform:translate3d(0,0,0) rotate(0) scale(1);} }

.callout {
  position:absolute; z-index:4; opacity:0; transform:scale(.35) rotate(-8deg);
  filter: drop-shadow(9px 10px 0 rgba(21,19,24,.9));
}
.callout span {
  display:block; padding:.16em .26em .12em; color:var(--ink); background:var(--acid); border:7px solid var(--ink);
  font-family:var(--display); font-size:clamp(62px,9vw,150px); line-height:.83; letter-spacing:-.08em;
  clip-path:polygon(3% 9%, 93% 0, 100% 83%, 10% 100%, 0 43%);
}
.callout-bow { right:32%; top:15%; }
.callout-hello { left:29%; top:54%; }
.callout.show { animation: calloutIn .55s cubic-bezier(.2,.96,.25,1.42) forwards; }
.callout.exit { animation: calloutOut .35s ease forwards; }
@keyframes calloutIn { 70% {opacity:1; transform:scale(1.08) rotate(2deg);} 100% {opacity:1; transform:scale(1) rotate(0);} }
@keyframes calloutOut { to {opacity:0; transform:scale(1.18) rotate(6deg); filter:blur(7px);} }

.intro-brand {
  position:fixed; left:50%; top:50%; z-index:8; transform:translate(-50%,-50%) scale(.7);
  display:inline-flex; align-items:flex-start; opacity:0; white-space:nowrap; will-change:transform,opacity;
  font-family:var(--display); font-size:clamp(58px,10vw,158px); line-height:.8; letter-spacing:-.095em;
  -webkit-text-stroke:5px var(--ink); filter:drop-shadow(10px 10px 0 var(--ink));
}
.intro-brand .brand-bow { color:var(--white); }
.intro-brand .brand-hello { color:var(--acid); }
.intro-brand i { color:var(--pink); font-style:normal; margin-left:.02em; transform:rotate(8deg); }
.intro-brand.show { animation: brandPop .5s cubic-bezier(.2,.96,.25,1.3) forwards; }
@keyframes brandPop { to {opacity:1; transform:translate(-50%,-50%) scale(1);} }
.skip-intro {
  position:absolute; right:26px; bottom:22px; z-index:9; padding:10px 14px; color:rgba(255,255,255,.8); background:rgba(21,19,24,.2);
  border:1px solid rgba(255,255,255,.26); border-radius:999px; cursor:pointer; backdrop-filter:blur(10px);
}
.skip-intro:hover { color:white; background:rgba(21,19,24,.35); }

.site-header {
  position:sticky; top:0; z-index:20; height:82px; padding:0 clamp(22px,4vw,72px); display:flex; align-items:center; gap:34px;
  border-bottom:1px solid var(--border); background:rgba(247,241,231,.86); backdrop-filter:blur(16px);
}
.logo { display:inline-flex; align-items:flex-start; font-family:var(--display); font-size:26px; line-height:.8; letter-spacing:-.085em; white-space:nowrap; }
.logo-bow { color:var(--ink); }
.logo-hello { color:var(--purple); }
.logo i { color:#e06bbd; font-style:normal; margin-left:1px; transform:rotate(7deg); }
#headerLogo { opacity:0; }
body.ready #headerLogo { opacity:1; }
.nav { display:flex; gap:30px; margin-left:auto; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.nav a { position:relative; }
.nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-5px; height:2px; background:var(--purple); transition:right .25s ease; }
.nav a:hover::after { right:0; }
.header-cta { padding:12px 17px; background:var(--ink); color:white; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; border-radius:999px; }
.header-cta span { color:var(--acid); }

.hero { position:relative; min-height:calc(100vh - 82px); display:grid; grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr); overflow:hidden; border-bottom:1px solid var(--border); }
.hero-grid { position:absolute; inset:0; pointer-events:none; opacity:.2; background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to right,black,transparent 75%); }
.hero-copy { position:relative; z-index:4; display:flex; flex-direction:column; justify-content:center; padding:clamp(64px,7vw,110px) clamp(28px,5.5vw,92px); }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 22px; font-size:12px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.eyebrow span { width:30px; height:3px; background:var(--purple); }
.hero h1,.section-heading h2,.lab h2 { margin:0; font-family:var(--display); font-size:clamp(62px,7vw,118px); line-height:.86; letter-spacing:-.075em; }
.hero h1 em,.section-heading h2 em,.lab h2 em { color:var(--purple); font-style:normal; -webkit-text-stroke:2px var(--ink); text-shadow:4px 4px 0 var(--ink); }
.hero-description { max-width:590px; margin:30px 0 0; font-size:clamp(16px,1.35vw,20px); line-height:1.55; color:#4d4850; }
.hero-actions { display:flex; align-items:center; gap:17px; margin-top:32px; }
.primary-button,.light-button { display:inline-flex; align-items:center; gap:28px; padding:17px 21px; color:white; background:var(--ink); border:2px solid var(--ink); border-radius:999px; font-size:13px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; transition:transform .2s ease,box-shadow .2s ease; }
.primary-button span,.light-button span { color:var(--acid); font-size:18px; }
.primary-button:hover,.light-button:hover { transform:translateY(-3px); box-shadow:0 8px 0 var(--purple); }
.replay-button { display:inline-flex; align-items:center; gap:8px; padding:14px 6px; background:none; border:0; cursor:pointer; font-size:13px; font-weight:700; color:#5d5660; }
.replay-button span { font-size:17px; }
.hero-proof { display:flex; gap:36px; margin-top:58px; padding-top:24px; border-top:1px solid var(--border); }
.hero-proof div { display:flex; align-items:center; gap:10px; }
.hero-proof strong { font-family:var(--display); color:var(--purple); }
.hero-proof span { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }

.hero-art { position:relative; min-height:720px; background:linear-gradient(165deg,#80509e 0%,#b177bd 54%,#eea0d5 100%); overflow:hidden; isolation:isolate; }
.hero-art::after { content:""; position:absolute; inset:auto -5% -15% -5%; height:43%; z-index:-1; background:radial-gradient(ellipse at center,#f7c1df 0%,rgba(255,255,255,.25) 38%,transparent 70%); }
.hero-sun { position:absolute; width:420px; height:420px; border-radius:50%; right:-60px; top:-85px; border:1px solid rgba(255,255,255,.2); box-shadow:0 0 0 44px rgba(255,255,255,.06),0 0 0 90px rgba(255,255,255,.04); }
.hero-zias { position:absolute; z-index:2; right:-7%; bottom:-7%; width:min(65%,660px); filter:drop-shadow(0 36px 38px rgba(35,16,44,.32)); animation:floatZias 6s ease-in-out infinite; }
.hero-blou { position:absolute; z-index:3; left:-8%; bottom:-11%; width:min(67%,690px); filter:drop-shadow(0 30px 30px rgba(35,16,44,.3)); animation:floatBlou 5s ease-in-out infinite; }
@keyframes floatZias { 50% { transform:translateY(-12px) rotate(.5deg); } }
@keyframes floatBlou { 50% { transform:translateY(-10px) rotate(-1deg); } }
.hero-word { position:absolute; z-index:1; font-family:var(--display); font-size:clamp(100px,12vw,210px); line-height:.8; letter-spacing:-.1em; color:transparent; -webkit-text-stroke:2px rgba(255,255,255,.22); transform:rotate(-7deg); }
.hero-word-bow { left:8%; top:20%; }
.hero-word-hello { right:2%; top:38%; }

.hero-badge { position:absolute; z-index:6; left:5%; top:6%; width:190px; height:190px; padding:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border-radius:50%; background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.28), rgba(255,255,255,.08) 35%, rgba(125,77,154,.18) 36%, rgba(125,77,154,.18) 38%, rgba(247,241,231,.92) 39%, rgba(247,241,231,.92) 100%); border:3px solid var(--ink); box-shadow:0 14px 28px rgba(23,19,29,.18), 0 0 0 7px rgba(215,255,67,.9), 0 0 0 10px var(--ink); transform:rotate(-13deg); }
.hero-badge::before { content:""; position:absolute; inset:14px; border:2px dashed var(--purple); border-radius:50%; opacity:.7; }
.hero-badge-top,.hero-badge-bottom { position:relative; z-index:1; font-size:10px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.hero-badge strong { position:relative; z-index:1; margin:6px 0 3px; font-family:var(--display); font-size:58px; line-height:.8; letter-spacing:-.08em; color:var(--purple-dark); }
.hero-badge em { position:relative; z-index:1; font-style:normal; font-size:12px; line-height:1.05; font-weight:900; letter-spacing:.08em; }
.hero-badge-bottom { margin-top:7px; color:var(--purple); }

.scribble { position:absolute; z-index:5; color:var(--acid); font-size:42px; animation:sparkle 1.8s ease-in-out infinite; }
.scribble-one { left:15%; top:27%; }
.scribble-two { right:15%; bottom:20%; animation-delay:.7s; }
@keyframes sparkle { 50% { transform:scale(.6) rotate(90deg); opacity:.45; } }

/* Seamless marquee: the bar is the flex/clip container; two identical sequences, each min-width:100% so a
   single sequence always spans the full viewport (space-around fills it evenly, no cut-off/gaps). Both
   animate translateX(-100%) — one sequence width — so the loop wraps perfectly at any screen width. */
.marquee { overflow:hidden; border-bottom:1px solid var(--border); background:var(--acid); transform:rotate(-1deg) scale(1.01); display:flex; flex-wrap:nowrap; margin-top:-3vh; position:relative; z-index:5; }
.marquee-seq { flex:0 0 auto; min-width:100%; display:flex; align-items:center; justify-content:space-around; padding:13px 0; font-family:var(--display); font-size:17px; letter-spacing:-.02em; animation:marquee 34s linear infinite; }
.marquee-seq span,.marquee-seq b { padding:0 15px; white-space:nowrap; }
.marquee-seq b { color:var(--purple); }
@keyframes marquee { from { transform:translateX(0); } to { transform:translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { .marquee-seq { animation:none; } }

.section-shell { padding:clamp(80px,9vw,150px) clamp(24px,5vw,80px); }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; max-width:1500px; margin:0 auto 55px; }
.section-heading h2 { font-size:clamp(56px,6vw,96px); }
.section-heading > p { max-width:390px; margin:0 0 8px; font-size:17px; line-height:1.55; color:#5d5660; }
.episode-grid { max-width:1500px; margin:auto; display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:18px; }
.episode-card { min-width:0; border:1px solid var(--border); background:#fffaf2; transition:transform .25s ease,box-shadow .25s ease; }
.episode-card:hover { transform:translateY(-7px) rotate(-.4deg); box-shadow:10px 12px 0 var(--ink); }
.episode-visual { position:relative; height:300px; overflow:hidden; padding:20px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:center; }
.episode-featured .episode-visual { height:360px; }
.episode-number { position:absolute; top:16px; left:16px; z-index:2; padding:7px 9px; background:var(--ink); color:white; font-size:10px; font-weight:800; letter-spacing:.1em; }
.episode-visual > strong { position:absolute; left:18px; bottom:16px; font-family:var(--display); font-size:clamp(28px,3.3vw,52px); letter-spacing:-.06em; }
.visual-one { background:linear-gradient(145deg,#8a5ca3,#efa1d5); }
.visual-two { background:linear-gradient(145deg,#cbe5ff,#68a8f5); }
.visual-three { background:linear-gradient(145deg,#e8ff89,#b4db22); }
.fake-meter { display:flex; align-items:flex-end; gap:9px; height:145px; transform:skew(-7deg); }
.fake-meter i { display:block; width:24px; background:var(--ink); animation:meter 1.2s ease-in-out infinite alternate; }
.fake-meter i:nth-child(1){height:20%;}.fake-meter i:nth-child(2){height:42%;animation-delay:.1s}.fake-meter i:nth-child(3){height:65%;animation-delay:.2s}.fake-meter i:nth-child(4){height:82%;animation-delay:.3s}.fake-meter i:nth-child(5){height:100%;animation-delay:.4s;background:var(--acid)}
@keyframes meter { to { transform:scaleY(.65); transform-origin:bottom; } }
.brain-lines { width:170px; height:140px; display:flex; align-items:center; justify-content:center; gap:8px; border:7px solid var(--ink); border-radius:50%; transform:rotate(-8deg); }
.brain-lines i { width:7px; border-radius:99px; background:var(--ink); animation:brain .8s ease-in-out infinite alternate; }
.brain-lines i:nth-child(1){height:28%}.brain-lines i:nth-child(2){height:60%;animation-delay:.1s}.brain-lines i:nth-child(3){height:90%;animation-delay:.2s}.brain-lines i:nth-child(4){height:55%;animation-delay:.3s}.brain-lines i:nth-child(5){height:78%;animation-delay:.4s}.brain-lines i:nth-child(6){height:35%;animation-delay:.5s}
@keyframes brain { to { height:20%; } }
.sound-ring { position:relative; width:85px; height:85px; border:8px solid var(--ink); border-radius:50%; }
.sound-ring::after { content:""; position:absolute; inset:23px; background:var(--ink); border-radius:50%; }
.sound-ring i { position:absolute; inset:-8px; border:5px solid var(--ink); border-radius:50%; animation:ring 1.8s ease-out infinite; }
.sound-ring i:nth-child(2){animation-delay:.5s}.sound-ring i:nth-child(3){animation-delay:1s}
@keyframes ring { to { transform:scale(2.6); opacity:0; } }
.visual-four { background:linear-gradient(145deg,#ffb15c,#ff7a59); }
.visual-five { background:linear-gradient(145deg,#ff9aa8,#ff5470); }
.visual-six { background:linear-gradient(145deg,#8ff0c8,#2fd39a); }
.wave-dots { display:flex; align-items:center; gap:14px; height:120px; transform:skew(-6deg); }
.wave-dots i { display:block; width:22px; height:22px; border-radius:50%; background:var(--ink); animation:dropWave 1s ease-in-out infinite; }
.wave-dots i:nth-child(2){animation-delay:.12s}.wave-dots i:nth-child(3){animation-delay:.24s;background:var(--acid)}.wave-dots i:nth-child(4){animation-delay:.36s}.wave-dots i:nth-child(5){animation-delay:.48s}
@keyframes dropWave { 0%,100%{transform:translateY(-24px);} 50%{transform:translateY(24px);} }
.flip-coin { width:118px; height:118px; border-radius:50%; border:8px solid var(--ink); display:grid; place-items:center; animation:coinFlip 1.5s cubic-bezier(.66,0,.34,1) infinite; }
.flip-coin::after { content:""; width:42px; height:42px; border-radius:50%; background:var(--ink); }
@keyframes coinFlip { to { transform:rotateY(360deg); } }
.orbit { position:relative; width:118px; height:118px; border:7px solid var(--ink); border-radius:50%; animation:orbitSpin 2.6s linear infinite; }
.orbit i { position:absolute; top:-12px; left:50%; width:24px; height:24px; margin-left:-12px; border-radius:50%; background:var(--acid); border:4px solid var(--ink); }
@keyframes orbitSpin { to { transform:rotate(360deg); } }
.episode-copy { padding:23px 22px 25px; }
.episode-copy p { margin:0 0 11px; color:var(--purple); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.episode-copy h3 { margin:0; min-height:83px; font-size:20px; line-height:1.25; letter-spacing:-.035em; }
.episode-copy a { display:flex; justify-content:space-between; margin-top:22px; padding-top:16px; border-top:1px solid var(--border); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }

.lab { padding-top:0; }
.lab-panel { max-width:1500px; min-height:620px; margin:auto; padding:clamp(45px,7vw,100px); display:flex; align-items:center; justify-content:space-between; gap:40px; overflow:hidden; color:white; background:var(--ink); position:relative; }
.lab-panel::before { content:""; position:absolute; inset:-20%; background:radial-gradient(circle at 15% 20%,rgba(125,77,154,.8),transparent 34%),radial-gradient(circle at 90% 90%,rgba(215,255,67,.16),transparent 30%); }
.lab-copy { position:relative; z-index:2; max-width:870px; }
.eyebrow.light span { background:var(--acid); }
.lab h2 { font-size:clamp(54px,6.4vw,105px); }
.lab h2 em { color:var(--acid); -webkit-text-stroke:1px white; text-shadow:4px 4px 0 var(--purple); }
.lab-copy > p:not(.eyebrow) { max-width:580px; margin:28px 0; color:#c8c4cb; line-height:1.6; }
.light-button { color:var(--ink); background:white; border-color:white; }
.light-button:hover { box-shadow:0 8px 0 var(--acid); }
.lab-stamp { position:relative; z-index:2; flex:0 0 330px; height:330px; display:grid; place-content:center; text-align:center; border:9px solid var(--acid); border-radius:50%; transform:rotate(11deg); color:var(--acid); box-shadow:0 0 0 10px var(--ink),0 0 0 13px var(--acid); }
.lab-stamp span { font-size:13px; font-weight:800; letter-spacing:.25em; }
.lab-stamp strong { display:block; margin:12px 0; font-family:var(--display); font-size:38px; line-height:.92; letter-spacing:-.05em; }
.lab-stamp i { font-style:normal; font-weight:800; }

.about { position:relative; min-height:760px; display:grid; place-items:center; overflow:hidden; }
.about-word { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-6deg); font-family:var(--display); font-size:clamp(180px,28vw,420px); letter-spacing:-.12em; color:transparent; -webkit-text-stroke:2px rgba(125,77,154,.14); white-space:nowrap; }
.about-content { position:relative; max-width:980px; text-align:center; }
.about-lead { color:var(--purple); font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.about-copy { max-width:760px; margin:24px auto 0; color:#5d5660; font-size:18px; line-height:1.6; }
.about-content h2 { margin:18px 0 0; font-family:var(--display); font-size:clamp(44px,5.2vw,86px); line-height:.96; letter-spacing:-.06em; }
.about-content h2 em { color:var(--purple); font-style:normal; }
.about-pop { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:36px; }
.about-pop span { display:inline-flex; align-items:center; justify-content:center; min-width:122px; height:62px; padding:0 18px; border:3px solid var(--ink); background:white; box-shadow:6px 6px 0 var(--ink); font-family:var(--display); font-size:34px; line-height:1; letter-spacing:-.06em; animation:aboutPop 1.8s ease-in-out infinite; }
.about-pop span:nth-child(2) { background:var(--purple); color:white; animation-delay:.18s; }
.about-pop span:nth-child(3) { animation-delay:.34s; }
.about-pop span:nth-child(4) { background:var(--acid); animation-delay:.52s; }
@keyframes aboutPop { 0%,100% { transform:translateY(0) scale(1); } 35% { transform:translateY(-8px) scale(1.08) rotate(-2deg); } 70% { transform:translateY(0) scale(.96) rotate(1deg); } }
.footer { min-height:170px; padding:38px clamp(24px,5vw,80px); display:flex; align-items:center; gap:35px; background:var(--purple-dark); color:white; }
.footer-logo { font-size:30px; }
.footer-logo .logo-bow { color:white; }.footer-logo .logo-hello { color:var(--acid); }
.footer p { margin-right:auto; color:#d9cce1; font-size:13px; }
.footer div { display:flex; gap:20px; font-size:12px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }

@media (max-width: 1050px) {
  .hero { grid-template-columns:1fr; }
  .hero-copy { min-height:720px; }
  .hero-art { min-height:760px; }
  .episode-grid { grid-template-columns:1fr 1fr; }
  .episode-featured { grid-column:1/-1; }
  .lab-stamp { flex-basis:260px; height:260px; }
  .lab-stamp strong { font-size:30px; }
}
@media (max-width: 760px) {
  .site-header { height:68px; padding:0 18px; }
  .nav { display:none; }
  .header-cta { margin-left:auto; padding:10px 13px; font-size:10px; }
  .logo { font-size:23px; }
  .intro-character { width:75vw; max-height:72vh; }
  .intro-zias { right:-30%; bottom:-3%; }
  .intro-blou { left:-15%; bottom:-2%; }
  .callout-bow { right:8%; top:36%; }
  .callout-hello { left:8%; top:44%; }
  .callout span { border-width:4px; font-size:clamp(48px,17vw,88px); }
  .intro-brand { -webkit-text-stroke:3px var(--ink); filter:drop-shadow(6px 6px 0 var(--ink)); }
  .hero { min-height:auto; }
  .hero-copy { min-height:auto; padding:85px 24px 65px; }
  .hero h1 { font-size:clamp(34px,12vw,64px); }   /* fit each forced line (WELCOME TO THE / HOOD RESEARCH / DEPARTMENT HQ) on one row, incl. the wider Arial Black fallback */
  .hero-actions { align-items:flex-start; flex-direction:column; }
  .hero-proof { gap:17px; overflow:auto; }
  .hero-proof div { flex-direction:column; align-items:flex-start; min-width:88px; }
  .hero-art { min-height:600px; }
  .hero-zias { width:78%; right:-22%; }
  .hero-blou { width:83%; left:-22%; }
  .hero-badge { width:132px; height:132px; top:4%; left:4%; padding:12px; box-shadow:0 10px 18px rgba(23,19,29,.15), 0 0 0 5px rgba(215,255,67,.9), 0 0 0 7px var(--ink); }
  .hero-badge strong { font-size:36px; }
  .hero-badge em { font-size:9px; }
  .hero-badge-top,.hero-badge-bottom { font-size:7px; }
  .section-heading { display:block; }
  .section-heading > p { margin-top:25px; }
  .episode-grid { grid-template-columns:1fr; }
  .episode-featured { grid-column:auto; }
  .episode-visual,.episode-featured .episode-visual { height:300px; }
  .lab-panel { min-height:760px; display:block; padding:56px 25px; }
  .lab-stamp { width:220px; height:220px; margin:80px auto 0; }
  .lab-stamp strong { font-size:26px; }
  .about-copy { font-size:16px; }
  .about-pop { gap:10px; }
  .about-pop span { min-width:96px; height:52px; font-size:28px; box-shadow:4px 4px 0 var(--ink); }
  .footer { flex-wrap:wrap; }
  .footer p { width:100%; order:3; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}