:root {
  --bg:      #0D0818;
  --bg2:     #180F30;
  --bg3:     #241648;
  --pink:    #FF1A7A;
  --amber:   #FFB830;
  --purple:  #8B86E8;
  --cream:   #FFFAF0;
  --mid:     #D8CCEE;
  --muted:   #8870AA;
  --white:   #FFFFFF;
  --fd:      'Gloock', Georgia, serif;
  --fb:      'Plus Jakarta Sans', sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
img { filter:saturate(1.2); }
html { scroll-behavior: smooth; }
body { font-family: var(--fb); background: var(--bg); color: var(--cream); overflow-x: hidden; cursor: none; }
img { display: block; max-width: 100%; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
a { text-decoration: none; color: inherit; }
button { cursor: none; font-family: var(--fb); }

/* ── GRAIN ─────────────────────────────────────────────── */
.grain {
  position: fixed; inset: 0; pointer-events: none; z-index: 9000; opacity: .16;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}

/* ── CURSOR ────────────────────────────────────────────── */
#cur   { position:fixed; width:10px; height:10px; border-radius:50%; background:var(--pink); pointer-events:none; z-index:99999; transform:translate(-50%,-50%); transition:width .3s,height .3s,background .3s; }
#cring { position:fixed; width:34px; height:34px; border-radius:50%; border:1.5px solid rgba(238,46,123,.45); pointer-events:none; z-index:99998; transform:translate(-50%,-50%); transition:width .4s,height .4s; }
#clabel{ position:fixed; pointer-events:none; z-index:99999; font-size:.55rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#fff; transform:translate(-50%,-50%); opacity:0; transition:opacity .2s; white-space:nowrap; }
body.c-play #cur    { width:54px; height:54px; background:var(--pink); }
body.c-play #cring  { width:70px; height:70px; border-color:rgba(238,46,123,.2); }
body.c-play #clabel { opacity:1; }
body.c-link #cur    { width:18px; height:18px; background:var(--amber); }
body.c-link #cring  { width:42px; height:42px; border-color:rgba(242,153,33,.35); }

/* ── NAV ───────────────────────────────────────────────── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:9000;
  background: rgba(15,10,24,0.92); backdrop-filter:blur(20px) saturate(1.4);
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:box-shadow .3s, background .35s ease, border-color .35s ease;
}
/* home page: on arrival the hero owns the full window — nav is hidden,
   then fades/slides in once the visitor starts scrolling */
body.home nav {
  transform:translateY(-100%); opacity:0; pointer-events:none;
  transition:transform .55s cubic-bezier(.22,1,.36,1), opacity .45s ease,
             box-shadow .3s, background .35s ease, border-color .35s ease;
}
body.home nav.revealed {
  transform:translateY(0); opacity:1; pointer-events:auto;
}
nav.scrolled { box-shadow:0 4px 28px rgba(0,0,0,.4); }
.nav-in { max-width:1200px; margin:0 auto; padding:0 2rem; height:70px; display:flex; align-items:center; justify-content:space-between; }
.nav-logo img { height:36px; width:auto; }
.nav-links-desktop { display:flex; align-items:center; gap:2rem; list-style:none; }
.nav-links-desktop a { font-size:.72rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:var(--mid); transition:color .2s; position:relative; padding-bottom:3px; }
.nav-links-desktop a::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:var(--pink); transform:scaleX(0); transition:transform .25s; transform-origin:left; }
.nav-links-desktop a:hover, .nav-links-desktop a.on { color:var(--cream); }
.nav-links-desktop a:hover::after, .nav-links-desktop a.on::after { transform:scaleX(1); }
.nav-links-desktop .nav-cta { background:var(--pink); color:#fff !important; padding:.45rem 1.1rem; border-radius:100px; letter-spacing:.1em; }
.nav-links-desktop .nav-cta::after { display:none; }
.nav-links a { font-size:.72rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:var(--mid); transition:color .2s; position:relative; padding-bottom:3px; }
.nav-links a::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:var(--pink); transform:scaleX(0); transition:transform .25s; transform-origin:left; }
.nav-links a:hover { color:var(--cream); }
.nav-links a:hover::after { transform:scaleX(1); }
.nav-cta { background:var(--pink)!important; color:#fff!important; padding:0 1.3rem!important; height:36px!important; border-radius:100px; display:inline-flex!important; align-items:center!important; justify-content:center!important; line-height:1!important; letter-spacing:.13em!important; }
.nav-cta::after { display:none!important; }
.nav-cta:hover { transform:translateY(-2px)!important; box-shadow:0 6px 20px rgba(238,46,123,.4)!important; color:#fff!important; }
.nav-icons { display:flex; gap:.55rem; }
.nav-icons a { width:32px; height:32px; border-radius:50%; border:1.5px solid var(--muted); display:flex; align-items:center; justify-content:center; color:var(--mid); transition:all .2s; }
.nav-icons a:hover { background:var(--pink); border-color:var(--pink); color:#fff; }

/* ── HERO CAROUSEL ──────────────────────────────────────── */
.hero {
  margin:0; padding:0; position:relative;
  width:100%; height:100vh; height:100svh; min-height:600px;
  overflow:hidden; background:#0F0A18;
}
.hero-slides {
  display:flex; width:100%; height:100%;
  transition:transform .75s cubic-bezier(.77,0,.18,1);
}
.hero-slide {
  flex:0 0 100%; height:100%; position:relative; overflow:hidden;
}
.hero-slide img {
  width:100%; height:100%; object-fit:cover;
  object-position:var(--focus, center center);
  background:#0F0A18; display:block;
  filter:brightness(1.06) saturate(1.6) contrast(1.07);
}
/* legibility scrim — darkens the text side + base */
.hero-scrim {
  position:absolute; inset:0; z-index:2; pointer-events:none;
  background:
    linear-gradient(90deg, rgba(12,7,22,.86) 0%, rgba(12,7,22,.62) 30%, rgba(12,7,22,.20) 56%, transparent 76%),
    linear-gradient(0deg, rgba(12,7,22,.42) 0%, transparent 38%);
}
.hero-slide.text-right .hero-scrim {
  background:
    linear-gradient(270deg, rgba(12,7,22,.86) 0%, rgba(12,7,22,.62) 30%, rgba(12,7,22,.20) 56%, transparent 76%),
    linear-gradient(0deg, rgba(12,7,22,.42) 0%, transparent 38%);
}
/* overlaid content */
.hero-content {
  position:absolute; z-index:4; top:50%; transform:translateY(-50%);
  left:clamp(1.5rem,6vw,6rem); max-width:min(760px,62%);
}
.hero-slide.text-right .hero-content {
  left:auto; right:clamp(1.5rem,6vw,6rem); text-align:right;
  max-width:min(660px,54%);
}
.hero-eyebrow {
  display:inline-flex; align-items:center; gap:.7rem;
  color:var(--amber); font-family:var(--fb); font-size:.7rem;
  font-weight:700; letter-spacing:.28em; text-transform:uppercase;
  margin-bottom:1.3rem;
}
.hero-slide.text-right .hero-eyebrow { flex-direction:row-reverse; }
.hero-eq { display:inline-flex; align-items:flex-end; gap:2px; height:13px; }
.hero-eq i { width:2.5px; background:var(--amber); border-radius:1px; animation:eq 1s ease-in-out infinite; }
.hero-eq i:nth-child(1){ height:40%; animation-delay:0s; }
.hero-eq i:nth-child(2){ height:100%; animation-delay:.15s; }
.hero-eq i:nth-child(3){ height:60%; animation-delay:.3s; }
.hero-eq i:nth-child(4){ height:85%; animation-delay:.45s; }
@keyframes eq { 0%,100%{ transform:scaleY(.4) } 50%{ transform:scaleY(1) } }
.hero-quote {
  font-family:var(--fd); font-weight:400; color:#fff;
  text-transform:uppercase; letter-spacing:.005em;
  font-size:clamp(1.8rem,3.4vw,3.3rem); line-height:1.08;
  text-shadow:0 2px 34px rgba(0,0,0,.55);
}
.hero-qmark { color:var(--pink); margin-right:.06em; }
.hero-with {
  display:inline-block; margin-top:1.9rem;
  background:linear-gradient(100deg,var(--purple) 0%,var(--pink) 100%);
  color:#fff; font-family:var(--fb); font-weight:700;
  font-size:.82rem; letter-spacing:.09em; text-transform:uppercase;
  padding:.58rem 1.35rem; border-radius:100px;
}
.hero-with span { opacity:.65; font-weight:500; margin-right:.35em; }
.hero-cta { margin-top:1.7rem; display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; }
.hero-slide.text-right .hero-cta { justify-content:flex-end; }
.hero-coming-soon {
  display:inline-block;
  font-family:var(--fb); font-size:.75rem; font-weight:700;
  letter-spacing:.15em; text-transform:uppercase;
  color:#fff;
  background:linear-gradient(90deg, var(--purple), var(--pink));
  padding:.55rem 1.4rem; border-radius:100px;
}
.hero-watch {
  display:inline-flex; align-items:center; gap:.7rem;
  background:#fff; color:#0F0A18; font-family:var(--fb);
  font-weight:700; font-size:.9rem; padding:.5rem 1.5rem .5rem .5rem;
  border-radius:100px; transition:transform .25s, box-shadow .25s;
}
.hero-watch:hover { transform:translateY(-2px); box-shadow:0 12px 34px rgba(0,0,0,.45); }
.hero-watch .hero-play-ic { width:34px; height:34px; flex-shrink:0; }
.hero-episodes {
  display:inline-flex; align-items:center; gap:.45rem;
  color:rgba(255,255,255,.72); font-family:var(--fb);
  font-weight:600; font-size:.85rem; letter-spacing:.02em;
  transition:color .2s;
}
.hero-episodes:hover { color:#fff; }
/* arrow buttons */
.hero-arrow {
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:10; background:rgba(15,10,24,.45); backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.18); color:#fff;
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:all .25s;
}
.hero-arrow:hover { background:var(--pink); border-color:var(--pink); transform:translateY(-50%) scale(1.08); }
.hero-arrow svg { width:18px; height:18px; stroke:currentColor; stroke-width:2; fill:none; }
.hero-prev { left:1.5rem; }
.hero-next { right:1.5rem; }
/* dot indicators */
.hero-dots {
  position:absolute; bottom:1.5rem; left:50%; transform:translateX(-50%);
  z-index:10; display:flex; gap:.5rem;
}
.hero-dot {
  width:8px; height:8px; border-radius:50%;
  background:rgba(255,255,255,.35); border:none; cursor:pointer;
  transition:all .3s; padding:0;
}
.hero-dot.on { background:var(--pink); transform:scale(1.25); }
@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }

/* ── TICKER ────────────────────────────────────────────── */
.ticker-wrap { background:var(--bg2); overflow:hidden; border-top:2px solid var(--pink); border-bottom:2px solid rgba(255,255,255,.04); }
.ticker-track { display:flex; width:max-content; animation:tick 50s linear infinite; }
.ticker-track:hover { animation-play-state:paused; }
@keyframes tick { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.ti { display:inline-flex; align-items:center; gap:.8rem; padding:.92rem 2rem; white-space:nowrap; }
.ti-name { font-family:var(--fd); font-size:1rem; color:var(--cream); }
.ti-status { font-size:.58rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--amber); border:1px solid rgba(242,153,33,.35); border-radius:100px; padding:.15rem .55rem; }
.ti-sep { color:var(--pink); font-size:1.1rem; opacity:.5; }
.tdot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }
.tdot.p { background:var(--pink); }
.tdot.a { background:var(--amber); }
.tdot.live { background:var(--pink); animation:pulse 1.6s ease-in-out infinite; }
@keyframes pulse { 0%,100%{box-shadow:0 0 0 3px rgba(238,46,123,.3)} 50%{box-shadow:0 0 0 7px rgba(238,46,123,.08)} }

/* ── YT STRIP ──────────────────────────────────────────── */
.yt-strip { background:var(--bg); padding:2.5rem 2rem; border-top:1px solid rgba(255,255,255,.04); }
.yt-in { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:center; gap:2.75rem; flex-wrap:wrap; }
.yt-text strong { font-family:var(--fd); font-size:1.45rem; color:var(--cream); display:block; }
.yt-text p { font-size:.78rem; color:var(--mid); margin-top:.25rem; letter-spacing:.07em; }
.yt-btn { display:flex; align-items:center; gap:.7rem; background:#FF0000; color:#fff; font-size:.84rem; font-weight:700; padding:.88rem 1.9rem; border-radius:100px; transition:all .25s; white-space:nowrap; }
.yt-btn:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(255,0,0,.45); }
.yt-btn svg { width:20px; }

/* ── SECTION COMMONS ───────────────────────────────────── */
section { padding:6rem 2rem; }
.wrap { max-width:1200px; margin:0 auto; }
.s-tag { font-size:.67rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--purple); margin-bottom:.6rem; display:flex; align-items:center; gap:.6rem; clip-path:inset(0 100% 0 0); transition:clip-path .8s cubic-bezier(.16,1,.3,1); }
.s-tag::after { content:''; width:30px; height:2px; background:var(--purple); opacity:.4; }
.s-tag.in { clip-path:inset(0 0% 0 0); }
.s-title { font-family:var(--fd); font-size:clamp(1.9rem,3vw,2.8rem); line-height:1.13; color:var(--cream); margin-bottom:.85rem; }
.line-wrap { display:block; }
.line-inner { display:block; transform:translateY(100%); transition:transform .85s cubic-bezier(.16,1,.3,1); }
.line-inner.in { transform:translateY(0); }
.s-sub { font-size:.96rem; line-height:1.78; color:var(--mid); max-width:540px; }
.fade-p { opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.fade-p.in { opacity:1; transform:translateY(0); }

/* ── ABOUT — MAGAZINE LAYOUT ────────────────────────────── */
.about-sec { background:var(--bg); padding:0; overflow:hidden; }
.about-magazine {
  display:grid; grid-template-columns:1fr 1fr; min-height:680px;
}
/* LEFT: Nilanjana full bleed */
.about-photo {
  position:relative; overflow:hidden;
}
.about-photo img {
  width:100%; height:100%; object-fit:cover; object-position:center top;
  filter:contrast(1.04) saturate(1.1) brightness(1.06);
  transition:transform 8s ease;
}
.about-photo:hover img { transform:scale(1.04); }
.about-photo-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to right, transparent 60%, var(--bg) 100%),
             linear-gradient(to top, rgba(15,10,24,.7) 0%, transparent 40%);
}
.about-photo-credit {
  position:absolute; bottom:2rem; left:2rem;
  font-size:.65rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
  color:rgba(255,255,255,.4);
}
/* RIGHT: editorial copy */
.about-editorial {
  padding:5rem 4rem 5rem 3rem;
  display:flex; flex-direction:column; justify-content:flex-start;
  background:var(--bg);
}
.about-our-story {
  font-family: var(--fd);
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  color: var(--amber);
  letter-spacing: 0.04em;
  margin-bottom: 0.35rem;
  opacity: 0.85;
}
.about-anchor-name {
  font-family:var(--fd); font-size:clamp(2.8rem,4vw,4rem);
  line-height:1.0; color:var(--cream); margin:0.75rem 0 0.25rem;
}
.about-anchor-name span { color:var(--pink); }
.about-anchor-role {
  font-size:.7rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:var(--amber); margin-bottom:1.75rem;
  display:flex; align-items:center; gap:.65rem;
}
.about-anchor-role::before { content:''; width:24px; height:2px; background:var(--amber); }
.about-body {
  font-size:.95rem; line-height:1.88; color:var(--mid);
}
.about-body p { margin-bottom:1.1rem; }
.about-body p:last-child { margin-bottom:0; }
.about-body strong { color:var(--cream); font-weight:600; }
.about-body em { color:var(--pink); font-style:italic; }
/* Our Story — standalone, left-aligned */
.about-story-solo {
  max-width:860px; margin:0 auto;
  padding:6rem 2rem 5.5rem; text-align:left;
}
.about-story-solo .about-body {
  text-align:left; margin-top:1.75rem;
}
/* Team strip — host photo + copy */
.about-team-strip {
  background:#1A1035;
  padding:0 2rem 0;
  border-top:1px solid rgba(255,255,255,.05);
}
.about-team-inner {
  max-width:1200px; margin:0 auto;
  display:grid; grid-template-columns:0.9fr 1.1fr; gap:3.5rem; align-items:center;
  min-height:600px;
}
.team-host {
  position:relative;
  height:600px;
  display:flex; align-items:flex-end; justify-content:center;
}
.team-host img {
  position:absolute; bottom:0; left:50%; transform:translateX(-50%);
  height:100%; width:auto; max-width:none;
  object-fit:contain; object-position:bottom center;
  filter:drop-shadow(0 32px 80px rgba(0,0,0,.7)) brightness(1.1) contrast(1.06) saturate(1.3);
}
.team-host-credit {
  position:absolute; bottom:26%; left:50%; transform:translateX(-50%);
  text-align:center; white-space:nowrap; z-index:2;
}
.team-host-credit-name {
  display:block;
  font-family:var(--fd);
  font-size:clamp(2.4rem,3.2vw,3.4rem);
  font-weight:400; line-height:1.1;
  color:var(--cream); letter-spacing:-.01em;
  text-shadow:0 2px 24px rgba(0,0,0,.8);
}
.team-host-credit-role {
  display:block;
  font-size:.62rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:var(--pink); margin-top:.35rem;
  text-shadow:0 2px 12px rgba(0,0,0,.7);
}
/* Mobile credit hidden on desktop, desktop credit shown */
.team-host-credit--mobile { display:none; }
.team-host-credit--desktop { display:block; }
.team-copy { display:flex; flex-direction:column; gap:2.25rem; }
.team-half { padding:0; }
.team-half-second { border-top:1px solid rgba(255,255,255,.08); padding-top:2.25rem; }
.team-half-label { font-size:.65rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--purple); margin-bottom:.6rem; }
.team-half-pull {
  font-family:var(--fd); font-size:clamp(1.1rem,1.8vw,1.5rem);
  line-height:1.3; color:var(--cream); margin-bottom:.75rem;
}
.team-half-pull span { color:var(--pink); }
.team-half-body { font-size:.85rem; line-height:1.72; color:var(--mid); }

