:root {
  --pink: #fb6da0;
  --pink-deep: #ef4f8c;
  --aqua: #0bd3d3;
  --violet: #b967ff;
  --coral: #ff8e72;
  --cream: #fff9e3;
  --ink: #292553;
  --ink-2: #454166;
  --muted: #706d86;
  --line: #e6e3ed;
  --mist: #f8f7fb;
  --white: #ffffff;
  --shadow: 0 20px 60px rgba(41, 37, 83, 0.12);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--white);
  color: var(--ink);
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

body,
button,
input,
textarea {
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

img {
  display: block;
  max-width: 100%;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1,
h2,
h3 {
  line-height: 1.04;
  letter-spacing: -0.04em;
}

h1,
h2 {
  font-family: "Trebuchet MS", var(--font-geist-sans), sans-serif;
}

h1 {
  font-size: clamp(3.15rem, 7vw, 7.1rem);
  font-weight: 700;
}

h2 {
  font-size: clamp(2.25rem, 4.4vw, 4.9rem);
  font-weight: 700;
}

h3 {
  font-size: 1.3rem;
}

em {
  color: var(--pink-deep);
  font-style: normal;
  font-weight: 500;
}

::selection {
  background: var(--pink);
  color: var(--ink);
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.skip-link {
  background: var(--ink);
  color: white;
  left: 1rem;
  padding: 0.65rem 1rem;
  position: fixed;
  top: -4rem;
  z-index: 200;
}

.skip-link:focus {
  top: 1rem;
}

.section-shell {
  margin: 0 auto;
  max-width: 1240px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}

.section {
  padding: 110px 0;
}

.site-header {
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid rgba(230, 227, 237, 0.8);
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(18px);
}

.nav-shell {
  align-items: center;
  display: flex;
  height: 88px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1380px;
  padding: 0 30px;
}

.brand-link {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  height: 76px;
  overflow: hidden;
  width: 180px;
}

.brand-link img {
  height: auto;
  width: 180px;
}

.desktop-nav {
  align-items: center;
  display: flex;
  gap: 30px;
  margin-left: auto;
  margin-right: 34px;
}

.desktop-nav a {
  color: var(--ink-2);
  font-size: 0.85rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  position: relative;
}

.desktop-nav a::after {
  background: linear-gradient(90deg, var(--pink), var(--aqua));
  bottom: -7px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
  width: 100%;
}

.desktop-nav a:hover::after,
.desktop-nav a:focus-visible::after {
  transform: scaleX(1);
}

.nav-actions {
  align-items: center;
  display: flex;
  gap: 14px;
}

.button {
  align-items: center;
  background: var(--pink);
  border: 1px solid var(--pink);
  border-radius: 999px;
  color: var(--ink);
  display: inline-flex;
  font-size: 0.85rem;
  font-weight: 760;
  gap: 10px;
  justify-content: center;
  letter-spacing: 0.01em;
  min-height: 51px;
  padding: 0 24px;
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.button:hover,
.button:focus-visible {
  background: var(--aqua);
  border-color: var(--aqua);
  box-shadow: 0 11px 26px rgba(11, 211, 211, 0.22);
  transform: translateY(-2px);
}

.button-small {
  min-height: 43px;
  padding: 0 19px;
}

.button-ghost {
  background: transparent;
  border-color: var(--line);
}

.button-dark {
  background: var(--ink);
  border-color: var(--ink);
  color: white;
}

.button-light {
  background: white;
  border-color: white;
  color: var(--ink);
}

.play-dot {
  align-items: center;
  background: currentColor;
  border-radius: 50%;
  display: inline-flex;
  height: 19px;
  justify-content: center;
  position: relative;
  width: 19px;
}

.play-dot::after {
  border-bottom: 3.5px solid transparent;
  border-left: 5px solid white;
  border-top: 3.5px solid transparent;
  content: "";
  margin-left: 2px;
}

.menu-button {
  align-items: center;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 50%;
  display: none;
  flex-direction: column;
  gap: 5px;
  height: 43px;
  justify-content: center;
  width: 43px;
}

.menu-button span {
  background: var(--ink);
  height: 2px;
  width: 17px;
}

.mobile-nav {
  background: white;
  border-top: 1px solid var(--line);
  padding: 12px 24px 24px;
}

.mobile-nav a {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: flex;
  font-size: 1.15rem;
  font-weight: 700;
  justify-content: space-between;
  padding: 15px 0;
}

.home-hero {
  background: linear-gradient(145deg, #fff 0%, #fff 64%, #f5fbff 100%);
  min-height: 810px;
  overflow: hidden;
  padding: 70px 0 85px;
  position: relative;
}

.hero-grid {
  align-items: center;
  display: grid;
  gap: 50px;
  grid-template-columns: minmax(0, 1.08fr) minmax(440px, 0.92fr);
  min-height: 650px;
  position: relative;
  z-index: 2;
}

.hero-copy h1 {
  margin: 20px 0 25px;
  max-width: 790px;
}

.hero-copy em {
  background: linear-gradient(90deg, var(--pink-deep), var(--violet), var(--aqua));
  background-clip: text;
  color: transparent;
}

.hero-lede {
  color: var(--ink-2);
  font-size: clamp(1.12rem, 1.7vw, 1.35rem);
  line-height: 1.65;
  max-width: 650px;
}

.eyebrow {
  align-items: center;
  color: var(--pink-deep);
  display: flex;
  font-size: 0.74rem;
  font-weight: 800;
  gap: 9px;
  letter-spacing: 0.16em;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.eyebrow > span {
  background: var(--pink);
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.eyebrow.aqua { color: #009f9f; }
.eyebrow.violet { color: #8c42d5; }
.eyebrow.coral { color: #e65f43; }
.eyebrow.pink { color: var(--pink-deep); }

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.centered-row {
  justify-content: center;
}

.platform-row {
  align-items: center;
  color: var(--muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.76rem;
  gap: 14px;
  margin-top: 34px;
}

.platform-row > span {
  font-weight: 600;
  margin-right: 4px;
}

.platform-row a {
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  font-weight: 720;
}

.hero-visual {
  height: 620px;
  position: relative;
}

.disc-stage {
  animation: float 7s ease-in-out infinite;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.95), transparent 17%),
    radial-gradient(circle at 35% 40%, #76e2f0 0%, #0bd3d3 24%, #b967ff 58%, #fb6da0 83%, #ff8e72 100%);
  border-radius: 50%;
  box-shadow: -40px 45px 80px rgba(185, 103, 255, 0.22), inset -18px -22px 40px rgba(41,37,83,.18);
  height: 430px;
  overflow: hidden;
  position: absolute;
  right: 8px;
  top: 20px;
  transform: rotate(-8deg);
  width: 430px;
}

.disc-stage::before,
.disc-stage::after,
.disc-grid::before,
.disc-grid::after {
  border: 3px solid rgba(41, 37, 83, 0.62);
  border-radius: 50%;
  content: "";
  position: absolute;
}

.disc-stage::before { inset: 8% -55%; }
.disc-stage::after { inset: 21% -52%; }
.disc-grid::before { inset: 34% -48%; }
.disc-grid::after { inset: 45% -45%; }

.disc-grid {
  inset: 0;
  position: absolute;
}

.disc-grid {
  background:
    repeating-linear-gradient(77deg, transparent 0 31px, rgba(41,37,83,.66) 32px 35px, transparent 36px 61px);
  mix-blend-mode: multiply;
}

.disc-glow {
  background: radial-gradient(circle, rgba(255,255,255,.7), transparent 62%);
  border-radius: 50%;
  filter: blur(5px);
  height: 44%;
  left: 11%;
  position: absolute;
  top: 7%;
  width: 44%;
}

.featured-episode {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(230,227,237,.92);
  border-radius: 22px;
  bottom: 58px;
  box-shadow: var(--shadow);
  left: 0;
  max-width: 330px;
  padding: 25px;
  position: absolute;
  z-index: 3;
}

.featured-episode h2 {
  font-size: 1.6rem;
  margin: 9px 0 8px;
}

.featured-episode > p:not(.featured-number) {
  color: var(--muted);
  font-size: 0.84rem;
  margin-bottom: 20px;
}

.featured-kicker {
  align-items: center;
  color: var(--pink-deep);
  display: flex;
  font-size: 0.68rem;
  font-weight: 800;
  gap: 7px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pulse-dot {
  animation: pulse 2s infinite;
  background: var(--pink);
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.featured-number {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  margin: 18px 0 0;
}

.featured-episode .button {
  min-height: 42px;
  padding: 0 18px;
}

.wisdom-stamp {
  align-items: center;
  background: var(--ink);
  border-radius: 50%;
  color: white;
  display: flex;
  flex-direction: column;
  height: 130px;
  justify-content: center;
  position: absolute;
  right: -28px;
  top: 384px;
  transform: rotate(10deg);
  width: 130px;
  z-index: 2;
}

.wisdom-stamp::before {
  border: 1px dashed rgba(255,255,255,.55);
  border-radius: 50%;
  content: "";
  inset: 8px;
  position: absolute;
}

.wisdom-stamp span { font-size: .65rem; letter-spacing: .11em; text-transform: uppercase; }
.wisdom-stamp strong { color: var(--aqua); font-family: "Trebuchet MS", sans-serif; font-size: 1.4rem; }

.hero-prism {
  border-radius: 50%;
  filter: blur(2px);
  opacity: .5;
  position: absolute;
}

.hero-prism-one { background: var(--violet); height: 22px; left: 6%; top: 20%; width: 22px; }
.hero-prism-two { background: var(--coral); bottom: 12%; height: 14px; left: 42%; width: 14px; }

.values-marquee {
  background: var(--ink);
  color: white;
  overflow: hidden;
  padding: 15px 0;
  white-space: nowrap;
}

.values-marquee > div {
  animation: marquee 28s linear infinite;
  display: inline-flex;
}

.values-marquee span {
  align-items: center;
  display: inline-flex;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.values-marquee i {
  background: var(--pink);
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  margin: 0 27px;
  width: 6px;
}

.two-col-intro,
.editorial-grid {
  display: grid;
  gap: 80px;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.two-col-intro h2,
.editorial-grid h2 {
  margin-bottom: 0;
}

.two-col-intro > div:last-child,
.editorial-copy {
  align-self: center;
  color: var(--muted);
  font-size: 1.04rem;
  max-width: 600px;
}

.large-copy {
  color: var(--ink);
  font-size: 1.25rem;
  font-weight: 570;
  line-height: 1.6;
}

.promise-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 75px;
}

.promise-grid article {
  border: 1px solid var(--line);
  border-radius: 20px;
  min-height: 250px;
  padding: 30px;
  position: relative;
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.promise-grid article:hover {
  box-shadow: var(--shadow);
  transform: translateY(-5px);
}

.promise-grid article:nth-child(1) { border-top: 5px solid var(--pink); }
.promise-grid article:nth-child(2) { border-top: 5px solid var(--aqua); }
.promise-grid article:nth-child(3) { border-top: 5px solid var(--violet); }
.promise-grid article > span { color: var(--muted); font-family: var(--font-geist-mono); font-size: .72rem; }
.promise-grid h3 { font-size: 1.42rem; margin: 54px 0 13px; }
.promise-grid p { color: var(--muted); font-size: .92rem; margin-bottom: 0; }

.section-episodes {
  background: var(--mist);
}

.section-heading-row {
  align-items: end;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 48px;
}

.section-heading-row h2 {
  font-size: clamp(2.35rem, 4vw, 4.4rem);
  margin: 0;
}

.text-link {
  border-bottom: 1px solid currentColor;
  color: var(--ink);
  display: inline-block;
  font-size: .85rem;
  font-weight: 750;
  padding-bottom: 3px;
  width: fit-content;
}

.text-link:hover,
.text-link:focus-visible { color: var(--pink-deep); }

.topic-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 35px;
}

.topic-filters button {
  background: white;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink-2);
  cursor: pointer;
  font-size: .73rem;
  font-weight: 700;
  min-height: 38px;
  padding: 0 16px;
}

.topic-filters button.active,
.topic-filters button:hover {
  background: var(--ink);
  border-color: var(--ink);
  color: white;
}

.episode-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(3, 1fr);
}

.episode-card {
  background: white;
  border: 1px solid var(--line);
  border-radius: 20px;
  min-width: 0;
  overflow: hidden;
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.episode-card:hover {
  box-shadow: var(--shadow);
  transform: translateY(-6px);
}

.episode-art {
  background: var(--ink);
  height: 190px;
  overflow: hidden;
  position: relative;
}

.episode-art::before {
  background: radial-gradient(circle, var(--pink) 0, var(--violet) 40%, var(--aqua) 72%, transparent 73%);
  border-radius: 50%;
  content: "";
  height: 190px;
  position: absolute;
  right: -35px;
  top: -32px;
  width: 190px;
}

.accent-aqua .episode-art::before { background: radial-gradient(circle, #bfffff, var(--aqua) 42%, var(--violet) 72%, transparent 73%); }
.accent-violet .episode-art::before { background: radial-gradient(circle, #f5dfff, var(--violet) 44%, var(--pink) 72%, transparent 73%); }
.accent-coral .episode-art::before { background: radial-gradient(circle, #ffe8e1, var(--coral) 44%, var(--pink) 72%, transparent 73%); }

.episode-orbit {
  border: 2px solid rgba(255,255,255,.55);
  border-radius: 50%;
  position: absolute;
  right: -40px;
  z-index: 1;
}
.orbit-one { height: 170px; top: -18px; width: 220px; }
.orbit-two { height: 110px; top: 17px; width: 220px; }
.episode-number { color: white; font-family: "Trebuchet MS", sans-serif; font-size: 4rem; font-weight: 800; left: 24px; position: absolute; top: 20px; z-index: 2; }
.episode-wordmark { bottom: 20px; color: rgba(255,255,255,.75); font-size: .62rem; font-weight: 800; left: 27px; letter-spacing: .18em; position: absolute; }

.episode-copy { padding: 26px; }
.episode-meta { color: var(--muted); display: flex; font-size: .66rem; font-weight: 700; justify-content: space-between; letter-spacing: .06em; text-transform: uppercase; }
.episode-copy h3 { font-size: 1.35rem; line-height: 1.17; margin: 21px 0 7px; }
.episode-guest { color: var(--pink-deep) !important; font-size: .8rem !important; font-weight: 700; margin-bottom: 16px !important; }
.episode-copy > p { color: var(--muted); font-size: .85rem; line-height: 1.7; }
.episode-copy .text-link { margin-top: 8px; }
.empty-state { color: var(--muted); padding: 30px 0; }

.perspective-band {
  background: var(--ink);
  color: white;
  overflow: hidden;
  padding: 100px 0;
  position: relative;
}

.perspective-band::after {
  background: radial-gradient(circle, rgba(185,103,255,.55), transparent 67%);
  content: "";
  height: 600px;
  position: absolute;
  right: -220px;
  top: -270px;
  width: 600px;
}

.perspective-grid {
  align-items: start;
  display: grid;
  gap: 50px;
  grid-template-columns: 90px 1fr 1fr;
  position: relative;
  z-index: 2;
}

.quote-mark {
  color: var(--pink);
  font-family: Georgia, serif;
  font-size: 9rem;
  line-height: .7;
}

.perspective-grid h2 { color: white; margin: 5px 0 22px; }
.perspective-grid p { color: rgba(255,255,255,.72); }
.perspective-copy { border-left: 1px solid rgba(255,255,255,.18); padding-left: 50px; }
.perspective-copy > p:first-child { color: white; font-size: 1.22rem; }
.handwritten { color: var(--aqua) !important; font-family: Georgia, serif; font-size: 1.25rem; font-style: italic; }

.host-grid {
  align-items: center;
  display: grid;
  gap: 100px;
  grid-template-columns: .82fr 1.18fr;
}

.host-portrait,
.about-host-photo {
  position: relative;
}

.portrait-frame {
  background: var(--pink);
  border-radius: 48% 48% 20px 20px;
  box-shadow: 22px 24px 0 var(--aqua);
  height: 670px;
  overflow: hidden;
}

.portrait-frame img {
  height: 100%;
  object-fit: cover;
  object-position: 50% 35%;
  width: 100%;
}

.portrait-badge {
  background: white;
  border: 1px solid var(--line);
  border-radius: 16px;
  bottom: 24px;
  box-shadow: var(--shadow);
  padding: 20px 26px;
  position: absolute;
  right: -38px;
}

.portrait-badge span { color: var(--pink-deep); display: block; font-size: .65rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.portrait-badge strong { display: block; font-family: "Trebuchet MS", sans-serif; font-size: 1.35rem; line-height: 1.05; margin-top: 5px; }
.host-copy h2 { font-size: clamp(2.5rem, 4.4vw, 4.7rem); margin-bottom: 26px; }
.host-copy > p:not(.eyebrow) { color: var(--muted); }

.host-facts {
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin: 34px 0;
  padding: 25px 0;
}

.host-facts div { display: flex; flex-direction: column; }
.host-facts strong { color: var(--pink-deep); font-family: "Trebuchet MS", sans-serif; font-size: 2rem; }
.host-facts span { color: var(--muted); font-size: .72rem; line-height: 1.4; }

.values-section {
  background: linear-gradient(180deg, #fff, #f8fbff);
}

.section-heading.centered {
  margin: 0 auto 55px;
  max-width: 770px;
  text-align: center;
}

.section-heading.centered .eyebrow { justify-content: center; }
.section-heading h2 { margin-bottom: 0; }

.brand-values-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, 1fr);
}

.brand-values-grid article {
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  min-height: 210px;
  padding: 28px;
}

.brand-values-grid article:nth-child(6n+1) { box-shadow: inset 0 4px 0 var(--pink); }
.brand-values-grid article:nth-child(6n+2) { box-shadow: inset 0 4px 0 var(--violet); }
.brand-values-grid article:nth-child(6n+3) { box-shadow: inset 0 4px 0 var(--aqua); }
.brand-values-grid article:nth-child(6n+4) { box-shadow: inset 0 4px 0 var(--coral); }
.brand-values-grid article:nth-child(6n+5) { box-shadow: inset 0 4px 0 var(--pink); }
.brand-values-grid article:nth-child(6n+6) { box-shadow: inset 0 4px 0 var(--violet); }
.brand-values-grid span { color: var(--muted); font-family: var(--font-geist-mono); font-size: .7rem; }
.brand-values-grid h3 { font-size: 1.45rem; margin: 42px 0 11px; }
.brand-values-grid p { color: var(--muted); font-size: .88rem; margin-bottom: 0; }

.notes-section {
  background: linear-gradient(120deg, #2b2857, #432b6f 60%, #4c2e6e);
  color: white;
  padding: 90px 0;
}

.notes-grid {
  align-items: center;
  display: grid;
  gap: 90px;
  grid-template-columns: .9fr 1.1fr;
}

.notes-grid h2 { color: white; margin-bottom: 0; }
.notes-grid > div:last-child > p { color: rgba(255,255,255,.72); max-width: 620px; }

.inline-form {
  align-items: stretch;
  background: white;
  border: 1px solid var(--line);
  border-radius: 999px;
  display: flex;
  margin-top: 24px;
  padding: 5px;
  position: relative;
}

.inline-form input {
  background: transparent;
  border: 0;
  color: var(--ink);
  flex: 1;
  min-width: 0;
  outline: none;
  padding: 0 18px;
}

.inline-form button {
  background: var(--pink);
  border: 0;
  border-radius: 999px;
  color: var(--ink);
  cursor: pointer;
  font-size: .8rem;
  font-weight: 760;
  padding: 15px 21px;
}

.inline-form button:disabled,
.inquiry-form .button:disabled {
  cursor: wait;
  opacity: .66;
}

.iamwiser-honeypot {
  height: 1px !important;
  left: -10000px !important;
  overflow: hidden !important;
  position: absolute !important;
  top: auto !important;
  width: 1px !important;
}

.form-helper {
  bottom: -33px;
  color: rgba(255,255,255,.7) !important;
  font-size: .7rem;
  left: 15px;
  position: absolute;
}

.partnership-cta { overflow: hidden; }
.partnership-card { background: #f9f7ff; border: 1px solid var(--line); border-radius: 28px; overflow: hidden; padding-bottom: 90px; padding-top: 90px; position: relative; text-align: center; }
.partnership-card > *:not(.partnership-orbit) { margin-left: auto; margin-right: auto; max-width: 760px; position: relative; z-index: 2; }
.partnership-card .eyebrow { justify-content: center; }
.partnership-card h2 { font-size: clamp(2.6rem, 4.7vw, 5rem); margin-bottom: 20px; }
.partnership-card > p:not(.eyebrow) { color: var(--muted); }
.partnership-orbit { border: 55px solid rgba(11,211,211,.18); border-radius: 50%; height: 420px; position: absolute; right: -180px; top: -210px; width: 420px; }

.page-hero {
  background: linear-gradient(145deg, #fff 0, #faf8ff 100%);
  overflow: hidden;
  padding: 105px 0 115px;
  position: relative;
}

.page-hero::after {
  background: radial-gradient(circle, rgba(11,211,211,.17), transparent 66%);
  content: "";
  height: 600px;
  position: absolute;
  right: -170px;
  top: -280px;
  width: 600px;
}

.page-hero-grid,
.episodes-hero-grid {
  align-items: center;
  display: grid;
  gap: 90px;
  grid-template-columns: 1.15fr .85fr;
  position: relative;
  z-index: 2;
}

.page-hero h1 {
  font-size: clamp(3.3rem, 6.4vw, 6.7rem);
  margin: 20px 0 28px;
}

.page-hero p:not(.eyebrow) {
  color: var(--ink-2);
  font-size: 1.17rem;
  max-width: 700px;
}

.about-hero-card {
  background: var(--ink);
  border-radius: 50% 50% 22px 22px;
  color: white;
  min-height: 460px;
  padding: 150px 54px 50px;
  position: relative;
}

.about-hero-card::before { background: linear-gradient(135deg, var(--pink), var(--violet), var(--aqua)); border-radius: 50%; content: ""; height: 160px; left: 38px; position: absolute; top: 36px; width: 160px; }
.about-hero-card::after { border: 2px solid white; border-radius: 50%; content: ""; height: 160px; left: 66px; position: absolute; top: 52px; width: 160px; }
.about-hero-card p { color: white !important; font-family: Georgia, serif; font-size: 2rem !important; font-style: italic; line-height: 1.3; }
.about-hero-card span { color: var(--aqua); font-size: .75rem; font-weight: 700; text-transform: uppercase; }

.editorial-copy p:last-child { margin-bottom: 0; }
.process-section { background: var(--mist); }

.story-arc {
  display: grid;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.story-arc li {
  align-items: start;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 35px;
  grid-template-columns: 50px 1fr;
  padding: 28px 0;
}

.story-arc li:last-child { border-bottom: 1px solid var(--line); }
.story-arc li > span { align-items: center; background: var(--pink); border-radius: 50%; display: flex; font-family: var(--font-geist-mono); font-size: .68rem; height: 38px; justify-content: center; width: 38px; }
.story-arc li:nth-child(2) > span { background: var(--aqua); }
.story-arc li:nth-child(3) > span { background: var(--violet); }
.story-arc li:nth-child(4) > span { background: var(--coral); }
.story-arc li:nth-child(5) > span { background: var(--pink); }
.story-arc h3 { margin: 0 0 6px; }
.story-arc p { color: var(--muted); margin-bottom: 0; }

.about-host-grid {
  align-items: center;
  display: grid;
  gap: 90px;
  grid-template-columns: .85fr 1.15fr;
}

.about-host-photo img {
  border-radius: 240px 240px 22px 22px;
  height: 660px;
  object-fit: cover;
  width: 100%;
}

.photo-orbit { border: 22px solid var(--aqua); border-radius: 50%; bottom: -34px; height: 170px; position: absolute; right: -34px; width: 170px; }
.about-host-grid h2 { margin-bottom: 20px; }
.about-host-grid > div:last-child > p:not(.eyebrow) { color: var(--muted); }

.episodes-hero { background: linear-gradient(140deg, #fff, #f1fbff); }
.episode-hero-art { background: var(--ink); border-radius: 50%; color: white; height: 430px; justify-self: end; overflow: hidden; padding: 100px 70px; position: relative; width: 430px; }
.episode-hero-art::before { background: linear-gradient(145deg, var(--pink), var(--violet), var(--aqua)); border-radius: 50%; content: ""; height: 270px; position: absolute; right: -60px; top: -45px; width: 270px; }
.episode-hero-art::after { border: 2px solid rgba(255,255,255,.55); border-radius: 50%; content: ""; height: 300px; position: absolute; right: -80px; top: -20px; width: 350px; }
.episode-hero-art span { color: var(--aqua); display: block; font-family: "Trebuchet MS", sans-serif; font-size: 6rem; font-weight: 800; line-height: 1; position: relative; z-index: 2; }
.episode-hero-art strong { display: block; font-size: 1.15rem; line-height: 1.25; margin-left: 8px; position: relative; z-index: 2; }
.episode-archive { background: white; }
.archive-note { color: var(--muted); margin-bottom: 9px; }

.listen-band { background: var(--mist); padding: 90px 0; }
.listen-band-grid { align-items: center; display: grid; gap: 80px; grid-template-columns: 1fr 1fr; }
.listen-band h2 { margin-bottom: 0; }
.listen-links { display: grid; grid-template-columns: 1fr 1fr; }
.listen-links a { border-bottom: 1px solid var(--line); display: flex; font-weight: 740; justify-content: space-between; padding: 18px 6px; }
.listen-links a:hover { color: var(--pink-deep); }

.sponsor-hero { background: linear-gradient(145deg, #fff, #fff7f5); }
.sponsor-signal { align-items: center; display: flex; flex-direction: column; gap: 10px; justify-content: center; min-height: 470px; position: relative; }
.sponsor-signal i { background: linear-gradient(145deg, var(--coral), var(--pink), var(--violet)); border-radius: 50%; height: 360px; position: absolute; width: 360px; }
.sponsor-signal::before, .sponsor-signal::after { border: 2px solid var(--ink); border-radius: 50%; content: ""; height: 360px; position: absolute; width: 430px; z-index: 2; }
.sponsor-signal::after { height: 430px; width: 300px; }
.sponsor-signal span { background: white; border: 1px solid var(--line); border-radius: 999px; font-size: .72rem; font-weight: 800; letter-spacing: .15em; padding: 11px 20px; position: relative; z-index: 3; }
.partner-options { background: var(--mist); }

.guest-hero { background: linear-gradient(145deg, #fff, #fbf6ff); }
.guest-question { background: var(--ink); border-radius: 28px; color: white; min-height: 420px; overflow: hidden; padding: 100px 50px 45px; position: relative; }
.guest-question::before { background: linear-gradient(145deg, var(--violet), var(--pink)); border-radius: 50%; content: ""; height: 300px; position: absolute; right: -110px; top: -120px; width: 300px; }
.guest-question span { color: var(--aqua); font-size: .68rem; font-weight: 800; letter-spacing: .16em; }
.guest-question p { color: white !important; font-family: Georgia, serif; font-size: 2.25rem !important; font-style: italic; line-height: 1.25; margin-top: 25px; position: relative; z-index: 2; }
.guest-question i { bottom: -50px; color: var(--pink); font-family: "Trebuchet MS", sans-serif; font-size: 11rem; font-style: normal; font-weight: 800; position: absolute; right: 35px; }

.check-list { list-style: none; margin: 28px 0 0; padding: 0; }
.check-list li { border-top: 1px solid var(--line); color: var(--ink); padding: 13px 0 13px 34px; position: relative; }
.check-list li::before { color: var(--aqua); content: "✓"; font-weight: 900; left: 4px; position: absolute; }

.topics-section { background: var(--mist); }
.topic-wall { display: grid; gap: 12px; grid-template-columns: repeat(4, 1fr); }
.topic-wall > div { background: white; border: 1px solid var(--line); border-radius: 17px; min-height: 150px; padding: 23px; }
.topic-wall span { color: var(--pink-deep); font-family: var(--font-geist-mono); font-size: .66rem; }
.topic-wall p { font-size: 1.05rem; font-weight: 680; line-height: 1.4; margin: 36px 0 0; }

.guest-steps { display: grid; gap: 22px; grid-template-columns: repeat(3, 1fr); }
.guest-steps article { border-left: 4px solid var(--pink); padding: 8px 0 8px 28px; }
.guest-steps article:nth-child(2) { border-color: var(--aqua); }
.guest-steps article:nth-child(3) { border-color: var(--violet); }
.guest-steps span { color: var(--muted); font-family: var(--font-geist-mono); font-size: .68rem; }
.guest-steps h3 { margin: 23px 0 10px; }
.guest-steps p { color: var(--muted); font-size: .88rem; }

.form-section { background: #f7f6fb; }
.inquiry-form { background: white; border: 1px solid var(--line); border-radius: 26px; box-shadow: var(--shadow); margin: 0 auto; max-width: 960px; padding: 55px; }
.form-heading { margin-bottom: 38px; }
.form-heading h2 { font-size: clamp(2.2rem, 4vw, 4.2rem); margin-bottom: 0; }
.form-grid { display: grid; gap: 22px; grid-template-columns: 1fr 1fr; }
.form-grid label { display: flex; flex-direction: column; gap: 8px; }
.form-grid label > span { font-size: .75rem; font-weight: 730; letter-spacing: .03em; }
.form-grid input, .form-grid textarea { background: var(--mist); border: 1px solid var(--line); border-radius: 12px; color: var(--ink); outline: none; padding: 14px 15px; width: 100%; }
.form-grid textarea { resize: vertical; }
.form-grid input:focus, .form-grid textarea:focus { border-color: var(--aqua); box-shadow: 0 0 0 3px rgba(11,211,211,.12); }
.field-wide { grid-column: 1 / -1; }
.inquiry-form > .button { cursor: pointer; margin-top: 28px; }
.form-status { color: #007f7f; font-size: .78rem; font-weight: 650; margin: 16px 0 0; }
.form-status.is-success, .form-helper.is-success { color: var(--aqua) !important; }
.form-status.is-error, .form-helper.is-error { color: #ff8db8 !important; }
.form-footnote { color: var(--muted); margin: 30px auto 0; max-width: 900px; text-align: center; }

.contact-hero { background: linear-gradient(145deg, #fff, #f0ffff); }
.contact-orb { align-items: center; background: linear-gradient(145deg, var(--aqua), var(--violet), var(--pink)); border-radius: 50%; display: flex; height: 400px; justify-content: center; justify-self: end; position: relative; width: 400px; }
.contact-orb span { border: 2px solid var(--ink); border-radius: 50%; height: 310px; position: absolute; width: 430px; }
.contact-orb span:nth-child(2) { height: 430px; width: 290px; }
.contact-orb strong { background: white; border-radius: 999px; font-size: 1.4rem; letter-spacing: .2em; padding: 15px 24px; position: relative; z-index: 2; }
.contact-path-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr); }
.contact-path-grid > a { border: 1px solid var(--line); border-radius: 20px; min-height: 310px; padding: 30px; transition: transform 180ms ease, box-shadow 180ms ease; }
.contact-path-grid > a:hover { box-shadow: var(--shadow); transform: translateY(-5px); }
.contact-path-grid > a:nth-child(1) { border-top: 5px solid var(--pink); }
.contact-path-grid > a:nth-child(2) { border-top: 5px solid var(--aqua); }
.contact-path-grid > a:nth-child(3) { border-top: 5px solid var(--violet); }
.contact-path-grid span { color: var(--muted); font-family: var(--font-geist-mono); font-size: .7rem; }
.contact-path-grid h2 { font-size: 1.65rem; margin: 60px 0 14px; }
.contact-path-grid p { color: var(--muted); font-size: .88rem; }
.contact-path-grid strong { color: var(--pink-deep); font-size: .78rem; }

.compact-hero { padding: 90px 0; }
.compact-hero h1 { font-size: clamp(3rem, 5.2vw, 5.7rem); }
.legal-copy { max-width: 820px; }
.legal-copy h2 { font-size: 1.65rem; margin: 45px 0 12px; }
.legal-copy p { color: var(--muted); }
.legal-copy a { color: var(--pink-deep); text-decoration: underline; }
.legal-note { border-left: 4px solid var(--coral); font-size: .8rem; margin-top: 45px; padding: 14px 0 14px 22px; }

.site-footer {
  background: white;
  border-top: 1px solid var(--line);
  padding-top: 65px;
}

.footer-main {
  display: grid;
  gap: 50px;
  grid-template-columns: 1.8fr repeat(3, 1fr);
  padding-bottom: 60px;
}

.footer-brand img { height: auto; margin: -38px 0 -30px; width: 235px; }
.footer-brand p { color: var(--muted); max-width: 290px; }
.footer-main > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 8px; }
.footer-main a { color: var(--muted); font-size: .8rem; width: fit-content; }
.footer-main a:hover { color: var(--pink-deep); }
.footer-label { color: var(--ink); font-size: .68rem; font-weight: 800; letter-spacing: .14em; margin-bottom: 8px; text-transform: uppercase; }
.footer-bottom { border-top: 1px solid var(--line); color: var(--muted); display: flex; font-size: .67rem; justify-content: space-between; padding-bottom: 23px; padding-top: 23px; }
.footer-bottom p { margin: 0; }

@keyframes float {
  0%, 100% { transform: rotate(-8deg) translateY(0); }
  50% { transform: rotate(-5deg) translateY(-16px); }
}

@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(251,109,160,.5); }
  50% { box-shadow: 0 0 0 8px rgba(251,109,160,0); }
}

@keyframes marquee {
  to { transform: translateX(-50%); }
}

.reveal { animation: reveal .7s ease both; }
.reveal-delay { animation-delay: 120ms; }

@keyframes reveal {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* WordPress host integration. The managed template is intentionally full-bleed. */
html:has(body.iamwiser-wordpress-page) {
  margin-top: 0 !important;
}

body.iamwiser-wordpress-page {
  margin: 0 !important;
  min-width: 320px;
  overflow-x: hidden;
}

body.iamwiser-wordpress-page #wpadminbar {
  position: fixed;
  z-index: 99999;
}

body.admin-bar.iamwiser-wordpress-page .site-header {
  top: 32px;
}

.iamwiser-app,
.iamwiser-app *,
.iamwiser-app *::before,
.iamwiser-app *::after {
  box-sizing: border-box;
}

.iamwiser-app {
  background: var(--night);
  color: var(--disco-white);
  min-height: 100vh;
  width: 100%;
}

.iamwiser-app [hidden] {
  display: none !important;
}

.iamwiser-app .mobile-nav[hidden] {
  display: none !important;
}

.iamwiser-app .form-helper,
.iamwiser-app .form-status {
  color: var(--aqua);
  font-size: .78rem;
  margin: 12px 0 0;
}

.iamwiser-app .episode-card.is-filtered-out {
  display: none;
}

.iamwiser-app .video-sound-toggle.is-icon-only {
  font-size: 0;
}

.iamwiser-app .video-sound-toggle.is-icon-only span {
  align-items: center;
  display: flex;
  justify-content: center;
}

.iamwiser-app .video-sound-toggle.is-icon-only svg {
  display: block;
  height: 20px;
  width: 20px;
}

@media (max-width: 782px) {
  body.admin-bar.iamwiser-wordpress-page .site-header {
    top: 46px;
  }
}

/* ──────────────────────────────────────────────────────────────────────────
   PERFORMANCE + BRIGHTER LOGO-SPARKLE PASS — v1.4.0
   The official transparent star sheet is rendered directly. Motion changes
   only composited transform/opacity values, so scrolling does not repaint a
   full-section gradient or animated filter on every frame.
   ────────────────────────────────────────────────────────────────────────── */

.site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background:
    radial-gradient(circle at 12% 50%, rgba(11, 211, 211, .2), transparent 20%),
    radial-gradient(circle at 58% 0%, rgba(185, 103, 255, .18), transparent 25%),
    radial-gradient(circle at 88% 80%, rgba(251, 109, 160, .19), transparent 22%),
    rgba(11, 4, 18, .97);
}

.video-sound-toggle,
.intro-sound {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: rgba(8, 3, 13, .94);
}

.mirror-ball {
  backface-visibility: hidden;
  contain: layout paint style;
  transform: translateZ(0);
  will-change: transform;
}

.video-embed {
  background: #050208;
  contain: layout paint style;
  isolation: isolate;
  transform: translateZ(0);
  z-index: 4;
}

.video-embed iframe {
  opacity: 0;
  transition: opacity 240ms ease;
  z-index: 2;
}

.video-poster {
  filter: saturate(1.08) contrast(1.04);
  height: 100%;
  inset: 0;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  transition: opacity 240ms ease;
  width: 100%;
  z-index: 1;
}

.video-embed.is-loaded iframe {
  opacity: 1;
}

.video-embed.is-loaded .video-poster {
  opacity: 0;
  pointer-events: none;
}

.hero-video-booth,
.lower-featured-episode,
.episode-card,
.episode-screen {
  isolation: isolate;
  position: relative;
  z-index: 4;
}

.brand-stars {
  --sparkle-parallax-x: 0px;
  --sparkle-parallax-y: 0px;
  contain: layout paint style;
  transform: translate3d(var(--sparkle-parallax-x), var(--sparkle-parallax-y), 0);
  transition: transform 180ms linear;
  will-change: transform;
}

.brand-stars-offset {
  transform: translate3d(var(--sparkle-parallax-x), var(--sparkle-parallax-y), 0) scaleX(-1);
}

.brand-stars::before,
.brand-stars::after {
  animation-play-state: paused;
  background-color: transparent;
  background-image: url("../images/i-am-wiser-brand-stars.png");
  background-repeat: repeat-y;
  background-size: var(--sparkle-near-size);
  contain: paint;
  filter: brightness(1.14) saturate(1.24);
  inset: -28px;
  -webkit-mask-image: none;
  mask-image: none;
  mix-blend-mode: screen;
  opacity: .72;
  transform: translate3d(0, 0, 0);
  will-change: opacity, transform;
  z-index: 0;
}

.brand-stars::before {
  animation: sparkleCompositeNear 8.2s cubic-bezier(.45, 0, .22, 1) infinite alternate;
  animation-play-state: paused;
  background-position: var(--sparkle-near-position);
}

.brand-stars::after {
  animation: sparkleCompositeFar 11.6s cubic-bezier(.38, 0, .2, 1) -4.2s infinite alternate;
  animation-play-state: paused;
  background-position: var(--sparkle-far-position);
  background-size: var(--sparkle-far-size);
  filter: brightness(1.08) saturate(1.22);
  opacity: .5;
}

.sparkles-live .brand-stars::before,
.sparkles-live .brand-stars::after,
.sparkles-live .field-spark,
.header-logo-sparkles .logo-sparkle {
  animation-play-state: running;
}

@keyframes sparkleCompositeNear {
  0%, 100% { opacity: .58; transform: translate3d(-5px, 11px, 0) scale(.997); }
  46% { opacity: .9; transform: translate3d(5px, -4px, 0) scale(1.004); }
  58% { opacity: 1; transform: translate3d(7px, -8px, 0) scale(1.007); }
  72% { opacity: .68; transform: translate3d(1px, -12px, 0) scale(1.002); }
}

@keyframes sparkleCompositeFar {
  0%, 100% { opacity: .38; transform: translate3d(6px, -7px, 0) scale(1.004); }
  40% { opacity: .68; transform: translate3d(-3px, 4px, 0) scale(.998); }
  52% { opacity: .82; transform: translate3d(-6px, 8px, 0) scale(.995); }
  70% { opacity: .48; transform: translate3d(1px, 10px, 0) scale(1); }
}

.logo-sparkle {
  filter: brightness(1.16) saturate(1.22) drop-shadow(0 0 7px rgba(var(--sparkle-rgb), .62));
  will-change: opacity, transform;
}

@keyframes exactLogoTwinkle {
  0%, 100% { opacity: var(--sparkle-dim); transform: scale(.82) rotate(-5deg); }
  44% { opacity: var(--sparkle-mid); transform: scale(.98) rotate(0); }
  52% { opacity: var(--sparkle-bright); transform: scale(1.08) rotate(4deg); }
  66% { opacity: var(--sparkle-mid); transform: scale(.94) rotate(1deg); }
}

.field-spark {
  --sparkle-bright: 1;
  --sparkle-dim: .28;
  --sparkle-mid: .76;
  animation: exactLogoTwinkle 4.8s ease-in-out infinite;
  animation-play-state: paused;
  z-index: 2;
}

.field-spark-01 { left: 2%; top: 5%; }
.field-spark-02 { left: 16%; top: 25%; }
.field-spark-03 { left: 31%; top: 7%; }
.field-spark-04 { left: 45%; top: 35%; }
.field-spark-05 { left: 62%; top: 11%; }
.field-spark-06 { left: 81%; top: 27%; }
.field-spark-07 { right: 2%; top: 57%; }
.field-spark-08 { left: 71%; top: 73%; }
.field-spark-09 { left: 50%; top: 82%; }
.field-spark-10 { left: 22%; top: 69%; }
.field-spark-11 { left: 6%; top: 86%; }
.field-spark-12 { left: 37%; top: 54%; }

.field-spark:nth-child(2n) { animation-delay: -1.6s; animation-duration: 5.4s; }
.field-spark:nth-child(3n) { animation-delay: -3.2s; animation-duration: 4.2s; }
.field-spark:nth-child(5n) { animation-delay: -.8s; animation-duration: 6.1s; }

.site-frame main:not(.disco-site) > section::before,
.site-footer::before {
  --sparkle-parallax-x: 0px;
  --sparkle-parallax-y: 0px;
  animation: sectionSparkleComposite 10.8s ease-in-out infinite alternate;
  animation-play-state: paused;
  background-color: transparent;
  background-image: url("../images/i-am-wiser-brand-stars.png");
  background-position: center 40px;
  background-repeat: repeat-y;
  background-size: min(1420px, 138vw) auto;
  contain: paint;
  filter: brightness(1.13) saturate(1.24);
  -webkit-mask-image: none;
  mask-image: none;
  mix-blend-mode: screen;
  opacity: .72;
  transform: translate3d(var(--sparkle-parallax-x), var(--sparkle-parallax-y), 0);
  transition: transform 180ms linear;
  will-change: opacity, transform;
}

.site-frame main:not(.disco-site) > section:nth-child(even)::before,
.site-footer::before {
  transform: translate3d(var(--sparkle-parallax-x), var(--sparkle-parallax-y), 0) scaleX(-1);
}

.site-frame main:not(.disco-site) > section.sparkles-live::before,
.site-footer.sparkles-live::before {
  animation-play-state: running;
}

@keyframes sectionSparkleComposite {
  0%, 100% { opacity: .52; }
  48% { opacity: .84; }
  56% { opacity: .98; }
  70% { opacity: .64; }
}

.hero-ball,
.vinyl-record,
.mini-ball {
  animation-play-state: paused;
}

.sparkles-live .hero-ball,
.sparkles-live .vinyl-record,
.sparkles-live .mini-ball {
  animation-play-state: running;
}

.iamwiser-motion-paused .brand-stars::before,
.iamwiser-motion-paused .brand-stars::after,
.iamwiser-motion-paused .logo-sparkle,
.iamwiser-motion-paused .site-frame main:not(.disco-site) > section::before,
.iamwiser-motion-paused .site-footer::before,
.iamwiser-motion-paused .mirror-ball,
.iamwiser-motion-paused .vinyl-record,
.iamwiser-motion-paused .disco-ticker > div {
  animation-play-state: paused !important;
}

@supports (content-visibility: auto) {
  .disco-site > section:not(.disco-hero),
  .site-frame main:not(.disco-site) > section,
  .site-footer,
  .episode-card {
    contain-intrinsic-size: auto 820px;
    content-visibility: auto;
  }

  .episode-card {
    contain-intrinsic-size: auto 610px;
  }
}

.iamwiser-lite-motion .brand-stars::before,
.iamwiser-lite-motion .brand-stars::after,
.iamwiser-lite-motion .field-spark,
.iamwiser-lite-motion .site-frame main:not(.disco-site) > section::before,
.iamwiser-lite-motion .site-footer::before {
  animation: none !important;
}

.iamwiser-lite-motion .brand-stars::before,
.iamwiser-lite-motion .site-frame main:not(.disco-site) > section::before,
.iamwiser-lite-motion .site-footer::before {
  opacity: .84;
}

.iamwiser-lite-motion .brand-stars::after {
  opacity: .52;
}

.iamwiser-lite-motion .field-spark {
  opacity: .76;
}

@media (max-width: 700px) {
  .brand-stars::before,
  .brand-stars::after,
  .site-frame main:not(.disco-site) > section::before,
  .site-footer::before {
    filter: brightness(1.1) saturate(1.2);
  }

  .field-spark:nth-child(3n) {
    display: none;
  }

  .video-embed iframe,
  .video-poster {
    transition-duration: 160ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-stars::before,
  .brand-stars::after,
  .field-spark,
  .site-frame main:not(.disco-site) > section::before,
  .site-footer::before {
    animation: none !important;
    transform: none;
  }

  .brand-stars::before,
  .site-frame main:not(.disco-site) > section::before,
  .site-footer::before {
    opacity: .82;
  }

  .brand-stars::after {
    opacity: .5;
  }

  .field-spark {
    opacity: .72;
  }
}

/* ==========================================================
   NATIVE GRAVITY FORMS — I AM WISER SKIN
   ========================================================== */

.iamwiser-gravity-form .gform_wrapper {
  --gf-color-primary: var(--pink);
  --gf-color-primary-rgb: 251, 109, 160;
  --gf-ctrl-bg-color: rgba(255, 255, 255, .085);
  --gf-ctrl-border-color: rgba(255, 255, 255, .2);
  --gf-ctrl-border-color-focus: var(--aqua);
  --gf-ctrl-color: var(--disco-white);
  --gf-ctrl-label-color-primary: var(--disco-white);
  --gf-ctrl-desc-color: rgba(255, 255, 255, .7);
  --gf-ctrl-radius: 12px;
  color: var(--disco-white);
  margin: 0;
  width: 100%;
}

.iamwiser-gravity-form .gform_heading {
  display: none;
}

.iamwiser-gravity-form .gform_required_legend {
  color: rgba(255, 255, 255, .62);
  font-size: .7rem;
  margin: 0 0 18px;
}

.iamwiser-gravity-form .gfield_label,
.iamwiser-gravity-form .gform-field-label {
  color: var(--disco-white) !important;
  font-family: var(--font-body);
  font-size: .76rem !important;
  font-weight: 750 !important;
  letter-spacing: .025em;
  margin-bottom: 8px !important;
}

.iamwiser-gravity-form .gfield_required,
.iamwiser-gravity-form .gfield_required_text,
.iamwiser-gravity-form .gfield_required_asterisk {
  color: var(--pink) !important;
}

.inquiry-form .gform_wrapper .gform_fields {
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.inquiry-form .gform_wrapper .gfield {
  grid-column: auto !important;
  margin: 0 !important;
}

.inquiry-form .gform_wrapper .gfield.iamwiser-field-wide {
  grid-column: 1 / -1 !important;
}

.iamwiser-gravity-form .ginput_container {
  margin: 0 !important;
}

.iamwiser-gravity-form .gform_wrapper input[type="text"],
.iamwiser-gravity-form .gform_wrapper input[type="email"],
.iamwiser-gravity-form .gform_wrapper input[type="url"],
.iamwiser-gravity-form .gform_wrapper input[type="tel"],
.iamwiser-gravity-form .gform_wrapper select,
.iamwiser-gravity-form .gform_wrapper textarea {
  background: rgba(255, 255, 255, .085) !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045) !important;
  color: var(--disco-white) !important;
  font-family: var(--font-body) !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  min-height: 54px !important;
  outline: none !important;
  padding: 14px 15px !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
  width: 100% !important;
}

.iamwiser-gravity-form .gform_wrapper textarea {
  min-height: 155px !important;
  resize: vertical;
}

.iamwiser-gravity-form .gform_wrapper input::placeholder,
.iamwiser-gravity-form .gform_wrapper textarea::placeholder {
  color: rgba(255, 255, 255, .46) !important;
  opacity: 1;
}

.iamwiser-gravity-form .gform_wrapper input:focus,
.iamwiser-gravity-form .gform_wrapper select:focus,
.iamwiser-gravity-form .gform_wrapper textarea:focus {
  background: rgba(255, 255, 255, .12) !important;
  border-color: var(--aqua) !important;
  box-shadow: 0 0 0 3px rgba(11, 211, 211, .14), 0 0 24px rgba(11, 211, 211, .1) !important;
}

.iamwiser-gravity-form .gform_footer,
.iamwiser-gravity-form .gform_page_footer {
  margin: 28px 0 0 !important;
  padding: 0 !important;
}

.iamwiser-gravity-form .gform_button,
.iamwiser-gravity-form input[type="submit"] {
  background: var(--prism) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 30px rgba(251, 109, 160, .2), 0 0 28px rgba(11, 211, 211, .12) !important;
  color: #16051f !important;
  cursor: pointer;
  font-family: var(--font-display) !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: 50px;
  padding: 16px 23px !important;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.iamwiser-gravity-form .gform_button:hover,
.iamwiser-gravity-form .gform_button:focus-visible,
.iamwiser-gravity-form input[type="submit"]:hover,
.iamwiser-gravity-form input[type="submit"]:focus-visible {
  box-shadow: 0 14px 36px rgba(251, 109, 160, .28), 0 0 34px rgba(11, 211, 211, .2) !important;
  filter: brightness(1.08) saturate(1.08);
  transform: translateY(-2px);
}

.iamwiser-gravity-form .gform_ajax_spinner {
  filter: brightness(0) invert(1);
  margin-left: 12px;
}

.iamwiser-gravity-form .gform_validation_errors {
  background: rgba(255, 79, 155, .1) !important;
  border: 1px solid rgba(255, 141, 184, .52) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  margin: 0 0 22px !important;
  padding: 16px 18px !important;
}

.iamwiser-gravity-form .gform_validation_errors h2,
.iamwiser-gravity-form .gform_validation_errors .gform_submission_error,
.iamwiser-gravity-form .gfield_validation_message,
.iamwiser-gravity-form .validation_message {
  color: #ff9fc1 !important;
  font-family: var(--font-body) !important;
  font-size: .78rem !important;
}

.iamwiser-gravity-form .gfield_error input,
.iamwiser-gravity-form .gfield_error select,
.iamwiser-gravity-form .gfield_error textarea {
  border-color: #ff8db8 !important;
}

.iamwiser-gravity-form .gform_confirmation_message {
  background: linear-gradient(135deg, rgba(11, 211, 211, .15), rgba(185, 103, 255, .13));
  border: 1px solid rgba(11, 211, 211, .42);
  border-radius: 15px;
  color: var(--disco-white);
  font-size: 1rem;
  font-weight: 680;
  line-height: 1.55;
  padding: 20px 22px;
}

.iamwiser-gravity-form-notes {
  min-height: 64px;
}

.iamwiser-gravity-form-notes .gform_wrapper,
.iamwiser-gravity-form-notes .gform_wrapper form {
  width: 100%;
}

.iamwiser-gravity-form-notes .gform_wrapper form {
  align-items: stretch;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.iamwiser-gravity-form-notes .gform_validation_errors,
.iamwiser-gravity-form-notes .gform_confirmation_message {
  grid-column: 1 / -1;
}

.iamwiser-gravity-form-notes .gform_required_legend,
.iamwiser-gravity-form-notes .gfield_label,
.iamwiser-gravity-form-notes .gform-field-label {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.iamwiser-gravity-form-notes .gform_body,
.iamwiser-gravity-form-notes .gform_fields,
.iamwiser-gravity-form-notes .gfield,
.iamwiser-gravity-form-notes .ginput_container {
  height: 100%;
  margin: 0 !important;
  width: 100%;
}

.iamwiser-gravity-form-notes .gform_fields {
  display: block !important;
}

.iamwiser-gravity-form-notes .gform_wrapper input[type="email"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 100% !important;
  min-height: 52px !important;
  padding: 0 18px !important;
}

.iamwiser-gravity-form-notes .gform_footer {
  align-items: stretch;
  display: flex;
  margin: 0 !important;
}

.iamwiser-gravity-form-notes .gform_button,
.iamwiser-gravity-form-notes input[type="submit"] {
  height: 100%;
  min-height: 52px;
  white-space: nowrap;
}

.iamwiser-form-unavailable {
  align-items: flex-start;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 14px;
  color: var(--disco-white);
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 20px;
}

.iamwiser-form-unavailable a {
  color: var(--aqua);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 700px) {
  .inquiry-form .gform_wrapper .gform_fields {
    grid-template-columns: 1fr !important;
  }

  .inquiry-form .gform_wrapper .gfield,
  .inquiry-form .gform_wrapper .gfield.iamwiser-field-wide {
    grid-column: 1 / -1 !important;
  }

  .iamwiser-gravity-form-notes .gform_wrapper form {
    grid-template-columns: 1fr;
  }

  .iamwiser-gravity-form-notes .gform_body,
  .iamwiser-gravity-form-notes .gform_footer {
    grid-column: 1;
  }

  .iamwiser-gravity-form-notes .gform_button,
  .iamwiser-gravity-form-notes input[type="submit"] {
    width: 100% !important;
  }
}

@media (max-width: 600px) {
  body.admin-bar.iamwiser-wordpress-page .site-header {
    top: 0;
  }
}

@media (max-width: 1080px) {
  .desktop-nav { display: none; }
  .menu-button { display: flex; }
  .hero-grid { grid-template-columns: 1fr 420px; }
  .disc-stage { height: 370px; width: 370px; }
  .wisdom-stamp { right: 0; }
  .episode-grid { grid-template-columns: repeat(2, 1fr); }
  .host-grid, .about-host-grid { gap: 65px; }
  .topic-wall { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 860px) {
  .section { padding: 85px 0; }
  .hero-grid, .page-hero-grid, .episodes-hero-grid, .two-col-intro, .editorial-grid, .host-grid, .about-host-grid, .notes-grid, .listen-band-grid { grid-template-columns: 1fr; }
  .home-hero { padding-top: 40px; }
  .hero-grid { gap: 10px; }
  .hero-visual { height: 520px; margin-top: 15px; }
  .disc-stage { left: 50%; right: auto; transform: translateX(-40%) rotate(-8deg); }
  .featured-episode { bottom: 25px; left: 5%; }
  .wisdom-stamp { right: 6%; top: 300px; }
  .promise-grid, .brand-values-grid, .guest-steps, .contact-path-grid { grid-template-columns: 1fr 1fr; }
  .perspective-grid { grid-template-columns: 55px 1fr; }
  .perspective-copy { border-left: 0; border-top: 1px solid rgba(255,255,255,.18); grid-column: 2; padding: 35px 0 0; }
  .portrait-frame, .about-host-photo img { height: 690px; }
  .page-hero { padding: 75px 0 90px; }
  .about-hero-card, .guest-question { max-width: 520px; }
  .episode-hero-art, .contact-orb { justify-self: start; }
  .footer-main { grid-template-columns: 1.5fr repeat(2, 1fr); }
  .footer-main > div:last-child { grid-column: 2; }
}

@media (max-width: 620px) {
  .section-shell { padding-left: 20px; padding-right: 20px; }
  .nav-shell { height: 76px; padding: 0 16px; }
  .brand-link { height: 68px; width: 140px; }
  .brand-link img { width: 140px; }
  .button-small { display: none; }
  .home-hero { min-height: 0; padding-bottom: 55px; }
  .hero-copy h1 { font-size: clamp(3rem, 14vw, 4.65rem); }
  .hero-lede { font-size: 1rem; }
  .button-row { align-items: stretch; flex-direction: column; }
  .button-row .button { width: 100%; }
  .platform-row > span { flex-basis: 100%; }
  .hero-visual { height: 460px; }
  .disc-stage { height: 310px; left: 52%; width: 310px; }
  .featured-episode { bottom: 0; max-width: 290px; padding: 20px; }
  .wisdom-stamp { height: 104px; right: 0; top: 250px; width: 104px; }
  .wisdom-stamp strong { font-size: 1.15rem; }
  .two-col-intro, .editorial-grid { gap: 30px; }
  .promise-grid, .episode-grid, .brand-values-grid, .guest-steps, .contact-path-grid { grid-template-columns: 1fr; }
  .promise-grid { margin-top: 50px; }
  .promise-grid article { min-height: 220px; }
  .section-heading-row { align-items: flex-start; flex-direction: column; }
  .episode-art { height: 175px; }
  .perspective-grid { gap: 20px; grid-template-columns: 1fr; }
  .quote-mark { font-size: 6rem; }
  .perspective-copy { grid-column: 1; }
  .portrait-frame, .about-host-photo img { height: 535px; }
  .portrait-badge { bottom: 18px; right: -6px; }
  .host-facts { grid-template-columns: 1fr; }
  .notes-grid { gap: 35px; }
  .inline-form { align-items: stretch; border-radius: 16px; flex-direction: column; }
  .inline-form input { min-height: 52px; }
  .inline-form button { min-height: 49px; }
  .form-helper { bottom: auto; left: 0; position: relative; text-align: center; }
  .partnership-card { margin-left: 12px; margin-right: 12px; padding: 65px 20px; width: auto; }
  .page-hero h1 { font-size: clamp(3rem, 13.5vw, 5rem); }
  .about-hero-card { min-height: 390px; padding: 140px 35px 40px; }
  .about-hero-card p { font-size: 1.6rem !important; }
  .story-arc li { gap: 16px; }
  .photo-orbit { right: -10px; }
  .episode-hero-art, .contact-orb { height: 300px; width: 300px; }
  .episode-hero-art { padding: 73px 48px; }
  .episode-hero-art span { font-size: 4.5rem; }
  .listen-links { grid-template-columns: 1fr; }
  .sponsor-signal { min-height: 360px; }
  .sponsor-signal i, .sponsor-signal::before { height: 280px; width: 280px; }
  .sponsor-signal::after { height: 300px; width: 220px; }
  .guest-question { min-height: 350px; padding: 85px 34px 35px; }
  .guest-question p { font-size: 1.8rem !important; }
  .topic-wall { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .field-wide { grid-column: auto; }
  .inquiry-form { border-radius: 18px; padding: 30px 20px; }
  .contact-orb span { height: 240px; width: 320px; }
  .contact-orb span:nth-child(2) { height: 320px; width: 210px; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-main > div:last-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; gap: 7px; }
}

/* ──────────────────────────────────────────────────────────────────────────
   I AM WISER — MIDNIGHT DISCO EDITION
   A dark, chrome, late-70s visual system layered over the shared components.
   ────────────────────────────────────────────────────────────────────────── */

:root {
  --night: #0b0412;
  --night-2: #130720;
  --plum-black: #1c0829;
  --disco-white: #fff8ff;
  --disco-muted: #cbbad4;
  --chrome: linear-gradient(180deg, #ffffff 0%, #9df8ff 20%, #fbfcff 39%, #7f7296 51%, #ffffff 70%, #a1e8ee 100%);
  --prism: linear-gradient(105deg, #fb6da0 0%, #ff8e72 25%, #b967ff 55%, #0bd3d3 100%);
  --glass: rgba(255, 255, 255, 0.07);
  --glass-line: rgba(255, 255, 255, 0.2);
  --disco-shadow: 0 28px 90px rgba(0, 0, 0, 0.48);
}

body {
  background:
    radial-gradient(circle at 16% 8%, rgba(185, 103, 255, .18), transparent 26%),
    radial-gradient(circle at 86% 16%, rgba(11, 211, 211, .12), transparent 25%),
    var(--night);
  color: var(--disco-white);
}

body::before {
  background-image: radial-gradient(rgba(255, 255, 255, .19) .55px, transparent .55px);
  background-size: 5px 5px;
  content: "";
  inset: 0;
  opacity: .12;
  pointer-events: none;
  position: fixed;
  z-index: 999;
}

.site-frame,
.disco-site {
  background: var(--night);
  color: var(--disco-white);
}

.site-header {
  background: rgba(11, 4, 18, .86);
  border-bottom-color: rgba(255, 255, 255, .12);
  box-shadow: 0 8px 30px rgba(0,0,0,.23);
}

.brand-link {
  background: white;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 999px;
  box-shadow: 0 0 30px rgba(11, 211, 211, .15);
  height: 58px;
  padding: 1px 14px;
  width: 174px;
}

.brand-link img {
  margin: -33px 0;
  width: 170px;
}

.desktop-nav a,
.mobile-nav a {
  color: var(--disco-white);
}

.desktop-nav a::after {
  background: var(--prism);
}

.menu-button {
  border-color: var(--glass-line);
}

.menu-button span {
  background: white;
}

.mobile-nav {
  background: rgba(11, 4, 18, .98);
  border-top-color: rgba(255,255,255,.12);
}

.mobile-nav a {
  border-bottom-color: rgba(255,255,255,.1);
}

.button,
.disco-button {
  background: var(--prism);
  border: 0;
  box-shadow: 0 8px 30px rgba(251, 109, 160, .22), inset 0 1px 0 rgba(255,255,255,.55);
  color: #100516;
  overflow: hidden;
  position: relative;
}

.button::before,
.disco-button::before {
  background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.7) 48%, transparent 72%);
  content: "";
  inset: 0;
  position: absolute;
  transform: translateX(-120%);
  transition: transform .5s ease;
}

.button:hover::before,
.button:focus-visible::before {
  transform: translateX(120%);
}

.button:hover,
.button:focus-visible {
  background: var(--prism);
  border-color: transparent;
  box-shadow: 0 0 34px rgba(11, 211, 211, .35), 0 10px 30px rgba(0,0,0,.3);
}

.button-ghost,
.disco-ghost {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.28);
  box-shadow: none;
  color: white;
}

.button-ghost:hover,
.disco-ghost:hover {
  background: rgba(255,255,255,.1);
  color: white;
}

.play-dot {
  background: #13071d;
}

.disco-hero {
  background:
    radial-gradient(ellipse at 50% -18%, rgba(255,255,255,.25), transparent 22%),
    radial-gradient(circle at 79% 24%, rgba(11,211,211,.14), transparent 25%),
    radial-gradient(circle at 13% 60%, rgba(251,109,160,.13), transparent 25%),
    linear-gradient(180deg, #13051f 0%, #08030e 100%);
  min-height: calc(100vh - 88px);
  overflow: hidden;
  padding: 92px 0 78px;
  position: relative;
}

.has-brand-stars {
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.has-brand-stars > .section-shell {
  position: relative;
  z-index: 3;
}

.brand-stars {
  animation: brandStarsGlow 5.5s ease-in-out infinite alternate;
  background-image: url("../images/i-am-wiser-brand-stars.png");
  background-position: center;
  background-repeat: repeat-y;
  background-size: min(1500px, 145vw) auto;
  inset: -45px 0;
  opacity: .3;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.brand-stars-offset {
  background-position: 32% 120px;
  opacity: .25;
  transform: scaleX(-1);
}

.brand-stars-soft {
  background-position: 68% -80px;
  opacity: .2;
}

.brand-stars-hero {
  background-size: min(1600px, 150vw) auto;
  opacity: .34;
}

@keyframes brandStarsGlow {
  from { filter: brightness(.86); }
  to { filter: brightness(1.12); }
}

.disco-hero::before {
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(255,255,255,.08) 50%, transparent 50.3%),
    linear-gradient(0deg, transparent 49.7%, rgba(255,255,255,.05) 50%, transparent 50.3%);
  background-size: 84px 84px;
  content: "";
  inset: 0;
  opacity: .22;
  pointer-events: none;
  position: absolute;
  transform: perspective(520px) rotateX(61deg) scale(1.4) translateY(34%);
  transform-origin: bottom;
}

.disco-noise {
  background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.02) 4px);
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.light-beam {
  filter: blur(8px);
  height: 100%;
  opacity: .14;
  position: absolute;
  top: -14%;
  transform-origin: top;
  width: 23%;
}

.beam-one { background: linear-gradient(180deg, var(--pink), transparent 82%); clip-path: polygon(48% 0, 56% 0, 100% 100%, 0 100%); left: 34%; transform: rotate(16deg); }
.beam-two { background: linear-gradient(180deg, var(--aqua), transparent 82%); clip-path: polygon(48% 0, 56% 0, 100% 100%, 0 100%); left: 43%; transform: rotate(-25deg); }
.beam-three { background: linear-gradient(180deg, var(--violet), transparent 82%); clip-path: polygon(48% 0, 56% 0, 100% 100%, 0 100%); left: 45%; transform: rotate(36deg); }

.mirror-ball {
  background:
    radial-gradient(circle at 27% 22%, rgba(255,255,255,.98) 0 3%, rgba(209,253,255,.86) 4% 8%, transparent 17%),
    repeating-linear-gradient(90deg, transparent 0 12px, rgba(19,7,31,.68) 13px 15px),
    repeating-linear-gradient(0deg, transparent 0 12px, rgba(19,7,31,.64) 13px 15px),
    radial-gradient(circle at 30% 24%, #f4ffff 0%, #5cf0f5 18%, #10c8d7 31%, #7463e5 49%, #d34f9f 70%, #68205f 86%, #110619 100%);
  border: 2px solid rgba(238,255,255,.82);
  border-radius: 50%;
  box-shadow:
    0 0 42px rgba(11,211,211,.48),
    0 0 95px rgba(185,103,255,.3),
    inset 18px 14px 28px rgba(255,255,255,.18),
    inset -30px -34px 48px rgba(3,0,10,.75);
  isolation: isolate;
  overflow: hidden;
  position: absolute;
  transform-style: preserve-3d;
}

.mirror-ball::before {
  background:
    repeating-radial-gradient(ellipse at 50% 50%, transparent 0 11px, rgba(238,255,255,.24) 12px 13px),
    linear-gradient(90deg, rgba(255,255,255,.18), transparent 20% 76%, rgba(6,0,13,.54));
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 50%;
  content: "";
  inset: -6% -17%;
  opacity: .8;
  position: absolute;
  transform: perspective(420px) rotateY(-13deg);
  z-index: 1;
}

.mirror-ball::after {
  background:
    radial-gradient(circle at 24% 19%, rgba(255,255,255,.72), transparent 18%),
    linear-gradient(135deg, transparent 42%, rgba(6,0,13,.1) 58%, rgba(6,0,13,.78) 100%);
  border: 1px solid rgba(255,255,255,.36);
  border-radius: 50%;
  content: "";
  inset: 0;
  position: absolute;
  z-index: 2;
}
.mirror-ball > span { background: radial-gradient(circle, rgba(255,255,255,.96), rgba(197,251,255,.45) 28%, transparent 68%); border-radius: 50%; filter: blur(.35px); height: 38%; left: 10%; position: absolute; top: 6%; width: 38%; z-index: 3; }
.mirror-ball > i { background: linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent); box-shadow: 0 0 12px rgba(255,255,255,.72); height: 2px; left: 50%; position: absolute; top: -44px; transform: translateX(-50%); width: 110px; z-index: 4; }

.hero-ball {
  animation: discoFloat 5.5s ease-in-out infinite;
  height: 148px;
  left: calc(50% - 74px);
  top: -62px;
  width: 148px;
  z-index: 3;
}

.disco-hero-grid {
  align-items: center;
  display: grid;
  gap: 46px;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  min-height: 650px;
  position: relative;
  z-index: 4;
}

.retro-kicker {
  align-items: center;
  color: #f2cbea;
  display: flex;
  flex-wrap: wrap;
  font-family: var(--font-geist-mono), monospace;
  font-size: .68rem;
  font-weight: 700;
  gap: 11px;
  letter-spacing: .11em;
  margin: 0 0 24px;
  text-transform: uppercase;
}

.retro-kicker span {
  background: var(--pink);
  border-radius: 999px;
  color: #16051e;
  padding: 6px 10px;
}

.retro-kicker i {
  background: var(--aqua);
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

.aqua-kicker span { background: var(--aqua); }
.coral-kicker span { background: var(--coral); }
.violet-kicker span { background: var(--violet); }
.pink-kicker span { background: var(--pink); }

.disco-hero-copy h1 {
  display: flex;
  flex-direction: column;
  font-family: "Arial Black", "Trebuchet MS", sans-serif;
  font-size: clamp(5.3rem, 9.2vw, 9.7rem);
  font-weight: 950;
  letter-spacing: -.075em;
  line-height: .72;
  margin: 0 0 44px;
  position: relative;
  text-transform: uppercase;
}

.chrome-type {
  background: var(--chrome);
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 8px 0 rgba(92,73,108,.48));
  font-size: .58em;
  letter-spacing: .01em;
  margin-bottom: .17em;
  padding-left: .08em;
}

.groovy-type {
  background: var(--prism);
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 8px 0 rgba(65,22,72,.85)) drop-shadow(0 0 25px rgba(251,109,160,.2));
}

.disco-tagline {
  color: white;
  font-family: Georgia, serif;
  font-size: clamp(1.7rem, 3vw, 2.65rem);
  font-style: italic;
  line-height: 1.15;
  margin-bottom: 20px;
}

.disco-tagline em {
  color: var(--aqua);
}

.disco-hero .hero-lede {
  color: var(--disco-muted);
  font-size: 1.02rem;
  line-height: 1.75;
  max-width: 600px;
}

.hosted-by {
  color: #a798b1;
  font-size: .72rem;
  letter-spacing: .04em;
  margin: 25px 0 0;
  text-transform: uppercase;
}

.hosted-by strong { color: white; }

.hero-video-booth {
  background: linear-gradient(145deg, rgba(255,255,255,.2), rgba(255,255,255,.035) 36%, rgba(185,103,255,.16));
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 34px;
  box-shadow: var(--disco-shadow), inset 0 1px 0 rgba(255,255,255,.6), 0 0 70px rgba(11,211,211,.08);
  padding: 8px;
  position: relative;
}

.hero-video-booth::before {
  background: var(--prism);
  border-radius: 34px;
  content: "";
  inset: -2px;
  opacity: .45;
  position: absolute;
  z-index: -1;
}

.hero-video-booth .video-embed-featured {
  border-radius: 26px;
}

.lower-featured-episode {
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.025) 38%, rgba(11,211,211,.09));
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 30px;
  box-shadow: 0 28px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.25);
  margin: 0 0 44px;
  padding: 13px;
}

.lower-featured-episode .featured-episode.disco-featured {
  border-radius: 20px;
}

.lower-featured-episode .booth-footer {
  padding-bottom: 8px;
}

.booth-top,
.booth-footer {
  align-items: center;
  color: white;
  display: flex;
  font-family: var(--font-geist-mono), monospace;
  font-size: .62rem;
  font-weight: 700;
  justify-content: space-between;
  letter-spacing: .12em;
  padding: 10px 12px 13px;
  text-transform: uppercase;
}

.booth-top i { color: var(--aqua); font-style: normal; }
.booth-footer { color: #a995b4; padding: 13px 12px 8px; }
.on-air-dot { animation: pulse 1.7s infinite; background: var(--pink); border-radius: 50%; height: 8px; margin-right: auto; width: 8px; }
.booth-top .on-air-dot + * { margin-left: 8px; }

.featured-episode.disco-featured {
  background: #08030d;
  border: 0;
  border-radius: 21px;
  bottom: auto;
  box-shadow: none;
  left: auto;
  max-width: none;
  padding: 0;
  position: relative;
}

.disco-featured .featured-kicker {
  display: none;
}

.video-embed {
  aspect-ratio: 16 / 9;
  background: #050208;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.video-embed iframe {
  border: 0;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

.video-embed-featured {
  border-radius: 20px 20px 0 0;
}

.featured-video-copy {
  align-items: center;
  background: linear-gradient(90deg, #170920, #0d0715);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 18px 20px;
}

.featured-video-copy h2 {
  color: white;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 1.22rem;
  letter-spacing: -.025em;
  margin: 0 0 3px;
}

.featured-video-copy p { color: var(--pink); font-size: .72rem; margin: 0; }
.featured-video-copy .button { flex: 0 0 auto; min-height: 40px; padding: 0 16px; }

.scroll-cue {
  bottom: 24px;
  color: rgba(255,255,255,.4);
  font-family: var(--font-geist-mono), monospace;
  font-size: .58rem;
  left: 50%;
  letter-spacing: .15em;
  position: absolute;
  transform: translateX(-50%);
  z-index: 4;
}

.scroll-cue span { color: var(--aqua); }

.disco-ticker {
  background: var(--prism);
  color: #15051d;
  overflow: hidden;
  padding: 12px 0;
  white-space: nowrap;
}

.disco-ticker > div { animation: marquee 25s linear infinite; display: inline-flex; }
.disco-ticker span { font-family: var(--font-geist-mono), monospace; font-size: .72rem; font-weight: 900; letter-spacing: .13em; }

.dark-section,
.section-episodes,
.values-section,
.process-section,
.partner-options,
.topics-section,
.form-section,
.listen-band,
.contact-paths,
.legal-section,
.about-host-section,
.guest-experience {
  background: var(--night);
  color: var(--disco-white);
}

.video-showcase {
  background:
    radial-gradient(circle at 90% 15%, rgba(251,109,160,.11), transparent 20%),
    radial-gradient(circle at 10% 60%, rgba(11,211,211,.08), transparent 22%),
    var(--night);
  padding-bottom: 135px;
  padding-top: 135px;
}

.disco-section-heading {
  align-items: end;
  display: grid;
  gap: 80px;
  grid-template-columns: 1.2fr .8fr;
  margin-bottom: 58px;
}

.disco-section-heading h2 {
  color: white;
  font-family: "Arial Black", "Trebuchet MS", sans-serif;
  font-size: clamp(3.2rem, 6.5vw, 7.2rem);
  letter-spacing: -.065em;
  line-height: .87;
  margin: 0;
  text-transform: uppercase;
}

.disco-section-heading h2 em {
  background: var(--prism);
  background-clip: text;
  color: transparent;
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}

.disco-section-heading > p {
  border-left: 1px solid rgba(255,255,255,.2);
  color: var(--disco-muted);
  margin-bottom: 5px;
  padding-left: 28px;
}

.video-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.video-episode-card,
.episode-card {
  background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 24px;
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
  overflow: hidden;
}

.video-episode-card:hover,
.episode-card:hover {
  border-color: rgba(11,211,211,.55);
  box-shadow: 0 24px 80px rgba(0,0,0,.45), 0 0 28px rgba(11,211,211,.12);
}

.episode-screen {
  background: #050208;
  border-bottom: 1px solid rgba(255,255,255,.12);
  padding: 9px;
  position: relative;
}

.episode-screen .video-embed { border-radius: 16px; }
.screen-tag { background: rgba(11,4,18,.86); border: 1px solid rgba(255,255,255,.2); border-radius: 999px; bottom: 20px; color: white; font-family: var(--font-geist-mono), monospace; font-size: .55rem; font-weight: 700; left: 20px; letter-spacing: .12em; padding: 7px 10px; pointer-events: none; position: absolute; }

.episode-copy { padding: 28px 30px 32px; }
.episode-copy h3 { color: white; font-family: "Trebuchet MS", sans-serif; font-size: 1.65rem; letter-spacing: -.04em; }
.episode-copy > p { color: var(--disco-muted); }
.episode-meta { color: #ab98b6; }
.episode-guest { color: var(--aqua) !important; }
.text-link { color: var(--pink); }
.topic-filters button { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.18); color: white; }
.topic-filters button.active, .topic-filters button:hover { background: var(--prism); border-color: transparent; color: #13051b; }
.center-link { display: flex; justify-content: center; margin-top: 52px; }

.groove-manifesto {
  background:
    radial-gradient(circle at 15% 23%, rgba(255,255,255,.18) 0 1px, transparent 2px),
    radial-gradient(circle at 87% 70%, rgba(255,255,255,.15) 0 1px, transparent 2px),
    linear-gradient(135deg, #ec4f8a 0%, #a13bca 53%, #136c8c 100%);
  background-size: 70px 70px, 96px 96px, auto;
  color: #16051f;
  overflow: hidden;
  padding: 130px 0;
  position: relative;
}

.groove-manifesto::before,
.groove-manifesto::after {
  border: 65px solid rgba(255,255,255,.12);
  border-radius: 50%;
  content: "";
  height: 480px;
  position: absolute;
  width: 480px;
}

.groove-manifesto::before { left: -270px; top: -230px; }
.groove-manifesto::after { bottom: -300px; right: -170px; }
.manifesto-inner { position: relative; z-index: 2; }
.manifesto-inner .retro-kicker { color: #16051f; }
.manifesto-inner .retro-kicker span { background: #16051f; color: white; }
.manifesto-inner h2 { color: #16051f; font-family: "Arial Black", sans-serif; font-size: clamp(4.2rem, 9vw, 10rem); letter-spacing: -.075em; line-height: .76; margin: 0; text-transform: uppercase; }
.manifesto-inner h2 span { color: white; font-family: Georgia, serif; font-style: italic; font-weight: 400; text-transform: none; }
.manifesto-inner .manifesto-answer { margin-left: 20%; margin-top: 55px; }
.manifesto-inner .manifesto-answer em { color: #16051f; font-family: Georgia, serif; font-style: italic; font-weight: 400; text-shadow: 3px 3px 0 rgba(255,255,255,.3); text-transform: none; }
.manifesto-inner > p:last-child { font-family: Georgia, serif; font-size: 1.45rem; font-style: italic; line-height: 1.5; margin: 70px 0 0 auto; max-width: 600px; }
.manifesto-spark { color: white; font-size: 5rem; position: absolute; z-index: 2; }
.spark-one { left: 9%; top: 17%; }
.spark-two { bottom: 14%; right: 9%; }

.vinyl-section {
  background:
    radial-gradient(circle at 20% 40%, rgba(185,103,255,.15), transparent 27%),
    linear-gradient(180deg, #0b0412, #170820);
}

.vinyl-grid { align-items: center; display: grid; gap: 90px; grid-template-columns: .92fr 1.08fr; }
.vinyl-stage { min-height: 650px; position: relative; }
.vinyl-record { animation: slowSpin 22s linear infinite; background: repeating-radial-gradient(circle, #17111b 0 4px, #27202b 5px 7px, #0a080b 8px 11px); border: 2px solid rgba(255,255,255,.22); border-radius: 50%; box-shadow: 0 35px 90px #000, 0 0 55px rgba(185,103,255,.22); height: 520px; left: 0; position: absolute; top: 35px; width: 520px; }
.vinyl-record::before { background: var(--prism); border-radius: 50%; content: ""; inset: 31%; position: absolute; }
.vinyl-record::after { background: #09040c; border: 6px solid rgba(255,255,255,.45); border-radius: 50%; content: ""; height: 22px; left: calc(50% - 11px); position: absolute; top: calc(50% - 11px); width: 22px; }
.vinyl-label { align-items: center; display: flex; flex-direction: column; inset: 34%; justify-content: center; position: absolute; transform: rotate(-15deg); z-index: 2; }
.vinyl-label span { color: #17051f; font-size: .6rem; font-weight: 900; letter-spacing: .14em; }
.vinyl-label strong { color: #17051f; font-family: "Arial Black", sans-serif; font-size: 1.15rem; line-height: 1; }
.vinyl-label small { color: #17051f; font-size: .52rem; margin-top: 6px; }
.vinyl-note { background: var(--aqua); bottom: 30px; color: #13051b; font-family: var(--font-geist-mono), monospace; font-size: .72rem; font-weight: 900; letter-spacing: .08em; padding: 16px 20px; position: absolute; right: 0; transform: rotate(-4deg); }
.story-tracklist h2 { color: white; font-family: "Arial Black", sans-serif; font-size: clamp(3.4rem, 5vw, 6rem); letter-spacing: -.06em; line-height: .86; text-transform: uppercase; }
.story-tracklist h2 em { color: var(--pink); font-family: Georgia, serif; font-style: italic; font-weight: 400; text-transform: none; }
.story-tracklist ol { list-style: none; margin: 45px 0 0; padding: 0; }
.story-tracklist li { align-items: start; border-top: 1px solid rgba(255,255,255,.15); display: grid; gap: 22px; grid-template-columns: 45px 1fr; padding: 19px 0; }
.story-tracklist li:last-child { border-bottom: 1px solid rgba(255,255,255,.15); }
.story-tracklist li > span { color: var(--aqua); font-family: var(--font-geist-mono), monospace; font-size: .7rem; padding-top: 5px; }
.story-tracklist h3 { color: white; font-size: 1rem; letter-spacing: -.02em; margin: 0 0 3px; }
.story-tracklist li:nth-child(even) h3 { color: var(--pink); }
.story-tracklist p { color: var(--disco-muted); font-size: .78rem; margin: 0; }

.disco-host-section {
  background: linear-gradient(135deg, #2a0e3a, #0b0715 60%, #071719);
  overflow: hidden;
}

.disco-host-grid { align-items: center; display: grid; gap: 105px; grid-template-columns: .83fr 1.17fr; }
.host-poster { background: var(--prism); border: 1px solid rgba(255,255,255,.38); border-radius: 240px 240px 25px 25px; box-shadow: 25px 25px 0 var(--aqua), 0 30px 90px rgba(0,0,0,.45); height: 700px; overflow: hidden; position: relative; }
.host-poster img { height: 100%; object-fit: cover; object-position: center 35%; position: relative; width: 100%; z-index: 2; }
.poster-rays { background: repeating-conic-gradient(from 0deg, rgba(255,255,255,.3) 0 7deg, transparent 8deg 15deg); inset: -20%; position: absolute; }
.poster-caption { background: rgba(10,3,15,.87); border: 1px solid rgba(255,255,255,.27); bottom: 24px; color: white; left: 24px; padding: 18px 22px; position: absolute; z-index: 3; }
.poster-caption small { color: var(--aqua); display: block; font-family: var(--font-geist-mono), monospace; font-size: .56rem; letter-spacing: .13em; }
.poster-caption strong { display: block; font-family: "Arial Black", sans-serif; font-size: 1.5rem; line-height: .9; margin-top: 6px; }
.poster-star { color: white; font-size: 3rem; position: absolute; z-index: 4; }
.star-a { right: 22px; top: 100px; }
.star-b { bottom: 165px; left: 20px; }
.host-story h2 { color: white; font-family: "Arial Black", sans-serif; font-size: clamp(3rem, 5.5vw, 6rem); letter-spacing: -.065em; line-height: .85; text-transform: uppercase; }
.host-story h2 em { background: var(--prism); background-clip: text; color: transparent; font-family: Georgia, serif; font-style: italic; font-weight: 400; text-transform: none; }
.host-story > p:not(.retro-kicker) { color: var(--disco-muted); }
.host-story .large-copy { color: white !important; }
.disco-stats { border-bottom: 1px solid rgba(255,255,255,.17); border-top: 1px solid rgba(255,255,255,.17); display: grid; grid-template-columns: repeat(3, 1fr); margin: 35px 0; padding: 24px 0; }
.disco-stats div { display: flex; flex-direction: column; }
.disco-stats strong { background: var(--chrome); background-clip: text; color: transparent; font-family: "Arial Black", sans-serif; font-size: 2.3rem; line-height: 1; }
.disco-stats span { color: var(--disco-muted); font-size: .66rem; margin-top: 5px; text-transform: uppercase; }

.disco-values-section {
  background: #09030f;
}

.compact-heading { align-items: center; }
.disco-values-grid { gap: 18px; }
.brand-values-grid.disco-values-grid article,
.brand-values-grid article { background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); border-color: rgba(255,255,255,.17); color: white; min-height: 245px; overflow: hidden; position: relative; }
.disco-values-grid article h3,
.brand-values-grid article h3 { color: white; }
.disco-values-grid article p,
.brand-values-grid article p { color: var(--disco-muted); }
.disco-values-grid article > i { bottom: -18px; color: rgba(255,255,255,.08); font-size: 6rem; font-style: normal; position: absolute; right: -4px; }

.notes-section.disco-notes,
.notes-section {
  background:
    radial-gradient(circle at 86% 23%, rgba(11,211,211,.18), transparent 24%),
    linear-gradient(120deg, #260d34, #0c0715 65%);
  color: white;
}

.disco-notes h2 { color: white; font-family: "Arial Black", sans-serif; font-size: clamp(3.6rem, 7vw, 7.7rem); letter-spacing: -.065em; line-height: .82; text-transform: uppercase; }
.disco-notes h2 em { color: var(--pink); font-family: Georgia, serif; font-style: italic; font-weight: 400; text-transform: none; }
.inline-form { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.25); }
.inline-form input { color: white; }
.inline-form input::placeholder { color: #aa99b3; }
.inline-form button { background: var(--prism); color: #16051f; }

.disco-final-cta {
  background: #08030d;
  padding: 130px 0;
}

.final-marquee { background: linear-gradient(145deg, #251032, #100717); border: 1px solid rgba(255,255,255,.2); border-radius: 40px; box-shadow: var(--disco-shadow); overflow: hidden; padding-bottom: 95px; padding-top: 120px; position: relative; text-align: center; }
.final-marquee::before { background: repeating-conic-gradient(from 0deg, rgba(251,109,160,.09) 0 7deg, transparent 8deg 17deg); content: ""; inset: -70%; position: absolute; }
.final-marquee > *:not(.mini-ball) { margin-left: auto; margin-right: auto; max-width: 820px; position: relative; z-index: 2; }
.final-marquee .retro-kicker { justify-content: center; }
.final-marquee h2 { color: white; font-family: "Arial Black", sans-serif; font-size: clamp(3.4rem, 6.7vw, 7rem); letter-spacing: -.065em; line-height: .85; text-transform: uppercase; }
.final-marquee h2 em { background: var(--chrome); background-clip: text; color: transparent; font-family: Georgia, serif; font-style: italic; font-weight: 400; text-transform: none; }
.final-marquee > p:not(.retro-kicker) { color: var(--disco-muted); }
.mini-ball { height: 150px; left: calc(50% - 75px); top: -75px; width: 150px; z-index: 3; }

/* All interior routes inherit the dark disco system. */
.page-hero,
.episodes-hero,
.sponsor-hero,
.guest-hero,
.contact-hero,
.compact-hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(11,211,211,.15), transparent 22%),
    radial-gradient(circle at 14% 75%, rgba(251,109,160,.13), transparent 26%),
    linear-gradient(145deg, #1a0826, #08030e);
  color: white;
}

.page-hero::after { background: radial-gradient(circle, rgba(185,103,255,.28), transparent 66%); }
.page-hero h1 { color: white; font-family: "Arial Black", "Trebuchet MS", sans-serif; letter-spacing: -.065em; text-transform: uppercase; }
.page-hero h1 em { background: var(--prism); background-clip: text; color: transparent; font-family: Georgia, serif; font-style: italic; font-weight: 400; text-transform: none; }
.page-hero p:not(.eyebrow) { color: var(--disco-muted); }
.eyebrow { color: var(--pink); }
.eyebrow.aqua { color: var(--aqua); }
.eyebrow.violet { color: var(--violet); }
.eyebrow.coral { color: var(--coral); }
.eyebrow.pink { color: var(--pink); }
.two-col-intro h2, .editorial-grid h2, .section-heading-row h2, .section-heading h2, .about-host-grid h2, .legal-copy h2 { color: white; }
.two-col-intro > div:last-child, .editorial-copy, .about-host-grid > div:last-child > p:not(.eyebrow), .archive-note, .legal-copy p { color: var(--disco-muted); }
.large-copy { color: white; }
.promise-grid article, .topic-wall > div, .contact-path-grid > a, .inquiry-form { background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)); border-color: rgba(255,255,255,.17); color: white; }
.promise-grid p, .topic-wall p, .contact-path-grid p { color: var(--disco-muted); }
.promise-grid h3, .topic-wall p, .contact-path-grid h2 { color: white; }
.about-hero-card { background: linear-gradient(145deg, #2a0e3a, #09030e); border: 1px solid rgba(255,255,255,.18); box-shadow: var(--disco-shadow); }
.story-arc li { border-color: rgba(255,255,255,.16); }
.story-arc h3 { color: white; }
.story-arc p { color: var(--disco-muted); }
.about-host-photo img { box-shadow: 22px 22px 0 var(--aqua), 0 30px 80px rgba(0,0,0,.45); }
.episode-hero-art { box-shadow: 0 0 70px rgba(185,103,255,.25); }
.listen-links a { border-color: rgba(255,255,255,.16); color: white; }
.check-list li { border-color: rgba(255,255,255,.16); color: white; }
.topic-wall > div { min-height: 165px; }
.guest-steps article h3 { color: white; }
.guest-steps article p { color: var(--disco-muted); }
.inquiry-form { box-shadow: var(--disco-shadow); }
.form-heading h2 { color: white; }
.form-grid label > span { color: white; }
.form-grid input, .form-grid textarea { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.17); color: white; }
.form-grid input::placeholder, .form-grid textarea::placeholder { color: #93859c; }
.form-footnote { color: var(--disco-muted); }
.contact-path-grid strong { color: var(--aqua); }
.legal-copy a { color: var(--aqua); }

.site-footer {
  background: #060209;
  border-top-color: rgba(255,255,255,.12);
  color: white;
}

.footer-brand {
  background: white;
  border-radius: 18px;
  padding: 4px 24px 22px;
}

.footer-brand p { color: #544f66; }
.footer-main a { color: #b7a8c0; }
.footer-label { color: white; }
.footer-bottom { border-top-color: rgba(255,255,255,.12); color: #92849b; }

@keyframes discoFloat {
  0%, 100% { transform: translateY(0) rotate(-4deg); }
  50% { transform: translateY(12px) rotate(3deg); }
}

@keyframes slowSpin {
  to { transform: rotate(360deg); }
}

@media (max-width: 980px) {
  .disco-hero-grid,
  .vinyl-grid,
  .disco-host-grid,
  .disco-section-heading { grid-template-columns: 1fr; }
  .disco-hero { padding-top: 100px; }
  .disco-hero-copy { max-width: 800px; }
  .hero-video-booth { max-width: 780px; }
  .hero-ball { left: auto; right: 70px; }
  .disco-section-heading { gap: 25px; }
  .disco-section-heading > p { max-width: 620px; }
  .vinyl-stage { min-height: 590px; }
  .vinyl-record { left: calc(50% - 260px); }
  .disco-host-grid { gap: 80px; }
  .host-poster { max-width: 580px; }
}

@media (max-width: 700px) {
  .brand-link { height: 52px; width: 144px; }
  .brand-link img { margin: -27px 0; width: 140px; }
  .disco-hero { min-height: auto; padding: 85px 0 70px; }
  .hero-ball { height: 100px; right: 20px; top: -44px; width: 100px; }
  .disco-hero-copy h1 { font-size: clamp(4.2rem, 24vw, 6.6rem); margin-bottom: 34px; }
  .disco-tagline { font-size: 1.6rem; }
  .hero-video-booth { border-radius: 22px; margin-top: 20px; padding: 8px; }
  .booth-top, .booth-footer { font-size: .5rem; }
  .featured-video-copy { align-items: flex-start; flex-direction: column; }
  .featured-video-copy .button { width: auto; }
  .scroll-cue { display: none; }
  .video-showcase { padding-bottom: 90px; padding-top: 90px; }
  .disco-section-heading h2 { font-size: clamp(3rem, 15vw, 5rem); }
  .video-grid { grid-template-columns: 1fr; }
  .episode-copy { padding: 23px 22px 27px; }
  .manifesto-inner h2 { font-size: clamp(3.7rem, 18vw, 6rem); }
  .manifesto-inner .manifesto-answer { margin-left: 0; margin-top: 42px; }
  .manifesto-inner > p:last-child { font-size: 1.14rem; margin-top: 50px; }
  .manifesto-spark { font-size: 2.5rem; }
  .vinyl-stage { min-height: 410px; }
  .vinyl-record { height: 340px; left: calc(50% - 170px); width: 340px; }
  .vinyl-note { bottom: 2px; font-size: .55rem; }
  .story-tracklist h2 { font-size: clamp(3rem, 14vw, 4.8rem); }
  .host-poster { border-radius: 180px 180px 20px 20px; height: 550px; }
  .host-story h2 { font-size: clamp(3rem, 14vw, 5rem); }
  .disco-stats { gap: 16px; }
  .disco-stats strong { font-size: 1.8rem; }
  .disco-stats span { font-size: .52rem; }
  .disco-values-grid { grid-template-columns: 1fr; }
  .final-marquee { border-radius: 25px; margin-left: 12px; margin-right: 12px; padding: 100px 20px 70px; width: auto; }
  .final-marquee h2 { font-size: clamp(3rem, 14vw, 5rem); }
  .mini-ball { height: 110px; left: calc(50% - 55px); top: -55px; width: 110px; }
}

/* ──────────────────────────────────────────────────────────────────────────
   UNIVERSAL SHOW OPEN + OFFICIAL SOCIAL LINK
   A silent first-visit bumper that mirrors the structure of the video open.
   ────────────────────────────────────────────────────────────────────────── */

.instagram-nav-link {
  align-items: center;
  color: var(--disco-white);
  display: inline-flex;
  font-family: var(--brand-display);
  font-size: .78rem;
  font-weight: 700;
  gap: 7px;
  letter-spacing: .01em;
  transition: color 180ms ease, transform 180ms ease;
}

.instagram-nav-link span {
  align-items: center;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 50%;
  color: var(--aqua);
  display: inline-flex;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  height: 25px;
  justify-content: center;
  width: 25px;
}

.instagram-nav-link:hover,
.instagram-nav-link:focus-visible {
  color: var(--pink);
  transform: translateY(-1px);
}

.mobile-social-link {
  color: var(--aqua) !important;
}

.hosted-by {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}

.hosted-by a {
  border-bottom: 1px solid rgba(11,211,211,.55);
  color: var(--aqua);
  font-size: .77rem;
  font-weight: 800;
  letter-spacing: .02em;
  padding-bottom: 2px;
}

.hosted-by a:hover,
.hosted-by a:focus-visible {
  color: white;
}

.universal-intro {
  align-items: center;
  background:
    radial-gradient(circle at 50% 46%, rgba(185,103,255,.23), transparent 28%),
    radial-gradient(circle at 10% 90%, rgba(251,109,160,.18), transparent 33%),
    radial-gradient(circle at 92% 14%, rgba(11,211,211,.14), transparent 31%),
    #09020f;
  display: flex;
  inset: 0;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 2000;
}

.universal-intro::before {
  animation: introCurtain 1.15s cubic-bezier(.22,.72,.23,1) both;
  background:
    repeating-conic-gradient(from 225deg at 50% 45%, rgba(255,255,255,.05) 0 4deg, transparent 4deg 11deg);
  content: "";
  inset: -40%;
  position: absolute;
}

.universal-intro::after {
  background-image: radial-gradient(rgba(255,255,255,.42) .6px, transparent .7px);
  background-size: 5px 5px;
  content: "";
  inset: 0;
  opacity: .12;
  pointer-events: none;
  position: absolute;
}

.universal-intro.is-leaving {
  animation: introExit .65s cubic-bezier(.5,0,1,1) forwards;
}

.intro-lockup {
  align-items: center;
  animation: introLockup 1s .36s cubic-bezier(.18,.8,.2,1) both;
  display: flex;
  flex-direction: column;
  max-width: min(760px, 84vw);
  position: relative;
  text-align: center;
  z-index: 2;
}

.intro-eyebrow {
  color: var(--aqua);
  font-size: clamp(.66rem, 1.3vw, .82rem);
  font-weight: 800;
  letter-spacing: .22em;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.intro-logo-panel {
  animation: introPanelGlow 2.4s 1.1s ease-in-out infinite alternate;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  width: min(690px, 82vw);
}

.intro-logo-panel img {
  filter: drop-shadow(0 0 26px rgba(11,211,211,.18)) drop-shadow(0 18px 34px rgba(0,0,0,.42));
  height: auto;
  margin: 0 auto;
  width: 100%;
}

.intro-tagline {
  animation: introTagline .75s 1.3s ease both;
  color: white;
  font-family: var(--brand-display);
  font-size: clamp(1.1rem, 2.8vw, 2rem);
  font-weight: 600;
  margin: 23px 0 0;
}

.intro-tagline span {
  color: var(--pink);
}

.intro-mirror-ball {
  animation: introBallDrop 1s .05s cubic-bezier(.18,.86,.28,1) both, slowSpin 18s 1.05s linear infinite;
  height: clamp(100px, 15vw, 190px);
  left: clamp(-44px, 3vw, 45px);
  position: absolute;
  top: clamp(-35px, 2vw, 35px);
  width: clamp(100px, 15vw, 190px);
  z-index: 1;
}

.intro-star {
  color: white;
  filter: drop-shadow(0 0 14px currentColor);
  position: absolute;
  z-index: 1;
}

.intro-star-one {
  animation: introSpark 1.7s .9s ease-in-out infinite;
  color: var(--aqua);
  font-size: clamp(2.2rem, 6vw, 5.4rem);
  right: 8%;
  top: 17%;
}

.intro-star-two {
  animation: introSpark 1.9s 1.25s ease-in-out infinite;
  bottom: 13%;
  color: var(--pink);
  font-size: clamp(1.5rem, 4vw, 3.8rem);
  left: 10%;
}

.intro-prism {
  filter: blur(1px);
  opacity: .65;
  position: absolute;
  transform-origin: left center;
}

.intro-prism-one {
  animation: introBeam 1.35s .45s ease both;
  background: linear-gradient(90deg, rgba(11,211,211,0), rgba(11,211,211,.26), rgba(255,255,255,.08), transparent);
  height: 34%;
  left: -10%;
  top: 9%;
  transform: rotate(17deg);
  width: 78%;
}

.intro-prism-two {
  animation: introBeam 1.35s .67s ease both;
  background: linear-gradient(90deg, rgba(251,109,160,0), rgba(251,109,160,.25), rgba(185,103,255,.12), transparent);
  bottom: 5%;
  height: 31%;
  right: -13%;
  transform: rotate(198deg);
  width: 77%;
}

.intro-skip {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  bottom: clamp(20px, 4vw, 42px);
  color: white;
  cursor: pointer;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  min-height: 42px;
  padding: 0 17px;
  position: absolute;
  right: clamp(20px, 4vw, 42px);
  text-transform: uppercase;
  transition: background 180ms ease, border-color 180ms ease;
  z-index: 3;
}

.intro-skip:hover,
.intro-skip:focus-visible {
  background: rgba(11,211,211,.14);
  border-color: var(--aqua);
}

@keyframes introCurtain {
  from { opacity: 0; transform: scale(.78) rotate(-8deg); }
  to { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes introLockup {
  from { filter: blur(14px); opacity: 0; transform: scale(.72) rotate(-2deg); }
  to { filter: blur(0); opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes introTagline {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes introBallDrop {
  from { opacity: 0; transform: translateY(-80px) rotate(-20deg); }
  to { opacity: 1; transform: translateY(0) rotate(0); }
}

@keyframes introBeam {
  from { opacity: 0; transform: scaleX(.1) rotate(17deg); }
  to { opacity: .65; }
}

@keyframes introSpark {
  0%, 100% { opacity: .28; transform: scale(.62) rotate(0); }
  50% { opacity: 1; transform: scale(1) rotate(45deg); }
}

@keyframes introPanelGlow {
  from { filter: drop-shadow(0 0 4px rgba(11,211,211,.08)); }
  to { filter: drop-shadow(0 0 18px rgba(251,109,160,.2)); }
}

@keyframes introExit {
  from { opacity: 1; transform: scale(1); }
  to { opacity: 0; transform: scale(1.025); visibility: hidden; }
}

@media (max-width: 1160px) {
  .instagram-nav-link { font-size: 0; gap: 0; }
}

@media (max-width: 700px) {
  .instagram-nav-link { display: none; }
  .intro-lockup { max-width: 90vw; }
  .intro-logo-panel { padding: 9px 14px; width: 88vw; }
  .intro-skip { bottom: 18px; right: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .universal-intro { display: none; }
}

/* ──────────────────────────────────────────────────────────────────────────
   BRAND-ACCURATE EDITORIAL PASS
   Quicksand + Nunito follow the official I Am Wiser brand packet.
   ────────────────────────────────────────────────────────────────────────── */

:root {
  --brand-display: var(--font-brand-display, "Quicksand"), "Trebuchet MS", sans-serif;
  --brand-body: var(--font-brand-body, "Nunito"), Arial, sans-serif;
  --font-geist-sans: var(--font-brand-body, "Nunito");
  --font-geist-mono: var(--font-brand-body, "Nunito");
  --star-shift-x: 0px;
  --star-shift-y: 0px;
  --star-shift-x-reverse: 0px;
  --star-shift-y-reverse: 0px;
  --star-flow-y: 0px;
  --star-flow-y-reverse: 0px;
}

body,
button,
input,
textarea {
  font-family: var(--brand-body);
}

body {
  --brand-display: var(--font-brand-display, "Quicksand"), "Trebuchet MS", sans-serif;
  --brand-body: var(--font-brand-body, "Nunito"), Arial, sans-serif;
  --font-geist-sans: var(--font-brand-body, "Nunito");
  --font-geist-mono: var(--font-brand-body, "Nunito");
  font-size: 17px;
  line-height: 1.65;
}

h1,
h2,
h3,
.button,
.desktop-nav a,
.mobile-nav a {
  font-family: var(--brand-display);
}

h1,
h2,
h3 {
  letter-spacing: -.025em;
}

em {
  font-family: inherit;
  font-style: normal;
}

.site-header .nav-shell {
  height: 92px;
}

.brand-link {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  height: 88px;
  justify-content: center;
  overflow: visible;
  padding: 0;
  width: 236px;
}

.brand-link img {
  filter: drop-shadow(0 5px 14px rgba(0,0,0,.36));
  height: auto;
  margin: 0;
  object-fit: contain;
  width: 220px;
}

.desktop-nav a {
  font-size: .86rem;
  font-weight: 700;
}

.button {
  font-size: .88rem;
  font-weight: 700;
}

.retro-kicker,
.booth-top,
.booth-footer,
.screen-tag,
.scroll-cue,
.vinyl-note,
.disco-ticker span,
.poster-caption small,
.story-tracklist li > span {
  font-family: var(--brand-body);
  font-weight: 800;
}

.disco-hero-copy h1,
.disco-section-heading h2,
.manifesto-inner h2,
.story-tracklist h2,
.host-story h2,
.poster-caption strong,
.disco-notes h2,
.final-marquee h2,
.page-hero h1,
.featured-video-copy h2,
.episode-copy h3,
.vinyl-label strong,
.disco-stats strong {
  font-family: var(--brand-display) !important;
  font-weight: 700;
  letter-spacing: -.04em;
  text-transform: none;
}

.disco-hero-copy h1 {
  font-size: clamp(4.5rem, 7.7vw, 7.8rem);
  line-height: .82;
}

.chrome-type {
  letter-spacing: -.02em;
}

.disco-tagline,
.disco-tagline em {
  font-family: var(--brand-display);
  font-style: normal;
  font-weight: 600;
}

.disco-hero .hero-lede {
  font-size: 1.06rem;
  line-height: 1.7;
}

.booth-top,
.booth-footer {
  letter-spacing: .08em;
}

.featured-video-copy {
  align-items: flex-end;
}

.featured-video-copy h2 {
  font-size: 1.35rem;
  line-height: 1.15;
  margin: 5px 0 4px;
}

.featured-video-copy p {
  font-size: .72rem;
  line-height: 1.35;
}

.disco-section-heading {
  align-items: center;
}

.disco-section-heading h2 {
  font-size: clamp(2.85rem, 4.8vw, 5rem);
  line-height: .98;
}

.disco-section-heading > div:last-child > p:first-child,
.disco-section-heading > p {
  border-left: 1px solid rgba(255,255,255,.2);
  color: var(--disco-muted);
  margin-bottom: 0;
  padding-left: 28px;
}

.feed-note {
  border-left: 0 !important;
  color: #cfc1d6 !important;
  font-size: .78rem;
  margin: 18px 0 0 !important;
  padding-left: 28px !important;
}

.feed-note span,
.feed-live-dot {
  color: var(--aqua);
}

.feed-live-dot {
  background: var(--aqua);
  border-radius: 50%;
  box-shadow: 0 0 14px rgba(11,211,211,.7);
  display: inline-block;
  height: 8px;
  margin-right: 8px;
  width: 8px;
}

.episode-meta {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.episode-meta span:last-child {
  text-align: right;
}

.episode-copy h3 {
  font-size: 1.75rem;
  line-height: 1.1;
}

.episode-copy > p {
  line-height: 1.65;
}

.audio-preview {
  align-items: center;
  aspect-ratio: 16 / 9;
  background:
    radial-gradient(circle at 20% 20%, rgba(11,211,211,.2), transparent 28%),
    radial-gradient(circle at 80% 75%, rgba(251,109,160,.2), transparent 35%),
    #0d0614;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 42px;
  text-align: center;
}

.audio-preview div {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
}

.audio-preview span {
  color: var(--aqua);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.audio-preview strong {
  font-family: var(--brand-display);
  font-size: 1.45rem;
  line-height: 1.15;
  margin-top: 8px;
}

.audio-preview audio {
  max-width: 360px;
  width: 100%;
}

.audio-preview a {
  color: var(--pink);
  font-weight: 800;
}

.manifesto-inner h2 {
  font-size: clamp(3.6rem, 7vw, 7.2rem);
  line-height: .86;
}

.manifesto-inner h2 span,
.manifesto-inner .manifesto-answer em,
.manifesto-inner > p:last-child {
  font-family: var(--brand-display);
  font-style: normal;
}

.manifesto-inner > p:last-child {
  font-size: 1.55rem;
  font-weight: 700;
}

.story-tracklist h2,
.host-story h2,
.disco-notes h2,
.final-marquee h2 {
  line-height: .98;
}

.story-tracklist h2 {
  font-size: clamp(2.7rem, 4.1vw, 4.5rem);
}

.story-tracklist p {
  font-size: .88rem;
}

.host-story h2 {
  font-size: clamp(2.7rem, 4.2vw, 4.5rem);
}

.host-story .large-copy {
  font-size: 1.16rem;
  line-height: 1.65;
}

.disco-stats span {
  font-size: .67rem;
  letter-spacing: .03em;
  text-transform: none;
}

.brand-values-grid.disco-values-grid article,
.brand-values-grid article {
  min-height: 260px;
}

.disco-notes h2,
.final-marquee h2 {
  font-size: clamp(2.9rem, 5vw, 5.2rem);
}

.page-hero h1 {
  font-size: clamp(3rem, 5.4vw, 5.4rem);
  line-height: 1;
}

.brand-stars {
  transform: translate3d(var(--star-shift-x), calc(var(--star-shift-y) + var(--star-flow-y)), 0);
  transition: transform 140ms linear;
  will-change: transform;
}

.brand-stars-offset {
  transform: translate3d(var(--star-shift-x-reverse), calc(var(--star-shift-y-reverse) + var(--star-flow-y-reverse)), 0) scaleX(-1);
}

.has-brand-stars:hover .brand-stars {
  opacity: .36;
}

.has-brand-stars:hover .brand-stars-soft {
  opacity: .27;
}

.episode-number,
.episode-hero-art span,
.quote-mark,
.wisdom-stamp strong,
.portrait-badge strong,
.host-facts strong,
.guest-question i {
  font-family: var(--brand-display) !important;
}

.page-hero h1 em {
  font-family: var(--brand-display);
  font-style: normal;
}

.about-hero-card p,
.guest-question p,
.handwritten {
  font-family: var(--brand-display) !important;
  font-style: normal !important;
}

.about-hero-card span {
  color: var(--aqua);
  display: block;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.about-hero-card p {
  font-size: 2rem !important;
  line-height: 1.25;
}

.footer-brand {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.footer-brand img {
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.4));
  height: auto;
  margin: 0;
  object-fit: contain;
  width: 220px;
}

.footer-brand p {
  color: var(--disco-muted);
  font-family: var(--brand-display);
  font-weight: 700;
  margin-top: 14px;
}

@media (max-width: 980px) {
  .disco-section-heading > div:last-child > p:first-child,
  .disco-section-heading > p {
    max-width: 700px;
  }
}

@media (max-width: 700px) {
  body { font-size: 16px; }
  .site-header .nav-shell { height: 78px; }
  .brand-link { height: 76px; padding: 0; width: 175px; }
  .brand-link img { height: auto; margin: 0; width: 165px; }
  .disco-hero-copy h1 { font-size: clamp(4rem, 23vw, 6rem); }
  .disco-section-heading h2 { font-size: clamp(2.75rem, 13vw, 4.6rem); }
  .disco-section-heading > div:last-child > p:first-child,
  .disco-section-heading > p { padding-left: 20px; }
  .feed-note { padding-left: 20px !important; }
  .booth-footer { align-items: flex-start; flex-direction: column; gap: 5px; }
  .episode-meta { flex-direction: column; gap: 4px; }
  .episode-meta span:last-child { text-align: left; }
  .audio-preview { padding: 28px 20px; }
  .manifesto-inner h2 { font-size: clamp(3.2rem, 16vw, 5.6rem); }
  .story-tracklist h2,
  .host-story h2,
  .page-hero h1 { font-size: clamp(2.8rem, 12.5vw, 4.6rem); }
  .disco-notes h2,
  .final-marquee h2 { font-size: clamp(2.8rem, 13vw, 4.8rem); }
}

/* ──────────────────────────────────────────────────────────────────────────
   CINEMATIC VIDEO OPEN + IN-VIEW EPISODE PLAYBACK
   ────────────────────────────────────────────────────────────────────────── */

.video-embed {
  isolation: isolate;
}

.video-sound-toggle,
.intro-sound {
  align-items: center;
  backdrop-filter: blur(16px);
  background: rgba(8, 3, 13, .78);
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 999px;
  color: white;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--brand-body);
  font-size: .68rem;
  font-weight: 800;
  gap: 8px;
  letter-spacing: .045em;
  min-height: 40px;
  padding: 0 14px;
  text-transform: uppercase;
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.video-sound-toggle {
  bottom: 13px;
  position: absolute;
  right: 13px;
  z-index: 6;
}

.video-sound-toggle span,
.intro-sound span {
  color: var(--aqua);
  font-family: Arial, sans-serif;
  font-size: .92rem;
  letter-spacing: -.08em;
}

.video-sound-toggle.is-icon-only {
  align-items: center;
  height: 44px;
  justify-content: center;
  min-height: 44px;
  padding: 0;
  width: 44px;
}

.video-sound-toggle.is-icon-only span {
  color: white;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
}

.video-sound-toggle:hover,
.video-sound-toggle:focus-visible,
.intro-sound:hover,
.intro-sound:focus-visible,
.video-sound-toggle.is-on,
.intro-sound.is-on {
  background: rgba(11, 211, 211, .18);
  border-color: var(--aqua);
  box-shadow: 0 0 24px rgba(11, 211, 211, .23);
  transform: translateY(-1px);
}

/* ──────────────────────────────────────────────────────────────────────────
   STUDIO PHOTO REEL
   ────────────────────────────────────────────────────────────────────────── */

.studio-reel-section {
  background:
    radial-gradient(circle at 8% 20%, rgba(11, 211, 211, .12), transparent 24%),
    radial-gradient(circle at 90% 76%, rgba(251, 109, 160, .14), transparent 25%),
    #08030d;
  overflow: hidden;
  padding-bottom: 130px;
  padding-top: 130px;
}

.studio-reel-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.studio-reel-copy {
  align-self: center;
  grid-column: 1 / 5;
  padding-right: 30px;
}

.studio-reel-copy h2 {
  color: white;
  font-family: var(--brand-display);
  font-size: clamp(3rem, 5vw, 5.5rem);
  line-height: .92;
  margin-bottom: 26px;
}

.studio-reel-copy > p:last-child {
  color: var(--disco-muted);
  line-height: 1.7;
}

.studio-frame {
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 26px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .4);
  margin: 0;
  min-height: 310px;
  overflow: hidden;
  position: relative;
}

.studio-frame::after {
  background: linear-gradient(180deg, transparent 58%, rgba(5, 2, 8, .72));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.studio-frame img {
  height: 100%;
  object-fit: cover;
  transition: filter 650ms ease, transform 650ms cubic-bezier(.2, .8, .2, 1);
  width: 100%;
}

.studio-frame:hover img {
  filter: saturate(1.08) contrast(1.03);
  transform: scale(1.025);
}

.studio-frame figcaption {
  bottom: 17px;
  color: white;
  font-size: .65rem;
  font-weight: 800;
  left: 19px;
  letter-spacing: .12em;
  position: absolute;
  text-transform: uppercase;
  z-index: 2;
}

.studio-frame-wide {
  grid-column: 5 / 13;
  min-height: 430px;
}

.studio-frame-wide img {
  object-position: center 44%;
}

.studio-frame-close {
  grid-column: 1 / 7;
  min-height: 380px;
}

.studio-frame-close img {
  object-position: center 36%;
}

.studio-frame-guest {
  grid-column: 7 / 13;
  min-height: 380px;
}

.studio-frame-guest img {
  object-position: center 42%;
}

@media (max-width: 980px) {
  .studio-reel-copy { grid-column: 1 / 13; max-width: 720px; padding: 0 0 24px; }
  .studio-frame-wide { grid-column: 1 / 13; }
  .studio-frame-close { grid-column: 1 / 7; }
  .studio-frame-guest { grid-column: 7 / 13; }
}

@media (max-width: 700px) {
  .brand-stars { background-size: 1080px auto; opacity: .22; }
  .brand-stars-hero { opacity: .28; }
  .brand-stars-offset,
  .brand-stars-soft { opacity: .18; }
  .video-sound-toggle { bottom: 10px; font-size: .57rem; min-height: 36px; padding: 0 11px; right: 10px; }
  .intro-skip { bottom: 18px; right: 14px; }
  .studio-reel-section { padding-bottom: 88px; padding-top: 88px; }
  .studio-frame-wide,
  .studio-frame-close,
  .studio-frame-guest { grid-column: 1 / 13; min-height: 285px; }
  .studio-reel-copy h2 { font-size: clamp(2.8rem, 13vw, 4.4rem); }
}

/* ──────────────────────────────────────────────────────────────────────────
   EXACT LOGO SPARKLES
   Every silhouette comes from the official transparent logo star sheet.
   Layered scale, spacing and color-flow keep the field dimensional.
   ────────────────────────────────────────────────────────────────────────── */

.brand-stars {
  --sparkle-far-bright: .64;
  --sparkle-far-dim: .26;
  --sparkle-far-position: 66% 190px;
  --sparkle-far-size: min(1160px, 118vw) auto;
  --sparkle-near-bright: .88;
  --sparkle-near-dim: .4;
  --sparkle-near-position: 46% -20px;
  --sparkle-near-size: min(1580px, 148vw) auto;
  animation: none;
  background: none;
  display: block;
  inset: -96px;
  -webkit-mask-image: none;
  mask-image: none;
  mix-blend-mode: normal;
  opacity: 1;
  overflow: hidden;
  z-index: 1;
}

.brand-stars::before,
.brand-stars::after {
  background-repeat: no-repeat;
  background-size: 230% 230%;
  content: "";
  inset: -54px;
  mix-blend-mode: screen;
  pointer-events: none;
  position: absolute;
  -webkit-mask-image: url("../images/i-am-wiser-brand-stars.png");
  -webkit-mask-repeat: repeat-y;
  mask-image: url("../images/i-am-wiser-brand-stars.png");
  mask-repeat: repeat-y;
  will-change: background-position, opacity, transform;
}

.brand-stars::before {
  animation: sparkleFlowNear 8.6s cubic-bezier(.45, 0, .22, 1) infinite alternate;
  background-image: linear-gradient(
    118deg,
    rgba(0, 232, 239, .46) 0%,
    #00e8ef 14%,
    rgba(255, 79, 155, .48) 25%,
    #ff4f9b 34%,
    rgba(185, 103, 255, .5) 45%,
    #b967ff 54%,
    rgba(0, 223, 233, .42) 66%,
    #00dfe9 75%,
    #ff4f9b 88%,
    #8e68ff 100%
  );
  filter:
    saturate(1.55)
    drop-shadow(0 0 7px rgba(0, 232, 239, .5))
    drop-shadow(0 0 10px rgba(255, 79, 155, .4))
    drop-shadow(0 0 13px rgba(185, 103, 255, .3));
  -webkit-mask-position: var(--sparkle-near-position);
  -webkit-mask-size: var(--sparkle-near-size);
  mask-position: var(--sparkle-near-position);
  mask-size: var(--sparkle-near-size);
}

.brand-stars::after {
  animation: sparkleFlowFar 11.4s cubic-bezier(.38, 0, .2, 1) -4.7s infinite alternate;
  background-image: linear-gradient(
    132deg,
    rgba(142, 104, 255, .38) 0%,
    #b967ff 18%,
    rgba(0, 232, 239, .34) 31%,
    #00e8ef 46%,
    rgba(255, 79, 155, .42) 59%,
    #ff4f9b 74%,
    rgba(0, 223, 233, .38) 88%,
    #8e68ff 100%
  );
  filter:
    saturate(1.48)
    drop-shadow(0 0 6px rgba(185, 103, 255, .42))
    drop-shadow(0 0 9px rgba(0, 232, 239, .3));
  -webkit-mask-position: var(--sparkle-far-position);
  -webkit-mask-size: var(--sparkle-far-size);
  mask-position: var(--sparkle-far-position);
  mask-size: var(--sparkle-far-size);
}

.brand-stars-offset {
  --sparkle-far-position: 30% -120px;
  --sparkle-near-position: 64% 130px;
}

.brand-stars-soft {
  --sparkle-far-position: 74% 80px;
  --sparkle-far-size: min(1080px, 112vw) auto;
  --sparkle-near-position: 34% -110px;
  --sparkle-near-size: min(1420px, 140vw) auto;
}

.brand-stars-hero {
  --sparkle-far-position: 72% 220px;
  --sparkle-near-position: 42% -40px;
  --sparkle-near-size: min(1680px, 154vw) auto;
}

.brand-stars-offset::before { animation-delay: -2.6s; animation-duration: 10.2s; }
.brand-stars-offset::after { animation-delay: -7.1s; animation-duration: 13.2s; }
.brand-stars-soft::before { animation-delay: -5.3s; animation-duration: 11.1s; }
.brand-stars-soft::after { animation-delay: -1.8s; animation-duration: 14.6s; }

@keyframes sparkleFlowNear {
  0% {
    background-position: 0% 22%;
    opacity: var(--sparkle-near-dim);
    transform: translate3d(-8px, 24px, 0) scale(.99);
  }
  42% {
    background-position: 48% 58%;
    opacity: .68;
    transform: translate3d(5px, 2px, 0) scale(1.005);
  }
  67% {
    background-position: 76% 72%;
    opacity: var(--sparkle-near-bright);
    transform: translate3d(10px, -14px, 0) scale(1.01);
  }
  100% {
    background-position: 100% 34%;
    opacity: .54;
    transform: translate3d(-2px, -28px, 0) scale(1);
  }
}

@keyframes sparkleFlowFar {
  0% {
    background-position: 100% 64%;
    opacity: var(--sparkle-far-dim);
    transform: translate3d(10px, -18px, 0) scale(1.01);
  }
  38% {
    background-position: 62% 28%;
    opacity: .46;
    transform: translate3d(-4px, -2px, 0) scale(1);
  }
  72% {
    background-position: 24% 52%;
    opacity: var(--sparkle-far-bright);
    transform: translate3d(-10px, 14px, 0) scale(.995);
  }
  100% {
    background-position: 0% 78%;
    opacity: .34;
    transform: translate3d(2px, 26px, 0) scale(1);
  }
}

.logo-sparkle {
  --sparkle-rgb: 0, 232, 239;
  --sparkle-dim: .36;
  --sparkle-mid: .78;
  --sparkle-bright: 1;
  animation: exactLogoTwinkle 4.9s ease-in-out infinite;
  background: rgb(var(--sparkle-rgb));
  display: block;
  font-size: 0 !important;
  -webkit-mask-image: url("../images/i-am-wiser-brand-stars.png");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 1770px 889px;
  mask-image: url("../images/i-am-wiser-brand-stars.png");
  mask-repeat: no-repeat;
  mask-size: 1770px 889px;
  position: absolute;
  transform-origin: center;
  will-change: filter, opacity;
}

/* Exact transparent logo crops, recolored only with the approved neon palette. */
.logo-sparkle-aqua-large,
.logo-sparkle-aqua-small { --sparkle-rgb: 0, 232, 239; }
.logo-sparkle-pink-large,
.logo-sparkle-pink-small { --sparkle-rgb: 255, 79, 155; }
.logo-sparkle-purple-large { --sparkle-rgb: 185, 103, 255; }
.logo-sparkle-violet-small { --sparkle-rgb: 142, 104, 255; }
.logo-sparkle-white { --sparkle-rgb: 87, 219, 255; }

.logo-sparkle-aqua-large { -webkit-mask-position: -1021px -156px; mask-position: -1021px -156px; height: 80px; width: 80px; }
.logo-sparkle-aqua-small { -webkit-mask-position: -779px -35px; mask-position: -779px -35px; height: 64px; width: 64px; }
.logo-sparkle-pink-large { -webkit-mask-position: -1313px -410px; mask-position: -1313px -410px; height: 76px; width: 76px; }
.logo-sparkle-pink-small { -webkit-mask-position: -456px -56px; mask-position: -456px -56px; height: 64px; width: 64px; }
.logo-sparkle-purple-large { -webkit-mask-position: -622px -183px; mask-position: -622px -183px; height: 80px; width: 80px; }
.logo-sparkle-violet-small { -webkit-mask-position: -1115px -55px; mask-position: -1115px -55px; height: 66px; width: 66px; }
.logo-sparkle-white { -webkit-mask-position: -195px -38px; mask-position: -195px -38px; height: 70px; width: 70px; }

.logo-sparkle:nth-child(2n) { animation-delay: -1.8s; animation-duration: 5.6s; }
.logo-sparkle:nth-child(3n) { animation-delay: -3.1s; animation-duration: 4.2s; }
.logo-sparkle:nth-child(5n) { animation-delay: -.7s; animation-duration: 6.2s; }

.has-brand-stars:hover .brand-stars {
  --sparkle-far-bright: .76;
  --sparkle-far-dim: .34;
  --sparkle-near-bright: 1;
  --sparkle-near-dim: .5;
  opacity: 1;
}

.has-brand-stars:hover .brand-stars-soft {
  opacity: 1;
}

.site-frame main:not(.disco-site) > section,
.site-footer {
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.site-frame main:not(.disco-site) > section::before,
.site-footer::before {
  --background-sparkle-bright: .88;
  --background-sparkle-dim: .5;
  --background-sparkle-mid: .7;
  animation: neonBackgroundSparkle 9.4s cubic-bezier(.42, 0, .2, 1) infinite alternate;
  background-image: linear-gradient(
    118deg,
    #00e8ef 0%,
    #00e8ef 15%,
    #ff4f9b 28%,
    #b967ff 42%,
    #00dfe9 57%,
    #ff4f9b 71%,
    #8e68ff 85%,
    #00edf2 100%
  );
  background-position: 18% 28%;
  background-repeat: no-repeat;
  background-size: 180% 180%;
  content: "";
  inset: -96px;
  mix-blend-mode: screen;
  -webkit-mask-image: url("../images/i-am-wiser-brand-stars.png");
  -webkit-mask-position: center;
  -webkit-mask-repeat: repeat-y;
  -webkit-mask-size: min(1420px, 138vw) auto;
  mask-image: url("../images/i-am-wiser-brand-stars.png");
  mask-position: center;
  mask-repeat: repeat-y;
  mask-size: min(1420px, 138vw) auto;
  pointer-events: none;
  position: absolute;
  transform: translate3d(var(--star-shift-x), calc(var(--star-shift-y) + var(--star-flow-y)), 0);
  transition: filter 220ms ease, opacity 220ms ease, transform 140ms linear;
  z-index: 0;
}

.site-frame main:not(.disco-site) > section:nth-child(even)::before,
.site-footer::before {
  animation-delay: -2.3s;
  -webkit-mask-position: 32% 110px;
  mask-position: 32% 110px;
  transform: translate3d(var(--star-shift-x-reverse), calc(var(--star-shift-y-reverse) + var(--star-flow-y-reverse)), 0) scaleX(-1);
}

.site-frame main:not(.disco-site) > section:nth-child(3n + 1)::before {
  animation-delay: -5.8s;
  animation-duration: 11.8s;
  -webkit-mask-position: 44% -40px;
  -webkit-mask-size: min(1600px, 148vw) auto;
  mask-position: 44% -40px;
  mask-size: min(1600px, 148vw) auto;
}

.site-frame main:not(.disco-site) > section:nth-child(3n + 2)::before {
  animation-delay: -8.4s;
  animation-duration: 13.1s;
  -webkit-mask-position: 68% 150px;
  -webkit-mask-size: min(1300px, 132vw) auto;
  mask-position: 68% 150px;
  mask-size: min(1300px, 132vw) auto;
}

.site-frame main:not(.disco-site) > section:nth-child(3n)::before {
  animation-delay: -3.7s;
  animation-duration: 10.6s;
  -webkit-mask-position: 28% 40px;
  -webkit-mask-size: min(1500px, 142vw) auto;
  mask-position: 28% 40px;
  mask-size: min(1500px, 142vw) auto;
}

.site-footer::before {
  animation-duration: 12.4s;
  -webkit-mask-position: 64% 60px;
  -webkit-mask-size: min(1540px, 146vw) auto;
  mask-position: 64% 60px;
  mask-size: min(1540px, 146vw) auto;
}

.site-frame main:not(.disco-site) > section:hover::before,
.site-footer:hover::before {
  --background-sparkle-bright: 1;
  --background-sparkle-dim: .6;
  --background-sparkle-mid: .82;
}

.site-frame main:not(.disco-site) > section > .section-shell,
.site-footer > .section-shell {
  position: relative;
  z-index: 2;
}

@keyframes neonBackgroundSparkle {
  0%, 100% {
    background-position: 0% 28%;
    filter:
      brightness(.94)
      saturate(1.42)
      drop-shadow(0 0 4px rgba(0, 232, 239, .28))
      drop-shadow(0 0 6px rgba(255, 79, 155, .22));
    opacity: var(--background-sparkle-dim);
  }
  46% {
    background-position: 72% 64%;
    filter:
      brightness(1.08)
      saturate(1.62)
      drop-shadow(0 0 8px rgba(0, 232, 239, .62))
      drop-shadow(0 0 12px rgba(255, 79, 155, .52))
      drop-shadow(0 0 15px rgba(185, 103, 255, .42));
    opacity: var(--background-sparkle-bright);
  }
  58% {
    background-position: 44% 82%;
    filter:
      brightness(1.01)
      saturate(1.52)
      drop-shadow(0 0 7px rgba(142, 104, 255, .44))
      drop-shadow(0 0 9px rgba(0, 232, 239, .34));
    opacity: var(--background-sparkle-mid);
  }
}

.site-header {
  background:
    radial-gradient(circle at 12% 50%, rgba(11, 211, 211, .19), transparent 20%),
    radial-gradient(circle at 58% 0%, rgba(185, 103, 255, .16), transparent 25%),
    radial-gradient(circle at 88% 80%, rgba(251, 109, 160, .17), transparent 22%),
    rgba(11, 4, 18, .9);
  overflow: hidden;
}

.header-logo-sparkles {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transform: translate3d(var(--star-shift-x-reverse), var(--star-shift-y-reverse), 0);
  transition: transform 140ms linear;
  z-index: 0;
}

.header-logo-sparkles .logo-sparkle {
  --sparkle-bright: 1;
  --sparkle-dim: .24;
  --sparkle-mid: .7;
  scale: .68;
}

.nav-shell,
.mobile-nav {
  position: relative;
  z-index: 2;
}

.sparkle-header-01 { left: 1%; top: 5px; }
.sparkle-header-02 { left: 22%; top: 29px; }
.sparkle-header-03 { left: 49%; top: -16px; }
.sparkle-header-04 { right: 21%; top: 25px; }
.sparkle-header-05 { right: 2%; top: -9px; }
.sparkle-header-06 { left: 34%; top: -20px; }
.sparkle-header-07 { left: 64%; top: 27px; }
.sparkle-header-08 { right: 8%; top: 27px; }
.sparkle-header-09 { left: 12%; top: -17px; }

.brand-link {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.brand-link img {
  filter:
    brightness(1.1)
    saturate(1.12)
    drop-shadow(0 0 10px rgba(11, 211, 211, .66))
    drop-shadow(0 0 18px rgba(251, 109, 160, .42));
}

.manifesto-spark,
.poster-star,
.intro-star,
.disco-values-grid article > i {
  --sparkle-bright: .96;
  --sparkle-dim: .3;
  --sparkle-mid: .66;
}

.manifesto-spark.spark-one { scale: 1.05; }
.manifesto-spark.spark-two { scale: .9; }
.poster-star { scale: .8; }
.disco-values-grid article > i { bottom: -5px; right: 2px; scale: .92; }

@keyframes exactLogoTwinkle {
  0%, 100% {
    filter:
      brightness(.92)
      saturate(1.12)
      drop-shadow(0 0 4px rgba(var(--sparkle-rgb), .32));
    opacity: var(--sparkle-dim);
  }
  43% {
    filter:
      brightness(1.03)
      saturate(1.2)
      drop-shadow(0 0 7px rgba(var(--sparkle-rgb), .58));
    opacity: var(--sparkle-mid);
  }
  53% {
    filter:
      brightness(1.12)
      saturate(1.28)
      drop-shadow(0 0 9px rgba(var(--sparkle-rgb), .8))
      drop-shadow(0 0 15px rgba(var(--sparkle-rgb), .38));
    opacity: var(--sparkle-bright);
  }
  66% {
    filter:
      brightness(1)
      saturate(1.18)
      drop-shadow(0 0 6px rgba(var(--sparkle-rgb), .46));
    opacity: var(--sparkle-mid);
  }
}

@media (max-width: 700px) {
  .brand-stars,
  .site-frame main:not(.disco-site) > section::before,
  .site-footer::before {
    --background-sparkle-bright: .84;
    --background-sparkle-dim: .46;
    --background-sparkle-mid: .68;
  }
  .brand-stars {
    --sparkle-far-position: 58% 110px;
    --sparkle-far-size: 860px auto;
    --sparkle-near-position: 46% -20px;
    --sparkle-near-size: 1120px auto;
  }
  .header-logo-sparkles .logo-sparkle { scale: .5; }
  .sparkle-header-02 { left: 46%; }
  .sparkle-header-03,
  .sparkle-header-04,
  .sparkle-header-06,
  .sparkle-header-07 { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .logo-sparkle {
    animation: none !important;
    filter:
      brightness(1.02)
      saturate(1.2)
      drop-shadow(0 0 7px rgba(var(--sparkle-rgb), .56));
    opacity: .72;
  }

  .brand-stars {
    transform: none;
  }

  .brand-stars::before,
  .brand-stars::after {
    animation: none !important;
    filter:
      brightness(1.02)
      saturate(1.5)
      drop-shadow(0 0 7px rgba(0, 232, 239, .42))
      drop-shadow(0 0 10px rgba(255, 79, 155, .36))
      drop-shadow(0 0 12px rgba(185, 103, 255, .28));
    opacity: .62;
    transform: none;
  }

  .site-frame main:not(.disco-site) > section::before,
  .site-footer::before {
    animation: none !important;
    filter:
      brightness(1.02)
      saturate(1.55)
      drop-shadow(0 0 7px rgba(0, 232, 239, .48))
      drop-shadow(0 0 10px rgba(255, 79, 155, .4))
      drop-shadow(0 0 12px rgba(185, 103, 255, .32));
    opacity: .72;
    transform: none;
  }
}

/* v1.4.0 final cascade: keep the official sparkle art vivid and composited. */
.video-sound-toggle,
.intro-sound {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: rgba(8, 3, 13, .94);
}

.brand-stars {
  --sparkle-parallax-x: 0px;
  --sparkle-parallax-y: 0px;
  contain: layout paint style;
  transform: translate3d(var(--sparkle-parallax-x), var(--sparkle-parallax-y), 0);
  transition: transform 180ms linear;
  will-change: transform;
}

.brand-stars-offset {
  transform: translate3d(var(--sparkle-parallax-x), var(--sparkle-parallax-y), 0) scaleX(-1);
}

.brand-stars::before,
.brand-stars::after {
  animation-play-state: paused;
  background-color: transparent;
  background-image: url("../images/i-am-wiser-brand-stars.png");
  background-repeat: repeat-y;
  background-size: var(--sparkle-near-size);
  contain: paint;
  filter: brightness(1.14) saturate(1.24);
  inset: -28px;
  -webkit-mask-image: none;
  mask-image: none;
  mix-blend-mode: screen;
  opacity: .72;
  transform: translate3d(0, 0, 0);
  will-change: opacity, transform;
  z-index: 0;
}

.brand-stars::before {
  animation: sparkleCompositeNear 8.2s cubic-bezier(.45, 0, .22, 1) infinite alternate;
  animation-play-state: paused;
  background-position: var(--sparkle-near-position);
}

.brand-stars::after {
  animation: sparkleCompositeFar 11.6s cubic-bezier(.38, 0, .2, 1) -4.2s infinite alternate;
  animation-play-state: paused;
  background-position: var(--sparkle-far-position);
  background-size: var(--sparkle-far-size);
  filter: brightness(1.08) saturate(1.22);
  opacity: .5;
}

.logo-sparkle {
  filter: brightness(1.16) saturate(1.22) drop-shadow(0 0 7px rgba(var(--sparkle-rgb), .62));
  will-change: opacity, transform;
}

.field-spark {
  --sparkle-bright: 1;
  --sparkle-dim: .28;
  --sparkle-mid: .76;
  animation: exactLogoTwinkle 4.8s ease-in-out infinite;
  animation-play-state: paused;
  z-index: 2;
}

.sparkles-live .brand-stars::before,
.sparkles-live .brand-stars::after,
.sparkles-live .field-spark,
.header-logo-sparkles .logo-sparkle {
  animation-play-state: running;
}

.site-frame main:not(.disco-site) > section::before,
.site-footer::before {
  --sparkle-parallax-x: 0px;
  --sparkle-parallax-y: 0px;
  animation: sectionSparkleComposite 10.8s ease-in-out infinite alternate;
  animation-play-state: paused;
  background-color: transparent;
  background-image: url("../images/i-am-wiser-brand-stars.png");
  background-position: center 40px;
  background-repeat: repeat-y;
  background-size: min(1420px, 138vw) auto;
  contain: paint;
  filter: brightness(1.13) saturate(1.24);
  -webkit-mask-image: none;
  mask-image: none;
  mix-blend-mode: screen;
  opacity: .72;
  transform: translate3d(var(--sparkle-parallax-x), var(--sparkle-parallax-y), 0);
  transition: transform 180ms linear;
  will-change: opacity, transform;
}

.site-frame main:not(.disco-site) > section:nth-child(even)::before,
.site-footer::before {
  transform: translate3d(var(--sparkle-parallax-x), var(--sparkle-parallax-y), 0) scaleX(-1);
}

.site-frame main:not(.disco-site) > section.sparkles-live::before,
.site-footer.sparkles-live::before {
  animation-play-state: running;
}

.disco-ticker > div {
  animation-play-state: paused;
}

.disco-ticker.sparkles-live > div {
  animation-play-state: running;
}

@keyframes sparkleCompositeNear {
  0%, 100% { opacity: .58; transform: translate3d(-5px, 11px, 0) scale(.997); }
  46% { opacity: .9; transform: translate3d(5px, -4px, 0) scale(1.004); }
  58% { opacity: 1; transform: translate3d(7px, -8px, 0) scale(1.007); }
  72% { opacity: .68; transform: translate3d(1px, -12px, 0) scale(1.002); }
}

@keyframes sparkleCompositeFar {
  0%, 100% { opacity: .38; transform: translate3d(6px, -7px, 0) scale(1.004); }
  40% { opacity: .68; transform: translate3d(-3px, 4px, 0) scale(.998); }
  52% { opacity: .82; transform: translate3d(-6px, 8px, 0) scale(.995); }
  70% { opacity: .48; transform: translate3d(1px, 10px, 0) scale(1); }
}

@keyframes sectionSparkleComposite {
  0%, 100% { opacity: .52; }
  48% { opacity: .84; }
  56% { opacity: .98; }
  70% { opacity: .64; }
}

@keyframes exactLogoTwinkle {
  0%, 100% { opacity: var(--sparkle-dim); transform: scale(.82) rotate(-5deg); }
  44% { opacity: var(--sparkle-mid); transform: scale(.98) rotate(0); }
  52% { opacity: var(--sparkle-bright); transform: scale(1.08) rotate(4deg); }
  66% { opacity: var(--sparkle-mid); transform: scale(.94) rotate(1deg); }
}

.iamwiser-lite-motion .brand-stars::before,
.iamwiser-lite-motion .brand-stars::after,
.iamwiser-lite-motion .field-spark,
.iamwiser-lite-motion .site-frame main:not(.disco-site) > section::before,
.iamwiser-lite-motion .site-footer::before {
  animation: none !important;
}

.iamwiser-lite-motion .brand-stars::before,
.iamwiser-lite-motion .site-frame main:not(.disco-site) > section::before,
.iamwiser-lite-motion .site-footer::before { opacity: .84; }
.iamwiser-lite-motion .brand-stars::after { opacity: .52; }
.iamwiser-lite-motion .field-spark { opacity: .76; }

@media (prefers-reduced-motion: reduce) {
  .brand-stars::before,
  .brand-stars::after,
  .field-spark,
  .site-frame main:not(.disco-site) > section::before,
  .site-footer::before {
    animation: none !important;
    transform: none;
  }

  .brand-stars::before,
  .site-frame main:not(.disco-site) > section::before,
  .site-footer::before { opacity: .82; }
  .brand-stars::after { opacity: .5; }
  .field-spark { opacity: .72; }
}

/* Reserve compositor layers only for the section currently on screen. */
.brand-stars,
.brand-stars::before,
.brand-stars::after,
.field-spark,
.site-frame main:not(.disco-site) > section::before,
.site-footer::before {
  will-change: auto;
}

.sparkles-live .brand-stars {
  will-change: transform;
}

.sparkles-live .brand-stars::before,
.sparkles-live .brand-stars::after,
.sparkles-live .field-spark,
.site-frame main:not(.disco-site) > section.sparkles-live::before,
.site-footer.sparkles-live::before {
  will-change: opacity, transform;
}

.header-logo-sparkles .logo-sparkle {
  will-change: opacity, transform;
}

/* Exact neon-logo ball + consistent video scale foundation. */
.mirror-ball {
  background-color: #16082f;
  background-image: url("../images/i-am-wiser-neon-transparent.png");
  background-position: 16.8% 51.1%;
  background-repeat: no-repeat;
  background-size: 353.7% auto;
  border-color: rgba(151, 230, 255, .72);
  box-shadow:
    0 0 24px rgba(0, 239, 239, .42),
    0 0 58px rgba(167, 103, 255, .32),
    0 0 92px rgba(255, 68, 147, .16),
    inset 13px 10px 22px rgba(255, 255, 255, .14),
    inset -25px -29px 38px rgba(6, 1, 20, .58);
  transform-origin: 50% 48%;
}

.mirror-ball::before {
  animation: logoBallSheen 4.8s ease-in-out infinite;
  background: linear-gradient(
    112deg,
    transparent 18%,
    rgba(255, 255, 255, .04) 35%,
    rgba(226, 254, 255, .7) 47%,
    rgba(255, 255, 255, .12) 54%,
    transparent 70%
  );
  border: 0;
  border-radius: 50%;
  filter: blur(.4px);
  inset: -12% -58%;
  opacity: .54;
  transform: translate3d(-22%, 0, 24px) rotate(-9deg);
  z-index: 2;
}

.mirror-ball::after {
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, .34), transparent 22%),
    radial-gradient(circle at 48% 42%, transparent 42%, rgba(7, 1, 25, .2) 72%, rgba(4, 0, 16, .66) 100%);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  inset: 0;
  z-index: 1;
}

.mirror-ball > span {
  animation: logoBallGlint 3.9s ease-in-out infinite;
  background: radial-gradient(circle, rgba(255, 255, 255, .88), rgba(197, 251, 255, .3) 30%, transparent 70%);
  height: 30%;
  left: 13%;
  opacity: .7;
  top: 9%;
  width: 30%;
  z-index: 3;
}

.hero-ball,
.mini-ball {
  animation: logoBall3DFloat 6.8s cubic-bezier(.45, 0, .22, 1) infinite;
}

.intro-mirror-ball {
  animation:
    introBallDrop 1s .05s cubic-bezier(.18, .86, .28, 1) both,
    logoBall3DIntro 6.8s 1.05s cubic-bezier(.45, 0, .22, 1) infinite;
}

.hero-video-booth {
  justify-self: end;
  max-width: 620px;
  width: 100%;
}

.lower-featured-episode {
  margin-left: auto;
  margin-right: auto;
  max-width: 620px;
  width: 100%;
}

@keyframes logoBall3DFloat {
  0%, 100% { transform: perspective(720px) translate3d(0, 0, 0) rotateY(-9deg) rotateX(2deg) rotateZ(-3deg); }
  48% { transform: perspective(720px) translate3d(0, 10px, 10px) rotateY(8deg) rotateX(-2deg) rotateZ(2deg); }
  72% { transform: perspective(720px) translate3d(0, 6px, 5px) rotateY(2deg) rotateX(1deg) rotateZ(1deg); }
}

@keyframes logoBall3DIntro {
  0%, 100% { transform: perspective(720px) translate3d(0, 0, 0) rotateY(-9deg) rotateX(2deg) rotateZ(-3deg); }
  48% { transform: perspective(720px) translate3d(0, 10px, 10px) rotateY(8deg) rotateX(-2deg) rotateZ(2deg); }
  72% { transform: perspective(720px) translate3d(0, 6px, 5px) rotateY(2deg) rotateX(1deg) rotateZ(1deg); }
}

@keyframes logoBallSheen {
  0%, 100% { opacity: .28; transform: translate3d(-24%, 0, 24px) rotate(-9deg); }
  48% { opacity: .72; transform: translate3d(24%, 0, 24px) rotate(-9deg); }
  68% { opacity: .46; transform: translate3d(9%, 0, 24px) rotate(-9deg); }
}

@keyframes logoBallGlint {
  0%, 100% { opacity: .38; transform: scale(.86); }
  48% { opacity: .88; transform: scale(1.08); }
  66% { opacity: .58; transform: scale(.96); }
}

@media (max-width: 980px) {
  .hero-video-booth {
    justify-self: start;
    max-width: 620px;
  }
}

@media (max-width: 700px) {
  .hero-video-booth,
  .lower-featured-episode {
    max-width: 100%;
  }
}

.iamwiser-lite-motion .hero-ball,
.iamwiser-lite-motion .mini-ball,
.iamwiser-lite-motion .intro-mirror-ball,
.iamwiser-lite-motion .mirror-ball::before,
.iamwiser-lite-motion .mirror-ball > span {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .hero-ball,
  .mini-ball,
  .intro-mirror-ball,
  .mirror-ball::before,
  .mirror-ball > span {
    animation: none !important;
  }
}

/* v1.4.3 final polish: new studio photography, branded page heroes,
   Miami-night value icons, and the official Instagram footer feature. */

.site-frame main:not(.disco-site) > .page-hero.has-brand-stars::before {
  display: none;
}

.page-hero-media {
  justify-self: end;
  margin: 0;
  max-width: 460px;
  min-width: 0;
  position: relative;
  width: 100%;
}

.page-hero-media-frame {
  aspect-ratio: 4 / 5;
  background: linear-gradient(145deg, #241032, #08030d);
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 220px 220px 30px 30px;
  box-shadow:
    19px 19px 0 rgba(11, 211, 211, .82),
    0 34px 90px rgba(0, 0, 0, .5),
    0 0 58px rgba(185, 103, 255, .2);
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.page-hero-media-frame::before {
  background: linear-gradient(90deg, rgba(0, 239, 239, .76), rgba(185, 103, 255, .64), rgba(255, 68, 147, .76));
  content: "";
  height: 5px;
  inset: 0 0 auto;
  position: absolute;
  z-index: 3;
}

.page-hero-media img {
  height: 100%;
  object-fit: cover;
  object-position: var(--hero-photo-position, center 35%);
  position: relative;
  width: 100%;
  z-index: 1;
}

.page-hero-photo-glow {
  background:
    linear-gradient(180deg, transparent 48%, rgba(8, 3, 13, .74) 100%),
    radial-gradient(circle at 78% 15%, rgba(0, 239, 239, .13), transparent 28%);
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.page-hero-logo-ball {
  animation: logoBall3DFloat 6.8s cubic-bezier(.45, 0, .22, 1) infinite;
  height: 132px;
  right: -35px;
  top: -36px;
  width: 132px;
  z-index: 5;
}

.page-hero-media figcaption {
  background: rgba(9, 3, 14, .94);
  border: 1px solid rgba(255, 255, 255, .28);
  border-left: 4px solid var(--pink);
  bottom: 24px;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .38), 0 0 25px rgba(255, 68, 147, .12);
  color: white;
  left: -30px;
  max-width: calc(100% - 18px);
  padding: 16px 20px 17px;
  position: absolute;
  z-index: 4;
}

.page-hero-media figcaption small {
  color: var(--aqua);
  display: block;
  font-family: var(--brand-body);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .13em;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.page-hero-media figcaption strong {
  display: block;
  font-family: var(--brand-display);
  font-size: 1rem;
  line-height: 1.25;
}

.page-hero-spark {
  position: absolute;
  z-index: 6;
}

.page-hero-spark-a { bottom: 78px; right: -23px; }
.page-hero-spark-b { left: -22px; top: 92px; }

.vice-value-icon {
  align-items: center;
  animation: viceIconFloat 6.4s ease-in-out infinite;
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .15), transparent 32%),
    rgba(8, 3, 13, .72);
  border: 1px solid currentColor;
  border-radius: 50%;
  box-shadow: 0 0 18px currentColor, inset 0 0 18px rgba(255, 255, 255, .035);
  color: var(--aqua) !important;
  display: flex;
  height: 68px;
  justify-content: center;
  position: absolute;
  right: 24px;
  top: 25px;
  width: 68px;
  z-index: 3;
}

.brand-values-grid article:nth-child(6n+2) .vice-value-icon,
.brand-values-grid article:nth-child(6n+6) .vice-value-icon { color: var(--violet) !important; }
.brand-values-grid article:nth-child(6n+3) .vice-value-icon { color: var(--pink) !important; }
.brand-values-grid article:nth-child(6n+4) .vice-value-icon { color: var(--coral) !important; }
.brand-values-grid article:nth-child(6n+5) .vice-value-icon { color: #00edf2 !important; }

.brand-values-grid article:nth-child(2) .vice-value-icon { animation-delay: -1.1s; }
.brand-values-grid article:nth-child(3) .vice-value-icon { animation-delay: -2.3s; }
.brand-values-grid article:nth-child(4) .vice-value-icon { animation-delay: -3.5s; }
.brand-values-grid article:nth-child(5) .vice-value-icon { animation-delay: -4.7s; }
.brand-values-grid article:nth-child(6) .vice-value-icon { animation-delay: -5.6s; }

.vice-value-icon svg {
  fill: none;
  height: 39px;
  overflow: visible;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.25;
  width: 39px;
}

.vice-value-icon > i {
  animation: viceIconTwinkle 3.2s ease-in-out infinite;
  background: currentColor;
  clip-path: polygon(50% 0, 60% 39%, 100% 50%, 60% 61%, 50% 100%, 40% 61%, 0 50%, 40% 39%);
  filter: drop-shadow(0 0 5px currentColor);
  height: 12px;
  position: absolute;
  right: -4px;
  top: 2px;
  width: 12px;
}

.brand-values-grid article:hover .vice-value-icon {
  box-shadow: 0 0 26px currentColor, inset 0 0 22px rgba(255, 255, 255, .07);
}

.footer-instagram-row {
  padding-bottom: 44px;
}

.footer-instagram-cta {
  align-items: center;
  background:
    radial-gradient(circle at 12% 10%, rgba(0, 239, 239, .17), transparent 28%),
    radial-gradient(circle at 88% 85%, rgba(255, 68, 147, .22), transparent 32%),
    linear-gradient(125deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .025));
  border: 1px solid rgba(255, 255, 255, .27);
  border-radius: 24px;
  box-shadow: inset 0 3px 0 var(--pink), 0 24px 58px rgba(0, 0, 0, .28);
  color: white;
  display: grid;
  gap: 18px;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  min-height: 104px;
  overflow: hidden;
  padding: 20px 25px;
  position: relative;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.footer-instagram-cta::after {
  background: linear-gradient(90deg, var(--aqua), var(--violet), var(--pink), var(--coral));
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
}

.footer-instagram-cta:hover,
.footer-instagram-cta:focus-visible {
  border-color: rgba(0, 239, 239, .72);
  box-shadow: inset 0 3px 0 var(--pink), 0 0 38px rgba(0, 239, 239, .15), 0 24px 58px rgba(0, 0, 0, .28);
  color: white;
  transform: translateY(-2px);
}

.footer-instagram-glyph {
  align-items: center;
  background: var(--prism);
  border-radius: 18px;
  box-shadow: 0 0 22px rgba(255, 68, 147, .28);
  color: #12051c;
  display: flex;
  font-family: Arial, sans-serif;
  font-size: 2rem;
  font-weight: 900;
  height: 58px;
  justify-content: center;
  width: 58px;
}

.footer-instagram-cta small {
  color: var(--aqua);
  display: block;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.footer-instagram-cta strong {
  display: block;
  font-family: var(--brand-display);
  font-size: clamp(1.25rem, 2.2vw, 1.8rem);
  line-height: 1.05;
  margin-top: 5px;
}

.footer-instagram-arrow {
  color: var(--pink);
  font-size: 1.9rem;
}

.studio-frame-wide img { object-position: center 30%; }
.studio-frame-guest img { object-position: center 28%; }
.about-host-photo img { object-position: center 28%; }

@keyframes viceIconFloat {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-2deg); }
  50% { transform: translate3d(0, -7px, 0) rotate(2deg); }
}

@keyframes viceIconTwinkle {
  0%, 100% { opacity: .38; transform: scale(.72) rotate(-10deg); }
  50% { opacity: 1; transform: scale(1.1) rotate(8deg); }
}

.iamwiser-lite-motion .page-hero-logo-ball,
.iamwiser-lite-motion .vice-value-icon,
.iamwiser-lite-motion .vice-value-icon > i {
  animation: none !important;
}

@media (max-width: 980px) {
  .page-hero-media {
    justify-self: start;
    margin-left: 24px;
    max-width: 520px;
  }
}

@media (max-width: 700px) {
  .page-hero-media {
    margin-left: 12px;
    max-width: calc(100% - 30px);
  }

  .page-hero-media-frame {
    border-radius: 170px 170px 22px 22px;
    box-shadow: 12px 12px 0 rgba(11, 211, 211, .76), 0 28px 68px rgba(0, 0, 0, .46);
  }

  .page-hero-logo-ball {
    height: 100px;
    right: -24px;
    top: -28px;
    width: 100px;
  }

  .page-hero-media figcaption {
    bottom: 18px;
    left: -12px;
    max-width: calc(100% - 5px);
    padding: 14px 16px;
  }

  .page-hero-spark-a { right: -13px; }
  .page-hero-spark-b { left: -13px; }

  .vice-value-icon {
    height: 60px;
    right: 21px;
    top: 23px;
    width: 60px;
  }

  .vice-value-icon svg { height: 34px; width: 34px; }

  .footer-instagram-row { padding-bottom: 34px; }
  .footer-instagram-cta {
    gap: 13px;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    min-height: 88px;
    padding: 17px;
  }
  .footer-instagram-glyph { border-radius: 14px; font-size: 1.6rem; height: 48px; width: 48px; }
  .footer-instagram-arrow { font-size: 1.4rem; }
}

@media (prefers-reduced-motion: reduce) {
  .page-hero-logo-ball,
  .vice-value-icon,
  .vice-value-icon > i {
    animation: none !important;
  }
}

/* v1.4.5 — Preserve the original Miami Vice flamingo portrait in the
   established homepage studio collage without changing its layout. */
.studio-frame-flamingo img {
  object-position: center 38%;
}