.hero-sequence {
  --hero-exit-progress: 0;
  position: relative;
  height: 220svh;
  background: var(--navy);
}

.hero-sequence .hero-sequence__viewport {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 100svh;
  isolation: isolate;
}

.hero-sequence .hero-sequence__viewport::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 42% 0 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, var(--paper));
  opacity: calc(var(--hero-exit-progress) * .88);
}

.hero-sequence .hero-sequence__media {
  background-color: #111a24;
  background-image: url("data:image/webp;base64,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");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-sequence .hero-sequence__fallback-picture,
.hero-sequence .hero-sequence__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero-sequence .hero-sequence__fallback-picture {
  display: block;
  opacity: 0;
}

.hero-sequence[data-fallback-ready="true"] .hero-sequence__fallback-picture {
  opacity: 1;
}

.hero-sequence .hero-sequence__fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.hero-sequence .hero-sequence__canvas {
  z-index: 1;
  display: block;
  opacity: 0;
  pointer-events: none;
}

.hero-sequence[data-sequence-ready="true"] .hero-sequence__canvas {
  opacity: 1;
}

.hero-sequence .hero-sequence__media > span {
  z-index: 2;
  background: rgba(5, 35, 62, .18);
  mix-blend-mode: multiply;
}

.hero-sequence .hero-sequence__media::after {
  z-index: 3;
  background:
    radial-gradient(ellipse at 50% 44%, rgba(5, 18, 36, .12) 0%, rgba(5, 18, 36, .31) 58%, rgba(5, 18, 36, .6) 100%),
    linear-gradient(180deg, rgba(5, 18, 36, .48), rgba(5, 18, 36, .08) 34%, rgba(5, 18, 36, .62));
}

.hero-sequence .hero-content,
.hero-sequence .hero-foot {
  z-index: 4;
  opacity: calc(1 - (var(--hero-exit-progress) * .5));
}

.site-header.hero-sequence-active.scrolled {
  color: var(--white);
  background: transparent;
  border-bottom-color: rgba(255, 255, 255, .22);
  box-shadow: none;
  backdrop-filter: none;
}

.site-header.hero-sequence-active.scrolled::before {
  opacity: 1;
}

.site-header.hero-sequence-active.scrolled .button-nav {
  color: var(--white);
  background: rgba(29, 45, 68, .28);
  border-color: rgba(255, 255, 255, .48);
}

.site-header.hero-sequence-active.menu-active {
  background: var(--navy);
}

.site-header.hero-sequence-active.menu-active::before {
  opacity: 0;
}

.hero-sequence .button-light {
  color: var(--navy);
}

@media (max-width: 760px) {
  .hero-sequence {
    /* Preserve the 78svh scroll journey while covering expanded browser UI. */
    height: calc(78svh + 100lvh);
  }

  .hero-sequence .hero-sequence__viewport {
    height: 100lvh;
    min-height: 100lvh;
  }

  .hero-sequence .hero-sequence__fallback {
    object-position: 58% 50%;
  }

  .hero-sequence .hero-sequence__media {
    background-position: 58% 50%;
  }
}

@media (max-width: 430px) {
  .hero-sequence .hero-content {
    padding-top: calc(var(--header) + .75rem);
  }

  .hero-sequence .hero-brand {
    width: min(58vw, 210px);
  }

  .hero-sequence .hero-text {
    max-width: 35ch;
  }
}

@media (max-height: 700px) and (max-width: 760px) {
  .hero-sequence .hero-content {
    padding-top: calc(var(--header) + .25rem);
  }

  .hero-sequence .hero-brand {
    width: min(46vw, 170px);
    margin-bottom: .7rem;
  }

  .hero-sequence .hero-content h1 {
    font-size: clamp(2.65rem, 14vw, 4rem);
  }

  .hero-sequence .hero-kicker {
    margin: .75rem 0 .35rem;
    font-size: .98rem;
  }

  .hero-sequence .hero-text {
    font-size: .8rem;
  }

  .hero-sequence .hero-actions {
    margin-top: .9rem;
  }

  .hero-sequence .hero-actions .button {
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-sequence {
    height: 100svh;
  }

  .hero-sequence .hero-sequence__canvas {
    display: none;
  }

  .hero-sequence .hero-content,
  .hero-sequence .hero-foot {
    opacity: 1;
  }
}