/* ── THE COLLECTIVE ────────────────────────────────────── */
.collective-sec {
  background:var(--bg2);
  padding:5rem 2rem;
  border-top:1px solid rgba(255,255,255,.05);
  text-align:center;
}
.collective-inner { max-width:800px; margin:0 auto; }
.collective-title {
  font-family:var(--fd);
  font-size:clamp(2rem,3.5vw,3.2rem);
  line-height:1.15; color:var(--cream);
  margin:1rem 0 1.5rem;
}
.collective-title span { color:var(--pink); }
.collective-body {
  font-size:.95rem; line-height:1.88; color:var(--mid);
  max-width:640px; margin:0 auto;
}

/* ── QUOTE STRIP ───────────────────────────────────────── */
.quote-strip {
  position:relative; overflow:hidden;
  background:linear-gradient(135deg, var(--bg) 0%, #1E0B2E 50%, #0F0A18 100%);
  padding:5rem 2rem; display:flex; align-items:center; justify-content:center;
}
.quote-strip .logo-bg {
  position:absolute; width:520px; height:520px;
  top:50%; left:50%; transform:translate(-50%,-50%);
  opacity:.06; pointer-events:none;
}
.quote-strip::before { content:''; position:absolute; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle, rgba(238,46,123,.16) 0%, transparent 70%); top:-200px; right:-100px; pointer-events:none; animation:ob 10s ease-in-out infinite; }
.quote-strip::after { content:''; position:absolute; width:400px; height:400px; border-radius:50%; background:radial-gradient(circle, rgba(94,90,167,.22) 0%, transparent 70%); bottom:-150px; left:-80px; pointer-events:none; animation:ob 8s ease-in-out infinite; animation-delay:4s; }
.quote-text { position:relative; z-index:2; text-align:center; }
.quote-text blockquote { font-family:var(--fd); font-size:clamp(1.8rem,3.8vw,3.4rem); line-height:1.18; max-width:820px; margin:0 auto; }
.quote-text blockquote .w1 { color:#fff; }
.quote-text blockquote .w2 { color:var(--pink); }
.quote-text blockquote .oq { color:var(--pink); }
.quote-text cite { display:block; font-family:var(--fb); font-size:.72rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--amber); margin-top:1.5rem; font-style:normal; }

