.fx[data-astro-cid-32w4q435] {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  container-type: size;
  pointer-events: none;
}

.fx--page[data-astro-cid-32w4q435] {
  position: sticky;
  inset: auto;
  top: 0;
  height: 100svh;
  margin-bottom: -100svh;
  z-index: 4;
}

@media (prefers-reduced-motion: reduce) {
  .fx[data-astro-cid-32w4q435] {
    display: none;
  }
}

.fx__fall[data-astro-cid-32w4q435] {
  position: absolute;
  top: -10%;
  left: var(--left);
  animation: fx-fall var(--duration) linear infinite;
  animation-delay: var(--delay);
}

.fx__piece[data-astro-cid-32w4q435] {
  display: block;
  width: var(--w);
  height: var(--h);
  background: var(--c);
  border-radius: 1px;
  opacity: .92;
  box-shadow: 0 1px 3px #0a061880;
  animation: fx-sway calc(var(--duration) / 3) ease-in-out infinite alternate,
      fx-spin calc(var(--duration) / 2.2) linear infinite;
  animation-delay: var(--delay), var(--delay);
}

@keyframes fx-fall {
  to {
    translate: 0 120cqh;
  }
}

@keyframes fx-sway {
  from {
    translate: calc(var(--sway) * -1) 0;
  }

  to {
    translate: var(--sway) 0;
  }
}

@keyframes fx-spin {
  from {
    rotate: var(--tilt);
  }

  to {
    rotate: calc(var(--tilt) + var(--spin));
  }
}

