.hero[data-astro-cid-ge2uvauf] {
  position: relative;
  z-index: 0;
  --hold-height: 210vh;
}

.hold[data-astro-cid-ge2uvauf] {
  height: var(--hold-height);
}

.sticky[data-astro-cid-ge2uvauf] {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 var(--gutter);
}

.hero[data-astro-cid-ge2uvauf]:not(.hold) .sticky[data-astro-cid-ge2uvauf] {
  position: static;
}

.frame[data-astro-cid-ge2uvauf] {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: -2;
}

.frame[data-astro-cid-ge2uvauf] img[data-astro-cid-ge2uvauf] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale() contrast(1.24) brightness(.66);
  transform-origin: 58%;
  will-change: transform;
}

.scrim[data-astro-cid-ge2uvauf] {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, #000000f0 0% 40%, #00000080 62%, #00000026 100%);
}

.deepen[data-astro-cid-ge2uvauf] {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #000;
  opacity: 0;
}

.content[data-astro-cid-ge2uvauf] {
  position: relative;
  width: 100%;
}

@supports (animation-timeline: scroll()) {
  .hold[data-astro-cid-ge2uvauf] .frame[data-astro-cid-ge2uvauf] img[data-astro-cid-ge2uvauf] {
    animation: linear both push;
    animation-timeline: scroll(root);
    animation-range: contain;
  }

  .hold[data-astro-cid-ge2uvauf] .deepen[data-astro-cid-ge2uvauf] {
    animation: linear both deepen;
    animation-timeline: scroll(root);
    animation-range: contain;
  }

  @keyframes push {
    to {
      transform: scale(1.09);
    }
  }

  @keyframes deepen {
    to {
      opacity: .34;
    }
  }
}

@supports not (animation-timeline: scroll()) {
  .hold[data-astro-cid-ge2uvauf] {
    height: 100vh;
  }

  .hold[data-astro-cid-ge2uvauf] .sticky[data-astro-cid-ge2uvauf] {
    position: static;
  }

  .hold[data-astro-cid-ge2uvauf] .deepen[data-astro-cid-ge2uvauf] {
    opacity: .18;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hold[data-astro-cid-ge2uvauf] {
    height: 100vh;
  }

  .hold[data-astro-cid-ge2uvauf] .sticky[data-astro-cid-ge2uvauf] {
    position: static;
  }

  .hold[data-astro-cid-ge2uvauf] .frame[data-astro-cid-ge2uvauf] img[data-astro-cid-ge2uvauf] {
    animation: none;
    transform: none;
  }

  .hold[data-astro-cid-ge2uvauf] .deepen[data-astro-cid-ge2uvauf] {
    animation: none;
    opacity: .18;
  }
}
.pq[data-astro-cid-tvs3llmy] {
  margin: 0;
  max-width: 14ch;
}

.pq[data-astro-cid-tvs3llmy].long {
  max-width: 19ch;
}

.pq[data-astro-cid-tvs3llmy] p[data-astro-cid-tvs3llmy] {
  font-weight: 700;
  font-size: var(--step-quote);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-display);
  margin: 0;
  text-wrap: balance;
}

.pq[data-astro-cid-tvs3llmy].long p[data-astro-cid-tvs3llmy] {
  font-size: var(--step-quote-long);
}

.pq[data-astro-cid-tvs3llmy] a[data-astro-cid-tvs3llmy] {
  display: block;
  max-width: none;
  margin-top: 26px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .02em;
  color: var(--text-dim);
  text-decoration: none;
}

.pq[data-astro-cid-tvs3llmy] a[data-astro-cid-tvs3llmy]:after {
  content: " →";
}