/* ── CAROUSEL ───────────────────────────────────────────── */
.gallery-sec { background:var(--bg); overflow:hidden; padding-bottom:4rem; }
.gallery-head { margin-bottom:3rem; }
.carousel-outer { width:100%; padding:2rem 0 1rem; }
.carousel-track {
  display:flex; gap:1.6rem; justify-content:center;
  padding:1rem 2rem 2rem; overflow-x:auto;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  scrollbar-width:none; cursor:grab;
}
.carousel-track::-webkit-scrollbar { display:none; }
.carousel-track.dragging { cursor:grabbing; user-select:none; scroll-snap-type:none; }
.pod-card {
  flex:0 0 260px; height:380px; position:relative; border-radius:20px; overflow:hidden;
  scroll-snap-align:center;
  transition:transform .55s cubic-bezier(.25,.46,.45,.94), box-shadow .55s ease, opacity .45s ease, flex-basis .45s ease, height .45s ease;
  opacity:.45; transform:scale(.92) translateY(16px); will-change:transform,opacity;
  border:1px solid rgba(255,255,255,.06);
}
.pod-card.active {
  flex:0 0 340px; height:480px; opacity:1; transform:scale(1) translateY(0);
  box-shadow:0 40px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(238,46,123,.2); z-index:3;
}
.pod-card img { width:100%; height:100%; object-fit:cover; object-position:center top; transition:transform .6s ease; color:transparent; }
.pod-card.active img { transform:scale(1.04); }
.pod-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(15,10,24,.98) 0%, rgba(15,10,24,.3) 45%, transparent 100%); transition:background .5s ease; }
.pod-card.active .pod-overlay { background:linear-gradient(to top, rgba(238,46,123,.95) 0%, rgba(94,90,167,.55) 45%, transparent 100%); }
.pod-info { position:absolute; bottom:0; left:0; right:0; padding:1.5rem 1.5rem 1.4rem; opacity:0; visibility:hidden; transition:opacity .4s ease, visibility .4s ease; }
.pod-card.active .pod-info { opacity:1; visibility:visible; }
.pod-q { font-family:var(--fd); font-size:clamp(.9rem,1.3vw,1.1rem); color:#fff; line-height:1.45; max-height:0; overflow:hidden; opacity:0; margin-bottom:0; transition:max-height .5s ease, opacity .4s ease, margin-bottom .4s ease; }
.pod-card.active .pod-q { max-height:140px; opacity:1; margin-bottom:.6rem; }
.pod-name { font-size:.65rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.75); margin-bottom:.6rem; }
.badge { display:inline-block; font-size:.58rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; padding:.26rem .75rem; border-radius:100px; }
.badge-soon { background:var(--amber); color:var(--bg); }
.badge-live { background:var(--pink); color:#fff; }
.carousel-arrows { display:flex; justify-content:center; align-items:center; gap:1rem; margin-top:1.5rem; }
.c-arrow { width:44px; height:44px; border-radius:50%; border:1.5px solid var(--muted); background:rgba(255,255,255,.04); display:flex; align-items:center; justify-content:center; transition:all .25s; }
.c-arrow:hover { background:var(--pink); border-color:var(--pink); transform:scale(1.08); }
.c-arrow:hover svg path { stroke:#fff; }
.c-arrow svg { width:16px; }
.c-arrow svg path { stroke:var(--mid); stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.carousel-dots { display:flex; justify-content:center; gap:.5rem; margin-top:1rem; }
.c-dot { width:8px; height:8px; border-radius:100px; background:var(--muted); cursor:pointer; transition:all .35s cubic-bezier(.34,1.56,.64,1); }
.c-dot.on { width:28px; background:var(--pink); }
.gallery-foot { text-align:center; margin-top:2.5rem; }
.btn-outline { display:inline-block; padding:.88rem 2.5rem; border:1.5px solid var(--muted); border-radius:100px; font-size:.78rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--cream); transition:all .3s; }
.btn-outline:hover { border-color:var(--pink); color:var(--pink); transform:translateY(-2px); }

/* ── JHUMRI ─────────────────────────────────────────────── */
.jhumri-sec { background:var(--bg2); }
.jhumri-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }
.jhumri-body { font-size:.94rem; line-height:1.84; color:var(--mid); margin:1.5rem 0; }
.jhumri-body p { margin-bottom:1rem; }
.j-note { border-left:3px solid var(--amber); padding:1rem 1.3rem; border-radius:0 12px 12px 0; background:rgba(242,153,33,.07); font-size:.88rem; font-style:italic; color:var(--cream); line-height:1.7; }
.form-box { background:var(--bg3); border-radius:22px; padding:2.5rem; border:1px solid rgba(255,255,255,.07); border-top:3px solid var(--pink); opacity:0; transform:translateX(40px); transition:opacity .9s ease, transform .9s cubic-bezier(.16,1,.3,1); }
.form-box.in { opacity:1; transform:translateX(0); }
.fg { margin-bottom:1.15rem; }
.fg label { display:block; font-size:.67rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--purple); margin-bottom:.45rem; }
.fg input, .fg textarea { width:100%; padding:.82rem 1rem; border:1.5px solid var(--muted); border-radius:10px; font-family:var(--fb); font-size:.9rem; color:var(--cream); background:rgba(255,255,255,.04); transition:border-color .2s, box-shadow .2s; outline:none; }
.fg input::placeholder, .fg textarea::placeholder { color:var(--muted); }
.fg input:focus, .fg textarea:focus { border-color:var(--pink); box-shadow:0 0 0 3px rgba(238,46,123,.1); }
.fg textarea { resize:vertical; min-height:108px; }
.btn-send { width:100%; padding:.95rem; color:#fff; border:none; border-radius:100px; font-size:.84rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; transition:all .3s; margin-top:.5rem; background:linear-gradient(90deg,var(--pink),var(--purple)); background-size:200%; background-position:0%; }
.btn-send:hover { background-position:100%; transform:translateY(-2px); box-shadow:0 10px 28px rgba(238,46,123,.38); }

/* ── LIGHTBOX ────────────────────────────────────────────── */
.lb { position:fixed; inset:0; z-index:9990; background:rgba(10,6,18,.97); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .35s; }
.lb.open { opacity:1; pointer-events:all; }
.lb-in { position:relative; width:90vw; max-width:980px; aspect-ratio:16/9; }
.lb-in iframe { width:100%; height:100%; border:none; border-radius:14px; }
.lb-x { position:absolute; top:-50px; right:0; background:none; border:none; color:#fff; font-size:1.8rem; opacity:.6; transition:opacity .2s; }
.lb-x:hover { opacity:1; }

/* ── FOOTER ──────────────────────────────────────────────── */
footer { background:var(--bg); color:var(--cream); padding:4.5rem 2rem 2rem; border-top:1px solid rgba(255,255,255,.05); }
.ft-grid { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr; gap:4rem; padding-bottom:3rem; border-bottom:1px solid rgba(255,255,255,.06); }
.ft-brand img { height:44px; margin-bottom:1.15rem; }
.ft-tag { font-size:.87rem; line-height:1.78; color:var(--mid); max-width:270px; }
.ft-soc { display:flex; gap:.6rem; margin-top:1.4rem; }
.ft-soc a { width:36px; height:36px; border-radius:50%; border:1.5px solid var(--muted); display:flex; align-items:center; justify-content:center; color:var(--mid); transition:all .2s; }
.ft-soc a:hover { background:var(--pink); border-color:var(--pink); color:#fff; }
.ft-col h4 { font-size:.65rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--amber); margin-bottom:1.15rem; padding-bottom:.5rem; border-bottom:1px solid rgba(242,153,33,.35); display:inline-block; }
.ft-col ul { list-style:none; }
.ft-col li { margin-bottom:.6rem; }
.ft-col a { font-size:.86rem; color:var(--mid); transition:color .2s; }
.ft-col a:hover { color:var(--cream); }
.ft-bot { max-width:1200px; margin:0 auto; padding-top:1.6rem; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
.ft-bot p { font-size:.74rem; color:var(--muted); }
.ft-bot a { color:var(--mid); }
.ft-bot a:hover { color:var(--pink); }

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media(max-width:960px){
  .about-story-solo { padding:4rem 1.75rem 3.5rem; }
  .about-team-inner { grid-template-columns:1fr; gap:2.5rem; justify-items:center; }
  .team-host img { max-width:300px; }
  .team-copy { max-width:640px; }
  .team-half { padding:0; }
  .jhumri-grid,.ft-grid { grid-template-columns:1fr; gap:2.5rem; }
  .nav-icons { display:none; }
}
@media(max-width:640px){
  .nav-links { display:none; }
  .nav-links.open { display:flex; }
  .yt-in { flex-direction:column; text-align:center; }
  .hero-q { font-size:clamp(1.9rem,7.5vw,3rem); }
  .pod-card { flex:0 0 240px; height:320px; }
  .pod-card.active { flex:0 0 280px; height:380px; }
  body { cursor:auto; }
  #cur,#cring,#clabel { display:none; }
  /* ── HERO on phones: full-bleed photo, text anchored bottom-left ── */
  .hero-content {
    top:auto; bottom:5.5rem; transform:none;
    left:1.3rem; right:1.3rem; max-width:100%; text-align:left;
  }
  .hero-slide.text-right .hero-content {
    left:1.3rem; right:1.3rem; text-align:left;
  }
  .hero-slide.text-right .hero-eyebrow { flex-direction:row; }
  .hero-scrim, .hero-slide.text-right .hero-scrim {
    background:linear-gradient(0deg, rgba(15,10,24,.92) 0%, rgba(15,10,24,.72) 26%, rgba(15,10,24,.30) 50%, transparent 78%);
  }
  .hero-quote { font-size:clamp(1.55rem,6.6vw,2.3rem); line-height:1.12; }
  .hero-eyebrow { margin-bottom:1rem; }
  .hero-with { margin-top:1.3rem; }
  .hero-cta { margin-top:1.2rem; }
  /* swipe + dots drive the carousel on phones; arrows off */
  .hero-arrow { display:none; }
  .hero-dots { bottom:1.8rem; }
}
/* ── INTRO OVERLAY ─────────────────────────────────────── */
#intro {
  position:fixed; inset:0; z-index:9999;
  background:#0F0A18;
  display:flex; align-items:center; justify-content:center;
  transition:opacity .8s ease;
}
#intro.fade-out { opacity:0; pointer-events:none; }
#intro-video {
  width:100%; height:100%;
  object-fit:cover;
}
#intro-unmute {
  position:absolute; bottom:2rem; right:2rem;
  background:rgba(255,255,255,.12); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.2);
  color:#fff; font-family:var(--fb); font-size:.75rem;
  font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  padding:.55rem 1.2rem; border-radius:100px;
  cursor:pointer; transition:all .25s;
  display:flex; align-items:center; gap:.5rem;
}
#intro-unmute:hover { background:rgba(238,46,123,.4); border-color:var(--pink); }
#intro-unmute svg { width:14px; height:14px; }
#intro-skip {
  position:absolute; bottom:2rem; left:2rem;
  background:transparent;
  border:1px solid rgba(255,255,255,.2);
  color:rgba(255,255,255,.5); font-family:var(--fb); font-size:.72rem;
  font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  padding:.55rem 1.2rem; border-radius:100px;
  cursor:pointer; transition:all .25s;
}
#intro-skip:hover { color:#fff; border-color:rgba(255,255,255,.5); }

