.boot-overlay {
  z-index: 100;
  background-color: var(--void);
  font-family: var(--font-jetbrains), ui-monospace, "SF Mono", Menlo, monospace;
  color: var(--cream);
  will-change: opacity;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.75rem;
  padding: 1.5rem;
  display: flex;
  position: fixed;
  inset: 0;
}
.boot-console {
  width: min(90vw, 42rem);
  font-size: var(--text-label);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  flex-direction: column;
  gap: 0.4rem;
  display: flex;
}
.boot-line {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--dust);
  will-change: transform, opacity;
  overflow: hidden;
}
.boot-line:last-child {
  color: var(--cream);
}
.boot-caret {
  color: var(--ginger);
}
.boot-reticle-wrap {
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  display: flex;
  position: relative;
}
.boot-reticle {
  border: 1px solid var(--ginger);
  will-change: transform, opacity;
  width: 116px;
  height: 116px;
  position: relative;
}
.boot-reticle:before,
.boot-reticle:after {
  content: "";
  background: var(--ginger);
  position: absolute;
}
.boot-reticle:before {
  width: 1px;
  top: -14px;
  bottom: -14px;
  left: 50%;
  transform: translate(-0.5px);
}
.boot-reticle:after {
  height: 1px;
  top: 50%;
  left: -14px;
  right: -14px;
  transform: translateY(-0.5px);
}
.boot-lock {
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--ginger);
}
.boot-hint {
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
  position: absolute;
  bottom: 2rem;
}
.chip {
  border-radius: 999px;
}
.tel,
.dossier {
  padding-block: var(--pad-section);
  padding-inline: var(--pad-gutter);
}
.tel__inner,
.dossier__inner {
  max-width: 68rem;
  margin-inline: auto;
}
.tel__head {
  max-width: 44rem;
  margin-bottom: clamp(2.5rem, 1.5rem + 3vw, 4rem);
}
.tel__title {
  font-size: var(--text-display);
  letter-spacing: var(--tracking-plate);
  font-variant: small-caps;
  color: var(--cream);
  font-weight: 500;
  line-height: 1;
}
.tel__intro {
  max-width: 38rem;
  font-size: var(--text-body);
  color: var(--dust);
  margin-top: 1rem;
}
.tel__body {
  align-items: start;
  gap: clamp(2rem, 1rem + 3vw, 3.5rem);
  display: grid;
}
@media (min-width: 52rem) {
  .tel__body {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: clamp(2.5rem, 1rem + 4vw, 5rem);
  }
}
.tel__primary {
  border-top: 1px solid var(--ginger);
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 1.25rem;
  display: flex;
}
.tel__plabel {
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
}
.tel__price,
.tel__price--live,
.tel__price--off {
  color: var(--cream);
  font-variant-numeric: tabular-nums;
  font-size: clamp(2.5rem, 1.5rem + 4vw, 4rem);
  font-weight: 500;
  line-height: 1;
}
.tel__price--live {
  animation: 0.24s ease-out tel-tick;
}
.tel__price--off {
  color: var(--dust);
  font-size: clamp(1.4rem, 1rem + 2vw, 2.2rem);
}
.tel__chip {
  border: 1px solid var(--hairline);
  font-size: var(--text-label);
  font-variant-numeric: tabular-nums;
  color: var(--cream);
  align-self: flex-start;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.3rem 0.85rem;
  display: inline-flex;
}
.tel__chip[data-dir="up"] {
  color: var(--ember);
}
.tel__chip[data-dir="down"] {
  color: var(--dust);
}
.tel__chip-tag {
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  color: var(--dust);
}
.tel__panel {
  border-top: 1px solid var(--hairline);
}
.tel__row {
  border-bottom: 1px solid var(--hairline);
  align-items: baseline;
  gap: 0.75rem;
  padding-block: clamp(0.85rem, 0.6rem + 0.6vw, 1.15rem);
  display: flex;
}
.tel__label {
  font-size: var(--text-label);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
  flex: none;
}
.tel__leader {
  border-bottom: 1px dotted var(--hairline);
  flex: auto;
  align-self: flex-end;
  height: 0;
  transform: translateY(-0.28em);
}
.tel__value {
  font-size: var(--text-title);
  color: var(--cream);
  font-variant-numeric: tabular-nums;
  flex: none;
  font-weight: 500;
}
.tel__value--live {
  animation: 0.24s ease-out tel-tick;
}
.tel__value--void {
  color: var(--dust);
  font-weight: 400;
  font-size: var(--text-body);
}
.tel__value[data-dir="up"] {
  color: var(--ember);
}
.tel__value[data-dir="down"] {
  color: var(--dust);
}
.tel__skel {
  background: var(--deep);
  vertical-align: middle;
  min-width: 3ch;
  height: 1em;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.tel__skel:after {
  content: "";
  background: linear-gradient(90deg, #0000, #f2ece114, #0000);
  animation: 1.4s ease-in-out infinite tel-shimmer;
  position: absolute;
  inset: 0;
  transform: translate(-100%);
}
.tel__foot {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.5rem;
  margin-top: clamp(1.75rem, 1rem + 2vw, 2.75rem);
  display: flex;
}
.tel__status {
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
}
.tel__retry {
  border: 1px solid var(--ginger);
  color: var(--ember);
  font-size: var(--text-label);
  cursor: pointer;
  transition: color var(--dur, 0.2s) ease, background 0.2s ease;
  background: 0 0;
  padding: 0.4rem 1.1rem;
}
.tel__retry:hover {
  background: var(--ginger);
  color: var(--void);
}
@keyframes tel-tick {
  0% {
    opacity: 0.35;
  }
  to {
    opacity: 1;
  }
}
@keyframes tel-shimmer {
  to {
    transform: translate(100%);
  }
}
.dossier__head {
  max-width: 44rem;
  margin-bottom: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
}
.dossier__title {
  font-size: var(--text-display);
  letter-spacing: var(--tracking-plate);
  font-variant: small-caps;
  color: var(--cream);
  font-weight: 500;
  line-height: 1;
}
.dossier__intro {
  max-width: 36rem;
  font-size: var(--text-body);
  color: var(--dust);
  margin-top: 1rem;
}
.dossier__grid {
  gap: clamp(3rem, 2rem + 4vw, 5rem);
  display: grid;
}
@media (min-width: 56rem) {
  .dossier__grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: clamp(3rem, 1rem + 5vw, 6rem);
  }
}
.dossier__sub {
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
  margin-bottom: 1.75rem;
}
.spine {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.spine__rail {
  background: var(--hairline);
  width: 1px;
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  left: 0.28rem;
}
.spine__node {
  padding-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem);
  padding-left: 2rem;
  position: relative;
}
.spine__node:last-child {
  padding-bottom: 0;
}
.spine__mark {
  background: var(--ginger);
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  top: 0.35rem;
  left: 0;
  transform: rotate(45deg);
}
.spine__action {
  font-size: var(--text-title);
  letter-spacing: 0.01em;
  color: var(--cream);
  font-weight: 500;
}
.spine__detail {
  max-width: 34rem;
  font-size: var(--text-body);
  color: var(--dust);
  margin-top: 0.5rem;
}
.spine__cta {
  border: 1px solid var(--ginger);
  color: var(--ember);
  font-size: var(--text-label);
  letter-spacing: 0.04em;
  margin-top: 1.1rem;
  padding: 0.6rem 1.4rem;
  transition: background 0.2s, color 0.2s;
  display: inline-block;
}
.spine__cta:hover {
  background: var(--ginger);
  color: var(--void);
}
.ledger {
  border-left: 1px solid var(--hairline);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.5rem, 1rem + 2vw, 2.5rem) clamp(1.25rem, 1rem + 1.5vw, 2rem);
  margin: 0;
  padding-left: clamp(1.1rem, 0.75rem + 1.2vw, 1.9rem);
  display: grid;
  container-type: inline-size;
}
.ledger__row:first-child {
  grid-column: 1/-1;
}
.ledger__row {
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 0.35rem;
  display: flex;
}
.ledger__term {
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
  margin: 0;
}
.ledger__value {
  font-size: var(--text-heading);
  color: var(--cream);
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-weight: 500;
  line-height: 1.05;
}
.ledger__row:first-child .ledger__value {
  font-size: min(var(--text-display), 9cqw);
  letter-spacing: -0.01em;
}
.ledger__leader {
  display: none;
}
.dossier__note {
  max-width: 30rem;
  font-size: var(--text-body);
  color: var(--dust);
  margin-top: 1.5rem;
}
.copy {
  border: 1px solid var(--hairline);
  background: var(--deep);
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  margin-top: 2rem;
  padding: 1rem 1.15rem;
  display: flex;
}
.copy--compact {
  margin-top: 0;
}
.copy__label {
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
}
.copy__value {
  min-width: 0;
  font-family: var(--font-jetbrains), ui-monospace, monospace;
  font-size: var(--text-label);
  color: var(--cream);
  word-break: break-all;
  flex: auto;
}
.copy__mid {
  display: none;
}
@media (max-width: 30rem) {
  .copy__full {
    display: none;
  }
  .copy__mid {
    word-break: normal;
    display: inline;
  }
}
.copy__btn {
  border: 1px solid var(--hairline);
  color: var(--cream);
  font-size: var(--text-label);
  cursor: pointer;
  background: 0 0;
  flex: none;
  padding: 0.4rem 1.1rem;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.copy__btn:hover {
  border-color: var(--ginger);
  color: var(--ember);
}
.copy__btn[data-copied="true"] {
  background: var(--ginger);
  border-color: var(--ginger);
  color: var(--void);
}
.nav {
  z-index: 60;
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
}
.nav__bar {
  height: var(--nav-h);
  max-height: 80px;
  padding-inline: var(--pad-gutter);
  background: 0 0;
  border-bottom: 1px solid #0000;
  align-items: center;
  gap: clamp(0.75rem, 0.5rem + 1vw, 2rem);
  transition: background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
}
.nav[data-plated="true"] .nav__bar,
.nav[data-open="true"] .nav__bar {
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  border-bottom-color: var(--hairline);
  background-color: #050505db;
}
.nav__mark {
  font-family: var(--font-display), Georgia, serif;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: var(--tracking-plate);
  color: var(--cream);
  white-space: nowrap;
  flex: none;
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1;
}
.nav__mark:hover {
  color: var(--ginger);
}
.nav__desig {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-micro);
  font-variant: normal;
  text-transform: none;
  letter-spacing: var(--tracking-label);
  color: var(--dust);
  margin-inline-start: 0.5rem;
}
@media (max-width: 24rem) {
  .nav__desig {
    display: none;
  }
}
.nav__links {
  flex: auto;
  justify-content: center;
  align-items: center;
  gap: clamp(0.9rem, 0.3rem + 1.4vw, 2.1rem);
  min-width: 0;
  display: none;
}
@media (min-width: 62rem) {
  .nav__links {
    display: flex;
  }
}
.nav__link {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--dust);
  flex: none;
  padding-block: 0.35rem;
  transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}