.fx__wisp[data-astro-cid-32w4q435] {
  position: absolute;
  left: -20%;
  top: var(--top);
  width: var(--w);
  height: var(--h);
  border-radius: 50%;
  background: radial-gradient(ellipse,
      color-mix(in srgb, var(--tint, #f3d488) 55%, transparent),
      transparent 70%);
  filter: blur(34px);
  opacity: 0;
  animation: fx-wisp var(--duration) ease-in-out infinite;
  animation-delay: var(--delay);
}

@keyframes fx-wisp {
  0% {
    opacity: 0;
    translate: 0;
  }

  30% {
    opacity: var(--peak);
  }

  70% {
    opacity: var(--peak);
  }

  100% {
    opacity: 0;
    translate: var(--travel) 0;
  }
}

.fx__fly[data-astro-cid-32w4q435] {
  position: absolute;
  left: var(--left);
  top: var(--top);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: radial-gradient(circle, #fff6c4, #bee48c00 68%);
  box-shadow: 0 0 14px 4px #d2f0a073;
  opacity: 0;
  animation: fx-fly var(--duration) ease-in-out infinite;
  animation-delay: var(--delay);
}

@keyframes fx-fly {
  0% {
    opacity: 0;
    translate: 0;
  }

  35% {
    opacity: var(--peak);
  }

  62% {
    opacity: var(--peak);
  }

  100% {
    opacity: 0;
    translate: var(--drift) calc(var(--rise) * -1);
  }
}

.fx--neon[data-astro-cid-32w4q435] {
  mix-blend-mode: screen;
}

.fx__bloom[data-astro-cid-32w4q435] {
  position: absolute;
  border-radius: 50%;
  filter: blur(48px);
  animation: 9s ease-in-out infinite alternate fx-breathe;
}

.fx__bloom--a[data-astro-cid-32w4q435] {
  inset: 10% 58% 42% 8%;
  background: radial-gradient(circle, color-mix(in srgb, var(--tint, #ff4fa3) 70%, transparent), transparent 68%);
}

.fx__bloom--b[data-astro-cid-32w4q435] {
  inset: 26% 12% 20% 52%;
  background: radial-gradient(circle, #7e60ffb8, #0000 68%);
  animation-duration: 12s;
  animation-delay: -4s;
}

.fx__bloom--c[data-astro-cid-32w4q435] {
  inset: 54% 34% 4% 30%;
  background: radial-gradient(circle, #29d3c999, #0000 70%);
  animation-duration: 15s;
  animation-delay: -8s;
}

@keyframes fx-breathe {
  from {
    opacity: .3;
    scale: .92;
  }

  to {
    opacity: 1;
    scale: 1.08;
  }
}
.person[data-astro-cid-ezkfuxwl] {
  position: relative;
  background: radial-gradient(ellipse 80% 34% at 50% 0%,
        color-mix(in srgb, var(--tint) 20%, transparent),
        transparent 70%),
      radial-gradient(ellipse 70% 22% at 12% 52%,
        color-mix(in srgb, var(--tint) 11%, transparent),
        transparent 72%),
      radial-gradient(ellipse 80% 26% at 88% 88%,
        color-mix(in srgb, var(--tint) 9%, transparent),
        transparent 72%),
      var(--night);
  view-timeline-name: --person;
}

.person__thread[data-astro-cid-ezkfuxwl] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom,
      transparent,
      color-mix(in srgb, var(--tint) 85%, transparent) 12%,
      color-mix(in srgb, var(--tint) 85%, transparent) 88%,
      transparent);
  transform-origin: top;
  scale: 1 0;
  pointer-events: none;
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .person__thread[data-astro-cid-ezkfuxwl] {
      animation: linear both person-thread;
      animation-timeline: --person;
      animation-range: cover;
    }
  }
}

@keyframes person-thread {
  to {
    scale: 1;
  }
}

html:not(.sda) .person__thread[data-astro-cid-ezkfuxwl] {
  scale: 1;
}

@media (prefers-reduced-motion: reduce) {
  .person__thread[data-astro-cid-ezkfuxwl] {
    scale: 1;
  }
}

.person__loop[data-astro-cid-ezkfuxwl] {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity .9s var(--ease-deco);
}

.person__loop[data-astro-cid-ezkfuxwl].is-playing {
  opacity: 1;
}

.person__loopCredit[data-astro-cid-ezkfuxwl] {
  position: absolute;
  z-index: 2;
  right: var(--gutter);
  bottom: var(--space-2xs);
  font-size: .68rem;
  color: #fff9;
  text-shadow: 0 0 .6rem #000000b3;
}

@media (prefers-reduced-motion: reduce) {
  .person__loop[data-astro-cid-ezkfuxwl] {
    display: none;
  }
}

.person__open[data-astro-cid-ezkfuxwl] {
  display: grid;
  align-items: end;
  min-height: min(82svh, 46rem);
  overflow: hidden;
}

.person__open[data-astro-cid-ezkfuxwl] .px__veil[data-astro-cid-ezkfuxwl] {
  background: linear-gradient(to top,
        var(--night) 2%,
        color-mix(in srgb, var(--night) 55%, transparent) 38%,
        transparent 72%),
      linear-gradient(to right, color-mix(in srgb, var(--night) 70%, transparent), transparent 62%);
}

.person__title[data-astro-cid-ezkfuxwl] {
  padding-block: var(--space-2xl) var(--space-xl);
}

.person__role[data-astro-cid-ezkfuxwl] {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin-block-start: var(--space-s);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text);
}

.person__role[data-astro-cid-ezkfuxwl]:before {
  content: "";
  width: 2.5rem;
  height: 2px;
  background: var(--tint);
}

.person__title[data-astro-cid-ezkfuxwl] h1[data-astro-cid-ezkfuxwl] {
  font-size: clamp(2.75rem, 9vw, 6rem);
  line-height: .92;
  text-wrap: balance;
}

.person__hook[data-astro-cid-ezkfuxwl] {
  font-size: var(--step-1);
  line-height: 1.35;
  max-width: 34ch;
  text-shadow: 0 1px 12px #05040e99;
}

.person__meta[data-astro-cid-ezkfuxwl] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2xs);
  margin-block-start: var(--space-2xs);
  font-size: var(--step--1);
  color: var(--text-muted);
}

.person__label[data-astro-cid-ezkfuxwl] {
  font-size: var(--step-0);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.person__life[data-astro-cid-ezkfuxwl] {
  display: grid;
  gap: var(--space-l);
  padding-block-start: var(--space-2xl);
}

@media (width >= 56rem) {
  .person__life[data-astro-cid-ezkfuxwl] {
    grid-template-columns: 24rem minmax(0, 1fr);
    gap: var(--space-2xl);
    align-items: start;
  }

  .person__portraits[data-astro-cid-ezkfuxwl] {
    position: sticky;
    top: var(--space-l);
  }
}

.person__portraits[data-astro-cid-ezkfuxwl] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: var(--space-s);
}

.person__portraits[data-astro-cid-ezkfuxwl] .person__credit[data-astro-cid-ezkfuxwl] {
  grid-column: 1 / -1;
  margin-block-start: 0;
}

.person__portrait[data-astro-cid-ezkfuxwl] {
  margin: 0;
}

.person__portrait[data-astro-cid-ezkfuxwl] img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: var(--radius-l);
}

.person__portrait[data-astro-cid-ezkfuxwl] figcaption[data-astro-cid-ezkfuxwl], .person__credit[data-astro-cid-ezkfuxwl] {
  margin-block-start: var(--space-2xs);
  font-size: .7rem;
  color: var(--text-muted);
}

.person__prose[data-astro-cid-ezkfuxwl] {
  display: grid;
  gap: var(--space-s);
  max-width: var(--measure);
}

.person__prose[data-astro-cid-ezkfuxwl] p[data-astro-cid-ezkfuxwl] {
  line-height: 1.65;
}

.person__prose[data-astro-cid-ezkfuxwl] p[data-astro-cid-ezkfuxwl]:first-of-type {
  font-size: var(--step-1);
  line-height: 1.5;
  color: var(--text);
}

.person__facts[data-astro-cid-ezkfuxwl] {
  padding-block-start: var(--space-2xl);
}

.facts[data-astro-cid-ezkfuxwl] {
  display: grid;
  gap: var(--space-s);
  margin: var(--space-m) 0 0;
  padding: 0;
}

@media (width >= 46rem) {
  .facts[data-astro-cid-ezkfuxwl] {
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  }
}

@keyframes fact-drift {
  from {
    translate: 0 calc(6px + var(--i, 0) * 4px);
  }

  to {
    translate: 0 calc(-6px - var(--i, 0) * 4px);
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .fact[data-astro-cid-ezkfuxwl] {
      animation: linear both reveal-up, linear both fact-drift;
      animation-timeline: view(), view();
      animation-range: entry calc(4% + var(--i, 0) * 5%) entry calc(65% + var(--i, 0) * 5%),
          cover 0% cover 100%;
    }
  }
}

.fact[data-astro-cid-ezkfuxwl] {
  display: grid;
  align-content: start;
  gap: var(--space-2xs);
  padding: var(--space-m);
  border-radius: var(--radius-l);
  border-inline-start: 2px solid var(--tint);
  background: var(--surface);
  box-shadow: inset 0 0 0 1px var(--hairline);
}

.fact__text[data-astro-cid-ezkfuxwl] {
  margin: 0;
  line-height: 1.55;
}

.fact__meta[data-astro-cid-ezkfuxwl] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2xs);
  margin: 0;
  font-size: .72rem;
  color: var(--text-muted);
}

