:root {
  --font-display: 'Anton',Impact,'Haettenschweiler',sans-serif;
  --font-body: 'Barlow',system-ui,sans-serif;
  --font-script: 'Yellowtail',cursive;
  --header-height: 5.6rem;
  --gutter: clamp(1.1rem, 4vw, 4.5rem);
  --maxw: 82rem
}
@media (min-width:60rem) {
  :root {
    --header-height: 7rem
  }
}
*,
::after,
::before {
  box-sizing: border-box
}
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%
}
main[id],
section[id] {
  scroll-margin-top: calc(var(--header-height) + .5rem)
}
body {
  margin: 0;
  color: var(--paper);
  font-family: var(--font-body);
  font-size: 1.02rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden
}
img {
  max-width: 100%;
  display: block
}
a {
  color: inherit
}
:focus-visible {
  outline: 3px solid var(--neon);
  outline-offset: 3px;
  border-radius: 2px
}
h1,
h2,
h3 {
  font-family: var(--font-display);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .012em;
  line-height: .94;
  margin: 0
}
h2 {
  font-size: clamp(2.5rem, 7vw, 4.5rem)
}
h3 {
  font-size: clamp(1.3rem, 2.4vw, 1.75rem);
  line-height: 1.06
}
p {
  margin: 0 0 1rem
}
.wrap {
  width: 100%;
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: var(--gutter)
}
.section {
  padding-block: clamp(4.5rem,9vw,8rem);
  position: relative
}
.eyebrow {
  font-family: var(--font-mono);
  text-transform: uppercase;
  margin: 0 0 1rem;
  display: flex;
  align-items: center;
  gap: .7rem
}
.eyebrow::before {
  content: '';
  width: 1.6rem;
  height: 1px;
  background: var(--neon);
  opacity: .7
}
.lede {
  color: #f2eee7cc;
  font-size: clamp(1.02rem,1.5vw,1.16rem);
  max-width: 44ch
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 1.05rem 1.9rem;
  border: 0;
  cursor: pointer;
  text-decoration: none
}
.btn--ghost {
  color: var(--paper)
}
.btn--ghost:hover {
  border-color: var(--neon);
  color: var(--neon)
}
.btn--block {
  width: 100%
}
.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 60;
  height: var(--header-height);
  transition: background .3s ease,border-color .3s ease
}
.site-header__inner {
  height: 100%;
  display: flex;
  align-items: center;
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: var(--gutter)
}
.brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-right: auto
}
.brand__mark {
  width: 2.7rem;
  height: 2.7rem;
  display: grid;
  place-items: center;
  border: 2px solid var(--neon);
  border-radius: 3px;
  font-family: var(--font-display);
  font-size: .95rem;
  color: var(--neon);
  box-shadow: 0 0 14px #4be1f245;
  letter-spacing: .02em
}
.brand__word {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1
}
.brand__word span {
  display: block;
  font-family: var(--font-mono);
  color: var(--muted);
  text-transform: uppercase;
  margin-top: .28rem
}
.nav {
  display: none;
  align-items: center
}
@media (min-width:64rem) {
  .nav {
    display: flex
  }
}
.nav a {
  text-decoration: none;
  color: #f2eee7cc;
  padding-block: .4rem;
  border-bottom: 1px solid transparent
}
.onair {
  display: none;
  align-items: center;
  gap: .5rem;
  font-family: var(--font-mono);
  font-size: .66rem;
  text-transform: uppercase
}
@media (min-width:48rem) {
  .onair {
    display: inline-flex
  }
}
.tally {
  width: .5rem;
  height: .5rem;
  border-radius: 50%
}
@keyframes tally {
  50% {
    opacity: .35;
    box-shadow: 0 0 2px #ff3b354d
  }
}
.header-cta {
  display: none
}
@media (min-width:38rem) {
  .header-cta {
    display: inline-flex
  }
}
.menu-toggle {
  display: inline-grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  cursor: pointer
}
@media (min-width:64rem) {
  .menu-toggle {
    display: none
  }
}
.menu-toggle span {
  display: block;
  width: 1.1rem;
  height: 2px;
  background: var(--paper);
  box-shadow: 0 5px 0 var(--paper),0 -5px 0 var(--paper)
}
.drawer {
  position: fixed;
  inset: var(--header-height) 0 auto;
  z-index: 55;
  display: grid;
  gap: .2rem;
  padding: 1.2rem var(--gutter) 2rem
}
.drawer a {
  text-decoration: none;
  border-bottom: 1px solid var(--line)
}
@media (min-width:64rem) {
  .drawer {
    display: none
  }
}
.hero {
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: max(40rem,100svh);
  background: var(--ink);
  overflow: hidden
}
.wall {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  grid-template-columns: 21fr 21fr 58fr
}
@media (max-width:52rem) {
  .wall {
    grid-template-columns: 1fr 1fr
  }
  .wall .panel--c {
    display: none
  }
}
.panel {
  position: relative;
  overflow: hidden
}
.panel--b {
  clip-path: polygon(9% 0,100% 0,91% 100%,0 100%);
  margin-inline: -7%;
  z-index: 2
}
.shot {
  position: absolute;
  inset: -7%;
  background-size: cover;
  background-position: center 22%;
  opacity: 0;
  will-change: opacity,transform;
  animation: drift 22s ease-in-out infinite alternate
}
.shot.is-on {
  opacity: 1
}
.panel--b .shot {
  animation-duration: 26s;
  animation-direction: alternate-reverse
}
.panel--c .shot {
  animation-duration: 30s;
  background-position: center 26%
}
@keyframes drift {
  from {
    transform: scale(1.02) translate3d(0,0,0)
  }
  to {
    transform: scale(1.13) translate3d(-1.4%,-2.2%,0)
  }
}
.wall::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background: repeating-linear-gradient(to bottom,#0000 0 3px,#00000021 3px 4px);
  mix-blend-mode: multiply;
  opacity: .55
}
.hero__scrim {
  position: absolute;
  inset: 0;
  z-index: 2
}
.hero__content {
  position: relative;
  align-self: center;
  width: 100%;
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: var(--gutter);
  padding-top: calc(var(--header-height) + 2.5rem);
  padding-bottom: 4rem
}
.hero__badge {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  font-family: var(--font-mono);
  text-transform: uppercase;
  margin-bottom: 1.6rem
}
.hero__lead {
  font-family: var(--font-display);
  text-transform: uppercase;
  font-size: clamp(1.2rem, 3.4vw, 2rem);
  line-height: 1;
  margin-bottom: .35rem
}
.hero h1 {
  font-size: clamp(3.2rem, 11vw, 7.4rem);
  margin-bottom: .1em;
  max-width: 14ch
}
.hero__free {
  display: block;
  font-family: var(--font-script);
  text-transform: none;
  font-size: clamp(3.6rem, 12vw, 8.2rem);
  line-height: .8;
  padding-bottom: .12em
}
@keyframes neon-power {
  0%,
  18%,
  28%,
  8% {
    opacity: .08;
    text-shadow: none
  }
  12%,
  22%,
  36% {
    opacity: .7;
    text-shadow: 0 0 9px #4be1f2a6
  }
  100%,
  42% {
    opacity: 1;
    text-shadow: var(--shadow-neon)
  }
}
.hero__copy {
  max-width: 40ch;
  margin-block: 1.6rem 2.2rem
}
.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .9rem;
  align-items: center
}
.hero__when {
  font-family: var(--font-mono);
  margin-top: 1.9rem
}
.hero__when b {
  font-weight: 500
}
.scene-hud {
  position: absolute;
  z-index: 4;
  right: var(--gutter);
  bottom: 1.6rem;
  display: none;
  align-items: center;
  gap: .55rem;
  font-family: var(--font-mono);
  text-transform: uppercase
}
@media (min-width:64rem) {
  .scene-hud {
    display: flex
  }
}
.scene-hud .bars {
  display: flex;
  gap: 3px
}
.scene-hud .bars i {
  width: 14px;
  height: 3px;
  background: #f2eee73d;
  transition: background .4s ease
}
.ticker {
  border-block: 1px solid var(--line);
  overflow: hidden
}
.ticker__track {
  display: flex;
  width: max-content;
  gap: 2.6rem;
  animation: ticker 34s linear infinite
}
.ticker__track em {
  font-style: normal
}
@keyframes ticker {
  to {
    transform: translateX(-50%)
  }
}
.stats {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  border-block: 1px solid var(--line)
}
@media (min-width:52rem) {
  .stats {
    grid-template-columns: repeat(4,1fr)
  }
}
.stat {
  padding: 2.4rem 1.4rem;
  text-align: center
}
.stat b {
  display: block;
  font-family: var(--font-display);
  line-height: 1
}
.stat span {
  font-family: var(--font-mono);
  display: block
}
.split {
  display: grid;
  gap: clamp(2rem,5vw,4.5rem);
  align-items: center
}
@media (min-width:60rem) {
  .split {
    grid-template-columns: .9fr 1.1fr
  }
}
.split__media {
  position: relative;
  aspect-ratio: 4/5;
  overflow: hidden;
  background: #251916
}
.split__media .shot {
  inset: 0;
  animation-duration: 26s
}
.split__media::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(#0000 46%,#141010d6),repeating-linear-gradient(to bottom,#0000 0 3px,#0000001f 3px 4px)
}
.split__tag {
  position: absolute;
  z-index: 2;
  left: 1.1rem;
  bottom: 1.1rem;
  font-family: var(--font-mono);
  text-transform: uppercase
}
.checks {
  list-style: none;
  margin: 2rem 0 0;
  padding: 0;
  display: grid;
  gap: .95rem
}
.checks li {
  display: flex;
  gap: .85rem;
  align-items: flex-start;
  color: #f2eee7cc
}
.checks svg {
  flex: none;
  margin-top: .35rem;
  color: var(--neon)
}
@media (min-width:60rem) {
  .split--watch {
    grid-template-columns: 1.05fr .95fr
  }
}
.player {
  position: relative;
  margin: 0;
  width: 100%;
  max-width: 22rem;
  justify-self: center
}
.player video {
  display: block;
  width: 100%;
  aspect-ratio: 9/16;
  object-fit: cover;
  background: #0d0a0a
}
.player__scan {
  position: absolute;
  pointer-events: none
}
.player__play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: #1410104d;
  border: 0;
  padding: 0;
  cursor: pointer
}
.player__play i {
  border-radius: 50%;
  display: grid;
  place-items: center
}
.player__play:hover i {
  transform: scale(1.08)
}
.player.is-playing .player__play,
.player.is-playing .player__scan {
  display: none
}
.player figcaption {
  font-family: var(--font-mono);
  color: var(--muted);
  text-align: center;
  margin-top: .9rem
}
.clips {
  display: grid;
  gap: 1.2rem;
  margin-top: clamp(2.6rem,5vw,3.6rem)
}
@media (min-width:44rem) {
  .clips {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (min-width:68rem) {
  .clips {
    grid-template-columns: repeat(3,1fr)
  }
}
.clip {
  margin: 0;
  min-width: 0
}
.clip__frame {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  background: #0d0a0a;
  cursor: pointer;
  overflow: hidden
}
.clip--yt .clip__frame {
  aspect-ratio: 16/9
}
.clip__frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease,opacity .3s ease
}
.clip__frame:hover img {
  transform: scale(1.04);
  opacity: .82
}
.clip__frame i {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--neon);
  background: #14101052
}
.clip__frame i span {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  display: grid;
  place-items: center
}
.clip__frame:hover i span {
  transform: scale(1.09)
}
.clip__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0
}
.clip figcaption {
  font-family: var(--font-mono);
  color: var(--muted);
  border-top: 1px solid var(--line)
}
.clip--ig {
  background: 0 0;
  border: 0
}
.clip--ig blockquote {
  margin: 0!important;
  min-width: 0!important;
  width: 100%!important
}
.clips:empty {
  display: none
}
.takeaways {
  display: grid;
  margin-top: 3rem
}
@media (min-width:44rem) {
  .takeaways {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (min-width:72rem) {
  .takeaways {
    grid-template-columns: repeat(3,1fr)
  }
}
.takeaway p {
  margin: 0
}
.agenda {
  margin-top: 3rem
}
.slot {
  display: grid;
  gap: .4rem 2rem;
  padding-block: 1.9rem;
  align-items: baseline
}
@media (min-width:52rem) {
  .slot {
    grid-template-columns: 8.5rem 1fr 1.1fr;
    gap: 0 2.5rem
  }
}
.slot h3 {
  font-size: clamp(1.25rem,2.2vw,1.6rem)
}
.slot p {
  margin: 0
}
.quotes {
  margin-top: 3rem
}
@media (min-width:56rem) {
  .quotes {
    grid-template-columns: repeat(3,1fr)
  }
}
.quote {
  display: flex;
  flex-direction: column
}
.quote blockquote {
  margin: 0 0 1.5rem
}
.quote figcaption {
  margin-top: auto;
  font-family: var(--font-mono)
}
.quote figcaption b {
  display: block;
  font-family: var(--font-display);
  font-size: 1.05rem
}
.faq {
  margin-top: 2.5rem
}
.faq summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem
}
.faq summary::-webkit-details-marker {
  display: none
}
.faq summary::after {
  content: '+';
  font-family: var(--font-body);
  font-size: 1.7rem;
  color: var(--neon);
  line-height: 1;
  transition: transform .25s ease
}
.faq details[open] summary::after {
  transform: rotate(45deg)
}
.faq p {
  max-width: 62ch;
  padding-bottom: 1.6rem;
  margin: 0
}
.register {
  position: relative;
  overflow: hidden
}
.register__bg {
  position: absolute;
  inset: 0;
  z-index: 0
}
.register__bg .shot {
  inset: -6%;
  background-position: center 20%;
  animation-duration: 34s
}
.register__bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(#0d0a0ae6,#0d0a0ad2),repeating-linear-gradient(to bottom,#0000 0 3px,#00000026 3px 4px)
}
.register__inner {
  position: relative;
  z-index: 2;
  display: grid;
  gap: clamp(2.2rem,5vw,4rem)
}
@media (min-width:62rem) {
  .register__inner {
    grid-template-columns: 1fr 1fr;
    align-items: center
  }
}
.register h2 {
  font-size: clamp(2.7rem,7vw,4.8rem)
}
.scarcity {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  margin-bottom: 1.3rem;
  font-family: var(--font-mono);
  text-transform: uppercase
}
.card__when {
  font-family: var(--font-mono);
  margin-bottom: 1.6rem
}
.field {
  margin-bottom: 1rem
}
.field label {
  display: block;
  font-family: var(--font-mono);
  margin-bottom: .45rem
}
.field input,
.field select {
  width: 100%;
  padding: .85rem .9rem;
  font-family: var(--font-body);
  transition: border-color .18s ease,box-shadow .18s ease
}
.field input:focus,
.field select:focus {
  outline: 0
}
.field--half {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .9rem
}
.req {
  color: var(--red)
}
.hint {
  font-family: var(--font-mono);
  text-align: center;
  margin: 1rem 0 0
}
.err {
  color: var(--red);
  margin-top: .35rem;
  display: none;
  font-family: var(--font-mono)
}
.field.is-bad input,
.field.is-bad select {
  border-color: var(--red)
}
.field.is-bad .err {
  display: block
}
.done {
  display: none;
  text-align: center;
  padding: 2rem 0
}
.done.is-on {
  display: block
}
.done .tick {
  width: 3.4rem;
  height: 3.4rem;
  margin: 0 auto 1.2rem;
  border: 2px solid var(--neon);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--neon);
  box-shadow: var(--shadow-neon)
}
.card.is-done .card__form,
.card.is-done .card__head {
  display: none
}
.site-footer {
  padding-block: 3rem
}
.site-footer__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2.5rem;
  align-items: center;
  justify-content: space-between
}
.site-footer p {
  margin: 0;
  font-family: var(--font-mono);
  color: #8a827c
}
.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 1.3rem
}
.site-footer nav a {
  font-family: var(--font-mono);
  text-decoration: none;
  color: var(--muted)
}
.site-footer nav a:hover {
  color: var(--neon)
}
.skip {
  position: absolute;
  left: -9999px
}
.skip:focus {
  left: 1rem;
  top: 1rem;
  z-index: 99;
  background: var(--signal);
  color: #1a1200;
  padding: .7rem 1.1rem;
  border-radius: 3px
}
@media (prefers-reduced-motion:reduce) {
  * {
    animation-duration: NaNs!important;
    animation-iteration-count: 1!important;
    transition-duration: NaNs!important
  }
  html {
    scroll-behavior: auto
  }
  .shot {
    opacity: 0
  }
  .shot.is-on {
    opacity: 1
  }
}
.client-logo {
  flex: none
}
:root {
  --font-mono: 'Barlow',sans-serif
}
html {
  scrollbar-width: thin
}
body {
  -webkit-text-size-adjust: 100%
}
a,
button,
summary {
  -webkit-tap-highlight-color: transparent
}
.eyebrow {
  font-size: .84rem;
  letter-spacing: .075em;
  font-weight: 600;
  line-height: 1.4
}
.eyebrow::before {
  display: none
}
.site-header:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1
}
.site-header__inner {
  gap: 1.2rem
}
.client-logo {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  object-fit: cover;
  clip-path: circle(40% at 50% 49%);
  transform: scale(1.18);
  margin-right: .1rem
}
.brand {
  gap: .45rem
}
.brand__word {
  font-size: 1.05rem
}
.brand__word span {
  font-size: .7rem;
  letter-spacing: .04em
}
.nav {
  gap: 1.25rem
}
.nav a {
  font-family: var(--font-body);
  font-weight: 500;
  letter-spacing: 0;
  font-size: .92rem;
  text-transform: none
}
.btn {
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.25;
  min-height: 48px
}
.btn--signal:hover {
  transform: none
}
.header-cta {
  font-size: .86rem;
  white-space: nowrap;
  gap: 14px;
  padding: .8rem 1rem
}
.onair {
  letter-spacing: .08em;
  white-space: nowrap
}
.hero__badge {
  letter-spacing: .055em;
  font-size: .8rem
}
.hero__copy {
  font-size: 1.1rem;
  line-height: 1.65
}
.hero__when {
  font-size: .9rem;
  letter-spacing: 0;
  line-height: 1.65
}
.scene-hud {
  font-size: .64rem;
  letter-spacing: .09em
}
.ticker {
  padding-block: 1.05rem
}
.ticker__track {
  font-weight: 500;
  font-family: var(--font-body);
  text-transform: none;
  letter-spacing: .01em;
  font-size: 1rem
}
.ticker__track em {
  opacity: .7
}
.stats {
  border: 0;
  gap: 0
}
.stat {
  background: 0 0;
  padding-block: 2.8rem
}
.stat b {
  font-size: clamp(2.8rem,5vw,4.5rem)
}
.stat span {
  font-size: .88rem;
  text-transform: none;
  letter-spacing: .01em;
  margin-top: .75rem
}
.split__tag {
  font-size: .72rem;
  letter-spacing: .04em;
  padding: .55rem .75rem
}
#about .wrap > div {
  font-size: 1.08rem;
  line-height: 1.8
}
#about .wrap > div strong {
  font-weight: 600
}
.player__play i {
  width: 4rem;
  height: 4rem
}
.clip figcaption,
.player figcaption {
  font-size: .83rem;
  text-transform: none;
  letter-spacing: .025em
}
.clips {
  grid-template-columns: minmax(0,660px);
  justify-content: center
}
.clip {
  border: 0;
  background: 0 0
}
.clip figcaption {
  border: 0;
  padding: .85rem 0
}
.takeaway h3 {
  font-family: var(--font-body);
  font-weight: 600;
  letter-spacing: -.02em;
  text-transform: none;
  font-size: 1.25rem;
  line-height: 1.25;
  margin-bottom: .8rem
}
.takeaway p {
  font-size: 1rem;
  line-height: 1.7
}
.slot__time {
  font-family: var(--font-body);
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: 500
}
.slot p {
  font-size: 1rem;
  line-height: 1.65
}
.quotes {
  display: flex;
  gap: 1.4rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  margin-right: calc(-1 * var(--gutter));
  padding-right: var(--gutter);
  padding-bottom: 1.2rem
}
.quote {
  margin: 0;
  flex: 0 0 calc((100% - 2.8rem)/ 3);
  min-width: 290px;
  padding: 2rem;
  scroll-snap-align: start
}
.quote blockquote {
  font-size: 1.2rem;
  line-height: 1.65;
  letter-spacing: -.01em
}
.quote figcaption {
  font-size: .9rem;
  letter-spacing: 0;
  text-transform: none
}
.quote figcaption b {
  font: 600 1rem/1.4 var(--font-body);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: .2rem
}
.faq {
  border: 0;
  gap: .7rem
}
.faq summary {
  font-family: var(--font-body);
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.08rem;
  padding-block: 1.3rem
}
.faq p {
  font-size: 1rem;
  line-height: 1.7
}
.scarcity {
  font-size: .85rem;
  letter-spacing: .015em
}
.card {
  padding: clamp(1.5rem,3vw,2.7rem)
}
.card h3 {
  font-family: var(--font-body);
  text-transform: none;
  font-weight: 600;
  font-size: 1.75rem;
  letter-spacing: -.03em;
  line-height: 1.1;
  margin-bottom: .85rem
}
.card__when {
  font-size: .85rem;
  letter-spacing: .015em;
  line-height: 1.5;
  display: inline-block;
  padding: .6rem .8rem;
  border-radius: 3px
}
.field label {
  font-size: .85rem;
  text-transform: none;
  letter-spacing: 0
}
.field input,
.field select {
  background: #0d0a0a80;
  min-height: 48px;
  font-size: 16px;
  appearance: none;
  -webkit-appearance: none
}
.field select {
  padding-right: 2.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23aaa19a' stroke-width='1.5'%3E%3Cpath d='m4 6 5 5 5-5'/%3E%3C/svg%3E");
  background-position: right 14px center;
  background-repeat: no-repeat
}
.hint {
  font-size: .79rem;
  letter-spacing: 0;
  line-height: 1.6
}
.err {
  font-size: .8rem;
  letter-spacing: 0
}
.site-footer {
  border: 0
}
.site-footer nav a,
.site-footer p {
  font-size: .85rem;
  letter-spacing: 0;
  text-transform: none
}
.drawer {
  transform: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  max-height: calc(100dvh - var(--header-height));
  overflow-y: auto;
  overscroll-behavior: contain;
  transition: opacity .18s ease,visibility .18s
}
.drawer.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: none
}
.drawer a {
  font-family: var(--font-body);
  text-transform: none;
  font-size: 1.25rem;
  letter-spacing: 0;
  padding: 1rem 0;
  border-color: var(--line)
}
.menu-open {
  overflow: hidden
}
.menu-toggle {
  border-radius: 4px;
  flex: none
}
#formResult {
  max-width: 460px;
  width: calc(100% - 40px);
  padding: 2rem;
  border-radius: 5px;
  color: var(--paper)
}
#formResult::backdrop {
  background: #000b
}
#formResult h3 {
  margin-bottom: 1rem
}
#formResult p {
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.6
}
@media(max-width:1100px) {
  .onair {
    display: none
  }
  .nav {
    gap: 1rem
  }
  .site-header__inner {
    gap: 1rem
  }
  .brand__word {
    font-size: .9rem
  }
}
@media(max-width:63.99rem) {
  .site-header__inner {
    gap: .8rem
  }
  .brand {
    margin-right: auto
  }
  .quote {
    flex-basis: 44%;
    min-width: 285px
  }
}
@media(max-width:38rem) {
  .brand__word {
    font-size: .92rem
  }
  .brand__word span {
    font-size: .64rem
  }
  .hero__badge {
    font-size: .73rem
  }
  .hero__when {
    font-size: .85rem
  }
  .hero__copy {
    font-size: 1.02rem
  }
  .hero__actions .btn {
    padding: .95rem 1.15rem;
    min-height: 50px
  }
  .quote {
    flex-basis: 87%;
    min-width: 0;
    padding: 1.6rem
  }
  .quote blockquote {
    font-size: 1.13rem
  }
  .stat {
    padding: 2rem 1rem
  }
  .stat span {
    font-size: .8rem
  }
  .takeaways {
    gap: 1.8rem
  }
  .card {
    padding: 1.5rem
  }
  .faq details {
    padding-inline: 1.1rem
  }
}
:root {
  --red: #55ceff;
  --brick: #2264a9
}
.tally {
  animation: none
}
.header-cta {
  position: relative;
  overflow: hidden;
  isolation: isolate
}
.header-cta:after {
  content: "";
  position: absolute;
  inset: -50% auto -50% 0;
  width: 35%;
  background: linear-gradient(100deg,transparent,#ffffff65,transparent);
  transform: translateX(-200%) skewX(-20deg);
  animation: button-glint 6s ease-in-out infinite;
  pointer-events: none
}
@keyframes button-glint {
  0%,
  72% {
    transform: translateX(-200%) skewX(-20deg)
  }
  100%,
  94% {
    transform: translateX(430%) skewX(-20deg)
  }
}
.quotes {
  scrollbar-color: #2c659a transparent
}
@media(max-width:38rem) {
  .hero__scrim {
    background: linear-gradient(#071323ba,#071323a0 35%,#080f1af0 76%,var(--ink))
  }
  .header-cta {
    display: inline-flex;
    font-size: .72rem;
    gap: .5rem;
    padding: .7rem .75rem;
    min-height: 41px
  }
  .brand__word {
    display: none
  }
  .site-header__inner {
    gap: .65rem
  }
  .brand {
    margin-right: auto
  }
  .client-logo {
    width: 60px;
    height: 60px
  }
  .menu-toggle {
    width: 2.4rem;
    height: 2.6rem
  }
  .site-footer .brand__word {
    display: block
  }
}
@media(prefers-reduced-motion:reduce) {
  .header-cta:after {
    animation: none;
    display: none
  }
}
.site-header,
.site-header.is-stuck {
  border-bottom: 1px solid #ffffff24;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  isolation: isolate
}
.tally {
  position: relative;
  background: #9beeff;
  box-shadow: 0 0 5px #b3f5ff,0 0 16px #1babff
}
.tally:after {
  content: "";
  position: absolute;
  inset: -5px;
  border: 1px solid #61d7ff;
  border-radius: 50%;
  animation: neon-tally 3s ease-out infinite;
  pointer-events: none
}
@keyframes neon-tally {
  0% {
    transform: scale(.5);
    opacity: .65
  }
  100%,
  80% {
    transform: scale(1.4);
    opacity: 0
  }
}
.hero {
  isolation: isolate
}
.wall {
  gap: 4px
}
.panel {
  border-right: 2px solid #53a9e575
}
.panel--b {
  border-inline: 3px solid #75d7ff60
}
.shot {
  filter: saturate(.7) contrast(1.08) brightness(.92);
  transition: opacity 1.9s ease;
  animation-duration: 24s
}
.wall:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  animation: none
}
.wall:after {
  z-index: 4;
  mix-blend-mode: multiply;
  background: repeating-linear-gradient(0deg,transparent 0 3px,#0007 3px 4px)
}
@keyframes neon-atmosphere {
  from {
    transform: translate3d(-2%,1%,0);
    opacity: .45
  }
  to {
    transform: translate3d(3%,-2%,0);
    opacity: .8
  }
}
.hero__content {
  z-index: 5
}
.hero__lead {
  letter-spacing: .055em
}
.hero__free {
  position: relative;
  padding-top: .05em
}
.hero__when b {
  color: #effaff
}
.btn {
  border-radius: 2px
}
.btn--signal {
  position: relative;
  overflow: hidden;
  isolation: isolate
}
.btn--signal:after {
  content: "";
  position: absolute;
  inset: -50% auto -50% 0;
  width: 32%;
  background: linear-gradient(100deg,transparent,#e7fcff75,transparent);
  transform: translateX(-200%) skewX(-20deg);
  animation: button-glint 6.5s ease-in-out infinite;
  pointer-events: none
}
.scene-hud {
  border: 1px solid #5e9bc860;
  background: #06172cb3;
  padding: .7rem .9rem;
  color: #b3d9f3;
  opacity: 1;
  backdrop-filter: blur(4px)
}
.scene-hud .bars i.on {
  background: #82eeff;
  box-shadow: 0 0 10px #21bdff
}
.ticker__track {
  animation-duration: 42s
}
.stat {
  border-right: 2px solid #5997d42c
}
.stat:last-child {
  border-right: 0
}
.eyebrow:before {
  display: block;
  height: 2px;
  width: 1.4rem;
  opacity: 1
}
.section {
  border-bottom: 1px solid #75abdd25
}
.split__media .shot {
  filter: saturate(.8) contrast(1.08)
}
.split__media:after {
  z-index: 1
}
.split__tag {
  border-radius: 1px
}
.player video {
  border-radius: 2px
}
.player__scan {
  inset: 3px 3px auto;
  height: calc(100% - 2.2rem);
  background: repeating-linear-gradient(0deg,transparent 0 3px,#0003 3px 4px)
}
.clip__frame {
  border-radius: 2px
}
.takeaway {
  background: #201f1d;
  padding: 2rem
}
.takeaway:hover {
  background: #292823
}
.agenda {
  border-top: 2px solid #679bd84d
}
.slot {
  border-bottom: 2px solid #4e7da537
}
.quote {
  border-radius: 2px
}
.quote figcaption {
  border-top: 1px solid #6485ae40;
  padding-top: 1rem
}
.faq details {
  transition: border-color .2s
}
.register {
  border-top: 2px solid #50a6df65
}
.card {
  border-radius: 2px;
  position: relative
}
.card:before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: -3px;
  height: 3px;
  background: #c3f7ff;
  box-shadow: 0 0 12px #5bdcff,0 0 30px #0b9eff;
  pointer-events: none
}
.field input,
.field select {
  border-radius: 2px
}
.card .btn--signal {
  margin-top: 1rem!important
}
.drawer {
  border-bottom: 2px solid #63cfff70
}
.menu-toggle {
  border: 1px solid #68a4d159
}
@media(max-width:52rem) {
  .stat:nth-child(2) {
    border-right: 0
  }
  .stat:nth-child(-n+2) {
    border-bottom: 2px solid #5997d42c
  }
  .wall:after {
    opacity: .55
  }
  .hero__free {
    text-shadow: 0 0 2px #fff,0 0 9px #3bdfff,0 0 28px #008cff85
  }
  .hero__badge {
    font-size: .72rem
  }
  .split__media {
    outline-offset: 4px
  }
  .takeaway {
    padding: 1.6rem
  }
  .card {
    padding: 1.4rem
  }
  .hero__when {
    max-width: 33ch
  }
  .btn--signal {
    min-height: 48px
  }
}
@media(prefers-reduced-motion:reduce) {
  .neon-reveal {
    transform: none
  }
  .btn--signal:after,
  .tally:after,
  .wall:before {
    animation: none;
    opacity: .3
  }
  *,
  :after,
  :before {
    scroll-behavior: auto!important
  }
}
.site-header:before {
  background: 0 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px)
}
.site-header.is-stuck {
  border-bottom-color: #ffffff24
}
.btn--ghost {
  border-color: #929c9859
}
.card__when {
  border-color: #ffffff18
}
.watch-layout {
  display: grid;
  align-items: start
}
.watch-copy h2 {
  max-width: 14ch
}
.watch-copy .lede {
  max-width: 48ch
}
.watch-youtube {
  width: 100%
}
.watch-youtube .clips {
  margin: 1rem 0 0;
  display: block
}
.watch-youtube .clip {
  background: 0 0;
  border: 0
}
.watch-youtube .eyebrow {
  font-size: .85rem
}
.watch-youtube .clip figcaption {
  padding-left: 0;
  border: 0;
  text-align: left
}
.player__play {
  bottom: 2rem
}
.player__scan {
  opacity: .4
}
.player figcaption {
  letter-spacing: .07em;
  font-size: .75rem
}
@media(max-width:52rem) {
  .watch-copy {
    grid-column: 1/-1
  }
  .watch-layout > .player {
    grid-column: 2;
    grid-row: 2
  }
  .watch-youtube {
    align-self: center
  }
}
@media(max-width:36rem) {
  .watch-copy {
    grid-column: 1
  }
  .watch-layout > .player {
    width: 85%;
    max-width: 300px
  }
  .watch-youtube {
    margin-top: 1rem
  }
  .site-header {
    background: #11111070
  }
}
.watch-copy {
  grid-template-columns: 1fr 1fr;
  gap: 0 3rem
}
.watch-copy > .eyebrow,
.watch-copy > h2 {
  grid-column: 1
}
.watch-copy > .lede {
  grid-column: 2;
  grid-row: 1/3;
  align-self: center
}
.watch-copy > .checks {
  grid-column: 2;
  grid-row: 3
}
.watch-copy > .btn {
  grid-column: 1;
  grid-row: 3;
  justify-self: start;
  align-self: start
}
.watch-youtube {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  max-width: none
}
@media(max-width:52rem) {
  .watch-copy {
    display: block
  }
  .watch-copy > .lede {
    margin-top: 1.4rem!important
  }
  .watch-copy > .checks {
    margin-top: 1.5rem
  }
}
@media(max-width:36rem) {
  .watch-layout {
    grid-template-columns: 1fr
  }
  .watch-layout > .player {
    grid-column: 1;
    grid-row: 2
  }
  .watch-youtube {
    grid-column: 1;
    grid-row: 3
  }
}
#about .about-link {
  text-decoration: underline;
  text-underline-offset: .2em;
  text-decoration-thickness: 1px
}
#about .about-link:focus-visible {
  outline: 2px solid var(--neon);
  outline-offset: 4px
}
.watch-copy {
  display: block;
  grid-column: 1;
  grid-row: 1
}
.watch-copy > h2 {
  max-width: 15ch
}
.watch-copy > .lede {
  margin-top: 1.4rem!important
}
.watch-copy > .checks {
  margin-top: 2rem
}
.watch-layout > .player {
  grid-column: 2;
  grid-row: 1;
  align-self: center
}
.episode-layout {
  display: grid;
  gap: 4rem;
  align-items: center
}
.episode-copy .lede {
  margin-top: 1.5rem
}
.episode-layout .clips {
  display: block;
  margin: 0
}
.episode-layout .clip {
  border: 0;
  background: 0 0
}
.episode-layout .clip figcaption {
  padding-left: 0;
  border: 0
}
.voices-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem
}
.voices-heading h2 {
  margin: 0
}
.quote-controls {
  display: flex;
  gap: .6rem;
  flex-shrink: 0
}
.quote-controls button {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  cursor: pointer
}
.quote-controls button:disabled {
  opacity: .3;
  cursor: default
}
.quote-controls button:focus-visible,
.quotes:focus-visible {
  outline: 2px solid var(--neon);
  outline-offset: 5px
}
#voices .quotes {
  margin-right: 0;
  padding-right: 0;
  gap: 1.5rem
}
#voices .quote {
  flex-basis: calc((100% - 1.5rem)/ 2);
  min-width: 0
}
@media(max-width:52rem) {
  .watch-copy > h2 {
    font-size: clamp(2rem,5vw,3rem)
  }
  .episode-layout {
    gap: 2rem
  }
}
@media(max-width:38rem) {
  .watch-copy {
    grid-column: 1;
    grid-row: 1
  }
  .watch-layout > .player {
    grid-column: 1;
    grid-row: 2
  }
  .voices-heading {
    align-items: center
  }
  .voices-heading h2 {
    font-size: 2rem
  }
  .quote-controls button {
    width: 40px;
    height: 40px
  }
  #voices .quote {
    flex-basis: 88%;
    padding: 1.5rem
  }
}
.wall:before {
  background: 0 0
}
.wall .shot {
  filter: saturate(.45) contrast(1.08) brightness(.8)
}
.scarcity {
  border-color: #ad646475
}
.scarcity .tally:after {
  border-color: #e98d89
}
.watch-layout {
  grid-template-columns: minmax(0,1fr) minmax(300px,380px);
  gap: 4rem 5rem
}
.watch-layout > .player {
  max-width: 380px;
  width: 100%
}
#promo {
  object-fit: contain;
  aspect-ratio: 9/16
}
.player__scan {
  display: none
}
@media(max-width:52rem) {
  .watch-layout {
    grid-template-columns: minmax(0,1fr) minmax(260px,320px);
    gap: 2rem
  }
}
@media(max-width:38rem) {
  .watch-layout {
    grid-template-columns: 1fr
  }
  .watch-layout > .player {
    width: 100%;
    max-width: 360px
  }
}
.hero__badge,
.onair {
  border: 1px solid #f2eee74d;
  border-radius: 99px;
  background: 0 0;
  box-shadow: none;
  color: #f2eee7d9
}
.hero__badge {
  padding: .45rem .9rem
}
.onair {
  padding: .42rem .78rem;
  color: #f2eee7
}
.scarcity {
  border: 1px solid #ff3b3559;
  border-radius: 99px;
  background: #ff3b350f;
  color: #ff3b35;
  box-shadow: none;
  padding: .45rem .85rem
}
.hero__badge .tally,
.onair .tally,
.scarcity .tally {
  flex-shrink: 0;
  background: #ff3b35;
  box-shadow: 0 0 8px #ff3b35;
  animation: original-tally 1.6s infinite
}
.hero__badge .tally:after,
.onair .tally:after,
.scarcity .tally:after {
  display: none
}
@keyframes original-tally {
  50% {
    opacity: .35;
    box-shadow: 0 0 2px #ff3b354d
  }
}
@media(prefers-reduced-motion:reduce) {
  .hero__badge .tally,
  .onair .tally,
  .scarcity .tally {
    animation: none
  }
}
:root {
  --paper: #f2eee7;
  --signal: #00ff68;
  --shadow-neon: none
}
body {
  background: var(--ink)
}
.btn--signal {
  border: 2px solid transparent;
  font-weight: 700;
  text-shadow: none;
  transition: background .18s,transform .18s
}
.btn--signal:after,
.header-cta:after {
  display: none
}
.card__when {
  color: #00ff68;
  background: 0 0;
  border: 0;
  padding-left: 0
}
.client-logo {
  filter: none
}
.brand__word,
.faq summary:after,
.hero h1,
.hero__lead,
.slot__time,
.stat b {
  text-shadow: none
}
.brand__word,
.hero h1,
.hero__lead,
.takeaway h3 {
  color: var(--paper)
}
.hero {
  box-shadow: none;
  border-bottom: 1px solid var(--line)
}
.panel,
.panel--b,
.wall {
  background: #100d0c;
  border-color: #f2eee71c;
  box-shadow: none
}
.site-header {
  border-color: var(--line);
  box-shadow: none
}
.site-header.is-stuck {
  border-color: var(--line);
  box-shadow: none
}
.hero__scrim {
  background: linear-gradient(90deg,#0b0909f2,#0b0909d9 30%,#0b090995 60%,#0b090960),linear-gradient(0deg,#100d0cc9,transparent 65%)
}
.hero__copy {
  color: #d5cdc6
}
.hero__when {
  color: #b1a69e
}
.btn--ghost {
  box-shadow: none
}
.stats,
.ticker {
  box-shadow: none;
  border-color: var(--line)
}
.eyebrow:before {
  box-shadow: none
}
.section {
  border-color: var(--line)
}
#watch {
  border-color: var(--line)
}
.split__media {
  box-shadow: none
}
.clip__frame,
.player video {
  box-shadow: none
}
.clip__frame i span,
.player__play i {
  box-shadow: none
}
.quote {
  box-shadow: none
}
.quote blockquote {
  color: #e4dbd2
}
.quote figcaption {
  border-color: var(--line)
}
.quote-controls button {
  border-color: var(--line-strong);
  background: 0 0
}
.quote-controls button:hover:not(:disabled) {
  color: #00ff68;
  border-color: #00ff68;
  background: 0 0
}
.register {
  border-color: var(--line)
}
.card:before {
  display: none
}
.field input,
.field select {
  border-color: #f2eee733;
  color: var(--paper)
}
.field input:focus,
.field select:focus {
  border-color: #00ff68;
  box-shadow: 0 0 0 1px #00ff68
}
.site-footer {
  border-color: var(--line)
}
.drawer {
  border-color: var(--line-strong);
  box-shadow: none
}
.menu-toggle {
  border-color: var(--line-strong)
}
@media(max-width:52rem) {
  .hero__scrim {
    background: linear-gradient(#0b0909c9,#0b0909b8 40%,#100d0ced 85%,var(--ink))
  }
}
:root {
  --ink: #121212;
  --ink-raised: #1b1b1b;
  --ink-deep: #0c0d0f;
  --neon: #2458cf;
  --muted: #b6b3ae;
  --line: #91a8be33;
  --line-strong: #91a8be80
}
.ticker {
  border-top: 1px solid #4779e0;
  border-bottom: 1px solid #4779e0
}
.stats {
  background: #131619;
  border-bottom: 1px solid #91a8be33
}
.stat,
.stat:nth-child(-n+2) {
  border-color: #91a8be33
}
.stat span {
  color: #c6c8ca
}
.hero__lead {
  color: #e2edf5
}
#about .about-link,
#about .wrap > div strong,
.money {
  color: #2458cf
}
.site-header {
  background: #11121466
}
.site-header.is-stuck {
  background: #111214e8
}
.btn--ghost {
  border: 2px solid #91a8be80;
  background: #17212b40
}
#watch {
  border-top: 2px solid #5b7a9566
}
.watch-episode {
  background: #121315
}
.split__media {
  border: 2px solid #7894aa80;
  outline: 0;
  outline-offset: 0
}
.split__tag {
  border: 1px solid #7894aa
}
.clip__frame,
.player video {
  border: 3px solid #7894aa80
}
.clip__frame i span,
.player__play i {
  background: #14293ce8;
  border: 2px solid #9db9cf;
  color: #f2eee7
}
.takeaway h3 {
  color: #cce0ee
}
.faq p,
.slot p,
.takeaway p {
  color: #bebfbe
}
.slot__time {
  color: #2458cf
}
.agenda,
.slot {
  border-color: #7894aa50
}
.quote {
  background: #1a2632;
  border: 2px solid #6b829666;
  border-top: 3px solid #769ebc
}
.quote figcaption b {
  color: #2458cf
}
.quote figcaption {
  color: #aebfce
}
.quote-controls button {
  color: #2458cf;
  border: 2px solid #7894aa80
}
.faq details[open] {
  border-color: #88adc8
}
.faq summary:after {
  color: #2458cf
}
.field input,
.field select {
  background-color: #101214;
  border: 1px solid #68778366
}
.field label {
  color: #d5d7d8
}
.field input::placeholder {
  color: #a1a7ac
}
.hint {
  color: #b7bdc2
}
.site-footer {
  border-top: 2px solid #61798e55
}
.menu-toggle {
  background: #172b3d66
}
html {
  scrollbar-color: #577c9b var(--ink)
}
.wall:after {
  opacity: .25
}
.split__media:after {
  background: repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px),linear-gradient(transparent 60%,#101820dd)
}
.btn,
.clip__frame i span,
.player__play i,
.quote-controls button {
  transition: transform .24s cubic-bezier(.2,.7,.2,1),background .24s,border-color .24s,color .24s
}
.btn > span[aria-hidden] {
  display: inline-block;
  transition: transform .24s
}
.btn:hover > span[aria-hidden] {
  transform: translate(3px,-3px)
}
.takeaway {
  transition: background .25s
}
.takeaway h3 {
  transition: transform .25s
}
.takeaway:hover h3 {
  transform: translateX(5px)
}
.nav a {
  transition: color .2s,border-color .2s
}
.nav a:hover {
  color: #00ff68;
  border-bottom-color: #00ff68
}
.neon-reveal,
.neon-reveal.is-arrived {
  transform: none;
  transition: none
}
.motion-entry {
  transform: translate3d(0,52px,0);
  transition: none
}
.motion-entry.motion-in {
  transform: none;
  transition: transform .78s cubic-bezier(.16,1,.3,1);
  transition-delay: var(--motion-delay,0ms)
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .btn:hover {
    transform: translateY(-4px)
  }
  .btn:active {
    transform: translateY(-1px) scale(.98)
  }
  .quote-controls button:hover:not(:disabled) {
    transform: translateY(-3px)
  }
  .clip__frame:hover i span,
  .player__play:hover i {
    transform: scale(1.12)
  }
}
@media(prefers-reduced-motion:reduce) {
  .motion-entry,
  .motion-entry.motion-in,
  .motion-entry.motion-photo {
    transform: none;
    transition: none
  }
  .btn,
  .quote-controls button,
  .takeaway h3 {
    transition: none
  }
}
.takeaways {
  background: 0 0;
  border: 0;
  gap: 2px
}
#about {
  position: relative;
  isolation: isolate;
  background: linear-gradient(90deg,#101112fc 0,#101112f0 48%,#101112d4 66%,#10111225 100%),url("../images/lounge.webp") center/cover
}
#about .wrap > div {
  color: #e0deda!important
}
.register__inner > div:first-child {
  position: relative;
  isolation: isolate
}
.register__inner > div:first-child:before {
  content: "";
  position: absolute;
  inset: -2rem;
  z-index: -1;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  mask-image: linear-gradient(90deg,#000 65%,transparent);
  pointer-events: none
}
.register .lede {
  color: #e0deda
}
.register .hero__when {
  color: #d3d3d0
}
.motion-entry.motion-heading {
  transform: translate3d(-32px,24px,0)
}
.motion-entry.motion-heading.motion-in {
  transform: none
}
.motion-entry.motion-photo {
  transform: translate3d(0,30px,0);
  clip-path: inset(0 0 18% 0)
}
.motion-entry.motion-photo.motion-in {
  transform: none;
  clip-path: inset(0);
  transition: transform .8s cubic-bezier(.16,1,.3,1),clip-path .85s cubic-bezier(.16,1,.3,1)
}
@media(max-width:52rem) {
  #about {
    background: linear-gradient(90deg,#101112f5,#101112e8 65%,#101112c9),url("../images/lounge.webp") 65% center/cover
  }
  .register__inner > div:first-child:before {
    inset: -1rem
  }
}
@media(prefers-reduced-motion:reduce) {
  .motion-entry.motion-heading,
  .motion-entry.motion-photo {
    transform: none;
    clip-path: none;
    transition: none
  }
}
.ticker {
  outline: 0;
  box-shadow: none
}
.faq {
  display: block;
  border-top: 1px solid var(--line-strong)
}
.faq details,
.faq details[open] {
  background: 0 0;
  border: 0;
  border-bottom: 1px solid var(--line-strong);
  border-radius: 0;
  padding: 0;
  box-shadow: none
}
.faq p,
.faq summary {
  background: 0 0
}
#about .about-link:hover {
  color: #2458cf;
  text-decoration-thickness: 2px
}
.btn--signal {
  background: #2458cf;
  color: #fff;
  border-color: transparent;
  box-shadow: none
}
.btn--signal:hover {
  background: #1e4bb3;
  color: #fff;
  border-color: transparent;
  box-shadow: none
}
.hero__free,
.hero__when > b:first-child {
  color: #2458cf
}
.ticker {
  background: #00ff68;
  border: 0
}
.ticker__track,
.ticker__track em {
  color: #17130d
}
.stat b {
  color: #00ff68
}
#voices .quote {
  box-shadow: none
}
#voices .quote figcaption {
  border-top-color: #2458cf66;
  color: #b8c5df
}
#voices .quote figcaption b {
  color: #edf2fc
}
#voices .quote-controls button {
  color: #edf2fc;
  box-shadow: none
}
#voices .quote-controls button:hover:not(:disabled) {
  border-color: #3e70e4;
  color: #fff
}
#voices .quote-controls button:disabled {
  border-color: #2458cf66;
  color: #7182a7;
  opacity: 1
}
#voices .quotes {
  scrollbar-color: #2458cf #0c152e
}
#voices {
  background: #19316a
}
#voices .quote {
  background: #090d17;
  border: 0;
  border-top: 3px solid #2458cf
}
#voices .quote blockquote:before {
  content: '“';
  display: block;
  font-family: Georgia,serif;
  font-size: 4.5rem;
  line-height: .8;
  color: #4a7ce8;
  margin-bottom: .8rem
}
#voices .quote-controls button,
#voices .quote-controls button:disabled {
  background: #090d17;
  border: 0
}
#voices .quote-controls button:hover:not(:disabled) {
  background: #10234c;
  border: 0
}
#watch {
  border: 0;
  border-bottom: 1px solid #75abdd25
}
#watch .checks svg {
  color: #c2d4f3
}
#watch .checks,
#watch .lede {
  color: #d3dae6
}
#watch .player {
  border-top: 3px solid #2458cf
}
#watch .player video {
  border: 0;
  background: #090d17;
  box-shadow: none
}
#watch .player figcaption {
  margin: 0;
  color: #bfcce2
}
#watch .player__play {
  bottom: 2.8rem
}
#watch .player__play i {
  background: #090d17e8;
  border: 0;
  color: #fff;
  box-shadow: none
}
#voices .eyebrow,
#watch .eyebrow,
.eyebrow {
  color: #00ff68
}
#voices .eyebrow:before,
#watch .eyebrow:before,
.eyebrow:before {
  background: #00ff68
}
.episode-copy h2 {
  line-height: 1.12;
  text-wrap: balance
}
.episode-video {
  min-width: 0
}
.episode-video .clip figcaption {
  display: none
}
.youtube-link {
  margin-top: 1.25rem
}
.player-media {
  position: relative
}
#watch .player__play {
  inset: 0
}
#watch .player figcaption {
  padding: 0;
  letter-spacing: 0;
  text-transform: none
}
.social-instagram {
  width: 100%;
  min-height: 56px;
  gap: .6rem;
  padding: 1rem .8rem;
  background: linear-gradient(110deg,#9338c1,#bb2566 60%,#aa3919);
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: .95rem;
  font-weight: 600;
  box-shadow: none;
  white-space: normal
}
.social-instagram:hover {
  background: linear-gradient(110deg,#8130ac,#a8205b 60%,#943216);
  color: #fff
}
@media(hover:hover) {
  #watch .social-instagram:hover {
    transform: none
  }
}
.episode-layout {
  grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr)
}
.episode-video {
  grid-column: 1;
  grid-row: 1
}
.episode-copy {
  grid-column: 2;
  grid-row: 1
}
.episode-copy h2 {
  font-size: clamp(2.2rem,4vw,3.6rem);
  max-width: 20ch
}
.episode-copy .youtube-link {
  margin-top: 1.8rem
}
.episode-video .clip__frame {
  border: 2px solid #00ff68
}
.card {
  border: 1px solid #3264c6;
  border-top: 2px solid #5383df
}
@media(max-width:52rem) {
  .episode-layout {
    grid-template-columns: 1fr
  }
  .episode-copy {
    grid-column: 1;
    grid-row: 1
  }
  .episode-video {
    grid-column: 1;
    grid-row: 2
  }
  .episode-copy h2 {
    max-width: 24ch
  }
}
.card {
  background: #070b13fa;
  border-color: #263958;
  border-top-color: #36517d;
  box-shadow: 0 0 16px #2458cf0d
}
.card .field input,
.card .field select {
  background-color: #04070d;
  border-color: #263347
}
.register {
  background: #03050a
}
.register__bg:after {
  background: linear-gradient(90deg,#030711d9 0,#040914c4 50%,#050b17b3 100%)
}
.register__inner > div:first-child:before {
  background: linear-gradient(90deg,#030711a6,#03071100)
}
.register #countdown,
.register #countdown b,
.register #countdown strong {
  color: #00ff68;
  font-weight: 700
}
@media(max-width:52rem) {
  .register__bg:after {
    background: linear-gradient(#030711d9,#040914bf 50%,#050b17b3)
  }
}
#watch {
  background: linear-gradient(#05091440,#05091466),url("../images/blue-brick.webp") center/cover
}
#watch .player {
  background: 0 0;
  border: 0
}
#watch .player-media {
  background: #090d17;
  border-top: 3px solid #2458cf
}
#watch .player figcaption {
  margin-top: 1rem
}
.site-footer {
  background: linear-gradient(#02050bbd,#02050bd9),url("../images/blue-brick.webp") center/cover;
  padding: 0
}
.site-footer__inner {
  padding-block: 3rem
}
.footer-copyright {
  width: 100%;
  background: #020409;
  padding: 1.2rem var(--gutter);
  text-align: center
}
.site-footer .footer-copyright p {
  margin: 0;
  color: #9ba1ac;
  text-align: center
}
#includes {
  background: #050914
}
#includes .takeaways {
  gap: 0;
  background: 0 0;
  border: 0;
  border-top: 1px solid #00ff68;
  border-left: 1px solid #00ff68
}
#includes .takeaway {
  background: #03060e;
  border: 0;
  border-right: 1px solid #00ff68;
  border-bottom: 1px solid #00ff68
}
#includes .takeaway:hover {
  background: #0a1223
}
#includes .takeaway h3 {
  color: #00ff68
}
.hero__free {
  color: #00ff68
}
.split__tag {
  color: #4be1f2;
  border-color: #4be1f2;
  background: #071b20ed
}
.split__tag {
  text-shadow: 0 0 10px #4be1f280;
  box-shadow: 0 0 12px #4be1f24d,0 0 28px #4be1f226,inset 0 0 12px #4be1f21a
}
.site-header .brand__word .brand-live {
  display: flex;
  align-items: center;
  gap: .4rem;
  width: max-content;
  padding: .35rem .55rem;
  margin-top: .5rem;
  border: 1px solid #ffffff26;
  border-radius: 99px;
  font-size: .58rem;
  letter-spacing: .06em;
  color: #e5e8ef;
  background: #ffffff08
}
.brand-live i {
  width: 6px;
  height: 6px;
  background: #ff453a;
  border-radius: 50%;
  animation: live-dot 1.8s ease-in-out infinite
}
@keyframes live-dot {
  50% {
    box-shadow: 0 0 0 4px #ff453a18
  }
}
.legal-links {
  display: flex;
  justify-content: center;
  gap: 1.4rem;
  margin-bottom: .8rem;
  font-size: .85rem
}
#formResult {
  background: #070b13;
  border: 1px solid #263958
}
#formResult button {
  margin-top: 1.4rem
}
button:disabled {
  cursor: wait;
  opacity: .65
}
@media(prefers-reduced-motion:reduce) {
  .brand-live i {
    animation: none
  }
}
.logo-glow {
  display: inline-flex;
  flex: none;
  filter: drop-shadow(0 0 5px #2458cf73) drop-shadow(0 0 13px #2458cf4d)
}
.onair .seats-ticket {
  width: 18px;
  height: 18px;
  flex: none;
  color: #72a0ff;
  transform-origin: center;
  animation: seat-ticket-tilt 4s ease-in-out infinite
}
@keyframes seat-ticket-tilt {
  0%,
  100%,
  65% {
    transform: rotate(0) translateY(0)
  }
  74% {
    transform: rotate(-12deg) translateY(-2px)
  }
  84% {
    transform: rotate(8deg) translateY(-2px)
  }
  93% {
    transform: rotate(-3deg) translateY(0)
  }
}
@media(prefers-reduced-motion:reduce) {
  .onair .seats-ticket {
    animation: none
  }
}
#voices .quotes {
  margin-inline: 0;
  padding-inline: max(var(--gutter),calc((100% - var(--maxw))/ 2 + var(--gutter)));
  scroll-padding-inline: max(var(--gutter),calc((100% - var(--maxw))/ 2 + var(--gutter)));
  width: 100%;
  box-sizing: border-box
}
@media(max-width:38rem) {
  .register__inner {
    padding-inline: 0
  }
  .register__inner > div:first-child {
    margin-inline: var(--gutter)
  }
  .register__inner > .card {
    width: 100%;
    margin-inline: 0;
    border-inline: 0;
    border-radius: 0
  }
}
.drawer {
  background: 0 0;
  isolation: isolate;
  backdrop-filter: none;
  -webkit-backdrop-filter: none
}
.drawer:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #0b111deb;
  pointer-events: none;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px)
}
.drawer a:last-child {
  border-bottom: 0
}
.field input,
.role-trigger {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 2px;
  font-size: 16px
}
.field input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield
}
.field input::-webkit-inner-spin-button,
.field input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.role-picker {
  position: relative
}
.role-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  min-height: 48px;
  padding: .85rem .9rem;
  background: #04070d;
  color: var(--paper);
  border: 1px solid #263347;
  font-family: var(--font-body);
  text-align: left;
  cursor: pointer
}
.role-trigger svg {
  flex: none
}
.role-trigger:focus-visible {
  outline: 2px solid #2458cf;
  outline-offset: 2px
}
.field.is-bad .role-trigger {
  border-color: #ff453a
}
.role-options {
  position: absolute;
  inset: calc(100% + 6px) 0 auto;
  z-index: 20;
  max-height: 250px;
  overflow-y: auto;
  background: #0b1220;
  border: 1px solid #36517d;
  box-shadow: 0 12px 32px #0008;
  padding: 5px
}
.role-options[hidden] {
  display: none
}
.role-options button {
  display: block;
  width: 100%;
  padding: .8rem;
  text-align: left;
  border: 0;
  background: 0 0;
  color: var(--paper);
  font: inherit;
  font-size: 16px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none
}
.role-options button:focus-visible,
.role-options button:hover {
  background: #19316a;
  outline: 0
}
.role-options button[aria-selected=true] {
  background: #2458cf;
  color: #fff
}
.hero__free {
  text-shadow: none;
  animation: none
}
@media(max-width:52rem) {
  .hero .wall {
    grid-template-columns: 1fr;
    gap: 0
  }
  .hero .wall .panel--a,
  .hero .wall .panel--c {
    display: none
  }
  .hero .wall .panel--b {
    display: block;
    clip-path: none;
    margin: 0;
    border: 0
  }
  .hero .wall .panel--b .shot {
    background-position: center 25%
  }
}
.reels-section {
  background: #080d18
}
.reel-list {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 0 max(var(--gutter),calc((100% - var(--maxw))/ 2 + var(--gutter))) 1.2rem;
  margin-top: 2.5rem;
  scroll-padding-inline: max(var(--gutter),calc((100% - var(--maxw))/ 2 + var(--gutter)));
  scrollbar-width: thin;
  scrollbar-color: #2458cf transparent
}
.reel {
  flex: 0 0 calc((100% - 4.5rem)/ 4);
  min-width: 0;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 1rem
}
.reel-media {
  position: relative;
  background: #03060e;
  aspect-ratio: 9/16;
  border-top: 2px solid #00ff68
}
.reel video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain
}
.reel-play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: 0 0;
  color: #fff;
  border: 0;
  cursor: pointer
}
.reel-play svg {
  box-sizing: content-box;
  background: #050914d9;
  border: 1px solid #ffffff66;
  border-radius: 50%;
  padding: 1rem;
  transition: transform .2s
}
.reel-play:hover svg {
  transform: scale(1.1)
}
.reel-play[hidden] {
  display: none
}
.reel h3 {
  font-family: var(--font-body);
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.1rem;
  line-height: 1.35;
  margin: 0
}
.reel .social-instagram {
  margin-top: auto;
  font-size: .85rem;
  min-height: 48px;
  padding: .8rem
}
.reel-error {
  color: #ffb4b4;
  font-size: .9rem
}
.reel-prev svg {
  transform: rotate(180deg)
}
.reels-section .quote-controls button {
  background: #03060e;
  border: 0;
  color: #fff
}
.reels-section .quote-controls button:disabled {
  opacity: .35;
  cursor: default
}
@media(max-width:64rem) {
  .reel {
    flex-basis: calc((100% - 3rem)/ 3)
  }
}
@media(max-width:38rem) {
  .reel {
    flex-basis: 82%;
    max-width: 320px
  }
  .reels-section .voices-heading h2 {
    font-size: 1.8rem
  }
}
@media(prefers-reduced-motion:reduce) {
  .reel-play svg {
    transition: none
  }
}
.instagram-watch-group {
  background: linear-gradient(#05091440,#05091466),url("../images/blue-brick.webp") center top/cover;
  border-bottom: 1px solid #75abdd25
}
.instagram-watch-group #watch,
.instagram-watch-group .reels-section {
  background: 0 0;
  border: 0
}
.instagram-watch-group .reels-section {
  padding-top: 0
}
.hero .wall .panel--a {
  grid-column: 1/3
}
.hero .wall .panel--c {
  grid-column: 3
}
.hero-portrait,
.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.65) contrast(1.06) brightness(.92);
  pointer-events: none
}
.hero-portrait {
  object-position: center 28%
}
.hero-video {
  object-position: 34% center
}
@media(max-width:52rem) {
  .hero .wall .panel--c {
    display: block;
    grid-column: 1;
    border: 0
  }
  .hero-video {
    object-position: 36% center
  }
}
.register-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
  pointer-events: none
}