:root {
  color-scheme: dark;
  --black: #070605;
  --charcoal: #12100e;
  --charcoal-2: #1b1713;
  --bone: #ded5c7;
  --muted: #9d9284;
  --bronze: #aa7440;
  --gold: #d0a765;
  --bright-gold: #f0cf91;
  --silver: #c8c9c5;
  --line: rgba(207, 166, 101, .24);
  --display: "Cormorant Garamond", Georgia, serif;
  --roman: "Cinzel", Georgia, serif;
  --body: "Montserrat", Arial, sans-serif;
}

@media (max-width: 900px) {
  .route-drakonis .drakonis-page { padding: 78px 0 0 !important; }
  .drakonis-page { display: block; overflow: visible; }
  .drakonis-copy { width: calc(100% - 40px); margin: 0 auto; padding: 30px 0 34px; }
  .drakonis-copy h1,
  .wound-hero-copy h1 { font-size: clamp(44px, 13.3vw, 66px); line-height: .82; white-space: nowrap; }
  .drakonis-hook,
  .wound-hero-copy > p { margin-top: 19px; font-size: clamp(27px, 8vw, 35px); }
  .drakonis-visual { position: relative; height: auto; margin: 0; }
  .drakonis-visual img { height: auto; aspect-ratio: 4 / 3; object-position: 52% 50%; }
  .drakonis-world-nav,
  .wound-world-nav { width: calc(100% - 40px); grid-template-columns: 1fr; margin: 42px auto 58px; }
  .drakonis-world-nav a,
  .wound-world-nav a { min-height: 82px; padding: 18px 20px; }
  .drakonis-world-nav a + a,
  .wound-world-nav a + a { align-items: flex-start; border-left: 0; border-top: 1px solid rgba(208,167,101,.22); text-align: left; }
  .wound-hero { padding-top: 30px; }
  .wound-summary { margin-top: 20px; }
  .wound-summary p { font-size: 16px; line-height: 1.62; }
  .wound-summary p + p { font-size: 25px; }
  .element-door-face { justify-content: flex-start; padding-top: 50px; }
}