.nav__link:hover {
  color: var(--cream);
}
.nav__link:after {
  content: "";
  background: var(--ginger);
  transform-origin: 0;
  height: 1px;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  transform: scaleX(0);
}
.nav__link[aria-current="true"] {
  color: var(--cream);
}
.nav__link[aria-current="true"]:after {
  transform: scaleX(1);
}
.nav__actions {
  flex: none;
  align-items: center;
  gap: 0.6rem;
  margin-inline-start: auto;
  display: flex;
}
@media (min-width: 62rem) {
  .nav__actions {
    margin-inline-start: 0;
  }
}
.nav__cta {
  background: var(--ginger);
  color: var(--void);
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1.25rem;
  transition: background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  display: inline-flex;
}
.nav__cta:hover {
  background: var(--ember);
  transform: translateY(-1px);
}
.nav__cta:active {
  transform: translateY(0);
}
.nav__toggle {
  border: 1px solid var(--hairline);
  color: var(--cream);
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  cursor: pointer;
  background: 0 0;
  align-items: center;
  padding: 0.5rem 0.75rem;
  transition: border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  display: inline-flex;
}
.nav__toggle:hover {
  border-color: var(--ginger);
}
@media (min-width: 62rem) {
  .nav__toggle {
    display: none;
  }
}
.nav__panel {
  border-bottom: 1px solid var(--hairline);
  background-color: var(--void);
  padding: 0.5rem var(--pad-gutter) 1.25rem;
  max-height: calc(100dvh - var(--nav-h));
  animation: 0.24s cubic-bezier(0.16, 1, 0.3, 1) both nav-panel-in;
  overflow-y: auto;
}
@media (min-width: 62rem) {
  .nav__panel {
    display: none;
  }
}
.nav__panel-link {
  border-bottom: 1px solid var(--hairline);
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-label);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--cream);
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  padding-block: 0.95rem;
  display: flex;
}
.nav__panel-link[aria-current="true"] {
  color: var(--ginger);
}
.nav__panel-index {
  font-size: var(--text-micro);
  color: var(--dust);
}
@keyframes nav-panel-in {
  0% {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .nav__panel {
    animation: none;
  }
  .nav__link:after {
    transition: none;
  }
}
.plate {
  align-items: center;
  min-height: 100dvh;
  padding-block: clamp(4rem, 8vh, 6rem) clamp(2.5rem, 7vh, 4.5rem);
  padding-inline: clamp(1.25rem, 5vw, 5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}
.plate-inner {
  grid-template-columns: 1fr;
  align-items: center;
  gap: clamp(2rem, 6vw, 4rem);
  width: 100%;
  max-width: 84rem;
  margin-inline: auto;
  display: grid;
}
@media (min-width: 900px) {
  .plate-inner {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  }
}
.plate-copy {
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(1.25rem, 3vw, 1.75rem);
  animation: 1.4s cubic-bezier(0.16, 1, 0.3, 1) both plate-develop;
  display: flex;
}
.plate-wordmark {
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: var(--tracking-plate);
  font-size: var(--text-plate);
  color: var(--cream);
  font-weight: 600;
  line-height: 0.92;
}
.plate-sub {
  max-width: 34ch;
  font-size: var(--text-body);
  color: var(--cream);
  letter-spacing: 0.01em;
  line-height: 1.5;
}
.plate-actions {
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-block-start: 0.25rem;
  display: flex;
}
.plate-cta {
  font-size: var(--text-label);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0.72rem 1.6rem;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
    background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1),
    color 0.2s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  display: inline-flex;
}
.plate-cta--primary {
  background: var(--ginger);
  color: var(--void);
}
.plate-cta--primary:hover {
  background: var(--ember);
}
.plate-cta--ghost {
  border: 1px solid var(--hairline);
  color: var(--cream);
}
.plate-cta--ghost:hover {
  border-color: var(--ginger);
  color: var(--ginger);
}
.plate-cta:hover {
  transform: translateY(-1px);
}
.plate-cta:active {
  transform: translateY(0);
}
.plate-body {
  justify-content: center;
  animation: 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.12s both plate-develop;
  display: flex;
  position: relative;
}
.plate-disc {
  aspect-ratio: 500/430;
  width: min(78vw, 34rem);
  margin-inline-end: clamp(-2.5rem, -4vw, 0rem);
  position: relative;
}
.plate-orbit {
  transform-origin: 50%;
  will-change: transform;
  animation: 96s cubic-bezier(0.45, 0, 0.55, 1) infinite plate-drift;
  position: absolute;
  inset: 0;
}
.plate-img {
  object-fit: contain;
  mix-blend-mode: screen;
  width: 100%;
  height: 100%;
  -webkit-mask-image: radial-gradient(farthest-side, #000 80%, #0000 100%);
  mask-image: radial-gradient(farthest-side, #000 80%, #0000 100%);
}
.plate-limb {
  pointer-events: none;
  mix-blend-mode: screen;
  background: radial-gradient(36% 40% at 33% 30%, #f0a35c42, #f0a35c00 70%);
  position: absolute;
  inset: 0;
}
@keyframes plate-develop {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes plate-drift {
  0% {
    transform: rotate(-3.2deg);
  }
  50% {
    transform: rotate(3.2deg);
  }
  to {
    transform: rotate(-3.2deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .plate-orbit {
    animation: none;
  }
  .plate-copy,
  .plate-body {
    opacity: 1;
    animation: none;
    transform: none;
  }
}
.film {
  background: var(--void);
  height: 420vh;
  position: relative;
}
.film__pin {
  width: 100%;
  height: 100dvh;
  position: relative;
  overflow: hidden;
}
.film__video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  transform: scale(1.02);
}
.film__scrim {
  pointer-events: none;
  background: linear-gradient(90deg, #050505d1 0%, #05050573 26%, #05050500 52%),
    linear-gradient(#05050500 54%, #05050599 80%, #050505f0 100%);
  position: absolute;
  inset: 0;
}
.film__caption {
  max-inline-size: 34ch;
  position: absolute;
  inset-block-end: clamp(4rem, 12vh, 7rem);
  inset-inline-start: var(--pad-gutter);
}
.film__name {
  font-size: var(--text-heading);
  font-variant: small-caps;
  letter-spacing: var(--tracking-plate);
  color: var(--cream);
  line-height: 1;
  display: block;
}
.film__line {
  font-family: var(--font-mono);
  font-size: var(--text-body);
  color: var(--dust);
  margin: 0.6rem 0 0;
  line-height: 1.5;
}
@media (prefers-reduced-motion: no-preference) {
  .film__caption {
    animation: 0.42s cubic-bezier(0.16, 1, 0.3, 1) both film-cue;
  }
}
@keyframes film-cue {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.film__rail {
  inset-inline: var(--pad-gutter);
  background: var(--hairline);
  height: 1px;
  position: absolute;
  inset-block-end: clamp(1.75rem, 5vh, 2.75rem);
}
.film__rail-fill {
  background: var(--ginger);
  transform-origin: 0;
  height: 100%;
  display: block;
  transform: scaleX(0);
}
.film__loading {
  font-family: var(--font-mono);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}
.film__track {
  height: 0;
}
.film__catalogue {
  padding: var(--pad-section) var(--pad-gutter);
  margin: 0;
  max-inline-size: 68rem;
  margin-inline: auto;
  list-style: none;
  display: none;
}
.film__cat-item + .film__cat-item {
  border-block-start: 1px solid var(--hairline);
  margin-block-start: clamp(2rem, 5vh, 3.25rem);
  padding-block-start: clamp(2rem, 5vh, 3.25rem);
}
@media (prefers-reduced-motion: reduce) {
  .film {
    height: auto;
  }
  .film__pin {
    display: none;
  }
  .film__catalogue {
    display: block;
  }
}
@media (max-width: 640px) {
  .film {
    height: 340vh;
  }
  .film__caption {
    max-inline-size: 26ch;
    inset-block-end: clamp(3.5rem, 14vh, 6rem);
  }
}
.body {
  color: var(--cream);
}
.body__disc {
  width: 100%;
  position: relative;
}
.body__aspect {
  width: 100%;
  height: 0;
  position: relative;
}
.body__aspect img {
  object-fit: contain;
  object-position: center;
  -webkit-user-select: none;
  user-select: none;
  mix-blend-mode: screen;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(closest-side, #000 76%, #0000 99%);
  mask-image: radial-gradient(closest-side, #000 76%, #0000 99%);
}
.body--caturn .body__aspect img,
.body--star .body__aspect img {
  -webkit-mask-image: radial-gradient(farthest-side, #000 82%, #0000 100%);
  mask-image: radial-gradient(farthest-side, #000 82%, #0000 100%);
}
.body__meta {
  display: block;
}
.body__labelrow {
  justify-content: center;
  align-items: baseline;
  gap: 0.5em;
  display: flex;
}
.body__label {
  font-family: var(--font-cormorant), Georgia, "Times New Roman", serif;
  font-variant: small-caps;
  letter-spacing: var(--tracking-plate, 0.08em);
  font-weight: 500;
  font-size: var(--text-title, 1.6rem);
  color: var(--cream);
  line-height: 1;
}
.body__desig {
  font-family: var(--font-jetbrains), ui-monospace, monospace;
  font-size: var(--text-micro, 0.7rem);
  letter-spacing: var(--tracking-label, 0.22em);
  color: var(--ginger);
  transform: translateY(-0.15em);
}
.body__line {
  font-family: var(--font-jetbrains), ui-monospace, monospace;
  font-size: var(--text-label, 0.82rem);
  color: var(--dust);
  margin: 0.5em 0 0;
  line-height: 1.5;
}
.body__sun {
  background: radial-gradient(
    70% 90% at 22%,
    #f0a35cf2,
    #d9752f6b 34%,
    #d9752f1f 55%,
    #0000 72%
  );
}
.body__sun:after {
  content: "";
  aspect-ratio: 1;
  background: radial-gradient(
    circle,
    var(--ember) 0%,
    var(--ginger) 45%,
    transparent 70%
  );
  filter: blur(2px);
  border-radius: 50%;
  width: 34%;
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
}
.transit--motion {
  background: var(--void);
  position: relative;
}
.transit__viewport {
  background: var(--void);
  width: 100%;
  height: 100dvh;
  position: relative;
  overflow: hidden;
}
.transit__eyebrow {
  z-index: 5;
  font-family: var(--font-jetbrains), ui-monospace, monospace;
  font-size: var(--text-micro, 0.7rem);
  letter-spacing: var(--tracking-label, 0.22em);
  text-transform: uppercase;
  color: var(--dust);
  margin: 0;
  position: absolute;
  top: clamp(1.1rem, 3vh, 2.2rem);
  left: clamp(1.1rem, 3vw, 2.6rem);
}
.transit__layer {
  will-change: transform;
  position: absolute;
  inset: 0;
}
.transit__stars {
  background-image: radial-gradient(1px 1px at 20% 24%, #f2ece199, #0000 60%),
    radial-gradient(1px 1px at 68% 61%, #f2ece173, #0000 60%),
    radial-gradient(1px 1px at 42% 82%, #f2ece166, #0000 60%),
    radial-gradient(1.4px 1.4px at 85% 34%, #f2ece159, #0000 60%),
    radial-gradient(1px 1px at 12% 66%, #f2ece16b, #0000 60%),
    radial-gradient(0.8px 0.8px at 57% 12%, #f2ece157, #0000 60%),
    radial-gradient(1.2px 1.2px at 33% 47%, #f2ece161, #0000 60%),
    radial-gradient(0.8px 0.8px at 91% 76%, #f2ece14d, #0000 60%);
  background-repeat: repeat;
  background-size: 173px 191px, 149px 163px, 211px 227px, 131px 179px,
    197px 137px, 157px 233px, 181px 151px, 139px 199px;
  width: 340vw;
}
.transit__dust {
  opacity: 0.9;
  background-image: radial-gradient(2px 2px at 30% 40%, #d9752f38, #0000 65%),
    radial-gradient(2.5px 2.5px at 76% 68%, #f0a35c29, #0000 65%),
    radial-gradient(1.6px 1.6px at 54% 18%, #f2ece12e, #0000 65%);
  background-repeat: repeat;
  background-size: 520px 480px, 640px 600px, 420px 520px;
  width: 340vw;
}
.transit__row,
.transit__caturn {
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100%;
  display: flex;
}
.body--cell {
  flex: none;
  height: 100%;
  position: relative;
}
.body--cell .body__disc {
  width: 100%;
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.body--cell .body__meta {
  text-align: center;
  width: max-content;
  max-width: min(28ch, 82vw);
  position: absolute;
  top: 82%;
  left: 50%;
  transform: translate(-50%);
}
.body--caturn.body--cell .body__meta {
  max-width: min(38ch, 82vw);
}
.body--star.body--cell .body__sun {
  position: absolute;
  inset: -12% -22% -12% -30%;
}
.transit--motion .transit__caturn .body--caturn .body__disc {
  transform: translate(-50%, -50%) scale(var(--caturn-scale, 1));
  transform-origin: 50% 46%;
}
.transit--motion .transit__caturn .body--caturn .body__meta {
  opacity: var(--focus, 0);
  transform: translateX(-50%) translateY(calc((1 - var(--focus, 0)) * 14px));
}
.body__spacer {
  flex: none;
  height: 100%;
}
.transit__hud {
  z-index: 5;
  position: absolute;
  bottom: clamp(1.4rem, 5vh, 3rem);
  left: clamp(1.1rem, 4vw, 3rem);
  right: clamp(1.1rem, 4vw, 3rem);
}
.transit__rail {
  background: var(--hairline);
  height: 1px;
  position: relative;
}
.transit__fill {
  transform-origin: 0;
  background: var(--ginger);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
}
.transit__tick {
  cursor: default;
  background: 0 0;
  border: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  transform: translate(-50%);
}
.transit__tick:before {
  content: "";
  background: var(--dust);
  width: 1px;
  height: 7px;
  transition: background 0.2s var(--ease-out, cubic-bezier(0.16, 1, 0.3, 1));
  margin: 0 auto;
  display: block;
  transform: translateY(-7px);
}
.transit__tickname {
  font-family: var(--font-jetbrains), ui-monospace, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--dust);
  opacity: 0;
  transition: opacity 0.2s var(--ease-out, cubic-bezier(0.16, 1, 0.3, 1));
  font-size: 0.58rem;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -0.4rem);
}
.transit__tick[data-active="true"]:before {
  background: var(--ginger);
  height: 11px;
  transform: translateY(-11px);
}
.transit__tick[data-active="true"] .transit__tickname {
  opacity: 1;
  color: var(--cream);
}
.transit--rail {
  background: var(--void);
  padding: calc(var(--nav-h, 64px) + clamp(1.5rem, 5vh, 2.5rem)) 0
    clamp(2rem, 6vh, 3rem);
  position: relative;
}
.transit--rail .transit__eyebrow {
  margin: 0 0 1.4rem clamp(1.1rem, 6vw, 2rem);
  position: static;
}
.transit__snap {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  gap: 0;
  display: flex;
  overflow: auto hidden;
}
.transit__snap::-webkit-scrollbar {
  display: none;
}
.transit__panel {
  scroll-snap-align: center;
  flex: 0 0 84vw;
  justify-content: center;
  align-items: center;
  min-height: 68vh;
  padding: 0 6vw;
  display: flex;
}
.body--rail {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
  display: flex;
}
.body--rail .body__disc {
  width: min(58vw, 320px);
}
.body--rail.body--caturn .body__disc {
  width: min(80vw, 420px);
}
.body--rail .body__sun {
  aspect-ratio: 1;
  width: min(58vw, 300px);
  position: relative;
}
.body--rail .body__meta {
  max-width: 32ch;
}
.transit__rail--static {
  margin: 1.8rem clamp(1.1rem, 6vw, 2rem) 0;
}
.transit--static {
  background: var(--void);
  padding: calc(var(--nav-h, 64px) + clamp(2rem, 6vh, 4rem))
    var(--pad-gutter, 1.25rem) var(--pad-section, 5rem);
}
.transit--static .transit__eyebrow {
  margin: 0 0 2rem;
  position: static;
}
.transit__list {
  max-width: 62rem;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.transit__listitem {
  border-top: 1px solid var(--hairline);
  padding: 1.6rem 0;
}
.transit__listitem:last-child {
  border-bottom: 1px solid var(--hairline);
}
.body--list {
  align-items: center;
  gap: clamp(1rem, 4vw, 2.2rem);
  display: flex;
}
.body--list .body__disc {
  flex: none;
  width: clamp(64px, 16vw, 104px);
}
.body--list.body--caturn .body__disc {
  width: clamp(96px, 22vw, 168px);
}
.body--list .body__sun {
  aspect-ratio: 1;
  flex: none;
  width: clamp(64px, 16vw, 104px);
  position: relative;
}
.body--list .body__meta {
  text-align: left;
}
.body--list .body__labelrow {
  justify-content: flex-start;
}
.body--list .body__line {
  max-width: 52ch;
}
@media (prefers-reduced-motion: reduce) {
  .transit__layer {
    will-change: auto;
    filter: none !important;
  }
}
.chart {
  padding: var(--pad-section) var(--pad-gutter);
  max-inline-size: 1400px;
  margin-inline: auto;
}
.chart__head {
  border-block-end: 1px solid var(--hairline);
  justify-content: space-between;
  align-items: baseline;
  gap: 1.5rem;
  margin-block-end: 1.5rem;
  padding-block-end: 1rem;
  display: flex;
}
.chart__title {
  font-family: var(--font-display);
  font-size: var(--text-display);
  font-variant: small-caps;
  letter-spacing: var(--tracking-plate);
  color: var(--cream);
  margin: 0;
  line-height: 1;
}
.chart__source {
  font-family: var(--font-mono);
  font-size: var(--text-label);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
  white-space: nowrap;
  border-block-end: 1px solid #0000;
  text-decoration: none;
  transition: color 0.2s, border-color 0.2s;
}
.chart__source:hover,
.chart__source:focus-visible {
  color: var(--ginger);
  border-block-end-color: var(--ginger);
}
.chart__frame {
  border: 1px solid var(--hairline);
  background: var(--deep);
  block-size: clamp(420px, 62vh, 720px);
  position: relative;
  overflow: hidden;
}
.chart__iframe {
  opacity: 0;
  border: 0;
  block-size: 100%;
  inline-size: 100%;
  transition: opacity 0.42s;
  display: block;
}
.chart__frame[data-loaded] .chart__iframe {
  opacity: 1;
}
.chart__skel {
  flex-direction: column;
  justify-content: center;
  gap: clamp(1.5rem, 6vh, 3rem);
  padding: clamp(1.5rem, 5vw, 3rem);
  display: flex;
  position: absolute;
  inset: 0;
}
.chart__skel-line {
  background: var(--hairline);
  block-size: 1px;
  display: block;
}
.chart__skel-note {
  font-family: var(--font-mono);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
  position: absolute;
  inset-block-end: clamp(1rem, 4vh, 1.75rem);
  inset-inline-start: clamp(1.5rem, 5vw, 3rem);
}
@media (prefers-reduced-motion: no-preference) {
  .chart__skel-note {
    animation: 2.4s ease-in-out infinite chart-pulse;
  }
}
@keyframes chart-pulse {
  0%,
  to {
    opacity: 0.45;
  }
  50% {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .chart__iframe,
  .chart__source {
    transition: none;
  }
}
@media (max-width: 640px) {
  .chart__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
  }
}
.disc {
  padding-block: var(--pad-section);
  padding-inline: var(--pad-gutter);
  position: relative;
}
.disc__grid {
  grid-template-columns: 1fr;
  gap: clamp(2rem, 1rem + 5vw, 5rem);
  max-width: 78rem;
  margin-inline: auto;
  display: grid;
}
@media (min-width: 60rem) {
  .disc__grid {
    grid-template-columns: 15rem minmax(0, 34rem) 1fr;
    align-items: start;
  }
}
.disc__rail {
  border-top: 1px solid var(--hairline);
  padding-top: 1.25rem;
}
@media (min-width: 60rem) {
  .disc__rail {
    position: sticky;
    top: clamp(4rem, 3rem + 4vw, 7rem);
  }
}
.disc__meta {
  flex-direction: column;
  gap: 0;
  margin: 0;
  display: flex;
}
.disc__row {
  border-bottom: 1px solid var(--hairline);
  flex-direction: column;
  gap: 0.2rem;
  padding-block: 0.85rem;
  display: flex;
}
.disc__k {
  font-family: var(--font-mono);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
}
.disc__v {
  font-family: var(--font-mono);
  font-size: var(--text-label);
  color: var(--cream);
  word-break: break-word;
  margin: 0;
  line-height: 1.4;
}
.disc__body {
  max-width: 34rem;
}
.disc__title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: var(--text-display);
  letter-spacing: var(--tracking-plate);
  color: var(--cream);
  text-wrap: balance;
  margin-bottom: clamp(1.75rem, 1rem + 2vw, 2.75rem);
  line-height: 1.02;
}
.disc__prose {
  flex-direction: column;
  gap: 1.4rem;
  display: flex;
}
.disc__prose p {
  font-family: var(--font-mono);
  font-size: var(--text-body);
  color: var(--cream);
  max-width: 46ch;
  line-height: 1.75;
}
.disc__conclusion {
  border-left: 1px solid var(--ginger);
  margin-top: 0.5rem;
  padding-left: 1.1rem;
  color: var(--ember) !important;
}
@media (prefers-reduced-motion: reduce) {
  .disc__row,
  .disc__title,
  .disc__prose p {
    opacity: 1 !important;
    transform: none !important;
  }
}
.a {
  padding-block: var(--pad-section);
  padding-inline: var(--pad-gutter);
  position: relative;
}
.a__head {
  text-align: center;
  max-width: 46rem;
  margin: 0 auto clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
}
.a__title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: var(--text-display);
  letter-spacing: var(--tracking-plate);
  color: var(--cream);
  text-wrap: balance;
  line-height: 1.03;
}
.a__sub {
  font-family: var(--font-mono);
  font-size: var(--text-body);
  color: var(--dust);
  text-wrap: balance;
  margin-top: 1rem;
  line-height: 1.6;
}
.a__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: clamp(8rem, 6rem + 8vw, 12.5rem);
  grid-auto-flow: dense;
  gap: clamp(0.6rem, 0.4rem + 0.8vw, 1rem);
  max-width: 82rem;
  margin-inline: auto;
  display: grid;
}
@media (min-width: 48rem) {
  .a__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 75rem) {
  .a__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.a-cell {
  border: 1px solid var(--hairline);
  background-color: var(--deep);
  cursor: pointer;
  color: var(--cream);
  transition: border-color var(--dur, 0.2s) cubic-bezier(0.16, 1, 0.3, 1),
    transform var(--dur, 0.2s) cubic-bezier(0.16, 1, 0.3, 1);
  grid-area: span 1 / span 1;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.a-cell--wide {
  grid-column: span 2;
}
.a-cell--tall {
  grid-row: span 2;
}
.a-cell__img {
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
  .a-cell:hover {
    border-color: var(--ginger);
  }
  .a-cell:hover .a-cell__img {
    transform: scale(1.03);
  }
  .a-cell:hover .a-cell__cap {
    opacity: 1;
    transform: translateY(0);
  }
}
.a-cell:focus-visible {
  border-color: var(--ginger);
}
.a-cell__cap {
  font-family: var(--font-mono);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--cream);
  text-align: left;
  opacity: 0;
  background: linear-gradient(#05050500, #050505d1);
  padding: 0.9rem 0.85rem 0.7rem;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(0.4rem);
}
.a-cell:focus-visible .a-cell__cap {
  opacity: 1;
  transform: translateY(0);
}
.a-lb {
  z-index: 80;
  background: #050505f0;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(0.75rem, 0.5rem + 1.5vw, 1.5rem);
  display: flex;
  position: fixed;
  inset: 0;
}
.a-lb__bar {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.a-lb__count {
  font-family: var(--font-mono);
  font-size: var(--text-label);
  letter-spacing: var(--tracking-label);
  color: var(--dust);
}
.a-lb__x {
  font-family: var(--font-mono);
  font-size: var(--text-label);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--cream);
  border: 1px solid var(--hairline);
  cursor: pointer;
  background: 0 0;
  padding: 0.5rem 0.9rem;
  transition: border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.a-lb__x:hover {
  border-color: var(--ginger);
}
.a-lb__stage {
  flex: auto;
  justify-content: center;
  align-items: center;
  gap: clamp(0.4rem, 0.2rem + 1vw, 1.25rem);
  min-height: 0;
  display: flex;
}
.a-lb__nav {
  width: clamp(2.4rem, 2rem + 1.5vw, 3.2rem);
  height: clamp(2.4rem, 2rem + 1.5vw, 3.2rem);
  font-family: var(--font-mono);
  color: var(--cream);
  border: 1px solid var(--hairline);
  cursor: pointer;
  background: 0 0;
  flex: none;
  place-items: center;
  font-size: 1.1rem;
  transition: border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1),
    color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  display: grid;
}
.a-lb__nav:hover {
  border-color: var(--ginger);
  color: var(--ginger);
}
.a-lb__figure {
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  margin: 0;
  display: flex;
}
.a-lb__img {
  object-fit: contain;
  border: 1px solid var(--hairline);
  width: auto;
  max-width: min(92vw, 68rem);
  height: auto;
  max-height: 76vh;
}
.a-lb__cap {
  font-family: var(--font-mono);
  font-size: var(--text-label);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
  text-align: center;
}
.a-lb__foot {
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 0.6rem;
  display: flex;
}
.a-lb__actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.6rem;
  display: flex;
}
.a-chip {
  border: 1px solid var(--hairline);
  color: var(--cream);
  font-family: var(--font-mono);
  font-size: var(--text-label);
  letter-spacing: 0.04em;
  cursor: pointer;
  background: 0 0;
  border-radius: 999px;
  padding: 0.55rem 1.15rem;
  transition: border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1),
    color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.a-chip:hover {
  border-color: var(--ginger);
  color: var(--ember);
}
.a-lb__status {
  min-height: 1.2em;
  font-family: var(--font-mono);
  font-size: var(--text-micro);
  letter-spacing: 0.02em;
  color: var(--ginger);
  text-align: center;
}
@media (prefers-reduced-motion: reduce) {
  .a-cell,
  .a-cell__img,
  .a-cell__cap {
    transition: none !important;
    transform: none !important;
  }
  .a-cell:hover .a-cell__img {
    transform: none !important;
  }
  .a-cell__cap {
    opacity: 1;
    transform: none;
  }
}
.arcade {
  width: 100%;
  position: relative;
}
.arcade__frame {
  aspect-ratio: 16/9;
  border: 1px solid var(--hairline);
  background-color: var(--deep);
  width: 100%;
  min-height: 340px;
  max-height: 78dvh;
  position: relative;
  overflow: hidden;
}
.arcade__canvas {
  touch-action: none;
  cursor: pointer;
  outline: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}
.arcade__canvas:focus-visible {
  outline: 2px solid var(--ginger);
  outline-offset: -2px;
}
.arcade__sr {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.arcade__overlay {
  z-index: 2;
  text-align: center;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background: radial-gradient(#050505b8 0%, #050505e6 100%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.85rem;
  padding: clamp(1.25rem, 4vw, 3rem);
  animation: 0.4s cubic-bezier(0.16, 1, 0.3, 1) arcade-fade;
  display: flex;
  position: absolute;
  inset: 0;
}
@keyframes arcade-fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.arcade__eyebrow {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
  margin: 0;
}
.arcade__title:focus-visible {
  outline: 2px solid var(--ginger);
  outline-offset: 4px;
}
.arcade__title {
  font-family: var(--font-display), Georgia, serif;
  font-size: var(--text-display);
  letter-spacing: var(--tracking-plate);
  text-transform: uppercase;
  color: var(--cream);
  margin: 0;
  line-height: 0.95;
}
.arcade__blurb {
  max-width: 38ch;
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-body);
  color: var(--dust);
  margin: 0;
  line-height: 1.6;
}
.arcade__hint {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-micro);
  letter-spacing: 0.06em;
  color: var(--dust);
  margin: 0.25rem 0 0;
}
.arcade__stats {
  align-items: baseline;
  gap: clamp(1.25rem, 5vw, 3rem);
  margin: 0.5rem 0 0;
  display: flex;
}
.arcade__stat {
  flex-direction: column;
  gap: 0.3rem;
  display: flex;
}
.arcade__stat dt {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
}
.arcade__stat dd {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-heading);
  color: var(--cream);
  font-variant-numeric: tabular-nums;
  margin: 0;
}
.arcade__stat--score dd {
  color: var(--ginger);
}
.arcade__best {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-label);
  letter-spacing: 0.06em;
  color: var(--dust);
  margin: 0;
}
.arcade__actions {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.5rem;
  display: flex;
}
.arcade__cta,
.arcade__share {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--text-label);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0.7rem 1.6rem;
  transition: background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1),
    color 0.2s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  display: inline-flex;
}
.arcade__cta {
  background-color: var(--ginger);
  color: var(--void);
  border: 1px solid var(--ginger);
}
.arcade__cta:hover {
  background-color: var(--ember);
  border-color: var(--ember);
  transform: translateY(-1px);
}
.arcade__share {
  color: var(--cream);
  border: 1px solid var(--hairline);
  background-color: #0000;
}
.arcade__share:hover {
  border-color: var(--ginger);
  color: var(--ginger);
  transform: translateY(-1px);
}
.arcade__cta:focus-visible,
.arcade__share:focus-visible {
  outline: 2px solid var(--ginger);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .arcade__overlay {
    animation: none;
  }
  .arcade__cta,
  .arcade__share {
    transition: none;
  }
  .arcade__cta:hover,
  .arcade__share:hover {
    transform: none;
  }
}
.tx {
  padding-block: var(--pad-section) var(--pad-section-close);
  padding-inline: var(--pad-gutter);
}
.tx__inner {
  max-width: 60rem;
  margin-inline: auto;
}
.tx__head {
  max-width: 46rem;
}
.tx__eyebrow {
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--dust);
  margin-bottom: 1.5rem;
}
.tx__title {
  font-size: var(--text-plate);
  letter-spacing: var(--tracking-plate);
  font-variant: small-caps;
  color: var(--cream);
  font-weight: 500;
  line-height: 0.98;
}
.tx__closing {
  max-width: 40rem;
  font-size: var(--text-body);
  color: var(--dust);
  margin-top: 1.5rem;
}
.tx__cta {
  border: 1px solid var(--ginger);
  background: var(--ginger);
  color: var(--void);
  font-size: var(--text-label);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-top: clamp(2rem, 1.5rem + 2vw, 3rem);
  padding: 0.85rem 2rem;
  transition: background 0.2s, color 0.2s;
  display: inline-block;
}
.tx__cta:hover {
  color: var(--ember);
  background: 0 0;
}
.tx__links {
  border-top: 1px solid var(--hairline);
  margin-top: clamp(3rem, 2rem + 3vw, 4.5rem);
}
.tx__link {
  border-bottom: 1px solid var(--hairline);
  color: var(--cream);
  will-change: transform;
  align-items: baseline;
  gap: 1rem;
  padding-block: clamp(1rem, 0.75rem + 0.8vw, 1.4rem);
  transition: transform 0.25s, color 0.25s;
  display: flex;
}
.tx__link:hover {
  color: var(--ember);
  transform: translate(0.6rem);
}
.tx__link-label {
  min-width: 8rem;
  font-size: var(--text-title);
  color: var(--cream);
  flex: none;
  font-weight: 500;
  transition: color 0.25s;
}
.tx__link:hover .tx__link-label {
  color: var(--ember);
}
.tx__link-note {
  font-size: var(--text-label);
  color: var(--dust);
  flex: auto;
}
.tx__link-arrow {
  font-size: var(--text-title);
  color: var(--dust);
  flex: none;
  transition: color 0.25s, transform 0.25s;
}
.tx__link:hover .tx__link-arrow {
  color: var(--ginger);
  transform: translate(0.15rem, -0.15rem);
}
.tx__contract {
  margin-top: clamp(2.5rem, 1.5rem + 2vw, 3.5rem);
}
.tx__footer {
  border-top: 1px solid var(--hairline);
  flex-direction: column;
  gap: 0.75rem;
  max-width: 60rem;
  margin: clamp(3rem, 2rem + 3vw, 5rem) auto 0;
  padding-top: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
  display: flex;
}
.tx__credit {
  font-size: var(--text-label);
  color: var(--dust);
}
.tx__disclaimer {
  max-width: 44rem;
  font-size: var(--text-micro);
  color: var(--dust);
  opacity: 0.85;
  line-height: 1.7;
}