/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *,
  :after,
  :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
    appearance: button;
  }
  ::file-selector-button {
    -webkit-appearance: button;
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer components;
@layer utilities {
  .visible {
    visibility: visible;
  }
  .relative {
    position: relative;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .hidden {
    display: none;
  }
  .table {
    display: table;
  }
  .grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .shadow {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
:root {
  --paper: #f0eee7;
  --ink: #161a17;
  --acid: #c3a0d3;
  --line: #161a1738;
  --serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --sans: "Helvetica Neue", "Neue Haas Grotesk Text Pro", Arial, sans-serif;
  --mono: "SFMono-Regular", "Roboto Mono", Consolas, monospace;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  margin: 0;
}
body.emergenverse-active {
  background: #030611;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font: inherit;
}
::selection {
  background: var(--acid);
  color: var(--ink);
}
.site-header {
  z-index: 20;
  border-bottom: 1px solid var(--line);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 82px;
  padding: 0 3.2vw;
  font-size: 12px;
  display: grid;
  position: relative;
}
.site-header nav {
  gap: 30px;
  display: flex;
}
.site-header nav a,
.index-link {
  transition: opacity 0.2s;
}
.site-header nav a:hover,
.index-link:hover {
  opacity: 0.48;
}
.wordmark {
  font: 400 17px/1 var(--serif);
  letter-spacing: 0.11em;
  align-items: center;
  gap: 13px;
  display: flex;
}
.wordmark-mark {
  width: 34px;
  height: 34px;
  font-family: var(--serif);
  letter-spacing: -0.04em;
  border: 1px solid;
  border-radius: 50%;
  place-items: center;
  display: grid;
}
.index-link {
  justify-self: end;
}
.is-inverted {
  color: var(--world-pale);
  border-color: var(--world-pale);
}
@supports (color: color-mix(in lab, red, red)) {
  .is-inverted {
    border-color: color-mix(in srgb, var(--world-pale) 28%, transparent);
  }
}
.home-hero {
  border-bottom: 1px solid var(--line);
  min-height: 94svh;
  position: relative;
  overflow: hidden;
}
.hero-grid {
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  opacity: 0.42;
  background-size:
    12.5vw 100%,
    100% 8vw;
  position: absolute;
  inset: 82px 0 0;
  -webkit-mask-image: linear-gradient(#000, #0000 86%);
  mask-image: linear-gradient(#000, #0000 86%);
}
.orbit {
  pointer-events: none;
  border: 1px solid #161a1773;
  border-radius: 50%;
  position: absolute;
}
.orbit:after {
  content: "";
  background: var(--acid);
  border: 1px solid var(--ink);
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 16%;
  left: 13%;
}
.orbit-one {
  aspect-ratio: 1;
  width: 54vw;
  top: 17%;
  right: -7vw;
  transform: rotate(-18deg);
}
.orbit-two {
  aspect-ratio: 1;
  border-style: dashed;
  width: 29vw;
  top: 31%;
  right: 5vw;
}
.hero-copy {
  z-index: 2;
  padding: 8vh 3.2vw 3vh;
  position: relative;
}
.kicker,
.section-label,
.world-signal {
  font: 10px/1.4 var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.16em;
}
.hero-copy h1 {
  max-width: 920px;
  font: 400 clamp(66px, 10.2vw, 158px) / 0.78 var(--serif);
  letter-spacing: -0.075em;
  margin: 4.5vh 0 0;
}
.hero-copy h1 span {
  margin-left: 11vw;
  font-style: italic;
  font-weight: 400;
  display: block;
}
.hero-intro {
  align-items: flex-end;
  gap: 40px;
  width: min(520px, 42vw);
  margin: 7vh 0 0 51vw;
  display: flex;
}
.hero-intro p {
  letter-spacing: -0.02em;
  margin: 0;
  font-size: clamp(16px, 1.45vw, 24px);
  line-height: 1.35;
}
.round-link {
  border: 1px solid var(--ink);
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 58px;
  height: 58px;
  font-size: 24px;
  transition:
    background 0.25s,
    transform 0.25s;
  display: grid;
}
.round-link:hover {
  background: var(--acid);
  transform: translateY(4px);
}
.hero-ledger {
  z-index: 2;
  border-top: 1px solid var(--ink);
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 14px;
  display: grid;
  position: absolute;
  bottom: 20px;
  left: 3.2vw;
  right: 3.2vw;
}
.hero-ledger span:nth-child(2) {
  text-align: center;
}
.hero-ledger span:last-child {
  text-align: right;
}
.atlas-intro {
  grid-template-columns: 1.15fr 0.85fr;
  gap: 8vw;
  padding: 10vw 3.2vw;
  display: grid;
}
.atlas-intro h2,
.latest-heading h2,
.studio-section h2,
.world-contents-heading h2 {
  font: 400 clamp(52px, 7vw, 108px) / 0.92 var(--serif);
  letter-spacing: -0.055em;
  margin: 28px 0 0;
}
.atlas-intro-copy {
  align-self: end;
  max-width: 550px;
}
.atlas-intro-copy p {
  letter-spacing: -0.025em;
  margin: 0 0 42px;
  font-size: clamp(18px, 1.65vw, 26px);
  line-height: 1.42;
}
.text-link {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-bottom: 1px solid;
  gap: 25px;
  padding-bottom: 9px;
  font-size: 12px;
  display: inline-flex;
}
.world-stack {
  border-top: 1px solid var(--line);
}
.world-panel {
  --world-accent: #fff;
  --world-dark: #111;
  --world-pale: #eee;
  min-height: 78svh;
  color: var(--world-pale);
  background: var(--world-dark);
  border-bottom: 1px solid #ffffff29;
  padding: 26px 3.2vw 4vw;
  position: relative;
  overflow: hidden;
}
.world-panel:before {
  content: "";
  z-index: 1;
  opacity: 0.7;
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.world-panel-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 1.2s cubic-bezier(0.2, 0.7, 0.1, 1);
  position: absolute;
  inset: 0;
}
.world-panel:hover .world-panel-image {
  transform: scale(1.025);
}
.world-panel-image-wash {
  z-index: 1;
  background:
    linear-gradient(
      90deg,
      var(--world-dark) 0%,
      var(--world-dark) 52%,
      var(--world-dark) 100%
    ),
    linear-gradient(0deg, var(--world-dark) 0%, transparent 55%);
  position: absolute;
  inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .world-panel-image-wash {
    background:
      linear-gradient(
        90deg,
        color-mix(in srgb, var(--world-dark) 94%, transparent) 0%,
        color-mix(in srgb, var(--world-dark) 30%, transparent) 52%,
        color-mix(in srgb, var(--world-dark) 72%, transparent) 100%
      ),
      linear-gradient(0deg, var(--world-dark) 0%, transparent 55%);
  }
}
.world-silent-scream .world-panel-image {
  filter: saturate(0.45) contrast(1.15);
}
.world-cosmic-horror .world-panel-image {
  object-position: center 35%;
}
.world-panel-top {
  z-index: 2;
  border-bottom: 1px solid var(--world-pale);
  grid-template-columns: 0.4fr 1fr 1fr;
  padding-bottom: 15px;
  display: grid;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .world-panel-top {
    border-bottom: 1px solid
      color-mix(in srgb, var(--world-pale) 30%, transparent);
  }
}
.world-panel-top {
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
}
.world-panel-top span:last-child {
  text-align: right;
}
.world-panel-mark {
  z-index: 2;
  font: 300 min(14vw, 210px) / 1 var(--serif);
  color: var(--world-accent);
  opacity: 0.68;
  position: absolute;
  top: 32%;
  left: 88%;
  transform: translate(-50%, -50%);
}
.world-panel-body {
  z-index: 2;
  grid-template-columns: 1.35fr 0.65fr;
  align-items: end;
  gap: 7vw;
  display: grid;
  position: absolute;
  bottom: 4vw;
  left: 3.2vw;
  right: 3.2vw;
}
.world-signal {
  color: var(--world-accent);
}
.world-panel h3 {
  font: 400 clamp(62px, 9.5vw, 154px) / 0.82 var(--serif);
  letter-spacing: -0.07em;
  max-width: 1020px;
  margin: 14px 0 0;
}
.world-panel-copy {
  max-width: 430px;
}
.world-panel-copy p {
  margin: 0 0 28px;
  font-size: 17px;
  line-height: 1.48;
}
.visual-style {
  color: var(--world-accent);
  font: 8px/1.5 var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: -12px 0 28px;
  display: block;
}
.world-panel-copy a {
  border-top: 1px solid var(--world-pale);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  justify-content: space-between;
  padding: 12px 0;
  font-size: 11px;
  display: flex;
}
.world-count {
  font: 300 14vw/1 var(--serif);
  color: var(--world-pale);
  opacity: 0.045;
  position: absolute;
  top: 10%;
  right: -1vw;
}
.world-emergenverse:before {
  background:
    radial-gradient(circle at 50% 40%, var(--world-accent), transparent 18%),
    repeating-radial-gradient(
      circle at 50% 40%,
      transparent 0 45px,
      var(--world-accent) 46px 47px
    );
}
@supports (color: color-mix(in lab, red, red)) {
  .world-emergenverse:before {
    background:
      radial-gradient(
        circle at 50% 40%,
        color-mix(in srgb, var(--world-accent) 35%, transparent),
        transparent 18%
      ),
      repeating-radial-gradient(
        circle at 50% 40%,
        transparent 0 45px,
        color-mix(in srgb, var(--world-accent) 12%, transparent) 46px 47px
      );
  }
}
.world-apocrypha:before {
  background:
    radial-gradient(ellipse at center, var(--world-accent), transparent 35%),
    repeating-linear-gradient(
      90deg,
      transparent 0 12vw,
      #ffffff09 12vw calc(12vw + 1px)
    );
}
@supports (color: color-mix(in lab, red, red)) {
  .world-apocrypha:before {
    background:
      radial-gradient(
        ellipse at center,
        color-mix(in srgb, var(--world-accent) 23%, transparent),
        transparent 35%
      ),
      repeating-linear-gradient(
        90deg,
        transparent 0 12vw,
        #ffffff09 12vw calc(12vw + 1px)
      );
  }
}
.world-mongol-world:before {
  background:
    linear-gradient(
      170deg,
      transparent 0 50%,
      var(--world-accent) 50.2% 64%,
      transparent 64.2%
    ),
    radial-gradient(ellipse at 50% 62%, var(--world-accent), transparent 45%);
}
@supports (color: color-mix(in lab, red, red)) {
  .world-mongol-world:before {
    background:
      linear-gradient(
        170deg,
        transparent 0 50%,
        color-mix(in srgb, var(--world-accent) 20%, transparent) 50.2% 64%,
        transparent 64.2%
      ),
      radial-gradient(
        ellipse at 50% 62%,
        color-mix(in srgb, var(--world-accent) 22%, transparent),
        transparent 45%
      );
  }
}
.world-silent-scream:before {
  background:
    repeating-linear-gradient(105deg, transparent 0 3px, #ffffff06 4px 5px),
    linear-gradient(
      90deg,
      transparent 47%,
      var(--world-accent) 47.1% 47.5%,
      transparent 47.6%
    );
}
@supports (color: color-mix(in lab, red, red)) {
  .world-silent-scream:before {
    background:
      repeating-linear-gradient(105deg, transparent 0 3px, #ffffff06 4px 5px),
      linear-gradient(
        90deg,
        transparent 47%,
        color-mix(in srgb, var(--world-accent) 32%, transparent) 47.1% 47.5%,
        transparent 47.6%
      );
  }
}
.world-cosmic-horror:before {
  background:
    radial-gradient(
      circle at 50% 40%,
      transparent 0 7%,
      var(--world-accent) 7.2% 7.4%,
      transparent 7.6% 17%,
      var(--world-accent) 17.2% 17.4%,
      transparent 17.6%
    ),
    radial-gradient(
      circle at 22% 25%,
      var(--world-pale) 0 1px,
      transparent 2px
    ),
    radial-gradient(circle at 78% 55%, var(--world-pale) 0 1px, transparent 2px);
}
@supports (color: color-mix(in lab, red, red)) {
  .world-cosmic-horror:before {
    background:
      radial-gradient(
        circle at 50% 40%,
        transparent 0 7%,
        color-mix(in srgb, var(--world-accent) 18%, transparent) 7.2% 7.4%,
        transparent 7.6% 17%,
        color-mix(in srgb, var(--world-accent) 12%, transparent) 17.2% 17.4%,
        transparent 17.6%
      ),
      radial-gradient(
        circle at 22% 25%,
        var(--world-pale) 0 1px,
        transparent 2px
      ),
      radial-gradient(
        circle at 78% 55%,
        var(--world-pale) 0 1px,
        transparent 2px
      );
  }
}
.latest-section {
  padding: 10vw 3.2vw;
}
.latest-heading {
  grid-template-columns: 1fr 2fr;
  align-items: start;
  margin-bottom: 6vw;
  display: grid;
}
.latest-heading h2 {
  margin-top: 0;
}
.dispatch-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 2vw;
  display: grid;
}
.dispatch-card {
  display: block;
}
.dispatch-visual {
  aspect-ratio: 1.12;
  background: var(--world-dark);
  color: var(--world-accent);
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}
.dispatch-visual:after {
  content: "";
  opacity: 0.35;
  border: 1px solid;
  border-radius: 50%;
  position: absolute;
  inset: 10%;
}
.dispatch-visual span {
  font: 18vw/1 var(--serif);
  transition: transform 0.45s;
}
.dispatch-card:hover .dispatch-visual span {
  transform: rotate(12deg) scale(1.07);
}
.dispatch-visual small {
  font: 8px var(--mono);
  letter-spacing: 0.12em;
  position: absolute;
  bottom: 14px;
  left: 16px;
}
.dispatch-meta {
  border-top: 1px solid var(--ink);
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  justify-content: space-between;
  margin-top: 18px;
  padding-top: 11px;
  display: flex;
}
.dispatch-card h3 {
  font: 400 clamp(28px, 2.7vw, 42px) / 1 var(--serif);
  letter-spacing: -0.035em;
  margin: 18px 0 8px;
}
.dispatch-card p {
  color: #161a17ad;
  max-width: 34ch;
  margin: 0;
  line-height: 1.45;
}
.library-button {
  border: 1px solid var(--ink);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  border-radius: 50%;
  justify-content: space-between;
  width: min(430px, 100%);
  margin: 7vw auto 0;
  padding: 20px 24px;
  font-size: 11px;
  transition: background 0.25s;
  display: flex;
}
.library-button:hover {
  background: var(--acid);
}
.studio-section {
  background: var(--acid);
  min-height: 90svh;
  padding: 10vw 3.2vw 12vw;
  position: relative;
  overflow: hidden;
}
.studio-section h2 {
  z-index: 2;
  font-size: clamp(64px, 9vw, 138px);
  position: relative;
}
.studio-copy {
  z-index: 2;
  grid-template-columns: 2fr 1fr;
  gap: 4vw;
  max-width: 560px;
  margin: 7vw 0 0 48vw;
  display: grid;
  position: relative;
}
.studio-copy p {
  margin: 0;
  font-size: 19px;
  line-height: 1.4;
}
.studio-note {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font: 10px/1.6 var(--mono) !important;
}
.studio-orbit {
  aspect-ratio: 1;
  border: 1px solid var(--ink);
  border-radius: 50%;
  place-items: center;
  width: 44vw;
  display: grid;
  position: absolute;
  top: 4vw;
  right: -8vw;
}
.studio-orbit:after {
  content: "";
  border: 1px dashed var(--ink);
  border-radius: 50%;
  position: absolute;
  inset: 13%;
}
.studio-orbit span {
  font: 12vw var(--serif);
  letter-spacing: -0.08em;
}
.site-footer {
  color: #eee9dc;
  background: #111411;
  grid-template-rows: 1fr auto;
  gap: 3vw;
  min-height: 58svh;
  padding: 5vw 3.2vw 2vw;
  display: grid;
}
.site-footer > p {
  width: min(1180px, 92vw);
  font: 400 clamp(48px, 7.2vw, 112px) / 0.92 var(--serif);
  letter-spacing: -0.055em;
  align-self: center;
  margin: 0;
}
.footer-meta {
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-top: 1px solid #ffffff40;
  grid-column: 1/-1;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 16px;
  display: grid;
}
.footer-meta span:nth-child(2) {
  text-align: center;
}
.footer-meta a {
  text-align: right;
}
.index-page,
.library-page {
  min-height: 100vh;
}
.index-hero,
.library-hero {
  padding: 9vw 3.2vw 6vw;
}
.index-hero h1,
.library-hero h1 {
  font: 400 clamp(72px, 11vw, 170px) / 0.78 var(--serif);
  letter-spacing: -0.07em;
  margin: 3vw 0 5vw;
}
.index-hero h1 em,
.library-hero h1 em {
  margin-left: 15vw;
  font-weight: 400;
}
.index-hero-note {
  border-top: 1px solid;
  grid-template-columns: 1fr 2fr;
  gap: 3vw;
  width: min(470px, 42vw);
  margin-left: 51vw;
  padding-top: 15px;
  display: grid;
}
.index-hero-note span {
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.index-hero-note p {
  margin: 0;
  font-size: 20px;
  line-height: 1.4;
}
.index-list {
  border-top: 1px solid var(--line);
}
.index-world {
  border-bottom: 1px solid var(--line);
  grid-template-columns: 0.25fr 1.35fr 1fr 0.45fr;
  align-items: center;
  gap: 3vw;
  min-height: 260px;
  padding: 32px 3.2vw;
  transition:
    background 0.3s,
    color 0.3s;
  display: grid;
  position: relative;
  overflow: hidden;
}
.index-world:hover {
  background: var(--world-dark);
  color: var(--world-pale);
}
.index-world-image {
  object-fit: cover;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition:
    opacity 0.35s,
    transform 0.7s;
  position: absolute;
  inset: 0;
  transform: scale(1.04);
}
.index-world-wash {
  background: linear-gradient(
    90deg,
    var(--world-dark) 8%,
    var(--world-dark) 58%,
    var(--world-dark)
  );
  position: absolute;
  inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .index-world-wash {
    background: linear-gradient(
      90deg,
      var(--world-dark) 8%,
      color-mix(in srgb, var(--world-dark) 88%, transparent) 58%,
      color-mix(in srgb, var(--world-dark) 38%, transparent)
    );
  }
}
.index-world-wash {
  opacity: 0;
  transition: opacity 0.35s;
}
.index-world:hover .index-world-image {
  opacity: 0.62;
  transform: scale(1);
}
.index-world:hover .index-world-wash {
  opacity: 1;
}
.index-world > :not(.index-world-image):not(.index-world-wash) {
  z-index: 2;
  position: relative;
}
.index-world-number {
  font: 42px var(--serif);
}
.index-world-title span {
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.index-world-title h2 {
  font: 400 clamp(40px, 5vw, 76px) / 0.9 var(--serif);
  letter-spacing: -0.05em;
  margin: 15px 0 0;
}
.index-world > p {
  max-width: 36ch;
  font-size: 16px;
  line-height: 1.5;
}
.index-world-mark {
  font: 88px var(--serif);
  color: var(--world-accent);
  justify-self: center;
  transition: transform 0.4s;
}
.index-world:hover .index-world-mark {
  transform: rotate(18deg) scale(1.12);
}
.index-world-arrow {
  position: absolute;
  top: 25px;
  right: 3.2vw;
}
.world-hero {
  min-height: 100svh;
  color: var(--world-pale);
  background: var(--world-dark);
  position: relative;
  overflow: hidden;
}
.world-hero-noise {
  opacity: 0.7;
  background:
    repeating-linear-gradient(100deg, transparent 0 3px, #ffffff05 4px 5px),
    radial-gradient(circle at 50% 44%, var(--world-accent), transparent 31%);
  position: absolute;
  inset: 82px 0 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .world-hero-noise {
    background:
      repeating-linear-gradient(100deg, transparent 0 3px, #ffffff05 4px 5px),
      radial-gradient(
        circle at 50% 44%,
        color-mix(in srgb, var(--world-accent) 28%, transparent),
        transparent 31%
      );
  }
}
.world-hero-meta {
  z-index: 2;
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.13em;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
  position: absolute;
  top: 112px;
  left: 3.2vw;
  right: 3.2vw;
}
.world-hero-meta span:nth-child(2) {
  text-align: center;
}
.world-hero-meta span:last-child {
  text-align: right;
}
.world-hero-symbol {
  font: 34vw/1 var(--serif);
  color: var(--world-accent);
  opacity: 0.75;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.world-title-wrap {
  z-index: 2;
  position: absolute;
  bottom: 4vw;
  left: 3.2vw;
  right: 3.2vw;
}
.world-title-wrap > p {
  font: 10px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--world-accent);
}
.world-title-wrap h1 {
  max-width: 1180px;
  font: 400 clamp(70px, 11.2vw, 172px) / 0.78 var(--serif);
  letter-spacing: -0.075em;
  margin: 20px 0 35px;
}
.world-manifesto {
  border-top: 1px solid var(--world-pale);
  grid-template-columns: 1fr 1fr;
  padding-top: 16px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .world-manifesto {
    border-top: 1px solid color-mix(in srgb, var(--world-pale) 35%, transparent);
  }
}
.world-manifesto span {
  font: 9px var(--mono);
  letter-spacing: 0.13em;
}
.world-manifesto strong {
  font: 400 clamp(22px, 2vw, 32px) var(--serif);
}
.world-introduction {
  background: var(--world-pale);
  color: var(--world-dark);
  padding: 10vw 3.2vw;
}
.world-introduction h2 {
  max-width: 1050px;
  font: 400 clamp(38px, 5vw, 78px) / 1.08 var(--serif);
  letter-spacing: -0.04em;
  margin: 4vw 0 8vw 17vw;
}
.coordinate-grid {
  border-top: 1px solid;
  border-bottom: 1px solid;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.coordinate-grid > div {
  border-right: 1px solid;
  padding: 20px 0 34px;
}
.coordinate-grid > div + div {
  padding-left: 3vw;
}
.coordinate-grid > div:last-child {
  border-right: 0;
}
.coordinate-grid span {
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 30px;
  display: block;
}
.coordinate-grid strong {
  font: 400 30px var(--serif);
}
.world-contents {
  background: var(--paper);
  color: var(--ink);
  padding: 10vw 3.2vw;
}
.world-contents-heading {
  grid-template-columns: 1fr 2fr;
  margin-bottom: 6vw;
  display: grid;
}
.world-contents-heading h2 {
  margin-top: 0;
}
.content-list {
  border-top: 1px solid;
}
.content-row {
  border-bottom: 1px solid var(--line);
  grid-template-columns: 0.25fr 1.2fr 1fr 0.45fr;
  align-items: center;
  gap: 2vw;
  min-height: 160px;
  display: grid;
}
.content-row > span,
.content-row small,
.content-row em {
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.content-row h3 {
  font: 400 clamp(28px, 3vw, 46px) / 1 var(--serif);
  letter-spacing: -0.035em;
  margin: 10px 0 0;
}
.content-row p {
  max-width: 38ch;
  line-height: 1.45;
}
.content-row em {
  justify-self: end;
  font-style: normal;
}
.world-library-link {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-top: 1px solid;
  border-bottom: 1px solid;
  justify-content: space-between;
  width: min(450px, 100%);
  margin: 5vw 0 0 auto;
  padding: 18px 0;
  font-size: 11px;
  display: flex;
}
.next-world {
  background: var(--next-dark);
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 55svh;
  padding: 4vw 3.2vw;
  display: flex;
  position: relative;
  overflow: hidden;
}
.next-world > span {
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  position: absolute;
  top: 35px;
}
.next-world strong {
  z-index: 2;
  max-width: 80%;
  font: 400 clamp(58px, 9vw, 138px) / 0.82 var(--serif);
  letter-spacing: -0.06em;
  position: relative;
}
.next-world i {
  font: 18vw var(--serif);
  color: var(--next-accent);
  opacity: 0.65;
  font-style: normal;
  transition: transform 0.4s;
  position: absolute;
  top: 50%;
  right: 8vw;
  transform: translateY(-50%);
}
.next-world:hover i {
  transform: translateY(-50%) rotate(18deg) scale(1.1);
}
.next-world em {
  font: 40px var(--sans);
  font-style: normal;
  position: absolute;
  bottom: 4vw;
  right: 3.2vw;
}
.library-hero {
  padding-bottom: 4vw;
}
.library-hero > p:last-child {
  max-width: 520px;
  margin: 0 0 0 51vw;
  font-size: 20px;
  line-height: 1.45;
}
.filter-bar {
  z-index: 10;
  background: var(--paper);
  gap: 8px;
  padding: 18px 3.2vw;
  display: flex;
  position: sticky;
  top: 0;
  overflow-x: auto;
}
@supports (color: color-mix(in lab, red, red)) {
  .filter-bar {
    background: color-mix(in srgb, var(--paper) 93%, transparent);
  }
}
.filter-bar {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.filter-bar button {
  white-space: nowrap;
  border: 1px solid var(--ink);
  text-transform: uppercase;
  letter-spacing: 0.09em;
  cursor: pointer;
  background: 0 0;
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 10px;
}
.filter-bar button.active,
.filter-bar button:hover {
  background: var(--ink);
  color: var(--paper);
}
.library-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 5vw 2vw;
  padding: 4vw 3.2vw 10vw;
  display: grid;
}
.library-card-visual {
  aspect-ratio: 1.25;
  color: var(--world-accent);
  background: var(--world-dark);
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}
.library-card-visual:before {
  content: "";
  aspect-ratio: 1;
  opacity: 0.35;
  border: 1px solid;
  border-radius: 50%;
  width: 65%;
  position: absolute;
}
.library-card-visual span {
  font: 12vw var(--serif);
  transition: transform 0.4s;
}
.library-card:hover .library-card-visual span {
  transform: rotate(15deg) scale(1.08);
}
.library-card-visual small {
  font: 8px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  position: absolute;
  bottom: 14px;
  left: 15px;
}
.library-card-meta {
  font: 8px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-top: 1px solid;
  justify-content: space-between;
  margin-top: 14px;
  padding-top: 10px;
  display: flex;
}
.library-card h2 {
  font: 400 clamp(26px, 2.6vw, 40px) / 1 var(--serif);
  letter-spacing: -0.035em;
  margin: 16px 0 9px;
}
.library-card p {
  color: #161a17ad;
  margin: 0;
  line-height: 1.45;
}
@media (max-width: 800px) {
  .site-header {
    grid-template-columns: 1fr auto;
    height: 68px;
  }
  .site-header nav {
    display: none;
  }
  .wordmark-mark {
    width: 30px;
    height: 30px;
  }
  .home-hero {
    min-height: 86svh;
  }
  .hero-grid {
    background-size:
      25vw 100%,
      100% 22vw;
    inset: 68px 0 0;
  }
  .orbit-one {
    width: 90vw;
    top: 27%;
    right: -42vw;
  }
  .orbit-two {
    width: 58vw;
    top: 34%;
    right: -14vw;
  }
  .hero-copy {
    padding-top: 9vh;
  }
  .hero-copy h1 {
    font-size: clamp(58px, 18vw, 90px);
    line-height: 0.83;
  }
  .hero-copy h1 span {
    margin-left: 0;
  }
  .kicker {
    max-width: 31ch;
  }
  .hero-intro {
    width: 86%;
    margin: 8vh 0 0;
  }
  .hero-intro p {
    font-size: 17px;
  }
  .round-link {
    width: 48px;
    height: 48px;
  }
  .hero-ledger {
    grid-template-columns: 1fr 1fr;
  }
  .hero-ledger span:nth-child(2) {
    text-align: right;
  }
  .hero-ledger span:last-child {
    display: none;
  }
  .atlas-intro,
  .latest-heading,
  .world-contents-heading {
    grid-template-columns: 1fr;
    gap: 9vw;
  }
  .atlas-intro {
    padding: 22vw 5vw;
  }
  .atlas-intro h2,
  .latest-heading h2,
  .studio-section h2,
  .world-contents-heading h2 {
    font-size: clamp(48px, 15vw, 76px);
  }
  .world-panel {
    min-height: 78svh;
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .world-panel-top {
    grid-template-columns: 0.25fr 1fr;
  }
  .world-panel-top span:last-child {
    display: none;
  }
  .world-panel-mark {
    font-size: 58vw;
    top: 40%;
  }
  .world-panel-body {
    grid-template-columns: 1fr;
    gap: 7vw;
    bottom: 7vw;
    left: 5vw;
    right: 5vw;
  }
  .world-panel h3 {
    font-size: 16vw;
  }
  .world-panel-copy p {
    font-size: 15px;
  }
  .latest-section {
    padding: 22vw 5vw;
  }
  .dispatch-grid,
  .library-grid {
    grid-template-columns: 1fr;
    gap: 16vw;
  }
  .dispatch-visual span {
    font-size: 48vw;
  }
  .library-button {
    margin-top: 18vw;
  }
  .studio-section {
    min-height: 76svh;
    padding: 22vw 5vw;
  }
  .studio-copy {
    grid-template-columns: 1fr;
    margin: 25vw 0 0;
  }
  .studio-orbit {
    width: 80vw;
    top: 22vw;
    right: -38vw;
  }
  .site-footer {
    grid-template-columns: 1fr;
    min-height: 55svh;
    padding: 10vw 5vw 5vw;
  }
  .site-footer > p {
    font-size: 14vw;
  }
  .footer-meta {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .footer-meta span:nth-child(2) {
    text-align: right;
  }
  .footer-meta a {
    text-align: left;
    grid-column: 1/-1;
  }
  .index-hero,
  .library-hero {
    padding: 18vw 5vw 16vw;
  }
  .index-hero h1,
  .library-hero h1 {
    margin: 8vw 0 14vw;
    font-size: 20vw;
  }
  .index-hero h1 em,
  .library-hero h1 em {
    margin-left: 0;
  }
  .index-hero-note {
    width: 100%;
    margin: 0;
  }
  .index-world {
    grid-template-columns: 0.25fr 1fr;
    align-content: center;
    min-height: 330px;
    padding: 28px 5vw;
  }
  .index-world > p {
    grid-column: 2;
  }
  .index-world-mark {
    opacity: 0.25;
    font-size: 110px;
    position: absolute;
    bottom: 2vw;
    right: 7vw;
  }
  .world-hero-meta {
    grid-template-columns: 1fr 1fr;
    top: 98px;
  }
  .world-hero-meta span:nth-child(2) {
    display: none;
  }
  .world-title-wrap {
    bottom: 7vw;
    left: 5vw;
    right: 5vw;
  }
  .world-title-wrap h1 {
    font-size: 18vw;
    line-height: 0.84;
  }
  .world-hero-symbol {
    font-size: 62vw;
  }
  .world-manifesto {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .world-introduction,
  .world-contents {
    padding: 22vw 5vw;
  }
  .world-introduction h2 {
    margin: 10vw 0 16vw;
    font-size: 10vw;
  }
  .coordinate-grid {
    grid-template-columns: 1fr;
  }
  .coordinate-grid > div,
  .coordinate-grid > div + div {
    border-bottom: 1px solid;
    border-right: 0;
    padding: 18px 0 24px;
  }
  .coordinate-grid > div:last-child {
    border-bottom: 0;
  }
  .coordinate-grid span {
    margin-bottom: 12px;
  }
  .content-row {
    grid-template-columns: 0.18fr 1fr;
    align-items: start;
    min-height: 190px;
    padding: 24px 0;
  }
  .content-row p,
  .content-row em {
    grid-column: 2;
    justify-self: start;
    margin: 0;
  }
  .next-world {
    min-height: 45svh;
    padding: 8vw 5vw;
  }
  .next-world strong {
    font-size: 16vw;
  }
  .next-world i {
    opacity: 0.4;
    font-size: 44vw;
  }
  .library-hero > p:last-child {
    margin-left: 0;
  }
  .filter-bar {
    padding-left: 5vw;
  }
  .library-grid {
    padding: 10vw 5vw 24vw;
  }
  .library-card-visual span {
    font-size: 42vw;
  }
}
.bespoke-world {
  --world-accent: #fff;
  --world-dark: #111;
  --world-pale: #eee;
  background: var(--world-pale);
  color: var(--world-dark);
  overflow: hidden;
}
.bespoke-hero {
  background: var(--world-dark);
  min-height: 100svh;
  color: var(--world-pale);
  position: relative;
  overflow: hidden;
}
.bespoke-hero > .world-photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.bespoke-hero .site-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.photo-scrim {
  background:
    linear-gradient(90deg, #000000b3, #0000 60%),
    linear-gradient(#0000 42%, #000000ad);
  position: absolute;
  inset: 0;
}
.bespoke-world blockquote {
  margin: 0;
}
.bespoke-section-head {
  grid-template-columns: 1fr 2fr;
  gap: 4vw;
  margin-bottom: 6vw;
  display: grid;
}
.bespoke-section-head > span {
  color: currentColor;
  font: 600 14px/1.35 var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.bespoke-works small {
  font: 11px/1.4 var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.bespoke-section-head h2 {
  font: 400 clamp(54px, 7vw, 108px) / 0.9 var(--serif);
  letter-spacing: -0.055em;
  margin: 0;
}
.bespoke-section-head h2 em {
  color: var(--world-accent);
  font-weight: 400;
}
.bespoke-section-head > div > p {
  max-width: 620px;
  margin: 32px 0 0;
  font-size: 18px;
  line-height: 1.5;
}
.bespoke-works {
  background: var(--paper);
  color: var(--ink);
  padding: 10vw 3.2vw;
}
.bespoke-work-list {
  border-top: 1px solid;
}
.bespoke-work-list article {
  border-bottom: 1px solid var(--line);
  grid-template-columns: 0.22fr 1.2fr 1fr 0.45fr;
  align-items: center;
  gap: 2vw;
  min-height: 164px;
  display: grid;
}
.bespoke-work-list article > span,
.bespoke-work-list em {
  font: 9px var(--mono);
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.bespoke-work-list h3 {
  font: 400 clamp(28px, 3vw, 46px) / 1 var(--serif);
  letter-spacing: -0.04em;
  margin: 10px 0 0;
}
.bespoke-work-list p {
  max-width: 38ch;
  line-height: 1.48;
}
.bespoke-work-list em {
  justify-self: end;
  font-style: normal;
}
.bespoke-next {
  color: #fff;
  background: var(--next-dark);
  flex-direction: column;
  justify-content: flex-end;
  min-height: 58svh;
  padding: 4vw 3.2vw;
  display: flex;
  position: relative;
  overflow: hidden;
}
.bespoke-next:before {
  content: "";
  aspect-ratio: 1;
  border: 1px solid var(--next-accent);
  opacity: 0.45;
  border-radius: 50%;
  width: 40vw;
  position: absolute;
  top: 50%;
  right: -6vw;
  transform: translateY(-50%);
}
.bespoke-next > span {
  font: 9px var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  position: absolute;
  top: 32px;
}
.bespoke-next strong {
  z-index: 2;
  max-width: 82%;
  font: 400 clamp(60px, 9vw, 140px) / 0.83 var(--serif);
  letter-spacing: -0.06em;
  position: relative;
}
.bespoke-next i {
  color: var(--next-accent);
  font: 16vw var(--serif);
  opacity: 0.75;
  font-style: normal;
  transition: transform 0.45s;
  position: absolute;
  top: 50%;
  right: 8vw;
  transform: translateY(-50%);
}
.bespoke-next:hover i {
  transform: translateY(-50%) rotate(14deg) scale(1.08);
}
.bespoke-next em {
  font: 11px var(--sans);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-style: normal;
  position: absolute;
  bottom: 4vw;
  right: 3.2vw;
}
.apocrypha-experience {
  --ap-ink: #1a1510;
  background: #e8dcc0;
}
.apocrypha-hero .world-photo {
  filter: sepia(0.08) contrast(1.06);
}
.apocrypha-hero .photo-scrim {
  background:
    linear-gradient(90deg, #130e09d1 0%, #130e0933 52%, #130e0966 100%),
    linear-gradient(#0000 55%, #130e09b3);
}
.hero-folio {
  z-index: 2;
  font: 9px var(--mono);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  border-top: 1px solid #eee3c88c;
  justify-content: space-between;
  padding-top: 13px;
  display: flex;
  position: absolute;
  top: 112px;
  left: 3.2vw;
  right: 3.2vw;
}
.apocrypha-title {
  z-index: 2;
  width: 92vw;
  position: absolute;
  bottom: 4vw;
  left: 3.2vw;
}
.apocrypha-title > p {
  color: var(--world-accent);
  font: 10px var(--mono);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.apocrypha-title h1 {
  font: 400 clamp(92px, 17vw, 250px) / 0.72 var(--serif);
  letter-spacing: -0.075em;
  text-shadow: 0 2px 30px #00000059;
  margin: 10px 0 25px;
}
.apocrypha-title blockquote {
  border-top: 1px solid var(--world-accent);
  max-width: 390px;
  font: italic 28px/1.15 var(--serif);
  margin-left: 52vw;
  padding-top: 15px;
}
.apocrypha-seal {
  z-index: 2;
  aspect-ratio: 1;
  border: 1px solid var(--world-accent);
  width: 120px;
  color: var(--world-accent);
  font: 70px var(--serif);
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: 19%;
  right: 6vw;
}
.codex-opening {
  background-color: #e9dfc6;
  background-image: linear-gradient(#5037190f 1px, #0000 1px);
  background-size: 100% 28px;
  grid-template-columns: 0.5fr 1.5fr;
  gap: 8vw;
  padding: 11vw 8vw 10vw;
  display: grid;
  position: relative;
}
.illuminated-letter {
  color: #8d210f;
  font: 400 31vw/0.75 var(--serif);
  text-shadow: 3px 3px #d1a64f;
}
.codex-copy {
  padding-top: 3vw;
}
.codex-copy > span,
.apocrypha-doctrines header span {
  font: 9px var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.codex-copy h2 {
  font: 400 clamp(40px, 5.3vw, 82px) / 1.02 var(--serif);
  letter-spacing: -0.04em;
  margin: 3vw 0;
}
.codex-copy > p {
  max-width: 620px;
  font: 20px/1.5 var(--serif);
  margin-left: 12vw;
}
.apocrypha-doctrines {
  background: var(--ap-ink);
  color: #e9dfc6;
  padding: 10vw 3.2vw;
}
.apocrypha-doctrines header {
  grid-template-columns: 1fr 2fr;
  margin-bottom: 7vw;
  display: grid;
}
.apocrypha-doctrines header h2 {
  font: 400 clamp(60px, 8vw, 122px) / 0.86 var(--serif);
  letter-spacing: -0.055em;
  color: var(--world-accent);
  margin: 0;
}
.doctrine-grid {
  border-top: 1px solid #e9dfc666;
  border-bottom: 1px solid #e9dfc666;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.doctrine-grid article {
  border-right: 1px solid #e9dfc659;
  min-height: 360px;
  padding: 28px 3vw 30px 0;
}
.doctrine-grid article + article {
  padding-left: 3vw;
}
.doctrine-grid article:last-child {
  border-right: 0;
}
.doctrine-grid b {
  color: var(--world-accent);
  font: 22px var(--serif);
}
.doctrine-grid h3 {
  font: 400 36px/1 var(--serif);
  margin: 95px 0 18px;
}
.doctrine-grid p {
  color: #e9dfc6b8;
  max-width: 30ch;
  line-height: 1.55;
}
.apocrypha-plate {
  height: 52vw;
  max-height: 760px;
  margin: 9vw 0 0 17vw;
  position: relative;
  overflow: hidden;
}
.apocrypha-plate img {
  object-fit: cover;
  object-position: 62% center;
  filter: sepia(0.25) contrast(1.1);
  width: 100%;
  height: 100%;
}
.apocrypha-plate figcaption {
  background: var(--ap-ink);
  font: 8px var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 8px 10px;
  position: absolute;
  bottom: 14px;
  left: 15px;
}
.emergenverse-experience {
  color: #dfffd6;
  background: #071313;
}
.emergence-hero .world-photo {
  object-position: 56% center;
}
.emergence-scan {
  background:
    linear-gradient(90deg, #030c0cdb, #0000 62%),
    repeating-linear-gradient(0deg, #0000 0 5px, #b8ff3d06 6px 7px);
  position: absolute;
  inset: 0;
}
.emergence-status {
  z-index: 2;
  font: 9px var(--mono);
  letter-spacing: 0.14em;
  color: var(--world-accent);
  align-items: center;
  gap: 10px;
  display: flex;
  position: absolute;
  top: 112px;
  left: 3.2vw;
  right: 3.2vw;
}
.emergence-status i {
  color: var(--world-pale);
  margin-left: auto;
  font-style: normal;
}
.pulse-dot {
  background: var(--world-accent);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 18px var(--world-accent);
  border-radius: 50%;
}
.emergence-title {
  z-index: 2;
  position: absolute;
  bottom: 4vw;
  left: 3.2vw;
}
.emergence-title p {
  color: var(--world-accent);
  font: 9px var(--mono);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.emergence-title h1 {
  max-width: 880px;
  font: 500 clamp(78px, 11vw, 170px) / 0.75 var(--sans);
  letter-spacing: -0.085em;
  margin: 16px 0 28px;
}
.emergence-title h1 span {
  font: 11px var(--mono);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  display: block;
}
.emergence-title blockquote {
  border-top: 1px solid var(--world-accent);
  width: 40vw;
  font: 400 26px/1.15 var(--sans);
  letter-spacing: -0.03em;
  margin-left: 52vw;
  padding-top: 15px;
}
.system-thesis {
  color: #dfffd6;
  background: #071313;
  padding: 10vw 3.2vw;
}
.system-label,
.signal-copy > span {
  font: 9px var(--mono);
  color: var(--world-accent);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.system-thesis h2 {
  font: 400 clamp(50px, 7.6vw, 116px) / 0.86 var(--sans);
  letter-spacing: -0.07em;
  margin: 4vw 0 4vw 16vw;
}
.system-thesis h2 em {
  color: var(--world-accent);
  font-style: normal;
}
.system-thesis > p {
  max-width: 600px;
  margin: 0 0 8vw 52vw;
  font-size: 20px;
  line-height: 1.45;
}
.network-map {
  border: 1px solid #b8ff3d66;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.network-map > div {
  border-right: 1px solid #b8ff3d66;
  flex-direction: column;
  min-height: 260px;
  padding: 20px;
  display: flex;
  position: relative;
}
.network-map > div:last-child {
  background: var(--world-accent);
  color: #071313;
  border-right: 0;
}
.network-map b {
  font: 9px var(--mono);
}
.network-map strong {
  font: 400 34px var(--sans);
  letter-spacing: -0.04em;
  margin: auto 0 12px;
}
.network-map span {
  font: 9px/1.5 var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.signal-field {
  color: #071313;
  background: #dfffd6;
  grid-template-columns: 1.35fr 0.65fr;
  min-height: 90svh;
  display: grid;
}
.signal-field figure {
  min-height: 70svh;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.signal-field figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.signal-field figcaption {
  color: var(--world-accent);
  font: 8px var(--mono);
  text-transform: uppercase;
  background: #071313;
  padding: 8px;
  position: absolute;
  bottom: 15px;
  left: 15px;
}
.signal-copy {
  align-self: center;
  padding: 7vw 4vw;
}
.signal-copy h2 {
  font: 500 clamp(44px, 5vw, 76px) / 0.9 var(--sans);
  letter-spacing: -0.06em;
  margin: 3vw 0;
}
.signal-copy > p {
  font-size: 18px;
  line-height: 1.5;
}
.signal-copy dl {
  border-top: 1px solid;
  margin-top: 5vw;
}
.signal-copy dl div {
  font: 9px var(--mono);
  text-transform: uppercase;
  border-bottom: 1px solid;
  justify-content: space-between;
  padding: 13px 0;
  display: flex;
}
.mongol-experience {
  color: #24140c;
  background: #e8d4ad;
}
.mongol-hero .world-photo {
  object-position: center 44%;
}
.steppe-wash {
  background:
    linear-gradient(90deg, #180e0885, #0000 65%),
    linear-gradient(#0000 45%, #1d1008b3);
  position: absolute;
  inset: 0;
}
.steppe-bearing {
  z-index: 2;
  font: 9px var(--mono);
  letter-spacing: 0.15em;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  position: absolute;
  top: 112px;
  left: 3.2vw;
  right: 3.2vw;
}
.steppe-bearing span:nth-child(2) {
  text-align: center;
}
.steppe-bearing span:last-child {
  text-align: right;
}
.mongol-title {
  z-index: 2;
  position: absolute;
  bottom: 4vw;
  left: 3.2vw;
}
.mongol-title > p {
  font: 10px var(--mono);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.mongol-title h1 {
  font: 400 clamp(78px, 12vw, 185px) / 0.72 var(--serif);
  letter-spacing: -0.065em;
  margin: 12px 0 25px;
}
.mongol-title blockquote {
  width: 40vw;
  font: italic 27px var(--serif);
  border-top: 1px solid #f0d7b5;
  margin-left: 52vw;
  padding-top: 14px;
}
.steppe-intro {
  background: #e8d4ad;
  grid-template-columns: 0.45fr 1.55fr;
  gap: 8vw;
  padding: 10vw 3.2vw;
  display: grid;
}
.steppe-intro aside {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.steppe-intro aside span,
.field-atlas header span {
  font: 9px var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.steppe-intro aside b {
  color: #a4381d;
  font: 120px var(--serif);
  margin: 5vw 0;
}
.steppe-intro aside small {
  font: 9px/1.5 var(--mono);
  text-transform: uppercase;
}
.steppe-intro h2 {
  font: 400 clamp(46px, 6vw, 94px) / 0.98 var(--serif);
  letter-spacing: -0.045em;
  margin: 0 0 4vw;
}
.steppe-intro div > p {
  max-width: 560px;
  margin-left: 26vw;
  font-size: 20px;
  line-height: 1.5;
}
.field-atlas {
  color: #f0d7b5;
  background: #40301f;
  padding: 10vw 3.2vw;
}
.field-atlas header {
  grid-template-columns: 1fr 2fr;
  margin-bottom: 7vw;
  display: grid;
}
.field-atlas header h2 {
  font: 400 clamp(58px, 8vw, 122px) / 0.86 var(--serif);
  letter-spacing: -0.055em;
  margin: 0;
}
.field-grid {
  border-top: 1px solid #f0d7b56b;
  border-bottom: 1px solid #f0d7b56b;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.field-grid article {
  border-right: 1px solid #f0d7b55c;
  min-height: 340px;
  padding: 22px 2.5vw;
}
.field-grid article:first-child {
  padding-left: 0;
}
.field-grid article:last-child {
  border-right: 0;
}
.field-grid small {
  color: #dc6641;
  font: 8px var(--mono);
  letter-spacing: 0.13em;
}
.field-grid h3 {
  font: 400 36px var(--serif);
  margin: 100px 0 18px;
}
.field-grid p {
  color: #f0d7b5b8;
  line-height: 1.5;
}
.steppe-plate {
  height: 55vw;
  max-height: 760px;
  margin: 9vw 0 0;
  position: relative;
  overflow: hidden;
}
.steppe-plate img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.steppe-plate figcaption {
  font: 8px var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #40301f;
  padding: 9px;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.scream-experience {
  color: #e8e4db;
  background: #0a0a0a;
}
.scream-hero .world-photo {
  filter: saturate(0.38) contrast(1.2) brightness(0.72);
}
.evidence-vignette {
  background:
    linear-gradient(90deg, #000000b8, #0000 60%),
    repeating-linear-gradient(0deg, #0000 0 4px, #ffffff05 5px 6px);
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 14vw #000;
}
.case-stamp {
  z-index: 2;
  border: 2px solid var(--world-accent);
  color: var(--world-accent);
  font: 9px/1.5 var(--mono);
  letter-spacing: 0.15em;
  padding: 10px 12px;
  position: absolute;
  top: 112px;
  left: 3.2vw;
  transform: rotate(-2deg);
}
.scream-title {
  z-index: 2;
  position: absolute;
  bottom: 5vw;
  left: 3.2vw;
}
.scream-title p {
  color: var(--world-accent);
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.17em;
}
.scream-title h1 {
  font: 800 clamp(86px, 15vw, 220px) / 0.65 var(--sans);
  letter-spacing: -0.1em;
  text-transform: uppercase;
  margin: 12px 0 24px;
}
.scream-title h1 span {
  color: #0000;
  -webkit-text-stroke: 1px #e8e4db;
}
.scream-title blockquote {
  color: var(--world-accent);
  font: 700 25px var(--mono);
  text-transform: uppercase;
  letter-spacing: -0.03em;
  margin-left: 52vw;
}
.frame-counter {
  z-index: 2;
  font: 8px var(--mono);
  letter-spacing: 0.1em;
  position: absolute;
  bottom: 24px;
  right: 3.2vw;
}
.case-summary {
  color: #0a0a0a;
  background: #e5e1d8;
  grid-template-columns: 0.45fr 1.55fr;
  gap: 7vw;
  padding: 10vw 3.2vw;
  display: grid;
}
.case-label {
  font: 9px var(--mono);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  flex-direction: column;
  align-items: flex-start;
  gap: 6vw;
  display: flex;
}
.case-label b {
  color: #d5221a;
  font: 800 18px/1.05 var(--sans);
  border: 3px solid #d5221a;
  padding: 12px;
  transform: rotate(-3deg);
}
.case-summary h2 {
  font: 700 clamp(44px, 6vw, 90px) / 0.94 var(--sans);
  letter-spacing: -0.065em;
  margin: 0 0 4vw;
}
.case-summary div:last-child p {
  max-width: 520px;
  font: 18px/1.5 var(--mono);
  margin-left: 27vw;
}
.evidence-board {
  background: #0a0a0a;
  padding: 10vw 3.2vw;
}
.evidence-board header {
  grid-template-columns: 1fr 2fr;
  margin-bottom: 7vw;
  display: grid;
}
.evidence-board header span {
  font: 9px var(--mono);
  color: var(--world-accent);
  letter-spacing: 0.15em;
}
.evidence-board header h2 {
  font: 800 clamp(62px, 9vw, 136px) / 0.8 var(--sans);
  letter-spacing: -0.09em;
  text-transform: uppercase;
  margin: 0;
}
.evidence-layout {
  grid-template-columns: 1.2fr 0.8fr;
  gap: 4vw;
  display: grid;
}
.evidence-layout figure {
  border: 8px solid #e8e4db;
  height: 64vw;
  max-height: 820px;
  margin: 0;
  position: relative;
  overflow: hidden;
  transform: rotate(-0.7deg);
}
.evidence-layout figure img {
  object-fit: cover;
  filter: saturate(0.3) contrast(1.25);
  width: 100%;
  height: 100%;
}
.evidence-layout figcaption {
  color: #0a0a0a;
  font: 9px var(--mono);
  text-transform: uppercase;
  background: #e8e4db;
  padding: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.case-notes article {
  border-top: 1px solid #e8e4db59;
  padding: 24px 0;
}
.case-notes b {
  color: var(--world-accent);
  font: 9px var(--mono);
}
.case-notes h3 {
  font: 700 34px var(--sans);
  letter-spacing: -0.05em;
  margin: 35px 0 12px;
}
.case-notes p {
  color: #e8e4dbad;
  line-height: 1.5;
}
.redaction {
  background: var(--world-accent);
  color: #0a0a0a;
  font: 800 12px var(--mono);
  margin-top: 30px;
  padding: 16px;
  transform: rotate(1deg);
}
.scream-experience .bespoke-works {
  background: #d6d2ca;
}
.scream-experience .bespoke-section-head h2,
.scream-experience .bespoke-work-list h3 {
  font-family: var(--sans);
  text-transform: uppercase;
  letter-spacing: -0.07em;
  font-weight: 800;
}
.cosmic-experience {
  color: #ddd8ff;
  background: #05050c;
}
.cosmic-hero .world-photo {
  object-position: center 38%;
  filter: contrast(1.08) saturate(0.72);
}
.cosmic-exposure {
  background:
    radial-gradient(
      circle at 72% 19%,
      #0000 0 23%,
      #00000040 23.2%,
      #0000 23.4%
    ),
    linear-gradient(90deg, #03030ad1, #0000 62%),
    linear-gradient(#0000 45%, #03030a8c);
  position: absolute;
  inset: 0;
}
.observation-meta {
  z-index: 2;
  font: 8px var(--mono);
  letter-spacing: 0.14em;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  position: absolute;
  top: 112px;
  left: 3.2vw;
  right: 3.2vw;
}
.observation-meta span:nth-child(2) {
  text-align: center;
}
.observation-meta span:last-child {
  text-align: right;
  color: var(--world-accent);
}
.cosmic-title {
  z-index: 2;
  position: absolute;
  bottom: 4vw;
  left: 3.2vw;
}
.cosmic-title p {
  color: var(--world-accent);
  font: 9px var(--mono);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.cosmic-title h1 {
  font: 300 clamp(86px, 14vw, 210px) / 0.68 var(--serif);
  letter-spacing: -0.075em;
  margin: 14px 0 26px;
}
.cosmic-title blockquote {
  border-top: 1px solid var(--world-accent);
  width: 38vw;
  font: italic 25px var(--serif);
  margin-left: 52vw;
  padding-top: 13px;
}
.range-ring {
  z-index: 2;
  aspect-ratio: 1;
  border: 1px solid #ddd8ff59;
  border-radius: 50%;
  width: 34vw;
  position: absolute;
  top: 16%;
  right: 3vw;
}
.range-ring:before,
.range-ring:after {
  content: "";
  border: 1px dashed #ddd8ff40;
  border-radius: 50%;
  position: absolute;
  inset: 16%;
}
.range-ring:after {
  inset: 33%;
}
.scale-thesis {
  background: #05050c;
  padding: 11vw 3.2vw;
}
.scale-thesis > span,
.observation-log > span {
  font: 8px var(--mono);
  color: var(--world-accent);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.scale-thesis h2 {
  font: 300 clamp(62px, 8.5vw, 130px) / 0.84 var(--serif);
  letter-spacing: -0.06em;
  margin: 4vw 0 6vw 16vw;
}
.scale-thesis > div {
  grid-template-columns: 1.2fr 0.8fr;
  gap: 3vw;
  max-width: 610px;
  margin-left: 52vw;
  display: grid;
}
.scale-thesis p {
  margin: 0;
  font-size: 18px;
  line-height: 1.52;
}
.scale-thesis p:last-child {
  color: var(--world-accent);
  font-family: var(--serif);
  font-style: italic;
}
.observation-sequence {
  color: #080713;
  background: #ddd8ff;
  grid-template-columns: 1.25fr 0.75fr;
  min-height: 100svh;
  display: grid;
}
.observation-sequence figure {
  min-height: 80svh;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.observation-sequence figure img {
  object-fit: cover;
  object-position: 62% center;
  width: 100%;
  height: 100%;
}
.observation-sequence figcaption {
  color: #ddd8ff;
  font: 8px var(--mono);
  text-transform: uppercase;
  background: #080713;
  padding: 9px;
  position: absolute;
  bottom: 14px;
  left: 14px;
}
.observation-log {
  padding: 6vw 3vw;
}
.observation-log article {
  border-top: 1px solid #08071352;
  grid-template-columns: 0.2fr 1fr;
  padding: 30px 0;
  display: grid;
}
.observation-log article:last-child {
  border-bottom: 1px solid #08071352;
}
.observation-log b {
  color: #5b46d5;
  font: 9px var(--mono);
}
.observation-log h3 {
  font: 400 34px var(--serif);
  margin: 0 0 10px;
}
.observation-log p {
  grid-column: 2;
  margin: 0;
  line-height: 1.45;
}
.cosmic-experience .bespoke-works {
  color: #ddd8ff;
  background: #0d0c1c;
}
.cosmic-experience .bespoke-work-list {
  border-color: #ddd8ff66;
}
.cosmic-experience .bespoke-work-list article {
  border-color: #ddd8ff38;
}
@media (max-width: 800px) {
  .bespoke-section-head {
    grid-template-columns: 1fr;
    gap: 8vw;
  }
  .bespoke-section-head > span {
    font-size: 13px;
  }
  .bespoke-section-head h2 {
    font-size: 15vw;
  }
  .bespoke-works {
    padding: 22vw 5vw;
  }
  .bespoke-work-list article {
    grid-template-columns: 0.16fr 1fr;
    align-items: start;
    min-height: 205px;
    padding: 24px 0;
  }
  .bespoke-work-list article p,
  .bespoke-work-list article em {
    grid-column: 2;
    justify-self: start;
    margin: 0;
  }
  .bespoke-next {
    min-height: 44svh;
    padding: 8vw 5vw;
  }
  .bespoke-next strong {
    max-width: 90%;
    font-size: 16vw;
  }
  .bespoke-next i {
    opacity: 0.42;
    font-size: 40vw;
  }
  .hero-folio,
  .emergence-status,
  .steppe-bearing,
  .observation-meta {
    top: 94px;
    left: 5vw;
    right: 5vw;
  }
  .apocrypha-title,
  .emergence-title,
  .mongol-title,
  .scream-title,
  .cosmic-title {
    bottom: 9vw;
    left: 5vw;
    right: 5vw;
  }
  .apocrypha-title h1 {
    font-size: 23vw;
  }
  .apocrypha-title blockquote,
  .emergence-title blockquote,
  .mongol-title blockquote,
  .cosmic-title blockquote {
    width: 88%;
    margin-left: 0;
    font-size: 20px;
  }
  .apocrypha-seal {
    width: 75px;
    font-size: 42px;
    top: 18%;
    right: 5vw;
  }
  .codex-opening {
    grid-template-columns: 1fr;
    padding: 22vw 5vw;
  }
  .illuminated-letter {
    font-size: 72vw;
  }
  .codex-copy h2 {
    font-size: 11vw;
  }
  .codex-copy > p {
    margin-left: 0;
  }
  .apocrypha-doctrines,
  .system-thesis,
  .field-atlas,
  .evidence-board,
  .scale-thesis {
    padding: 22vw 5vw;
  }
  .apocrypha-doctrines header,
  .field-atlas header,
  .evidence-board header {
    grid-template-columns: 1fr;
    gap: 8vw;
  }
  .doctrine-grid,
  .network-map,
  .field-grid {
    grid-template-columns: 1fr;
  }
  .doctrine-grid article,
  .field-grid article,
  .field-grid article:first-child {
    border-bottom: 1px solid #e9dfc659;
    border-right: 0;
    min-height: 260px;
    padding: 25px 0;
  }
  .doctrine-grid h3,
  .field-grid h3 {
    margin-top: 60px;
  }
  .apocrypha-plate {
    height: 110vw;
    margin-left: 0;
  }
  .emergence-title h1 {
    font-size: 18vw;
  }
  .system-thesis h2 {
    margin: 10vw 0;
    font-size: 13vw;
  }
  .system-thesis > p {
    margin: 0 0 16vw;
  }
  .network-map > div {
    border-bottom: 1px solid #b8ff3d66;
    border-right: 0;
    min-height: 190px;
  }
  .signal-field,
  .observation-sequence {
    grid-template-columns: 1fr;
  }
  .signal-field figure,
  .observation-sequence figure {
    min-height: 68svh;
  }
  .signal-copy,
  .observation-log {
    padding: 18vw 5vw;
  }
  .mongol-title h1 {
    font-size: 19vw;
  }
  .steppe-bearing {
    grid-template-columns: 1fr 1fr;
  }
  .steppe-bearing span:nth-child(2) {
    display: none;
  }
  .steppe-intro,
  .case-summary {
    grid-template-columns: 1fr;
    padding: 22vw 5vw;
  }
  .steppe-intro aside {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .steppe-intro aside b {
    margin: 0;
    font-size: 70px;
  }
  .steppe-intro h2,
  .case-summary h2 {
    font-size: 11vw;
  }
  .steppe-intro div > p,
  .case-summary div:last-child p {
    margin-left: 0;
  }
  .steppe-plate {
    height: 110vw;
  }
  .scream-title h1 {
    font-size: 22vw;
  }
  .scream-title blockquote {
    margin-left: 0;
    font-size: 16px;
  }
  .frame-counter {
    display: none;
  }
  .case-label {
    flex-direction: row;
    justify-content: space-between;
  }
  .evidence-board header h2 {
    font-size: 17vw;
  }
  .evidence-layout {
    grid-template-columns: 1fr;
  }
  .evidence-layout figure {
    height: 120vw;
  }
  .cosmic-title h1 {
    font-size: 21vw;
  }
  .range-ring {
    width: 70vw;
    top: 18%;
    right: -25vw;
  }
  .scale-thesis h2 {
    margin: 10vw 0;
    font-size: 15vw;
  }
  .scale-thesis > div {
    grid-template-columns: 1fr;
    margin-left: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  :before,
  :after {
    transition-duration: 0.01ms !important;
  }
}
.motion-root {
  overflow: clip;
}
.motion-root [data-reveal] {
  opacity: 0;
  transition:
    opacity 0.95s,
    transform 1.15s cubic-bezier(0.18, 0.72, 0.16, 1);
  transform: translateY(54px);
}
.motion-root [data-reveal].is-visible {
  opacity: 1;
  transform: translate(0);
}
.motion-root [data-parallax] {
  --parallax-y: 0px;
  transform: translate3d(0, var(--parallax-y), 0) scale(1.07);
  will-change: transform;
}
.deep-world {
  --display: var(--serif);
  background: var(--world-dark);
  color: var(--world-pale);
}
.bespoke-hero {
  isolation: isolate;
  min-height: 100svh;
  position: relative;
  overflow: hidden;
}
.bespoke-hero .hero-depth-image {
  z-index: -3;
  object-fit: cover;
  width: 116%;
  max-width: none;
  height: 116%;
  animation: 16s ease-in-out infinite alternate atlas-breathe;
  position: absolute;
  inset: -8%;
}
.hero-world-wash {
  z-index: -2;
  background:
    linear-gradient(90deg, var(--world-dark), transparent 67%),
    linear-gradient(0deg, var(--world-dark), transparent 54%);
  position: absolute;
  inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .hero-world-wash {
    background:
      linear-gradient(
        90deg,
        color-mix(in srgb, var(--world-dark) 88%, transparent),
        transparent 67%
      ),
      linear-gradient(
        0deg,
        color-mix(in srgb, var(--world-dark) 88%, transparent),
        transparent 54%
      );
  }
}
.world-hero-title {
  z-index: 2;
  position: absolute;
  bottom: 5vw;
  left: 3.2vw;
  right: 3.2vw;
}
.world-hero-title h1 {
  max-width: 86vw;
  font: 400 clamp(80px, 13.2vw, 205px) / 0.69 var(--display);
  letter-spacing: -0.078em;
  text-shadow: 0 5px 40px #00000054;
  margin: 0;
}
.world-hero-title h1 em {
  color: var(--world-accent);
  font-weight: inherit;
}
.world-hero-title blockquote {
  border-top: 1px solid var(--world-accent);
  width: min(460px, 38vw);
  font: italic 25px/1.18 var(--display);
  margin: 3vw 0 0 52vw;
  padding-top: 14px;
}
.hero-motif {
  z-index: -1;
  color: var(--world-accent);
  opacity: 0.33;
  font: 22vw/1 var(--display);
  animation: 12s ease-in-out infinite alternate motif-drift;
  position: absolute;
  top: 18%;
  right: 4vw;
}
.hero-descend {
  z-index: 3;
  font: 8px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  align-items: center;
  gap: 14px;
  display: flex;
  position: absolute;
  bottom: 4vw;
  right: 3.2vw;
}
.hero-descend span {
  border: 1px solid;
  border-radius: 50%;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
}
@keyframes atlas-breathe {
  to {
    transform: scale(1.045) translate(-1.2%, 1%);
  }
}
@keyframes motif-drift {
  to {
    transform: rotate(12deg) scale(1.06);
  }
}
.world-premise {
  z-index: 2;
  background: var(--world-pale);
  color: var(--world-dark);
  grid-template-columns: 0.42fr 1.58fr;
  gap: 8vw;
  padding: 11vw 4vw;
  display: grid;
  position: relative;
}
.premise-label {
  min-height: 280px;
  font: 9px var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}
.premise-label i {
  color: var(--world-accent);
  font: normal 12vw/1 var(--display);
  text-shadow: 0 0 1px var(--world-dark);
}
.world-premise h2 {
  max-width: 1100px;
  font: 400 clamp(44px, 5.7vw, 88px) / 0.98 var(--display);
  letter-spacing: -0.048em;
  margin: 0;
}
.world-premise p {
  max-width: 640px;
  margin: 4vw 0 5vw 27vw;
  font-size: 19px;
  line-height: 1.55;
}
.world-premise dl {
  border-top: 1px solid var(--world-dark);
  margin: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .world-premise dl {
    border-top: 1px solid color-mix(in srgb, var(--world-dark) 48%, transparent);
  }
}
.world-premise dl div {
  border-bottom: 1px solid var(--world-dark);
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 3vw;
  padding: 20px 0;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .world-premise dl div {
    border-bottom: 1px solid
      color-mix(in srgb, var(--world-dark) 38%, transparent);
  }
}
.world-premise dl div {
  font: 600 clamp(12px, 0.78vw, 15px) / 1.4 var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.085em;
}
.world-premise dt {
  color: var(--world-dark);
}
@supports (color: color-mix(in lab, red, red)) {
  .world-premise dt {
    color: color-mix(in srgb, var(--world-dark) 88%, transparent);
  }
}
.world-premise dd {
  text-align: right;
  max-width: 44ch;
  color: var(--world-dark);
  justify-self: end;
  margin: 0;
}
.scroll-chapter {
  background: var(--world-dark);
  height: 280svh;
  position: relative;
}
.sticky-stage {
  --stage-x: 0px;
  --stage-x-05: 0px;
  --stage-x-back: 0px;
  --stage-x-10: 0px;
  --stage-x-16: 0px;
  --stage-x-34: 0px;
  --stage-x-42: 0px;
  --stage-x-50: 0px;
  --stage-x-55: 0px;
  --stage-x-70: 0px;
  --stage-x-73: 0px;
  --stage-rotate: -24deg;
  --stage-scale: 0.74;
  height: 100svh;
  position: sticky;
  top: 0;
  overflow: hidden;
}
.stage-caption,
.cube-copy,
.drift-title,
.steppe-title,
.anatomy-title {
  z-index: 5;
  position: absolute;
  top: 7vw;
  left: 3.2vw;
}
.stage-caption > span,
.cube-copy > span,
.drift-title > span,
.steppe-title > span,
.anatomy-title > span,
.consensus-title > span {
  color: var(--world-accent);
  font: 8px var(--mono);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.stage-caption h2,
.cube-copy h2,
.drift-title h2,
.steppe-title h2,
.anatomy-title h2,
.consensus-title h2 {
  font: 400 clamp(52px, 7.5vw, 116px) / 0.84 var(--display);
  letter-spacing: -0.06em;
  margin: 2vw 0 0;
}
.horizontal-cue {
  z-index: 8;
  background: var(--world-dark);
  padding: 8px 10px;
  position: absolute;
  bottom: 2.5vw;
  right: 3.2vw;
}
@supports (color: color-mix(in lab, red, red)) {
  .horizontal-cue {
    background: color-mix(in srgb, var(--world-dark) 80%, transparent);
  }
}
.horizontal-cue {
  color: var(--world-pale);
  font: 10px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  text-shadow: 0 2px 12px #000;
}
.apocrypha-experience {
  --display: "Palatino Linotype", Palatino, var(--serif);
}
.apocrypha-hero .hero-depth-image {
  object-position: center 38%;
  filter: sepia(0.12) contrast(1.08);
}
.apocrypha-hero .hero-world-wash {
  background:
    linear-gradient(90deg, #140c05d6, #0000 66%),
    linear-gradient(#0000 42%, #140c05d4);
}
.apocrypha-scroll {
  background-color: #21170f;
  background-image: linear-gradient(#d9b85f12 1px, #0000 1px);
  background-size: 100% 30px;
  height: 340svh;
}
.apocrypha-stage figure {
  margin: 0;
  position: absolute;
  inset: 0 0 0 46%;
  overflow: hidden;
}
.apocrypha-stage figure:after {
  content: "";
  background:
    linear-gradient(90deg, #21170f, #0000 45%),
    linear-gradient(#0000 55%, #21170f 100%);
  position: absolute;
  inset: 0;
}
.apocrypha-stage figure img {
  object-fit: cover;
  filter: sepia(0.5) contrast(1.15) brightness(0.72);
  width: 100%;
  height: 100%;
}
.apocrypha-stage figcaption {
  z-index: 2;
  font: 8px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.13em;
  position: absolute;
  bottom: 2vw;
  right: 2vw;
}
.apocrypha-track {
  --horizontal-x: 0px;
  z-index: 4;
  width: max-content;
  height: 100%;
  transform: translate3d(var(--horizontal-x), 0, 0);
  will-change: transform;
  align-items: flex-start;
  gap: 12vw;
  padding: 18vh 5vw;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.apocrypha-leaf {
  color: #22170e;
  background: #e8dcc0;
  flex: 0 0 min(460px, 36vw);
  min-height: 55vh;
  padding: 2.4vw;
  transition: filter 0.2s;
  position: relative;
  box-shadow: 0 24px 80px #00000059;
}
.apocrypha-leaf:before {
  content: "";
  pointer-events: none;
  border: 1px solid #69471a40;
  position: absolute;
  inset: 10px;
}
.apocrypha-leaf span {
  color: #9a2d1f;
  font: 12px var(--mono);
}
.apocrypha-leaf h2 {
  font: 400 clamp(36px, 4.4vw, 68px) / 0.9 var(--display);
  margin: 6vw 0 1.5vw;
}
.apocrypha-leaf p {
  max-width: 30ch;
  font: 18px/1.45 var(--display);
}
.leaf-one {
  transform: rotate(-2deg);
}
.leaf-two {
  margin-top: 8vh;
  transform: rotate(2deg);
}
.leaf-three {
  transform: rotate(-1deg);
}
.future-experience {
  --display: var(--sans);
  background: #06151b;
}
.future-hero .hero-depth-image {
  object-position: center center;
  filter: saturate(0.72) contrast(1.08) brightness(0.98);
}
.future-hero .hero-world-wash {
  background:
    linear-gradient(90deg, #031016f2 0%, #031016b8 34%, #0000 62%),
    linear-gradient(#0000 40%, #031016a8);
}
.future-hero:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  mix-blend-mode: screen;
  background: linear-gradient(#0000 28%, #7de5ff17 48%, #0000 68%)
    100% -120%/36% 210% no-repeat;
  animation: 12s ease-in-out infinite alternate future-tower-drift;
  position: absolute;
  inset: 0;
}
.future-experience .world-hero-title h1 {
  letter-spacing: -0.085em;
  font-weight: 600;
}
.future-experience .world-hero-title h1 em {
  font-weight: 200;
}
.future-possibilities {
  background: #06151b;
}
.future-stage {
  padding-top: 1px;
}
.future-possibilities {
  height: 380svh;
}
.future-track {
  --horizontal-x: 0px;
  width: max-content;
  height: 100%;
  transform: translate3d(var(--horizontal-x), 0, 0);
  will-change: transform;
  gap: 4vw;
  padding: 15vh 5vw 15vh 42vw;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.future-card {
  color: #06151b;
  background: #e8f8fa;
  border-radius: 2px;
  flex: 0 0 52vw;
  grid-template-columns: 1.08fr 0.92fr;
  height: 70vh;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 100px #0006;
}
.future-card > img {
  object-fit: cover;
  filter: saturate(0.28) contrast(1.18);
  width: 100%;
  height: 100%;
}
.future-card > div {
  flex-direction: column;
  padding: 4vw;
  display: flex;
}
.future-card span {
  color: #05728b;
  font: 9px var(--mono);
  letter-spacing: 0.14em;
}
.future-card h3 {
  font: 600 clamp(42px, 5.6vw, 86px) / 0.88 var(--sans);
  letter-spacing: -0.07em;
  margin: auto 0 2vw;
}
.future-card p {
  max-width: 34ch;
  line-height: 1.5;
}
.future-card blockquote {
  font: italic 20px var(--serif);
  border-top: 1px solid;
  margin: 2vw 0 0;
  padding-top: 1.2vw;
}
.human-card {
  background: #bfe8ef;
  grid-template-columns: 0.7fr 1.3fr;
}
.human-card > b,
.gaia-card > b {
  font: 300 20vw/1 var(--sans);
  color: #168ba1;
  place-items: center;
  display: grid;
}
.gaia-card {
  background: #d8edc7;
  grid-template-columns: 0.7fr 1.3fr;
}
.gaia-card > b {
  color: #528439;
}
.cube-experience {
  --display: "Optima", var(--serif);
  background: #111525;
}
.cube-hero .hero-depth-image {
  object-position: center;
  filter: contrast(1.09) saturate(0.88);
}
.cube-descent {
  background: radial-gradient(circle at 70%, #263153, #111525 58%);
}
.cube-copy {
  width: 42vw;
}
.cube-copy p {
  color: #f5e6c8b3;
  max-width: 38ch;
  line-height: 1.5;
}
.cube-object {
  aspect-ratio: 1;
  width: 48vw;
  transform: rotate(var(--stage-rotate)) scale(var(--stage-scale));
  will-change: transform;
  position: absolute;
  top: 10vh;
  right: 7vw;
}
.cube-object img {
  object-fit: cover;
  clip-path: polygon(50% 2%, 98% 25%, 98% 74%, 50% 98%, 2% 74%, 2% 25%);
  filter: contrast(1.15);
  width: 100%;
  height: 100%;
}
.cube-outline {
  border: 1px solid var(--world-accent);
  opacity: 0.65;
  position: absolute;
  inset: 3%;
  transform: rotate(45deg);
}
.sun {
  aspect-ratio: 1;
  background: var(--world-accent);
  width: 34px;
  box-shadow: 0 0 45px 12px var(--world-accent);
  border-radius: 50%;
  position: absolute;
}
.sun-a {
  top: 8%;
  right: 0;
}
.sun-b {
  bottom: 12%;
  left: 0;
}
.cube-face-list {
  z-index: 4;
  border-top: 1px solid #f5e6c861;
  grid-template-columns: repeat(6, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  position: absolute;
  bottom: 3vw;
  left: 3.2vw;
  right: 3.2vw;
}
.cube-face-list li {
  font: 12px var(--mono);
  border-right: 1px solid #f5e6c840;
  padding: 14px 10px;
}
.cube-face-list span {
  color: var(--world-accent);
  margin-bottom: 20px;
  font-size: 8px;
  display: block;
}
.magic-ages {
  color: #121626;
  background: #e9dec4;
  grid-template-columns: repeat(3, 1fr);
  padding: 10vw 3.2vw;
  display: grid;
}
.magic-ages header {
  grid-column: 1/-1;
  grid-template-columns: 1fr 2fr;
  margin-bottom: 7vw;
  display: grid;
}
.magic-ages header span {
  font: 9px var(--mono);
  letter-spacing: 0.14em;
}
.magic-ages header h2 {
  font: 400 clamp(56px, 8vw, 120px) / 0.86 var(--display);
  letter-spacing: -0.06em;
  margin: 0;
}
.magic-ages > div {
  border-top: 1px solid #121626;
  border-right: 1px solid #1216264d;
  min-height: 300px;
  padding: 2vw;
}
.magic-ages b {
  color: #a75d11;
  font: 9px var(--mono);
}
.magic-ages h3 {
  font: 400 36px var(--display);
  margin: 7vw 0 1vw;
}
.magic-ages p {
  max-width: 30ch;
  line-height: 1.45;
}
.zoro-experience {
  --display: "Palatino Linotype", Palatino, var(--serif);
  background: #102016;
}
.zoro-hero .hero-depth-image {
  object-position: center 43%;
  filter: saturate(1.08) contrast(1.04);
}
.sacred-passage {
  --stage-progress: 0;
  background: #08150e;
  height: 220svh;
}
.sacred-stage {
  isolation: isolate;
  color: #fff2c7;
}
.sacred-stage > img {
  z-index: -3;
  object-fit: cover;
  width: 108%;
  height: 108%;
  transform: scale(clamp(1.02, var(--stage-scale), 1.1));
  filter: saturate(0.82) brightness(0.78);
  will-change: transform;
  position: absolute;
  inset: -4%;
}
.sacred-scrim {
  z-index: -2;
  background:
    linear-gradient(90deg, #04140ce6, #04140c38 58%, #04140c61),
    linear-gradient(#0000 38%, #040f09c7);
  position: absolute;
  inset: 0;
}
.sacred-scrim:after {
  content: "";
  opacity: var(--stage-progress);
  background:
    linear-gradient(90deg, #15050a33, #19040b2e 42%, #19040beb),
    linear-gradient(#0000 40%, #120309b8);
  position: absolute;
  inset: 0;
}
.sacred-axis {
  z-index: 6;
  color: #fff2c7;
  font: 12px/1.4 var(--mono);
  letter-spacing: 0.14em;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  display: grid;
  position: absolute;
  top: calc(86px + 3vh);
  left: 4vw;
  right: 4vw;
}
.sacred-axis i {
  background: #fff2c757;
  height: 1px;
  position: relative;
  overflow: hidden;
}
.sacred-axis i:after {
  content: "";
  transform: scaleX(var(--stage-progress));
  transform-origin: 0;
  background: #ffcf52;
  position: absolute;
  inset: 0;
}
.sacred-state {
  z-index: 5;
  will-change: opacity, transform;
  text-shadow: 0 3px 25px #000000ad;
  width: min(650px, 47vw);
  position: absolute;
  bottom: 9vh;
}
.sacred-state > span {
  color: #ffcf52;
  font: 12px/1.4 var(--mono);
  letter-spacing: 0.15em;
}
.sacred-state h2 {
  font: 400 clamp(62px, 7.7vw, 120px) / 0.82 var(--display);
  letter-spacing: -0.055em;
  margin: 22px 0 30px;
}
.sacred-state p {
  color: #fff7df;
  max-width: 38ch;
  font: 19px/1.55 var(--display);
  margin: 0;
}
.truth-state {
  opacity: 1;
  left: 4vw;
}
.lie-state {
  opacity: 0;
  text-align: right;
  right: 4vw;
}
.lie-state p {
  margin-left: auto;
}
.sacred-cue {
  z-index: 6;
  color: #fff7dfc2;
  font: 12px/1.4 var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  position: absolute;
  bottom: 4vh;
  right: 4vw;
}
.sacred-cue span {
  color: #ffcf52;
  margin-left: 14px;
  display: inline-block;
}
.zoro-elements {
  color: #162116;
  background: #f1dfad;
  grid-template-columns: repeat(4, 1fr);
  padding: 8vw 3.2vw;
  display: grid;
}
.zoro-elements article {
  border-top: 1px solid;
  border-right: 1px solid #1621164d;
  min-height: 320px;
  padding: 2vw;
}
.zoro-elements span {
  color: #b35218;
  font: 9px var(--mono);
}
.zoro-elements h3 {
  font: 400 35px var(--display);
  margin: 8vw 0 1.5vw;
}
.zoro-elements p {
  line-height: 1.5;
}
.zoro-vision-chapter {
  width: 100vw;
  height: 145svh;
  margin-inline: calc(50% - 50vw);
}
.zoro-vision-stage {
  isolation: isolate;
  color: #fff2c7;
  background: #08150e;
  width: 100vw;
  max-width: none;
  margin: 0;
}
.zoro-vision-stage > img {
  z-index: -2;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  transform: scale(clamp(1.02, var(--stage-scale), 1.12));
  transform-origin: 50%;
  will-change: transform;
  position: absolute;
  inset: 0;
}
.zoro-vision-wash {
  z-index: -1;
  background:
    linear-gradient(90deg, #05110ad6 0%, #05110a3d 53%, #05110a1f),
    linear-gradient(#0000 44%, #05110ab8);
  position: absolute;
  inset: 0;
}
.zoro-vision-stage figcaption {
  text-shadow: 0 3px 24px #000000a6;
  width: min(690px, 55vw);
  position: absolute;
  bottom: 7vh;
  left: 4vw;
}
.zoro-vision-stage figcaption span {
  color: #ffcf52;
  font: 12px/1.4 var(--mono);
  letter-spacing: 0.15em;
}
.zoro-vision-stage figcaption h2 {
  font: 400 clamp(60px, 7.5vw, 116px) / 0.84 var(--display);
  letter-spacing: -0.055em;
  margin: 22px 0 28px;
}
.zoro-vision-stage figcaption p {
  color: #fff7df;
  max-width: 48ch;
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}
.zoro-threshold-stage > img {
  object-position: center;
}
.zoro-threshold-stage .zoro-vision-wash {
  background:
    linear-gradient(90deg, #070e0d59, #070a161a 50%, #070a16b3),
    linear-gradient(#0000 38%, #070a16c7);
}
.emergenverse-experience {
  --display: var(--sans);
  background: #070b15;
}
.emergence-hero .hero-depth-image {
  object-position: center;
  filter: saturate(1.08) contrast(1.1);
}
.consensus-stage > img {
  object-fit: cover;
  filter: brightness(0.58) saturate(0.82) contrast(1.08);
  width: 100%;
  height: 100%;
  transform: translate3d(var(--stage-x-05), 0, 0) scale(var(--stage-scale));
  transform-origin: 62%;
  position: absolute;
  inset: 0;
}
.consensus-stage:after {
  content: "";
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      #03060ef0 0%,
      #03060ea8 28%,
      #03060e1a 67%,
      #03060e66
    ),
    linear-gradient(#0000 46%, #03060ec2);
  position: absolute;
  inset: 0;
}
.consensus-veil {
  z-index: 2;
  -webkit-backdrop-filter: hue-rotate(6deg);
  backdrop-filter: hue-rotate(6deg);
  mix-blend-mode: screen;
  border: 1px solid #92c8d040;
  border-radius: 50%;
  position: absolute;
  inset: -20%;
}
.veil-a {
  transform: translate3d(var(--stage-x-05), 0, 0) rotate(12deg);
}
.veil-b {
  transform: translate3d(var(--stage-x-back), 0, 0) rotate(-18deg);
}
.veil-c {
  transform: scale(var(--stage-scale));
  border-width: 2px;
  inset: 12%;
}
.consensus-title {
  z-index: 4;
  max-width: 760px;
  position: absolute;
  top: 7vw;
  left: 3.2vw;
}
.consensus-track {
  --horizontal-x: 0px;
  z-index: 5;
  width: max-content;
  height: 100%;
  transform: translate3d(var(--horizontal-x), 0, 0);
  will-change: transform;
  align-items: flex-start;
  gap: 16vw;
  padding: 58vh 10vw 8vh;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.consensus-note {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #070b15d1;
  border: 1px solid #92c8d080;
  flex: 0 0 min(360px, 26vw);
  width: min(360px, 26vw);
  padding: 18px;
  position: relative;
}
.consensus-note b {
  color: var(--world-accent);
  font: 9px var(--mono);
}
.consensus-note strong {
  font: 500 28px var(--sans);
  margin: 40px 0 12px;
  display: block;
}
.consensus-note p {
  color: #e5f1f4cc;
  margin: 0;
  line-height: 1.45;
}
.note-a,
.note-b,
.note-c {
  bottom: auto;
  left: auto;
  right: auto;
}
.note-b {
  margin-top: -4vh;
}
.note-c {
  margin-top: 3vh;
}
.relational-passage {
  background: #050813;
  width: 100vw;
  height: 160svh;
  margin-inline: calc(50% - 50vw);
}
.relational-stage {
  background: #050813;
  width: 100vw;
  max-width: none;
  margin: 0;
  overflow: hidden;
}
.relational-stage > img {
  object-fit: cover;
  object-position: center;
  filter: brightness(0.9) saturate(0.88) contrast(1.06);
  width: 100%;
  max-width: none;
  height: 100%;
  transform: scale(clamp(1.02, var(--stage-scale), 1.09));
  transform-origin: 50%;
  will-change: transform;
  position: absolute;
  inset: 0;
}
.cosmic-plurality {
  background: var(--world-accent);
  color: #080d16;
  padding: 12vw 10vw;
}
.cosmic-plurality span {
  font: 9px var(--mono);
  letter-spacing: 0.14em;
}
.cosmic-plurality h2 {
  max-width: 1000px;
  font: 500 clamp(58px, 8vw, 120px) / 0.86 var(--sans);
  letter-spacing: -0.07em;
  margin: 3vw 0;
}
.cosmic-plurality p {
  max-width: 620px;
  margin-left: 52vw;
  font-size: 20px;
  line-height: 1.5;
}
.world-section-nav {
  z-index: 20;
  overscroll-behavior-inline: contain;
  color: #e5f1f4;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  scrollbar-width: none;
  background: #050912f2;
  border-block: 1px solid #92c8d038;
  grid-template-columns: repeat(4, 1fr);
  height: 54px;
  padding: 0 3.2vw;
  display: grid;
  position: sticky;
  top: 0;
  overflow-x: auto;
}
.world-section-nav::-webkit-scrollbar {
  display: none;
}
.world-section-nav a {
  color: #e5f1f4d1;
  font: 600 11px/1.4 var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-right: 1px solid #92c8d02e;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
  position: relative;
}
.world-section-nav a:first-child {
  border-left: 1px solid #92c8d02e;
}
.world-section-nav a b {
  color: #92c8d0;
  font-weight: 600;
}
.world-section-nav a:after {
  content: "";
  opacity: 0;
  background: #92c8d0;
  height: 2px;
  transition: all 0.25s;
  position: absolute;
  bottom: -1px;
  left: 22%;
  right: 78%;
}
:is(.world-section-nav a:hover, .world-section-nav a:focus-visible) {
  color: #fff;
}
.world-section-nav a:hover:after {
  opacity: 1;
  left: 0;
  right: 0;
}
.world-section-nav a:focus-visible:after {
  opacity: 1;
  left: 0;
  right: 0;
}
.emergence-concept {
  z-index: 2;
  color: #07101a;
  background: #e3eceb;
  grid-template-columns: minmax(0, 1.55fr) minmax(290px, 0.65fr);
  gap: 9vw;
  padding: clamp(84px, 8vw, 136px) 5vw;
  display: grid;
  position: relative;
}
.emergence-concept header > span,
.emergence-physics header > span,
.emergence-model article > span,
.emergence-operations header > span,
.emergence-operations summary > span {
  color: #477883;
  font: 700 12px/1.4 var(--mono);
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.emergence-concept h2 {
  max-width: 870px;
  font: 500 clamp(52px, 6vw, 92px) / 0.92 var(--sans);
  letter-spacing: -0.06em;
  margin: 24px 0 0;
}
.emergence-concept-body {
  gap: 24px;
  max-width: 760px;
  margin: clamp(48px, 5vw, 82px) 0 0;
  display: grid;
}
.emergence-concept-body p {
  margin: 0;
  font-size: clamp(17px, 1.25vw, 21px);
  line-height: 1.6;
}
.emergence-concept-body p:first-child {
  font-size: clamp(20px, 1.55vw, 25px);
  line-height: 1.52;
}
.emergence-concept-facts {
  border-top: 1px solid #07101a73;
  border-bottom: 1px solid #07101a73;
  align-self: start;
  margin-top: 36px;
  padding: 28px 0;
}
.emergence-concept-facts > span {
  color: #477883;
  font: 700 12px/1.4 var(--mono);
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.emergence-concept-facts dl {
  margin: 30px 0 0;
}
.emergence-concept-facts dl div {
  font: 600 11px/1.4 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-top: 1px solid #07101a2e;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  padding: 16px 0;
  display: grid;
}
.emergence-concept-facts dd {
  text-align: right;
  margin: 0;
}
.emergence-concept-facts blockquote {
  font: 400 clamp(25px, 2.3vw, 36px) / 1.14 var(--sans);
  letter-spacing: -0.035em;
  margin: 42px 0 6px;
}
.emergence-physics {
  z-index: 2;
  color: #e5f1f4;
  background: #070b15;
  padding: clamp(84px, 8vw, 136px) 3.2vw;
  scroll-margin-top: 0;
  position: relative;
}
.emergence-physics-intro {
  grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1.18fr);
  align-items: center;
  gap: 7vw;
  display: grid;
}
.emergence-physics-intro header {
  max-width: 640px;
}
.emergence-physics header h2 {
  font: 500 clamp(60px, 8vw, 126px) / 0.84 var(--sans);
  letter-spacing: -0.075em;
  margin: 0;
}
.emergence-physics-intro header h2 {
  margin-top: 24px;
  font-size: clamp(56px, 6.4vw, 98px);
}
.emergence-physics header h2 em {
  color: #92c8d0;
  font-style: normal;
  font-weight: inherit;
}
.emergence-physics header > p {
  color: #e5f1f4d1;
  margin: 32px 0 0;
  font-size: 18px;
  line-height: 1.6;
}
.emergence-physics-intro figure {
  background: #030711;
  height: clamp(430px, 50vw, 720px);
  margin: 0;
  overflow: hidden;
}
.emergence-physics-intro figure img {
  object-fit: cover;
  object-position: center;
  filter: brightness(0.74) saturate(0.72) contrast(1.08);
  width: 100%;
  height: 100%;
}
.emergence-model {
  border-top: 1px solid #92c8d07a;
  border-bottom: 1px solid #92c8d07a;
  grid-template-columns: repeat(3, 1fr);
  margin-top: clamp(72px, 7vw, 118px);
  display: grid;
}
.emergence-model article {
  border-right: 1px solid #92c8d040;
  flex-direction: column;
  min-height: 280px;
  padding: 28px 3vw 34px 0;
  display: flex;
}
.emergence-model article + article {
  padding-left: 3vw;
}
.emergence-model article:last-child {
  border-right: 0;
}
.emergence-model h3 {
  font: 500 clamp(32px, 3vw, 48px) / 0.94 var(--sans);
  letter-spacing: -0.05em;
  margin: auto 0 18px;
}
.emergence-model p {
  color: #e5f1f4c7;
  max-width: 37ch;
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}
.emergence-operations {
  grid-template-columns: 0.72fr 1.28fr;
  align-items: start;
  gap: 8vw;
  margin-top: clamp(90px, 9vw, 150px);
  display: grid;
}
.emergence-operations header {
  position: sticky;
  top: 90px;
}
.emergence-operations header h3 {
  max-width: 12ch;
  font: 500 clamp(42px, 4.5vw, 70px) / 0.94 var(--sans);
  letter-spacing: -0.055em;
  margin: 26px 0 0;
}
.emergence-operations > div {
  border-top: 1px solid #92c8d061;
}
.emergence-operations details {
  border-bottom: 1px solid #92c8d04d;
}
.emergence-operations summary {
  cursor: pointer;
  grid-template-columns: 0.46fr 1fr 36px;
  align-items: center;
  gap: 24px;
  min-height: 118px;
  padding: 24px 0;
  list-style: none;
  display: grid;
}
.emergence-operations summary::-webkit-details-marker {
  display: none;
}
.emergence-operations summary strong {
  font: 500 clamp(21px, 2vw, 30px) / 1.05 var(--sans);
  letter-spacing: -0.03em;
}
.emergence-operations summary b {
  border: 1px solid #92c8d08c;
  border-radius: 50%;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 20px;
  font-weight: 300;
  transition:
    transform 0.25s,
    background 0.25s;
  display: grid;
}
.emergence-operations details[open] summary b {
  color: #07101a;
  background: #92c8d0;
  transform: rotate(45deg);
}
.emergence-operations details p {
  color: #e5f1f4d1;
  max-width: 60ch;
  margin: 0;
  padding: 0 56px 34px 31%;
  font-size: 17px;
  line-height: 1.58;
}
.emergenverse-experience #premise,
.emergenverse-experience #timeline,
.emergenverse-experience #books {
  scroll-margin-top: 0;
}
.emergenverse-experience .relational-passage {
  background: #070b15;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 3.2vw 9vw;
}
.emergenverse-experience .relational-stage {
  aspect-ratio: 16/8.5;
  background: #050813;
  width: 100%;
  height: auto;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.emergenverse-experience .relational-stage > img {
  object-fit: cover;
  object-position: center;
  filter: brightness(0.86) saturate(0.82) contrast(1.06);
  width: 100%;
  height: 100%;
  position: relative;
  inset: auto;
  transform: none;
}
.emergenverse-experience .world-timeline {
  padding-top: clamp(84px, 8vw, 128px);
  padding-bottom: clamp(96px, 9vw, 144px);
}
.emergenverse-experience .world-timeline header {
  margin-bottom: clamp(64px, 6vw, 96px);
}
.emergenverse-experience .world-timeline header h2 {
  max-width: 900px;
  font-size: clamp(52px, 6.3vw, 92px);
}
.emergenverse-experience .timeline-scroll-cue {
  margin-right: 150px;
}
.emergenverse-experience .timeline-track article {
  flex-basis: clamp(340px, 34vw, 520px);
  min-height: 380px;
}
.emergenverse-experience .timeline-track h3 {
  max-width: 12ch;
}
.motion-root [data-consensus] {
  opacity: 0.1;
  filter: blur(9px) saturate(0.25);
  text-shadow:
    -5px 1px #66d2e142,
    6px -2px #ad7ece33;
  position: relative;
  transform: translateY(18px) scale(0.986);
  -webkit-mask-image:
    radial-gradient(#000 0 29%, #000000c7 46%, #0000 68%),
    radial-gradient(#000 0 34%, #000000b8 49%, #0000 70%),
    radial-gradient(#000 0 27%, #000c 45%, #0000 66%),
    radial-gradient(#000 0 31%, #000000b8 48%, #0000 69%),
    radial-gradient(#000 0 26%, #000000c2 46%, #0000 67%),
    radial-gradient(#000 0 33%, #000000b3 51%, #0000 71%),
    radial-gradient(#000 0 28%, #000c 45%, #0000 67%),
    radial-gradient(#000 0 32%, #000000b8 49%, #0000 70%),
    radial-gradient(#000 0 25%, #000000c7 45%, #0000 66%),
    radial-gradient(#000 0 30%, #000000bd 48%, #0000 69%),
    radial-gradient(#000 0 27%, #000c 45%, #0000 67%),
    radial-gradient(#000 0 31%, #000000b8 49%, #0000 70%);
  mask-image:
    radial-gradient(#000 0 29%, #000000c7 46%, #0000 68%),
    radial-gradient(#000 0 34%, #000000b8 49%, #0000 70%),
    radial-gradient(#000 0 27%, #000c 45%, #0000 66%),
    radial-gradient(#000 0 31%, #000000b8 48%, #0000 69%),
    radial-gradient(#000 0 26%, #000000c2 46%, #0000 67%),
    radial-gradient(#000 0 33%, #000000b3 51%, #0000 71%),
    radial-gradient(#000 0 28%, #000c 45%, #0000 67%),
    radial-gradient(#000 0 32%, #000000b8 49%, #0000 70%),
    radial-gradient(#000 0 25%, #000000c7 45%, #0000 66%),
    radial-gradient(#000 0 30%, #000000bd 48%, #0000 69%),
    radial-gradient(#000 0 27%, #000c 45%, #0000 67%),
    radial-gradient(#000 0 31%, #000000b8 49%, #0000 70%);
  -webkit-mask-position:
    5% 12%,
    27% 8%,
    51% 18%,
    76% 7%,
    94% 24%,
    12% 43%,
    38% 39%,
    64% 51%,
    88% 48%,
    7% 78%,
    42% 84%,
    79% 88%;
  mask-position:
    5% 12%,
    27% 8%,
    51% 18%,
    76% 7%,
    94% 24%,
    12% 43%,
    38% 39%,
    64% 51%,
    88% 48%,
    7% 78%,
    42% 84%,
    79% 88%;
  -webkit-mask-size:
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0;
  mask-size:
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.motion-root [data-consensus].is-visible {
  animation: 2.3s cubic-bezier(0.2, 0.68, 0.18, 1) both consensus-diffusion;
}
.emergence-model article:nth-child(2).is-visible {
  animation-delay: 0.18s;
}
.emergence-model article:nth-child(3).is-visible {
  animation-delay: 0.36s;
}
@keyframes consensus-diffusion {
  0% {
    opacity: 0.08;
    filter: blur(10px) saturate(0.2);
    transform: translateY(16px) scale(0.986);
    -webkit-mask-size:
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0;
    mask-size:
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0;
  }
  18% {
    opacity: 0.34;
    filter: blur(7px) saturate(0.38);
    -webkit-mask-size:
      38% 52%,
      0 0,
      22% 30%,
      0 0,
      0 0,
      31% 38%,
      0 0,
      18% 25%,
      0 0,
      0 0,
      25% 33%,
      0 0;
    mask-size:
      38% 52%,
      0 0,
      22% 30%,
      0 0,
      0 0,
      31% 38%,
      0 0,
      18% 25%,
      0 0,
      0 0,
      25% 33%,
      0 0;
  }
  39% {
    opacity: 0.58;
    filter: blur(4px) saturate(0.58);
    -webkit-mask-size:
      72% 92%,
      32% 44%,
      58% 76%,
      0 0,
      24% 36%,
      65% 82%,
      34% 48%,
      54% 72%,
      0 0,
      38% 52%,
      64% 80%,
      28% 40%;
    mask-size:
      72% 92%,
      32% 44%,
      58% 76%,
      0 0,
      24% 36%,
      65% 82%,
      34% 48%,
      54% 72%,
      0 0,
      38% 52%,
      64% 80%,
      28% 40%;
  }
  65% {
    opacity: 0.84;
    filter: blur(2px) saturate(0.8);
    -webkit-mask-size:
      132% 158%,
      102% 128%,
      118% 144%,
      82% 108%,
      92% 116%,
      126% 150%,
      108% 134%,
      122% 146%,
      78% 102%,
      104% 130%,
      136% 160%,
      96% 122%;
    mask-size:
      132% 158%,
      102% 128%,
      118% 144%,
      82% 108%,
      92% 116%,
      126% 150%,
      108% 134%,
      122% 146%,
      78% 102%,
      104% 130%,
      136% 160%,
      96% 122%;
  }
  to {
    opacity: 1;
    filter: none;
    text-shadow:
      0 0 #0000,
      0 0 #0000;
    transform: translate(0) scale(1);
    -webkit-mask-size:
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%;
    mask-size:
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%,
      420% 420%;
  }
}
.spinor-navigator {
  --spinor-turn: 0deg;
  z-index: 80;
  color: #dcecef;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #050912c9;
  border: 1px solid #92c8d047;
  width: 126px;
  padding: 13px 11px 11px;
  position: fixed;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  box-shadow: 0 20px 60px #00000047;
}
.spinor-readout {
  color: #dcecef94;
  font: 600 8px/1.2 var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 11px;
  display: flex;
}
.spinor-readout b {
  color: #9dd4dc;
  font-weight: 700;
}
.spinor-device {
  perspective: 180px;
  width: 74px;
  height: 74px;
  margin: 0 auto 13px;
  position: relative;
}
.spinor-ring,
.spinor-core {
  display: block;
  position: absolute;
  inset: 50% auto auto 50%;
}
.spinor-ring {
  width: 62px;
  height: 62px;
  transform-style: preserve-3d;
  border: 1px solid #9dd4dcb8;
  border-radius: 50%;
  margin: -31px;
}
.spinor-ring:after {
  content: "";
  background: #eef8f8;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: -3px;
  left: 50%;
  box-shadow: 0 0 14px #9dd4dc;
}
.spinor-ring-a {
  transform: rotate(var(--spinor-turn)) rotateX(66deg);
}
.spinor-ring-b {
  transform: rotate(var(--spinor-turn-reverse)) rotateY(68deg);
  border-color: #b5a1d6a3;
}
.spinor-ring-c {
  width: 42px;
  height: 42px;
  transform: rotate(var(--spinor-turn-half)) rotateX(38deg) rotateY(45deg);
  border-color: #d8e0c08c;
  margin: -21px;
}
.spinor-core {
  width: 16px;
  height: 16px;
  transform: rotate(calc(45deg + var(--spinor-turn)));
  background: linear-gradient(135deg, #dff4f5, #83b7c1 55%, #6a587d);
  margin: -8px;
  box-shadow: 0 0 18px #92c8d08c;
}
.spinor-navigator nav {
  border-top: 1px solid #92c8d033;
  display: grid;
}
.spinor-navigator button {
  color: #dcecef8a;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-bottom: 1px solid #92c8d021;
  grid-template-columns: 25px 1fr;
  align-items: center;
  min-height: 31px;
  padding: 0;
  display: grid;
}
.spinor-navigator button span {
  font: 7px var(--mono);
  letter-spacing: 0.08em;
}
.spinor-navigator button strong {
  font: 600 8px var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.spinor-navigator button:before {
  content: "";
  background: #a4dce4;
  width: 2px;
  height: 0;
  transition: height 0.3s;
  position: absolute;
  right: -11px;
}
:is(
  .spinor-navigator button:hover,
  .spinor-navigator button:focus-visible,
  .spinor-navigator button.is-active
) {
  color: #f2fbfb;
  outline: none;
}
.spinor-navigator button.is-active:before {
  height: 22px;
}
.dimensional-transport {
  z-index: 79;
  pointer-events: none;
  visibility: hidden;
  perspective: 900px;
  position: fixed;
  inset: 0;
  overflow: hidden;
}
.dimensional-transport:before {
  content: "";
  left: var(--transport-x, 50%);
  top: var(--transport-y, 50%);
  background: #e7f8f8;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
  box-shadow:
    0 0 18px #a7dce4,
    0 0 70px 24px #6097aa57;
}
.dimensional-transport i,
.dimensional-transport b {
  left: var(--transport-x, 50%);
  top: var(--transport-y, 50%);
  opacity: 0;
  transform-style: preserve-3d;
  border-radius: 43% 57% 38% 62%/58% 41% 59% 42%;
  display: block;
  position: absolute;
}
.dimensional-transport i {
  border: 1px solid #a4dce4b3;
  width: 36vmax;
  height: 36vmax;
  margin: -18vmax;
}
.dimensional-transport i:nth-child(2) {
  border-color: #baa0d39e;
  width: 62vmax;
  height: 24vmax;
  margin: -12vmax -31vmax;
}
.dimensional-transport i:nth-child(3) {
  border-color: #dce9ca85;
  width: 92vmax;
  height: 18vmax;
  margin: -9vmax -46vmax;
}
.dimensional-transport b {
  background: 0 0;
  border: 1px solid #96cbd57a;
  width: 112vmax;
  height: 48vmax;
  margin: -24vmax -56vmax;
  box-shadow:
    inset 0 0 5vmax #629cad0f,
    0 0 3vmax #a98fc90d;
}
.dimensional-transport b:first-of-type {
  transform: rotate(18deg);
}
.dimensional-transport b:nth-of-type(2) {
  border-color: #baa0d380;
  width: 94vmax;
  height: 66vmax;
  margin: -33vmax -47vmax;
  transform: rotate(-31deg);
}
.dimensional-transport b:nth-of-type(3) {
  border-color: #dce9ca66;
  width: 72vmax;
  height: 104vmax;
  margin: -52vmax -36vmax;
  transform: rotate(67deg);
}
.dimensional-transport span {
  left: var(--transport-x, 50%);
  top: calc(var(--transport-y, 50%) + 54px);
  color: #e7f6f6;
  font: 9px var(--mono);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  opacity: 0;
  position: absolute;
  transform: translate(-50%);
}
.dimensional-transport.is-active {
  visibility: visible;
}
.dimensional-transport.is-active:before {
  animation: 1.15s both singularity-pulse;
}
.dimensional-transport.is-active i {
  animation: 1.15s cubic-bezier(0.66, 0, 0.2, 1) both dimensional-ring;
}
.dimensional-transport.is-active i:nth-child(2) {
  animation-delay: 50ms;
}
.dimensional-transport.is-active i:nth-child(3) {
  animation-delay: 0.1s;
}
.dimensional-transport.is-active b {
  animation: 1.2s cubic-bezier(0.2, 0.7, 0.18, 1) both dimensional-ripple;
}
.dimensional-transport.is-active span {
  animation: 1.15s both transport-label;
}
html.dimension-transport-active::view-transition-old(root) {
  transform-origin: var(--transport-x, 50%) var(--transport-y, 50%);
  animation: 0.82s cubic-bezier(0.62, 0, 0.25, 1) both dimension-collapse;
  overflow: hidden;
}
html.dimension-transport-active::view-transition-new(root) {
  transform-origin: var(--transport-x, 50%) var(--transport-y, 50%);
  animation: 0.94s cubic-bezier(0.12, 0.72, 0.18, 1) 0.32s both dimension-unfold;
  overflow: hidden;
}
html.dimension-transport-active,
html.dimension-transport-active body {
  background: #030611;
}
html.dimension-transport-active::view-transition {
  background: #030611;
}
html.dimension-transport-active::view-transition-group(root) {
  background: #030611;
}
@keyframes dimension-collapse {
  0% {
    clip-path: ellipse(
      150vmax 150vmax at var(--transport-x) var(--transport-y)
    );
    filter: none;
    border-radius: 0;
    transform: perspective(1000px) translate(0) rotate(0) scale(1);
  }
  24% {
    clip-path: ellipse(92vw 79vh at var(--transport-x) var(--transport-y));
    filter: blur(1px) saturate(0.9);
    border-radius: 36% 64% 46% 54%/59% 42% 58% 41%;
    transform: perspective(1000px) translateZ(-30px) rotate(-1deg) rotateX(3deg)
      scale(0.96);
  }
  48% {
    clip-path: ellipse(58vw 42vh at var(--transport-x) var(--transport-y));
    transform: perspective(1000px)
      translate3d(var(--transport-dx-25), var(--transport-dy-25), -170px)
      rotateZ(-5deg) rotateX(18deg) scale(0.7);
    filter: blur(3px) saturate(0.62);
    border-radius: 61% 39% 57% 43%/42% 63% 37% 58%;
  }
  72% {
    clip-path: ellipse(25vw 16vh at var(--transport-x) var(--transport-y));
    transform: perspective(1000px)
      translate3d(var(--transport-dx-64), var(--transport-dy-64), -420px)
      rotateZ(-11deg) rotateX(42deg) scale(0.3);
    filter: blur(7px) saturate(0.3);
    border-radius: 47% 53% 34% 66%/65% 38% 62% 35%;
  }
  to {
    clip-path: ellipse(0 0 at var(--transport-x) var(--transport-y));
    transform: perspective(1000px)
      translate3d(
        calc(var(--transport-x) - 50vw),
        calc(var(--transport-y) - 50vh),
        -720px
      )
      rotateZ(-19deg) rotateX(67deg) scale(0.025);
    filter: blur(15px) saturate(0.08);
    border-radius: 50%;
  }
}
@keyframes dimension-unfold {
  0% {
    clip-path: ellipse(0 0 at var(--transport-x) var(--transport-y));
    transform: perspective(1000px)
      translate3d(
        calc(var(--transport-x) - 50vw),
        calc(var(--transport-y) - 50vh),
        -760px
      )
      rotateZ(18deg) rotateY(72deg) scale(0.02);
    filter: blur(17px) saturate(0.08);
    border-radius: 50%;
  }
  30% {
    clip-path: ellipse(24vw 15vh at var(--transport-x) var(--transport-y));
    transform: perspective(1000px)
      translate3d(var(--transport-dx-64), var(--transport-dy-64), -440px)
      rotateZ(11deg) rotateY(46deg) scale(0.27);
    filter: blur(8px) saturate(0.34);
    border-radius: 62% 38% 54% 46%/39% 66% 34% 61%;
  }
  60% {
    clip-path: ellipse(61vw 44vh at var(--transport-x) var(--transport-y));
    transform: perspective(1000px)
      translate3d(var(--transport-dx-25), var(--transport-dy-25), -150px)
      rotateZ(4deg) rotateY(17deg) scale(0.72);
    filter: blur(3px) saturate(0.68);
    border-radius: 39% 61% 47% 53%/64% 36% 59% 41%;
  }
  82% {
    clip-path: ellipse(94vw 81vh at var(--transport-x) var(--transport-y));
    filter: blur(0.6px) saturate(0.94);
    border-radius: 58% 42% 63% 37%/43% 57% 39% 61%;
    transform: perspective(1000px) translateZ(-20px) rotate(1deg) rotateY(3deg)
      scale(0.97);
  }
  to {
    clip-path: ellipse(
      150vmax 150vmax at var(--transport-x) var(--transport-y)
    );
    filter: none;
    border-radius: 0;
    transform: perspective(1000px) translate(0) rotate(0) rotateY(0) scale(1);
  }
}
@keyframes singularity-pulse {
  0%,
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
  38% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.65);
  }
  62% {
    opacity: 0.85;
    transform: translate(-50%, -50%) scale(1.5);
  }
}
@keyframes dimensional-ring {
  0% {
    opacity: 0;
    transform: rotateX(82deg) rotateY(28deg) scale(2.4);
  }
  42% {
    opacity: 0.85;
    transform: rotateX(52deg) rotateY(-34deg) scale(0.08);
  }
  68% {
    opacity: 0.7;
    transform: rotateX(-46deg) rotateY(62deg) scale(0.12);
  }
  to {
    opacity: 0;
    transform: rotateX(-78deg) rotateY(94deg) scale(2.6);
  }
}
@keyframes dimensional-ripple {
  0% {
    opacity: 0;
    border-radius: 35% 65% 42% 58%/63% 38% 62% 37%;
    scale: 2.2;
  }
  38% {
    opacity: 0.7;
    border-radius: 58% 42% 67% 33%/39% 62% 38% 61%;
    scale: 0.08;
  }
  64% {
    opacity: 0.55;
    border-radius: 42% 58% 36% 64%/61% 35% 65% 39%;
    scale: 0.15;
  }
  to {
    opacity: 0;
    border-radius: 66% 34% 53% 47%/37% 59% 41% 63%;
    scale: 2.7;
  }
}
@keyframes transport-label {
  28% {
    opacity: 0;
  }
  42%,
  63% {
    opacity: 1;
  }
  82% {
    opacity: 0;
  }
}
.reactive-physics header {
  top: 74px;
}
.reactive-physics header h3 {
  max-width: 10ch;
}
.physics-instrument {
  aspect-ratio: 1.36;
  perspective: 760px;
  background:
    radial-gradient(circle at 50% 48%, #619dae2e, #0000 34%),
    linear-gradient(#92c8d00a 1px, #0000 1px) 0 0/22px 22px,
    linear-gradient(90deg, #92c8d00a 1px, #0000 1px) 0 0/22px 22px;
  border: 1px solid #92c8d04d;
  width: min(100%, 470px);
  margin-top: 42px;
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 0 90px #00000094,
    0 24px 60px #0003;
}
.physics-volume {
  transform-style: preserve-3d;
  transition: transform 1.1s cubic-bezier(0.18, 0.72, 0.16, 1);
  position: absolute;
  inset: 10% 8% 15%;
  transform: rotateX(-7deg) rotateY(12deg);
}
.physics-plane,
.physics-axis,
.physics-node,
.physics-route,
.physics-identity,
.physics-lattice {
  transform-style: preserve-3d;
  transition: all 0.9s cubic-bezier(0.18, 0.72, 0.16, 1);
  display: block;
  position: absolute;
}
.physics-axis {
  transform-origin: 50%;
  background: linear-gradient(90deg, #0000, #d6eeef94, #0000);
  width: 70%;
  height: 1px;
  margin-left: -35%;
  top: 50%;
  left: 50%;
}
.axis-x {
  transform: rotate(0) translateZ(0);
}
.axis-y {
  transform: rotate(90deg) translateZ(0);
}
.axis-z {
  transform: rotateY(88deg) translateZ(0);
}
.physics-plane {
  aspect-ratio: 1;
  background: conic-gradient(
    from 90deg,
    #0000,
    #92c8d009,
    #0000 28%,
    #b79ecf09,
    #0000 61%,
    #dae4c308,
    #0000
  );
  border: 1px solid #92c8d09e;
  border-radius: 50%;
  width: 64%;
  margin: -32% 0 0 -32%;
  top: 50%;
  left: 50%;
  box-shadow:
    inset 0 0 24px #92c8d00d,
    0 0 18px #92c8d014;
}
.plane-a {
  transform: rotateX(72deg) rotate(4deg) translateZ(4px);
}
.plane-b {
  border-color: #b79ecf94;
  transform: rotateY(72deg) rotate(56deg) translateZ(2px);
}
.plane-c {
  border-color: #dae4c37a;
  transform: rotateX(54deg) rotateY(48deg) rotate(118deg) translateZ(-2px);
}
.physics-node {
  background: #e8f6f5;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  top: 50%;
  box-shadow:
    0 0 8px #e8f6f5,
    0 0 28px #92c8d0;
}
.node-a {
  left: 18%;
  transform: translateZ(48px);
}
.node-b {
  left: 80%;
  transform: translateZ(-38px);
}
.physics-route {
  transform-origin: 50%;
  background: linear-gradient(90deg, #92c8d0 0 12%, #0000 42% 58%, #b6a3cf 88%);
  height: 1px;
  top: 50%;
  left: 19%;
  right: 19%;
  transform: translateZ(4px);
}
.physics-identity {
  background: #dcefdc0a;
  border: 1px solid #dcefdc;
  width: 34px;
  height: 34px;
  margin: -17px;
  top: 50%;
  left: 50%;
  transform: rotate(45deg) translateZ(62px);
  box-shadow:
    0 0 18px #dcefdc47,
    -10px 8px #92c8d021,
    10px -8px #b79ecf1f;
}
.physics-lattice {
  opacity: 0.42;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(6, 1fr);
  display: grid;
  inset: 14%;
  transform: rotateX(67deg) rotate(-8deg) translateZ(-92px);
}
.physics-lattice i {
  background: #a8d9df;
  border-radius: 50%;
  place-self: center;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 7px #92c8d0cc;
}
.physics-lattice i:nth-child(3n) {
  background: #baa6cf;
}
.physics-lattice i:nth-child(5n) {
  background: #dce8c8;
}
.instrument-scale {
  color: #bcdbe073;
  font: 7px var(--mono);
  letter-spacing: 0.12em;
  position: absolute;
}
.scale-x {
  bottom: 9px;
  left: 11px;
}
.scale-y {
  top: 50%;
  right: -32px;
  transform: rotate(90deg);
}
.physics-reading {
  min-height: 46px;
  color: #e5f1f4d1 !important;
  font: 500 15px/1.4 var(--sans) !important;
  margin: 13px 0 0 !important;
}
.physics-reading b {
  color: #92c8d0;
  font: 8px var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: block;
}
.physics-principles {
  border-top: 1px solid #92c8d061;
}
.physics-principles section {
  border-bottom: 1px solid #92c8d04d;
}
.physics-principles button {
  color: #e5f1f4;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  grid-template-columns: 0.46fr 1fr 36px;
  align-items: center;
  gap: 24px;
  width: 100%;
  min-height: 118px;
  padding: 24px 0;
  display: grid;
}
.physics-principles button > span {
  color: #477883;
  font: 700 12px/1.4 var(--mono);
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.physics-principles button > strong {
  font: 500 clamp(21px, 2vw, 30px) / 1.05 var(--sans);
  letter-spacing: -0.03em;
}
.physics-principles button > b {
  border: 1px solid #92c8d08c;
  border-radius: 50%;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 20px;
  font-weight: 300;
  display: grid;
}
.physics-principles section.is-open button > b {
  color: #07101a;
  background: #92c8d0;
}
.physics-principles section > div p {
  color: #e5f1f4d1;
  max-width: 60ch;
  margin: 0;
  padding: 0 56px 34px 31%;
  font-size: 17px;
  line-height: 1.58;
}
.reactive-physics[data-physics="emergence"] .physics-volume {
  animation: 8s ease-in-out infinite alternate physics-breathe;
}
.reactive-physics[data-physics="transport"] .physics-volume {
  transform: rotateX(18deg) rotateY(-28deg) rotate(5deg);
}
.reactive-physics[data-physics="transport"] .plane-a {
  border-radius: 10%;
  transform: rotateX(83deg) rotate(-28deg) translate(-32%) translateZ(54px);
}
.reactive-physics[data-physics="transport"] .plane-b {
  border-radius: 10%;
  transform: rotateX(83deg) rotate(28deg) translate(32%) translateZ(-54px);
}
.reactive-physics[data-physics="transport"] .physics-route {
  transform: rotateY(62deg) rotate(-18deg) scaleX(0.46) translateZ(70px);
}
.reactive-physics[data-physics="nonlocality"] .physics-volume {
  transform: rotateX(-4deg) rotateY(38deg);
}
.reactive-physics[data-physics="nonlocality"] .physics-plane {
  opacity: 0.12;
  transform: scale(0.68) rotateX(74deg);
}
.reactive-physics[data-physics="nonlocality"] .physics-route {
  background: 0 0;
  border: 1px solid #0000;
  border-top-color: #92c8d0;
  border-radius: 50%;
  height: 54%;
  top: 23%;
  left: 18%;
  right: 18%;
  transform: rotateY(52deg) translateZ(86px);
  box-shadow: 0 -4px 14px #92c8d029;
}
.reactive-physics[data-physics="temporal"] .physics-volume {
  transform: rotateX(27deg) rotateY(-21deg) rotate(12deg);
}
.reactive-physics[data-physics="temporal"] .plane-a {
  transform: rotateX(82deg) rotate(42deg) translateZ(64px);
}
.reactive-physics[data-physics="temporal"] .plane-b {
  transform: rotateY(82deg) rotate(-54deg) translateZ(-45px);
}
.reactive-physics[data-physics="temporal"] .plane-c {
  transform: rotateX(32deg) rotateY(68deg) rotate(88deg) translateZ(22px);
}
.reactive-physics[data-physics="limit"] .physics-volume {
  transform: rotateX(-12deg) rotateY(8deg) scale(0.83);
}
.reactive-physics[data-physics="limit"] .plane-a,
.reactive-physics[data-physics="limit"] .plane-c {
  opacity: 0.1;
  transform: scale(1.65);
}
.reactive-physics[data-physics="limit"] .plane-b {
  border-width: 8px;
  box-shadow:
    0 0 36px #92c8d052,
    inset 0 0 30px #92c8d029;
}
.reactive-physics[data-physics="decoherence"] .physics-volume {
  filter: blur(0.4px);
  transform: rotateX(16deg) rotateY(32deg) rotate(-8deg);
}
.reactive-physics[data-physics="decoherence"] .physics-identity {
  filter: blur(3px);
  transform: rotate(45deg) translate3d(14px, -11px, 68px);
  box-shadow:
    -24px 16px #59cede42,
    22px -13px #b86ad040;
}
.reactive-physics[data-physics="decoherence"] .physics-route {
  opacity: 0.18;
  transform: scaleX(1.5) rotate(11deg) translateZ(-62px);
}
@keyframes physics-breathe {
  0% {
    transform: rotateX(-8deg) rotateY(10deg) rotate(-2deg);
  }
  to {
    transform: rotateX(7deg) rotateY(-9deg) rotate(4deg);
  }
}
.temporal-maelstrom {
  --maelstrom-scroll: 0;
  --maelstrom-rx: -14deg;
  --maelstrom-ry: -26deg;
  --maelstrom-rz: -8deg;
  isolation: isolate;
  perspective: 1150px;
  perspective-origin: 62% 43%;
  overflow: hidden;
}
.temporal-maelstrom > :not(.maelstrom-field) {
  z-index: 2;
  position: relative;
}
.maelstrom-field {
  --horizon-progress: 0;
  opacity: 0.08;
  filter: blur(16px);
  pointer-events: none;
  perspective: 1150px;
  height: 122%;
  transform: translateY(var(--horizon-shift, 0px));
  clip-path: circle(0 at 57%);
  top: -15%;
  left: 9%;
  right: 2%;
  z-index: 0 !important;
  position: absolute !important;
}
.maelstrom-field.is-visible {
  animation: 1.8s cubic-bezier(0.16, 0.76, 0.2, 1) 0.25s both maelstrom-reveal;
}
.temporal-volume {
  aspect-ratio: 1;
  width: min(76vw, 1030px);
  transform-style: preserve-3d;
  transform: translate(-50%, -50%) rotateX(var(--maelstrom-rx))
    rotateY(var(--maelstrom-ry)) rotateZ(var(--maelstrom-rz));
  transition: transform 0.35s ease-out;
  position: absolute;
  top: 49%;
  left: 54%;
}
.temporal-rotor {
  transform-style: preserve-3d;
  animation: 18s linear infinite temporal-tumble;
  position: absolute;
  inset: 8%;
}
.temporal-rotor:before,
.temporal-rotor:after {
  content: "";
  transform-style: preserve-3d;
  background: conic-gradient(
    from 20deg,
    #0000,
    #92c8d01f,
    #0000 17%,
    #b79ecf14,
    #0000 39%,
    #dae4c314,
    #0000 61%
  );
  border-radius: 50%;
  position: absolute;
  inset: 10%;
  box-shadow: inset 0 0 70px #92c8d00a;
}
.temporal-rotor:before {
  transform: rotateX(78deg) translateZ(-115px);
}
.temporal-rotor:after {
  transform: rotateY(73deg) translateZ(105px);
}
.temporal-sheets {
  transform-style: preserve-3d;
  position: absolute;
  inset: 6%;
}
.temporal-sheets i {
  transform-style: preserve-3d;
  background:
    linear-gradient(#92c8d009 1px, #0000 1px) 0 0/34px 34px,
    linear-gradient(90deg, #92c8d009 1px, #0000 1px) 0 0/34px 34px,
    radial-gradient(circle, #92c8d014, #0000 64%);
  border: 1px solid #92c8d024;
  position: absolute;
  inset: 12%;
  box-shadow: inset 0 0 80px #92c8d00a;
}
.temporal-sheets i:first-child {
  transform: rotateX(76deg) translateZ(-100px);
}
.temporal-sheets i:nth-child(2) {
  border-color: #b79ecf24;
  transform: rotateY(72deg) translateZ(92px);
}
.temporal-sheets i:nth-child(3) {
  border-color: #dae4c31f;
  transform: rotateX(42deg) rotateY(58deg) translateZ(-8px);
}
.temporal-orbit {
  width: 82%;
  height: 82%;
  transform-style: preserve-3d;
  border: 1px solid #92c8d033;
  border-radius: 50%;
  margin: -41%;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: inset 0 0 34px #92c8d00a;
}
.orbit-x {
  border-style: dashed;
  animation: 11s linear infinite temporal-orbit-x;
  transform: rotateX(76deg);
}
.orbit-y {
  border-color: #b79ecf33;
  animation: 14s linear infinite reverse temporal-orbit-y;
  transform: rotateY(76deg);
}
.orbit-z {
  border-style: dotted;
  border-color: #dae4c32e;
  animation: 17s linear infinite temporal-orbit-z;
  transform: rotate(18deg) rotateX(34deg) rotateY(62deg);
}
.orbit-diagonal {
  border-style: dashed;
  border-color: #92c8d04d;
  width: 58%;
  height: 58%;
  margin: -29%;
  animation: 8s linear infinite temporal-orbit-y;
  transform: rotateX(58deg) rotateY(-46deg);
}
.temporal-core {
  background: #9ed6de;
  width: 22px;
  height: 22px;
  margin: -11px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateX(-18deg) rotateY(36deg) rotate(45deg);
  box-shadow:
    0 0 20px #8cc5cf,
    0 0 70px #92c8d05c;
}
.settled-arrow {
  background: linear-gradient(90deg, #e5f1f414, #e5f1f4b8, #e5f1f414);
  width: 58%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-8%, -50%) translateZ(90px);
}
.settled-arrow:after {
  content: "";
  border-top: 1px solid #dff0f1;
  border-right: 1px solid #dff0f1;
  width: 8px;
  height: 8px;
  position: absolute;
  top: -4px;
  right: 0;
  transform: rotate(45deg);
}
.temporal-particles {
  transform-style: preserve-3d;
  position: absolute;
  inset: 0;
}
.temporal-particles span {
  width: 4px;
  height: 4px;
  transform: rotateY(var(--particle-y)) rotateX(var(--particle-x))
    translateZ(var(--particle-radius));
  animation: temporal-particle 7s var(--particle-delay) ease-in-out infinite
    alternate;
  background: #bfe6e8;
  border-radius: 50%;
  margin: -2px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow:
    0 0 9px #92c8d0e6,
    0 0 24px #92c8d047;
}
.temporal-particles span:after {
  content: "";
  background: linear-gradient(90deg, #0000, #bfe6e88c);
  width: clamp(12px, 2.2vw, 34px);
  height: 1px;
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
}
.temporal-particles span:nth-child(3n) {
  background: #c2a9d5;
  box-shadow: 0 0 10px #b79ecfe6;
}
.temporal-particles span:nth-child(5n) {
  background: #dce8c8;
  box-shadow: 0 0 10px #dae4c3cc;
}
@keyframes maelstrom-reveal {
  0% {
    opacity: 0;
    filter: blur(20px);
    clip-path: circle(0 at 57%);
    transform: translateY(var(--horizon-shift, 0px)) scale(0.54) rotate(-8deg);
  }
  42% {
    opacity: 0.5;
    filter: blur(8px);
    clip-path: circle(32% at 57%);
  }
  to {
    opacity: 0.78;
    filter: none;
    clip-path: circle(86% at 57%);
    transform: translateY(var(--horizon-shift, 0px)) scale(1) rotate(0);
  }
}
@keyframes temporal-tumble {
  0% {
    transform: rotateX(8deg) rotateY(0) rotate(0);
  }
  25% {
    transform: rotateX(94deg) rotateY(137deg) rotate(-31deg);
  }
  50% {
    transform: rotateX(184deg) rotateY(276deg) rotate(18deg);
  }
  75% {
    transform: rotateX(278deg) rotateY(408deg) rotate(43deg);
  }
  to {
    transform: rotateX(368deg) rotateY(540deg) rotate(0);
  }
}
@keyframes temporal-orbit-x {
  to {
    transform: rotateX(76deg) rotate(360deg);
  }
}
@keyframes temporal-orbit-y {
  to {
    transform: rotateY(76deg) rotate(360deg);
  }
}
@keyframes temporal-orbit-z {
  to {
    transform: rotate(378deg) rotateX(34deg) rotateY(62deg);
  }
}
@keyframes temporal-particle {
  0% {
    opacity: 0.18;
    filter: blur(1px);
  }
  to {
    opacity: 0.88;
    filter: blur();
    scale: 1.8;
  }
}
html.timeline-departing .maelstrom-field {
  animation: 0.56s cubic-bezier(0.6, 0, 0.86, 0.32) both maelstrom-depart !important;
}
html.timeline-departing .temporal-rotor {
  animation: 0.56s cubic-bezier(0.6, 0, 0.86, 0.32) both
    temporal-reverse-collapse !important;
}
@keyframes maelstrom-depart {
  0% {
    opacity: 0.78;
    filter: none;
    clip-path: circle(86% at 57%);
  }
  48% {
    opacity: 0.58;
    filter: blur(5px);
    clip-path: circle(47% at 57%);
  }
  to {
    opacity: 0;
    filter: blur(20px);
    clip-path: circle(0 at 57%);
    transform: translateY(var(--horizon-shift, 0px)) scale(0.42) rotate(12deg);
  }
}
@keyframes temporal-reverse-collapse {
  0% {
    transform: rotateX(368deg) rotateY(540deg) rotate(0) scale(1);
  }
  54% {
    transform: rotateX(196deg) rotateY(286deg) rotate(-52deg) scale(0.66);
  }
  to {
    transform: rotateX(24deg) rotateY(32deg) rotate(-108deg) scale(0.04);
  }
}
.temporal-maelstrom .timeline-track:before {
  z-index: 2;
  background: #e5f1f48f;
}
.temporal-maelstrom .timeline-track article {
  z-index: 3;
  background: linear-gradient(90deg, var(--world-dark), transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .temporal-maelstrom .timeline-track article {
    background: linear-gradient(
      90deg,
      color-mix(in srgb, var(--world-dark) 76%, transparent),
      transparent
    );
  }
}
.maelstrom-thread {
  z-index: 1;
  pointer-events: none;
  transform-origin: 50%;
  height: 1px;
  position: absolute;
  left: -2%;
  right: -2%;
}
.thread-a {
  transform: translateY(var(--maelstrom-a, 0px)) rotate(-2deg);
  background: #92c8d042;
  top: 27%;
}
.thread-b {
  transform: translateY(var(--maelstrom-b, 0px)) rotate(1.5deg);
  background: #b79ecf38;
  top: 61%;
}
.thread-c {
  transform: translateY(var(--maelstrom-c, 0px)) rotate(-1deg);
  background: #dae4c333;
  top: 82%;
}
.stellar-chronology {
  z-index: 4;
  position: relative;
}
.chronology-route {
  color: #e5f1f4a6;
  font: 700 10px/1 var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 22px;
  margin: 0 0 28px;
  display: grid;
}
.chronology-route-line {
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
  height: 42px;
  display: grid;
  position: relative;
}
.chronology-route-line:before,
.chronology-route-line:after {
  content: "";
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.chronology-route-line:before {
  background: #92c8d047;
  right: 0;
}
.chronology-route-line:after {
  width: calc(var(--chronology-progress) * 100%);
  background: linear-gradient(90deg, #92c8d0, #b79ecf);
  transition: width 0.65s cubic-bezier(0.18, 0.72, 0.18, 1);
  box-shadow: 0 0 18px #92c8d07a;
}
.chronology-route-line button {
  z-index: 2;
  cursor: pointer;
  background: 0 0;
  border: 0;
  justify-self: center;
  width: 42px;
  height: 42px;
  padding: 0;
  position: relative;
}
.chronology-route-line button i {
  background: #07101a;
  border: 1px solid #c7e2e69e;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  transition:
    width 0.35s,
    height 0.35s,
    background 0.35s,
    box-shadow 0.35s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
:is(
  .chronology-route-line button:hover i,
  .chronology-route-line button:focus-visible i
) {
  outline: none;
  width: 14px;
  height: 14px;
}
.chronology-route-line button.is-active i {
  background: #dff3f4;
  width: 18px;
  height: 18px;
  box-shadow:
    0 0 0 6px #92c8d01f,
    0 0 28px #92c8d0cc;
}
.chronology-bento {
  grid-template-rows: minmax(330px, 0.82fr) minmax(250px, 0.64fr) minmax(
      180px,
      0.42fr
    );
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 10px;
  min-height: 860px;
  display: grid;
}
.chronology-feature,
.chronology-index,
.chronology-glimpse,
.chronology-controls {
  background: #040811d6;
  border: 1px solid #92c8d040;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 70px #00000038;
}
.chronology-feature {
  isolation: isolate;
  grid-area: 1/1/3/9;
}
.chronology-feature > img {
  z-index: -2;
  object-fit: cover;
  filter: brightness(0.62) saturate(0.74) contrast(1.08);
  width: 106%;
  height: 106%;
  animation: 1.05s cubic-bezier(0.16, 0.78, 0.16, 1) both chronology-image-enter;
  position: absolute;
  inset: -3%;
}
.chronology-feature-wash {
  z-index: -1;
  background:
    linear-gradient(90deg, #03070ff0 0%, #03070fa1 50%, #03070f1f),
    linear-gradient(#0000 42%, #03070ff0);
  position: absolute;
  inset: 0;
}
.chronology-feature-copy {
  position: absolute;
  bottom: clamp(32px, 4vw, 64px);
  left: clamp(28px, 3vw, 52px);
  right: clamp(28px, 4vw, 72px);
}
.chronology-feature-copy > div {
  color: #a8d8df;
  font: 700 11px var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-bottom: 1px solid #cae4e775;
  justify-content: space-between;
  padding-bottom: 15px;
  animation: 0.65s 0.2s both chronology-copy-in;
  display: flex;
}
.chronology-feature-copy h3 {
  max-width: 10.5ch;
  font: 500 clamp(52px, 6.4vw, 98px) / 0.86 var(--sans);
  letter-spacing: -0.065em;
  margin: clamp(38px, 6vw, 88px) 0 24px;
  animation: 0.72s 0.28s both chronology-copy-in;
}
.chronology-feature-copy p {
  color: #e5f1f4e0;
  max-width: 56ch;
  margin: 0;
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.55;
  animation: 0.72s 0.38s both chronology-copy-in;
}
.chronology-bearing {
  aspect-ratio: 1;
  opacity: 0.7;
  width: 150px;
  transform-style: preserve-3d;
  animation: 12s linear infinite chronology-bearing;
  position: absolute;
  top: 8%;
  right: 5%;
}
.chronology-bearing i {
  border: 1px solid #a8d8df73;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}
.chronology-bearing i:first-child {
  transform: rotateX(70deg);
}
.chronology-bearing i:nth-child(2) {
  transform: rotateY(70deg);
}
.chronology-bearing i:nth-child(3) {
  border-color: #b79ecf8f;
  inset: 28%;
  transform: rotateX(42deg) rotateY(52deg);
}
.chronology-index {
  background: #050912e6;
  grid-area: 1/9/3/13;
  grid-template-rows: repeat(7, 1fr);
  gap: 3px;
  padding: 12px;
  display: grid;
}
.chronology-index button {
  color: #e5f1f49e;
  text-align: left;
  cursor: pointer;
  background: #92c8d009;
  border: 1px solid #0000;
  grid-template-columns: 34px 1fr 20px;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 0;
  padding: 13px 14px;
  transition:
    background 0.3s,
    border-color 0.3s,
    color 0.3s,
    transform 0.3s;
  display: grid;
}
:is(.chronology-index button:hover, .chronology-index button:focus-visible) {
  color: #eef8f8;
  border-color: #92c8d052;
  outline: none;
  transform: translate(-4px);
}
.chronology-index button.is-active {
  color: #f1fbfb;
  background: linear-gradient(90deg, #92c8d030, #b79ecf0f);
  border-color: #92c8d085;
}
.chronology-index span {
  color: #79abb5;
  font: 700 9px var(--mono);
  letter-spacing: 0.1em;
}
.chronology-index strong {
  font: 500 clamp(14px, 1.15vw, 18px) / 1.12 var(--sans);
  letter-spacing: -0.02em;
}
.chronology-index i {
  color: #9ccfd6;
  opacity: 0;
  justify-self: end;
  font-style: normal;
  transition:
    opacity 0.3s,
    transform 0.3s;
  transform: translate(-6px, 6px);
}
.chronology-index button.is-active i {
  opacity: 1;
  transform: none;
}
.chronology-glimpse {
  isolation: isolate;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 180px;
  padding: 24px;
  display: flex;
}
.chronology-glimpse-a {
  grid-area: 3/1 / auto/5;
}
.chronology-glimpse-b {
  grid-area: 3/5 / auto/9;
}
.chronology-glimpse > img {
  z-index: -2;
  object-fit: cover;
  filter: brightness(0.42) saturate(0.7);
  width: 100%;
  height: 100%;
  animation: 0.7s both chronology-glimpse-in;
  position: absolute;
  inset: 0;
}
.chronology-glimpse:after {
  content: "";
  z-index: -1;
  background: linear-gradient(#03070f0d, #03070ff2);
  position: absolute;
  inset: 0;
}
.chronology-glimpse span {
  color: #91c5cd;
  font: 700 9px var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.chronology-glimpse strong {
  max-width: 16ch;
  font: 500 clamp(22px, 2.2vw, 34px) / 0.95 var(--sans);
  letter-spacing: -0.035em;
}
.chronology-scale-field {
  background:
    radial-gradient(circle at 78% 28%, #92c8d02e, #0000 28%),
    linear-gradient(#92c8d00a 1px, #0000 1px) 0 0/24px 24px,
    linear-gradient(90deg, #92c8d00a 1px, #0000 1px) 0 0/24px 24px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.chronology-scale-field i {
  border: 1px solid #b5dfe3;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: 12%;
  box-shadow: 0 0 20px #92c8d0b3;
}
.chronology-scale-field i:nth-child(2) {
  border-color: #92c8d040;
  width: 76px;
  height: 76px;
  margin: -32px;
}
.chronology-scale-field i:nth-child(3) {
  border-color: #b79ecf2e;
  width: 146px;
  height: 146px;
  margin: -67px;
}
.chronology-scale-field i:nth-child(4) {
  border-color: #dae4c31f;
  width: 236px;
  height: 236px;
  margin: -112px;
}
.chronology-controls {
  background: linear-gradient(135deg, #92c8d01f, #b79ecf0f);
  grid-area: 3/9 / auto/13;
  grid-template-columns: 52px 1fr 52px;
  align-items: center;
  gap: 10px;
  padding: 20px;
  display: grid;
}
.chronology-controls button {
  color: #e7f5f5;
  cursor: pointer;
  background: #03070f8a;
  border: 1px solid #cce5e873;
  border-radius: 50%;
  width: 52px;
  height: 52px;
  font-size: 20px;
  transition:
    background 0.25s,
    transform 0.25s;
}
:is(
  .chronology-controls button:hover,
  .chronology-controls button:focus-visible
) {
  color: #07101a;
  background: #92c8d0;
  outline: none;
  transform: scale(1.06);
}
.chronology-controls span {
  text-align: center;
  color: #e5f1f4b8;
  font: 700 9px/1.4 var(--mono);
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
@keyframes chronology-image-enter {
  0% {
    opacity: 0;
    filter: blur(18px) brightness(0.25) saturate(0.2);
    clip-path: ellipse(12% 10% at 78% 28%);
    transform: scale(1.16) rotate(0.8deg);
  }
  55% {
    opacity: 0.72;
    filter: blur(5px) brightness(0.5) saturate(0.55);
    clip-path: ellipse(58% 62% at 64% 42%);
  }
  to {
    opacity: 1;
    filter: brightness(0.62) saturate(0.74) contrast(1.08);
    clip-path: ellipse(90% 92%);
    transform: scale(1) rotate(0);
  }
}
@keyframes chronology-copy-in {
  0% {
    opacity: 0;
    filter: blur(7px);
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    filter: none;
    transform: none;
  }
}
@keyframes chronology-bearing {
  to {
    transform: rotateX(360deg) rotateY(540deg) rotate(180deg);
  }
}
@keyframes chronology-glimpse-in {
  0% {
    opacity: 0;
    filter: blur(10px) brightness(0.3);
    transform: scale(1.12);
  }
  to {
    opacity: 1;
    filter: brightness(0.42) saturate(0.7);
    transform: scale(1);
  }
}
@media (max-width: 800px) {
  .spinor-navigator {
    width: 94px;
    padding: 8px;
    top: auto;
    bottom: 10px;
    right: 10px;
    transform: none;
  }
  .spinor-readout {
    margin-bottom: 5px;
  }
  .spinor-device {
    width: 52px;
    height: 52px;
    margin-bottom: 5px;
  }
  .spinor-ring {
    width: 44px;
    height: 44px;
    margin: -22px;
  }
  .spinor-ring-c {
    width: 30px;
    height: 30px;
    margin: -15px;
  }
  .spinor-navigator nav {
    grid-template-columns: repeat(4, 1fr);
  }
  .spinor-navigator button {
    text-align: center;
    border-right: 1px solid #92c8d021;
    min-height: 22px;
    display: block;
  }
  .spinor-navigator button strong,
  .spinor-navigator button:before {
    display: none;
  }
  .reactive-physics header {
    position: relative;
    top: auto;
  }
  .physics-instrument {
    width: 100%;
    margin-top: 9vw;
  }
  .physics-principles button {
    grid-template-columns: 1fr 34px;
    gap: 12px;
    min-height: 104px;
  }
  .physics-principles button > span {
    grid-column: 1/-1;
    font-size: 10px;
  }
  .physics-principles button > strong {
    font-size: 21px;
  }
  .physics-principles section > div p {
    padding: 0 0 8vw;
    font-size: 16px;
  }
  .temporal-maelstrom .timeline-track article {
    background: linear-gradient(90deg, var(--world-dark), var(--world-dark));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .temporal-maelstrom .timeline-track article {
      background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--world-dark) 88%, transparent),
        color-mix(in srgb, var(--world-dark) 45%, transparent)
      );
    }
  }
  .temporal-volume {
    width: min(116vw, 660px);
  }
  .chronology-route {
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .chronology-route > span:last-child {
    text-align: right;
  }
  .chronology-route-line {
    grid-row: 2;
  }
  .chronology-bento {
    grid-template-rows: none;
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .chronology-feature {
    grid-area: auto/1;
    min-height: 72svh;
  }
  .chronology-feature-copy h3 {
    font-size: 12.5vw;
  }
  .chronology-index {
    grid-area: auto/1;
    grid-template-rows: none;
  }
  .chronology-index button {
    min-height: 72px;
  }
  .chronology-glimpse-a,
  .chronology-glimpse-b,
  .chronology-controls {
    grid-area: auto/1;
  }
  .chronology-glimpse {
    min-height: 210px;
  }
  .chronology-controls {
    min-height: 110px;
  }
  .emergenverse-experience .timeline-scroll-cue {
    margin-right: 100px;
    font-size: 8px;
  }
}
.future-card.gaia-card {
  background: #dfead8;
  flex-basis: 68vw;
  grid-template-columns: minmax(0, 1.42fr) minmax(270px, 0.58fr);
}
.future-card.gaia-card > img {
  object-position: center center;
  filter: saturate(0.82) contrast(1.04);
}
.future-card.gaia-card > div {
  z-index: 1;
  background: linear-gradient(135deg, #e4eedc 0%, #cbdcbe 100%);
  position: relative;
}
.future-card.gaia-card span {
  color: #3c6c33;
  font-weight: 700;
}
.future-card.gaia-card h3 {
  color: #1c351c;
}
.future-card.gaia-card p {
  color: #294229;
}
@media (max-width: 800px) {
  .future-card.gaia-card {
    flex-basis: 90vw;
    grid-template-rows: 58% 42%;
    grid-template-columns: 1fr;
  }
  .future-card.gaia-card > img {
    width: 100%;
    height: 100%;
  }
  .future-card.gaia-card > div {
    padding: 6vw;
  }
  .future-card.gaia-card h3 {
    margin: auto 0 3vw;
  }
}
@media (prefers-reduced-motion: reduce) {
  .motion-root [data-consensus],
  .motion-root [data-consensus].is-visible {
    opacity: 1;
    filter: none;
    text-shadow: none;
    animation: none;
    transform: none;
    -webkit-mask: none;
    mask: none;
  }
  .spinor-ring,
  .spinor-core,
  .physics-volume,
  .physics-plane,
  .physics-node,
  .physics-route,
  .physics-identity,
  .maelstrom-field,
  .temporal-volume,
  .temporal-rotor,
  .temporal-orbit,
  .temporal-particles span,
  .maelstrom-thread,
  .chronology-feature > img,
  .chronology-feature-copy > *,
  .chronology-bearing,
  .chronology-glimpse > img {
    transition: none !important;
    animation: none !important;
  }
  .maelstrom-field {
    opacity: 0.62;
    filter: none;
    clip-path: none;
  }
  .dimensional-transport {
    display: none;
  }
}
.drift-experience {
  --display: "Baskerville", var(--serif);
  background: #180e29;
}
.drift-hero .hero-depth-image {
  object-position: center;
  filter: saturate(1.18) contrast(1.05);
}
.drift-stage {
  background: #130b21;
}
.drift-image-track {
  width: 240vw;
  transform: translateX(var(--stage-x-70));
  display: flex;
  position: absolute;
  inset: 0;
}
.drift-image-track img {
  object-fit: cover;
  filter: saturate(1.08) brightness(0.66);
  width: 120vw;
  height: 100%;
}
.drift-stage:after {
  content: "";
  background:
    linear-gradient(90deg, #130b21e0, #0000 60%),
    linear-gradient(#0000, #130b21cc);
  position: absolute;
  inset: 0;
}
.drift-title {
  z-index: 3;
}
.drift-era-track {
  --horizontal-x: 0px;
  z-index: 4;
  width: max-content;
  height: 100%;
  transform: translate3d(var(--horizontal-x), 0, 0);
  will-change: transform;
  align-items: flex-start;
  gap: 26vw;
  padding: 62vh 8vw 8vh;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.drift-era {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #180e29c2;
  border: 1px solid #ff84d873;
  flex: 0 0 min(340px, 28vw);
  width: min(340px, 28vw);
  padding: 20px;
  position: relative;
}
.drift-era b {
  font: 8px var(--mono);
  color: var(--world-accent);
  letter-spacing: 0.14em;
}
.drift-era strong {
  font: 400 31px var(--display);
  margin: 50px 0 14px;
  display: block;
}
.drift-era p {
  color: #f4e4ffb8;
  line-height: 1.45;
}
.era-one,
.era-two,
.era-three {
  bottom: auto;
  left: auto;
  transform: none;
}
.era-two {
  margin-top: -6vh;
}
.era-three {
  margin-top: 2vh;
}
.ontology-grid {
  color: #21112f;
  background: #e9dcf1;
  grid-template-columns: repeat(4, 1fr);
  padding: 9vw 3.2vw;
  display: grid;
}
.ontology-grid article {
  border-top: 1px solid;
  border-right: 1px solid #21112f4d;
  min-height: 340px;
  padding: 2vw;
}
.ontology-grid span {
  color: #a32985;
  font: 9px var(--mono);
}
.ontology-grid h3 {
  font: 400 37px var(--display);
  margin: 9vw 0 1vw;
}
.ontology-grid p {
  font: 18px var(--display);
}
.mongol-experience {
  --display: "Iowan Old Style", var(--serif);
  background: #27190e;
}
.mongol-hero .hero-depth-image {
  object-position: center 45%;
  filter: saturate(0.84) contrast(1.06);
}
.steppe-stage {
  background: #322414;
}
.steppe-track {
  --horizontal-x: 0px;
  width: 225vw;
  transform: translate3d(var(--horizontal-x), 0, 0);
  will-change: transform;
  display: flex;
  position: absolute;
  inset: 0;
}
.steppe-track img {
  object-fit: cover;
  filter: saturate(0.72) contrast(1.08) brightness(0.66);
  width: 112.5vw;
  height: 100%;
}
.steppe-stage:after {
  content: "";
  background:
    linear-gradient(90deg, #1f1208de, #0000 58%),
    linear-gradient(#0000 45%, #1f1208c7);
  position: absolute;
  inset: 0;
}
.steppe-title {
  z-index: 3;
}
.steppe-facts {
  z-index: 3;
  border-top: 1px solid #f0d7b5;
  width: 38vw;
  position: absolute;
  bottom: 5vw;
  right: 4vw;
}
.steppe-facts p {
  border-bottom: 1px solid #f0d7b566;
  grid-template-columns: 0.25fr 0.75fr;
  margin: 0;
  padding: 13px 0;
  font-size: 15px;
  display: grid;
}
.steppe-facts b {
  color: var(--world-accent);
  font: 9px var(--mono);
  letter-spacing: 0.14em;
}
.mongol-intimacy {
  color: #26170d;
  background: #e6d0a8;
  grid-template-columns: 1.15fr 0.85fr;
  align-items: center;
  gap: 6vw;
  padding: 10vw 3.2vw;
  display: grid;
}
.mongol-intimacy figure {
  height: 70vw;
  max-height: 900px;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.mongol-intimacy img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.mongol-intimacy figcaption {
  color: #e6d0a8;
  font: 8px var(--mono);
  text-transform: uppercase;
  background: #26170d;
  padding: 8px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.mongol-intimacy span {
  font: 9px var(--mono);
  color: #a63e20;
  letter-spacing: 0.14em;
}
.mongol-intimacy h2 {
  font: 400 clamp(52px, 6vw, 94px) / 0.9 var(--display);
  letter-spacing: -0.05em;
  margin: 3vw 0;
}
.mongol-intimacy p {
  max-width: 42ch;
  font: 20px/1.5 var(--display);
}
.cosmic-experience {
  --display: "Baskerville", var(--serif);
  background: #11070d;
}
.cosmic-hero .hero-depth-image {
  object-position: center 48%;
  filter: saturate(0.84) contrast(1.12);
}
.anatomy-descent {
  background: #10060b;
  height: 330svh;
}
.anatomy-stage > img {
  object-fit: cover;
  width: 110%;
  height: 110%;
  transform: scale(var(--stage-scale));
  filter: brightness(0.65) saturate(0.94) contrast(1.14);
  position: absolute;
  inset: -5%;
}
.anatomy-vignette {
  background: linear-gradient(90deg, #0c0308d9, #0000 55%);
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 18vw #090307;
}
.anatomy-title {
  z-index: 4;
}
.anatomy-label {
  z-index: 4;
  font: 10px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background: #11070dcc;
  border: 1px solid #ff7a9180;
  grid-template-columns: 30px auto 90px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: grid;
  position: absolute;
}
.anatomy-label b {
  color: var(--world-accent);
}
.anatomy-label i {
  background: var(--world-accent);
  height: 1px;
}
.label-one {
  top: 22%;
  right: 6vw;
}
.label-two {
  top: 53%;
  right: 17vw;
}
.label-three {
  bottom: 13%;
  right: 5vw;
}
.anatomy-scale {
  z-index: 4;
  font: 8px var(--mono);
  color: var(--world-accent);
  letter-spacing: 0.14em;
  position: absolute;
  bottom: 3vw;
  left: 3.2vw;
}
.host-event {
  color: #f6dbe1;
  background: #230a14;
  min-height: 110svh;
  padding: 11vw 3.2vw;
  position: relative;
  overflow: hidden;
}
.host-event > span {
  font: 9px var(--mono);
  color: var(--world-accent);
  letter-spacing: 0.14em;
}
.host-event h2 {
  z-index: 2;
  font: 400 clamp(64px, 9vw, 138px) / 0.84 var(--display);
  letter-spacing: -0.06em;
  margin: 4vw 0;
  position: relative;
}
.host-event h2 em {
  color: var(--world-accent);
  font-weight: 400;
}
.host-event p {
  z-index: 2;
  max-width: 560px;
  margin-left: 55vw;
  font-size: 20px;
  line-height: 1.5;
  position: relative;
}
.host-pulse {
  aspect-ratio: 1;
  border: 1px solid #ff7a9159;
  border-radius: 49% 51% 44% 56%;
  width: 60vw;
  animation: 4s ease-in-out infinite host-beat;
  position: absolute;
  top: 10%;
  right: -8vw;
  box-shadow: inset 0 0 7vw #ff3c641f;
}
.host-pulse:after {
  content: "";
  border: 1px solid #ff7a9140;
  border-radius: 55% 45%;
  position: absolute;
  inset: 16%;
}
@keyframes host-beat {
  50% {
    border-radius: 53% 47% 57% 43%;
    transform: scale(1.035);
  }
}
.deep-world .bespoke-works {
  z-index: 2;
  background: var(--world-pale);
  color: var(--world-dark);
  position: relative;
}
.deep-world .bespoke-next {
  z-index: 2;
  position: relative;
}
.world-panel {
  position: sticky;
  top: 0;
}
.world-near-future:before {
  background:
    repeating-linear-gradient(90deg, #0000 0 10vw, #7de5ff14 calc(10vw + 1px)),
    linear-gradient(#0000 55%, #7de5ff24);
}
.world-cube-world:before {
  background:
    linear-gradient(30deg, #0000 40%, #ffb34d29 40.2% 40.6%, #0000 40.8%),
    linear-gradient(-30deg, #0000 58%, #ffb34d1f 58.2% 58.6%, #0000 58.8%);
}
.world-zoroastrian-world:before {
  background:
    radial-gradient(circle at 72% 38%, #ffcf5261, #0000 14%),
    linear-gradient(140deg, #0000 55%, #ffcf5221);
}
.world-drifting-world:before {
  background:
    radial-gradient(at 75% 45%, #ff84d840, #0000 32%),
    repeating-radial-gradient(at 70% 45%, #0000 0 42px, #ff84d812 44px 45px);
}
@media (max-width: 800px) {
  .world-hero-meta {
    grid-template-columns: 1fr 1fr;
    top: 94px;
    left: 5vw;
    right: 5vw;
  }
  .world-hero-meta span:nth-child(2) {
    display: none;
  }
  .world-hero-title {
    bottom: 12vw;
    left: 5vw;
    right: 5vw;
  }
  .world-hero-title h1 {
    max-width: 95vw;
    font-size: 21vw;
  }
  .world-hero-title blockquote {
    width: 80vw;
    margin: 7vw 0 0;
    font-size: 19px;
  }
  .hero-motif {
    font-size: 45vw;
    top: 22%;
    right: -10vw;
  }
  .hero-descend {
    display: none;
  }
  .world-premise {
    grid-template-columns: 1fr;
    padding: 22vw 5vw;
  }
  .premise-label {
    flex-direction: row;
    min-height: 110px;
  }
  .premise-label i {
    font-size: 24vw;
  }
  .world-premise h2 {
    font-size: 11vw;
  }
  .world-premise p {
    margin: 10vw 0;
    font-size: 17px;
  }
  .world-premise dl div {
    grid-template-columns: 0.85fr 1.15fr;
  }
  .scroll-chapter {
    height: 240svh;
  }
  .stage-caption,
  .cube-copy,
  .drift-title,
  .steppe-title,
  .anatomy-title,
  .consensus-title {
    width: 88vw;
    top: 10vw;
    left: 5vw;
  }
  .stage-caption h2,
  .cube-copy h2,
  .drift-title h2,
  .steppe-title h2,
  .anatomy-title h2,
  .consensus-title h2 {
    font-size: 14vw;
  }
  .apocrypha-stage figure {
    inset: 0;
  }
  .apocrypha-track {
    gap: 14vw;
    padding: 22vh 6vw 12vh;
  }
  .apocrypha-leaf {
    flex-basis: 78vw;
    width: 78vw;
    min-height: 54vh;
    padding: 7vw;
  }
  .leaf-one,
  .leaf-two,
  .leaf-three {
    top: auto;
    left: auto;
  }
  .leaf-two {
    margin-top: 6vh;
  }
  .apocrypha-leaf h2 {
    margin-top: 18vw;
    font-size: 11vw;
  }
  .future-track {
    width: 290vw;
    height: 60vh;
    top: 30vh;
    left: 8vw;
  }
  .future-card {
    flex-basis: 86vw;
    grid-template-columns: 1fr;
  }
  .future-card > img {
    height: 34%;
  }
  .future-card > div {
    padding: 7vw;
  }
  .future-card h3 {
    font-size: 11vw;
  }
  .human-card,
  .gaia-card {
    grid-template-columns: 0.45fr 1.55fr;
  }
  .human-card > b,
  .gaia-card > b {
    font-size: 27vw;
  }
  .cube-copy p {
    display: none;
  }
  .cube-object {
    width: 105vw;
    top: 28vh;
    right: -18vw;
  }
  .cube-face-list {
    grid-template-columns: repeat(3, 1fr);
    bottom: 3vw;
  }
  .cube-face-list li {
    font-size: 9px;
  }
  .magic-ages {
    grid-template-columns: 1fr;
    padding: 20vw 5vw;
  }
  .magic-ages header {
    grid-template-columns: 1fr;
  }
  .magic-ages > div {
    min-height: 220px;
    padding: 5vw;
  }
  .magic-ages h3 {
    margin-top: 17vw;
  }
  .sacred-passage {
    height: 200svh;
  }
  .sacred-axis {
    font-size: 10px;
    top: 94px;
    left: 5vw;
    right: 5vw;
  }
  .sacred-state {
    width: auto;
    bottom: 11vh;
    left: 5vw;
    right: 8vw;
  }
  .sacred-state h2 {
    font-size: 15vw;
  }
  .sacred-state p {
    font-size: 17px;
  }
  .lie-state {
    text-align: left;
  }
  .lie-state p {
    margin-left: 0;
  }
  .sacred-cue {
    font-size: 9px;
    bottom: 4vh;
    right: 5vw;
  }
  .zoro-elements,
  .ontology-grid {
    grid-template-columns: 1fr 1fr;
    padding: 18vw 5vw;
  }
  .zoro-elements article,
  .ontology-grid article {
    min-height: 250px;
    padding: 5vw;
  }
  .zoro-elements h3,
  .ontology-grid h3 {
    margin-top: 15vw;
    font-size: 28px;
  }
  .zoro-vision-chapter {
    height: auto;
  }
  .zoro-vision-stage {
    height: 82svh;
    min-height: 620px;
    position: relative;
  }
  .zoro-vision-stage > img {
    width: 100%;
    height: 100%;
    inset: 0;
    transform: none;
  }
  .zoro-vision-stage figcaption {
    width: auto;
    bottom: 8vh;
    left: 5vw;
    right: 8vw;
  }
  .zoro-vision-stage figcaption h2 {
    font-size: 14vw;
  }
  .zoro-vision-stage figcaption p {
    font-size: 16px;
  }
  .consensus-track {
    gap: 14vw;
    padding: 56vh 6vw 8vh;
  }
  .consensus-note {
    flex-basis: 78vw;
    width: 78vw;
  }
  .note-a,
  .note-b,
  .note-c {
    bottom: auto;
    left: auto;
    right: auto;
  }
  .note-b {
    margin-top: -4vh;
  }
  .note-c {
    margin-top: 2vh;
  }
  .cosmic-plurality {
    padding: 22vw 5vw;
  }
  .cosmic-plurality h2 {
    font-size: 14vw;
  }
  .cosmic-plurality p {
    margin-left: 0;
  }
  .world-section-nav {
    grid-template-columns: repeat(4, minmax(92px, 1fr));
    width: 100%;
    padding: 0;
  }
  .world-section-nav a {
    gap: 5px;
    font-size: 9px;
  }
  .world-section-nav a b {
    font-size: 9px;
  }
  .emergence-concept {
    grid-template-columns: 1fr;
    gap: 16vw;
    padding: 20vw 5vw;
  }
  .emergence-concept h2 {
    font-size: 13vw;
  }
  .emergence-concept-body {
    margin-top: 13vw;
  }
  .emergence-concept-body p,
  .emergence-concept-body p:first-child {
    font-size: 17px;
  }
  .emergence-concept-facts {
    margin-top: 0;
  }
  .emergence-concept-facts blockquote {
    font-size: 9vw;
  }
  .emergence-physics {
    padding: 20vw 5vw;
  }
  .emergence-physics-intro {
    grid-template-columns: 1fr;
    gap: 14vw;
  }
  .emergence-physics-intro header h2 {
    font-size: 14vw;
  }
  .emergence-physics header > p {
    font-size: 17px;
  }
  .emergence-physics-intro figure {
    height: 64svh;
    min-height: 480px;
  }
  .emergence-model {
    grid-template-columns: 1fr;
    margin-top: 18vw;
  }
  .emergence-model article,
  .emergence-model article + article {
    border-bottom: 1px solid #92c8d040;
    border-right: 0;
    min-height: 260px;
    padding: 8vw 0;
  }
  .emergence-model article:last-child {
    border-bottom: 0;
  }
  .emergence-model h3 {
    font-size: 10vw;
  }
  .emergence-operations {
    grid-template-columns: 1fr;
    gap: 12vw;
    margin-top: 22vw;
  }
  .emergence-operations header {
    position: relative;
    top: auto;
  }
  .emergence-operations header h3 {
    font-size: 11vw;
  }
  .emergence-operations summary {
    grid-template-columns: 1fr 34px;
    gap: 12px;
    min-height: 104px;
  }
  .emergence-operations summary > span {
    grid-column: 1/-1;
    font-size: 10px;
  }
  .emergence-operations summary strong {
    font-size: 21px;
  }
  .emergence-operations details p {
    padding: 0 0 8vw;
    font-size: 16px;
  }
  .emergenverse-experience .relational-passage {
    padding: 0 0 18vw;
  }
  .emergenverse-experience .relational-stage {
    aspect-ratio: auto;
    height: 64svh;
    min-height: 480px;
  }
  .emergenverse-experience .relational-stage > img {
    object-position: center;
  }
  .drift-image-track {
    width: 320vw;
  }
  .drift-image-track img {
    width: 160vw;
  }
  .drift-era-track {
    gap: 14vw;
    padding: 60vh 6vw 8vh;
  }
  .drift-era {
    flex-basis: 78vw;
    width: 78vw;
  }
  .era-one,
  .era-two,
  .era-three {
    bottom: auto;
    left: auto;
  }
  .era-two {
    margin-top: -5vh;
  }
  .era-three {
    margin-top: 2vh;
  }
  .steppe-track {
    width: 320vw;
  }
  .steppe-track img {
    width: 160vw;
  }
  .steppe-facts {
    width: auto;
    left: 5vw;
    right: 5vw;
  }
  .mongol-intimacy {
    grid-template-columns: 1fr;
    padding: 20vw 5vw;
  }
  .mongol-intimacy figure {
    height: 120vw;
  }
  .mongol-intimacy h2 {
    font-size: 13vw;
  }
  .anatomy-label {
    grid-template-columns: 24px auto 45px;
  }
  .label-one {
    top: 40%;
    right: 4vw;
  }
  .label-two {
    top: 57%;
    right: 4vw;
  }
  .label-three {
    bottom: 15%;
    right: 4vw;
  }
  .host-event {
    padding: 22vw 5vw;
  }
  .host-event h2 {
    font-size: 15vw;
  }
  .host-event p {
    margin-left: 0;
  }
  .host-pulse {
    width: 110vw;
    top: 30%;
    right: -55vw;
  }
  .horizontal-cue {
    max-width: 78vw;
    font-size: 9px;
    bottom: 4vw;
    right: 5vw;
  }
  .world-panel {
    position: relative;
    top: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .motion-root [data-reveal] {
    opacity: 1;
    transform: none;
  }
  .motion-root [data-parallax],
  .cube-object,
  .sacred-stage > img,
  .consensus-stage > img,
  .anatomy-stage > img {
    transform: none;
  }
  .apocrypha-track,
  .future-track,
  .consensus-track,
  .drift-era-track,
  .drift-image-track,
  .steppe-track {
    transform: none !important;
  }
  .bespoke-hero .hero-depth-image,
  .hero-motif,
  .host-pulse {
    animation: none;
  }
}
.wordmark-logo {
  object-fit: contain;
  width: 38px;
  height: 38px;
}
.is-inverted .wordmark-logo {
  background: #f6f0e2eb;
  border-radius: 2px;
  padding: 4px;
}
.cinematic-home {
  background: #0a0c16;
}
.home-journey {
  background: #080a11;
  height: 1000svh;
  position: relative;
}
.home-journey-viewport {
  color: #f4eee2;
  isolation: isolate;
  height: 100svh;
  position: sticky;
  top: 0;
  overflow: hidden;
}
.home-journey-viewport .site-header {
  z-index: 30;
  color: #f4eee2;
  background: linear-gradient(#05060c80, #0000);
  border-color: #f4eee240;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.journey-scene {
  z-index: -4;
  opacity: 0;
  will-change: opacity, transform;
  position: absolute;
  inset: -4%;
  transform: scale(1.075);
}
.journey-scene:first-child {
  opacity: 1;
}
.journey-scene img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.journey-scene-wash {
  background:
    linear-gradient(
      90deg,
      var(--scene-dark) 0%,
      var(--scene-dark) 54%,
      var(--scene-dark) 100%
    ),
    linear-gradient(0deg, var(--scene-dark), transparent 58%);
  position: absolute;
  inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .journey-scene-wash {
    background:
      linear-gradient(
        90deg,
        color-mix(in srgb, var(--scene-dark) 92%, transparent) 0%,
        color-mix(in srgb, var(--scene-dark) 42%, transparent) 54%,
        color-mix(in srgb, var(--scene-dark) 58%, transparent) 100%
      ),
      linear-gradient(
        0deg,
        color-mix(in srgb, var(--scene-dark) 88%, transparent),
        transparent 58%
      );
  }
}
.journey-near-future img {
  filter: saturate(0.72) contrast(1.08) brightness(0.98);
}
.journey-near-future .journey-scene-wash {
  background:
    linear-gradient(90deg, #031016f2 0%, #031016ad 34%, #0000 62%),
    linear-gradient(#0000 42%, #03101694);
}
.journey-near-future:after {
  content: "";
  pointer-events: none;
  mix-blend-mode: screen;
  background: linear-gradient(#0000 28%, #7de5ff17 48%, #0000 68%)
    100% -120%/36% 210% no-repeat;
  animation: 12s ease-in-out infinite alternate future-tower-drift;
  position: absolute;
  inset: 0;
}
@keyframes future-tower-drift {
  0% {
    opacity: 0.35;
    background-position: 100% -120%;
  }
  to {
    opacity: 0.82;
    background-position: 100% 170%;
  }
}
.journey-intro {
  z-index: 10;
  grid-template-columns: 1.35fr 0.65fr;
  align-items: end;
  gap: 2vw 6vw;
  transition: opacity 50ms linear;
  display: grid;
  position: absolute;
  bottom: 7vh;
  left: 4vw;
  right: 4vw;
}
.journey-intro > span {
  color: #e3c779;
  font: 11px var(--mono);
  letter-spacing: 0.18em;
  grid-column: 1/-1;
}
.journey-intro h1 {
  max-width: 1120px;
  font: 400 clamp(64px, 8.6vw, 138px) / 0.8 var(--serif);
  letter-spacing: -0.07em;
  text-shadow: 0 4px 35px #00000073;
  margin: 0;
}
.journey-intro p {
  max-width: 430px;
  font: italic clamp(22px, 2.1vw, 33px) / 1.2 var(--serif);
  align-self: center;
  margin: 0;
}
.journey-intro a {
  font: 11px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  border-top: 1px solid #f4eee2;
  grid-column: 2;
  justify-content: space-between;
  padding-top: 14px;
  display: flex;
}
.journey-world-copy {
  z-index: 8;
  opacity: 0;
  will-change: opacity, transform;
  position: absolute;
  bottom: 6vh;
  left: 4vw;
  right: 18vw;
}
.journey-world-copy > span {
  color: var(--journey-accent, #f2e4bd);
  font: 11px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  text-shadow: 0 2px 15px #000;
}
.journey-world-copy h2 {
  max-width: 1080px;
  font: 400 clamp(76px, 11vw, 170px) / 0.75 var(--serif);
  letter-spacing: -0.075em;
  text-shadow: 0 4px 35px #0006;
  margin: 1vw 0 1.8vw;
}
.journey-copy-apocrypha h2 {
  margin-bottom: 3.8vw;
}
.journey-copy-mongol-world h2 {
  max-width: none;
  margin-bottom: clamp(48px, 3.6vw, 72px);
  font-size: clamp(70px, 9.4vw, 148px);
  line-height: 0.84;
}
.journey-world-copy > p {
  font: italic 24px/1.25 var(--serif);
  margin: 0 0 2vw;
}
.journey-world-copy > a {
  min-width: 240px;
  font: 11px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  border-top: 1px solid;
  justify-content: space-between;
  padding: 12px 0;
  display: inline-flex;
}
.journey-world-copy > a b {
  font-size: 15px;
  font-weight: 400;
}
.journey-index {
  z-index: 12;
  flex-direction: column;
  gap: 12px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 3vw;
  transform: translateY(-50%);
}
.journey-index button {
  color: #f4eee27a;
  font: 8px var(--mono);
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  grid-template-columns: 28px 18px;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 3px 0;
  transition: color 0.25s;
  display: grid;
}
.journey-index i {
  transform-origin: 100%;
  background: currentColor;
  height: 1px;
  transition:
    transform 0.4s,
    color 0.4s;
}
.journey-index .is-active {
  color: #f4eee2;
}
.journey-index .is-active i {
  color: #e3c779;
  transform: scaleX(1.7);
}
:is(.journey-index button:hover, .journey-index button:focus-visible) {
  color: #fff;
  outline: none;
}
:is(.journey-index button:hover i, .journey-index button:focus-visible i) {
  color: #e3c779;
  transform: scaleX(1.35);
}
:is(
  .journey-index button.is-active:hover i,
  .journey-index button.is-active:focus-visible i
) {
  transform: scaleX(1.7);
}
.home-after {
  color: #101426;
  background: #eee8dc;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 8vw;
  padding: 12vw 4vw;
  display: grid;
}
.home-after-heading > span,
.home-work-shelf header > span,
.home-studio span {
  font: 9px var(--mono);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #73507f;
}
.home-after-heading h2 {
  font: 400 clamp(58px, 7.8vw, 120px) / 0.87 var(--serif);
  letter-spacing: -0.06em;
  margin: 3vw 0 0;
}
.home-after-heading h2 em {
  color: #73507f;
  font-weight: 400;
}
.home-after > p {
  align-self: end;
  margin: 0 0 6vw;
  font-size: 20px;
  line-height: 1.5;
}
.home-after > a {
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  border-top: 1px solid;
  grid-column: 2;
  justify-content: space-between;
  padding: 14px 0;
  display: flex;
}
.home-work-shelf {
  color: #eee8dc;
  background: #101426;
  padding: 10vw 4vw;
}
.home-work-shelf header {
  grid-template-columns: 0.7fr 2fr 0.5fr;
  align-items: start;
  margin-bottom: 6vw;
  display: grid;
}
.home-work-shelf header h2 {
  font: 400 clamp(58px, 7vw, 108px) / 0.86 var(--serif);
  letter-spacing: -0.06em;
  margin: 0;
}
.home-work-shelf header a {
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.13em;
  border-bottom: 1px solid;
  justify-self: end;
  padding-bottom: 8px;
}
.home-work-shelf > div {
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5vw;
  display: grid;
}
.home-work-shelf > div > a {
  display: block;
}
.home-work-shelf img {
  aspect-ratio: 0.78;
  object-fit: cover;
  filter: saturate(0.74) contrast(1.04);
  width: 100%;
  transition:
    filter 0.4s,
    transform 0.6s;
}
.home-work-shelf a:hover img {
  filter: saturate() contrast(1.06);
  transform: translateY(-5px);
}
.home-work-shelf a > span {
  color: #d9a7d2;
  font: 8px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.13em;
  border-top: 1px solid #eee8dc61;
  margin-top: 15px;
  padding-top: 10px;
  display: block;
}
.home-work-shelf h3 {
  font: 400 34px/1 var(--serif);
  margin: 18px 0 10px;
}
.home-work-shelf p {
  color: #eee8dca6;
  margin: 0;
  line-height: 1.45;
}
.home-studio {
  color: #11162b;
  background: #ddd0e4;
  grid-template-columns: 0.7fr 1.3fr;
  align-items: center;
  gap: 8vw;
  min-height: 90svh;
  padding: 10vw 7vw;
  display: grid;
}
.home-studio > img {
  width: min(430px, 100%);
}
.home-studio h2 {
  font: 400 clamp(64px, 8vw, 124px) / 0.84 var(--serif);
  letter-spacing: -0.065em;
  margin: 3vw 0;
}
.home-studio p {
  max-width: 560px;
  margin-left: 21vw;
  font-size: 20px;
  line-height: 1.5;
}
.home-about-link {
  width: min(360px, 100%);
  font: 12px var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-top: 1px solid;
  justify-content: space-between;
  margin: 44px 0 0 21vw;
  padding: 14px 0;
  display: flex;
}
.home-about-link b {
  font-size: 16px;
  font-weight: 400;
}
.about-page {
  color: #131927;
  background: #ebe5da;
  overflow: hidden;
}
.about-hero {
  color: #f5efe2;
  background: #080c15;
  min-height: 100svh;
  position: relative;
  overflow: hidden;
}
.about-hero .site-header {
  z-index: 5;
  background: linear-gradient(#04070dc2, #0000);
  position: relative;
}
.about-hero-gallery {
  background: #080c15;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  display: grid;
  position: absolute;
  inset: 0 0 0 46%;
}
.about-hero-gallery figure {
  margin: 0;
  position: relative;
  overflow: hidden;
}
.about-hero-gallery figure:nth-child(2n) {
  transform: translateY(7vh);
}
.about-hero-gallery img {
  object-fit: cover;
  filter: saturate(0.64) contrast(1.08);
  width: 100%;
  height: 100%;
  transition:
    transform 1.2s,
    filter 0.7s;
  transform: scale(1.06);
}
.about-hero:hover .about-hero-gallery img {
  filter: saturate(0.82) contrast(1.05);
  transform: scale(1);
}
.about-hero-wash {
  background:
    linear-gradient(90deg, #080c15 0% 39%, #080c15d6 53%, #080c151f 84%),
    linear-gradient(#0000 55%, #080c15bf);
  position: absolute;
  inset: 0;
}
.about-hero-copy {
  z-index: 2;
  width: min(950px, 74vw);
  position: absolute;
  bottom: 9vh;
  left: 4vw;
}
.about-hero-copy > span,
.about-origin header > span,
.about-chapter-intro > span,
.about-complexity-copy > span,
.about-principles header > span,
.about-close > span {
  font: 12px/1.4 var(--mono);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.about-hero-copy > span {
  color: #d5bb7b;
}
.about-hero-copy h1 {
  font: 400 clamp(78px, 10.8vw, 170px) / 0.78 var(--serif);
  letter-spacing: -0.07em;
  margin: 3vh 0 5vh;
}
.about-hero-copy h1 em {
  color: #d8bd78;
  margin-left: 12vw;
  font-weight: 400;
}
.about-hero-copy p {
  width: min(620px, 56vw);
  font: 400 clamp(19px, 1.55vw, 25px) / 1.48 var(--sans);
  margin: 0 0 0 26vw;
}
.about-descend {
  z-index: 3;
  width: 210px;
  font: 12px var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-top: 1px solid #f5efe2b3;
  justify-content: space-between;
  padding: 12px 0;
  display: flex;
  position: absolute;
  bottom: 4vh;
  right: 3.2vw;
}
.about-descend i {
  font: normal 18px var(--sans);
}
.about-origin {
  background: #ebe5da;
  padding: 12vw 4vw;
}
.about-origin header {
  grid-template-columns: 0.7fr 1.3fr;
  align-items: start;
  gap: 8vw;
  display: grid;
}
.about-origin header > span {
  color: #73507f;
}
.about-origin header p {
  max-width: 820px;
  font: 400 clamp(32px, 4.2vw, 66px) / 1.03 var(--serif);
  letter-spacing: -0.04em;
  margin: 0;
}
.about-origin blockquote {
  max-width: 1240px;
  font: italic 400 clamp(54px, 7.7vw, 118px) / 0.92 var(--serif);
  letter-spacing: -0.055em;
  margin: 14vw 0 7vw 12vw;
}
.about-origin-body {
  grid-template-columns: 1fr 1fr;
  gap: 4vw;
  margin-left: 45vw;
  display: grid;
}
.about-origin-body p {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
}
.about-chapters {
  color: #eee8dc;
  background: #111724;
  padding: 11vw 4vw 13vw;
}
.about-chapter-intro {
  grid-template-columns: 0.55fr 1.45fr;
  margin-bottom: 9vw;
  display: grid;
}
.about-chapter-intro > span {
  color: #d5bb7b;
}
.about-chapter-intro h2 {
  font: 400 clamp(66px, 8.5vw, 132px) / 0.84 var(--serif);
  letter-spacing: -0.065em;
  margin: 0;
}
.about-chapter-intro h2 em {
  color: #aebdd0;
  font-weight: 400;
}
.about-chapter-list {
  border-top: 1px solid #eee8dc4d;
}
.about-chapter-list article {
  border-bottom: 1px solid #eee8dc40;
  grid-template-columns: 0.18fr 0.72fr 1.1fr;
  gap: 3vw;
  min-height: 290px;
  padding: 42px 0;
  display: grid;
}
.about-chapter-list article > span {
  color: #d5bb7b;
  font: 12px var(--mono);
}
.about-chapter-list h3 {
  max-width: 11ch;
  font: 400 clamp(38px, 4vw, 62px) / 0.96 var(--serif);
  letter-spacing: -0.035em;
  margin: 0;
}
.about-chapter-list p {
  color: #eee8dce0;
  max-width: 670px;
  margin: 0;
  font-size: 19px;
  line-height: 1.6;
}
.about-complexity {
  color: #111724;
  background: #d8dfe4;
  grid-template-columns: 1fr 1fr;
  min-height: 110svh;
  display: grid;
}
.about-complexity-visual {
  background: #060b13;
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.about-complexity-visual:after {
  content: "";
  background: linear-gradient(#0000 45%, #060b13bf);
  position: absolute;
  inset: 0;
}
.about-complexity-visual img {
  object-fit: cover;
  filter: saturate(0.55) contrast(1.1);
  width: 100%;
  height: 100%;
}
.about-complexity-visual span {
  z-index: 2;
  color: #f2ebdd;
  font: 11px var(--mono);
  letter-spacing: 0.14em;
  background: #060b13ad;
  padding: 7px 9px;
  position: absolute;
}
.about-complexity-visual span:first-of-type {
  top: 16%;
  left: 7%;
}
.about-complexity-visual span:nth-of-type(2) {
  top: 34%;
  right: 9%;
}
.about-complexity-visual span:nth-of-type(3) {
  bottom: 27%;
  left: 20%;
}
.about-complexity-visual span:nth-of-type(4) {
  color: #d5bb7b;
  bottom: 10%;
  right: 10%;
}
.about-complexity-copy {
  align-self: center;
  padding: 10vw 7vw;
}
.about-complexity-copy > span {
  color: #73507f;
}
.about-complexity-copy h2 {
  font: 400 clamp(62px, 6.7vw, 108px) / 0.84 var(--serif);
  letter-spacing: -0.06em;
  margin: 4vw 0 2vw;
}
.about-complexity-copy .about-lede {
  font: italic 400 clamp(28px, 3vw, 46px) / 1.05 var(--serif);
  color: #73507f;
  margin: 0 0 6vw;
}
.about-complexity-copy > p:not(.about-lede) {
  max-width: 620px;
  margin: 0 0 24px;
  font-size: 18px;
  line-height: 1.62;
}
.about-complexity-copy strong {
  font: 400 clamp(27px, 2.7vw, 42px) / 1.1 var(--serif);
  border-top: 1px solid;
  margin-top: 5vw;
  padding-top: 20px;
  display: block;
}
.about-principles {
  background: #ebe5da;
  padding: 11vw 4vw 13vw;
}
.about-principles header {
  grid-template-columns: 0.55fr 1.45fr;
  margin-bottom: 8vw;
  display: grid;
}
.about-principles header > span {
  color: #73507f;
}
.about-principles h2 {
  font: 400 clamp(66px, 8vw, 124px) / 0.85 var(--serif);
  letter-spacing: -0.06em;
  margin: 0;
}
.about-principles > div {
  border-top: 1px solid;
  border-bottom: 1px solid;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.about-principles article {
  border-right: 1px solid #13192740;
  min-height: 330px;
  padding: 28px 2vw 32px 0;
}
.about-principles article + article {
  padding-left: 2vw;
}
.about-principles article:last-child {
  border-right: 0;
}
.about-principles article > span {
  color: #73507f;
  font: 12px var(--mono);
}
.about-principles h3 {
  font: 400 clamp(34px, 3.2vw, 52px) / 1 var(--serif);
  margin: 8vw 0 20px;
}
.about-principles p {
  max-width: 26ch;
  margin: 0;
  font-size: 17px;
  line-height: 1.5;
}
.about-close {
  color: #f4eee2;
  background: #080c15;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 92svh;
  padding: 8vw 4vw;
  display: flex;
  position: relative;
  overflow: hidden;
}
.about-close > img,
.about-close > div {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.about-close > img {
  filter: saturate(0.58) contrast(1.08);
}
.about-close > div {
  background:
    linear-gradient(90deg, #05080ef0, #05080e61 62%, #05080eb3),
    linear-gradient(#0000 30%, #05080ee6);
}
.about-close > :not(img):not(div) {
  z-index: 2;
  position: relative;
}
.about-close > span {
  color: #d5bb7b;
}
.about-close h2 {
  max-width: 1200px;
  font: 400 clamp(70px, 10vw, 154px) / 0.8 var(--serif);
  letter-spacing: -0.07em;
  margin: 3vw 0;
}
.about-close p {
  font: italic 400 clamp(25px, 2.4vw, 38px) var(--serif);
  margin: 0 0 4vw 36vw;
}
.about-close a {
  width: min(410px, 100%);
  font: 12px var(--mono);
  letter-spacing: 0.13em;
  text-transform: uppercase;
  border-top: 1px solid;
  justify-content: space-between;
  margin-left: 36vw;
  padding: 16px 0;
  display: flex;
}
@media (max-width: 800px) {
  .home-about-link {
    margin: 10vw 0 0;
  }
  .about-hero-gallery {
    opacity: 0.55;
    grid-template-columns: repeat(2, 1fr);
    inset: 0;
  }
  .about-hero-gallery figure:nth-child(2n) {
    transform: none;
  }
  .about-hero-gallery figure:nth-child(n + 3) {
    display: none;
  }
  .about-hero-wash {
    background: linear-gradient(#080c157a, #080c15db 40%, #080c15 100%);
  }
  .about-hero-copy {
    width: auto;
    bottom: 12vh;
    left: 5vw;
    right: 5vw;
  }
  .about-hero-copy h1 {
    margin: 5vw 0 8vw;
    font-size: 20vw;
  }
  .about-hero-copy h1 em {
    margin-left: 0;
  }
  .about-hero-copy p {
    width: 90%;
    margin: 0;
    font-size: 18px;
  }
  .about-descend {
    display: none;
  }
  .about-origin,
  .about-chapters,
  .about-principles {
    padding: 24vw 5vw;
  }
  .about-origin header,
  .about-chapter-intro,
  .about-principles header {
    grid-template-columns: 1fr;
    gap: 8vw;
  }
  .about-origin header p {
    font-size: 10vw;
  }
  .about-origin blockquote {
    margin: 24vw 0 16vw;
    font-size: 14vw;
  }
  .about-origin-body {
    grid-template-columns: 1fr;
    gap: 8vw;
    margin: 0;
  }
  .about-chapter-intro h2,
  .about-principles h2 {
    font-size: 16vw;
  }
  .about-chapter-list article {
    grid-template-columns: 0.18fr 1fr;
    min-height: 0;
    padding: 12vw 0;
  }
  .about-chapter-list h3,
  .about-chapter-list p {
    grid-column: 2;
  }
  .about-chapter-list h3 {
    margin-bottom: 7vw;
    font-size: 11vw;
  }
  .about-chapter-list p {
    font-size: 17px;
  }
  .about-complexity {
    grid-template-columns: 1fr;
  }
  .about-complexity-visual {
    min-height: 76svh;
  }
  .about-complexity-copy {
    padding: 22vw 5vw;
  }
  .about-complexity-copy h2 {
    font-size: 16vw;
  }
  .about-principles > div {
    grid-template-columns: 1fr 1fr;
  }
  .about-principles article {
    min-height: 250px;
    padding: 7vw 5vw 8vw 0;
  }
  .about-principles article:nth-child(2n) {
    border-right: 0;
    padding-left: 5vw;
  }
  .about-principles article:nth-child(-n + 2) {
    border-bottom: 1px solid #13192740;
  }
  .about-principles h3 {
    margin: 14vw 0 4vw;
    font-size: 9vw;
  }
  .about-close {
    min-height: 86svh;
    padding: 16vw 5vw;
  }
  .about-close h2 {
    margin: 8vw 0;
    font-size: 17vw;
  }
  .about-close p,
  .about-close a {
    margin-left: 0;
  }
  .about-close p {
    margin-bottom: 12vw;
  }
}
.world-timeline {
  z-index: 2;
  background: var(--world-dark);
  padding: 10vw 3.2vw 12vw;
  position: relative;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .world-timeline {
    background: color-mix(in srgb, var(--world-dark) 92%, #26324a);
  }
}
.world-timeline {
  color: var(--world-pale);
}
.world-timeline header {
  grid-template-columns: 0.5fr 1.5fr;
  margin-bottom: 8vw;
  display: grid;
}
.world-timeline header > span {
  color: var(--world-accent);
  font: 11px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.world-timeline header h2 {
  font: 400 clamp(58px, 8vw, 122px) / 0.86 var(--display);
  letter-spacing: -0.06em;
  margin: 0;
}
.world-timeline header h2 em {
  color: var(--world-accent);
  font-weight: 400;
}
.timeline-scroll-cue {
  width: max-content;
  color: var(--world-pale);
  margin: 0 0 22px auto;
}
@supports (color: color-mix(in lab, red, red)) {
  .timeline-scroll-cue {
    color: color-mix(in srgb, var(--world-pale) 72%, transparent);
  }
}
.timeline-scroll-cue {
  font: 10px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.13em;
}
.timeline-scroll-cue span {
  color: var(--world-accent);
  margin-left: 14px;
  font-size: 16px;
  display: inline-block;
}
.timeline-scroll {
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: var(--world-accent) var(--world-pale);
  margin: 0 -3.2vw;
  padding: 0 3.2vw 26px;
  scroll-padding-inline: 3.2vw;
  overflow: auto hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .timeline-scroll {
    scrollbar-color: var(--world-accent)
      color-mix(in srgb, var(--world-pale) 14%, transparent);
  }
}
.timeline-scroll:focus-visible {
  outline: 1px solid var(--world-accent);
  outline-offset: 8px;
}
.timeline-scroll::-webkit-scrollbar {
  height: 6px;
}
.timeline-scroll::-webkit-scrollbar-track {
  background: var(--world-pale);
}
@supports (color: color-mix(in lab, red, red)) {
  .timeline-scroll::-webkit-scrollbar-track {
    background: color-mix(in srgb, var(--world-pale) 14%, transparent);
  }
}
.timeline-scroll::-webkit-scrollbar-thumb {
  background: var(--world-accent);
}
.timeline-track {
  width: max-content;
  padding-right: 8vw;
  display: flex;
  position: relative;
}
.timeline-track:before {
  content: "";
  background: var(--world-pale);
  height: 1px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .timeline-track:before {
    background: color-mix(in srgb, var(--world-pale) 38%, transparent);
  }
}
.timeline-track article {
  border-right: 1px solid var(--world-pale);
  flex: 0 0 clamp(320px, 32vw, 520px);
  min-height: 360px;
  padding: 44px 2.5vw 32px 0;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .timeline-track article {
    border-right: 1px solid
      color-mix(in srgb, var(--world-pale) 32%, transparent);
  }
}
.timeline-track article {
  scroll-snap-align: start;
}
.timeline-track article + article {
  padding-left: 2.5vw;
}
.timeline-track article:last-child {
  border-right: 0;
}
.timeline-track article > i {
  border: 3px solid var(--world-dark);
  background: var(--world-accent);
  width: 15px;
  height: 15px;
  box-shadow: 0 0 0 1px var(--world-accent);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.timeline-track article + article > i {
  left: 2.5vw;
}
.timeline-track span {
  color: var(--world-accent);
}
@supports (color: color-mix(in lab, red, red)) {
  .timeline-track span {
    color: color-mix(in srgb, var(--world-accent) 72%, var(--world-pale));
  }
}
.timeline-track span {
  font: 600 12px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.13em;
}
.timeline-track b {
  float: right;
  color: var(--world-pale);
}
@supports (color: color-mix(in lab, red, red)) {
  .timeline-track b {
    color: color-mix(in srgb, var(--world-pale) 68%, transparent);
  }
}
.timeline-track b {
  font: 600 11px var(--mono);
}
.timeline-track h3 {
  color: var(--world-pale);
  font: 400 clamp(40px, 3.2vw, 54px) / 0.98 var(--display);
  letter-spacing: -0.025em;
  margin: clamp(54px, 5vw, 82px) 0 20px;
}
.timeline-track p {
  max-width: 32ch;
  color: var(--world-pale);
  margin: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .timeline-track p {
    color: color-mix(in srgb, var(--world-pale) 92%, transparent);
  }
}
.timeline-track p {
  font-size: 17px;
  line-height: 1.55;
}
.world-work-library {
  border-top: 1px solid var(--world-dark);
}
@supports (color: color-mix(in lab, red, red)) {
  .world-work-library {
    border-top: 1px solid color-mix(in srgb, var(--world-dark) 38%, transparent);
  }
}
.world-work-library details {
  border-bottom: 1px solid var(--world-dark);
}
@supports (color: color-mix(in lab, red, red)) {
  .world-work-library details {
    border-bottom: 1px solid
      color-mix(in srgb, var(--world-dark) 28%, transparent);
  }
}
.world-work-library summary {
  cursor: pointer;
  grid-template-columns: 0.18fr 1.15fr 0.5fr 44px;
  align-items: center;
  gap: 2vw;
  min-height: 178px;
  padding: 26px 0;
  list-style: none;
  display: grid;
}
.world-work-library summary::-webkit-details-marker {
  display: none;
}
.world-work-library summary > span,
.world-work-library small {
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.13em;
}
.world-work-library summary small {
  color: var(--world-dark);
}
@supports (color: color-mix(in lab, red, red)) {
  .world-work-library summary small {
    color: color-mix(in srgb, var(--world-dark) 65%, transparent);
  }
}
.world-work-library h3 {
  font: 400 clamp(34px, 4vw, 62px) / 0.95 var(--display);
  letter-spacing: -0.035em;
  margin: 8px 0 0;
}
.world-work-library summary em {
  font: normal 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.11em;
  justify-self: end;
}
.world-work-library summary > b {
  border: 1px solid;
  border-radius: 50%;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 22px;
  font-weight: 300;
  transition:
    transform 0.3s,
    background 0.3s;
  display: grid;
}
.world-work-library details[open] summary > b {
  background: var(--world-accent);
  transform: rotate(45deg);
}
.work-dossier {
  grid-template-columns: 1fr 0.8fr;
  gap: 3vw 8vw;
  padding: 0 4vw 5vw 18%;
  display: grid;
}
.work-dossier > p {
  max-width: 670px;
  font: 400 clamp(25px, 2.5vw, 38px) / 1.28 var(--display);
  margin: 0;
}
.work-dossier dl {
  border-top: 1px solid;
  margin: 0;
}
.work-dossier dl div {
  border-bottom: 1px solid var(--world-dark);
  justify-content: space-between;
  padding: 11px 0;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .work-dossier dl div {
    border-bottom: 1px solid
      color-mix(in srgb, var(--world-dark) 25%, transparent);
  }
}
.work-dossier dl div {
  font: 8px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.work-dossier dd {
  text-align: right;
  margin: 0;
}
.work-dossier > small {
  color: var(--world-dark);
  grid-column: 1/-1;
}
@supports (color: color-mix(in lab, red, red)) {
  .work-dossier > small {
    color: color-mix(in srgb, var(--world-dark) 60%, transparent);
  }
}
.collection-selector {
  background: var(--world-dark);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1px;
  margin-bottom: 24px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .collection-selector {
    background: color-mix(in srgb, var(--world-dark) 24%, transparent);
  }
}
.collection-selector {
  border: 1px solid var(--world-dark);
}
@supports (color: color-mix(in lab, red, red)) {
  .collection-selector {
    border: 1px solid color-mix(in srgb, var(--world-dark) 28%, transparent);
  }
}
.collection-selector button {
  text-align: left;
  background: var(--world-pale);
  min-height: 158px;
  color: var(--world-dark);
  cursor: pointer;
  border: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px;
  transition:
    background 0.25s,
    color 0.25s;
  display: flex;
}
.collection-selector button[aria-pressed="true"] {
  background: var(--world-dark);
  color: var(--world-pale);
}
.collection-selector button > span,
.collection-selector button > small {
  font: 10px/1.35 var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.collection-selector button > span {
  color: var(--world-accent);
}
@supports (color: color-mix(in lab, red, red)) {
  .collection-selector button > span {
    color: color-mix(in srgb, var(--world-accent) 75%, currentColor);
  }
}
.collection-selector button > strong {
  font: 400 clamp(27px, 2.4vw, 40px) / 0.95 var(--display);
  margin: auto 0 16px;
}
.book-catalog-shell {
  border: 1px solid var(--world-dark);
  grid-template-columns: minmax(330px, 0.78fr) minmax(0, 1.22fr);
  min-height: 620px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .book-catalog-shell {
    border: 1px solid color-mix(in srgb, var(--world-dark) 35%, transparent);
  }
}
.book-menu {
  background: var(--world-pale);
  padding: clamp(28px, 3vw, 48px);
}
@supports (color: color-mix(in lab, red, red)) {
  .book-menu {
    background: color-mix(in srgb, var(--world-pale) 91%, white);
  }
}
.book-menu header > span,
.book-focus-meta,
.book-menu button > span,
.book-focus dl,
.book-focus > small,
.book-empty-state > span,
.book-empty-menu {
  font: 10px/1.4 var(--mono);
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.book-menu header > span {
  color: var(--world-accent);
}
@supports (color: color-mix(in lab, red, red)) {
  .book-menu header > span {
    color: color-mix(in srgb, var(--world-accent) 70%, var(--world-dark));
  }
}
.book-menu header > span {
  font-weight: 700;
}
.book-menu header h3 {
  font: 400 clamp(38px, 3.7vw, 60px) / 0.92 var(--display);
  letter-spacing: -0.04em;
  margin: 18px 0;
}
.book-menu header p {
  max-width: 43ch;
  margin: 0;
  line-height: 1.55;
}
.book-menu > div {
  border-top: 1px solid var(--world-dark);
  margin-top: 46px;
}
@supports (color: color-mix(in lab, red, red)) {
  .book-menu > div {
    border-top: 1px solid color-mix(in srgb, var(--world-dark) 30%, transparent);
  }
}
.book-menu button {
  text-align: left;
  border: 0;
  border-bottom: 1px solid var(--world-dark);
  grid-template-columns: 0.26fr 1fr 28px;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 98px;
  padding: 16px 0;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .book-menu button {
    border-bottom: 1px solid
      color-mix(in srgb, var(--world-dark) 25%, transparent);
  }
}
.book-menu button {
  color: var(--world-dark);
  cursor: pointer;
  background: 0 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .book-menu button > span {
    color: color-mix(in srgb, var(--world-dark) 64%, transparent);
  }
}
.book-menu button > strong {
  font: 400 clamp(21px, 2vw, 30px) / 1 var(--display);
}
.book-menu button > i {
  font-size: 20px;
  font-style: normal;
  transition: transform 0.25s;
}
.book-menu button[aria-pressed="true"] > strong,
.book-menu button[aria-pressed="true"] > i {
  color: var(--world-accent);
}
@supports (color: color-mix(in lab, red, red)) {
  .book-menu button[aria-pressed="true"] > strong,
  .book-menu button[aria-pressed="true"] > i {
    color: color-mix(in srgb, var(--world-accent) 76%, var(--world-dark));
  }
}
.book-menu button[aria-pressed="true"] > i {
  transform: translate(5px);
}
.book-empty-menu {
  opacity: 0.58;
  border-top: 1px solid;
  margin-top: 48px;
  padding-top: 18px;
}
.book-focus {
  background: var(--world-dark);
  color: var(--world-pale);
  flex-direction: column;
  padding: clamp(38px, 5vw, 78px);
  display: flex;
}
.book-focus-meta {
  color: var(--world-accent);
  justify-content: space-between;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .book-focus-meta {
    color: color-mix(in srgb, var(--world-accent) 76%, var(--world-pale));
  }
}
.book-focus-meta {
  font-weight: 700;
}
.book-focus > h3 {
  max-width: 12ch;
  font: 400 clamp(58px, 6.5vw, 102px) / 0.84 var(--display);
  letter-spacing: -0.06em;
  margin: clamp(70px, 8vw, 128px) 0 28px;
}
.book-focus > p {
  max-width: 42ch;
  color: var(--world-pale);
  margin: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .book-focus > p {
    color: color-mix(in srgb, var(--world-pale) 88%, transparent);
  }
}
.book-focus > p {
  font-size: 20px;
  line-height: 1.55;
}
.book-focus dl {
  margin: auto 0 34px;
  padding-top: 60px;
}
.book-focus dl div {
  border-top: 1px solid var(--world-pale);
  justify-content: space-between;
  gap: 30px;
  padding: 13px 0;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .book-focus dl div {
    border-top: 1px solid color-mix(in srgb, var(--world-pale) 24%, transparent);
  }
}
.book-focus dd {
  text-align: right;
  margin: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .book-focus > small {
    color: color-mix(in srgb, var(--world-pale) 58%, transparent);
  }
}
.book-empty-state {
  margin: auto 0;
}
.book-empty-state > span {
  color: var(--world-accent);
}
.book-empty-state h3 {
  max-width: 10ch;
  font: 400 clamp(55px, 6vw, 92px) / 0.86 var(--display);
  letter-spacing: -0.055em;
  margin: 30px 0;
}
.book-empty-state p {
  max-width: 38ch;
  font-size: 19px;
  line-height: 1.55;
}
.deep-world .world-hero-meta {
  text-shadow:
    0 2px 14px #000,
    0 1px 2px #000;
  font-size: 11px;
}
.deep-world .world-hero-title > p {
  background: var(--world-dark);
  margin-bottom: 22px;
  padding: 7px 9px;
  display: inline-block;
}
@supports (color: color-mix(in lab, red, red)) {
  .deep-world .world-hero-title > p {
    background: color-mix(in srgb, var(--world-dark) 82%, transparent);
  }
}
.deep-world .world-hero-title > p {
  text-shadow: 0 1px 8px #000;
  font-size: 12px;
  line-height: 1.2;
}
.deep-world .world-hero-title blockquote {
  color: #fff9ed;
  text-shadow:
    0 2px 15px #000,
    0 1px 2px #000;
}
.deep-world .stage-caption > span,
.deep-world .cube-copy > span,
.deep-world .drift-title > span,
.deep-world .steppe-title > span,
.deep-world .anatomy-title > span,
.deep-world .consensus-title > span {
  text-shadow: 0 2px 14px #000;
  font-size: 11px;
  line-height: 1.3;
}
.deep-world .stage-caption h2,
.deep-world .cube-copy h2,
.deep-world .drift-title h2,
.deep-world .steppe-title h2,
.deep-world .anatomy-title h2,
.deep-world .consensus-title h2 {
  color: #fffaf0;
  text-shadow:
    0 3px 24px #000,
    0 1px 3px #000;
}
.future-stage .stage-caption {
  width: 37vw;
}
.future-stage .stage-caption h2 {
  font-size: clamp(52px, 5.8vw, 96px);
}
.future-stage .stage-caption small {
  color: #dff9ff;
  font: 11px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  text-shadow: 0 2px 12px #000;
  margin-top: 2vw;
  display: block;
}
.consensus-note,
.drift-era {
  background: var(--world-dark);
}
@supports (color: color-mix(in lab, red, red)) {
  .consensus-note,
  .drift-era {
    background: color-mix(in srgb, var(--world-dark) 94%, transparent);
  }
  .consensus-note p,
  .drift-era p {
    color: color-mix(in srgb, var(--world-pale) 90%, transparent);
  }
}
.world-work-library summary > span,
.world-work-library small {
  font-size: 11px;
}
.work-dossier dl div {
  font-size: 10px;
}
@media (max-width: 800px) {
  .site-header {
    grid-template-columns: 1fr auto;
    height: 70px;
    padding: 0 5vw;
  }
  .site-header nav {
    display: none;
  }
  .index-link {
    font-size: 9px;
  }
  .wordmark {
    letter-spacing: 0.08em;
    gap: 9px;
    font-size: 14px;
  }
  .wordmark-logo {
    width: 34px;
    height: 34px;
  }
  .home-journey {
    height: 950svh;
  }
  .journey-intro {
    display: block;
    bottom: 8vh;
    left: 5vw;
    right: 5vw;
  }
  .journey-intro > span {
    margin-bottom: 5vw;
    display: block;
  }
  .journey-intro h1 {
    font-size: 15vw;
    line-height: 0.84;
  }
  .journey-intro p {
    max-width: 82vw;
    margin: 7vw 0;
    font-size: 19px;
  }
  .journey-intro a {
    display: flex;
  }
  .journey-world-copy {
    bottom: 9vh;
    left: 5vw;
    right: 10vw;
  }
  .journey-world-copy h2 {
    margin: 4vw 0;
    font-size: 18vw;
  }
  .journey-copy-mongol-world h2 {
    margin-bottom: 10vw;
    font-size: 16vw;
    line-height: 0.9;
  }
  .journey-world-copy > p {
    margin-bottom: 7vw;
    font-size: 19px;
  }
  .journey-index {
    gap: 8px;
    top: 42%;
    right: 3vw;
  }
  .journey-index button {
    grid-template-columns: 13px 12px;
    font-size: 7px;
  }
  .home-after {
    grid-template-columns: 1fr;
    padding: 24vw 5vw;
  }
  .home-after-heading h2 {
    font-size: 14vw;
  }
  .home-after > p {
    margin: 8vw 0 0;
  }
  .home-after > a {
    grid-column: 1;
  }
  .home-work-shelf {
    padding: 22vw 5vw;
  }
  .home-work-shelf header {
    grid-template-columns: 1fr;
  }
  .home-work-shelf header h2 {
    margin: 5vw 0;
    font-size: 14vw;
  }
  .home-work-shelf header a {
    justify-self: start;
  }
  .home-work-shelf > div {
    grid-template-columns: 1fr 1fr;
    gap: 10vw 4vw;
    margin-top: 12vw;
  }
  .home-work-shelf h3 {
    font-size: 28px;
  }
  .home-work-shelf p {
    display: none;
  }
  .home-studio {
    grid-template-columns: 1fr;
    padding: 22vw 8vw;
  }
  .home-studio > img {
    width: 58vw;
    margin: auto;
  }
  .home-studio h2 {
    font-size: 15vw;
  }
  .home-studio p {
    margin-left: 0;
  }
  .world-timeline {
    padding: 22vw 5vw;
  }
  .world-timeline header {
    grid-template-columns: 1fr;
    gap: 8vw;
  }
  .world-timeline header h2 {
    font-size: 14vw;
  }
  .timeline-scroll-cue {
    margin: 12vw 0 18px;
    font-size: 9px;
  }
  .timeline-scroll {
    margin: 0 -5vw;
    padding: 0 5vw 22px;
    scroll-padding-inline: 5vw;
  }
  .timeline-track {
    padding-right: 12vw;
  }
  .timeline-track article,
  .timeline-track article + article {
    border-right: 1px solid var(--world-pale);
    flex-basis: 82vw;
    min-height: 330px;
    padding: 40px 7vw 28px 0;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .timeline-track article,
    .timeline-track article + article {
      border-right: 1px solid
        color-mix(in srgb, var(--world-pale) 32%, transparent);
    }
  }
  .timeline-track article + article {
    padding-left: 7vw;
  }
  .timeline-track article > i {
    left: 0;
  }
  .timeline-track article + article > i {
    left: 7vw;
  }
  .timeline-track span {
    font-size: 11px;
  }
  .timeline-track h3 {
    margin: 56px 0 18px;
    font-size: 40px;
  }
  .timeline-track p {
    font-size: 16px;
  }
  .world-work-library summary {
    grid-template-columns: 0.15fr 1fr 42px;
    min-height: 145px;
  }
  .world-work-library summary em {
    display: none;
  }
  .world-work-library h3 {
    font-size: 9vw;
  }
  .work-dossier {
    grid-template-columns: 1fr;
    padding: 0 0 12vw 15%;
  }
  .work-dossier > p {
    font-size: 24px;
  }
  .collection-selector {
    scroll-snap-type: x proximity;
    display: flex;
    overflow-x: auto;
  }
  .collection-selector button {
    scroll-snap-align: start;
    flex: 0 0 78vw;
  }
  .book-catalog-shell {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .book-menu {
    padding: 10vw 6vw;
  }
  .book-menu button {
    grid-template-columns: 0.28fr 1fr 24px;
  }
  .book-focus {
    min-height: 620px;
    padding: 12vw 7vw;
  }
  .book-focus > h3 {
    margin: 24vw 0 7vw;
    font-size: 15vw;
  }
  .book-focus > p {
    font-size: 18px;
  }
  .book-focus dl {
    padding-top: 20vw;
  }
}
@media (max-width: 1000px) and (min-width: 801px) {
  .journey-intro {
    grid-template-columns: 1fr;
  }
  .journey-intro h1 {
    max-width: 92vw;
    font-size: 9.5vw;
  }
  .journey-intro p {
    margin-top: 2vw;
  }
  .journey-intro a {
    grid-column: 1;
    width: 38vw;
  }
  .future-stage .stage-caption {
    width: 42vw;
  }
  .future-track {
    padding-left: 44vw;
    padding-right: 4vw;
    left: 0;
    right: auto;
  }
}
.apocrypha-archive-gateway {
  color: #f5ead1;
  background: #15100d;
  grid-template-columns: 1.08fr 0.92fr;
  align-items: end;
  gap: 8vw;
  min-height: 100svh;
  padding: 9vw 5vw 5vw;
  display: grid;
  position: relative;
  overflow: hidden;
}
.apocrypha-archive-gateway > figure,
.archive-gateway-wash {
  margin: 0;
  position: absolute;
  inset: 0;
}
.apocrypha-archive-gateway > figure img {
  object-fit: cover;
  filter: saturate(0.72) contrast(1.08);
  width: 100%;
  height: 100%;
}
.archive-gateway-wash {
  background:
    linear-gradient(
      90deg,
      #120b08f5 0%,
      #120b08c2 48%,
      #120b0861 76%,
      #120b08b8
    ),
    linear-gradient(#0000 42%, #160e0a 100%);
}
.apocrypha-archive-gateway > header,
.apocrypha-archive-gateway > nav {
  z-index: 2;
  position: relative;
}
.apocrypha-archive-gateway > header > span,
.apocrypha-archive-gateway nav span {
  color: #d6b753;
  font: 600 11px/1.4 var(--mono);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.apocrypha-archive-gateway h2 {
  max-width: 760px;
  font: 400 clamp(72px, 8.4vw, 136px) / 0.78 var(--display, var(--serif));
  letter-spacing: -0.065em;
  margin: 26px 0;
}
.apocrypha-archive-gateway h2 em {
  font-weight: 400;
}
.apocrypha-archive-gateway header p {
  color: #f5ead1db;
  max-width: 42ch;
  margin: 0 0 42px;
  font-size: 19px;
  line-height: 1.55;
}
.apocrypha-archive-gateway header > a {
  width: min(420px, 100%);
  font: 600 11px var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-top: 1px solid #d6b753;
  border-bottom: 1px solid #f5ead15c;
  justify-content: space-between;
  padding: 17px 0;
  display: flex;
}
.apocrypha-archive-gateway > nav {
  border-top: 1px solid #f5ead15c;
  align-self: end;
}
.apocrypha-archive-gateway > nav a {
  border-bottom: 1px solid #f5ead13d;
  grid-template-columns: 72px 1fr 24px;
  align-items: center;
  min-height: 76px;
  padding: 0 2px;
  transition:
    padding 0.25s,
    background 0.25s;
  display: grid;
}
.apocrypha-archive-gateway > nav a:hover {
  background: #d6b7531a;
  padding: 0 12px;
}
.apocrypha-archive-gateway nav strong {
  font: 400 26px var(--display, var(--serif));
}
.apocrypha-archive-gateway nav i {
  font-style: normal;
}
.book-focus-archive-link {
  border-top: 1px solid var(--world-accent);
  justify-content: space-between;
  margin-top: 22px;
  padding: 16px 0;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .book-focus-archive-link {
    border-top: 1px solid
      color-mix(in srgb, var(--world-accent) 72%, transparent);
  }
}
.book-focus-archive-link {
  border-bottom: 1px solid var(--world-pale);
}
@supports (color: color-mix(in lab, red, red)) {
  .book-focus-archive-link {
    border-bottom: 1px solid
      color-mix(in srgb, var(--world-pale) 24%, transparent);
  }
}
.book-focus-archive-link {
  color: var(--world-pale);
  font: 600 10px var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.apocrypha-archive-page {
  --archive-ink: #1b120e;
  --archive-paper: #eee2c7;
  --archive-gold: #d8b851;
  --archive-red: #9c3328;
  min-height: 100vh;
  color: var(--archive-ink);
  background: var(--archive-paper);
  overflow: hidden;
}
.apocrypha-archive-page .site-header {
  --line: #f4e8cc47;
  z-index: 30;
  color: #f4e8cc;
  text-shadow: 0 2px 12px #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.apocrypha-archive-page .site-header.is-inverted {
  border-color: #f4e8cc47;
}
.apocrypha-archive-nav {
  z-index: 29;
  color: #f4e8cc;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #100a0861;
  border-bottom: 1px solid #f4e8cc40;
  justify-content: flex-end;
  align-items: stretch;
  gap: 0;
  height: 54px;
  padding: 0 3.2vw;
  display: flex;
  position: absolute;
  top: 82px;
  left: 0;
  right: 0;
}
.apocrypha-archive-nav a {
  font: 600 9px var(--mono);
  letter-spacing: 0.13em;
  text-transform: uppercase;
  border-left: 1px solid #f4e8cc29;
  place-items: center;
  padding: 0 18px;
  transition:
    color 0.25s,
    background 0.25s;
  display: grid;
}
.apocrypha-archive-nav a:hover,
.apocrypha-archive-nav a.is-active {
  color: #1c120d;
  background: var(--archive-gold);
}
.apocrypha-archive-hero {
  color: #f4e8cc;
  background: #160f0c;
  min-height: 100svh;
  position: relative;
  overflow: hidden;
}
.apocrypha-archive-hero > img {
  object-fit: cover;
  object-position: center 24%;
  filter: saturate(0.76) contrast(1.1);
  width: 100%;
  height: 100%;
  animation: 18s ease-in-out infinite alternate archive-breathe;
  position: absolute;
  inset: 0;
}
@keyframes archive-breathe {
  0% {
    transform: scale(1.01);
  }
  to {
    transform: scale(1.07) translate(-1.2%, 0.5%);
  }
}
.apocrypha-archive-wash {
  background:
    linear-gradient(90deg, #120a07f5 0%, #120a07b8 46%, #120a0733 75%),
    linear-gradient(#0000 38%, #120a07f0);
  position: absolute;
  inset: 0;
}
.apocrypha-archive-title {
  z-index: 3;
  width: min(850px, 72vw);
  position: absolute;
  bottom: 6vw;
  left: 5vw;
}
.apocrypha-archive-title > span,
.reading-room-heading > span,
.book-dossier-title > span,
.apocrypha-archive-map header > span,
.apocrypha-book-spine header > span,
.book-dossier-index header > span {
  color: var(--archive-gold);
  font: 600 11px/1.4 var(--mono);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.apocrypha-archive-title h1 {
  font: 400 clamp(76px, 9.6vw, 150px) / 0.78 var(--serif);
  letter-spacing: -0.068em;
  margin: 28px 0 34px;
}
.apocrypha-archive-title h1 em {
  font-weight: 400;
}
.apocrypha-archive-title p {
  color: #f4e8cce6;
  border-top: 1px solid #f4e8cc85;
  width: min(570px, 68vw);
  margin: 0 0 0 18vw;
  padding-top: 18px;
  font-size: 19px;
  line-height: 1.55;
}
.apocrypha-archive-sigil {
  z-index: 2;
  aspect-ratio: 1;
  width: 25vw;
  color: var(--archive-gold);
  opacity: 0.55;
  place-items: center;
  display: grid;
  position: absolute;
  top: 32%;
  right: 6vw;
}
.apocrypha-archive-sigil i {
  border: 1px solid;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}
.apocrypha-archive-sigil i:nth-child(2) {
  border-radius: 0;
  inset: 14%;
  transform: rotate(45deg);
}
.apocrypha-archive-sigil i:nth-child(3) {
  border-style: dashed;
  animation: 24s linear infinite archive-rotate;
  inset: 27%;
}
.apocrypha-archive-sigil b {
  font: 400 8vw var(--serif);
}
@keyframes archive-rotate {
  to {
    transform: rotate(360deg);
  }
}
.apocrypha-archive-map {
  background: var(--archive-paper);
  padding: 10vw 5vw 12vw;
}
.apocrypha-archive-map > header {
  grid-template-columns: 0.7fr 1.3fr;
  gap: 4vw;
  margin-bottom: 6vw;
  display: grid;
}
.apocrypha-archive-map h2,
.apocrypha-book-spine h2,
.book-dossier-index h2 {
  font: 400 clamp(58px, 7vw, 112px) / 0.88 var(--serif);
  letter-spacing: -0.055em;
  margin: 0;
}
.apocrypha-archive-map h2 em,
.apocrypha-book-spine h2 em,
.book-dossier-index h2 em {
  font-weight: 400;
}
.archive-map-grid {
  background: #1b120e52;
  border: 1px solid #1b120e59;
  grid-template-columns: repeat(12, 1fr);
  gap: 1px;
  display: grid;
}
.archive-map-card {
  background: #f4e8cc;
  flex-direction: column;
  min-height: 440px;
  padding: 34px;
  transition:
    transform 0.35s,
    background 0.35s,
    color 0.35s;
  display: flex;
  position: relative;
  overflow: hidden;
}
.archive-map-card:hover {
  z-index: 2;
  background: var(--archive-ink);
  color: #f4e8cc;
  transform: translateY(-8px);
}
.archive-map-card > span {
  z-index: 1;
  color: var(--archive-red);
  font: 600 10px var(--mono);
  letter-spacing: 0.13em;
  text-transform: uppercase;
  position: relative;
}
.archive-map-card:hover > span {
  color: var(--archive-gold);
}
.archive-map-card > strong {
  z-index: 1;
  max-width: 14ch;
  font: 400 clamp(38px, 4.3vw, 68px) / 0.9 var(--serif);
  letter-spacing: -0.045em;
  margin: auto 0 26px;
  position: relative;
}
.archive-map-card > p {
  z-index: 1;
  max-width: 48ch;
  margin: 0 0 40px;
  line-height: 1.5;
  position: relative;
}
.archive-map-card > i {
  z-index: 1;
  font: normal 600 9px var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-top: 1px solid;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 14px;
  display: flex;
  position: relative;
}
.archive-map-card > em {
  color: #9c332812;
  font: 400 18vw var(--serif);
  font-style: normal;
  position: absolute;
  bottom: -0.22em;
  right: -0.02em;
}
.archive-card-books {
  grid-column: span 7;
}
.archive-card-characters {
  grid-column: span 5;
}
.archive-card-places {
  grid-column: span 4;
}
.archive-card-history {
  grid-column: span 8;
}
.archive-card-plot {
  grid-column: span 12;
  min-height: 330px;
}
.archive-card-history,
.archive-card-plot {
  background: #d8c69f;
}
.apocrypha-book-spine {
  color: #f4e8cc;
  background: #1b120e;
  padding: 10vw 5vw 12vw;
}
.apocrypha-book-spine > header {
  grid-template-columns: 0.7fr 1.3fr;
  gap: 4vw;
  margin-bottom: 7vw;
  display: grid;
}
.apocrypha-book-spine > div {
  border-top: 1px solid #f4e8cc57;
}
.apocrypha-book-spine > div > a {
  border-bottom: 1px solid #f4e8cc38;
  grid-template-columns: 0.18fr 1.2fr 0.4fr 0.35fr;
  align-items: center;
  gap: 2vw;
  min-height: 136px;
  transition:
    padding 0.3s,
    background 0.3s;
  display: grid;
}
.apocrypha-book-spine > div > a:hover {
  background: #d8b8511a;
  padding: 0 22px;
}
.apocrypha-book-spine a > span,
.apocrypha-book-spine a > small,
.apocrypha-book-spine a > i {
  color: #f4e8ccad;
  font: normal 600 9px var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.apocrypha-book-spine a > strong {
  font: 400 clamp(30px, 3.7vw, 58px) / 0.96 var(--serif);
}
.apocrypha-book-spine a > i {
  color: var(--archive-gold);
  justify-self: end;
}
.reading-room-hero {
  color: #f4e8cc;
  background: #1b120e;
  align-items: flex-end;
  min-height: 82svh;
  padding: 20vw 5vw 6vw;
  display: flex;
  position: relative;
  overflow: hidden;
}
.reading-room-image {
  position: absolute;
  inset: 0;
}
.reading-room-image img {
  object-fit: cover;
  filter: saturate(0.58) contrast(1.12);
  width: 100%;
  height: 100%;
}
.reading-room-image:after {
  content: "";
  background:
    linear-gradient(90deg, #1b120e 0%, #1b120edb 48%, #1b120e3d),
    linear-gradient(#0000 45%, #1b120e 100%);
  position: absolute;
  inset: 0;
}
.reading-room-heading {
  z-index: 3;
  width: min(920px, 78vw);
  position: relative;
}
.reading-room-heading h1 {
  max-width: 12ch;
  font: 400 clamp(68px, 9vw, 138px) / 0.82 var(--serif);
  letter-spacing: -0.065em;
  margin: 25px 0 30px;
}
.reading-room-heading p {
  border-top: 1px solid #f4e8cc6b;
  max-width: 54ch;
  margin: 0 0 0 20vw;
  padding-top: 16px;
  font-size: 19px;
  line-height: 1.55;
}
.reading-room-folio {
  z-index: 2;
  color: #d8b85129;
  font: 400 34vw/0.8 var(--serif);
  position: absolute;
  bottom: -0.16em;
  right: 5vw;
}
.reading-room-ledger {
  background: var(--archive-paper);
  grid-template-columns: 1fr 1fr;
  padding: 0 5vw 12vw;
  display: grid;
}
.reading-room-ledger > a,
.reading-room-ledger > article {
  border-bottom: 1px solid #1b120e4d;
  grid-template-rows: auto 1fr auto auto;
  grid-template-columns: 1fr auto;
  min-height: 420px;
  padding: 55px 4vw 44px;
  display: grid;
  position: relative;
}
.reading-room-ledger > :nth-child(odd) {
  border-right: 1px solid #1b120e4d;
  padding-left: 0;
}
.reading-room-ledger > :nth-child(2n) {
  padding-right: 0;
}
.reading-room-ledger span,
.reading-room-ledger b,
.reading-room-ledger small,
.reading-room-ledger i {
  font: normal 600 9px var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.reading-room-ledger span {
  color: var(--archive-red);
}
.reading-room-ledger b {
  opacity: 0.42;
}
.reading-room-ledger h2 {
  max-width: 12ch;
  font: 400 clamp(46px, 5.2vw, 80px) / 0.9 var(--serif);
  letter-spacing: -0.05em;
  grid-column: 1/-1;
  align-self: end;
  margin: 55px 0 24px;
}
.reading-room-ledger p {
  grid-column: 1/-1;
  max-width: 48ch;
  margin: 0 0 44px;
  font-size: 17px;
  line-height: 1.55;
}
.reading-room-ledger small {
  opacity: 0.55;
  align-self: end;
}
.reading-room-ledger i {
  color: var(--archive-red);
  justify-self: end;
}
.reading-room-ledger > a {
  transition:
    background 0.3s,
    padding 0.3s;
}
.reading-room-ledger > a:hover {
  background: #e2d2af;
}
.archive-return {
  color: #f4e8cc;
  background: #1b120e;
  grid-template-columns: 0.7fr 1.3fr;
  padding: 7vw 5vw;
  display: grid;
}
.archive-return > span {
  color: var(--archive-gold);
  font: 600 10px var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.archive-return > a {
  font: 400 clamp(30px, 3.4vw, 52px) var(--serif);
  border-top: 1px solid #f4e8cc66;
  border-bottom: 1px solid #f4e8cc66;
  justify-content: space-between;
  padding: 18px 0;
  display: flex;
}
.book-dossier-hero {
  color: #f4e8cc;
  background: #1b120e;
  align-items: flex-end;
  min-height: 100svh;
  padding: 22vw 5vw 6vw;
  display: flex;
  position: relative;
  overflow: hidden;
}
.book-dossier-hero > img,
.book-dossier-wash {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.book-dossier-hero > img {
  filter: saturate(0.54) contrast(1.12);
}
.book-dossier-wash {
  background:
    linear-gradient(90deg, #1b120ef7 0%, #1b120ec4 51%, #1b120e40),
    linear-gradient(#0000 40%, #1b120e);
}
.book-dossier-title {
  z-index: 3;
  width: min(1000px, 82vw);
  position: relative;
}
.book-dossier-title h1 {
  max-width: 11ch;
  font: 400 clamp(74px, 10vw, 156px) / 0.78 var(--serif);
  letter-spacing: -0.07em;
  margin: 28px 0;
}
.book-dossier-title p {
  border-top: 1px solid #f4e8cc80;
  max-width: 48ch;
  margin: 0 0 24px 19vw;
  padding-top: 16px;
  font-size: 19px;
  line-height: 1.55;
}
.book-dossier-title small {
  color: var(--archive-gold);
  font: 600 10px var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-left: 19vw;
}
.book-dossier-number {
  z-index: 2;
  color: #d8b85129;
  font: 400 32vw/0.8 var(--serif);
  position: absolute;
  bottom: -0.18em;
  right: -0.03em;
}
.book-dossier-index {
  padding: 11vw 5vw;
}
.book-dossier-index > header {
  grid-template-columns: 0.6fr 1.2fr 0.7fr;
  align-items: start;
  gap: 4vw;
  margin-bottom: 7vw;
  display: grid;
}
.book-dossier-index > header p {
  border-top: 1px solid;
  margin: 0;
  padding-top: 14px;
  font-size: 17px;
  line-height: 1.55;
}
.book-dossier-index > div {
  border-top: 1px solid #1b120e52;
  border-left: 1px solid #1b120e52;
  grid-template-columns: 1fr 1fr;
  display: grid;
}
.book-dossier-index > div > a {
  border-bottom: 1px solid #1b120e52;
  border-right: 1px solid #1b120e52;
  flex-direction: column;
  min-height: 330px;
  padding: 34px;
  transition:
    background 0.3s,
    color 0.3s;
  display: flex;
}
.book-dossier-index > div > a:hover {
  color: #f4e8cc;
  background: #1b120e;
}
.book-dossier-index a > span,
.book-dossier-index a > i {
  color: var(--archive-red);
  font: normal 600 10px var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.book-dossier-index a > strong {
  font: 400 clamp(38px, 4vw, 62px) / 0.92 var(--serif);
  margin: auto 0 22px;
}
.book-dossier-index a > p {
  max-width: 45ch;
  margin: 0 0 32px;
  line-height: 1.5;
}
.book-dossier-index a > i {
  margin-top: auto;
}
.book-dossier-pagination {
  color: #f4e8cc;
  background: #1b120e;
  border-top: 1px solid #f4e8cc33;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.book-dossier-pagination > a {
  border-right: 1px solid #f4e8cc33;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 260px;
  padding: 4vw 5vw;
  transition: background 0.3s;
  display: flex;
}
.book-dossier-pagination > a:hover {
  background: #d8b8511a;
}
.book-dossier-pagination > .pagination-previous {
  grid-column: 1;
}
.book-dossier-pagination > .pagination-index {
  text-align: center;
  align-items: center;
  grid-column: 2;
}
.book-dossier-pagination > .pagination-next {
  text-align: right;
  align-items: flex-end;
  grid-column: 3;
  border-right: 0;
}
.book-dossier-pagination span {
  color: var(--archive-gold);
  font: 600 9px var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.book-dossier-pagination strong {
  max-width: 14ch;
  font: 400 clamp(34px, 4vw, 62px) / 0.94 var(--serif);
  margin-top: 28px;
}
@media (prefers-reduced-motion: reduce) {
  .apocrypha-archive-hero > img,
  .apocrypha-archive-sigil i:nth-child(3) {
    animation: none;
  }
}
@media (max-width: 800px) {
  .apocrypha-archive-gateway {
    grid-template-columns: 1fr;
    gap: 14vw;
    min-height: auto;
    padding: 28vw 5vw 14vw;
  }
  .apocrypha-archive-gateway h2 {
    font-size: 18vw;
  }
  .apocrypha-archive-gateway header p {
    font-size: 17px;
  }
  .apocrypha-archive-gateway > nav a {
    grid-template-columns: 54px 1fr 20px;
  }
  .apocrypha-archive-nav {
    justify-content: flex-start;
    height: 50px;
    padding: 0;
    top: 70px;
    overflow-x: auto;
  }
  .apocrypha-archive-nav a {
    flex: none;
    padding: 0 16px;
  }
  .apocrypha-archive-hero {
    min-height: 94svh;
  }
  .apocrypha-archive-title {
    width: auto;
    bottom: 8vw;
    left: 5vw;
    right: 5vw;
  }
  .apocrypha-archive-title h1 {
    font-size: 17.5vw;
  }
  .apocrypha-archive-title p {
    width: auto;
    margin: 7vw 0 0;
    font-size: 17px;
  }
  .apocrypha-archive-sigil {
    width: 64vw;
    top: 23%;
    right: -18vw;
  }
  .apocrypha-archive-sigil b {
    font-size: 20vw;
  }
  .apocrypha-archive-map,
  .apocrypha-book-spine {
    padding: 22vw 5vw;
  }
  .apocrypha-archive-map > header,
  .apocrypha-book-spine > header {
    grid-template-columns: 1fr;
    gap: 8vw;
    margin-bottom: 14vw;
  }
  .apocrypha-archive-map h2,
  .apocrypha-book-spine h2,
  .book-dossier-index h2 {
    font-size: 14vw;
  }
  .archive-map-grid {
    grid-template-columns: 1fr;
  }
  .archive-map-card,
  .archive-card-books,
  .archive-card-characters,
  .archive-card-places,
  .archive-card-history,
  .archive-card-plot {
    grid-column: 1;
    min-height: 390px;
  }
  .archive-map-card > strong {
    font-size: 12vw;
  }
  .archive-map-card > em {
    font-size: 60vw;
  }
  .apocrypha-book-spine > div > a {
    grid-template-columns: 0.24fr 1fr 20px;
    min-height: 150px;
  }
  .apocrypha-book-spine a > strong {
    font-size: 8vw;
  }
  .apocrypha-book-spine a > small {
    display: none;
  }
  .apocrypha-book-spine a > i {
    font-size: 0;
  }
  .apocrypha-book-spine a > i:after {
    content: "↗";
    font-size: 14px;
  }
  .reading-room-hero {
    min-height: 82svh;
    padding: 45vw 5vw 10vw;
  }
  .reading-room-heading {
    width: 100%;
  }
  .reading-room-heading h1 {
    font-size: 16vw;
  }
  .reading-room-heading p {
    margin: 8vw 0 0;
    font-size: 17px;
  }
  .reading-room-folio {
    font-size: 70vw;
  }
  .reading-room-ledger {
    grid-template-columns: 1fr;
    padding: 0 5vw 20vw;
  }
  .reading-room-ledger > a,
  .reading-room-ledger > article {
    min-height: 390px;
    padding: 12vw 0;
    border-right: 0 !important;
  }
  .reading-room-ledger h2 {
    font-size: 12vw;
  }
  .archive-return {
    grid-template-columns: 1fr;
    gap: 9vw;
    padding: 16vw 5vw;
  }
  .archive-return > a {
    font-size: 8vw;
  }
  .book-dossier-hero {
    min-height: 92svh;
    padding: 48vw 5vw 10vw;
  }
  .book-dossier-title {
    width: 100%;
  }
  .book-dossier-title h1 {
    font-size: 17vw;
  }
  .book-dossier-title p,
  .book-dossier-title small {
    margin-left: 0;
  }
  .book-dossier-number {
    font-size: 70vw;
  }
  .book-dossier-index {
    padding: 22vw 5vw;
  }
  .book-dossier-index > header {
    grid-template-columns: 1fr;
    gap: 8vw;
  }
  .book-dossier-index > div {
    grid-template-columns: 1fr;
  }
  .book-dossier-index > div > a {
    min-height: 310px;
  }
  .book-dossier-pagination {
    grid-template-columns: 1fr;
  }
  .book-dossier-pagination > a {
    border-bottom: 1px solid #f4e8cc33;
    border-right: 0;
    min-height: 220px;
    padding: 12vw 5vw;
  }
  .book-dossier-pagination > .pagination-previous,
  .book-dossier-pagination > .pagination-index,
  .book-dossier-pagination > .pagination-next {
    text-align: left;
    align-items: flex-start;
    grid-column: 1;
  }
  .future-stage .stage-caption {
    width: 90vw;
  }
  .future-stage .stage-caption h2 {
    font-size: 12vw;
  }
  .future-track {
    gap: 5vw;
    width: max-content;
    height: 100%;
    padding: 34vh 5vw 8vh;
    top: 0;
    left: 0;
    right: auto;
  }
  .future-card {
    flex-basis: 90vw;
    grid-template-columns: 1fr;
    height: 58vh;
  }
  .future-card > img {
    height: 42%;
  }
  .future-card > div {
    padding: 6vw;
  }
  .future-card h3 {
    font-size: 10vw;
  }
  .human-card,
  .gaia-card {
    grid-template-columns: 0.38fr 1.62fr;
  }
  .journey-copy-apocrypha h2 {
    margin-bottom: 8vw;
  }
}
@media (prefers-reduced-motion: reduce) {
  .journey-scene {
    transition: none !important;
    transform: none !important;
  }
  .journey-intro {
    transform: none !important;
  }
  .future-hero:after,
  .journey-near-future:after {
    animation: none !important;
  }
  .apocrypha-scroll,
  .future-possibilities,
  .sacred-passage,
  .consensus-passage,
  .drift-passage,
  .steppe-passage {
    height: auto;
  }
  .apocrypha-stage,
  .future-stage,
  .sacred-stage,
  .consensus-stage,
  .drift-stage,
  .steppe-stage {
    scroll-snap-type: x proximity;
    height: 100svh;
    min-height: 680px;
    position: relative;
    overflow: auto hidden;
  }
  .apocrypha-track,
  .future-track,
  .consensus-track,
  .drift-era-track,
  .steppe-track {
    height: 100%;
    position: relative;
    transform: none !important;
  }
  .apocrypha-leaf,
  .future-card,
  .consensus-note,
  .drift-era {
    scroll-snap-align: center;
  }
  .sacred-stage {
    scroll-snap-type: none;
    align-content: end;
    gap: 52px;
    height: auto;
    min-height: 900px;
    padding: 160px 5vw 90px;
    display: grid;
    overflow: hidden;
  }
  .sacred-state {
    width: min(650px, 100%);
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    opacity: 1 !important;
    transform: none !important;
  }
  .lie-state {
    text-align: left;
  }
  .lie-state p {
    margin-left: 0;
  }
  .sacred-axis,
  .sacred-cue {
    display: none;
  }
  .future-track {
    padding: 34vh 5vw 8vh;
  }
  .future-card {
    height: 58vh;
  }
  .horizontal-cue {
    display: none;
  }
}
.index-link,
.kicker,
.section-label,
.world-signal,
.footer-meta,
.index-hero-note span,
.index-world-title span,
.filter-bar button,
.library-card-visual small,
.library-card-meta,
.journey-intro > span,
.journey-intro a,
.journey-world-copy > span,
.journey-world-copy > a,
.journey-index button,
.home-after-heading > span,
.home-work-shelf header > span,
.home-studio span,
.home-after > a,
.home-work-shelf header a,
.home-work-shelf a > span,
.premise-label,
.stage-caption > span,
.cube-copy > span,
.drift-title > span,
.steppe-title > span,
.anatomy-title > span,
.consensus-title > span,
.horizontal-cue,
.apocrypha-stage figcaption,
.future-card span,
.cube-face-list span,
.magic-ages header span,
.magic-ages b,
.sacred-copy span,
.zoro-elements span,
.consensus-note b,
.cosmic-plurality span,
.drift-era b,
.ontology-grid span,
.steppe-facts b,
.mongol-intimacy figcaption,
.mongol-intimacy span,
.anatomy-label,
.anatomy-scale,
.host-event > span,
.world-timeline header > span,
.timeline-scroll-cue,
.timeline-track span,
.timeline-track b,
.collection-selector button > span,
.collection-selector button > small,
.book-menu header > span,
.book-focus-meta,
.book-menu button > span,
.book-focus dl,
.book-focus > small,
.book-empty-state > span,
.book-empty-menu,
.bespoke-next > span,
.bespoke-next em,
.hero-descend,
.future-stage .stage-caption small {
  font-size: 12px;
  line-height: 1.4;
}
.journey-index button {
  color: #f4eee2c7;
}
.deep-world .site-header {
  text-shadow: 0 2px 12px #000000e6;
  background: linear-gradient(#00000061, #0000);
}
.deep-world .stage-caption > span,
.deep-world .cube-copy > span,
.deep-world .drift-title > span,
.deep-world .steppe-title > span,
.deep-world .anatomy-title > span,
.deep-world .consensus-title > span {
  color: var(--world-accent);
}
@supports (color: color-mix(in lab, red, red)) {
  .deep-world .stage-caption > span,
  .deep-world .cube-copy > span,
  .deep-world .drift-title > span,
  .deep-world .steppe-title > span,
  .deep-world .anatomy-title > span,
  .deep-world .consensus-title > span {
    color: color-mix(in srgb, var(--world-accent) 72%, var(--world-pale));
  }
}
.deep-world .stage-caption > span,
.deep-world .cube-copy > span,
.deep-world .drift-title > span,
.deep-world .steppe-title > span,
.deep-world .anatomy-title > span,
.deep-world .consensus-title > span {
  font-size: 12px;
}
.timeline-scroll-cue {
  color: var(--world-pale);
}
@supports (color: color-mix(in lab, red, red)) {
  .timeline-scroll-cue {
    color: color-mix(in srgb, var(--world-pale) 90%, transparent);
  }
}
.timeline-track b {
  color: var(--world-pale);
}
@supports (color: color-mix(in lab, red, red)) {
  .timeline-track b {
    color: color-mix(in srgb, var(--world-pale) 84%, transparent);
  }
}
.home-work-shelf p,
.dispatch-card p,
.library-card p {
  color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .home-work-shelf p,
  .dispatch-card p,
  .library-card p {
    color: color-mix(in srgb, currentColor 82%, transparent);
  }
}
.consensus-note p,
.drift-era p {
  color: var(--world-pale);
}
@supports (color: color-mix(in lab, red, red)) {
  .consensus-note p,
  .drift-era p {
    color: color-mix(in srgb, var(--world-pale) 90%, transparent);
  }
}
.collection-selector button > small {
  opacity: 0.84;
}
.book-menu button > span {
  color: var(--world-dark);
}
@supports (color: color-mix(in lab, red, red)) {
  .book-menu button > span {
    color: color-mix(in srgb, var(--world-dark) 78%, transparent);
  }
}
.book-focus > small {
  color: var(--world-pale);
}
@supports (color: color-mix(in lab, red, red)) {
  .book-focus > small {
    color: color-mix(in srgb, var(--world-pale) 78%, transparent);
  }
}
@media (max-width: 800px) {
  .emergenverse-experience .world-timeline {
    padding-top: 18vw;
    padding-bottom: 20vw;
  }
  .emergenverse-experience .world-timeline header {
    margin-bottom: 14vw;
  }
  .emergenverse-experience .world-timeline header h2 {
    font-size: 12vw;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}