/* Correction Pass 3 cascade lock */
.fire-depth-page, .water-depth-page, .earth-depth-page, .air-depth-page { background: #030303; }
.fire-depth-hero, .water-depth-hero, .earth-depth-hero, .air-depth-hero { min-height: 78svh; }
.fire-hero-copy, .water-hero-copy, .earth-hero-copy, .air-hero-copy { padding-top: 118px; padding-bottom: 58px; }
.fire-hero-visual, .water-hero-visual, .earth-hero-visual, .air-hero-visual { min-height: 560px; }
.fire-editorial-section, .water-editorial-section, .earth-editorial-section, .air-editorial-section { grid-template-columns: minmax(285px, .76fr) minmax(0, 1.24fr); gap: clamp(42px, 6vw, 88px); padding: clamp(58px, 6vw, 76px) 0; }
.fire-editorial-section h2, .fire-embodied > h2, .fire-places > h2,
.water-editorial-section h2, .water-embodied > h2, .water-places > h2,
.earth-editorial-section h2, .earth-embodied > h2, .earth-places > h2,
.air-editorial-section h2, .air-embodied > h2, .air-places > h2 { max-width: 12ch; font-size: clamp(34px, 4vw, 54px); line-height: .96; }
.fire-embodied, .water-embodied, .earth-embodied, .air-embodied { padding: clamp(66px, 7vw, 86px) 0; }
.fire-characters, .water-characters, .earth-characters, .air-characters { margin-top: 40px; }
.fire-characters article, .water-characters article, .earth-characters article, .air-characters article { padding-top: 32px; padding-bottom: 34px; }
.fire-characters p, .water-characters p, .earth-characters p, .air-characters p { margin-top: 19px; }
.fire-characters blockquote, .water-characters blockquote, .earth-characters blockquote, .air-characters blockquote { margin-top: 26px; }
.fire-places, .water-places, .earth-places, .air-places { padding-top: clamp(66px, 7vw, 86px); }
.fire-places > h2, .water-places > h2, .earth-places > h2, .air-places > h2 { margin-bottom: 42px; }
.fire-place, .water-place, .earth-place, .air-place { min-height: 420px; margin-bottom: 40px; }
.fire-place img, .water-place img, .earth-place img, .air-place img { min-height: 420px; }
.fire-place h3, .water-place h3, .earth-place h3, .air-place h3 { font-size: clamp(36px, 4.2vw, 58px); line-height: .9; }
.fire-place p, .water-place p, .earth-place p, .air-place p { margin-top: 18px; font-size: clamp(19px, 1.7vw, 24px); }
.fire-return-paths, .water-return-paths, .earth-return-paths, .air-return-paths { margin-top: 56px; }
.saga-page { padding-top: clamp(112px, 13vh, 136px) !important; background: linear-gradient(145deg, #050403, #0d0b09 48%, #050403); }
.saga-opening h1 { display: block; max-width: 1080px; margin: 0 auto; color: var(--bright-gold); font-family: var(--display); font-size: clamp(54px, 6.4vw, 88px); font-weight: 500; letter-spacing: -.018em; line-height: .86; text-align: center; text-transform: uppercase; text-shadow: 0 0 7px rgba(255,181,77,.28), 0 0 24px rgba(181,73,17,.14); }
.saga-statement { margin-top: 28px; }
.saga-intro { margin-top: 14px; }
.book-index { margin-top: clamp(36px, 5vh, 54px); }

@media (max-width: 900px) {
  .fire-depth-hero, .water-depth-hero, .earth-depth-hero, .air-depth-hero { min-height: auto; }
  .fire-hero-copy, .water-hero-copy, .earth-hero-copy, .air-hero-copy { padding-top: 112px; padding-bottom: 48px; }
  .fire-hero-visual, .water-hero-visual, .earth-hero-visual, .air-hero-visual { min-height: 400px; }
  .fire-editorial-section, .water-editorial-section, .earth-editorial-section, .air-editorial-section { grid-template-columns: 1fr; gap: 26px; padding: 58px 0; }
  .fire-editorial-section h2, .fire-embodied > h2, .fire-places > h2,
  .water-editorial-section h2, .water-embodied > h2, .water-places > h2,
  .earth-editorial-section h2, .earth-embodied > h2, .earth-places > h2,
  .air-editorial-section h2, .air-embodied > h2, .air-places > h2 { max-width: none; font-size: clamp(34px, 8vw, 48px); }
  .fire-place h3, .water-place h3, .earth-place h3, .air-place h3 { font-size: clamp(34px, 8.5vw, 48px); }
  .saga-opening h1 { font-size: clamp(48px, 10.5vw, 72px); line-height: .9; }
}

@media (max-width: 600px) {
  .fire-depth-content, .water-depth-content, .earth-depth-content, .air-depth-content { width: calc(100% - 36px); padding-bottom: 64px; }
  .fire-hero-visual, .water-hero-visual, .earth-hero-visual, .air-hero-visual { min-height: 300px; }
  .fire-editorial-section, .water-editorial-section, .earth-editorial-section, .air-editorial-section { padding: 52px 0; }
  .fire-editorial-section h2, .fire-embodied > h2, .fire-places > h2,
  .water-editorial-section h2, .water-embodied > h2, .water-places > h2,
  .earth-editorial-section h2, .earth-embodied > h2, .earth-places > h2,
  .air-editorial-section h2, .air-embodied > h2, .air-places > h2 { font-size: clamp(32px, 10.2vw, 43px); }
  .fire-embodied, .water-embodied, .earth-embodied, .air-embodied { padding: 58px 0; }
  .fire-places, .water-places, .earth-places, .air-places { padding-top: 58px; }
  .fire-place, .water-place, .earth-place, .air-place { margin-bottom: 32px; }
  .fire-place h3, .water-place h3, .earth-place h3, .air-place h3 { font-size: clamp(32px, 10vw, 44px); }
  .saga-page { padding-top: 108px !important; }
  .saga-opening h1 { font-size: clamp(42px, 12vw, 60px); line-height: .92; }
}

/* Dragon Lore + Get Aligned targeted layout corrections */
.secondary-destinations {
  width: min(980px, 100%);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2.2vw, 26px);
}

.secondary-destinations .secondary-destination {
  width: 100%;
  height: 100%;
  min-height: 108px;
  margin: 0;
}

.dragon-lore-hero {
  grid-template-columns: minmax(0, .92fr) minmax(400px, 1.08fr);
  align-items: start;
  gap: clamp(42px, 6vw, 88px);
}

.dragon-lore-hero-copy h1 {
  max-width: none;
  font-size: clamp(70px, 6.7vw, 96px);
  line-height: .82;
}

.dragon-lore-hero-copy h1 span {
  display: block;
  overflow-wrap: normal;
  word-break: keep-all;
  white-space: nowrap;
}

.dragon-lore-study {
  align-self: start;
  margin-top: 42px;
}

@media (max-width: 900px) {
  .dragon-lore-hero {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .dragon-lore-hero-copy h1 {
    font-size: clamp(62px, 15vw, 96px);
  }

  .dragon-lore-study {
    margin-top: 0;
  }
}

@media (max-width: 680px) {
  .secondary-destinations {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media (max-width: 600px) {
  .dragon-lore-hero-copy h1 {
    font-size: clamp(54px, 17.5vw, 78px);
  }
}

/* Dragon Lore refinement and Grand Market review build */
.secondary-destinations {
  position: relative;
  z-index: 2;
  width: min(980px, 100%);
  margin: clamp(16px, 2.2vw, 26px) auto 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2.2vw, 26px);
}
.secondary-destinations .secondary-destination {
  position: relative;
  display: flex;
  width: auto;
  min-height: 108px;
  margin: 0;
  padding: 22px 24px 20px;
  border: 1px solid rgba(177, 135, 60, 0.34);
  background: linear-gradient(135deg, rgba(18, 20, 20, 0.94), rgba(38, 31, 21, 0.94));
  color: var(--parchment);
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  text-align: left;
  transition: border-color .35s ease, transform .35s ease, background .35s ease;
}
.secondary-destinations .secondary-destination::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 45%, rgba(184, 140, 61, 0.08));
  pointer-events: none;
}
.secondary-destinations .secondary-destination:hover,
.secondary-destinations .secondary-destination:focus-visible {
  border-color: rgba(209, 172, 103, 0.72);
  transform: translateY(-2px);
}
.secondary-destinations .secondary-destination > span {
  position: relative;
  font-family: "Cinzel", serif;
  font-size: clamp(1.05rem, 1.65vw, 1.45rem);
  letter-spacing: .12em;
  color: var(--gold-bright);
}
.secondary-destinations .secondary-destination small {
  position: relative;
  margin-top: 7px;
  color: rgba(232, 220, 196, 0.72);
  font-size: .68rem;
  letter-spacing: .12em;
  text-align: left;
}
.grand-market-entry {
  border-color: rgba(208,167,101,.3);
  background: linear-gradient(105deg, rgba(31,24,17,.68), rgba(12,11,9,.62));
}
.grand-market-entry:hover,
.grand-market-entry:focus-visible {
  border-color: rgba(225,184,116,.54);
  background: linear-gradient(105deg, rgba(45,31,18,.78), rgba(15,13,10,.7));
}

.dragon-lore-index { padding: clamp(34px, 4.2vw, 58px) 0 clamp(72px, 8vw, 108px); }
.dragon-lore-doors { gap: clamp(14px, 1.5vw, 20px); }
.dragon-lore-door {
  position: relative;
  min-height: clamp(250px, 24vw, 310px);
  display: block;
  padding: 0;
  overflow: hidden;
  isolation: isolate;
}
.dragon-lore-door-link { color: inherit; }
.dragon-lore-door-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px, 3.6vw, 46px);
  transition: opacity .42s ease, transform .42s ease, visibility .42s ease;
}
.dragon-lore-door-front { opacity: 1; visibility: visible; transform: none; }
.dragon-lore-door-back { opacity: 0; visibility: hidden; transform: translateY(16px); background: radial-gradient(circle at 86% 8%, rgba(158,139,110,.09), transparent 38%); }
.dragon-lore-door:is(:hover, :focus, :focus-within) .dragon-lore-door-front { opacity: 0; visibility: hidden; transform: translateY(-14px); }
.dragon-lore-door:is(:hover, :focus, :focus-within) .dragon-lore-door-back { opacity: 1; visibility: visible; transform: none; }
.dragon-lore-door h2,
.dragon-lore-door-front h2,
.dragon-lore-door-back h2 { margin: 0; font-size: clamp(31px, 3.2vw, 46px); }
.dragon-lore-door .dragon-lore-question { margin: 16px 0 0; font-size: clamp(23px, 2.2vw, 31px); }
.dragon-lore-door .dragon-lore-description { margin: 16px 0 0; color: #aaa79f; font-size: 15px; line-height: 1.72; }
.dragon-lore-open { margin-top: 24px; color: #bba98f; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; }
.dragon-lore-open b { margin-left: 8px; font-weight: 400; }

.dragon-collection-page { min-height: 100svh; padding: 78px 0 94px; background: radial-gradient(circle at 72% 18%, rgba(132,118,95,.08), transparent 34%), #0a0b0a; }
.dragon-collection-header { padding: clamp(70px, 9vw, 126px) 0 clamp(42px, 5vw, 70px); border-bottom: 1px solid var(--lore-rule); }
.dragon-collection-header h1 { max-width: 950px; margin: 0; color: #e1dbd0; font-size: clamp(62px, 8.8vw, 126px); line-height: .8; letter-spacing: -.03em; text-transform: uppercase; }
.dragon-science-feature { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); align-items: center; gap: clamp(36px, 6vw, 86px); padding: clamp(54px, 7vw, 94px) 0; }
.dragon-science-feature figure { margin: 0; border: 1px solid var(--lore-rule); }
.dragon-science-feature img { width: 100%; display: block; aspect-ratio: 16 / 10; object-fit: cover; filter: saturate(.72) contrast(1.04); }
.dragon-science-feature h2 { margin: 0; color: #ddd7cc; font-size: clamp(40px, 5vw, 68px); line-height: .92; }
.dragon-science-feature a,
.dragon-collection-return a { min-height: 48px; display: inline-flex; align-items: center; margin-top: 30px; border-bottom: 1px solid rgba(190,172,144,.32); color: #c9b99f; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; }
.dragon-science-feature a span { margin-left: 12px; }
.dragon-collection-return { padding-top: 22px; border-top: 1px solid var(--lore-rule); }
.dragon-collection-return a { margin-top: 0; }

.grand-market-site { background: #070605; color: var(--bone); }
.grand-market-main { min-height: 100svh; overflow: hidden; }
.grand-market-container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.grand-market-hero { position: relative; min-height: clamp(410px, 55svh, 640px); display: grid; place-items: center; padding: 120px 24px 76px; overflow: hidden; background: radial-gradient(circle at 50% 72%, rgba(136,74,31,.14), transparent 38%), linear-gradient(145deg, #050403, #100c08 54%, #050403); text-align: center; }
.grand-market-hero h1 { position: relative; margin: 0; color: var(--bright-gold); font-size: clamp(62px, 9.2vw, 132px); line-height: .8; letter-spacing: -.03em; text-transform: uppercase; text-shadow: 0 0 28px rgba(164,80,25,.18); }
.market-embers { position: absolute; inset: 0; opacity: .22; pointer-events: none; background-image: radial-gradient(circle, rgba(245,175,88,.72) 0 1px, transparent 1.8px), radial-gradient(circle, rgba(156,82,34,.52) 0 1px, transparent 2px); background-size: 271px 329px, 431px 383px; animation: ember-lift 44s linear infinite; }
.market-category-section { padding: clamp(46px, 6vw, 76px) 0 34px; border-bottom: 1px solid var(--line); }
.market-categories { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px clamp(18px, 3vw, 42px); margin: 0; padding: 0; list-style: none; color: #bcae99; font-family: var(--display); font-size: clamp(20px, 2vw, 28px); }
.market-categories li { position: relative; }
.market-categories li:not(:last-child)::after { content: "·"; position: absolute; left: calc(100% + clamp(9px, 1.5vw, 21px)); color: rgba(208,167,101,.48); }
.market-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 26px); padding: clamp(48px, 7vw, 86px) 0; }
.market-product { border: 1px solid rgba(208,167,101,.2); background: linear-gradient(150deg, rgba(25,20,15,.7), rgba(9,8,7,.9)); }
.market-product-image { min-height: 260px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 46%, rgba(132,100,64,.08), transparent 36%), #0b0a08; border-bottom: 1px solid rgba(208,167,101,.15); }
.market-product-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.market-product-placeholder .market-product-image span { color: rgba(204,190,168,.32); font-family: var(--roman); font-size: 10px; letter-spacing: .22em; text-transform: uppercase; }
.market-product-copy { padding: 28px 26px 26px; }
.market-product-kicker { margin: 0; color: #8d795f; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; }
.market-product h2 { margin: 12px 0 0; color: #cfc3b1; font-size: clamp(27px, 2.6vw, 36px); line-height: 1; }
.market-product-copy > p:not(.market-product-kicker) { margin: 16px 0 0; color: #8f887e; font-size: 14px; line-height: 1.65; }
.market-product-meta { min-height: 48px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-top: 26px; padding-top: 18px; border-top: 1px solid rgba(208,167,101,.14); color: #7d7367; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.market-product-meta a { color: var(--bright-gold); }
.market-product[data-product-type="official"] { border-color: rgba(224,178,104,.5); }
.grand-market-return { padding: 0 0 82px; }
.grand-market-return a { min-height: 48px; display: inline-flex; align-items: center; border-bottom: 1px solid var(--line); color: var(--bright-gold); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; }

@media (max-width: 900px) {
  .secondary-destinations { width: min(640px, 100%); grid-template-columns: 1fr; gap: 14px; }
  .secondary-destinations .secondary-destination { min-height: 100px; }
  .dragon-lore-door-front { opacity: 0; visibility: hidden; transform: translateY(-12px); transition: none; }
  .dragon-lore-door-back { opacity: 1; visibility: visible; transform: none; transition: none; }
  .dragon-lore-door { min-height: 280px; }
  .dragon-lore-door-face { padding: 32px 28px; }
  .dragon-lore-door .dragon-lore-description { font-size: 15px; }
  .dragon-science-feature { grid-template-columns: 1fr; gap: 32px; }
  .market-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .secondary-destinations { margin-top: 12px; gap: 12px; }
  .secondary-destinations .secondary-destination { min-height: 96px; padding: 18px; }
  .dragon-lore-index { padding: 26px 0 66px; }
  .dragon-lore-door { min-height: 260px; }
  .dragon-lore-door h2,
  .dragon-lore-door-front h2,
  .dragon-lore-door-back h2 { font-size: 34px; }
  .dragon-collection-page { padding-bottom: 70px; }
  .dragon-collection-header { padding: 54px 0 38px; }
  .dragon-collection-header h1 { font-size: clamp(50px, 15.6vw, 70px); }
  .dragon-science-feature { padding: 42px 0 52px; }
  .dragon-science-feature h2 { font-size: 42px; }
  .grand-market-container { width: calc(100% - 36px); }
  .grand-market-hero { min-height: 390px; padding: 108px 18px 64px; }
  .grand-market-hero h1 { font-size: clamp(52px, 16vw, 72px); }
  .market-categories { gap: 12px 26px; font-size: 21px; }
  .market-categories li:not(:last-child)::after { left: calc(100% + 13px); }
  .market-product-grid { grid-template-columns: 1fr; padding: 42px 0 62px; }
  .market-product-image { min-height: 220px; }
  .grand-market-return { padding-bottom: 62px; }
}

/* Dragon Lore V1 — editorial sister experience */
.beyond-doctrine {
  position: relative;
  z-index: 2;
  width: min(980px, 100%);
  min-height: 92px;
  margin: clamp(16px, 2.2vw, 26px) auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px clamp(24px, 3vw, 38px);
  border: 1px solid rgba(190,184,170,.28);
  background: linear-gradient(105deg, rgba(30,30,28,.7), rgba(13,13,12,.58));
  color: #d7d1c5;
  overflow: hidden;
  transition: border-color .3s ease, background .3s ease, transform .3s ease;
}
.beyond-doctrine::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .34;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(216,209,195,.08) 52%, transparent);
  transform: translateX(-55%);
  transition: transform .55s ease;
}
.beyond-doctrine:hover,
.beyond-doctrine:focus-visible { border-color: rgba(217,210,195,.52); background: linear-gradient(105deg, rgba(37,37,34,.78), rgba(15,15,14,.68)); transform: translateY(-1px); }
.beyond-doctrine:hover::before,
.beyond-doctrine:focus-visible::before { transform: translateX(55%); }
.beyond-doctrine > span { position: relative; font-family: var(--display); font-size: clamp(25px, 2.5vw, 36px); line-height: 1; letter-spacing: .035em; text-transform: uppercase; }
.beyond-doctrine small { position: relative; color: #9f9a90; font-size: clamp(11px, 1vw, 13px); font-weight: 400; letter-spacing: .15em; line-height: 1.6; text-align: right; text-transform: uppercase; }
.beyond-doctrine small i { padding: 0 .32em; color: #81796e; font-style: normal; }

.dragon-lore-site {
  --lore-ink: #090a0a;
  --lore-charcoal: #111311;
  --lore-stone: #a9a79f;
  --lore-bone: #d9d3c7;
  --lore-paper: #c9bda9;
  --lore-metal: #9a8468;
  --lore-rule: rgba(203,196,181,.2);
  background: var(--lore-ink);
  color: var(--lore-bone);
}
.dragon-lore-site .masthead { border-color: rgba(204,197,183,.14); background: rgba(8,9,8,.965); }
.dragon-lore-site .brand-link { color: var(--bright-gold); }
.lore-brand-context { display: inline-flex; align-items: center; margin-left: 14px; color: #88857e; font-family: var(--body); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; }
.lore-brand-context::before { content: ""; width: 1px; height: 18px; margin-right: 14px; background: rgba(205,196,179,.24); }
.dragon-lore-main { overflow: hidden; }
.dragon-lore-container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.dragon-lore-eyebrow { margin: 0 0 18px; color: #a99b86; font-size: 12px; font-weight: 500; letter-spacing: .25em; text-transform: uppercase; }

.dragon-lore-hero { position: relative; min-height: min(860px, 92svh); display: grid; grid-template-columns: minmax(0, .94fr) minmax(420px, 1.06fr); align-items: center; gap: clamp(42px, 7vw, 104px); padding: 130px 0 74px; }
.dragon-lore-hero::after { content: ""; position: absolute; z-index: -2; inset: 0 -12vw; background: radial-gradient(circle at 16% 33%, rgba(137,126,107,.1), transparent 34%), linear-gradient(180deg, #080908, #0d0f0e); }
.dragon-lore-hero-copy h1 { max-width: 8ch; margin: 0; color: #e3ddd2; font-family: var(--display); font-size: clamp(70px, 9.2vw, 138px); font-weight: 500; letter-spacing: -.035em; line-height: .78; text-transform: uppercase; }
.dragon-lore-descriptor { margin: 26px 0 0; color: #a7a39a; font-size: 12px; letter-spacing: .18em; line-height: 1.8; text-transform: uppercase; }
.dragon-lore-hook { margin: clamp(34px, 5vh, 54px) 0 0; color: #d6c7b3; font-family: var(--display); font-size: clamp(33px, 3.8vw, 54px); line-height: 1.02; }
.dragon-lore-intro { max-width: 660px; margin: 20px 0 0; color: #aaa79f; font-size: 16px; line-height: 1.82; }
.dragon-lore-study { position: relative; margin: 0; border: 1px solid rgba(208,198,179,.17); background: #080908; box-shadow: 0 30px 75px rgba(0,0,0,.35); }
.dragon-lore-study::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), inset 0 -80px 100px rgba(0,0,0,.2); }
.dragon-lore-study img { width: 100%; height: clamp(390px, 48vw, 610px); display: block; object-fit: cover; filter: saturate(.72) contrast(1.04); }
.dragon-lore-study figcaption { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 18px 22px; background: linear-gradient(transparent, rgba(5,6,5,.9)); color: #aaa397; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; }

.dragon-lore-index { padding: clamp(82px, 9vw, 128px) 0; }
.dragon-lore-section-head { display: grid; grid-template-columns: .72fr 1.28fr; gap: 54px; align-items: end; margin-bottom: 46px; padding-bottom: 28px; border-bottom: 1px solid var(--lore-rule); }
.dragon-lore-section-head h2 { margin: 0; color: #ddd7cc; font-size: clamp(40px, 5vw, 66px); line-height: .9; }
.dragon-lore-section-head p { max-width: 620px; margin: 0; justify-self: end; color: #8f8d87; font-size: 15px; line-height: 1.75; }
.dragon-lore-doors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.dragon-lore-door { min-height: 430px; display: flex; flex-direction: column; padding: clamp(28px, 4vw, 48px); border: 1px solid var(--lore-rule); background: linear-gradient(145deg, rgba(28,30,28,.72), rgba(13,14,13,.88)); }
.dragon-lore-door.is-cornerstone { border-color: rgba(172,153,126,.45); background: radial-gradient(circle at 90% 10%, rgba(161,139,106,.1), transparent 36%), linear-gradient(145deg, rgba(34,34,31,.82), rgba(12,13,12,.9)); }
.dragon-lore-door-number { color: #6f706b; font-family: var(--roman); font-size: 11px; letter-spacing: .2em; }
.dragon-lore-door h2 { margin: 28px 0 0; color: #ddd8cf; font-size: clamp(34px, 3.9vw, 54px); line-height: .9; text-transform: uppercase; }
.dragon-lore-question { margin: 17px 0 0; color: #bcaa92; font-family: var(--display); font-size: clamp(24px, 2.5vw, 34px); line-height: 1.05; }
.dragon-lore-description { margin: 22px 0 0; color: #9f9d96; font-size: 15px; line-height: 1.75; }
.dragon-lore-future-list { margin: auto 0 0; padding: 30px 0 0; list-style: none; color: #777973; font-size: 11px; letter-spacing: .1em; line-height: 1.7; text-transform: uppercase; }
.dragon-lore-future-list li + li { margin-top: 5px; }
.cornerstone-link { margin-top: auto; padding-top: 30px; color: #d2c1a8; }
.cornerstone-link span { display: block; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; }
.cornerstone-link strong { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 8px; padding-top: 16px; border-top: 1px solid rgba(193,174,146,.24); font-family: var(--display); font-size: clamp(22px, 2.2vw, 30px); font-weight: 500; line-height: 1.05; }
.cornerstone-link:hover strong,
.cornerstone-link:focus-visible strong { color: #f0e2cc; }

.dragon-lore-coming { padding: 48px 0 86px; border-top: 1px solid var(--lore-rule); text-align: center; }
.dragon-lore-coming h2 { margin: 0; color: #99968e; font-family: var(--body); font-size: 11px; letter-spacing: .25em; text-transform: uppercase; }
.dragon-lore-coming p { margin: 18px 0 0; color: #cbc5ba; font-family: var(--display); font-size: clamp(22px, 2.6vw, 34px); line-height: 1.5; }

.dragon-threshold { position: relative; min-height: 540px; display: grid; place-items: center; padding: 96px 24px; overflow: hidden; text-align: center; background: #050403; }
.dragon-threshold::before { content: ""; position: absolute; inset: 0; opacity: .4; background: radial-gradient(circle at 50% 90%, rgba(152,74,22,.22), transparent 42%), radial-gradient(circle, rgba(255,177,81,.7) 0 1px, transparent 1.8px); background-size: auto, 263px 307px; }
.dragon-threshold-copy { position: relative; max-width: 760px; }
.dragon-threshold h2 { margin: 0; color: var(--bright-gold); font-size: clamp(46px, 6vw, 78px); line-height: .88; text-transform: uppercase; text-shadow: 0 0 24px rgba(176,84,23,.18); }
.dragon-threshold p:not(.dragon-lore-eyebrow) { margin: 25px 0 0; color: #d7c7b1; font-family: var(--display); font-size: clamp(26px, 3vw, 38px); line-height: 1.12; }
.dragon-threshold .threshold-cta { min-height: 52px; display: inline-flex; align-items: center; margin-top: 36px; padding: 0 24px; border: 1px solid rgba(221,172,95,.52); color: var(--bright-gold); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; transition: background .25s ease, color .25s ease; }
.dragon-threshold .threshold-cta:hover,
.dragon-threshold .threshold-cta:focus-visible { background: rgba(151,77,25,.18); color: #fff0d0; }

.dragon-article-page { padding-top: 78px; background: #0a0b0a; }
.dragon-article-header { padding: clamp(64px, 8vw, 112px) 0 46px; }
.dragon-article-header h1 { max-width: 1020px; margin: 0; color: #e1dbd0; font-size: clamp(58px, 8vw, 112px); line-height: .82; letter-spacing: -.03em; text-transform: uppercase; }
.dragon-article-dek { max-width: 780px; margin: 28px 0 0; color: #b8ad9e; font-family: var(--display); font-size: clamp(27px, 3vw, 40px); line-height: 1.12; }
.dragon-article-meta { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 28px; color: #84847f; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.dragon-article-hero { margin: 0; }
.dragon-article-hero img { width: 100%; max-height: 720px; display: block; object-fit: cover; filter: saturate(.72) contrast(1.04); }
.dragon-article-hero figcaption { padding: 12px 0; color: #777771; font-size: 11px; line-height: 1.5; }
.dragon-article-status { width: min(760px, calc(100% - 48px)); margin: clamp(62px, 8vw, 104px) auto; padding: 0 0 48px; border-bottom: 1px solid var(--lore-rule); }
.dragon-article-status h2 { margin: 0; color: #d9d3c8; font-size: clamp(36px, 4vw, 52px); }
.dragon-article-status p { margin: 18px 0 0; color: #a5a29a; font-size: 16px; line-height: 1.82; }
.dragon-article-status a { display: inline-flex; margin-top: 28px; color: #c9b99f; font-size: 11px; letter-spacing: .17em; text-transform: uppercase; }
.dragon-article-body { width: min(760px, calc(100% - 48px)); margin: 0 auto; color: #b8b4aa; }
.dragon-article-body h2 { margin: 74px 0 20px; color: #e0dbd1; font-size: clamp(38px, 4.4vw, 56px); line-height: .95; }
.dragon-article-body h3 { margin: 44px 0 14px; color: #cbc4b8; font-size: clamp(26px, 3vw, 36px); line-height: 1.05; }
.dragon-article-body p { margin: 0 0 24px; font-size: 17px; line-height: 1.88; }
.dragon-article-body figure { margin: 48px 0; }
.dragon-article-body figcaption { color: #777771; font-size: 12px; }
.dragon-article-references { margin-top: 72px; padding-top: 32px; border-top: 1px solid var(--lore-rule); }
.dragon-article-references ol { padding-left: 22px; color: #92918b; }

@media (max-width: 900px) {
  .beyond-doctrine { width: min(640px, 100%); flex-direction: column; align-items: flex-start; gap: 9px; }
  .beyond-doctrine small { text-align: left; }
  .lore-brand-context { display: none; }
  .dragon-lore-container { width: min(680px, calc(100% - 40px)); }
  .dragon-lore-hero { min-height: auto; grid-template-columns: 1fr; gap: 38px; padding: 118px 0 58px; }
  .dragon-lore-hero-copy h1 { max-width: none; font-size: clamp(62px, 15vw, 96px); }
  .dragon-lore-study img { height: auto; aspect-ratio: 16 / 10; }
  .dragon-lore-section-head { grid-template-columns: 1fr; gap: 18px; }
  .dragon-lore-section-head p { justify-self: start; }
  .dragon-lore-doors { grid-template-columns: 1fr; }
  .dragon-lore-door { min-height: 390px; }
  .dragon-article-header { padding-top: 54px; }
}

@media (max-width: 600px) {
  .threshold-page { justify-content: flex-start; padding-top: 108px !important; }
  .beyond-doctrine { min-height: 104px; margin-top: 12px; padding: 20px 18px; }
  .beyond-doctrine > span { font-size: 25px; }
  .beyond-doctrine small { font-size: 10px; letter-spacing: .1em; }
  .dragon-lore-container { width: calc(100% - 36px); }
  .dragon-lore-hero { padding: 108px 0 48px; }
  .dragon-lore-hero-copy h1 { font-size: clamp(54px, 17.5vw, 78px); line-height: .8; }
  .dragon-lore-descriptor { margin-top: 20px; font-size: 10px; letter-spacing: .12em; }
  .dragon-lore-hook { margin-top: 28px; font-size: 31px; }
  .dragon-lore-intro { font-size: 15px; line-height: 1.72; }
  .dragon-lore-study figcaption { position: static; padding: 12px 0 0; background: none; }
  .dragon-lore-index { padding: 70px 0; }
  .dragon-lore-section-head { margin-bottom: 28px; padding-bottom: 22px; }
  .dragon-lore-section-head h2 { font-size: 42px; }
  .dragon-lore-door { min-height: 0; padding: 28px 24px 32px; }
  .dragon-lore-door h2 { font-size: 36px; }
  .dragon-lore-question { font-size: 25px; }
  .dragon-lore-future-list,
  .cornerstone-link { margin-top: 30px; }
  .dragon-lore-coming { padding: 40px 0 62px; }
  .dragon-lore-coming p { font-size: 22px; }
  .dragon-threshold { min-height: 470px; padding: 72px 18px; }
  .dragon-threshold h2 { font-size: 46px; }
  .dragon-article-header h1 { font-size: clamp(50px, 15.3vw, 70px); }
  .dragon-article-dek { font-size: 26px; }
  .dragon-article-status { width: calc(100% - 36px); }
}

/* Correction Pass 3 — unified deep-element pages */
.fire-depth-page,
.water-depth-page,
.earth-depth-page,
.air-depth-page { background: #030303; }

.element-depth-atmosphere { position: absolute; z-index: -2; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 50% 12%, rgba(132,82,37,.09), transparent 34%), linear-gradient(180deg, #030303, #070605 48%, #030303); }
.element-depth-atmosphere::before { content: ""; position: absolute; inset: -6%; opacity: .15; background-image: radial-gradient(circle, rgba(233,161,77,.58) 0 1px, transparent 1.9px), radial-gradient(circle, rgba(155,75,28,.42) 0 1.1px, transparent 2px); background-size: 307px 353px, 449px 401px; animation: ember-lift 42s linear infinite; }
.element-depth-atmosphere::after { content: ""; position: absolute; inset: 0; opacity: .12; background-image: radial-gradient(circle, rgba(238,176,94,.45) 0 .8px, transparent 1.7px); background-size: 389px 337px; animation: ember-depth 48s linear infinite; }

.fire-depth-hero,
.water-depth-hero,
.earth-depth-hero,
.air-depth-hero { min-height: 78svh; }
.fire-hero-copy,
.water-hero-copy,
.earth-hero-copy,
.air-hero-copy { padding-top: 118px; padding-bottom: 58px; }
.fire-hero-visual,
.water-hero-visual,
.earth-hero-visual,
.air-hero-visual { min-height: 560px; }

.fire-depth-page :is(h1, h2, h3),
.water-depth-page :is(h1, h2, h3),
.earth-depth-page :is(h1, h2, h3),
.air-depth-page :is(h1, h2, h3),
.saga-page :is(h1, h2) { overflow-wrap: normal; word-break: normal; hyphens: none; }

.fire-editorial-section,
.water-editorial-section,
.earth-editorial-section,
.air-editorial-section { grid-template-columns: minmax(285px, .76fr) minmax(0, 1.24fr); gap: clamp(42px, 6vw, 88px); padding: clamp(58px, 6vw, 76px) 0; }
.fire-editorial-section h2,
.fire-embodied > h2,
.fire-places > h2,
.water-editorial-section h2,
.water-embodied > h2,
.water-places > h2,
.earth-editorial-section h2,
.earth-embodied > h2,
.earth-places > h2,
.air-editorial-section h2,
.air-embodied > h2,
.air-places > h2 { max-width: 12ch; font-size: clamp(34px, 4vw, 54px); line-height: .96; }

.among-drakonis { display: flex; align-items: center; gap: 22px; padding: clamp(38px, 4.5vw, 54px) 0 0; color: #c99c5e; font-family: var(--roman); font-size: 12px; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; scroll-margin-top: 102px; }
.among-drakonis::after { content: ""; height: 1px; flex: 1; background: linear-gradient(90deg, rgba(208,167,101,.42), rgba(208,167,101,.06)); }

.fire-embodied,
.water-embodied,
.earth-embodied,
.air-embodied { padding: clamp(66px, 7vw, 86px) 0; }
.fire-characters,
.water-characters,
.earth-characters,
.air-characters { margin-top: 40px; }
.fire-characters article,
.water-characters article,
.earth-characters article,
.air-characters article { padding-top: 32px; padding-bottom: 34px; }
.fire-characters p,
.water-characters p,
.earth-characters p,
.air-characters p { margin-top: 19px; }
.fire-characters blockquote,
.water-characters blockquote,
.earth-characters blockquote,
.air-characters blockquote { margin-top: 26px; }

.fire-places,
.water-places,
.earth-places,
.air-places { padding-top: clamp(66px, 7vw, 86px); }
.fire-places > h2,
.water-places > h2,
.earth-places > h2,
.air-places > h2 { margin-bottom: 42px; }
.fire-place,
.water-place,
.earth-place,
.air-place { min-height: 420px; margin-bottom: 40px; }
.fire-place img,
.water-place img,
.earth-place img,
.air-place img { min-height: 420px; }
.fire-place h3,
.water-place h3,
.earth-place h3,
.air-place h3 { font-size: clamp(36px, 4.2vw, 58px); line-height: .9; }
.fire-place p,
.water-place p,
.earth-place p,
.air-place p { margin-top: 18px; font-size: clamp(19px, 1.7vw, 24px); }
.fire-return-paths,
.water-return-paths,
.earth-return-paths,
.air-return-paths { margin-top: 56px; }

.saga-page { padding-top: clamp(112px, 13vh, 136px) !important; background: linear-gradient(145deg, #050403, #0d0b09 48%, #050403); }
.saga-opening h1 { display: block; max-width: 1080px; margin: 0 auto; color: var(--bright-gold); font-family: var(--display); font-size: clamp(54px, 6.4vw, 88px); font-weight: 500; letter-spacing: -.018em; line-height: .86; text-align: center; text-transform: uppercase; text-shadow: 0 0 7px rgba(255,181,77,.28), 0 0 24px rgba(181,73,17,.14); }
.saga-statement { margin-top: 28px; }
.saga-intro { margin-top: 14px; }
.book-index { margin-top: clamp(36px, 5vh, 54px); }

@media (max-width: 900px) {
  .fire-depth-hero,
  .water-depth-hero,
  .earth-depth-hero,
  .air-depth-hero { min-height: auto; }
  .fire-hero-copy,
  .water-hero-copy,
  .earth-hero-copy,
  .air-hero-copy { padding-top: 112px; padding-bottom: 48px; }
  .fire-hero-visual,
  .water-hero-visual,
  .earth-hero-visual,
  .air-hero-visual { min-height: 400px; }
  .fire-editorial-section,
  .water-editorial-section,
  .earth-editorial-section,
  .air-editorial-section { grid-template-columns: 1fr; gap: 26px; padding: 58px 0; }
  .fire-editorial-section h2,
  .fire-embodied > h2,
  .fire-places > h2,
  .water-editorial-section h2,
  .water-embodied > h2,
  .water-places > h2,
  .earth-editorial-section h2,
  .earth-embodied > h2,
  .earth-places > h2,
  .air-editorial-section h2,
  .air-embodied > h2,
  .air-places > h2 { max-width: none; font-size: clamp(34px, 8vw, 48px); }
  .among-drakonis { padding-top: 38px; }
  .fire-place h3,
  .water-place h3,
  .earth-place h3,
  .air-place h3 { font-size: clamp(34px, 8.5vw, 48px); }
  .saga-opening h1 { font-size: clamp(48px, 10.5vw, 72px); line-height: .9; }
}

@media (max-width: 600px) {
  .fire-depth-content,
  .water-depth-content,
  .earth-depth-content,
  .air-depth-content { width: calc(100% - 36px); padding-bottom: 64px; }
  .fire-hero-visual,
  .water-hero-visual,
  .earth-hero-visual,
  .air-hero-visual { min-height: 300px; }
  .fire-editorial-section,
  .water-editorial-section,
  .earth-editorial-section,
  .air-editorial-section { padding: 52px 0; }
  .fire-editorial-section h2,
  .fire-embodied > h2,
  .fire-places > h2,
  .water-editorial-section h2,
  .water-embodied > h2,
  .water-places > h2,
  .earth-editorial-section h2,
  .earth-embodied > h2,
  .earth-places > h2,
  .air-editorial-section h2,
  .air-embodied > h2,
  .air-places > h2 { font-size: clamp(32px, 10.2vw, 43px); }
  .fire-embodied,
  .water-embodied,
  .earth-embodied,
  .air-embodied { padding: 58px 0; }
  .fire-places,
  .water-places,
  .earth-places,
  .air-places { padding-top: 58px; }
  .fire-place,
  .water-place,
  .earth-place,
  .air-place { margin-bottom: 32px; }
  .fire-place h3,
  .water-place h3,
  .earth-place h3,
  .air-place h3 { font-size: clamp(32px, 10vw, 44px); }
  .saga-page { padding-top: 108px !important; }
  .saga-opening h1 { font-size: clamp(42px, 12vw, 60px); line-height: .92; }
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--black); scroll-behavior: smooth; scroll-padding-top: 102px; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--black); color: var(--bone); font-family: var(--body); font-size: 16px; line-height: 1.65; }
main:focus { outline: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
img { max-width: 100%; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--bright-gold); outline-offset: 5px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; top: 12px; left: 12px; padding: 12px 16px; background: #fff; color: #111; transform: translateY(-160%); }
.skip-link:focus { transform: none; }

.site-shell { min-height: 100svh; background: var(--black); }
.masthead { position: fixed; z-index: 80; top: 0; left: 0; right: 0; min-height: 78px; display: flex; align-items: center; justify-content: space-between; padding: 18px clamp(22px, 4vw, 68px); border-bottom: 1px solid rgba(208,167,101,.13); background: rgba(4,3,2,.965); backdrop-filter: blur(12px); transition: opacity .8s ease; }
.brand-link { max-width: calc(100vw - 260px); font-family: var(--roman); font-size: 16px; letter-spacing: .145em; line-height: 1.2; text-transform: uppercase; color: var(--bright-gold); white-space: nowrap; }
.site-nav { display: flex; align-items: center; }
.site-nav a, .nav-toggle, .nav-dropdown-toggle { border: 0; background: transparent; color: var(--muted); font-size: 13px; letter-spacing: .15em; text-transform: uppercase; transition: color .25s ease, background .25s ease; cursor: pointer; }
.site-nav a:hover, .site-nav a:focus-visible, .brand-link:hover { color: #fff1ce; }
.nav-toggle { display: none; min-width: 44px; min-height: 44px; }
.nav-aligned { position: relative; display: flex; align-items: center; }
.nav-hub-link { min-height: 44px; display: inline-flex; align-items: center; padding: 0 3px 0 0; color: #d4b47b !important; }
.nav-dropdown-toggle { width: 44px; height: 44px; display: inline-grid; place-items: center; padding: 0; }
.nav-menu-icon { position: relative; display: block; width: 17px; height: 13px; }
.nav-menu-icon > span { position: absolute; left: 0; width: 100%; height: 1.5px; background: #d4b47b; }
.nav-menu-icon > span:nth-child(1) { top: 0; }
.nav-menu-icon > span:nth-child(2) { top: 5.75px; }
.nav-menu-icon > span:nth-child(3) { top: 11.5px; }
.nav-dropdown-toggle[aria-expanded="true"] .nav-menu-icon > span:nth-child(1) { top: 5.75px; transform: rotate(45deg); }
.nav-dropdown-toggle[aria-expanded="true"] .nav-menu-icon > span:nth-child(2) { opacity: 0; }
.nav-dropdown-toggle[aria-expanded="true"] .nav-menu-icon > span:nth-child(3) { top: 5.75px; transform: rotate(-45deg); }
.nav-dropdown { position: absolute; z-index: 90; top: calc(100% + 16px); right: 0; width: max-content; min-width: 292px; max-height: calc(100vh - 110px); overflow-y: auto; padding: 10px; border: 1px solid rgba(208,167,101,.34); background: rgba(6,5,4,.985); box-shadow: 0 22px 55px rgba(0,0,0,.58); }
.nav-dropdown a { min-height: 46px; display: flex; align-items: center; padding: 0 16px; white-space: nowrap; }
.nav-dropdown a:hover, .nav-dropdown a:focus-visible { background: rgba(177,112,43,.1); }
.site-footer { min-height: 72px; display: grid; grid-template-columns: auto 1fr auto; gap: 18px 32px; align-items: center; padding: 14px clamp(22px, 4vw, 68px); border-top: 1px solid rgba(210,175,120,.1); color: rgba(222,213,199,.48); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.site-footer a { min-height: 44px; display: inline-flex; align-items: center; }
.footer-author { justify-self: center; color: rgba(222,213,199,.58); font-family: var(--display); font-size: 14px; letter-spacing: .055em; text-transform: none; }
.footer-author a { min-height: auto; display: inline; color: #caa96f; transition: color .25s ease; }
.footer-author a:hover, .footer-author a:focus-visible { color: #f2d7a2; }

.page { position: relative; min-height: 100svh; isolation: isolate; overflow: hidden; }
.page:not(.home-page):not(.quiz-page) { padding: clamp(104px, 12vh, 132px) clamp(24px, 6vw, 104px) clamp(68px, 8vh, 100px); }
.page :is(section, article, header, nav, figure, [id]) { scroll-margin-top: 102px; }
.route-elements .elements-overview-page,
.route-wound .wound-depth-page,
.route-doctrine .doctrine-depth-page,
.route-peighton .peighton-depth-page,
.route-highcrown .highcrown-depth-page { padding-top: 78px !important; }
.page::selection, .page *::selection { background: rgba(208,167,101,.32); color: white; }
.eyebrow { margin: 0 0 18px; color: var(--gold); font-size: 12px; font-weight: 500; letter-spacing: .24em; line-height: 1.4; text-transform: uppercase; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1, h2, h3 { font-family: var(--display); font-weight: 500; }
.page-intro { position: relative; z-index: 2; max-width: 920px; }
.page-intro.narrow { max-width: 750px; }
.page-intro h1, .lore-article > header h1, .privacy-page h1, .lost-page h1 { margin: 0; font-size: clamp(58px, 7.2vw, 112px); line-height: .82; letter-spacing: -.025em; text-transform: uppercase; color: var(--bright-gold); }
.lead, .lore-hook, .saga-headline { font-family: var(--display); font-size: clamp(27px, 2.8vw, 42px); line-height: 1.08; color: #efe3d2; }
.page-intro > p:last-child { max-width: 720px; color: var(--muted); }
.major-link, .end-paths a, .result-actions a, .result-actions button { display: inline-flex; min-height: 48px; align-items: center; padding: 6px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--bright-gold); font-size: 12px; letter-spacing: .17em; text-transform: uppercase; cursor: pointer; }
.end-paths { display: flex; flex-wrap: wrap; gap: 24px 42px; margin-top: 64px; }

.shared-embers { position: absolute; z-index: -1; inset: -3%; opacity: .4; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.62)), url("assets/ember-threshold.webp") center / cover no-repeat; filter: contrast(1.12) saturate(.95); animation: atmosphere-breathe 18s ease-in-out infinite alternate; }
.shared-embers::after { content: ""; position: absolute; inset: 0; opacity: .35; background-image: radial-gradient(circle, rgba(255,178,80,.82) 0 1px, transparent 1.8px), radial-gradient(circle, rgba(205,96,28,.56) 0 1.4px, transparent 2.1px); background-size: 211px 263px, 307px 251px; animation: ember-lift 28s linear infinite; }

/* Home — a single vertical axis */
.home-page { min-height: 100svh; display: grid; place-items: center; background: #010101; text-align: center; }
.home-atmosphere, .home-embers, .home-road, .home-vignette, .travel-field { position: absolute; inset: 0; pointer-events: none; }
.home-atmosphere { z-index: -1; background: #010101; }
.home-embers { opacity: 1; overflow: hidden; background: radial-gradient(ellipse at 50% 46%, rgba(75,37,14,.1), transparent 48%), #010101; animation: atmosphere-breathe 18s ease-in-out infinite alternate; }
.home-embers::before { content: ""; position: absolute; inset: -10%; opacity: .26; background-image: radial-gradient(circle, rgba(213,119,39,.34) 0 1px, transparent 2px), radial-gradient(circle, rgba(255,191,99,.28) 0 1px, transparent 2.1px); background-size: 263px 307px, 389px 347px; animation: ember-depth 36s linear infinite; }
.home-embers::after { content: ""; position: absolute; inset: 0; opacity: .68; background-image: radial-gradient(circle, rgba(255,185,87,.92) 0 1.2px, transparent 2px), radial-gradient(circle, rgba(211,101,28,.76) 0 1.5px, transparent 2.4px), radial-gradient(circle, rgba(242,151,60,.48) 0 .8px, transparent 1.7px); background-size: 191px 233px, 307px 271px, 419px 367px; animation: ember-lift 26s linear infinite; }
.home-road { opacity: 0; transform: scale(1.09); background: url("assets/reality-road.jpeg") center / cover no-repeat; filter: contrast(1.08) saturate(1.06); transition: opacity 1.55s ease, transform 3s cubic-bezier(.2,.7,.2,1); }
.home-vignette { background: radial-gradient(ellipse at 50% 43%, transparent 16%, rgba(0,0,0,.18) 63%, rgba(0,0,0,.73) 100%), linear-gradient(180deg, rgba(0,0,0,.25), transparent 52%, rgba(0,0,0,.25)); }
.home-identity { position: absolute; z-index: 3; top: max(60px, calc(env(safe-area-inset-top) + 42px)); left: 50%; width: min(92vw, 780px); transform: translateX(-50%); opacity: 0; transition: opacity .9s ease; }
.home-series { min-height: 36px; display: flex; align-items: center; justify-content: center; font-family: var(--roman); font-size: clamp(19px, 1.82vw, 30px); font-weight: 500; letter-spacing: .19em; text-transform: uppercase; color: #f1cf94; text-shadow: 0 0 16px rgba(201,114,44,.2); white-space: nowrap; }
.home-identity p { margin: 3px 0 0; color: rgba(234,210,171,.78); font-family: var(--display); font-size: clamp(16px, 1.23vw, 20px); font-style: italic; letter-spacing: .055em; line-height: 1.2; }
.home-identity p a { color: inherit; }
.skip-intro { position: absolute; z-index: 5; right: clamp(22px, 4vw, 68px); bottom: max(24px, calc(env(safe-area-inset-bottom) + 18px)); min-height: 44px; padding: 8px 2px; border: 0; border-bottom: 1px solid rgba(208,167,101,.34); background: transparent; color: rgba(222,213,199,.62); font-family: var(--roman); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; cursor: pointer; transition: color .25s ease, border-color .25s ease, opacity .35s ease, visibility .35s ease; }
.skip-intro:hover, .skip-intro:focus-visible { color: #f4d69e; border-color: rgba(240,193,117,.7); }
.home-settled .skip-intro { opacity: 0; visibility: hidden; pointer-events: none; }
.home-axis { position: relative; z-index: 2; width: min(96vw, 1760px); transform: translateY(-1vh); }
.home-axis h1 { margin: 0; line-height: 1; }
.reality-final { position: relative; display: block; opacity: 0; transform: scale(.9); font-family: var(--display); font-size: clamp(56px, 9.35vw, 176px); font-weight: 500; line-height: .82; letter-spacing: .005em; word-spacing: .12em; white-space: nowrap; text-transform: uppercase; font-kerning: normal; font-variant-ligatures: none; background: linear-gradient(106deg, #6a2c08 0%, #d07722 15%, #ffe7a7 31%, #fff4cc 39%, #ab4c0c 51%, #ffd486 67%, #813708 82%, #eaa54a 100%); background-size: 220% auto; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-stroke: .5px rgba(255,221,151,.55); filter: blur(13px) brightness(.7) drop-shadow(0 0 28px rgba(219,78,11,.55)); transition: opacity 1.2s ease, transform 1.45s cubic-bezier(.16,.78,.2,1), filter 1.35s ease; }
.reality-final::after { content: attr(data-text); position: absolute; inset: 0; opacity: .31; background: linear-gradient(102deg, transparent 23%, rgba(255,255,239,.92) 38%, transparent 49%); background-size: 250% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: title-glint 8s ease-in-out infinite 8s; }
.home-cta { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; margin-top: clamp(22px, 3.6vh, 42px); padding: 8px 24px 8px 30px; border: 1px solid rgba(218,158,77,.58); background: rgba(8,5,2,.38); box-shadow: inset 0 0 18px rgba(207,119,41,.05), 0 0 18px rgba(128,65,19,.08); opacity: 0; transform: translateY(10px); font-family: var(--roman); font-size: clamp(15px, 1.4vw, 22px); letter-spacing: .38em; text-transform: uppercase; color: #f1c878; text-shadow: 0 0 17px rgba(216,111,31,.5); transition: opacity .8s ease .22s, transform .8s ease .22s, color .25s ease, border-color .25s ease, box-shadow .25s ease; }
.home-cta:hover { color: #fff4d3; border-color: rgba(246,202,129,.82); box-shadow: inset 0 0 20px rgba(207,119,41,.08), 0 0 22px rgba(183,91,28,.16); }
.travel-field { overflow: hidden; opacity: 0; transition: opacity .4s ease; }
.travel-field span { position: absolute; top: var(--y); left: 108%; opacity: 0; transform: scale(var(--z)); font-family: var(--display); font-size: clamp(40px, 6.1vw, 112px); color: #dfa14c; text-shadow: 0 0 24px rgba(220,97,22,.78); filter: blur(calc((1 - var(--z)) * 4px)); }
.letters-moving .travel-field { opacity: 1; }
.letters-moving .travel-field span { animation: memory-travel var(--duration) cubic-bezier(.24,.58,.31,.97) forwards; animation-delay: var(--delay); }
.letters-thinning .travel-field { opacity: 0; transition-duration: .55s; }
.road-emerging .home-road { opacity: 1; transform: scale(1.015); }
.hero-resolving .reality-final, .home-settled .reality-final { opacity: 1; transform: scale(1); filter: blur(0) brightness(1) drop-shadow(0 3px 1px rgba(0,0,0,.85)) drop-shadow(0 0 7px rgba(255,181,77,.7)) drop-shadow(0 0 29px rgba(219,78,11,.43)); }
.final-revealing .home-cta, .final-revealing .home-identity,
.home-settled .home-cta, .home-settled .home-identity { opacity: 1; transform: translate(0); }
.final-revealing .home-identity,
.home-settled .home-identity { transform: translateX(-50%); }
.home-settled .home-road { opacity: 1; transform: scale(1.015); }

/* Get Aligned */
.threshold-page { display: flex; flex-direction: column; justify-content: center; overflow-y: auto; background: #020202; }
.aligned-embers { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 50% 43%, rgba(92,49,19,.1), transparent 43%), #020202; }
.aligned-embers::before { content: ""; position: absolute; inset: -10%; opacity: .22; background-image: radial-gradient(circle, rgba(213,119,39,.42) 0 1px, transparent 2px), radial-gradient(circle, rgba(255,193,105,.28) 0 .9px, transparent 1.9px); background-size: 241px 283px, 359px 337px; animation: ember-depth 38s linear infinite; }
.aligned-embers::after { content: ""; position: absolute; inset: 0; opacity: .48; background-image: radial-gradient(circle, rgba(239,158,65,.78) 0 1px, transparent 2px), radial-gradient(circle, rgba(191,84,23,.6) 0 1.3px, transparent 2.2px); background-size: 197px 251px, 311px 293px; animation: ember-lift 32s linear infinite; }
.alignment-heading { position: relative; z-index: 2; margin: 0 auto clamp(30px, 4.5vh, 46px); text-align: center; }
.alignment-heading h1 { margin: 0; color: var(--bright-gold); font-size: clamp(62px, 7.4vw, 112px); line-height: .82; letter-spacing: -.02em; text-transform: uppercase; text-shadow: 0 0 9px rgba(255,181,77,.55), 0 0 32px rgba(181,73,17,.28); }
.alignment-menu { position: relative; z-index: 2; width: min(980px, 100%); margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2.2vw, 26px); }
.alignment-menu a { position: relative; min-height: clamp(130px, 18vh, 165px); display: flex; align-items: center; justify-content: center; padding: clamp(26px, 3.5vw, 42px); border: 1px solid rgba(208,167,101,.42); background: rgba(8,6,4,.34); color: #dfcfb5; text-align: center; overflow: hidden; box-shadow: inset 0 0 24px rgba(195,111,39,.025), 0 0 18px rgba(93,48,17,.04); transition: color .35s ease, border-color .35s ease, background .4s ease, box-shadow .4s ease, transform .35s ease; }
.alignment-menu a::before { content: ""; position: absolute; inset: 12%; opacity: 0; background: radial-gradient(ellipse, rgba(192,111,43,.18), transparent 66%); transition: opacity .4s ease, transform .4s ease; transform: scale(.86); }
.alignment-menu a:hover::before, .alignment-menu a:focus-visible::before { opacity: 1; transform: scale(1); }
.alignment-menu span { position: relative; z-index: 1; font-family: var(--display); font-size: clamp(31px, 3.3vw, 47px); line-height: .95; text-transform: uppercase; }
.alignment-menu a:hover, .alignment-menu a:focus-visible { color: #fff0ce; border-color: rgba(240,193,117,.72); background: rgba(56,32,14,.24); box-shadow: inset 0 0 30px rgba(195,111,39,.06), 0 0 24px rgba(151,74,23,.12); transform: translateY(-2px); }
.alignment-menu .alignment-primary { color: var(--bright-gold); background: radial-gradient(ellipse at 50% 54%, rgba(155,84,30,.12), rgba(8,6,4,.34) 68%); border-color: rgba(224,178,104,.5); }
.alignment-menu .alignment-primary span { text-shadow: 0 0 20px rgba(194,98,31,.2); }

/* World hub */
.world-page { display: grid; grid-template-rows: auto 1fr; align-items: start; overflow-y: auto; background: #020202; }
.world-embers { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 50% 44%, rgba(83,43,17,.09), transparent 45%), #020202; }
.world-embers::before { content: ""; position: absolute; inset: -10%; opacity: .19; background-image: radial-gradient(circle, rgba(213,119,39,.4) 0 1px, transparent 2px), radial-gradient(circle, rgba(255,193,105,.26) 0 .9px, transparent 1.9px); background-size: 269px 313px, 407px 367px; animation: ember-depth 40s linear infinite; }
.world-embers::after { content: ""; position: absolute; inset: 0; opacity: .42; background-image: radial-gradient(circle, rgba(239,158,65,.74) 0 1px, transparent 2px), radial-gradient(circle, rgba(191,84,23,.56) 0 1.3px, transparent 2.2px); background-size: 223px 271px, 353px 323px; animation: ember-lift 34s linear infinite; }
.world-heading { position: relative; z-index: 2; text-align: center; }
.world-heading h1 { margin: 0; color: var(--bright-gold); font-size: clamp(62px, 7.5vw, 114px); line-height: .82; letter-spacing: -.02em; text-transform: uppercase; text-shadow: 0 0 8px rgba(255,181,77,.46), 0 0 30px rgba(181,73,17,.24); }
.world-paths { position: relative; z-index: 2; width: min(1120px, 100%); margin: clamp(22px, 3.5vh, 36px) auto 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(30px, 6vw, 78px); }
.world-path { min-height: 122px; display: flex; align-items: center; padding: 22px 8px; border-top: 1px solid var(--line); transition: padding .3s ease, background .3s ease, border-color .3s ease; }
.world-path:nth-child(odd) { justify-content: flex-end; text-align: right; }
.world-path:nth-last-child(-n+2) { border-bottom: 1px solid var(--line); }
.world-path:hover, .world-path:focus-visible { padding-left: 18px; border-color: rgba(232,184,108,.46); background: linear-gradient(90deg, rgba(180,111,49,.09), transparent 82%); }
.world-path:nth-child(odd):hover, .world-path:nth-child(odd):focus-visible { padding-right: 18px; padding-left: 8px; background: linear-gradient(270deg, rgba(180,111,49,.09), transparent 82%); }
.world-path h2 { margin: 0; color: var(--bright-gold); font-size: clamp(32px, 3.3vw, 48px); line-height: .92; text-transform: uppercase; transition: color .3s ease, text-shadow .3s ease; }
.world-path p { margin: 7px 0 0; color: var(--muted); font-family: var(--display); font-size: 18px; line-height: 1.3; transition: color .3s ease; }
.world-path:hover h2, .world-path:focus-visible h2 { color: #ffe2aa; text-shadow: 0 0 16px rgba(211,119,41,.24); }
.world-path:hover p, .world-path:focus-visible p { color: #c5b9a8; }

/* Lore rooms */
.lore-page { background: #090807; }
.lore-environment { position: absolute; z-index: -1; inset: 0; pointer-events: none; }
.lore-article { width: min(1240px, 100%); margin: 0 auto; }
.lore-article > header { max-width: 920px; margin-bottom: 50px; }
.lore-hook { margin: 22px 0 0; }
.prose-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(30px, 5vw, 72px); border-top: 1px solid var(--line); padding-top: 42px; }
.prose-columns p, .wide-copy, .wound-copy p { color: #beb4a7; }
.species-scale { min-height: 180px; margin-top: 70px; display: grid; grid-template-columns: 1fr 1.4fr 1fr; align-items: center; color: var(--muted); font-family: var(--roman); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; text-align: center; }
.species-scale i { height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); }
.lore-drakonis .lore-environment { background: radial-gradient(ellipse at 78% 36%, rgba(188,133,73,.16), transparent 34%), linear-gradient(145deg, transparent 56%, rgba(208,177,127,.09) 56.2%, transparent 57%), linear-gradient(35deg, #050505 34%, #12100e 34.2% 58%, #080706 58.2%); }
.drakonis-page { display: grid; grid-template-columns: minmax(320px, .78fr) minmax(480px, 1.22fr); grid-template-rows: 1fr auto; column-gap: clamp(36px, 6vw, 110px); align-items: center; background: #020202; }
.drakonis-embers { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 68% 45%, rgba(120,61,20,.13), transparent 39%), #020202; }
.drakonis-embers::after { content: ""; position: absolute; inset: -8%; opacity: .28; background-image: radial-gradient(circle, rgba(241,164,73,.72) 0 1px, transparent 2px), radial-gradient(circle, rgba(191,84,23,.5) 0 1.2px, transparent 2.1px); background-size: 283px 337px, 419px 367px; animation: ember-lift 36s linear infinite; }
.drakonis-copy { position: relative; z-index: 2; grid-column: 1; width: min(620px, 100%); align-self: end; padding-bottom: clamp(30px, 4vh, 54px); }
.drakonis-copy h1 { margin: 0; color: var(--bright-gold); font-size: clamp(64px, 7.2vw, 116px); line-height: .8; letter-spacing: -.03em; text-transform: uppercase; text-shadow: 0 0 8px rgba(255,181,77,.4), 0 0 30px rgba(181,73,17,.2); }
.drakonis-hook { margin: clamp(24px, 3.5vh, 38px) 0 0; color: #efe3d2; font-family: var(--display); font-size: clamp(29px, 2.9vw, 44px); line-height: 1.05; }
.drakonis-body { max-width: 620px; margin: 22px 0 0; color: #bfb4a5; font-size: 17px; line-height: 1.7; }
.drakonis-visual { position: absolute; z-index: 0; inset: 0; margin: 0; pointer-events: none; overflow: hidden; }
.drakonis-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #020202 0 27%, rgba(2,2,2,.92) 37%, rgba(2,2,2,.26) 58%, rgba(2,2,2,.06) 78%), linear-gradient(180deg, rgba(2,2,2,.18), transparent 36%, rgba(2,2,2,.5)); }
.drakonis-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.84) contrast(1.04); }
.drakonis-paths { position: relative; z-index: 2; grid-column: 1; align-self: start; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: min(620px, 100%); padding-top: 24px; border-top: 1px solid rgba(208,167,101,.24); }
.drakonis-paths a { min-height: 52px; display: flex; align-items: center; color: #ddb977; font-family: var(--roman); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; transition: color .25s ease, text-shadow .25s ease, transform .25s ease; }
.drakonis-paths a::after { content: ""; width: 34px; height: 1px; margin-left: 15px; background: rgba(208,167,101,.42); transition: width .25s ease, background .25s ease; }
.drakonis-paths a:hover, .drakonis-paths a:focus-visible { color: #fff0ce; text-shadow: 0 0 15px rgba(211,119,41,.24); transform: translateX(3px); }
.drakonis-paths a:hover::after, .drakonis-paths a:focus-visible::after { width: 48px; background: rgba(240,193,117,.76); }
.elements-overview-page { padding: 0 !important; overflow: visible; background: #030303; }
.route-elements .masthead { position: fixed; }
.elements-atmosphere { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 50% 18%, rgba(154,99,44,.13), transparent 36%), linear-gradient(180deg, #030303, #070605 56%, #030303); }
.elements-atmosphere::before { content: ""; position: absolute; inset: -8%; opacity: .18; background-image: radial-gradient(circle, rgba(236,167,82,.54) 0 1px, transparent 1.9px), radial-gradient(circle, rgba(151,74,29,.42) 0 1.1px, transparent 2px); background-size: 307px 353px, 449px 401px; animation: ember-lift 42s linear infinite; }
.elements-atmosphere::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.55), transparent 18% 82%, rgba(0,0,0,.55)); }
.elements-hero { width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: clamp(38px, 5vh, 58px) 0 clamp(34px, 4.5vh, 50px); text-align: left; }
.elements-hero h1 { margin: 0; color: var(--bright-gold); font-size: clamp(62px, 7.5vw, 116px); line-height: .8; letter-spacing: -.026em; text-transform: uppercase; text-shadow: 0 0 9px rgba(255,181,77,.42), 0 0 31px rgba(181,73,17,.2); }
.elements-hero-line { margin: 24px 0 0; color: #efe3d2; font-family: var(--display); font-size: clamp(29px, 2.9vw, 42px); line-height: 1.08; }
.elements-intro { max-width: 820px; margin: 24px 0 0; color: #bcb1a3; font-size: 16px; line-height: 1.68; }
.elements-intro strong { font-weight: 400; }
.elements-thesis { max-width: 820px; margin: 18px 0 0; color: #e1c89d; font-family: var(--display); font-size: clamp(22px, 2vw, 29px); line-height: 1.3; }
.elements-thesis strong { font-weight: 500; }
.elements-grid { width: min(1120px, calc(100% - 48px)); margin: 0 auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(208,167,101,.25); border-bottom: 1px solid rgba(208,167,101,.2); }
.element-door { position: relative; min-height: 330px; border-right: 1px solid rgba(208,167,101,.22); overflow: hidden; isolation: isolate; outline: 0; background: linear-gradient(145deg, rgba(35,27,19,.72), rgba(5,5,4,.96)); }
.element-door:last-child { border-right: 0; }
.element-door::before { content: ""; position: absolute; z-index: -2; inset: 0; opacity: .36; transition: opacity .42s ease, transform .55s ease; }
.element-door::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(2,2,2,.44), rgba(2,2,2,.16) 48%, rgba(2,2,2,.82)), repeating-linear-gradient(118deg, transparent 0 44px, rgba(208,167,101,.02) 45px 46px); }
.element-door:hover::before, .element-door:focus-visible::before { opacity: .78; transform: scale(1.018); }
.element-door-fire::before { background: radial-gradient(ellipse at 52% 98%, rgba(170,64,9,.78), transparent 54%), linear-gradient(180deg, #100806, #050403); }
.element-door-water::before { background: radial-gradient(ellipse at 48% 90%, rgba(48,91,102,.66), transparent 58%), repeating-linear-gradient(174deg, transparent 0 29px, rgba(174,202,202,.06) 30px 31px), #050708; }
.element-door-earth::before { background: linear-gradient(152deg, transparent 0 34%, rgba(181,137,78,.15) 34.4% 35.2%, transparent 35.6%), radial-gradient(ellipse at 46% 96%, rgba(114,87,51,.52), transparent 62%), #080706; }
.element-door-air::before { background: radial-gradient(ellipse at 50% 28%, rgba(180,196,193,.2), transparent 50%), repeating-linear-gradient(163deg, transparent 0 37px, rgba(187,203,200,.045) 38px 39px), #060707; }
.element-door-face { position: absolute; z-index: 2; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: clamp(25px, 2.5vw, 34px); }
.element-door-face strong { color: #ead7b7; font-family: var(--display); font-size: clamp(38px, 3.2vw, 50px); font-weight: 500; line-height: .92; text-transform: uppercase; }
.element-door-face em { margin-top: 22px; color: #e4c995; font-family: var(--display); font-size: clamp(19px, 1.55vw, 23px); font-style: normal; line-height: 1.3; }
.element-door-face b { margin-top: 28px; color: #d8ae6c; font-size: 11px; font-weight: 500; letter-spacing: .15em; line-height: 1.5; text-transform: uppercase; }
.element-door-front { opacity: 1; visibility: visible; transform: none; transition: opacity .2s ease .2s, transform .38s cubic-bezier(.2,.72,.2,1) .2s, visibility 0s linear .2s; }
.element-door-back { opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .2s ease, transform .34s cubic-bezier(.2,.72,.2,1), visibility 0s linear .2s; }
.element-door-back em { color: #b8afa2; font-family: var(--body); font-size: 14px; line-height: 1.58; }
.element-door:hover .element-door-front, .element-door:focus-visible .element-door-front { opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity .2s ease, transform .34s cubic-bezier(.2,.72,.2,1), visibility 0s linear .2s; }
.element-door:hover .element-door-back, .element-door:focus-visible .element-door-back { opacity: 1; visibility: visible; transform: none; transition: opacity .2s ease .2s, transform .38s cubic-bezier(.2,.72,.2,1) .2s, visibility 0s linear .2s; }
.element-door-motion { position: absolute; z-index: 1; inset: 0; opacity: 0; pointer-events: none; transition: opacity .5s ease; overflow: hidden; }
.element-door:hover .element-door-motion, .element-door:focus-visible .element-door-motion { opacity: .7; }
.element-door-motion i { position: absolute; display: block; }
.element-door-fire .element-door-motion i { bottom: -14%; width: 5px; height: 5px; border-radius: 50%; background: #e99943; box-shadow: 0 0 10px rgba(238,124,39,.8); animation: elements-fire-rise 3.8s ease-in infinite; }
.element-door-fire .element-door-motion i:nth-child(1) { left: 25%; animation-delay: -.8s; }
.element-door-fire .element-door-motion i:nth-child(2) { left: 56%; animation-delay: -2.1s; }
.element-door-fire .element-door-motion i:nth-child(3) { left: 78%; animation-delay: -3s; }
.element-door-water .element-door-motion i { left: -30%; width: 160%; height: 1px; background: linear-gradient(90deg, transparent, rgba(185,219,217,.38), transparent); transform: rotate(-6deg); animation: elements-water-current 5.8s ease-in-out infinite alternate; }
.element-door-water .element-door-motion i:nth-child(1) { bottom: 24%; }
.element-door-water .element-door-motion i:nth-child(2) { bottom: 34%; animation-delay: -2s; }
.element-door-water .element-door-motion i:nth-child(3) { bottom: 44%; animation-delay: -3.6s; }
.element-door-earth .element-door-motion i { background: rgba(214,176,118,.32); }
.element-door-earth .element-door-motion i:nth-child(1) { left: 48%; bottom: 12%; width: 1px; height: 42%; transform: rotate(23deg); animation: elements-earth-settle 3.7s ease-in-out infinite alternate; }
.element-door-earth .element-door-motion i:nth-child(2) { left: 54%; bottom: 25%; width: 24%; height: 1px; transform: rotate(-17deg); }
.element-door-earth .element-door-motion i:nth-child(3) { right: 12%; bottom: 10%; width: 3px; height: 3px; border-radius: 50%; box-shadow: -70px -12px rgba(205,161,102,.22), -122px 9px rgba(205,161,102,.16); animation: elements-earth-dust 4.2s ease-in-out infinite; }
.element-door-air .element-door-motion i { left: -40%; width: 150%; height: 28px; border-top: 1px solid rgba(198,214,211,.18); border-radius: 50%; filter: blur(.2px); animation: elements-air-route 4.8s ease-in-out infinite alternate; }
.element-door-air .element-door-motion i:nth-child(1) { top: 26%; }
.element-door-air .element-door-motion i:nth-child(2) { top: 43%; animation-delay: -1.8s; }
.element-door-air .element-door-motion i:nth-child(3) { top: 58%; animation-delay: -3.1s; }
.elements-world-nav { width: min(1120px, calc(100% - 48px)); margin: clamp(40px, 5.5vh, 62px) auto clamp(54px, 7vh, 78px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid rgba(208,167,101,.27); border-bottom: 1px solid rgba(208,167,101,.18); }
.elements-world-nav a { min-height: 88px; display: flex; flex-direction: column; justify-content: center; padding: 18px clamp(22px, 3.5vw, 46px); transition: background .3s ease, color .3s ease; }
.elements-world-nav a + a { align-items: flex-end; border-left: 1px solid rgba(208,167,101,.22); text-align: right; }
.elements-world-nav strong { color: #d9b474; font-family: var(--roman); font-size: 12px; font-weight: 500; letter-spacing: .17em; text-transform: uppercase; }
.elements-world-nav span { margin-top: 7px; color: #9f9486; font-family: var(--display); font-size: 19px; }
.elements-world-nav a:hover, .elements-world-nav a:focus-visible { background: rgba(152,92,42,.09); }
.elements-world-nav a:hover strong, .elements-world-nav a:focus-visible strong { color: #ffe4b0; }
@keyframes elements-fire-rise { 0% { transform: translateY(0) scale(.6); opacity: 0; } 25% { opacity: .85; } 100% { transform: translateY(-300px) translateX(16px) scale(.15); opacity: 0; } }
@keyframes elements-water-current { from { transform: translateX(-3%) rotate(-6deg); opacity: .32; } to { transform: translateX(7%) rotate(-4deg); opacity: .8; } }
@keyframes elements-earth-settle { from { transform: translateY(-4px) rotate(23deg); opacity: .42; } to { transform: translateY(5px) rotate(23deg); opacity: .82; } }
@keyframes elements-earth-dust { 0%, 100% { transform: translate3d(0,0,0); opacity: .25; } 50% { transform: translate3d(-9px,-13px,0); opacity: .72; } }
@keyframes elements-air-route { from { transform: translateX(-2%) skewX(-4deg); opacity: .25; } to { transform: translateX(9%) skewX(-7deg); opacity: .72; } }
@media (hover: none) {
  .element-door-front { opacity: 0; visibility: hidden; transform: translateY(-12px); transition: none; }
  .element-door-back { opacity: 1; visibility: visible; transform: none; transition: none; }
  .element-door-motion { opacity: .2; }
}
.wound-depth-page { padding: 0 !important; overflow: visible; background: #030303; }
.route-wound .masthead { position: fixed; }
.wound-hero { position: relative; display: grid; grid-template-rows: auto auto; padding-top: clamp(30px, 4vh, 44px); background: radial-gradient(ellipse at 50% 0, rgba(123,78,39,.13), transparent 32%), #030303; }
.wound-hero-copy { position: relative; z-index: 2; width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 0 0 clamp(26px, 3.5vh, 38px); }
.wound-hero-copy h1 { margin: 0; color: var(--bright-gold); font-size: clamp(54px, 6.5vw, 101px); line-height: .84; letter-spacing: -.026em; text-transform: uppercase; text-shadow: 0 0 9px rgba(255,181,77,.42), 0 0 32px rgba(181,73,17,.2); }
.wound-hero-copy p { margin: 20px 0 0; color: #eee0cc; font-family: var(--display); font-size: clamp(27px, 2.7vw, 40px); line-height: 1.08; }
.wound-city-visual { position: relative; min-height: 0; margin: 0; overflow: hidden; border-top: 1px solid rgba(208,167,101,.2); border-bottom: 1px solid rgba(208,167,101,.17); background: #050607; }
.wound-city-visual::before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(2,2,2,.14), transparent 34%, rgba(2,2,2,.22)), radial-gradient(ellipse at 50% 50%, transparent 56%, rgba(0,0,0,.34)); }
.wound-city-visual img { width: 100%; height: clamp(360px, 54vh, 610px); display: block; object-fit: cover; object-position: center 55%; filter: saturate(.86) contrast(1.04) brightness(.9); transform: scale(1.006); }
.wound-content { position: relative; width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding: clamp(52px, 6.5vh, 72px) 0 clamp(54px, 6.5vh, 74px); }
.wound-content::before { content: ""; position: absolute; z-index: -1; inset: 0 -18vw; pointer-events: none; background: radial-gradient(ellipse at 50% 9%, rgba(98,72,48,.08), transparent 44%), linear-gradient(180deg, #050505, #030303); }
.wound-core { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, .72fr); gap: clamp(42px, 6vw, 78px); align-items: center; padding-bottom: clamp(44px, 5.5vh, 60px); border-bottom: 1px solid rgba(208,167,101,.22); }
.wound-core p { margin: 0; color: #c6bbac; font-size: 17px; line-height: 1.74; }
.wound-core > div > p:first-child { color: #dfd1bc; font-family: var(--display); font-size: clamp(27px, 2.5vw, 37px); line-height: 1.18; }
.wound-core strong { font-weight: 500; }
.wound-core .wound-release { margin-top: 22px; color: #e5bc77; font-family: var(--display); font-size: clamp(30px, 3vw, 43px); line-height: 1.05; }
.wound-unreality { padding: clamp(48px, 6vh, 66px) 0; text-align: left; border-bottom: 1px solid rgba(208,167,101,.2); }
.wound-unreality h2 { margin: 0; color: #d0a765; font-family: var(--roman); font-size: 12px; font-weight: 500; letter-spacing: .25em; line-height: 1.5; text-transform: uppercase; }
.wound-manifestations { max-width: 900px; margin: 27px 0 0; color: #ecddc8; font-family: var(--display); font-size: clamp(30px, 3.1vw, 44px); line-height: 1.13; }
.wound-manifestations strong { font-weight: 500; }
.wound-unreality > p:last-child { max-width: 720px; margin: 28px 0 0; color: #aaa093; font-family: var(--display); font-size: clamp(20px, 1.9vw, 27px); line-height: 1.4; }
.wound-closing { width: 100%; margin: 0; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); gap: clamp(42px, 6vw, 82px); align-items: center; padding: clamp(48px, 6vh, 64px) 0 clamp(36px, 4.5vh, 48px); text-align: left; }
.wound-closing p { margin: 0; color: #bdb2a4; font-size: 17px; line-height: 1.76; }
.wound-closing p:last-child { margin: 0; color: #efca8a; font-family: var(--display); font-size: clamp(29px, 3vw, 43px); line-height: 1.14; }
.wound-closing strong { font-weight: 500; }
.wound-world-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid rgba(208,167,101,.27); border-bottom: 1px solid rgba(208,167,101,.18); }
.wound-world-nav a { min-height: 88px; display: flex; flex-direction: column; justify-content: center; padding: 18px clamp(22px, 3.5vw, 46px); transition: background .3s ease, color .3s ease; }
.wound-world-nav a + a { align-items: flex-end; border-left: 1px solid rgba(208,167,101,.22); text-align: right; }
.wound-world-nav strong { color: #d9b474; font-family: var(--roman); font-size: 12px; font-weight: 500; letter-spacing: .17em; text-transform: uppercase; }
.wound-world-nav span { margin-top: 7px; color: #9f9486; font-family: var(--display); font-size: 19px; }
.wound-world-nav a:hover, .wound-world-nav a:focus-visible { background: rgba(152,92,42,.09); }
.wound-world-nav a:hover strong, .wound-world-nav a:focus-visible strong { color: #ffe4b0; }
.monument-line { margin: 62px 0 0; padding: 42px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--bright-gold); font-family: var(--display); font-size: clamp(31px, 4vw, 60px); line-height: 1; text-align: center; }
.doctrine-depth-page { padding: 0 !important; overflow: visible; background: #030303; }
.doctrine-atmosphere { position: absolute; z-index: -2; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 50% 8%, rgba(133,83,38,.13), transparent 30%), #030303; }
.doctrine-atmosphere::before { content: ""; position: absolute; inset: -8%; opacity: .13; background-image: radial-gradient(circle, rgba(236,167,82,.66) 0 1px, transparent 1.8px), radial-gradient(circle, rgba(165,78,28,.46) 0 1.2px, transparent 2px); background-size: 293px 347px, 431px 389px; animation: ember-lift 40s linear infinite; }
.doctrine-hero { width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: clamp(38px, 5vh, 58px) 0 clamp(30px, 4.2vh, 48px); }
.doctrine-hero h1 { margin: 0; color: var(--bright-gold); font-size: clamp(62px, 7.5vw, 116px); line-height: .8; letter-spacing: -.026em; text-transform: uppercase; text-shadow: 0 0 9px rgba(255,181,77,.42), 0 0 32px rgba(181,73,17,.2); }
.doctrine-hero-line { margin: 24px 0 0; color: #eee0cc; font-family: var(--display); font-size: clamp(29px, 2.9vw, 42px); line-height: 1.08; }
.doctrine-history { max-width: 760px; margin: clamp(22px, 2.6vh, 30px) 0 0; color: #c5b8a6; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.72; }
.doctrine-vow { margin: clamp(20px, 2.4vh, 28px) 0 0; color: #d9b474; font-family: var(--display); font-size: clamp(21px, 2vw, 29px); line-height: 1.22; }
.doctrine-artifact { position: relative; width: min(1120px, calc(100% - 48px)); margin: 0 auto; overflow: hidden; border-top: 1px solid rgba(208,167,101,.23); border-bottom: 1px solid rgba(208,167,101,.18); background: #070604; }
.doctrine-artifact::before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(2,2,2,.14), transparent 42%, rgba(2,2,2,.28)), linear-gradient(90deg, rgba(0,0,0,.35), transparent 22% 78%, rgba(0,0,0,.4)), radial-gradient(ellipse at 50% 50%, transparent 45%, rgba(0,0,0,.25)); }
.doctrine-artifact img { width: 100%; height: clamp(280px, 39vh, 430px); display: block; object-fit: cover; object-position: center 49%; filter: sepia(.16) saturate(.72) contrast(1.04) brightness(.78); transform: scale(1.006); }
.doctrine-law-cards { width: min(1120px, calc(100% - 48px)); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: clamp(38px, 5vh, 56px) auto 0; border-top: 1px solid rgba(208,167,101,.25); border-bottom: 1px solid rgba(208,167,101,.2); }
.doctrine-law-card { position: relative; min-height: 310px; overflow: hidden; outline: 0; background: linear-gradient(145deg, rgba(35,27,19,.72), rgba(5,5,4,.96)); }
.doctrine-law-card + .doctrine-law-card { border-left: 1px solid rgba(208,167,101,.22); }
.doctrine-law-card::before { content: ""; position: absolute; inset: 0; opacity: .22; background: radial-gradient(circle at 50% 20%, rgba(167,111,50,.2), transparent 44%), repeating-linear-gradient(118deg, transparent 0 44px, rgba(208,167,101,.025) 45px 46px); transition: opacity .35s ease; }
.doctrine-law-face { position: absolute; z-index: 1; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: clamp(28px, 3.4vw, 44px); transition: opacity .38s ease, transform .38s ease; }
.doctrine-law-face h2 { margin: 0; color: #ead7b7; font-size: clamp(27px, 2.45vw, 38px); line-height: .96; text-transform: uppercase; }
.doctrine-law-front > p { margin: 26px 0 0; color: #e4c995; font-family: var(--display); font-size: clamp(23px, 2vw, 29px); line-height: 1.13; }
.doctrine-law-back { opacity: 0; transform: translateY(12px); }
.doctrine-law-back .doctrine-law-statement { margin: 18px 0 0; color: #d9bb84; font-family: var(--display); font-size: 20px; line-height: 1.15; }
.doctrine-law-back p:last-child { margin: 17px 0 0; color: #b8afa2; font-size: 15px; line-height: 1.55; }
.doctrine-law-card:hover::before, .doctrine-law-card:focus-visible::before { opacity: .5; }
.doctrine-law-card:hover .doctrine-law-front, .doctrine-law-card:focus-visible .doctrine-law-front { opacity: 0; transform: translateY(-12px); }
.doctrine-law-card:hover .doctrine-law-back, .doctrine-law-card:focus-visible .doctrine-law-back { opacity: 1; transform: none; }
.doctrine-world-nav { width: min(1120px, calc(100% - 48px)); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: clamp(40px, 5.5vh, 62px) auto clamp(54px, 7vh, 78px); border-top: 1px solid rgba(208,167,101,.27); border-bottom: 1px solid rgba(208,167,101,.18); }
.doctrine-world-nav a { min-height: 88px; display: flex; flex-direction: column; justify-content: center; padding: 18px clamp(22px, 3.5vw, 46px); transition: background .3s ease, color .3s ease; }
.doctrine-world-nav a + a { align-items: flex-end; border-left: 1px solid rgba(208,167,101,.22); text-align: right; }
.doctrine-world-nav strong { color: #d9b474; font-family: var(--roman); font-size: 12px; font-weight: 500; letter-spacing: .17em; text-transform: uppercase; }
.doctrine-world-nav span { margin-top: 7px; color: #9f9486; font-family: var(--display); font-size: 19px; }
.doctrine-world-nav a:hover, .doctrine-world-nav a:focus-visible { background: rgba(152,92,42,.09); }
.doctrine-world-nav a:hover strong, .doctrine-world-nav a:focus-visible strong { color: #ffe4b0; }
@media (hover: none) {
  .doctrine-law-card { min-height: 330px; }
  .doctrine-law-front { opacity: 0; }
  .doctrine-law-back { opacity: 1; transform: none; }
}

.peighton-depth-page { padding: 0 !important; overflow: visible; background: #030303; }
.peighton-hero { padding-top: clamp(38px, 5vh, 58px); background: radial-gradient(ellipse at 50% 0, rgba(123,78,39,.12), transparent 34%), #030303; }
.peighton-hero-copy { width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 0 0 clamp(30px, 4.2vh, 48px); }
.peighton-hero-copy h1 { margin: 0; color: var(--bright-gold); font-size: clamp(62px, 7.5vw, 116px); line-height: .8; letter-spacing: -.026em; text-transform: uppercase; text-shadow: 0 0 9px rgba(255,181,77,.42), 0 0 32px rgba(181,73,17,.2); }
.peighton-hero-line { margin: 24px 0 0; color: #eee0cc; font-family: var(--display); font-size: clamp(29px, 2.9vw, 42px); line-height: 1.08; }
.peighton-body-copy { max-width: 710px; margin: 18px 0 0; color: #bdb3a5; font-size: 17px; line-height: 1.65; }
.peighton-body-copy em { color: #d8c7ac; }
.peighton-city-visual { position: relative; margin: 0; overflow: hidden; border-top: 1px solid rgba(208,167,101,.2); border-bottom: 1px solid rgba(208,167,101,.17); background: #050607; }
.peighton-city-visual::before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(2,2,2,.06), transparent 38%, rgba(2,2,2,.2)), radial-gradient(ellipse at 50% 52%, transparent 61%, rgba(0,0,0,.26)); }
.peighton-city-visual img { width: 100%; height: clamp(430px, 58vh, 660px); display: block; object-fit: cover; object-position: center 58%; filter: saturate(.78) contrast(1.04) brightness(.89); }
.peighton-world-nav { width: min(1120px, calc(100% - 48px)); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: clamp(40px, 5.5vh, 62px) auto clamp(54px, 7vh, 78px); border-top: 1px solid rgba(208,167,101,.27); border-bottom: 1px solid rgba(208,167,101,.18); }
.peighton-world-nav a { min-height: 88px; display: flex; flex-direction: column; justify-content: center; padding: 18px clamp(22px, 3.5vw, 46px); transition: background .3s ease, color .3s ease; }
.peighton-world-nav a + a { align-items: flex-end; border-left: 1px solid rgba(208,167,101,.22); text-align: right; }
.peighton-world-nav strong { color: #d9b474; font-family: var(--roman); font-size: 12px; font-weight: 500; letter-spacing: .17em; text-transform: uppercase; }
.peighton-world-nav span { margin-top: 7px; color: #9f9486; font-family: var(--display); font-size: 19px; }
.peighton-world-nav a:hover, .peighton-world-nav a:focus-visible { background: rgba(152,92,42,.09); }
.peighton-world-nav a:hover strong, .peighton-world-nav a:focus-visible strong { color: #ffe4b0; }

.highcrown-depth-page { padding: 0 !important; overflow: visible; background: #030303; }
.highcrown-hero { padding-top: clamp(38px, 5vh, 58px); background: radial-gradient(ellipse at 50% 0, rgba(123,78,39,.12), transparent 34%), #030303; }
.highcrown-hero-copy { width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 0 0 clamp(30px, 4.2vh, 48px); }
.highcrown-hero-copy h1 { margin: 0; color: var(--bright-gold); font-size: clamp(62px, 7.5vw, 116px); line-height: .8; letter-spacing: -.026em; text-transform: uppercase; text-shadow: 0 0 9px rgba(255,181,77,.42), 0 0 32px rgba(181,73,17,.2); }
.highcrown-hero-line { margin: 24px 0 0; color: #eee0cc; font-family: var(--display); font-size: clamp(29px, 2.9vw, 42px); line-height: 1.08; }
.highcrown-body-copy { max-width: 720px; margin: 18px 0 0; color: #bdb3a5; font-size: 17px; line-height: 1.65; }
.highcrown-body-copy em { color: #d8c7ac; }
.highcrown-city-visual { position: relative; margin: 0; overflow: hidden; border-top: 1px solid rgba(208,167,101,.2); border-bottom: 1px solid rgba(208,167,101,.17); background: #050505; }
.highcrown-city-visual::before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(2,2,2,.17), transparent 28%, rgba(2,2,2,.3)), linear-gradient(90deg, rgba(1,1,1,.28), transparent 18% 82%, rgba(1,1,1,.32)), radial-gradient(ellipse at 50% 48%, transparent 48%, rgba(0,0,0,.28)); }
.highcrown-city-visual img { width: 100%; height: clamp(430px, 58vh, 660px); display: block; object-fit: cover; object-position: center 51%; filter: saturate(.68) contrast(1.02) brightness(.78); transform: scale(1.008); }
.highcrown-world-nav { width: min(1120px, calc(100% - 48px)); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: clamp(40px, 5.5vh, 62px) auto clamp(54px, 7vh, 78px); border-top: 1px solid rgba(208,167,101,.27); border-bottom: 1px solid rgba(208,167,101,.18); }
.highcrown-world-nav a { min-height: 88px; display: flex; flex-direction: column; justify-content: center; padding: 18px clamp(22px, 3.5vw, 46px); transition: background .3s ease, color .3s ease; }
.highcrown-world-nav a + a { align-items: flex-end; border-left: 1px solid rgba(208,167,101,.22); text-align: right; }
.highcrown-world-nav strong { color: #d9b474; font-family: var(--roman); font-size: 12px; font-weight: 500; letter-spacing: .17em; text-transform: uppercase; }
.highcrown-world-nav span { margin-top: 7px; color: #9f9486; font-family: var(--display); font-size: 19px; }
.highcrown-world-nav a:hover, .highcrown-world-nav a:focus-visible { background: rgba(152,92,42,.09); }
.highcrown-world-nav a:hover strong, .highcrown-world-nav a:focus-visible strong { color: #ffe4b0; }

/* World pages — shared compact editorial system */
.route-drakonis .drakonis-page { padding: 78px 0 0 !important; }
.drakonis-page { min-height: 0; display: block; overflow: visible; background: #030303; }
.drakonis-copy { position: relative; z-index: 2; width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: clamp(38px, 5vh, 58px) 0 clamp(30px, 4.2vh, 48px); }
.drakonis-copy h1,
.wound-hero-copy h1 { margin: 0; color: var(--bright-gold); font-size: clamp(62px, 7.5vw, 116px); line-height: .8; letter-spacing: -.026em; text-transform: uppercase; text-shadow: 0 0 9px rgba(255,181,77,.42), 0 0 32px rgba(181,73,17,.2); }
.drakonis-hook,
.wound-hero-copy > p { margin: 24px 0 0; color: #eee0cc; font-family: var(--display); font-size: clamp(29px, 2.9vw, 42px); line-height: 1.08; }
.drakonis-body { max-width: 760px; margin: 18px 0 0; color: #bdb3a5; font-size: 17px; line-height: 1.65; }
.drakonis-visual { position: relative; z-index: 1; inset: auto; width: 100%; height: auto; margin: 0; overflow: hidden; border-top: 1px solid rgba(208,167,101,.2); border-bottom: 1px solid rgba(208,167,101,.17); pointer-events: auto; background: #050607; }
.drakonis-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2,2,2,.08), transparent 42%, rgba(2,2,2,.25)), radial-gradient(ellipse at 50% 48%, transparent 58%, rgba(0,0,0,.3)); }
.drakonis-visual img { width: 100%; height: clamp(430px, 58vh, 660px); display: block; object-fit: cover; object-position: center 48%; filter: saturate(.8) contrast(1.04) brightness(.88); }
.drakonis-world-nav,
.wound-world-nav { width: min(1120px, calc(100% - 48px)); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: clamp(40px, 5.5vh, 62px) auto clamp(54px, 7vh, 78px); border-top: 1px solid rgba(208,167,101,.27); border-bottom: 1px solid rgba(208,167,101,.18); }
.drakonis-world-nav a,
.wound-world-nav a { min-height: 88px; display: flex; flex-direction: column; justify-content: center; padding: 18px clamp(22px, 3.5vw, 46px); transition: background .3s ease, color .3s ease; }
.drakonis-world-nav a + a,
.wound-world-nav a + a { align-items: flex-end; border-left: 1px solid rgba(208,167,101,.22); text-align: right; }
.drakonis-world-nav strong,
.wound-world-nav strong { color: #d9b474; font-family: var(--roman); font-size: 12px; font-weight: 500; letter-spacing: .17em; text-transform: uppercase; }
.drakonis-world-nav span,
.wound-world-nav span { margin-top: 7px; color: #9f9486; font-family: var(--display); font-size: 19px; }
.drakonis-world-nav a:hover,
.drakonis-world-nav a:focus-visible,
.wound-world-nav a:hover,
.wound-world-nav a:focus-visible { background: rgba(152,92,42,.09); }
.wound-hero { display: block; padding-top: clamp(38px, 5vh, 58px); }
.wound-hero-copy { padding-bottom: clamp(30px, 4.2vh, 48px); }
.wound-summary { max-width: 820px; margin-top: 22px; }
.wound-summary p { margin: 0; color: #bdb3a5; font-family: var(--body); font-size: 17px; line-height: 1.65; }
.wound-summary p + p { margin-top: 18px; color: #e5bc77; font-family: var(--display); font-size: clamp(24px, 2.2vw, 32px); line-height: 1.15; }
.wound-summary strong { font-weight: 500; }
.element-door-face { justify-content: flex-start; padding-top: clamp(58px, 5.3vw, 72px); }

@media (max-width: 900px) {
  .drakonis-page { overflow: visible; }
  .drakonis-copy { width: calc(100% - 40px); padding: 30px 0 34px; }
  .drakonis-copy h1,
  .wound-hero-copy h1 { font-size: clamp(44px, 13.3vw, 66px); line-height: .82; white-space: nowrap; }
  .drakonis-hook,
  .wound-hero-copy > p { margin-top: 19px; font-size: clamp(27px, 8vw, 35px); }
  .drakonis-body { margin-top: 16px; font-size: 16px; line-height: 1.62; }
  .drakonis-visual { height: auto; margin: 0; }
  .drakonis-visual img { height: auto; aspect-ratio: 4 / 3; object-position: 52% 50%; }
  .drakonis-world-nav,
  .wound-world-nav { width: calc(100% - 40px); grid-template-columns: 1fr; margin: 42px auto 58px; }
  .drakonis-world-nav a,
  .wound-world-nav a { min-height: 82px; padding: 18px 20px; }
  .drakonis-world-nav a + a,
  .wound-world-nav a + a { align-items: flex-start; border-left: 0; border-top: 1px solid rgba(208,167,101,.22); text-align: left; }
  .wound-hero { padding-top: 30px; }
  .wound-summary { margin-top: 20px; }
  .wound-summary p { font-size: 16px; line-height: 1.62; }
  .wound-summary p + p { font-size: 25px; }
  .element-door-face { padding-top: 50px; }
}

/* Quiz */
.element-start-page { display: grid; place-items: center; text-align: center; background: #020202; }
.element-start-embers { position: absolute; z-index: -2; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 50% 48%, rgba(83,43,17,.08), transparent 46%), #020202; }
.element-start-embers::before { content: ""; position: absolute; inset: -10%; opacity: .16; background-image: radial-gradient(circle, rgba(213,119,39,.4) 0 1px, transparent 2px), radial-gradient(circle, rgba(255,193,105,.25) 0 .9px, transparent 1.9px); background-size: 293px 337px, 439px 389px; animation: ember-depth 40s linear infinite; }
.element-start-embers::after { content: ""; position: absolute; inset: 0; opacity: .36; background-image: radial-gradient(circle, rgba(239,158,65,.72) 0 1px, transparent 2px), radial-gradient(circle, rgba(191,84,23,.54) 0 1.3px, transparent 2.2px); background-size: 241px 293px, 383px 347px; animation: ember-lift 34s linear infinite; }
.element-whispers { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.element-whisper { position: absolute; opacity: 0; color: #c79254; font-family: var(--roman); font-size: clamp(13px, 1.25vw, 19px); font-weight: 500; letter-spacing: .34em; text-transform: uppercase; text-shadow: 0 0 15px rgba(197,115,45,.18); animation: element-whisper 18s ease-in-out infinite; }
.whisper-fire { top: 24%; left: 8%; --whisper-scale: .92; animation-delay: 0s; }
.whisper-water { right: 9%; top: 31%; --whisper-scale: 1.03; animation-delay: 4.5s; }
.whisper-earth { left: 11%; bottom: 19%; --whisper-scale: 1; animation-delay: 9s; }
.whisper-air { right: 12%; bottom: 16%; --whisper-scale: .9; animation-delay: 13.5s; }
.element-start-copy { position: relative; z-index: 1; width: min(850px, 100%); }
.element-start-copy h1 { margin: 0; color: var(--bright-gold); line-height: .78; text-transform: uppercase; text-shadow: 0 0 7px rgba(255,181,77,.35), 0 0 28px rgba(181,73,17,.2); }
.element-start-copy h1 span { display: block; margin-bottom: clamp(10px, 1.6vh, 18px); font-family: var(--roman); font-size: clamp(22px, 2.3vw, 34px); font-weight: 500; letter-spacing: .2em; line-height: 1.1; }
.element-start-copy h1 strong { display: block; font-family: var(--display); font-size: clamp(86px, 12vw, 176px); font-weight: 500; letter-spacing: .015em; }
.element-start-copy .lead { margin: clamp(24px, 3.5vh, 38px) 0 0; }
.element-start-copy .choice-count { margin: 13px 0 0; color: var(--muted); }
.element-start-copy .start-instruction { margin: 16px 0 0; color: rgba(222,213,199,.58); font-family: var(--display); font-size: 16px; font-style: italic; letter-spacing: .025em; }
.primary-action { min-width: 200px; min-height: 58px; margin-top: 28px; border: 1px solid rgba(240,207,145,.64); background: rgba(8,5,2,.34); color: #ffe4ad; font-family: var(--roman); font-size: 14px; letter-spacing: .25em; text-transform: uppercase; cursor: pointer; box-shadow: 0 0 24px rgba(197,115,45,.09), inset 0 0 18px rgba(246,185,104,.04); transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.primary-action:hover { border-color: rgba(246,207,140,.86); background: rgba(72,40,16,.32); box-shadow: 0 0 30px rgba(197,115,45,.2), inset 0 0 20px rgba(246,185,104,.06); transform: translateY(-2px); }
.quiz-page { min-height: 100svh; padding: 74px clamp(20px, 4vw, 64px) 24px; background: radial-gradient(ellipse at 50% 25%, #17130f, #070605 68%); }
.quiz-header { position: fixed; z-index: 20; top: 0; left: 0; right: 0; min-height: 62px; display: flex; align-items: center; justify-content: space-between; padding: 8px clamp(20px, 4vw, 64px); background: linear-gradient(#070605, rgba(7,6,5,.76), transparent); }
.quiz-header a { font-family: var(--roman); font-size: 11px; letter-spacing: .15em; text-transform: uppercase; color: var(--gold); }
.quiz-header button { min-width: 44px; min-height: 44px; border: 0; background: transparent; color: var(--muted); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; cursor: pointer; }
.quiz-progress { width: min(1180px, 100%); margin: 0 auto 18px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px; color: var(--muted); font-size: 11px; letter-spacing: .16em; }
.quiz-progress i { position: relative; height: 1px; background: rgba(207,166,101,.16); }
.quiz-progress i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--progress); background: var(--gold); transition: width .4s ease; }
.quiz-card { width: min(1180px, 100%); margin: 0 auto; }
.quiz-card > .eyebrow { margin-bottom: 8px; }
.quiz-card h1 { margin: 0 0 14px; color: var(--bright-gold); font-size: clamp(34px, 3.7vw, 52px); line-height: .98; text-shadow: 0 0 20px rgba(188,93,30,.14); }
.scenario { max-width: 1080px; color: #c6bdaf; font-family: var(--display); font-size: clamp(18px, 1.45vw, 21px); line-height: 1.3; }
.scenario p { margin: 0 0 6px; }
.scenario .decision-prompt { margin: 13px 0 14px; color: #edc982; font-size: 1.23em; font-weight: 600; line-height: 1.12; text-shadow: 0 0 14px rgba(198,108,38,.12); }
.quiz-answers { margin-top: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.quiz-answer { min-height: 88px; display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: start; padding: 16px 18px; border: 1px solid rgba(207,166,101,.2); background: rgba(16,13,10,.72); color: #e2d9cd; font-size: 16px; text-align: left; line-height: 1.4; cursor: pointer; transition: border .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease; }
.quiz-answer:hover { border-color: rgba(230,188,118,.58); transform: translateY(-2px); }
.quiz-answer > span:first-child { color: var(--gold); font-family: var(--roman); font-size: 12px; }
.quiz-answer.is-selected { border-color: #f4cd86; background: rgba(145,83,32,.42); box-shadow: inset 0 0 38px rgba(213,119,39,.15), 0 0 20px rgba(211,131,57,.13); transform: translateY(-2px); }
.quiz-back { min-width: 80px; min-height: 44px; margin-top: 8px; border: 0; background: transparent; color: var(--muted); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
.quiz-back:disabled { opacity: .25; cursor: default; }

/* Results */
.route-result .masthead { opacity: 0; pointer-events: none; }
.route-result.result-ready .masthead { opacity: 1; pointer-events: auto; }
.result-page { overflow: visible; background: #070605; }
.result-reveal { position: fixed; z-index: 65; inset: 0; display: grid; place-items: center; overflow: hidden; background: #020202; pointer-events: none; transition: opacity .38s ease, visibility 0s linear .38s; }
.result-reveal > p { position: relative; z-index: 4; max-width: 90vw; margin: 0; opacity: 0; transform: translateY(9px); color: var(--bright-gold); font-family: var(--roman); font-size: clamp(29px, 5vw, 76px); letter-spacing: .18em; text-align: center; text-transform: uppercase; text-shadow: 0 0 22px rgba(223,151,65,.34); transition: opacity .32s ease, transform .44s ease; }
.element-name-visible .result-reveal > p { opacity: 1; transform: translateY(0); }
.reveal-field, .reveal-field span { position: absolute; }
.reveal-field { inset: 0; overflow: hidden; }
.reveal-field::before, .reveal-field::after { content: ""; position: absolute; opacity: 0; }
.reveal-field span { display: block; opacity: 0; }
.result-settled .result-reveal { opacity: 0; visibility: hidden; }

.result-fire .reveal-field { background: radial-gradient(ellipse at 50% 100%, #2e0b02 0, #090201 40%, #020101 74%); }
.result-fire .reveal-field span { bottom: -15%; left: calc(50% - clamp(29px, 3.5vw, 54px)); width: clamp(58px, 7vw, 108px); height: 67%; border-radius: 64% 36% 48% 52% / 74% 72% 28% 26%; background: linear-gradient(0deg, rgba(255,84,7,.2), #e85f0b 46%, #ffd27a 78%, rgba(255,241,189,.26)); filter: blur(3px); transform: translateX(var(--fire-x, 0)) scaleY(.12) rotate(var(--fire-r, 0deg)); transform-origin: 50% 100%; mix-blend-mode: screen; }
.result-fire .reveal-field span:nth-child(1) { --fire-x: -250%; --fire-r: -8deg; height: 49%; animation-delay: .03s; }
.result-fire .reveal-field span:nth-child(2) { --fire-x: -135%; --fire-r: 5deg; height: 71%; animation-delay: .11s; }
.result-fire .reveal-field span:nth-child(3) { --fire-x: -35%; --fire-r: -3deg; height: 84%; animation-delay: .01s; }
.result-fire .reveal-field span:nth-child(4) { --fire-x: 80%; --fire-r: 7deg; height: 65%; animation-delay: .14s; }
.result-fire .reveal-field span:nth-child(5) { --fire-x: 195%; --fire-r: -6deg; height: 76%; animation-delay: .08s; }
.result-fire .reveal-field span:nth-child(6) { --fire-x: 310%; --fire-r: 4deg; height: 45%; animation-delay: .17s; }
.result-fire .reveal-field::after { inset: 35% -8% -22%; background: radial-gradient(ellipse, rgba(255,166,50,.5), rgba(191,42,3,.12) 42%, transparent 70%); filter: blur(24px); mix-blend-mode: screen; }
.result-fire.element-activating .reveal-field span { animation: result-fire-flame 1.2s cubic-bezier(.16,.73,.19,1) forwards; }
.result-fire.element-activating .reveal-field::after { animation: result-fire-heat 1.38s ease-out forwards; }

.result-water .reveal-field { background: radial-gradient(ellipse at 50% 74%, #0b2730, #031014 47%, #010405 78%); }
.result-water .reveal-field span { left: -22%; top: var(--water-y, 50%); width: 144%; height: var(--water-h, 12%); border: 1px solid rgba(180,214,219,.28); border-left: 0; border-right: 0; border-radius: 48%; background: linear-gradient(176deg, transparent 10%, rgba(63,129,145,.38) 48%, rgba(221,221,190,.17) 52%, rgba(12,55,67,.35) 75%, transparent); filter: blur(var(--water-blur, 2px)); transform: translateX(-20%) scaleX(.72) skewY(-2deg); }
.result-water .reveal-field span:nth-child(1) { --water-y: 28%; --water-h: 8%; --water-blur: 5px; animation-delay: .04s; }
.result-water .reveal-field span:nth-child(2) { --water-y: 38%; --water-h: 10%; --water-blur: 3px; animation-delay: .11s; }
.result-water .reveal-field span:nth-child(3) { --water-y: 49%; --water-h: 12%; animation-delay: .02s; }
.result-water .reveal-field span:nth-child(4) { --water-y: 60%; --water-h: 15%; animation-delay: .13s; }
.result-water .reveal-field span:nth-child(5) { --water-y: 72%; --water-h: 19%; --water-blur: 4px; animation-delay: .07s; }
.result-water .reveal-field span:nth-child(6) { --water-y: 84%; --water-h: 23%; --water-blur: 6px; animation-delay: .16s; }
.result-water .reveal-field::after { left: 50%; top: 55%; width: 28vmin; height: 28vmin; border: 1px solid rgba(225,211,171,.34); border-radius: 50%; transform: translate(-50%, -50%) scale(.1); }
.result-water.element-activating .reveal-field span { animation: result-water-current 1.28s cubic-bezier(.2,.7,.18,1) forwards; }
.result-water.element-activating .reveal-field::after { animation: result-water-ripple 1.2s ease-out .2s forwards; }

.result-earth .reveal-field { background: radial-gradient(ellipse at 50% 80%, #29231b, #0c0a08 50%, #020202 78%); }
.result-earth .reveal-field span { left: -8%; bottom: calc(-3% + var(--earth-y, 0%)); width: 116%; height: var(--earth-h, 13%); border-top: 1px solid rgba(216,181,124,.23); background: linear-gradient(172deg, rgba(91,76,56,.9), rgba(29,25,20,.95) 46%, rgba(8,7,6,.98)); clip-path: polygon(0 24%, 13% 8%, 31% 28%, 48% 2%, 66% 23%, 82% 7%, 100% 27%, 100% 100%, 0 100%); transform: translateY(120%); }
.result-earth .reveal-field span:nth-child(1) { --earth-y: 0%; --earth-h: 20%; animation-delay: .02s; }
.result-earth .reveal-field span:nth-child(2) { --earth-y: 12%; --earth-h: 18%; animation-delay: .12s; }
.result-earth .reveal-field span:nth-child(3) { --earth-y: 24%; --earth-h: 16%; animation-delay: .19s; }
.result-earth .reveal-field span:nth-child(4) { --earth-y: 36%; --earth-h: 14%; animation-delay: .25s; }
.result-earth .reveal-field span:nth-child(5) { --earth-y: 48%; --earth-h: 12%; animation-delay: .31s; }
.result-earth .reveal-field span:nth-child(6) { --earth-y: 58%; --earth-h: 10%; animation-delay: .37s; }
.result-earth .reveal-field::after { left: 50%; bottom: 10%; width: 2px; height: 70%; background: linear-gradient(180deg, transparent, rgba(238,196,126,.75) 22%, rgba(118,83,45,.65) 72%, transparent); box-shadow: -42px 81px 0 -1px rgba(205,157,94,.43), 37px 144px 0 -1px rgba(205,157,94,.35); transform: scaleY(0) rotate(17deg); transform-origin: 50% 100%; }
.result-earth.element-activating .reveal-field span { animation: result-earth-rise 1.12s cubic-bezier(.1,.76,.2,1) forwards; }
.result-earth.element-activating .reveal-field::after { animation: result-earth-fracture .92s ease-out .26s forwards; }

.result-air .reveal-field { background: radial-gradient(ellipse at 50% 50%, #202526, #090b0b 52%, #020303 80%); }
.result-air .reveal-field span { left: -32%; top: var(--air-y, 50%); width: var(--air-w, 68%); height: 4px; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(220,218,202,.1), rgba(232,224,201,.5), rgba(174,194,193,.15), transparent); box-shadow: 0 0 18px rgba(202,213,210,.25); filter: blur(var(--air-blur, 2px)); transform: translateX(-25%) skewX(-18deg); }
.result-air .reveal-field span:nth-child(1) { --air-y: 22%; --air-w: 54%; --air-blur: 4px; animation-delay: .02s; }
.result-air .reveal-field span:nth-child(2) { --air-y: 34%; --air-w: 72%; animation-delay: .13s; }
.result-air .reveal-field span:nth-child(3) { --air-y: 47%; --air-w: 63%; --air-blur: 3px; animation-delay: .06s; }
.result-air .reveal-field span:nth-child(4) { --air-y: 59%; --air-w: 79%; animation-delay: .17s; }
.result-air .reveal-field span:nth-child(5) { --air-y: 70%; --air-w: 58%; --air-blur: 5px; animation-delay: .09s; }
.result-air .reveal-field span:nth-child(6) { --air-y: 81%; --air-w: 74%; --air-blur: 3px; animation-delay: .21s; }
.result-air .reveal-field::after { inset: -10%; background: repeating-linear-gradient(168deg, transparent 0 42px, rgba(217,221,211,.1) 43px 45px, transparent 47px 83px); filter: blur(6px); transform: translateX(-20%) skewX(-8deg); }
.result-air.element-activating .reveal-field span { animation: result-air-current 1.08s cubic-bezier(.12,.76,.22,1) forwards; }
.result-air.element-activating .reveal-field::after { animation: result-air-pressure 1.3s ease-out forwards; }

.result-hero { min-height: 72svh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 124px 24px 70px; text-align: center; background: radial-gradient(ellipse at 50% 56%, rgba(130,76,32,.13), transparent 46%); }
.result-hero h1 { margin: 4px 0 0; color: var(--bright-gold); font-size: clamp(84px, 13vw, 190px); line-height: .78; text-transform: uppercase; text-shadow: 0 0 10px rgba(255,181,77,.48), 0 0 48px rgba(195,108,39,.23); }
.result-thesis { max-width: 720px; margin: 30px 0 0; color: #e3d7c5; font-family: var(--display); font-size: clamp(25px, 2.55vw, 37px); line-height: 1.14; }
.result-content { width: min(1060px, calc(100% - 48px)); margin: 0 auto; padding-bottom: 92px; background: linear-gradient(180deg, rgba(10,8,6,.94), #070605); }
.result-essentials { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.result-essentials article { min-height: 230px; padding: 54px clamp(34px, 5vw, 68px); }
.result-essentials article + article { border-left: 1px solid var(--line); }
.result-essentials h2, .result-secondary h2, .result-signature h2 { margin: 0; color: var(--bright-gold); font-family: var(--roman); font-size: clamp(28px, 3vw, 42px); font-weight: 500; line-height: 1; text-transform: uppercase; }
.result-essentials p, .result-secondary p { margin: 20px 0 0; color: #c9beae; font-family: var(--display); font-size: clamp(19px, 1.7vw, 23px); line-height: 1.5; }
.result-secondary, .result-signature { padding: 70px clamp(20px, 6vw, 78px); border-bottom: 1px solid var(--line); }
.result-secondary h3 { margin: 20px 0 0; color: #e6cfaa; font-family: var(--display); font-size: clamp(31px, 4vw, 52px); font-weight: 500; line-height: 1; text-transform: uppercase; }
.result-secondary h3 + p { margin-top: 15px; }
.result-signature > p:last-child { max-width: 890px; margin: 25px 0 0; color: #d2c7b8; font-family: var(--display); font-size: clamp(19px, 1.75vw, 23px); line-height: 1.7; }
.result-explore { display: flex; justify-content: center; padding: 66px 20px 0; }
.result-explore a { min-width: min(100%, 330px); min-height: 58px; display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; border: 1px solid rgba(214,170,102,.63); color: var(--bright-gold); font-size: 12px; letter-spacing: .17em; text-align: center; text-transform: uppercase; transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; }
.result-explore a:hover, .result-explore a:focus-visible { border-color: var(--bright-gold); background: rgba(132,78,34,.18); box-shadow: 0 0 22px rgba(205,127,55,.13); }

/* Element worlds */
.explore-element { padding: 0 !important; overflow: visible; background: #080706; }
.element-world-hero { min-height: 66svh; display: flex; flex-direction: column; justify-content: flex-end; padding: 112px clamp(24px, 7vw, 120px) 58px; background-position: center; background-size: cover; }
.element-fire .element-world-hero { background-image: linear-gradient(180deg, rgba(0,0,0,.34), rgba(2,1,1,.18) 48%, rgba(4,2,1,.82)), url("assets/reveal-fire.webp"); }
.element-water .element-world-hero { background-image: linear-gradient(180deg, rgba(0,0,0,.3), rgba(2,4,5,.12) 48%, rgba(2,4,5,.86)), url("assets/reveal-water.webp"); }
.element-earth .element-world-hero { background-image: linear-gradient(180deg, rgba(0,0,0,.28), rgba(2,2,2,.12) 48%, rgba(3,2,2,.86)), url("assets/reveal-earth.webp"); }
.element-air .element-world-hero { background-image: linear-gradient(180deg, rgba(0,0,0,.28), rgba(2,3,3,.08) 48%, rgba(3,4,4,.86)), url("assets/reveal-air.webp"); }
.element-world-hero h1 { margin: 0; color: var(--bright-gold); font-size: clamp(62px, 9vw, 142px); line-height: .78; text-transform: uppercase; text-shadow: 0 3px 2px rgba(0,0,0,.85), 0 0 34px rgba(180,94,31,.26); }
.element-world-hero > p:last-child { max-width: 760px; color: #eee1ce; font-family: var(--display); font-size: clamp(24px, 2.7vw, 38px); text-shadow: 0 2px 12px #000; }
.element-water { --element-glow: rgba(47,106,122,.28); } .element-earth { --element-glow: rgba(130,103,69,.31); } .element-air { --element-glow: rgba(177,194,193,.2); }
.element-world-content { width: min(1160px, calc(100% - 48px)); margin: 0 auto; padding: 82px 0; }
.element-world-content h2 { color: var(--bright-gold); font-size: clamp(36px, 4.3vw, 64px); line-height: .92; }
.carried-list { margin-top: 50px; }
.carried-list p { display: grid; grid-template-columns: minmax(240px, .8fr) 1fr; gap: 30px; padding: 23px 0; border-top: 1px solid var(--line); }
.carried-list strong { color: #ead7b8; font-family: var(--display); font-size: 27px; font-weight: 500; }
.carried-list span { color: var(--muted); }
.station-transition { min-height: 470px; margin: 88px 0; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; }
.station-transition > div { display: flex; flex-direction: column; justify-content: flex-end; padding: 48px; }
.city-side { background: linear-gradient(180deg, rgba(10,12,13,.18), rgba(4,5,5,.88)), repeating-linear-gradient(90deg, #1a1c1c 0 8%, #101112 8% 14%); }
.station-side { background-position: center; background-size: cover; border-left: 1px solid var(--line); }
.element-fire .station-side { background-image: linear-gradient(180deg, rgba(0,0,0,.38), rgba(5,2,1,.74)), url("assets/reveal-fire.webp"); }
.element-water .station-side { background-image: linear-gradient(180deg, rgba(0,0,0,.36), rgba(2,5,6,.78)), url("assets/reveal-water.webp"); }
.element-earth .station-side { background-image: linear-gradient(180deg, rgba(0,0,0,.35), rgba(3,3,2,.78)), url("assets/reveal-earth.webp"); }
.element-air .station-side { background-image: linear-gradient(180deg, rgba(0,0,0,.34), rgba(3,4,4,.76)), url("assets/reveal-air.webp"); }
.station-transition span { color: var(--muted); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.station-transition h2 { margin: 12px 0 0; font-size: clamp(34px, 4vw, 60px); }
.culture-block { max-width: 850px; }
.culture-block p:not(.eyebrow) { color: #c3b8a9; font-family: var(--display); font-size: 24px; }
.element-world-content blockquote { margin: 82px 0 0; padding: 46px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--bright-gold); font-family: var(--display); font-size: clamp(32px, 4.2vw, 58px); line-height: 1; }

/* Explore Fire — personal force into culture, people, and place */
.fire-depth-page { padding: 0 !important; overflow: visible; background: #040302; }
.fire-page-embers { position: absolute; z-index: -2; inset: 0; overflow: hidden; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.3), rgba(0,0,0,.78)), url("assets/ember-threshold.webp") center top / 100% auto repeat-y; opacity: .38; }
.fire-page-embers::after { content: ""; position: absolute; inset: 0; opacity: .34; background-image: radial-gradient(circle, rgba(255,177,76,.8) 0 1px, transparent 1.9px), radial-gradient(circle, rgba(190,72,18,.58) 0 1.2px, transparent 2.1px); background-size: 257px 311px, 389px 353px; animation: ember-lift 34s linear infinite; }
.fire-depth-hero { min-height: 88svh; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr); align-items: stretch; border-bottom: 1px solid var(--line); }
.fire-hero-copy { align-self: center; padding: 126px clamp(34px, 6vw, 108px) 76px; }
.fire-hero-copy h1 { margin: 0; color: var(--bright-gold); font-size: clamp(82px, 10vw, 158px); line-height: .72; letter-spacing: -.02em; text-transform: uppercase; text-shadow: 0 0 12px rgba(255,181,77,.5), 0 0 48px rgba(175,74,16,.25); }
.fire-hero-line { margin: 36px 0 0; color: #f0dec1; font-family: var(--display); font-size: clamp(30px, 3vw, 46px); line-height: 1.02; }
.fire-hero-intro { max-width: 700px; margin-top: 30px; color: #bdb1a1; }
.fire-hero-intro p { margin: 0 0 17px; }
.fire-hero-visual { min-height: 620px; background-image: linear-gradient(90deg, #040302 0, rgba(4,3,2,.26) 24%, transparent 54%), linear-gradient(180deg, rgba(0,0,0,.48), transparent 42%, rgba(4,2,1,.72)), url("assets/reveal-fire.webp"); background-position: center; background-size: cover; filter: saturate(.78) brightness(.8); }
.fire-depth-content { width: min(1160px, calc(100% - 64px)); margin: 0 auto; padding: 0 0 92px; }
.fire-editorial-section { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr); gap: clamp(52px, 8vw, 120px); padding: clamp(76px, 9vw, 112px) 0; border-bottom: 1px solid var(--line); }
.fire-editorial-section h2, .fire-embodied > h2, .fire-places > h2 { margin: 0; color: var(--bright-gold); font-size: clamp(40px, 5vw, 68px); line-height: .9; text-transform: uppercase; }
.fire-editorial-section > div { max-width: 690px; }
.fire-editorial-section p { margin: 0 0 20px; color: #c3b8a9; font-family: var(--display); font-size: clamp(21px, 2vw, 27px); line-height: 1.45; }
.fire-editorial-section p:last-child { margin-bottom: 0; color: #e0c9a4; }
.fire-embodied { padding: clamp(88px, 10vw, 128px) 0; border-bottom: 1px solid var(--line); }
.fire-characters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 56px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.fire-characters article { min-width: 0; padding: 38px clamp(24px, 3.2vw, 44px) 42px; }
.fire-characters article + article { border-left: 1px solid var(--line); }
.fire-characters h3 { margin: 0; color: #ead6b4; font-size: clamp(29px, 3vw, 42px); line-height: .92; }
.fire-characters p { margin: 24px 0 0; color: #aaa092; line-height: 1.65; }
.fire-characters blockquote { margin: 34px 0 0; color: var(--bright-gold); font-family: var(--display); font-size: clamp(22px, 2.15vw, 30px); line-height: 1.15; }
.fire-places { padding: clamp(88px, 10vw, 128px) 0 0; }
.fire-places > h2 { margin-bottom: 58px; }
.fire-place { min-height: 500px; display: grid; grid-template-columns: minmax(0, 1.48fr) minmax(280px, .72fr); margin-bottom: 56px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(8,6,4,.66); }
.fire-place img { width: 100%; height: 100%; min-height: 500px; object-fit: cover; filter: saturate(.72) contrast(1.04) brightness(.78); }
.fire-place > div { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(36px, 5vw, 68px); background: radial-gradient(circle at 18% 82%, rgba(161,78,24,.14), transparent 48%); }
.fire-place h3 { margin: 0; color: var(--bright-gold); font-size: clamp(44px, 5.3vw, 76px); line-height: .82; text-transform: uppercase; }
.fire-place p { margin: 24px 0 0; color: #c2b6a6; font-family: var(--display); font-size: clamp(21px, 2vw, 27px); line-height: 1.38; }
.fire-place-station { grid-template-columns: minmax(280px, .72fr) minmax(0, 1.48fr); }
.fire-place-station img { order: 2; }
.fire-return-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 80px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.fire-return-paths a { min-height: 84px; display: flex; align-items: center; justify-content: center; padding: 18px 24px; color: #dcc7a4; font-family: var(--roman); font-size: 13px; letter-spacing: .16em; text-align: center; text-transform: uppercase; transition: color .3s ease, background .3s ease; }
.fire-return-paths a + a { border-left: 1px solid var(--line); }
.fire-return-paths a:hover, .fire-return-paths a:focus-visible { color: #fff0cc; background: rgba(146,73,25,.1); }

/* Explore Water — movement, depth, and pressure beneath reflection */
.water-depth-page { padding: 0 !important; overflow: visible; background: #030405; }
.water-page-atmosphere { position: absolute; z-index: -2; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 72% 18%, rgba(45,75,83,.14), transparent 32%), linear-gradient(180deg, #030405, #070809 45%, #030405); }
.water-page-atmosphere::after { content: ""; position: absolute; inset: 0; opacity: .2; background: repeating-linear-gradient(174deg, transparent 0 78px, rgba(162,189,193,.08) 80px 81px, transparent 83px 147px); filter: blur(2px); animation: water-page-current 24s ease-in-out infinite alternate; }
.water-depth-hero { min-height: 92svh; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(400px, .96fr); align-items: stretch; border-bottom: 1px solid rgba(172,194,194,.19); }
.water-hero-copy { align-self: center; padding: 126px clamp(34px, 6vw, 108px) 72px; }
.water-hero-copy h1 { margin: 0; color: var(--bright-gold); font-size: clamp(82px, 10vw, 158px); line-height: .72; letter-spacing: -.02em; text-transform: uppercase; text-shadow: 0 0 11px rgba(225,193,135,.42), 0 0 42px rgba(46,82,91,.2); }
.water-hero-line { max-width: 780px; margin: 36px 0 0; color: #ecdfca; font-family: var(--display); font-size: clamp(29px, 2.8vw, 43px); line-height: 1.04; }
.water-hero-intro { max-width: 710px; margin-top: 28px; color: #b8b2a8; }
.water-hero-intro p { margin: 0 0 16px; }
.water-hero-visual { min-height: 680px; background-image: linear-gradient(90deg, #030405 0, rgba(3,4,5,.24) 24%, transparent 54%), linear-gradient(180deg, rgba(0,0,0,.42), transparent 40%, rgba(3,4,5,.64)), url("assets/reveal-water.webp"); background-position: center; background-size: cover; filter: saturate(.62) contrast(1.04) brightness(.77); }
.water-depth-content { width: min(1160px, calc(100% - 64px)); margin: 0 auto; padding: 0 0 92px; }
.water-editorial-section { position: relative; display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr); gap: clamp(52px, 8vw, 120px); padding: clamp(76px, 9vw, 112px) 0; border-bottom: 1px solid rgba(172,194,194,.19); }
.water-editorial-section::after { content: ""; position: absolute; right: 0; bottom: -1px; width: 34%; height: 1px; background: linear-gradient(90deg, transparent, rgba(184,211,213,.34), transparent); }
.water-editorial-section h2, .water-embodied > h2, .water-places > h2 { margin: 0; color: var(--bright-gold); font-size: clamp(40px, 5vw, 68px); line-height: .9; text-transform: uppercase; }
.water-editorial-section > div { max-width: 690px; }
.water-editorial-section p { margin: 0 0 20px; color: #c0bab0; font-family: var(--display); font-size: clamp(21px, 2vw, 27px); line-height: 1.45; }
.water-editorial-section p:last-child { margin-bottom: 0; color: #ddd0b9; }
.water-editorial-section strong { color: #ead7b6; font-weight: 600; }
.water-embodied { padding: clamp(88px, 10vw, 128px) 0; border-bottom: 1px solid rgba(172,194,194,.19); }
.water-characters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 56px; border-top: 1px solid rgba(172,194,194,.19); border-bottom: 1px solid rgba(172,194,194,.19); }
.water-characters article { min-width: 0; padding: 38px clamp(24px, 3.2vw, 44px) 42px; background: linear-gradient(180deg, rgba(55,76,81,.035), transparent 58%); }
.water-characters article + article { border-left: 1px solid rgba(172,194,194,.19); }
.water-characters h3 { margin: 0; color: #ead7b8; font-size: clamp(29px, 3vw, 42px); line-height: .92; }
.water-characters p { margin: 24px 0 0; color: #aaa69f; line-height: 1.65; }
.water-characters blockquote { margin: 34px 0 0; color: var(--bright-gold); font-family: var(--display); font-size: clamp(22px, 2.15vw, 30px); line-height: 1.15; }
.water-places { padding: clamp(88px, 10vw, 128px) 0 0; }
.water-places > h2 { margin-bottom: 58px; }
.water-place { min-height: 500px; display: grid; grid-template-columns: minmax(0, 1.48fr) minmax(280px, .72fr); margin-bottom: 56px; border-top: 1px solid rgba(172,194,194,.19); border-bottom: 1px solid rgba(172,194,194,.19); background: rgba(4,7,8,.78); }
.water-place img { width: 100%; height: 100%; min-height: 500px; object-fit: cover; filter: saturate(.7) contrast(1.03) brightness(.76); }
.water-place > div { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(36px, 5vw, 68px); background: radial-gradient(circle at 18% 82%, rgba(67,102,111,.12), transparent 52%); }
.water-place h3 { margin: 0; color: var(--bright-gold); font-size: clamp(44px, 5.3vw, 76px); line-height: .82; text-transform: uppercase; }
.water-place p { margin: 24px 0 0; color: #c1bbb1; font-family: var(--display); font-size: clamp(21px, 2vw, 27px); line-height: 1.38; }
.water-place-station { grid-template-columns: minmax(280px, .72fr) minmax(0, 1.48fr); }
.water-place-station img { order: 2; }
.water-return-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 80px; border-top: 1px solid rgba(172,194,194,.19); border-bottom: 1px solid rgba(172,194,194,.19); }
.water-return-paths a { min-height: 84px; display: flex; align-items: center; justify-content: center; padding: 18px 24px; color: #dcc9a8; font-family: var(--roman); font-size: 13px; letter-spacing: .16em; text-align: center; text-transform: uppercase; transition: color .3s ease, background .3s ease; }
.water-return-paths a + a { border-left: 1px solid rgba(172,194,194,.19); }
.water-return-paths a:hover, .water-return-paths a:focus-visible { color: #fff0cc; background: rgba(61,94,102,.11); }

/* Explore Earth — load, structure, force, and inhabited terrain */
.earth-depth-page { padding: 0 !important; overflow: visible; background: #040403; }
.earth-page-atmosphere { position: absolute; z-index: -2; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 70% 16%, rgba(112,91,64,.14), transparent 32%), linear-gradient(180deg, #040403, #080705 46%, #030303); }
.earth-page-atmosphere::after { content: ""; position: absolute; inset: 0; opacity: .2; background: repeating-linear-gradient(167deg, transparent 0 116px, rgba(187,156,111,.075) 117px 118px, transparent 120px 224px); animation: earth-page-load 26s ease-in-out infinite alternate; }
.earth-depth-hero { min-height: 94svh; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(400px, .96fr); align-items: stretch; border-bottom: 1px solid rgba(190,159,111,.2); }
.earth-hero-copy { align-self: center; padding: 126px clamp(34px, 6vw, 108px) 72px; }
.earth-hero-copy h1 { margin: 0; color: var(--bright-gold); font-size: clamp(82px, 10vw, 158px); line-height: .72; letter-spacing: -.02em; text-transform: uppercase; text-shadow: 0 0 11px rgba(225,193,135,.44), 0 0 44px rgba(106,78,42,.23); }
.earth-hero-line { max-width: 780px; margin: 36px 0 0; color: #ecdfca; font-family: var(--display); font-size: clamp(29px, 2.8vw, 43px); line-height: 1.04; }
.earth-hero-intro { max-width: 710px; margin-top: 28px; color: #bbb3a6; }
.earth-hero-intro p { margin: 0 0 16px; }
.earth-hero-visual { min-height: 700px; background-image: linear-gradient(90deg, #040403 0, rgba(4,4,3,.26) 24%, transparent 54%), linear-gradient(180deg, rgba(0,0,0,.42), transparent 40%, rgba(4,4,3,.66)), url("assets/reveal-earth.webp"); background-position: center; background-size: cover; filter: saturate(.6) contrast(1.09) brightness(.75); }
.earth-depth-content { width: min(1160px, calc(100% - 64px)); margin: 0 auto; padding: 0 0 92px; }
.earth-editorial-section { position: relative; display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr); gap: clamp(52px, 8vw, 120px); padding: clamp(76px, 9vw, 112px) 0; border-bottom: 1px solid rgba(190,159,111,.2); }
.earth-editorial-section::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 38%; height: 1px; background: linear-gradient(90deg, rgba(207,174,123,.32), transparent); }
.earth-editorial-section h2, .earth-embodied > h2, .earth-places > h2 { margin: 0; color: var(--bright-gold); font-size: clamp(40px, 5vw, 68px); line-height: .9; text-transform: uppercase; }
.earth-editorial-section > div { max-width: 690px; }
.earth-editorial-section p { margin: 0 0 20px; color: #c1b8aa; font-family: var(--display); font-size: clamp(21px, 2vw, 27px); line-height: 1.45; }
.earth-editorial-section p:last-child { margin-bottom: 0; color: #dfcdae; }
.earth-editorial-section strong { color: #ead7b6; font-weight: 600; }
.earth-embodied { padding: clamp(88px, 10vw, 128px) 0; border-bottom: 1px solid rgba(190,159,111,.2); }
.earth-characters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 56px; border-top: 1px solid rgba(190,159,111,.2); border-bottom: 1px solid rgba(190,159,111,.2); }
.earth-characters article { min-width: 0; padding: 38px clamp(24px, 3.2vw, 44px) 42px; background: linear-gradient(180deg, rgba(103,78,46,.035), transparent 58%); }
.earth-characters article + article { border-left: 1px solid rgba(190,159,111,.2); }
.earth-characters .earth-force-entry { background: linear-gradient(180deg, rgba(139,99,53,.1), transparent 68%); box-shadow: inset 0 2px rgba(206,163,100,.2); }
.earth-characters h3 { margin: 0; color: #ead7b8; font-size: clamp(29px, 3vw, 42px); line-height: .92; }
.earth-characters p { margin: 24px 0 0; color: #aaa296; line-height: 1.65; }
.earth-characters blockquote { margin: 34px 0 0; color: var(--bright-gold); font-family: var(--display); font-size: clamp(22px, 2.15vw, 30px); line-height: 1.15; }
.earth-places { padding: clamp(88px, 10vw, 128px) 0 0; }
.earth-places > h2 { margin-bottom: 58px; }
.earth-place { min-height: 500px; display: grid; grid-template-columns: minmax(0, 1.48fr) minmax(280px, .72fr); margin-bottom: 56px; border-top: 1px solid rgba(190,159,111,.2); border-bottom: 1px solid rgba(190,159,111,.2); background: rgba(7,6,4,.8); }
.earth-place img { width: 100%; height: 100%; min-height: 500px; object-fit: cover; filter: saturate(.7) contrast(1.05) brightness(.76); }
.earth-place > div { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(36px, 5vw, 68px); background: radial-gradient(circle at 18% 82%, rgba(114,83,48,.13), transparent 52%); }
.earth-place h3 { margin: 0; color: var(--bright-gold); font-size: clamp(41px, 4.8vw, 72px); line-height: .84; text-transform: uppercase; }
.earth-place p { margin: 24px 0 0; color: #c1b8aa; font-family: var(--display); font-size: clamp(21px, 2vw, 27px); line-height: 1.38; }
.earth-place-station { grid-template-columns: minmax(280px, .72fr) minmax(0, 1.48fr); }
.earth-place-station img { order: 2; }
.earth-return-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 80px; border-top: 1px solid rgba(190,159,111,.2); border-bottom: 1px solid rgba(190,159,111,.2); }
.earth-return-paths a { min-height: 84px; display: flex; align-items: center; justify-content: center; padding: 18px 24px; color: #dcc9a8; font-family: var(--roman); font-size: 13px; letter-spacing: .16em; text-align: center; text-transform: uppercase; transition: color .3s ease, background .3s ease; }
.earth-return-paths a + a { border-left: 1px solid rgba(190,159,111,.2); }
.earth-return-paths a:hover, .earth-return-paths a:focus-visible { color: #fff0cc; background: rgba(105,77,42,.12); }

/* Explore Air — pressure, direction, lift, and civic circulation */
.air-depth-page { padding: 0 !important; overflow: visible; background: #030405; }
.air-page-atmosphere { position: absolute; z-index: -2; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 74% 15%, rgba(128,151,153,.12), transparent 31%), linear-gradient(180deg, #030405, #070808 47%, #030405); }
.air-page-atmosphere::before, .air-page-atmosphere::after { content: ""; position: absolute; inset: -4%; pointer-events: none; }
.air-page-atmosphere::before { opacity: .16; background: repeating-linear-gradient(168deg, transparent 0 82px, rgba(191,205,201,.095) 84px 85px, transparent 87px 163px); filter: blur(2px); animation: air-page-pressure 28s ease-in-out infinite alternate; }
.air-page-atmosphere::after { opacity: .12; background: radial-gradient(ellipse at 28% 21%, rgba(207,220,216,.24), transparent 17%), radial-gradient(ellipse at 73% 58%, rgba(158,177,177,.18), transparent 20%); filter: blur(24px); animation: air-page-circulation 34s ease-in-out infinite alternate; }
.air-depth-hero { min-height: 94svh; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(400px, .96fr); align-items: stretch; border-bottom: 1px solid rgba(181,199,196,.19); }
.air-hero-copy { align-self: center; padding: 126px clamp(34px, 6vw, 108px) 72px; }
.air-hero-copy h1 { margin: 0; color: var(--bright-gold); font-size: clamp(82px, 10vw, 158px); line-height: .72; letter-spacing: -.02em; text-transform: uppercase; text-shadow: 0 0 11px rgba(225,193,135,.42), 0 0 44px rgba(94,125,129,.19); }
.air-hero-line { max-width: 780px; margin: 36px 0 0; color: #ecdfca; font-family: var(--display); font-size: clamp(29px, 2.8vw, 43px); line-height: 1.04; }
.air-hero-intro { max-width: 710px; margin-top: 28px; color: #b9b5ad; }
.air-hero-intro p { margin: 0 0 16px; }
.air-hero-visual { min-height: 700px; background-image: linear-gradient(90deg, #030405 0, rgba(3,4,5,.24) 24%, transparent 54%), linear-gradient(180deg, rgba(0,0,0,.38), transparent 40%, rgba(3,4,5,.64)), url("assets/reveal-air.webp"); background-position: center; background-size: cover; filter: saturate(.55) contrast(1.06) brightness(.76); }
.air-depth-content { width: min(1160px, calc(100% - 64px)); margin: 0 auto; padding: 0 0 92px; }
.air-editorial-section { position: relative; display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr); gap: clamp(52px, 8vw, 120px); padding: clamp(76px, 9vw, 112px) 0; border-bottom: 1px solid rgba(181,199,196,.19); }
.air-editorial-section::after { content: ""; position: absolute; right: 0; bottom: -1px; width: 42%; height: 1px; background: linear-gradient(90deg, transparent, rgba(195,213,210,.35)); }
.air-editorial-section h2, .air-embodied > h2, .air-places > h2 { margin: 0; color: var(--bright-gold); font-size: clamp(40px, 5vw, 68px); line-height: .9; text-transform: uppercase; }
.air-editorial-section > div { max-width: 690px; }
.air-editorial-section p { margin: 0 0 20px; color: #c1bdb5; font-family: var(--display); font-size: clamp(21px, 2vw, 27px); line-height: 1.45; }
.air-editorial-section p:last-child { margin-bottom: 0; color: #ded3be; }
.air-editorial-section strong { color: #ead7b6; font-weight: 600; }
.air-embodied { padding: clamp(88px, 10vw, 128px) 0; border-bottom: 1px solid rgba(181,199,196,.19); }
.air-characters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 56px; border-top: 1px solid rgba(181,199,196,.19); border-bottom: 1px solid rgba(181,199,196,.19); }
.air-characters article { min-width: 0; padding: 38px clamp(24px, 3.2vw, 44px) 42px; background: linear-gradient(180deg, rgba(92,119,121,.04), transparent 58%); }
.air-characters article + article { border-left: 1px solid rgba(181,199,196,.19); }
.air-characters h3 { margin: 0; color: #ead7b8; font-size: clamp(29px, 3vw, 42px); line-height: .92; }
.air-characters p { margin: 24px 0 0; color: #aaa7a0; line-height: 1.65; }
.air-characters blockquote { margin: 34px 0 0; color: var(--bright-gold); font-family: var(--display); font-size: clamp(22px, 2.15vw, 30px); line-height: 1.15; }
.air-places { padding: clamp(88px, 10vw, 128px) 0 0; }
.air-places > h2 { margin-bottom: 58px; }
.air-place { min-height: 500px; display: grid; grid-template-columns: minmax(0, 1.48fr) minmax(280px, .72fr); margin-bottom: 56px; border-top: 1px solid rgba(181,199,196,.19); border-bottom: 1px solid rgba(181,199,196,.19); background: rgba(4,6,7,.78); }
.air-place img { width: 100%; height: 100%; min-height: 500px; object-fit: cover; filter: saturate(.68) contrast(1.03) brightness(.77); }
.air-place > div { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(36px, 5vw, 68px); background: radial-gradient(circle at 18% 82%, rgba(75,105,108,.12), transparent 52%); }
.air-place h3 { margin: 0; color: var(--bright-gold); font-size: clamp(41px, 4.8vw, 72px); line-height: .84; text-transform: uppercase; }
.air-place p { margin: 24px 0 0; color: #c1bdb5; font-family: var(--display); font-size: clamp(21px, 2vw, 27px); line-height: 1.38; }
.air-place p + p { color: #dfcdaa; }
.air-place p strong { font-weight: 600; }
.air-place-station { grid-template-columns: minmax(280px, .72fr) minmax(0, 1.48fr); }
.air-place-station img { order: 2; }
.air-return-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 80px; border-top: 1px solid rgba(181,199,196,.19); border-bottom: 1px solid rgba(181,199,196,.19); }
.air-return-paths a { min-height: 84px; display: flex; align-items: center; justify-content: center; padding: 18px 24px; color: #dcc9a8; font-family: var(--roman); font-size: 13px; letter-spacing: .16em; text-align: center; text-transform: uppercase; transition: color .3s ease, background .3s ease; }
.air-return-paths a + a { border-left: 1px solid rgba(181,199,196,.19); }
.air-return-paths a:hover, .air-return-paths a:focus-visible { color: #fff0cc; background: rgba(74,104,108,.11); }

/* Saga */
.saga-page { overflow: visible; background: linear-gradient(145deg, #070605, #12100d 48%, #070605); }
.record-field { position: absolute; z-index: -1; inset: 0; opacity: .45; background: repeating-linear-gradient(94deg, transparent 0 11vw, rgba(208,167,101,.035) 11vw calc(11vw + 1px)), linear-gradient(160deg, transparent 57%, rgba(199,147,76,.055) 57.3%, transparent 58%); }
.saga-opening, .book-index { width: min(1120px, 100%); margin-inline: auto; }
.saga-opening { text-align: center; }
.saga-opening h1 { width: 100%; display: flex; align-items: baseline; justify-content: center; gap: clamp(10px, 1.25vw, 18px); margin: 0 auto; color: var(--bright-gold); text-transform: uppercase; text-shadow: 0 0 8px rgba(255,181,77,.38), 0 0 28px rgba(181,73,17,.2); }
.saga-opening h1 > span { display: inline-flex; align-items: baseline; gap: clamp(8px, 1vw, 14px); }
.saga-opening h1 > span + span { margin: 0; }
.saga-opening h1 small { color: #c69455; font-family: var(--roman); font-size: clamp(23px, 2.5vw, 36px); font-weight: 500; letter-spacing: .13em; line-height: 1; }
.saga-opening h1 strong { font-family: var(--display); font-size: clamp(62px, 6.5vw, 94px); font-weight: 500; letter-spacing: -.015em; line-height: .76; }
.saga-statement { margin: clamp(28px, 4vh, 42px) 0 0; color: #ead8bb; font-family: var(--display); font-size: clamp(28px, 3vw, 42px); line-height: 1.05; }
.saga-intro { max-width: 760px; margin: 16px auto 0; color: var(--muted); font-size: 17px; line-height: 1.65; }
.book-index { margin-top: clamp(42px, 6vh, 66px); border-top: 1px solid var(--line); }
.book-entry { border-bottom: 1px solid var(--line); }
.book-one-entry summary, .book-row { min-height: 86px; display: grid; grid-template-columns: 68px minmax(0, 1fr) 44px; gap: clamp(12px, 2.4vw, 28px); align-items: center; padding: 18px 6px; }
.book-one-entry summary { cursor: pointer; list-style: none; transition: background .28s ease, padding .28s ease; }
.book-one-entry summary::-webkit-details-marker { display: none; }
.book-one-entry summary:hover, .book-one-entry summary:focus-visible { padding-left: 14px; background: linear-gradient(90deg, rgba(180,111,49,.075), transparent 78%); }
.book-number { color: #a77a45; font-family: var(--roman); font-size: 14px; letter-spacing: .14em; }
.book-entry h2 { margin: 0; color: #d9c6a8; font-size: clamp(27px, 3vw, 42px); font-weight: 500; line-height: 1; }
.book-one-entry summary h2 { color: var(--bright-gold); }
.book-toggle { width: 44px; height: 44px; display: grid; place-items: center; color: var(--gold); font-family: var(--display); font-size: 29px; }
.book-toggle::before { content: "+"; }
.book-one-entry[open] .book-toggle::before { content: "−"; }
.book-expanded { max-width: 790px; margin-left: calc(68px + clamp(12px, 2.4vw, 28px)); padding: 4px 0 42px; }
.book-expanded .book-label { margin: 0 0 7px; color: var(--gold); font-size: 12px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; }
.book-expanded h3 { margin: 0; color: #ead7b7; font-size: clamp(29px, 3.1vw, 44px); line-height: 1; }
.book-expanded > p:not(.book-label) { margin: 19px 0 22px; color: #bbb0a1; font-family: var(--display); font-size: 19px; line-height: 1.48; }
.book-row { grid-template-columns: 68px minmax(0, 1fr); padding-right: 50px; }

/* Stay, utility */
.stay-page, .confirmed-page { display: grid; place-items: center; background: #080604; }
.stay-light { position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 50% 48%, rgba(207,131,55,.23), transparent 34%), radial-gradient(circle at 50% 50%, #15100c, #060504 62%); }
.stay-light::after { content: ""; position: absolute; inset: 0; opacity: .22; background-image: radial-gradient(circle, rgba(255,178,80,.68) 0 1px, transparent 1.8px), radial-gradient(circle, rgba(205,96,28,.44) 0 1.3px, transparent 2px); background-size: 241px 283px, 337px 271px; animation: ember-lift 34s linear infinite; }
.stay-content, .confirmed-page > div:last-child { width: min(790px, 100%); text-align: center; }
.stay-content h1, .confirmed-page h1 { margin: 0; color: var(--bright-gold); font-size: clamp(60px, 7.5vw, 118px); line-height: .8; text-transform: uppercase; }
.stay-content h1 { font-size: clamp(58px, 6.7vw, 106px); }
.stay-content h1 { text-shadow: 0 0 8px rgba(255,181,77,.42), 0 0 30px rgba(181,73,17,.22); }
.stay-content .lead { margin: 25px 0 14px; }
.stay-content > p:not(.eyebrow):not(.lead):not(.reassurance) { max-width: 660px; margin-inline: auto; color: var(--muted); }
.stay-supporting-copy { margin-block: 0; line-height: 1.55; }
.stay-supporting-copy span { display: block; }
.stay-supporting-copy span:last-child { white-space: nowrap; }
#signup-form { margin: 34px auto 0; max-width: 670px; text-align: left; }
#signup-form label { display: block; margin-bottom: 8px; color: var(--muted); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
#signup-form > div { display: grid; grid-template-columns: 1fr auto; }
#signup-form .formkit-field { min-width: 0; margin: 0; }
#signup-form input { min-width: 0; height: 58px; padding: 0 18px; border: 1px solid rgba(208,167,101,.35); background: rgba(0,0,0,.34); color: white; }
#signup-form .formkit-input { display: block; width: 100%; margin: 0; border-radius: 0; font: inherit; }
#signup-form button { position: relative; min-height: 58px; margin: 0; padding: 0 24px; border: 1px solid var(--gold); border-radius: 0; background: #6e4728; color: #fff0d2; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; cursor: pointer; }
#signup-form button > span { display: block; padding: 0; background: transparent; }
#signup-form .formkit-spinner { position: absolute; inset: 0; display: none; align-items: center; justify-content: center; gap: 4px; }
#signup-form .formkit-spinner > div { width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .48; }
#signup-form .formkit-submit[data-active] .formkit-spinner { display: flex; }
#signup-form .formkit-submit[data-active] .formkit-spinner + span { opacity: 0; }
#form-status { min-height: 2.7em; margin: 0; padding: 0; list-style: none; color: #d6b889; font-size: 13px; line-height: 1.4; }
#form-status:empty { display: block; }
.reassurance { color: rgba(222,213,199,.58); font-size: 13px; }
.confirmed-page .end-paths { justify-content: center; }
.privacy-page { background: linear-gradient(100deg, #0c0b09, #15130f 55%, #090807); }
.privacy-page article { width: min(850px, 100%); margin: 0 auto; }
.privacy-page header { margin-bottom: 70px; }
.privacy-page header > p:last-child { color: var(--muted); }
.privacy-page section { padding: 32px 0; border-top: 1px solid var(--line); }
.privacy-page h2 { margin: 0; color: var(--bright-gold); font-size: 31px; }
.privacy-page section p { color: #bdb4a7; }
.privacy-page section a { color: var(--bright-gold); text-decoration: underline; }
.lost-page { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; background: #080706; }
.lost-page > div:last-child { max-width: 690px; }
.lost-inscription { min-height: 56vh; display: grid; place-items: center; border: 1px solid rgba(208,167,101,.12); background: radial-gradient(circle, rgba(164,111,51,.12), transparent 55%); }
.lost-inscription span { color: rgba(223,194,146,.22); font-family: var(--roman); font-size: clamp(50px, 8vw, 120px); letter-spacing: .1em; clip-path: polygon(0 0, 43% 0, 43% 100%, 58% 100%, 58% 0, 100% 0, 100% 100%, 0 100%); }

@keyframes atmosphere-breathe { from { transform: scale(1.01); } to { transform: scale(1.035); } }
@keyframes ember-lift { to { background-position: 0 -220px, 0 -239px; } }
@keyframes ember-depth { from { transform: translate3d(0, 2%, 0) scale(1.02); } to { transform: translate3d(-1.5%, -8%, 0) scale(1.05); } }
@keyframes element-whisper { 0%, 7%, 34%, 100% { opacity: 0; transform: scale(var(--whisper-scale)); } 13%, 27% { opacity: .32; transform: scale(var(--whisper-scale)); } }
@keyframes memory-travel { 0% { left: 108%; opacity: 0; filter: blur(8px); } 11% { opacity: 1; filter: blur(calc((1 - var(--z)) * 4px)); } 67% { opacity: .9; } 87% { opacity: .5; filter: blur(calc((1 - var(--z)) * 5px)); } 100% { left: -14%; opacity: 0; filter: blur(11px); } }
@keyframes title-glint { 0%, 62%, 100% { background-position: 150% 0; opacity: .08; } 76% { background-position: -40% 0; opacity: .58; } }
@keyframes fire-rise { 0% { opacity: 0; transform: scaleY(.2); } 36% { opacity: 1; } 72% { opacity: .94; transform: scaleY(1.28); } 100% { opacity: .7; transform: scaleY(.8); } }
@keyframes water-mass { 0% { opacity: 0; transform: translateY(28%) scaleX(.86); } 55% { opacity: 1; transform: translateY(-10%) scaleX(1.08); } 100% { opacity: .88; transform: translateY(3%) scaleX(1); } }
@keyframes earth-lock { 0% { opacity: 0; transform: translateY(70%) rotate(.8deg); } 70% { opacity: 1; transform: translateY(-3%) rotate(0); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes air-clear { to { opacity: .16; transform: translateX(30%) skewX(-9deg); filter: blur(14px); } }
@keyframes result-fire-flame { 0% { opacity: 0; transform: translateX(var(--fire-x, 0)) scaleY(.08) rotate(var(--fire-r, 0deg)); } 36% { opacity: .9; } 68% { opacity: .96; transform: translateX(var(--fire-x, 0)) scaleY(1.12) rotate(0deg); } 100% { opacity: .52; transform: translateX(var(--fire-x, 0)) scaleY(.76) rotate(var(--fire-r, 0deg)); } }
@keyframes result-fire-heat { 0% { opacity: 0; transform: scaleY(.25); } 58% { opacity: .75; transform: scaleY(1.12); } 100% { opacity: .24; transform: scaleY(.84); } }
@keyframes result-water-current { 0% { opacity: 0; transform: translateX(-24%) scaleX(.7) skewY(-2deg); } 56% { opacity: .8; transform: translateX(8%) scaleX(1.08) skewY(1deg); } 100% { opacity: .38; transform: translateX(18%) scaleX(.96) skewY(-.4deg); } }
@keyframes result-water-ripple { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.08); } 36% { opacity: .68; } 100% { opacity: 0; transform: translate(-50%, -50%) scale(4.6); } }
@keyframes result-earth-rise { 0% { opacity: 0; transform: translateY(130%); } 66% { opacity: 1; transform: translateY(-8%); } 82% { transform: translateY(3%); } 100% { opacity: .78; transform: translateY(0); } }
@keyframes result-earth-fracture { 0% { opacity: 0; transform: scaleY(0) rotate(17deg); } 44% { opacity: .9; } 100% { opacity: .35; transform: scaleY(1) rotate(17deg); } }
@keyframes result-air-current { 0% { opacity: 0; transform: translateX(-28%) skewX(-18deg); } 44% { opacity: .85; } 100% { opacity: .14; transform: translateX(215%) skewX(-7deg); } }
@keyframes result-air-pressure { 0% { opacity: .74; transform: translateX(-24%) skewX(-8deg); } 62% { opacity: .42; } 100% { opacity: .06; transform: translateX(30%) skewX(-13deg); } }
@keyframes water-page-current { from { transform: translate3d(-2%, -1%, 0) scale(1.02); } to { transform: translate3d(3%, 2%, 0) scale(1.04); } }
@keyframes earth-page-load { from { transform: translate3d(0, -1%, 0) scale(1.01); } to { transform: translate3d(-1%, 1%, 0) scale(1.025); } }
@keyframes air-page-pressure { from { transform: translate3d(-3%, 1%, 0) skewX(-2deg); } to { transform: translate3d(4%, -2%, 0) skewX(-5deg); } }
@keyframes air-page-circulation { from { transform: translate3d(-2%, 1%, 0) scale(1.01); } to { transform: translate3d(3%, -1%, 0) scale(1.05); } }

@media (min-width: 901px) and (max-height: 800px) {
  .quiz-page { padding-top: 68px; padding-bottom: 18px; }
  .quiz-header { min-height: 58px; padding-block: 6px; }
  .quiz-progress { margin-bottom: 12px; }
  .quiz-card > .eyebrow { margin-bottom: 6px; }
  .quiz-card h1 { margin-bottom: 10px; font-size: clamp(33px, 3.3vw, 46px); }
  .scenario { font-size: 18px; line-height: 1.24; }
  .scenario p { margin-bottom: 5px; }
  .scenario .decision-prompt { margin: 10px 0 12px; font-size: 23px; }
  .quiz-answer { min-height: 80px; padding: 12px 16px; line-height: 1.35; }
  .quiz-back { margin-top: 6px; }
}

@media (max-width: 900px) {
  .masthead { min-height: 76px; padding: 16px 22px; }
  .section-brand { min-width: 0; }
  .brand-link { max-width: calc(100vw - 116px); display: block; overflow: hidden; font-size: clamp(11.5px, 3.2vw, 13px); letter-spacing: .12em; text-overflow: clip; }
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .site-nav { position: fixed; z-index: 100; top: 76px; right: 0; bottom: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; overflow-y: auto; overscroll-behavior: contain; padding: 18px 22px calc(30px + env(safe-area-inset-bottom)); border: 0; border-top: 1px solid var(--line); background: #070604; }
  .site-nav.is-open { display: flex; }
  .nav-aligned { display: block; }
  .nav-hub-link { width: 100%; min-height: 54px; justify-content: flex-start; padding: 0 14px; border-bottom: 1px solid rgba(208,167,101,.18); }
  .nav-dropdown-toggle { display: none; }
  .nav-dropdown, .nav-dropdown[hidden] { position: static; width: 100%; min-width: 0; max-height: none; display: grid !important; overflow: visible; padding: 0; border: 0; background: transparent; box-shadow: none; }
  .nav-dropdown a { min-height: 54px; justify-content: flex-start; padding: 0 14px; border-bottom: 1px solid rgba(208,167,101,.1); text-align: left; white-space: normal; }
  body.nav-menu-open { position: fixed; right: 0; left: 0; width: 100%; overflow: hidden; }
  .home-identity { top: calc(max(30px, calc(env(safe-area-inset-top) + 16px)) + 7svh); width: calc(100vw - 36px); }
  .home-series { font-size: clamp(17px, 4.5vw, 22px); line-height: 1.2; letter-spacing: .14em; white-space: normal; }
  .home-identity p { margin-top: 4px; font-size: clamp(15px, 4vw, 18px); }
  .home-axis { width: 96vw; }
  .reality-final { font-size: clamp(48px, 11.7vw, 105px); letter-spacing: .005em; word-spacing: .12em; }
  .home-cta { font-size: 13px; letter-spacing: .28em; }
  .home-road { background-position: 50% center; }
  .alignment-menu { width: min(640px, 100%); grid-template-columns: 1fr; gap: 14px; }
  .alignment-menu a { min-height: 112px; }
  .alignment-menu span, .alignment-menu .alignment-primary span { font-size: clamp(30px, 6vw, 43px); }
  .world-path { min-height: 118px; }
  .drakonis-page { display: block; overflow-y: auto; }
  .drakonis-copy { width: min(640px, 100%); padding-bottom: 0; }
  .drakonis-visual { position: relative; height: clamp(300px, 58vw, 470px); margin: 38px calc(clamp(24px, 6vw, 104px) * -1) 0; }
  .drakonis-visual::after { background: linear-gradient(180deg, #020202 0, transparent 18%, transparent 70%, #020202 100%), linear-gradient(90deg, rgba(2,2,2,.42), transparent 34%, rgba(2,2,2,.08)); }
  .drakonis-visual img { object-position: 72% center; }
  .drakonis-paths { width: min(640px, 100%); margin-top: 12px; }
  .prose-columns { grid-template-columns: 1fr; gap: 12px; }
  .peighton-city-visual img { height: auto; aspect-ratio: 16 / 10; }
  .highcrown-city-visual img { height: auto; aspect-ratio: 16 / 10; }
  .species-scale { grid-template-columns: 1fr; gap: 25px; }
  .species-scale i { width: 1px; height: 90px; margin: auto; background: linear-gradient(transparent, var(--gold), transparent); }
  .elements-grid { grid-template-columns: 1fr; }
  .element-door { min-height: 280px; border-right: 0; border-bottom: 1px solid rgba(208,167,101,.22); }
  .element-door:last-child { border-bottom: 0; }
  .element-door-front { opacity: 0; visibility: hidden; transform: translateY(-12px); transition: none; }
  .element-door-back { opacity: 1; visibility: visible; transform: none; transition: none; }
  .element-door-motion { opacity: .2; }
  .doctrine-law-cards { grid-template-columns: 1fr; }
  .doctrine-law-card { min-height: 250px; }
  .doctrine-law-card + .doctrine-law-card { border-left: 0; border-top: 1px solid rgba(208,167,101,.22); }
  .doctrine-law-front { opacity: 0; transform: translateY(-12px); }
  .doctrine-law-back { opacity: 1; transform: none; }
  .wound-hero { min-height: auto; }
  .wound-city-visual { aspect-ratio: 16 / 9; }
  .wound-city-visual img { height: 100%; min-height: 0; }
  .wound-core { grid-template-columns: 1fr; gap: 34px; align-items: start; }
  .wound-closing { grid-template-columns: 1fr; gap: 28px; }
  .quiz-answers { grid-template-columns: 1fr; }
  .result-essentials { grid-template-columns: 1fr; }
  .result-essentials article + article { border-left: 0; border-top: 1px solid var(--line); }
  .lost-page { grid-template-columns: 1fr; }
  .fire-depth-hero { min-height: auto; grid-template-columns: 1fr; }
  .fire-hero-copy { padding: 122px 36px 54px; }
  .fire-hero-visual { min-height: 440px; background-image: linear-gradient(180deg, #040302 0, transparent 22%, rgba(4,2,1,.7)), url("assets/reveal-fire.webp"); background-position: center 62%; }
  .fire-editorial-section { grid-template-columns: 1fr; gap: 30px; }
  .fire-characters { grid-template-columns: 1fr; }
  .fire-characters article + article { border-left: 0; border-top: 1px solid var(--line); }
  .fire-place, .fire-place-station { grid-template-columns: 1fr; }
  .fire-place-station img { order: 0; }
  .fire-place img { min-height: 420px; }
  .water-depth-hero { min-height: auto; grid-template-columns: 1fr; }
  .water-hero-copy { padding: 122px 36px 54px; }
  .water-hero-visual { min-height: 440px; background-image: linear-gradient(180deg, #030405 0, transparent 22%, rgba(3,4,5,.68)), url("assets/reveal-water.webp"); background-position: center 58%; }
  .water-editorial-section { grid-template-columns: 1fr; gap: 30px; }
  .water-characters { grid-template-columns: 1fr; }
  .water-characters article + article { border-left: 0; border-top: 1px solid rgba(172,194,194,.19); }
  .water-place, .water-place-station { grid-template-columns: 1fr; }
  .water-place-station img { order: 0; }
  .water-place img { min-height: 420px; }
  .earth-depth-hero { min-height: auto; grid-template-columns: 1fr; }
  .earth-hero-copy { padding: 122px 36px 54px; }
  .earth-hero-visual { min-height: 440px; background-image: linear-gradient(180deg, #040403 0, transparent 22%, rgba(4,4,3,.7)), url("assets/reveal-earth.webp"); background-position: center 58%; }
  .earth-editorial-section { grid-template-columns: 1fr; gap: 30px; }
  .earth-characters { grid-template-columns: 1fr; }
  .earth-characters article + article { border-left: 0; border-top: 1px solid rgba(190,159,111,.2); }
  .earth-place, .earth-place-station { grid-template-columns: 1fr; }
  .earth-place-station img { order: 0; }
  .earth-place img { min-height: 420px; }
  .air-depth-hero { min-height: auto; grid-template-columns: 1fr; }
  .air-hero-copy { padding: 122px 36px 54px; }
  .air-hero-visual { min-height: 440px; background-image: linear-gradient(180deg, #030405 0, transparent 22%, rgba(3,4,5,.68)), url("assets/reveal-air.webp"); background-position: center 58%; }
  .air-editorial-section { grid-template-columns: 1fr; gap: 30px; }
  .air-characters { grid-template-columns: 1fr; }
  .air-characters article + article { border-left: 0; border-top: 1px solid rgba(181,199,196,.19); }
  .air-place, .air-place-station { grid-template-columns: 1fr; }
  .air-place-station img { order: 0; }
  .air-place img { min-height: 420px; }
}

@media (max-width: 600px) {
  body { font-size: 16px; }
  .site-footer { grid-template-columns: minmax(0, 1fr) auto; gap: 5px 18px; padding-block: 13px; }
  .footer-author { grid-column: 1 / -1; grid-row: 1; justify-self: start; font-size: 13px; }
  .footer-copyright { grid-column: 1; grid-row: 2; }
  .site-footer > a:last-child { grid-column: 2; grid-row: 2; }
  .page:not(.home-page):not(.quiz-page) { padding: 94px 20px 64px; }
  .page-intro h1, .lore-article > header h1, .privacy-page h1, .lost-page h1 { font-size: clamp(49px, 14vw, 74px); line-height: .82; }
  .home-axis { transform: translateY(-3vh); }
  .reality-final { white-space: normal; font-size: clamp(49px, 14.3vw, 80px); line-height: .84; letter-spacing: .005em; word-spacing: .12em; }
  .home-cta { margin-top: 28px; }
  .home-road { background-size: auto 100%; }
  .travel-field span { font-size: clamp(45px, 14vw, 62px); color: #e1a451; text-shadow: 0 0 20px rgba(220,97,22,.82); }
  .threshold-page { padding-inline: 16px !important; }
  .alignment-heading { margin-bottom: 24px; }
  .alignment-heading h1 { font-size: clamp(54px, 16vw, 78px); }
  .alignment-menu { gap: 12px; }
  .alignment-menu a { min-height: 92px; padding: 20px 16px; }
  .alignment-menu span, .alignment-menu .alignment-primary span { font-size: clamp(28px, 8.5vw, 39px); }
  .world-page { padding-inline: 16px !important; }
  .world-heading h1 { font-size: clamp(51px, 14vw, 74px); }
  .world-paths { grid-template-columns: 1fr; margin-top: 22px; }
  .world-path { min-height: 104px; padding: 18px 8px; }
  .world-path:nth-child(odd) { justify-content: flex-start; text-align: left; }
  .world-path:nth-child(odd):hover, .world-path:nth-child(odd):focus-visible { padding-right: 8px; padding-left: 18px; background: linear-gradient(90deg, rgba(180,111,49,.09), transparent 82%); }
  .world-path:nth-last-child(-n+2) { border-bottom: 0; }
  .world-path:last-child { border-bottom: 1px solid var(--line); }
  .world-path h2 { font-size: 34px; }
  .fire-depth-content { width: calc(100% - 36px); padding-bottom: 70px; }
  .fire-hero-copy { padding: 112px 20px 44px; }
  .fire-hero-copy h1 { font-size: clamp(76px, 25vw, 112px); white-space: nowrap; }
  .fire-hero-line { margin-top: 27px; font-size: clamp(30px, 9vw, 39px); }
  .fire-hero-intro { margin-top: 24px; }
  .fire-hero-intro p { font-size: 16px; line-height: 1.65; }
  .fire-hero-visual { min-height: 330px; }
  .fire-editorial-section { gap: 24px; padding: 68px 0; }
  .fire-editorial-section h2, .fire-embodied > h2, .fire-places > h2 { font-size: clamp(38px, 12vw, 52px); }
  .fire-editorial-section p { font-size: 21px; }
  .fire-embodied { padding: 70px 0; }
  .fire-characters { margin-top: 38px; }
  .fire-characters article { padding: 32px 4px 36px; }
  .fire-characters h3 { font-size: clamp(31px, 10vw, 40px); }
  .fire-characters p { margin-top: 18px; }
  .fire-characters blockquote { margin-top: 26px; font-size: 25px; }
  .fire-places { padding-top: 70px; }
  .fire-places > h2 { margin-bottom: 38px; }
  .fire-place { min-height: 0; margin-bottom: 38px; }
  .fire-place img { min-height: 0; height: auto; aspect-ratio: 16 / 10; }
  .fire-place > div { padding: 32px 24px 36px; }
  .fire-place h3 { font-size: clamp(42px, 13vw, 58px); }
  .fire-place p { margin-top: 18px; font-size: 21px; }
  .fire-return-paths { grid-template-columns: 1fr; margin-top: 58px; }
  .fire-return-paths a { min-height: 62px; }
  .fire-return-paths a + a { border-left: 0; border-top: 1px solid var(--line); }
  .water-depth-content { width: calc(100% - 36px); padding-bottom: 70px; }
  .water-hero-copy { padding: 112px 20px 44px; }
  .water-hero-copy h1 { font-size: clamp(70px, 23vw, 104px); white-space: nowrap; }
  .water-hero-line { margin-top: 27px; font-size: clamp(29px, 8.8vw, 38px); }
  .water-hero-intro { margin-top: 24px; }
  .water-hero-intro p { font-size: 16px; line-height: 1.65; }
  .water-hero-visual { min-height: 330px; }
  .water-editorial-section { gap: 24px; padding: 68px 0; }
  .water-editorial-section h2, .water-embodied > h2, .water-places > h2 { font-size: clamp(38px, 12vw, 52px); }
  .water-editorial-section p { font-size: 21px; }
  .water-embodied { padding: 70px 0; }
  .water-characters { margin-top: 38px; }
  .water-characters article { padding: 32px 4px 36px; }
  .water-characters h3 { font-size: clamp(31px, 10vw, 40px); }
  .water-characters p { margin-top: 18px; }
  .water-characters blockquote { margin-top: 26px; font-size: 25px; }
  .water-places { padding-top: 70px; }
  .water-places > h2 { margin-bottom: 38px; }
  .water-place { min-height: 0; margin-bottom: 38px; }
  .water-place img { min-height: 0; height: auto; aspect-ratio: 16 / 10; }
  .water-place > div { padding: 32px 24px 36px; }
  .water-place h3 { font-size: clamp(42px, 13vw, 58px); }
  .water-place p { margin-top: 18px; font-size: 21px; }
  .water-return-paths { grid-template-columns: 1fr; margin-top: 58px; }
  .water-return-paths a { min-height: 62px; }
  .water-return-paths a + a { border-left: 0; border-top: 1px solid rgba(172,194,194,.19); }
  .earth-depth-content { width: calc(100% - 36px); padding-bottom: 70px; }
  .earth-hero-copy { padding: 112px 20px 44px; }
  .earth-hero-copy h1 { font-size: clamp(70px, 23vw, 104px); white-space: nowrap; }
  .earth-hero-line { margin-top: 27px; font-size: clamp(29px, 8.8vw, 38px); }
  .earth-hero-intro { margin-top: 24px; }
  .earth-hero-intro p { font-size: 16px; line-height: 1.65; }
  .earth-hero-visual { min-height: 330px; }
  .earth-editorial-section { gap: 24px; padding: 68px 0; }
  .earth-editorial-section h2, .earth-embodied > h2, .earth-places > h2 { font-size: clamp(38px, 12vw, 52px); }
  .earth-editorial-section p { font-size: 21px; }
  .earth-embodied { padding: 70px 0; }
  .earth-characters { margin-top: 38px; }
  .earth-characters article { padding: 32px 4px 36px; }
  .earth-characters h3 { font-size: clamp(31px, 10vw, 40px); }
  .earth-characters p { margin-top: 18px; }
  .earth-characters blockquote { margin-top: 26px; font-size: 25px; }
  .earth-places { padding-top: 70px; }
  .earth-places > h2 { margin-bottom: 38px; }
  .earth-place { min-height: 0; margin-bottom: 38px; }
  .earth-place img { min-height: 0; height: auto; aspect-ratio: 16 / 10; }
  .earth-place > div { padding: 32px 24px 36px; }
  .earth-place h3 { font-size: clamp(38px, 11.5vw, 54px); }
  .earth-place p { margin-top: 18px; font-size: 21px; }
  .earth-return-paths { grid-template-columns: 1fr; margin-top: 58px; }
  .earth-return-paths a { min-height: 62px; }
  .earth-return-paths a + a { border-left: 0; border-top: 1px solid rgba(190,159,111,.2); }
  .air-depth-content { width: calc(100% - 36px); padding-bottom: 70px; }
  .air-hero-copy { padding: 112px 20px 44px; }
  .air-hero-copy h1 { font-size: clamp(76px, 25vw, 112px); white-space: nowrap; }
  .air-hero-line { margin-top: 27px; font-size: clamp(29px, 8.8vw, 38px); }
  .air-hero-intro { margin-top: 24px; }
  .air-hero-intro p { font-size: 16px; line-height: 1.65; }
  .air-hero-visual { min-height: 330px; }
  .air-editorial-section { gap: 24px; padding: 68px 0; }
  .air-editorial-section h2, .air-embodied > h2, .air-places > h2 { font-size: clamp(38px, 12vw, 52px); }
  .air-editorial-section p { font-size: 21px; }
  .air-embodied { padding: 70px 0; }
  .air-characters { margin-top: 38px; }
  .air-characters article { padding: 32px 4px 36px; }
  .air-characters h3 { font-size: clamp(31px, 10vw, 40px); }
  .air-characters p { margin-top: 18px; }
  .air-characters blockquote { margin-top: 26px; font-size: 25px; }
  .air-places { padding-top: 70px; }
  .air-places > h2 { margin-bottom: 38px; }
  .air-place { min-height: 0; margin-bottom: 38px; }
  .air-place img { min-height: 0; height: auto; aspect-ratio: 16 / 10; }
  .air-place > div { padding: 32px 24px 36px; }
  .air-place h3 { font-size: clamp(42px, 13vw, 58px); }
  .air-place p { margin-top: 18px; font-size: 21px; }
  .air-return-paths { grid-template-columns: 1fr; margin-top: 58px; }
  .air-return-paths a { min-height: 62px; }
  .air-return-paths a + a { border-left: 0; border-top: 1px solid rgba(181,199,196,.19); }
  .world-path p { font-size: 17px; }
  .drakonis-copy h1 { font-size: clamp(55px, 15.5vw, 76px); line-height: .82; }
  .drakonis-hook { margin-top: 24px; font-size: clamp(28px, 8.3vw, 37px); }
  .drakonis-body { margin-top: 18px; font-size: 16px; line-height: 1.65; }
  .drakonis-visual { height: clamp(260px, 72vw, 350px); margin: 30px -20px 0; }
  .drakonis-paths { grid-template-columns: 1fr; gap: 0; margin-top: 8px; }
  .drakonis-paths a { min-height: 58px; border-bottom: 1px solid rgba(208,167,101,.16); }
  .lore-article > header { margin-bottom: 55px; }
  .elements-hero { width: calc(100% - 40px); padding: 28px 0 38px; text-align: left; }
  .elements-hero h1 { font-size: clamp(49px, 14.8vw, 72px); white-space: nowrap; }
  .elements-hero-line { margin-top: 24px; font-size: clamp(28px, 8vw, 36px); }
  .elements-intro { margin-top: 24px; font-size: 16px; line-height: 1.66; }
  .elements-thesis { margin-top: 18px; font-size: 23px; }
  .elements-grid { width: calc(100% - 40px); grid-template-columns: 1fr; }
  .element-door { min-height: 280px; border-right: 0; border-bottom: 1px solid rgba(208,167,101,.22); }
  .element-door:nth-last-child(-n+2) { border-bottom: 1px solid rgba(208,167,101,.22); }
  .element-door:last-child { border-bottom: 0; }
  .element-door-face { padding: 28px 24px 30px; }
  .element-door-face strong { font-size: 47px; }
  .element-door-face em, .element-door-back em { margin-top: 17px; font-family: var(--body); font-size: 15px; line-height: 1.62; }
  .element-door-face b { margin-top: 23px; }
  .element-door-front { opacity: 0; visibility: hidden; transform: translateY(-12px); transition: none; }
  .element-door-back { opacity: 1; visibility: visible; transform: none; transition: none; }
  .elements-world-nav { width: calc(100% - 40px); grid-template-columns: 1fr; margin: 42px auto 56px; }
  .elements-world-nav a { min-height: 92px; padding: 22px 20px; }
  .elements-world-nav a + a { align-items: flex-start; border-left: 0; border-top: 1px solid rgba(208,167,101,.22); text-align: left; }
  .wound-hero { padding-top: 28px; }
  .wound-hero-copy { width: calc(100% - 40px); padding-bottom: 30px; }
  .wound-hero-copy h1 { font-size: clamp(48px, 14.5vw, 68px); white-space: nowrap; }
  .wound-hero-copy p { margin-top: 18px; font-size: clamp(26px, 7.7vw, 34px); }
  .wound-city-visual { aspect-ratio: 4 / 3; }
  .wound-city-visual img { object-position: 50% 57%; transform: scale(1.01); }
  .wound-content { width: calc(100% - 40px); padding: 46px 0 54px; }
  .wound-core { gap: 24px; padding-bottom: 44px; }
  .wound-core > div > p:first-child { font-size: clamp(26px, 7.8vw, 34px); }
  .wound-core .wound-release { margin-top: 20px; font-size: clamp(31px, 9vw, 39px); }
  .wound-core p { font-size: 16px; line-height: 1.68; }
  .wound-unreality { padding: 48px 0; text-align: left; }
  .wound-manifestations { margin-top: 25px; font-size: clamp(30px, 9vw, 39px); }
  .wound-unreality > p:last-child { margin-top: 25px; font-size: 22px; }
  .wound-closing { gap: 25px; padding: 46px 0 34px; text-align: left; }
  .wound-closing p { font-size: 16px; line-height: 1.68; }
  .wound-closing p:last-child { margin: 0; font-size: clamp(30px, 9vw, 39px); }
  .wound-world-nav { grid-template-columns: 1fr; }
  .wound-world-nav a { min-height: 82px; padding: 18px 20px; }
  .wound-world-nav a + a { align-items: flex-start; border-left: 0; border-top: 1px solid rgba(208,167,101,.22); text-align: left; }
  .peighton-hero { padding-top: 30px; }
  .peighton-hero-copy { width: calc(100% - 40px); padding-bottom: 34px; }
  .peighton-hero-copy h1 { font-size: clamp(48px, 15.4vw, 72px); white-space: nowrap; }
  .peighton-hero-line { margin-top: 19px; font-size: clamp(27px, 8vw, 35px); }
  .peighton-body-copy { margin-top: 16px; font-size: 16px; line-height: 1.62; }
  .peighton-city-visual img { aspect-ratio: 4 / 3; object-position: 50% 57%; }
  .peighton-world-nav { width: calc(100% - 40px); grid-template-columns: 1fr; margin: 42px auto 58px; }
  .peighton-world-nav a { min-height: 82px; padding: 18px 20px; }
  .peighton-world-nav a + a { align-items: flex-start; border-left: 0; border-top: 1px solid rgba(208,167,101,.22); text-align: left; }
  .highcrown-hero { padding-top: 30px; }
  .highcrown-hero-copy { width: calc(100% - 40px); padding-bottom: 34px; }
  .highcrown-hero-copy h1 { font-size: clamp(46px, 14.1vw, 69px); white-space: nowrap; }
  .highcrown-hero-line { margin-top: 19px; font-size: clamp(27px, 8vw, 35px); }
  .highcrown-body-copy { margin-top: 16px; font-size: 16px; line-height: 1.62; }
  .highcrown-city-visual img { aspect-ratio: 4 / 3; object-position: 50% 50%; }
  .highcrown-world-nav { width: calc(100% - 40px); grid-template-columns: 1fr; margin: 42px auto 58px; }
  .highcrown-world-nav a { min-height: 82px; padding: 18px 20px; }
  .highcrown-world-nav a + a { align-items: flex-start; border-left: 0; border-top: 1px solid rgba(208,167,101,.22); text-align: left; }
  .doctrine-hero { width: calc(100% - 40px); padding: 30px 0 34px; }
  .doctrine-hero h1 { font-size: clamp(44px, 13.3vw, 66px); white-space: nowrap; }
  .doctrine-hero-line { margin-top: 19px; font-size: clamp(27px, 8vw, 35px); }
  .doctrine-history { margin-top: 20px; font-size: 16px; line-height: 1.62; }
  .doctrine-vow { margin-top: 19px; font-size: clamp(21px, 6.3vw, 27px); line-height: 1.24; }
  .doctrine-artifact { width: calc(100% - 40px); }
  .doctrine-artifact img { height: auto; aspect-ratio: 16 / 10; object-position: 50% 49%; }
  .doctrine-law-cards { width: calc(100% - 40px); margin-top: 36px; }
  .doctrine-law-card, .doctrine-law-card:focus-visible { min-height: 280px; }
  .doctrine-law-face { padding: 28px 24px 30px; }
  .doctrine-law-face h2 { font-size: clamp(29px, 9vw, 39px); }
  .doctrine-law-back .doctrine-law-statement { font-size: 22px; }
  .doctrine-law-back p:last-child { font-size: 16px; line-height: 1.55; }
  .doctrine-world-nav { width: calc(100% - 40px); grid-template-columns: 1fr; margin: 42px auto 58px; }
  .doctrine-world-nav a { min-height: 82px; padding: 18px 20px; }
  .doctrine-world-nav a + a { align-items: flex-start; border-left: 0; border-top: 1px solid rgba(208,167,101,.22); text-align: left; }
  .element-start-page { padding-inline: 18px !important; }
  .element-start-copy h1 span { margin-bottom: 10px; font-size: clamp(18px, 5.5vw, 25px); letter-spacing: .16em; }
  .element-start-copy h1 strong { max-width: 92vw; margin-inline: auto; font-size: clamp(60px, 18.8vw, 92px); line-height: .78; letter-spacing: 0; white-space: nowrap; }
  .element-start-copy .lead { margin-top: 30px; font-size: clamp(25px, 7.4vw, 34px); }
  .element-start-copy .choice-count { margin-top: 10px; }
  .primary-action { min-width: 188px; min-height: 56px; }
  .element-whisper { font-size: clamp(13px, 3.7vw, 16px); letter-spacing: .25em; }
  .whisper-fire { top: 10%; left: 5%; }
  .whisper-water { top: 17%; right: 3%; }
  .whisper-earth { bottom: 2%; left: 4%; }
  .whisper-air { right: 5%; bottom: 11%; }
  .quiz-page { padding: 76px 16px 52px; }
  .quiz-header { min-height: 62px; padding-block: 8px; }
  .quiz-progress { margin-bottom: 20px; }
  .quiz-card h1 { margin-bottom: 14px; font-size: clamp(32px, 10.4vw, 39px); }
  .scenario { font-size: 18px; line-height: 1.4; }
  .scenario p { margin-bottom: 9px; }
  .scenario .decision-prompt { margin: 17px 0 15px; font-size: 23px; line-height: 1.15; }
  .quiz-answers { gap: 10px; }
  .quiz-answer { min-height: 88px; padding: 16px; line-height: 1.45; }
  .quiz-back { margin-top: 12px; }
  .result-hero { min-height: 68svh; padding: 104px 18px 54px; }
  .result-hero h1 { font-size: clamp(72px, 23vw, 118px); white-space: nowrap; }
  .result-thesis { margin-top: 24px; font-size: clamp(24px, 7.7vw, 32px); }
  .result-content { width: calc(100% - 36px); padding-bottom: 70px; }
  .result-essentials article { min-height: 0; padding: 42px 22px; }
  .result-essentials h2, .result-secondary h2, .result-signature h2 { font-size: clamp(27px, 8.5vw, 36px); }
  .result-essentials p, .result-secondary p { font-size: 19px; line-height: 1.55; }
  .result-secondary, .result-signature { padding: 50px 22px; }
  .result-secondary h3 { font-size: clamp(30px, 9.2vw, 42px); }
  .result-signature > p:last-child { font-size: 18px; line-height: 1.72; }
  .result-explore { padding: 52px 4px 0; }
  .result-explore a { width: 100%; min-height: 60px; }
  .element-world-content { width: calc(100% - 40px); }
  .station-transition { min-height: 700px; grid-template-columns: 1fr; }
  .station-transition > div { min-height: 350px; padding: 30px 24px; }
  .station-side { border-left: 0; border-top: 1px solid var(--line); }
  .carried-list p { grid-template-columns: 1fr; gap: 4px; }
  .saga-page { padding: 98px 18px 64px !important; }
  .saga-opening h1 { flex-wrap: wrap; row-gap: 2px; }
  .saga-opening h1 > span { flex: 0 0 100%; justify-content: center; gap: 8px; }
  .saga-opening h1 small { font-size: clamp(17px, 5.2vw, 22px); letter-spacing: .11em; }
  .saga-opening h1 strong { font-size: clamp(47px, 14.3vw, 64px); line-height: .78; }
  .saga-statement { margin-top: 28px; font-size: clamp(25px, 7.8vw, 34px); }
  .saga-intro { margin-top: 14px; font-size: 16px; line-height: 1.55; }
  .book-index { margin-top: 38px; }
  .book-one-entry summary, .book-row { min-height: 82px; grid-template-columns: 40px minmax(0, 1fr) 40px; gap: 10px; padding: 16px 2px; }
  .book-row { grid-template-columns: 40px minmax(0, 1fr); padding-right: 4px; }
  .book-entry h2 { font-size: clamp(25px, 7.5vw, 34px); line-height: 1.04; }
  .book-number { font-size: 12px; }
  .book-expanded { margin-left: 50px; padding: 2px 0 34px; }
  .book-expanded h3 { font-size: clamp(28px, 8.4vw, 38px); }
  .book-expanded > p:not(.book-label) { font-size: 18px; }
  .stay-content h1 { font-size: clamp(54px, 17vw, 74px); }
  .stay-content .lead { margin: 22px 0 13px; font-size: clamp(25px, 7.5vw, 34px); }
  .stay-supporting-copy { font-size: 15px; line-height: 1.5; }
  .stay-supporting-copy span:first-child { max-width: 31ch; margin-inline: auto; }
  .stay-supporting-copy span:last-child { white-space: nowrap; }
  #signup-form { margin-top: 30px; }
  #signup-form > div { grid-template-columns: 1fr; gap: 10px; }
  #signup-form button { width: 100%; }
  .lost-inscription { min-height: 38vh; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .travel-field { display: none; }
  .element-whisper { animation: none !important; opacity: 0; }
  .element-whisper.whisper-water { opacity: .2; }
  .home-road { opacity: .72; transform: none; }
  .reality-final, .home-cta, .home-identity { opacity: 1; filter: none; transform: none; }
  .home-identity { transform: translateX(-50%); }
  .result-reveal { display: none; }
  .route-result .masthead { opacity: 1; pointer-events: auto; }
}

@media (max-width: 900px) {
  .route-drakonis .drakonis-page { padding: 78px 0 0 !important; }
  .drakonis-page { display: block; overflow: visible; }
  .drakonis-copy { width: calc(100% - 40px); margin: 0 auto; padding: 30px 0 34px; }
  .drakonis-copy h1,
  .wound-hero-copy h1 { font-size: clamp(44px, 13.3vw, 66px); line-height: .82; white-space: nowrap; }
  .drakonis-hook,
  .wound-hero-copy > p { margin-top: 19px; font-size: clamp(27px, 8vw, 35px); }
  .drakonis-visual { position: relative; height: auto; margin: 0; }
  .drakonis-visual img { height: auto; aspect-ratio: 4 / 3; object-position: 52% 50%; }
  .drakonis-world-nav,
  .wound-world-nav { width: calc(100% - 40px); grid-template-columns: 1fr; margin: 42px auto 58px; }
  .drakonis-world-nav a,
  .wound-world-nav a { min-height: 82px; padding: 18px 20px; }
  .drakonis-world-nav a + a,
  .wound-world-nav a + a { align-items: flex-start; border-left: 0; border-top: 1px solid rgba(208,167,101,.22); text-align: left; }
  .wound-hero { padding-top: 30px; }
  .wound-summary { margin-top: 20px; }
  .wound-summary p { font-size: 16px; line-height: 1.62; }
  .wound-summary p + p { font-size: 25px; }
  .element-door-face { justify-content: flex-start; padding-top: 50px; }
}

/* Correction Pass 3 final cascade */
.fire-depth-page, .water-depth-page, .earth-depth-page, .air-depth-page { background: #030303; }
.fire-depth-hero, .water-depth-hero, .earth-depth-hero, .air-depth-hero { min-height: 78svh; }
.fire-hero-copy, .water-hero-copy, .earth-hero-copy, .air-hero-copy { padding-top: 118px; padding-bottom: 58px; }
.fire-hero-visual, .water-hero-visual, .earth-hero-visual, .air-hero-visual { min-height: 560px; }
.fire-editorial-section, .water-editorial-section, .earth-editorial-section, .air-editorial-section { grid-template-columns: minmax(285px, .76fr) minmax(0, 1.24fr); gap: clamp(42px, 6vw, 88px); padding: clamp(58px, 6vw, 76px) 0; }
.fire-editorial-section h2, .fire-embodied > h2, .fire-places > h2,
.water-editorial-section h2, .water-embodied > h2, .water-places > h2,
.earth-editorial-section h2, .earth-embodied > h2, .earth-places > h2,
.air-editorial-section h2, .air-embodied > h2, .air-places > h2 { max-width: 12ch; font-size: clamp(34px, 4vw, 54px); line-height: .96; }
.fire-embodied, .water-embodied, .earth-embodied, .air-embodied { padding: clamp(66px, 7vw, 86px) 0; }
.fire-characters, .water-characters, .earth-characters, .air-characters { margin-top: 40px; }
.fire-characters article, .water-characters article, .earth-characters article, .air-characters article { padding-top: 32px; padding-bottom: 34px; }
.fire-characters p, .water-characters p, .earth-characters p, .air-characters p { margin-top: 19px; }
.fire-characters blockquote, .water-characters blockquote, .earth-characters blockquote, .air-characters blockquote { margin-top: 26px; }
.fire-places, .water-places, .earth-places, .air-places { padding-top: clamp(66px, 7vw, 86px); }
.fire-places > h2, .water-places > h2, .earth-places > h2, .air-places > h2 { margin-bottom: 42px; }
.fire-place, .water-place, .earth-place, .air-place { min-height: 420px; margin-bottom: 40px; }
.fire-place img, .water-place img, .earth-place img, .air-place img { min-height: 420px; }
.fire-place h3, .water-place h3, .earth-place h3, .air-place h3 { font-size: clamp(36px, 4.2vw, 58px); line-height: .9; }
.fire-place p, .water-place p, .earth-place p, .air-place p { margin-top: 18px; font-size: clamp(19px, 1.7vw, 24px); }
.fire-return-paths, .water-return-paths, .earth-return-paths, .air-return-paths { margin-top: 56px; }
.saga-page { padding-top: clamp(112px, 13vh, 136px) !important; background: linear-gradient(145deg, #050403, #0d0b09 48%, #050403); }
.saga-opening h1 { display: block; max-width: 1080px; margin: 0 auto; color: var(--bright-gold); font-family: var(--display); font-size: clamp(54px, 6.4vw, 88px); font-weight: 500; letter-spacing: -.018em; line-height: .86; text-align: center; text-transform: uppercase; text-shadow: 0 0 7px rgba(255,181,77,.28), 0 0 24px rgba(181,73,17,.14); }
.saga-statement { margin-top: 28px; }
.saga-intro { margin-top: 14px; }
.book-index { margin-top: clamp(36px, 5vh, 54px); }

@media (max-width: 900px) {
  .fire-depth-hero, .water-depth-hero, .earth-depth-hero, .air-depth-hero { min-height: auto; }
  .fire-hero-copy, .water-hero-copy, .earth-hero-copy, .air-hero-copy { padding-top: 112px; padding-bottom: 48px; }
  .fire-hero-visual, .water-hero-visual, .earth-hero-visual, .air-hero-visual { min-height: 400px; }
  .fire-editorial-section, .water-editorial-section, .earth-editorial-section, .air-editorial-section { grid-template-columns: 1fr; gap: 26px; padding: 58px 0; }
  .fire-editorial-section h2, .fire-embodied > h2, .fire-places > h2,
  .water-editorial-section h2, .water-embodied > h2, .water-places > h2,
  .earth-editorial-section h2, .earth-embodied > h2, .earth-places > h2,
  .air-editorial-section h2, .air-embodied > h2, .air-places > h2 { max-width: none; font-size: clamp(34px, 8vw, 48px); }
  .fire-place h3, .water-place h3, .earth-place h3, .air-place h3 { font-size: clamp(34px, 8.5vw, 48px); }
  .saga-opening h1 { font-size: clamp(48px, 10.5vw, 72px); line-height: .9; }
}

@media (max-width: 600px) {
  .fire-depth-content, .water-depth-content, .earth-depth-content, .air-depth-content { width: calc(100% - 36px); padding-bottom: 64px; }
  .fire-hero-visual, .water-hero-visual, .earth-hero-visual, .air-hero-visual { min-height: 300px; }
  .fire-editorial-section, .water-editorial-section, .earth-editorial-section, .air-editorial-section { padding: 52px 0; }
  .fire-editorial-section h2, .fire-embodied > h2, .fire-places > h2,
  .water-editorial-section h2, .water-embodied > h2, .water-places > h2,
  .earth-editorial-section h2, .earth-embodied > h2, .earth-places > h2,
  .air-editorial-section h2, .air-embodied > h2, .air-places > h2 { font-size: clamp(32px, 10.2vw, 43px); }
  .fire-embodied, .water-embodied, .earth-embodied, .air-embodied { padding: 58px 0; }
  .fire-places, .water-places, .earth-places, .air-places { padding-top: 58px; }
  .fire-place, .water-place, .earth-place, .air-place { margin-bottom: 32px; }
  .fire-place h3, .water-place h3, .earth-place h3, .air-place h3 { font-size: clamp(32px, 10vw, 44px); }
  .saga-page { padding-top: 108px !important; }
  .saga-opening h1 { font-size: clamp(42px, 12vw, 60px); line-height: .92; }
}
/* Cinematic homepage bundle: generated from homepage-redesign.css. */
/* Existing chrome and controls, with Series / World / Discover terminology. */
.site-nav { gap: clamp(14px, 1.8vw, 28px); }
.site-nav > .nav-primary-link { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; color: #d4b47b; }
@media (min-width: 901px) and (max-width: 1200px) {
  .site-nav { gap: 12px; }
  .site-nav > .nav-primary-link, .site-nav .nav-hub-link { font-size: 11px; letter-spacing: .1em; }
}
@media (max-width: 900px) {
  .site-nav { gap: 0; }
  .site-nav > .nav-primary-link { width: 100%; min-height: 54px; padding: 0 14px; border-bottom: 1px solid rgba(208,167,101,.1); }
}

/* The approved traveling-letter sequence is a short overlay above loaded content. */
body.homepage-intro-open { overflow: hidden; }
.home-page.homepage-cinematic { display: block; min-height: 100svh; padding-top: 78px; background: #070605; text-align: left; overflow: clip; }
.homepage-intro { position: fixed; inset: 0; width: 100%; height: 100svh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: #010101; color: var(--bright-gold); isolation: isolate; opacity: 1; transition: opacity .7s ease; }
.homepage-intro:not([open]) { display: none; }
.homepage-intro[open] { display: grid; place-items: center; }
.homepage-intro::backdrop { background: #010101; }
.homepage-intro .home-axis { position: relative; width: 100%; margin: 0; text-align: center; }
.homepage-intro .reality-final::after { animation: none; }
.intro-glowing .homepage-intro .reality-final { filter: blur(0) brightness(1.12) drop-shadow(0 0 14px rgba(255,190,92,.65)); }
.intro-dissolving .homepage-intro { opacity: 0; }
.intro-dissolving .homepage-intro .reality-final { opacity: 0; filter: blur(4px) brightness(1); transition: opacity .6s ease, filter .6s ease; }

/* Full-width cinematic stage: complete artwork on the right, clear title on the left. */
.homepage-hero { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 480px; height: min(calc(100svh - 78px), clamp(480px, 41vw, 760px)); padding: 30px clamp(24px, 5vw, 96px); }
.homepage-hero-visual { position: absolute; z-index: -1; inset: 0 0 0 auto; width: 64%; max-width: 1600px; margin: 0; }
.homepage-hero-visual img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: right center; mask-image: linear-gradient(90deg, transparent, #000 6%, #000); }
.homepage-hero-copy { position: relative; width: min(430px, 36vw); }
.homepage-hero .eyebrow { font-size: 11px; letter-spacing: .19em; margin-bottom: 16px; }
.homepage-hero h1 { margin: 0; color: var(--bright-gold); font-size: clamp(42px, 4.5vw, 72px); line-height: .95; font-weight: 500; letter-spacing: -.025em; text-transform: uppercase; overflow-wrap: normal; }
.homepage-hero h1 span { display: block; white-space: nowrap; }
.homepage-byline { margin: 18px 0 0; color: #d4b98c; font-size: 11px; line-height: 1.6; letter-spacing: .13em; text-transform: uppercase; }
.homepage-byline a { color: inherit; }
.homepage-introduction { max-width: 390px; margin-top: 28px; }
.homepage-introduction p { margin: 0; color: #e7dccb; font-family: var(--display); font-size: clamp(19px, 1.6vw, 24px); line-height: 1.35; }
.homepage-introduction p + p { margin-top: 8px; }
.homepage-action { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 26px; padding: 9px 20px; border: 1px solid rgba(208,167,101,.55); color: var(--bright-gold); font-size: 11px; line-height: 1.5; letter-spacing: .14em; text-transform: uppercase; }
.homepage-action:is(:hover, :focus-visible) { background: rgba(155,104,44,.12); color: #fff0ce; border-color: var(--bright-gold); }
.homepage-action:focus-visible, .homepage-byline a:focus-visible { outline: 2px solid var(--bright-gold); outline-offset: 5px; }

/* Compact editorial features retain complete subjects and natural image proportions. */
.homepage-feature { display: grid; grid-template-columns: minmax(0, .55fr) minmax(0, .45fr); align-items: center; gap: clamp(24px, 4vw, 60px); width: min(1320px, 100%); margin: 0 auto; padding: clamp(42px, 5vw, 72px) clamp(22px, 4vw, 56px); }
.homepage-feature-visual { min-width: 0; margin: 0; }
.homepage-feature-visual img { display: block; width: 100%; height: auto; max-height: 58svh; object-fit: contain; }
.homepage-feature-copy { min-width: 0; }
.homepage-feature-copy .eyebrow { margin-bottom: 15px; font-size: 11px; }
.homepage-feature-copy h2 { margin: 0; color: var(--bright-gold); font-size: clamp(36px, 3.8vw, 58px); line-height: 1.02; text-transform: uppercase; overflow-wrap: normal; }
.homepage-feature-copy h2 span { display: block; }
.homepage-feature-copy > p:not(.eyebrow):not(.homepage-book-subtitle):not(.homepage-book-status) { max-width: 55ch; margin: 16px 0 0; color: #d7cdbf; font-size: 15px; line-height: 1.75; }
.homepage-book-subtitle { margin: 18px 0 0; color: #b9a98f; font-size: 11px; line-height: 1.65; letter-spacing: .1em; text-transform: uppercase; }
.homepage-book-status { margin: 12px 0 22px; color: #d5b57b; font-size: 10px; line-height: 1.6; letter-spacing: .18em; text-transform: uppercase; }
.homepage-world-feature { grid-template-columns: minmax(0, .45fr) minmax(0, .55fr); }

/* Reuse the approved discovery cards, without competing with the book/world features. */
.homepage-discover { position: relative; padding: 38px clamp(16px, 4vw, 56px) 64px; }
.homepage-legacy-anchor { position: absolute; top: 0; display: block; height: 0; }
.homepage-section-heading { margin: 0 auto 26px; text-align: center; }
.homepage-section-heading h2 { margin: 0; color: var(--bright-gold); font-size: clamp(34px, 3.4vw, 46px); line-height: 1.1; text-transform: uppercase; }
.homepage-discovery-grid { width: min(1100px, 100%); }
.homepage-discovery-grid .alignment-card-copy strong { font-size: clamp(28px, 2.7vw, 40px); }
.homepage-discovery-grid .beyond-card-entry .alignment-card-copy strong { white-space: nowrap; }
.homepage-discovery-grid .alignment-card-copy small { font-size: clamp(10px, .8vw, 11px); }

/* Same native provider form and consent/confirmation flow as the existing Stay page. */
.homepage-newsletter { position: relative; isolation: isolate; overflow: hidden; padding: 64px 24px 68px; border-top: 1px solid rgba(208,167,101,.16); text-align: center; }
.homepage-newsletter-copy { position: relative; width: min(790px, 100%); margin: 0 auto; }
.homepage-newsletter .eyebrow { font-size: 11px; margin-bottom: 16px; }
.homepage-newsletter h2 { margin: 0; color: var(--bright-gold); font-size: clamp(40px, 4vw, 62px); line-height: 1; text-transform: uppercase; }
.homepage-newsletter-copy > p:not(.eyebrow):not(.reassurance) { max-width: 630px; margin: 20px auto 0; color: #cfc5b7; font-size: 15px; line-height: 1.75; }
.homepage-newsletter #signup-form { margin-top: 26px; }
.homepage-newsletter .reassurance { margin: 18px auto 0; max-width: 580px; font-size: 12px; line-height: 1.7; }

/* The two approved World refinements; other interior imagery is untouched. */
.world-page .world-entry-header { display: grid; grid-template-columns: minmax(0, .4fr) minmax(0, .6fr); align-items: center; gap: 26px; width: min(1120px, 100%); margin: 0 auto; text-align: left; }
.world-page .world-entry-header h1 { font-size: clamp(52px, 5.8vw, 86px); line-height: .95; }
.world-page .world-entry-visual { min-width: 0; margin: 0; }
.world-page .world-entry-visual img { display: block; width: 100%; height: auto; max-height: min(38svh, 330px); object-fit: contain; mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.drakonis-page .drakonis-visual { width: min(1120px, 100%); height: auto; margin: 0 auto; }
.drakonis-page .drakonis-visual img { width: 100%; height: auto; max-height: 55svh; aspect-ratio: auto; object-fit: contain; object-position: center; }

@media (max-width: 900px) {
  .home-page.homepage-cinematic { padding-top: 76px; }
  .homepage-hero { display: flex; flex-direction: column; align-items: stretch; min-height: 0; height: auto; max-height: none; padding: 0 0 36px; }
  .homepage-hero-visual { position: relative; inset: auto; width: 100%; max-width: none; order: -1; }
  .homepage-hero-visual img { width: 100%; height: auto; max-height: 58svh; object-fit: contain; mask-image: none; }
  .homepage-hero-copy { width: min(720px, 100%); margin: 0 auto; padding: 26px 24px 0; }
  .homepage-hero h1 { font-size: clamp(48px, 8vw, 68px); }
  .homepage-introduction { max-width: 640px; margin-top: 22px; }
  .homepage-feature, .homepage-world-feature { grid-template-columns: 1fr; gap: 26px; padding: 38px 24px; }
  .homepage-feature-copy { max-width: 720px; }
  .homepage-world-feature .homepage-feature-visual { order: -1; }
  .homepage-feature-visual img { max-height: 54svh; }
  .homepage-feature-copy h2 { font-size: clamp(36px, 5.7vw, 52px); }
  .world-page .world-entry-header { grid-template-columns: 1fr; gap: 22px; text-align: center; }
  .world-page .world-entry-header h1 { font-size: clamp(51px, 8vw, 74px); }
  .world-page .world-entry-visual img { max-height: 34svh; }
}
@media (max-width: 680px) {
  .homepage-hero-copy { padding-inline: 20px; }
  .homepage-hero h1 { font-size: clamp(38px, 11.6vw, 64px); }
  .homepage-hero .eyebrow { font-size: 10px; letter-spacing: .14em; }
  .homepage-introduction p { font-size: 21px; }
  .homepage-feature, .homepage-world-feature { padding: 30px 20px; gap: 22px; }
  .homepage-feature-copy h2 { font-size: clamp(34px, 8.8vw, 46px); }
  .homepage-discover { padding: 32px 16px 42px; }
  .homepage-discovery-grid .alignment-card-copy strong { font-size: clamp(26px, 7.7vw, 34px); }
  .homepage-discovery-grid .alignment-card-copy small { font-size: 10px; }
  .homepage-newsletter { padding: 44px 20px 48px; }
  .homepage-newsletter h2 { font-size: clamp(35px, 9vw, 48px); }
  .homepage-newsletter #signup-form > .seva-fields { grid-template-columns: 1fr; gap: 10px; }
  .homepage-newsletter #signup-form button { width: 100%; }
}
@media (min-width: 901px) and (max-height: 680px) {
  .homepage-hero { min-height: 0; padding-block: 18px; }
  .homepage-hero h1 { font-size: clamp(45px, 4.2vw, 60px); }
  .homepage-hero .eyebrow { margin-bottom: 12px; }
  .homepage-byline { margin-top: 12px; }
  .homepage-introduction { margin-top: 18px; }
  .homepage-introduction p { font-size: 19px; }
  .homepage-action { margin-top: 18px; }
}
@media (max-width: 900px) and (orientation: landscape) and (max-height: 520px) {
  .homepage-hero-visual img { max-height: calc(100svh - 100px); }
}
@media (prefers-reduced-motion: reduce) {
  .homepage-intro, .homepage-intro * { animation: none !important; transition: none !important; }
  .homepage-intro { display: none !important; }
}