.person__say[data-astro-cid-ezkfuxwl] {
  position: relative;
  padding-block: var(--space-3xl);
  overflow: hidden;
}

.person__say[data-astro-cid-ezkfuxwl] figure[data-astro-cid-ezkfuxwl] {
  position: relative;
  z-index: 2;
  margin: 0;
  max-width: 46rem;
}

.person__say[data-astro-cid-ezkfuxwl] blockquote[data-astro-cid-ezkfuxwl] {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5.5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.02;
  text-transform: uppercase;
  text-wrap: balance;
  background: linear-gradient(120deg, var(--text) 30%, var(--tint));
  background-clip: text;
  color: #0000;
}

.person__say[data-astro-cid-ezkfuxwl] blockquote[data-astro-cid-ezkfuxwl] p[data-astro-cid-ezkfuxwl] {
  margin: 0;
}

.person__say[data-astro-cid-ezkfuxwl] figcaption[data-astro-cid-ezkfuxwl] {
  margin-block-start: var(--space-s);
  font-size: .72rem;
  color: var(--text-muted);
}

.person__sayLabel[data-astro-cid-ezkfuxwl] {
  display: block;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text);
}

.person__art[data-astro-cid-ezkfuxwl] {
  display: grid;
  align-items: end;
  min-height: min(70svh, 34rem);
  overflow: hidden;
}