.pq[data-astro-cid-tvs3llmy] a[data-astro-cid-tvs3llmy]:hover {
  color: var(--type);
}
.rail[data-astro-cid-i4vv3gje] {
  position: absolute;
  right: 18px;
  top: 50%;
  translate: 0 -50%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.rail[data-astro-cid-i4vv3gje] i[data-astro-cid-i4vv3gje] {
  width: 0;
  height: 0;
  border-left: 7px solid var(--grey);
  border-top: 5px solid #0000;
  border-bottom: 5px solid #0000;
}

.rail[data-astro-cid-i4vv3gje] i[data-astro-cid-i4vv3gje].on {
  border-left-color: var(--type);
}

@media (width <= 640px) {
  .rail[data-astro-cid-i4vv3gje] {
    display: none;
  }
}
.beat-1[data-astro-cid-lcdefpme] {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  --mark-width: 34vw;
}

.beat-1[data-astro-cid-lcdefpme] svg {
  width: var(--mark-width);
  height: auto;
  color: var(--accent);
}

.beat-1[data-astro-cid-lcdefpme] svg polygon {
  transform-box: fill-box;
  transform-origin: center;
  opacity: .04;
  transform: scale(.975);
  animation: 1.2s cubic-bezier(.2, .72, .24, 1) both arrive;
}

.beat-1[data-astro-cid-lcdefpme] svg polygon:first-of-type {
  animation-delay: 0s;
}

.beat-1[data-astro-cid-lcdefpme] svg polygon:nth-of-type(2) {
  animation-delay: .4s;
}

.beat-1[data-astro-cid-lcdefpme] svg polygon:nth-of-type(3) {
  animation-delay: .8s;
}

@keyframes arrive {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .beat-1[data-astro-cid-lcdefpme] svg polygon {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.beat-3[data-astro-cid-lcdefpme] {
  position: relative;
  height: 210vh;
}

.beat-3-sticky[data-astro-cid-lcdefpme] {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 var(--gutter);
}

@supports not (animation-timeline: scroll()) {
  .beat-3[data-astro-cid-lcdefpme] {
    height: auto;
  }

  .beat-3-sticky[data-astro-cid-lcdefpme] {
    position: static;
    min-height: 100vh;
  }
}

@media (prefers-reduced-motion: reduce) {
  .beat-3[data-astro-cid-lcdefpme] {
    height: auto;
  }

  .beat-3-sticky[data-astro-cid-lcdefpme] {
    position: static;
    min-height: 100vh;
  }
}

.beat-3-sticky[data-astro-cid-lcdefpme] {
  align-items: flex-end;
}

.beat-3[data-astro-cid-lcdefpme] .pq {
  text-align: right;
  max-width: 23ch;
  width: 23ch;
}

.beat-3[data-astro-cid-lcdefpme] .pq a {
  margin-left: auto;
}

.beat-6-sticky[data-astro-cid-lcdefpme] {
  align-items: flex-end;
}

.beat-6[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme] {
  text-align: right;
}

.beat-6[data-astro-cid-lcdefpme] .plain[data-astro-cid-lcdefpme] {
  justify-content: flex-end;
}

.beat-5[data-astro-cid-lcdefpme], .beat-6[data-astro-cid-lcdefpme] {
  position: relative;
  height: 140vh;
}

.beat-5-sticky[data-astro-cid-lcdefpme], .beat-6-sticky[data-astro-cid-lcdefpme] {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 var(--gutter);
}

@supports not (animation-timeline: scroll()) {
  .beat-5[data-astro-cid-lcdefpme], .beat-6[data-astro-cid-lcdefpme] {
    height: auto;
  }

  .beat-5-sticky[data-astro-cid-lcdefpme], .beat-6-sticky[data-astro-cid-lcdefpme] {
    position: static;
    min-height: 100vh;
  }
}

@media (prefers-reduced-motion: reduce) {
  .beat-5[data-astro-cid-lcdefpme], .beat-6[data-astro-cid-lcdefpme] {
    height: auto;
  }

  .beat-5-sticky[data-astro-cid-lcdefpme], .beat-6-sticky[data-astro-cid-lcdefpme] {
    position: static;
    min-height: 100vh;
  }
}

.beat-4[data-astro-cid-lcdefpme] {
  max-width: 44ch;
}

.beat-4[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme], .beat-5[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme], .beat-6[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme] {
  font-weight: 700;
  font-size: var(--step-section);
  line-height: 1.06;
  letter-spacing: -.028em;
  margin: 0 0 16px;
  text-wrap: balance;
}

.beat-4[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme] {
  font-family: var(--font-body), Georgia, serif;
  font-size: 17px;
  line-height: 1.68;
  color: #c9c8c5;
  margin: 0;
}

.beat-4[data-astro-cid-lcdefpme] .cta[data-astro-cid-lcdefpme] {
  display: inline-block;
  margin-top: 22px;
  font-size: 13px;
  font-weight: 700;
  color: var(--accent);
  border-bottom: 1px solid var(--accent);
  padding-bottom: 3px;
  text-decoration: none;
}

.plain[data-astro-cid-lcdefpme] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 32px;
}

.plain[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme] {
  font-family: var(--font-body), Georgia, serif;
  font-size: 17px;
  color: #c9c8c5;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid var(--grey);
  padding-bottom: 3px;
  transition: color .18s, border-color .18s, translate .18s;
}

.plain[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]:hover {
  color: var(--type);
  border-bottom-color: var(--type);
  translate: 3px;
}

@media (width <= 640px) {
  .plain[data-astro-cid-lcdefpme] {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .beat-6[data-astro-cid-lcdefpme] .plain[data-astro-cid-lcdefpme] {
    align-items: flex-end;
  }
}