/* ── WHY THE VOCAL STORY ───────────────────────────────── */
.why-sec {
  position:relative; overflow:hidden;
  background:
    radial-gradient(900px 420px at 15% 0%, rgba(94,90,167,.30) 0%, transparent 62%),
    radial-gradient(760px 420px at 88% 100%, rgba(238,46,123,.20) 0%, transparent 60%),
    linear-gradient(180deg, var(--bg) 0%, #191033 55%, var(--bg) 100%);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  padding:6rem 2rem;
}
.why-inner { max-width:940px; margin:0 auto; }
.why-title {
  font-family:var(--fd); font-size:clamp(2.3rem,4.2vw,3.6rem);
  line-height:1.04; color:var(--white); margin:.75rem 0 1.6rem;
}
.why-title span {
  background:linear-gradient(100deg,var(--amber) 0%,var(--pink) 55%,var(--purple) 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.why-lede {
  font-family:var(--fd); font-size:clamp(1.15rem,1.9vw,1.5rem);
  line-height:1.5; color:#F3ECFF; margin-bottom:1.8rem;
  padding-left:1.2rem; border-left:3px solid var(--pink);
}
.why-body { font-size:1rem; line-height:1.9; color:#C9BBDD; }
.why-body p { margin-bottom:1.15rem; }
.why-body strong { color:var(--white); font-weight:600; }
.why-body em { color:var(--pink); font-style:italic; }
.why-drum {
  font-family:var(--fd); font-size:clamp(1.1rem,1.7vw,1.35rem);
  line-height:1.5; color:var(--white);
}
.why-chips { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:2.2rem; }
.why-chip {
  font-family:var(--fb); font-size:.76rem; font-weight:600;
  letter-spacing:.02em; color:#EADFF7;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius:100px; padding:.5rem 1rem;
  backdrop-filter:blur(6px);
  transition:all .25s;
}
.why-chip:hover {
  color:#fff; border-color:var(--pink);
  background:linear-gradient(100deg, rgba(94,90,167,.5), rgba(238,46,123,.5));
  transform:translateY(-2px);
}
@media(max-width:640px){
  .why-sec { padding:4rem 1.5rem; }
  .why-lede { padding-left:1rem; }
}

/* ── TOP PODCASTS (glitz prototype) ────────────────────── */
.tp-sec {
  position:relative; overflow:hidden;
  background:
    radial-gradient(1100px 520px at 80% -5%, rgba(238,46,123,.22) 0%, transparent 60%),
    radial-gradient(900px 500px at 5% 105%, rgba(94,90,167,.28) 0%, transparent 62%),
    linear-gradient(180deg, var(--bg) 0%, #1B1136 50%, var(--bg) 100%);
  padding:6rem 2rem;
}
.tp-head { margin-bottom:3.25rem; }
.tp-title {
  font-family:var(--fd); font-size:clamp(2.3rem,4.4vw,3.7rem);
  line-height:1.05; color:var(--white); margin:.7rem 0 .9rem;
}
.tp-title span {
  background:linear-gradient(100deg,var(--amber) 0%,var(--pink) 50%,var(--purple) 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.tp-sub { font-size:.98rem; color:#C4B5DA; }

.tp-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:2rem;
}
.tp-card {
  display:block; border-radius:20px; overflow:hidden;
  background:linear-gradient(165deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.03) 100%);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px);
  box-shadow:0 18px 44px rgba(0,0,0,.42);
  transition:transform .4s cubic-bezier(.34,1.4,.64,1), box-shadow .4s ease, border-color .3s ease;
}
.tp-card:hover {
  transform:translateY(-8px);
  border-color:rgba(238,46,123,.55);
  box-shadow:0 28px 70px rgba(0,0,0,.55), 0 0 34px rgba(238,46,123,.30);
}
.tp-thumb { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; }
.tp-thumb img {
  width:100%; height:100%; object-fit:cover; object-position:center 18%;
  transition:transform .6s ease; color:transparent;
  filter:brightness(1.05) saturate(1.55) contrast(1.06);
}
.tp-card:hover .tp-thumb img { transform:scale(1.06); }
.tp-dur {
  position:absolute; bottom:.6rem; right:.6rem; z-index:3;
  background:rgba(0,0,0,.82); color:#fff;
  font-family:var(--fb); font-size:.7rem; font-weight:700;
  padding:.2rem .5rem; border-radius:5px;
}
.tp-play {
  position:absolute; inset:0; z-index:2;
  display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity .3s; background:rgba(15,10,24,.35);
}
.tp-card:hover .tp-play { opacity:1; }
.tp-play svg {
  width:64px; height:44px; padding:10px 16px;
  background:linear-gradient(100deg,var(--pink),var(--amber));
  border-radius:11px; box-shadow:0 8px 26px rgba(238,46,123,.55);
}
.tp-meta { padding:1.15rem 1.3rem 1.35rem; }
.tp-chan { display:flex; align-items:center; gap:.55rem; margin-bottom:.7rem; font-size:.74rem; font-weight:700; color:#CFC0E4; }
.tp-yt {
  width:26px; height:26px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 14px rgba(238,46,123,.45);
}
.tp-yt svg { width:13px; }
.tp-name {
  font-family:var(--fd); font-size:1.02rem; line-height:1.38;
  color:#FFF8EC; margin-bottom:.7rem;
}
.tp-stats { display:flex; align-items:center; gap:.45rem; font-size:.74rem; color:#B3A2C9; }
.tp-eye { display:inline-flex; }
.tp-eye svg { width:13px; height:13px; opacity:.65; }
.tp-dot { opacity:.5; margin:0 .1rem; }
.tp-soon-badge { display:inline-block; font-size:.65rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#EE2E7B; border:1px solid rgba(238,46,123,.35); padding:.25rem .65rem; border-radius:100px; }

.tp-foot { display:flex; justify-content:center; margin-top:3rem; }
.tp-all {
  display:inline-flex; align-items:center; gap:.6rem;
  font-family:var(--fb); font-weight:700; font-size:.9rem;
  letter-spacing:.03em; color:#fff;
  background:linear-gradient(100deg,var(--purple) 0%,var(--pink) 55%,var(--amber) 130%);
  padding:.95rem 2.1rem; border-radius:100px;
  box-shadow:0 12px 34px rgba(238,46,123,.42);
  transition:transform .25s, box-shadow .25s;
}
.tp-all:hover { transform:translateY(-3px); box-shadow:0 18px 46px rgba(238,46,123,.60); }
.tp-all span { transition:transform .25s; }
.tp-all:hover span { transform:translateX(4px); }

@media(max-width:860px){
  .tp-grid { grid-template-columns:1fr; gap:1.6rem; }
}
@media(max-width:640px){
  .tp-sec { padding:4rem 1.5rem; }
}

/* ── PODCAST PAGE ──────────────────────────────────────── */
.pg-hero {
  margin-top:70px; padding:5.5rem 2rem 3.5rem;
  position:relative; overflow:hidden; text-align:center;
  background:
    radial-gradient(900px 420px at 50% 0%, rgba(238,46,123,.26) 0%, transparent 62%),
    radial-gradient(700px 400px at 12% 100%, rgba(94,90,167,.30) 0%, transparent 60%),
    linear-gradient(180deg, #150D28 0%, var(--bg) 100%);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.pg-hero .s-tag { justify-content:center; }
.pg-title {
  font-family:var(--fd); font-size:clamp(2.5rem,5vw,4.2rem);
  line-height:1.04; color:var(--white); margin:.7rem 0 1rem;
}
.pg-title span {
  background:linear-gradient(100deg,var(--amber) 0%,var(--pink) 52%,var(--purple) 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.pg-sub { max-width:620px; margin:0 auto; font-size:1rem; line-height:1.75; color:#C4B5DA; }
.pg-sec { background:var(--bg); padding:4.5rem 2rem 6rem; }
.pg-flow {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:2rem; max-width:1200px; margin:0 auto;
}
@media(max-width:640px){
  .pg-hero { padding:4rem 1.5rem 3rem; }
  .pg-sec { padding:3rem 1.5rem 4rem; }
  .pg-flow { grid-template-columns:1fr; gap:1.6rem; }
}
.nav-links a.on { color:var(--cream); }
.nav-links a.on::after { transform:scaleX(1); }

/* ══ BRIGHTNESS PASS — site-wide lift ═════════════════════ */

/* ambient luminosity behind the whole page so black reads rich, not flat */
body {
  background:
    radial-gradient(1200px 700px at 82% 4%, rgba(123,118,212,.16) 0%, transparent 60%),
    radial-gradient(1000px 620px at 6% 42%, rgba(255,61,139,.11) 0%, transparent 58%),
    radial-gradient(1100px 700px at 92% 88%, rgba(255,177,61,.09) 0%, transparent 60%),
    var(--bg);
  background-attachment:fixed;
}

/* host portrait glow */
.team-host img { filter:drop-shadow(0 24px 60px rgba(0,0,0,.5)) brightness(1.07) saturate(1.1); }

/* card thumbnails — lift out of the murk */
.tp-thumb img { filter:brightness(1.08) saturate(1.12); }

/* TICKER — brighter bar */
.ticker-wrap {
  background:linear-gradient(90deg, #241648 0%, #2E1D55 50%, #241648 100%);
  border-top:2px solid var(--pink);
  box-shadow:0 0 34px rgba(255,61,139,.22);
}
.ti-name { color:#FFF6E8; }

/* YOUTUBE STRIP — luminous band */
.yt-strip {
  background:
    radial-gradient(700px 260px at 50% 50%, rgba(123,118,212,.20) 0%, transparent 70%),
    var(--bg2);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.yt-text strong { color:#FFF8EC; }
.yt-text p { color:var(--mid); }
.yt-btn { box-shadow:0 10px 30px rgba(255,0,0,.35); }

/* ABOUT — lift the story block off flat black */
.about-sec { background:transparent; }
.about-story-solo .about-body { color:#CDBEE4; }
.about-anchor-name { color:#FFF8EC; }

/* TEAM STRIP */
.about-team-strip {
  background:
    radial-gradient(800px 400px at 20% 10%, rgba(123,118,212,.22) 0%, transparent 62%),
    linear-gradient(180deg, #1B1136 0%, #241645 100%);
  border-top:1px solid rgba(255,255,255,.09);
}
.team-half-body { color:#C6B7DE; }
.team-half-pull { color:#FFF8EC; }

/* QUOTE STRIP */
.quote-strip {
  background:
    radial-gradient(900px 420px at 50% 50%, rgba(255,61,139,.18) 0%, transparent 65%),
    linear-gradient(180deg, var(--bg) 0%, #1D1238 55%, var(--bg) 100%);
}
.quote-text blockquote { color:#FFF8EC; }

/* JHUMRI / FORM */
.jhumri-sec {
  background:
    radial-gradient(900px 460px at 88% 12%, rgba(123,118,212,.20) 0%, transparent 62%),
    radial-gradient(760px 420px at 8% 92%, rgba(255,61,139,.14) 0%, transparent 60%),
    var(--bg2);
}
.jhumri-body { color:#C6B7DE; }
.form-box, .j-note { color:#D3C6E8; }
input, textarea, select {
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.20) !important;
  color:#FFF6E8 !important;
}
input::placeholder, textarea::placeholder { color:#A493BE; }

/* FOOTER */
footer {
  background:linear-gradient(180deg, #1A1033 0%, #120B20 100%);
  border-top:1px solid rgba(255,255,255,.09);
}
.ft-tag, .ft-col a { color:var(--mid); }
.ft-col h4 { color:#FFF8EC; }

/* generic type lift */
.s-tag { color:#A79FF0; }
.s-title, h2, h3 { color:#FFF8EC; }

/* ══════════════════════════════════════════════════════════
   RESPONSIVE — Full mobile pass
   Breakpoints: 960px (tablet), 640px (phone)
   ══════════════════════════════════════════════════════════ */

/* ── HAMBURGER BUTTON ────────────────────────────────────── */
.nav-hamburger {
  display:none;
  flex-direction:column; justify-content:center; gap:5px;
  width:36px; height:36px; background:none; border:none;
  cursor:pointer; padding:4px; z-index:200;
}
.nav-hamburger span {
  display:block; width:22px; height:2px;
  background:var(--cream); border-radius:2px;
  transition:transform .3s ease, opacity .3s ease;
  transform-origin:center;
}
.nav-hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity:0; }
.nav-hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* ── TABLET 960px ────────────────────────────────────────── */
@media(max-width:960px) {

  /* Nav */
  .nav-icons { display:none; }

  /* About story solo */
  .about-story-solo { padding:4rem 1.75rem 3.5rem; }

  /* Arvind strip — stack vertically */
  .about-team-inner {
    grid-template-columns:1fr;
    gap:0;
    justify-items:center;
  }
  .team-host { width:100%; }
  .team-host img { max-width:320px; }
  .team-copy {
    max-width:640px; width:100%;
    padding:3rem 2rem;
    text-align:center;
  }
  .team-half { padding:0; }
  .team-half-pull, .team-half-body { text-align:center; }

  /* Collective */
  .collective-sec { padding:4rem 1.75rem; }
  .collective-title { font-size:clamp(1.8rem,3.5vw,2.8rem); }

  /* Form + footer grid */
  .jhumri-grid, .ft-grid { grid-template-columns:1fr; gap:2.5rem; }

  /* Quote strip */
  .quote-strip { padding:4rem 2rem; }
  .quote-text blockquote { font-size:clamp(1.6rem,4vw,2.6rem); }
}

/* ── PHONE 640px ─────────────────────────────────────────── */
@media(max-width:640px) {

  /* Cursor off on touch */
  body { cursor:auto; }
  #cur,#cring,#clabel { display:none; }

  /* ── NAV ── */
  .nav-links {
    display:flex; flex-direction:column;
    position:fixed; top:0; left:0; right:0; bottom:0;
    background:#0D0818;
    padding:6rem 2rem 3rem;
    gap:1.8rem;
    transform:translateX(100%);
    transition:transform .35s cubic-bezier(.77,0,.18,1);
    z-index:8998;
  }
  .nav-links.open { transform:translateX(0); }
  .nav-links li { opacity:0; transform:translateX(20px); transition:opacity .3s ease, transform .3s ease; }
  .nav-links.open li { opacity:1; transform:translateX(0); }
  .nav-links.open li:nth-child(1) { transition-delay:.1s; }
  .nav-links.open li:nth-child(2) { transition-delay:.18s; }
  .nav-links.open li:nth-child(3) { transition-delay:.26s; }
  .nav-links a { font-size:1.5rem; color:var(--cream); }
  .nav-links .nav-cta {
    display:inline-block; margin-top:.5rem;
    font-size:1rem; padding:.7rem 1.8rem;
  }
  .nav-hamburger { display:flex; }
  .nav-icons { display:none; }
  .nav-links-desktop { display:none; }

  /* ── HERO ── */
  .hero { height:100svh; }
  .hero-content {
    top:auto; bottom:5.5rem; transform:none;
    left:1.3rem; right:1.3rem; max-width:100%; text-align:left;
  }
  .hero-slide.text-right .hero-content { left:1.3rem; right:1.3rem; text-align:left; }
  .hero-slide.text-right .hero-eyebrow { flex-direction:row; }
  .hero-scrim, .hero-slide.text-right .hero-scrim {
    background:linear-gradient(0deg, rgba(13,8,24,.95) 0%, rgba(13,8,24,.7) 28%, rgba(13,8,24,.25) 55%, transparent 80%);
  }
  .hero-quote { font-size:clamp(1.45rem,6.2vw,2.1rem); line-height:1.14; }
  .hero-eyebrow { margin-bottom:.9rem; font-size:.62rem; }
  .hero-with { margin-top:1rem; }
  .hero-cta { margin-top:1rem; }
  .hero-arrow { display:none; }
  .hero-dots { bottom:1.8rem; }

  /* ── TICKER ── */
  .ticker-wrap { padding:.55rem 0; }
  .ti-name { font-size:.9rem; }

  /* ── YOUTUBE STRIP ── */
  .yt-in { flex-direction:column; text-align:center; gap:1.2rem; }
  .yt-text { text-align:center; }

  /* ── ABOUT STORY ── */
  .about-story-solo { padding:3.5rem 1.4rem 3rem; }
  .about-anchor-name { font-size:clamp(2.4rem,9vw,3.8rem); }
  .about-body p { font-size:.9rem; }

  /* ── ARVIND STRIP ── */
  .about-team-strip { padding:0; }
  .about-team-inner {
    grid-template-columns:1fr; gap:0;
    display:flex; flex-direction:column;
  }
  /* Show mobile credit (order 1), hide desktop credit */
  .team-host-credit--mobile {
    display:block; order:1;
    position:static !important; transform:none !important;
    text-align:center; padding:1.5rem 1rem .5rem; width:100%;
    bottom:auto; left:auto;
  }
  .team-host-credit--desktop { display:none; }
  /* Description second */
  .team-copy { padding:1rem 1.4rem 1rem; text-align:center; order:2; max-width:100%; }
  .team-half-label { text-align:center; }
  .team-half-pull { font-size:1rem; text-align:center; }
  .team-half-body { font-size:.82rem; text-align:center; }
  /* Image third with matching gap above */
  .team-host {
    height:auto !important; width:100%;
    display:flex !important; flex-direction:column; align-items:center;
    padding-top:0 !important; padding-bottom:0; order:3 !important;
    position:static !important;
  }
  .team-host img {
    position:static !important; transform:none !important;
    width:85%; max-width:360px; height:auto !important;
    object-fit:contain; object-position:bottom center;
    display:block; margin:-1rem auto 0 !important;
    left:auto !important; bottom:auto !important;
  }
  .team-host-credit-name { font-size:2.2rem; }

  /* ── COLLECTIVE ── */
  .collective-sec { padding:3.5rem 1.4rem; }
  .collective-title { font-size:clamp(1.7rem,7.5vw,2.4rem); }
  .collective-body { font-size:.88rem; }

  /* ── QUOTE STRIP ── */
  .quote-strip { padding:3.5rem 1.4rem; }
  .quote-text blockquote { font-size:clamp(1.5rem,6.5vw,2.2rem); }
  .logo-bg { width:180px; opacity:.06; }

  /* ── TOP PODCASTS ── */
  .tp-sec { padding:3.5rem 1.4rem; }
  .tp-grid { grid-template-columns:1fr; gap:1.4rem; }
  .tp-title { font-size:clamp(2rem,7.5vw,2.8rem); }

  /* ── JHUMRI FORM ── */
  .jhumri-sec { padding:3.5rem 1.4rem; }
  .jhumri-grid { grid-template-columns:1fr; gap:2rem; }
  .jhumri-title { font-size:clamp(2rem,7.5vw,2.8rem); }
  .jhumri-body { font-size:.9rem; }
  .form-box { padding:1.5rem; }
  .fg input, .fg textarea { font-size:.9rem; }

  /* ── FOOTER ── */
  footer { padding:3rem 1.4rem 1.5rem; }
  .ft-grid { grid-template-columns:1fr; gap:2rem; }
  .ft-brand { max-width:100%; text-align:left; }
  .ft-brand img { margin:0; }
  .ft-tag { text-align:left; }
  .ft-socials { justify-content:flex-start; }
  .ft-col { text-align:left; }
  .ft-bottom { flex-direction:column; gap:.75rem; text-align:left; font-size:.72rem; }

  /* ── WHY SECTION ── */
  .why-sec { padding:3.5rem 1.4rem; }
  .why-lede { padding-left:0; font-size:.92rem; }

  /* ── PODCAST PAGE ── */
  .pg-hero { padding:4rem 1.4rem 3rem; }
  .pg-sec { padding:3rem 1.4rem 4rem; }
  .pg-flow { grid-template-columns:1fr; gap:1.4rem; }
}