.person__art[data-astro-cid-ezkfuxwl] .px__veil[data-astro-cid-ezkfuxwl] {
  background: linear-gradient(to top, var(--night) 1%, transparent 45%);
}

.person__artCredit[data-astro-cid-ezkfuxwl] {
  padding-block-end: var(--space-m);
  font-size: .72rem;
  line-height: 1.5;
  color: var(--text-muted);
}

.person__artCredit[data-astro-cid-ezkfuxwl] .px__layer[data-astro-cid-ezkfuxwl] {
  display: block;
  max-width: 38rem;
}

.person__shots[data-astro-cid-ezkfuxwl] {
  padding-block-start: var(--space-2xl);
}

.shots[data-astro-cid-ezkfuxwl] {
  display: grid;
  gap: var(--space-xl);
  margin: var(--space-m) 0 0;
  padding: 0;
}

.shot[data-astro-cid-ezkfuxwl] figure[data-astro-cid-ezkfuxwl] {
  margin: 0;
  max-width: 44rem;
}

@media (width >= 56rem) {
  .shot[data-astro-cid-ezkfuxwl]:nth-child(2n) figure[data-astro-cid-ezkfuxwl] {
    margin-inline-start: auto;
  }
}

.shot[data-astro-cid-ezkfuxwl] img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: var(--radius-l);
}

@keyframes shot-grow {
  from {
    scale: 1;
  }

  to {
    scale: 1.045;
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .shot[data-astro-cid-ezkfuxwl] figure[data-astro-cid-ezkfuxwl] {
      animation: linear both shot-grow;
      animation-timeline: view();
      animation-range: cover;
      will-change: transform;
    }

    .shot[data-astro-cid-ezkfuxwl] figcaption[data-astro-cid-ezkfuxwl] {
      animation: linear both shot-lag;
      animation-timeline: view();
      animation-range: cover;
    }
  }
}

@keyframes shot-lag {
  from {
    translate: 0 6px;
  }

  to {
    translate: 0 -6px;
  }
}

.shot[data-astro-cid-ezkfuxwl] figcaption[data-astro-cid-ezkfuxwl] {
  margin-block-start: var(--space-2xs);
  font-size: var(--step--1);
  color: var(--text-muted);
}

.person__more[data-astro-cid-ezkfuxwl] {
  display: grid;
  gap: var(--space-s);
  padding-block: var(--space-2xl);
}

.person__ties[data-astro-cid-ezkfuxwl] {
  padding-block-end: var(--space-m);
}

.person__ties[data-astro-cid-ezkfuxwl] ul[data-astro-cid-ezkfuxwl], .person__rest[data-astro-cid-ezkfuxwl] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs) var(--space-s);
  margin: var(--space-2xs) 0 0;
  padding: 0;
  list-style: none;
}

.person__rest[data-astro-cid-ezkfuxwl] {
  margin-block-start: var(--space-s);
}

.person__rest[data-astro-cid-ezkfuxwl] a[data-astro-cid-ezkfuxwl], .person__ties[data-astro-cid-ezkfuxwl] a[data-astro-cid-ezkfuxwl] {
  font-weight: 650;
}

.person__loose[data-astro-cid-ezkfuxwl] {
  color: var(--text-muted);
}
