.exclusive {
  --night: #07152d;
  --sapphire: #102d59;
  --violet: #756acb;
  --aqua: #6bd6cf;
  --rose: #eba7bd;
  --ivory: #fff5e7;
  --ink: #0c1930;
  --gold: #c39a4d;
  --gold-light: #f4d58d;
  background: var(--night);
  color: var(--ivory);
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
}

/* Responsive header: preserve the full two-colour Radio panel and mirror it in Shop/Contact. */
@media (max-width: 900px) {
  .ex-nav {
    height: 110px;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 48px 46px;
    grid-template-areas:
      "brand navigation"
      "actions actions";
    row-gap: 6px;
    padding-top: 4px;
    padding-bottom: 6px;
  }
  .ex-brand > img { width: 92px; height: 42px; }
  .ex-nav > nav {
    justify-self: end;
    gap: 22px;
    padding: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    letter-spacing: 1px;
  }
  .ex-nav > nav a { width: auto; min-width: 0; height: auto; min-height: 0; }
  .ex-nav > .ex-nav-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 100px 112px 225px 48px;
    justify-content: end;
    gap: 4px;
  }
  .ex-nav > .ex-nav-actions .ex-shop-link,
  .ex-nav > .ex-nav-actions .ex-contact-link,
  .ex-nav > .ex-nav-actions .ex-radio-link {
    width: 100%;
    min-width: 0;
    height: 46px;
    min-height: 46px;
    padding: 0 12px;
  }
  .ex-nav > .ex-nav-actions .ex-shop-link,
  .ex-nav > .ex-nav-actions .ex-contact-link { justify-content: space-between; }
  .ex-nav > .ex-nav-actions .ex-shop-link > span,
  .ex-nav > .ex-nav-actions .ex-contact-link > span { align-items: flex-start; }
  .ex-nav > .ex-nav-actions .ex-shop-link small,
  .ex-nav > .ex-nav-actions .ex-contact-link small,
  .ex-nav > .ex-nav-actions .ex-shop-link b,
  .ex-nav > .ex-nav-actions .ex-contact-link b,
  .ex-nav > .ex-nav-actions .ex-radio-link small,
  .ex-nav > .ex-nav-actions .ex-radio-link b { display: block; }
  .ex-nav > .ex-nav-actions .ex-shop-link strong,
  .ex-nav > .ex-nav-actions .ex-contact-link strong,
  .ex-nav > .ex-nav-actions .ex-radio-link strong {
    color: #67d7d1;
    font-size: 7px;
    letter-spacing: 1.1px;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link strong::after { content: none; }
  .ex-nav > .ex-nav-actions .ex-monogram { width: 48px; font-size: 14px; }
  .gate { padding-top: 145px; }
}

@media (max-width: 560px) {
  .ex-nav {
    height: 118px;
    grid-template-columns: 70px minmax(0, 1fr);
    grid-template-rows: 48px 46px;
    grid-template-areas:
      "brand navigation"
      "actions actions";
    row-gap: 6px;
    padding: 8px 2vw 10px;
  }
  .ex-brand > img { width: 70px; height: 36px; }
  .ex-nav > nav {
    justify-self: end;
    gap: 12px;
    padding: 0;
    font-size: 8px;
    letter-spacing: .7px;
  }
  .ex-nav > nav a { width: auto; min-width: 0; height: auto; min-height: 0; font-size: inherit; letter-spacing: inherit; }
  .ex-nav > .ex-nav-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.7fr) 34px;
    justify-content: stretch;
  }
  .ex-nav > .ex-nav-actions .ex-shop-link,
  .ex-nav > .ex-nav-actions .ex-contact-link,
  .ex-nav > .ex-nav-actions .ex-radio-link {
    width: 100%;
    min-width: 0;
    height: 46px;
    min-height: 46px;
    padding: 0 9px;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link {
    flex-direction: row;
    justify-content: space-between;
    gap: 6px;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link > span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    text-align: left;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link small {
    color: #d9c78f;
    font-size: 5px;
    line-height: 1;
    letter-spacing: 1.1px;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link strong {
    max-width: none;
    color: #67d7d1;
    font-size: 6px;
    line-height: 1;
    letter-spacing: .75px;
    white-space: nowrap;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link b { color: #e8d39b; font-size: 8px; }
  .ex-nav > .ex-nav-actions .ex-monogram { width: 34px; font-size: 9px; }
  .gate { padding-top: 155px; }
}

@media (max-width: 420px) {
  .ex-nav {
    height: 170px;
    grid-template-rows: 48px 98px;
  }
  .ex-nav > .ex-nav-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 34px;
    grid-template-rows: 46px 46px;
  }
  .ex-nav > .ex-nav-actions .ex-shop-link { grid-column: 1; grid-row: 1; }
  .ex-nav > .ex-nav-actions .ex-contact-link { grid-column: 2; grid-row: 1; }
  .ex-nav > .ex-nav-actions .ex-radio-link { grid-column: 1 / 4; grid-row: 2; }
  .ex-nav > .ex-nav-actions .ex-monogram { grid-column: 3; grid-row: 1; }
  .gate { padding-top: 205px; }
}

/* Tablet and narrow preview: the complete header remains one horizontal line. */
@media (min-width: 421px) and (max-width: 900px) {
  .ex-nav {
    height: 72px;
    grid-template-columns: clamp(54px, 10vw, 92px) minmax(0, 1fr) auto;
    grid-template-rows: 1fr;
    grid-template-areas: "brand navigation actions";
    column-gap: 0;
    row-gap: 0;
    padding: 0 1.6vw;
  }
  .ex-brand > img {
    width: clamp(54px, 10vw, 92px);
    height: 42px;
  }
  .ex-nav > nav {
    justify-self: center;
    gap: 2px;
    padding: 0 2px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(6px, 1.15vw, 12px);
    letter-spacing: .35px;
  }
  .ex-nav > nav a {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 0 3px;
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
  }
  .ex-nav > .ex-nav-actions {
    width: auto;
    display: grid;
    grid-template-columns:
      clamp(72px, 11vw, 100px)
      clamp(76px, 12vw, 112px)
      clamp(150px, 23vw, 225px)
      clamp(28px, 5vw, 48px);
    justify-content: end;
    gap: 2px;
  }
  .ex-nav > .ex-nav-actions .ex-shop-link,
  .ex-nav > .ex-nav-actions .ex-contact-link,
  .ex-nav > .ex-nav-actions .ex-radio-link {
    width: 100%;
    min-width: 0;
    height: 46px;
    min-height: 46px;
    padding: 0 6px;
  }
  .ex-nav > .ex-nav-actions .ex-shop-link small,
  .ex-nav > .ex-nav-actions .ex-contact-link small,
  .ex-nav > .ex-nav-actions .ex-radio-link small {
    display: block;
    font-size: clamp(4px, .55vw, 5px);
    letter-spacing: clamp(.55px, .12vw, 1.1px);
  }
  .ex-nav > .ex-nav-actions .ex-shop-link strong,
  .ex-nav > .ex-nav-actions .ex-contact-link strong,
  .ex-nav > .ex-nav-actions .ex-radio-link strong {
    display: block;
    color: #67d7d1;
    font-size: clamp(5px, .75vw, 7px);
    letter-spacing: clamp(.55px, .1vw, 1px);
    white-space: nowrap;
  }
  .ex-nav > .ex-nav-actions .ex-shop-link b,
  .ex-nav > .ex-nav-actions .ex-contact-link b,
  .ex-nav > .ex-nav-actions .ex-radio-link b {
    display: block;
    font-size: 7px;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link {
    flex-direction: row;
    justify-content: space-between;
    gap: 4px;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link > span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    text-align: left;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link strong::after { content: none; }
  .ex-nav > .ex-nav-actions .ex-monogram {
    width: 100%;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(6px, 1.15vw, 12px);
    letter-spacing: .35px;
  }
  .gate { padding-top: 105px; }
}

.exclusive * { box-sizing: border-box; }
.exclusive a { color: inherit; text-decoration: none; }

.ex-nav {
  height: 78px;
  position: absolute;
  z-index: 20;
  inset: 0 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 4vw;
  border-bottom: 1px solid #ffffff40;
  background: linear-gradient(180deg, #08162f57, transparent);
}
.ex-brand { display: inline-flex; align-items: center; width: fit-content; }
.ex-brand > img {
  display: block;
  width: auto;
  height: 38px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 0 9px #f4d58d55);
}
.ex-nav nav { display: flex; gap: 8px; font-size: 8px; letter-spacing: 2px; }
.ex-nav nav a { position: relative; display: flex; align-items: center; justify-content: center; width: 104px; min-width: 104px; height: 64px; }
.ex-nav nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -9px; height: 1px; background: var(--aqua); transition: right .25s; }
.ex-nav nav a:hover::after { right: 0; }
.ex-nav-actions { justify-self: end; display: flex; align-items: center; gap: 12px; }
.ex-shop-link,
.ex-contact-link,
.ex-radio-link {
  position: relative;
  width: 104px;
  min-width: 104px;
  height: 64px;
  min-height: 64px;
  border: 0;
  color: #fff4d3;
  background: transparent;
  transition: color .25s, border-color .25s, background .25s, box-shadow .25s, transform .25s;
}
.talisman-art {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 56px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #e2c98f;
  background:
    radial-gradient(circle at 50% 50%, var(--card-glow) 0, transparent 53%),
    linear-gradient(145deg, #160d19f2, #2b1424eb);
  box-shadow: 0 4px 14px #0008;
}
.talisman-art svg { display: block; width: 100%; height: 100%; overflow: visible; }
.talisman-art svg * { vector-effect: non-scaling-stroke; }
.card-frame-outer { stroke: #f0d9a3; stroke-width: 1; }
.card-frame-inner { stroke: #b89457; stroke-width: .7; }
.card-corners { stroke: #f0d9a3; stroke-width: .8; stroke-linecap: round; }
.card-rosette { stroke: #d8bc80; stroke-width: .65; opacity: .26; }
.card-stars { fill: #f4dfaa; opacity: .8; }
.card-orbits { stroke: #b89457; stroke-width: .55; stroke-dasharray: 1 3; opacity: .75; }
.card-dots { fill: #f5e1ad; }
.talisman-shop { --card-glow: #2b92705c; }
.talisman-contact { --card-glow: #9b4d985c; }
.talisman-radio { --card-glow: #365f9f62; }
.talisman-history { --card-glow: #9b713c5c; }
.talisman-editions { --card-glow: #65489b5c; }
.talisman-gallery { --card-glow: #397f8f5c; }
.ex-shop-link:hover .talisman-art,
.ex-shop-link:focus-visible .talisman-art,
.ex-contact-link:hover .talisman-art,
.ex-contact-link:focus-visible .talisman-art,
.ex-radio-link:hover .talisman-art,
.ex-radio-link:focus-visible .talisman-art,
.ex-nav nav a:hover .talisman-art,
.ex-nav nav a:focus-visible .talisman-art { transform: translate(-50%, -50%) scale(1.025); box-shadow: 0 5px 18px #000a, 0 0 10px #d5b77642; }
.talisman-label {
  position: relative;
  z-index: 1;
  display: block;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 8px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 1.4px;
  text-align: center;
  white-space: nowrap;
  -webkit-text-stroke: .55px #09050c;
  paint-order: stroke fill;
  text-shadow: 0 1px 2px #000, 0 0 4px #000;
}
.ex-shop-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 2px;
  white-space: nowrap;
}
.ex-shop-arrow { color: var(--aqua); font-size: 11px; }
.ex-shop-link:hover,
.ex-shop-link:focus-visible { color: #fff4cb; background: transparent; transform: translateY(-2px); outline: none; }
.ex-contact-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 1.6px;
  line-height: 1.35;
  text-align: center;
}
.ex-contact-link:hover,
.ex-contact-link:focus-visible { color: #fff4cb; background: transparent; transform: translateY(-2px); outline: none; }
.ex-radio-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0;
}
.ex-radio-link > span { display: block; text-align: center; }
.ex-radio-link small,
.ex-radio-link strong { display: block; font-family: Arial, sans-serif; font-weight: 800; white-space: nowrap; }
.ex-radio-link small { display: none; }
.ex-radio-link strong { max-width: 62px; color: var(--aqua); font-size: 6px; line-height: 1.35; letter-spacing: .8px; white-space: normal; }
.ex-radio-link b { color: var(--gold-light); font-size: 9px; font-weight: 400; }
.ex-radio-link:hover,
.ex-radio-link:focus-visible { background: transparent; transform: translateY(-2px); outline: none; }
.ex-monogram { font-family: Georgia, serif; color: var(--gold-light); letter-spacing: 2px; }
.ex-monogram span { font-size: 8px; color: var(--aqua); }

.ex-menu-rail {
  position: relative;
  justify-self: end;
  display: flex;
  align-items: stretch;
  height: 48px;
  border: 1px solid #d9bd7a9c;
  background:
    radial-gradient(circle at 50% 0, #b87b4840, transparent 48%),
    linear-gradient(90deg, #160d18e8, #2e1725dc 50%, #160d18e8);
  box-shadow: inset 0 0 0 3px #0d080f, inset 0 0 0 4px #9d7c4861, 0 5px 16px #0008;
}
.ex-menu-rail::before,
.ex-menu-rail::after {
  position: absolute;
  z-index: 2;
  top: 50%;
  color: #e7cd91;
  font-size: 9px;
  text-shadow: 0 0 7px #d3a75d;
  transform: translateY(-52%);
  pointer-events: none;
}
.ex-menu-rail::before { content: "✦"; left: 8px; }
.ex-menu-rail::after { content: "☾"; right: 8px; }
.ex-menu-rail nav,
.ex-menu-rail .ex-nav-actions { display: flex; align-items: stretch; gap: 0; }
.ex-menu-rail nav { padding: 0; }
.ex-menu-rail nav a,
.ex-menu-rail .ex-shop-link,
.ex-menu-rail .ex-contact-link,
.ex-menu-rail .ex-radio-link {
  width: 86px;
  min-width: 86px;
  height: 46px;
  min-height: 46px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #d9bd7a35;
  background: transparent;
}
.ex-menu-rail nav a::after { display: none; }
.ex-menu-rail nav a::before,
.ex-menu-rail .ex-shop-link::before,
.ex-menu-rail .ex-contact-link::before,
.ex-menu-rail .ex-radio-link::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 7px;
  width: 22px;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, #d9bd7aa3, transparent);
}
.ex-menu-rail nav a:hover,
.ex-menu-rail nav a:focus-visible,
.ex-menu-rail .ex-shop-link:hover,
.ex-menu-rail .ex-shop-link:focus-visible,
.ex-menu-rail .ex-contact-link:hover,
.ex-menu-rail .ex-contact-link:focus-visible,
.ex-menu-rail .ex-radio-link:hover,
.ex-menu-rail .ex-radio-link:focus-visible {
  color: #fff;
  background: radial-gradient(circle, #b67a3b29, transparent 70%);
  transform: none;
  filter: none;
  outline: none;
}
.ex-menu-rail .talisman-label { font-size: 7px; letter-spacing: 1.45px; }
.ex-menu-rail .ex-monogram {
  width: 62px;
  display: grid;
  place-items: center;
  font-size: 14px;
  border-left: 1px solid #d9bd7a35;
}

/* Final header direction: clear type navigation + three matching utility panels. */
.ex-nav > nav {
  display: flex;
  align-items: center;
  gap: 38px;
  color: var(--gold-light);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.2px;
}
.ex-nav > nav a {
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  font: inherit;
  letter-spacing: inherit;
  transform: scaleY(1.12);
  transform-origin: center;
  -webkit-text-stroke: .16px currentColor;
  paint-order: stroke fill;
  text-shadow: 0 0 .45px currentColor;
}
.ex-nav > nav a::after { bottom: -8px; }
.ex-nav > .ex-nav-actions { gap: 8px; }
.ex-nav > .ex-nav-actions .ex-shop-link,
.ex-nav > .ex-nav-actions .ex-contact-link,
.ex-nav > .ex-nav-actions .ex-radio-link {
  height: 38px;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #e1c8848a;
  border-radius: 0;
  background: linear-gradient(110deg, #211722d9, #33212ccc);
  box-shadow: none;
  color: #fff4df;
  font-family: Arial, sans-serif;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 2px;
}
.ex-nav > .ex-nav-actions .ex-shop-link { width: 118px; min-width: 118px; }
.ex-nav > .ex-nav-actions .ex-contact-link { width: 132px; min-width: 132px; }
.ex-nav > .ex-nav-actions .ex-radio-link { width: 225px; min-width: 225px; padding: 0 16px; }
.ex-nav > .ex-nav-actions .ex-shop-link,
.ex-nav > .ex-nav-actions .ex-contact-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.ex-nav > .ex-nav-actions .ex-shop-link > span,
.ex-nav > .ex-nav-actions .ex-contact-link > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  text-align: left;
}
.ex-nav > .ex-nav-actions .ex-shop-link small,
.ex-nav > .ex-nav-actions .ex-shop-link strong,
.ex-nav > .ex-nav-actions .ex-contact-link small,
.ex-nav > .ex-nav-actions .ex-contact-link strong {
  display: block;
  font-family: Arial, sans-serif;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.ex-nav > .ex-nav-actions .ex-shop-link small,
.ex-nav > .ex-nav-actions .ex-contact-link small {
  color: #d9c78f;
  font-size: 5px;
  letter-spacing: 1.35px;
}
.ex-nav > .ex-nav-actions .ex-shop-link strong,
.ex-nav > .ex-nav-actions .ex-contact-link strong {
  color: #67d7d1;
  font-size: 7px;
  letter-spacing: 1.1px;
}
.ex-nav > .ex-nav-actions .ex-shop-link b,
.ex-nav > .ex-nav-actions .ex-contact-link b {
  color: #e8d39b;
  font-size: 8px;
  font-weight: 400;
}
.ex-nav > .ex-nav-actions .ex-shop-link:hover,
.ex-nav > .ex-nav-actions .ex-shop-link:focus-visible,
.ex-nav > .ex-nav-actions .ex-contact-link:hover,
.ex-nav > .ex-nav-actions .ex-contact-link:focus-visible,
.ex-nav > .ex-nav-actions .ex-radio-link:hover,
.ex-nav > .ex-nav-actions .ex-radio-link:focus-visible {
  background: linear-gradient(110deg, #3b2038e8, #62354fe0);
  border-color: #f0d792;
  box-shadow: 0 0 16px #ddad5c24;
  color: #fff;
  transform: none;
  filter: none;
}
.ex-nav > .ex-nav-actions .ex-radio-link { display: flex; flex-direction: row; justify-content: space-between; gap: 12px; }
.ex-nav > .ex-nav-actions .ex-radio-link > span { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; }
.ex-nav > .ex-nav-actions .ex-radio-link small { display: block; color: #d9c78f; font-size: 5px; line-height: 1; letter-spacing: 1.35px; }
.ex-nav > .ex-nav-actions .ex-radio-link strong { display: block; max-width: none; color: #67d7d1; font-size: 7px; line-height: 1; letter-spacing: 1.1px; white-space: nowrap; }
.ex-nav > .ex-nav-actions .ex-radio-link b { color: #e8d39b; font-size: 8px; }
.ex-nav > .ex-nav-actions .ex-monogram {
  width: 70px;
  display: flex;
  justify-content: center;
  color: var(--gold-light);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1.2px;
}

.gate {
  height: 100svh;
  min-height: 760px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 110px 7vw 55px;
}
.gate-image { position: absolute; inset: 0; background: url('../media/concept-exclusive/the-gate-silesia-architectural-ufo-v22.png') center / cover; }
.gate-vignette {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #07152ddc 0%, #07152d94 24%, #07152d08 57%),
    linear-gradient(0deg, #07152da8 0%, transparent 31%, #102d5921 76%),
    radial-gradient(circle at 48% 50%, transparent 24%, #102d5914 95%);
}
.gate-title-mark {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 3.5vh;
  width: min(88vw, 1500px);
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  pointer-events: none;
}
.gate-title-mark strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(62px, 8.6vw, 158px);
  font-weight: 400;
  line-height: .78;
  letter-spacing: .055em;
  color: transparent;
  -webkit-text-stroke: clamp(1.5px, .12vw, 2.5px) var(--gold-light);
  white-space: nowrap;
}
.official-mark {
  display: block;
  width: clamp(170px, 18vw, 330px);
  height: auto;
}
.gate-copy { position: relative; z-index: 3; max-width: 735px; }
.gate-kicker { margin: 0; border: 0; text-decoration: none; font-size: clamp(10px, .8vw, 13px); font-weight: 900; letter-spacing: 3.5px; color: #f4c85f; }
.ex-label { font-size: 8px; font-weight: 900; letter-spacing: 3.5px; color: var(--gold-light); }
.gate h1 { font-family: Georgia, serif; font-size: clamp(68px, 7.3vw, 120px); line-height: .83; letter-spacing: -.055em; margin: 38px 0; }
.gate h1 em { font-weight: 400; color: #fff0c8; }
.gate-lead { font-family: Georgia, serif; color: #fff5e7; font-size: 17px; line-height: 1.75; max-width: 600px; }
.gate-copy > a {
  margin-top: 32px;
  display: inline-flex;
  gap: 80px;
  border: 1px solid #f4d58dcc;
  padding: 17px 21px;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 2px;
  background: linear-gradient(110deg, #102d59b8, #756acb8a);
  box-shadow: none;
}
.gate-copy > a span { color: var(--aqua); }
.gate-seal {
  position: absolute;
  z-index: 4;
  right: 7vw;
  bottom: 78px;
  width: 150px;
  height: 150px;
  border: 1px solid var(--gold-light);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #102d597a;
  box-shadow: inset 0 0 0 8px #102d59aa, inset 0 0 0 9px var(--gold-light), 0 0 55px #6bd6cf3b;
  backdrop-filter: blur(10px);
}
.gate-seal span { font-family: Georgia, serif; font-size: 36px; }
.gate-seal small { font-size: 6px; letter-spacing: 2px; color: var(--gold-light); }
.gate-coordinate { position: absolute; z-index: 4; right: 4vw; top: 120px; display: flex; gap: 25px; font-size: 7px; letter-spacing: 2px; color: #fff5e7cc; writing-mode: vertical-rl; }
.gate-stars { position: absolute; z-index: 4; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; gap: 18px; align-items: center; color: var(--gold-light); }
.gate-stars i { font-style: normal; font-size: 11px; filter: drop-shadow(0 0 9px var(--aqua)); }
.gate-stars i:nth-child(2n) { color: var(--aqua); }

.next-chapter-teaser {
  position: relative;
  min-height: 430px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff4dc;
  background: #061226;
  border-top: 1px solid #f4d58d6b;
  border-bottom: 1px solid #f4d58d6b;
}
.next-chapter-teaser-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #061226d9 0%, #06122685 48%, #061226c9 100%),
    linear-gradient(0deg, #061226b8, transparent 40%, #06122666),
    url('../media/concept-exclusive/next-chapter-blueprint-v3.png') center 62% / cover no-repeat;
  transform: scale(1.02);
}
.next-chapter-teaser::before,
.next-chapter-teaser::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 34px;
  bottom: 34px;
  width: 1px;
  background: linear-gradient(transparent, #f4d58da8, transparent);
}
.next-chapter-teaser::before { left: 4vw; }
.next-chapter-teaser::after { right: 4vw; }
.next-chapter-teaser-copy {
  position: relative;
  z-index: 2;
  width: min(1180px, 84vw);
  padding: 65px 0;
  text-align: center;
  text-shadow: 0 3px 18px #061226, 0 3px 34px #061226;
}
.next-chapter-teaser-copy > p {
  margin: 0 0 24px;
  color: var(--gold-light);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 4px;
}
.next-chapter-teaser-copy h2 {
  margin: 0;
  font-family: Georgia, serif;
  font-size: clamp(48px, 5.2vw, 78px);
  font-weight: 400;
  line-height: .88;
  letter-spacing: -.035em;
}
.next-chapter-teaser-copy h2 em { color: var(--aqua); font-weight: 400; }
.next-chapter-teaser-copy > span {
  display: block;
  margin: 26px auto 30px;
  color: #fff5e7;
  font-size: 13px;
  letter-spacing: .03em;
}
.next-chapter-teaser-copy > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-width: 270px;
  padding: 17px 24px;
  border: 1px solid var(--gold-light);
  color: #fff4dc;
  background: #061226a6;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 3px;
  text-decoration: none;
  transition: background .25s ease, color .25s ease, box-shadow .25s ease;
}
.next-chapter-teaser-copy > a:hover {
  color: #061226;
  background: var(--gold-light);
  box-shadow: 0 0 28px #f4d58d47;
}
.next-chapter-teaser-copy > a b { color: var(--aqua); }

.invitation {
  min-height: 0;
  display: block;
  padding: 95px 7vw 105px;
  background:
    radial-gradient(circle at 12% 18%, #6bd6cf24, transparent 25%),
    radial-gradient(circle at 92% 72%, #a65f9b2e, transparent 28%),
    linear-gradient(135deg, #07152d, #192451 52%, #3a294f);
  color: #fff4dc;
  position: relative;
}
.invitation::before,
.invitation::after { content: ""; position: absolute; border: 1px solid #9b77bd3d; border-radius: 50%; pointer-events: none; }
.invitation::before { width: 380px; height: 380px; right: -190px; top: -135px; border-color: #f4d58d2e; box-shadow: 0 0 0 28px #6bd6cf0d, 0 0 0 58px #c39a4d0e; }
.invitation::after { width: 240px; height: 240px; left: -150px; bottom: 40px; border-color: #6bd6cf26; box-shadow: 0 0 0 22px #eba7bd12; }
.invitation-copy { position: relative; z-index: 1; max-width: 1100px; }
.invitation h2,
.ex-section-head h2,
.chamber-intro h2,
.archive-head h2,
.broadcast h2 { font-family: Georgia, serif; font-size: clamp(53px, 6.5vw, 100px); line-height: .89; letter-spacing: -.055em; margin: 28px 0; }
.invitation h2 em,
.chamber-intro h2 em,
.archive-head h2 em { font-weight: 400; color: #7556a5; }
.invitation h2 { max-width: 900px; font-size: clamp(46px, 5.2vw, 78px); letter-spacing: -.04em; }
.invitation h2 em { color: var(--aqua); }
.invitation .ex-label { color: var(--gold-light); }
.history-line { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 52px; border-top: 1px solid #f4d58d78; border-bottom: 1px solid #f4d58d78; }
.history-line article { position: relative; min-height: 310px; padding: 30px 32px 28px; border-right: 1px solid #f4d58d66; background: linear-gradient(160deg, #ffffff09, #6bd6cf08); }
.history-line article:last-child { border-right: 0; }
.history-line article > span { display: block; margin-bottom: 20px; font-family: Georgia, serif; font-size: 50px; line-height: 1; color: transparent; -webkit-text-stroke: 1px #f4d58db8; }
.history-line small { color: var(--gold-light); font-size: 7px; font-weight: 800; letter-spacing: 2px; }
.history-line h3 { max-width: 360px; margin: 14px 0; font-family: Georgia, serif; font-size: clamp(26px, 2.4vw, 37px); font-weight: 400; line-height: .98; }
.history-line p { max-width: 390px; margin: 0; color: #e5dfeb; font-family: Georgia, serif; font-size: 13px; line-height: 1.55; }
.history-line a { display: inline-block; margin-top: 20px; padding-bottom: 7px; border-bottom: 1px solid var(--aqua); color: var(--aqua); font-size: 7px; font-weight: 900; letter-spacing: 2px; }

.section-return { position: relative; z-index: 4; width: 100%; margin-top: 28px; display: flex; justify-content: center; }
.section-return a { width: 120px; min-height: 34px; padding: 4px 7px; display: inline-grid; grid-template-columns: 18px 1fr 10px; align-items: center; gap: 4px; border: 1px solid #f4d58d8a; color: #fff4dc; background: linear-gradient(135deg, #07152dd9, #25234fd9); box-shadow: 0 6px 14px #02091840; font-size: 5.5px; letter-spacing: 1.1px; text-align: center; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.section-return a:hover,
.section-return a:focus-visible { transform: translateY(-3px); border-color: var(--aqua); box-shadow: inset 0 0 0 6px #07152d99, 0 16px 40px #02091880, 0 0 26px #6bd6cf31; outline: none; }
.section-return span { width: 18px; height: 18px; display: grid; place-items: center; color: var(--gold-light); font-size: 7px; filter: drop-shadow(0 0 5px #6bd6cf); }
.section-return b { font-weight: 800; }
.section-return small { color: var(--aqua); font-size: 10px; }
.broadcast > .section-return { grid-column: 1 / -1; margin-top: 4px; }
.next-chapter-content > .section-return { margin-top: 28px; }

.oath {
  text-align: center;
  padding: 150px 5vw;
  background: radial-gradient(circle at 12% 18%, #6bd6cf40, transparent 26%), radial-gradient(circle at 85% 70%, #eba7bd4d, transparent 28%), linear-gradient(135deg, #102d59, #332a68 58%, #173f62);
  position: relative;
  overflow: hidden;
}
.oath::before,
.oath::after { content: "✦"; position: absolute; top: 50%; color: var(--gold-light); font-size: 28px; filter: drop-shadow(0 0 14px #6bd6cf); }
.oath::before { left: 10vw; }
.oath::after { right: 10vw; }
.oath-map { position: absolute; inset: 20px; opacity: .42; pointer-events: none; }
.oath-map::before { content: ""; position: absolute; width: 540px; height: 540px; left: calc(50% - 270px); top: calc(50% - 270px); border: 1px solid #f4d58d; border-radius: 50%; box-shadow: 0 0 0 2px #102d59, 0 0 0 3px #f4d58d70, 0 0 0 35px #6bd6cf2b, 0 0 0 90px #eba7bd18; }
.oath-map::after { content: ""; position: absolute; width: 420px; height: 420px; left: calc(50% - 210px); top: calc(50% - 210px); border: 1px dashed #f4d58d8a; border-radius: 50%; transform: rotate(18deg); }
.oath-map span { position: absolute; font-family: Georgia, serif; color: var(--gold-light); font-size: 20px; }
.oath-map span:nth-child(1) { left: 18%; top: 20%; }
.oath-map span:nth-child(2) { left: 32%; bottom: 18%; }
.oath-map span:nth-child(3) { right: 17%; top: 24%; }
.oath-map span:nth-child(4) { right: 29%; bottom: 14%; }
.oath-map span:nth-child(5) { left: 50%; top: 10%; }
.oath-map span:nth-child(6) { left: 27%; top: 39%; font-size: 28px; }
.oath-map span:nth-child(7) { right: 27%; top: 39%; font-size: 25px; }
.oath-map span:nth-child(8) { left: 50%; bottom: 8%; font-size: 23px; }
.oath-map span:nth-child(9) { left: 50%; top: 50%; font-size: 34px; opacity: .28; transform: translate(-50%, -50%) rotate(90deg); }
.oath > p,
.oath > span { position: relative; z-index: 2; font-size: 11px; font-weight: 700; letter-spacing: 5px; color: var(--gold-light); text-shadow: 0 0 18px #07152d; }
.oath blockquote { position: relative; z-index: 2; font-family: Georgia, serif; font-size: clamp(48px, 7vw, 105px); line-height: .95; margin: 52px 0; color: #fff4dc; -webkit-text-stroke: 1px #d3a84f; paint-order: stroke fill; text-shadow: 0 2px 0 #8f6a2c, 0 0 24px #07152d99; }
.oath blockquote em { font-weight: 400; color: #9debe3; -webkit-text-stroke: 1px #d3a84f; paint-order: stroke fill; }

.tower-prologue { padding: 130px 6vw; background: radial-gradient(circle at 78% 22%, #6bd6cf2b, transparent 28%), linear-gradient(145deg, #07152d, #102d59 58%, #25234f); }
.tower-prologue-head { display: grid; grid-template-columns: .55fr 1.45fr .8fr; gap: 45px; align-items: end; margin-bottom: 70px; }
.tower-prologue-head h2 { margin: 0; font-family: Georgia, serif; font-size: clamp(48px, 6vw, 88px); font-weight: 400; line-height: .92; }
.tower-prologue-head h2 em { color: #9debe3; font-weight: 400; }
.tower-prologue-head > p:last-child { margin: 0; color: #d9d2e4; font-family: Georgia, serif; line-height: 1.7; }
.tower-prologue-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; grid-template-rows: repeat(2, 310px); gap: 18px; }
.tower-shot { position: relative; margin: 0; padding: 8px; overflow: hidden; border: 1px solid #f4d58d88; background: #102d59; box-shadow: 0 25px 70px #0309146e; }
.tower-shot-main { grid-row: 1 / 3; }
.tower-shot-wide { grid-column: 2 / 4; }
.tower-shot::before { content: ""; position: absolute; inset: 17px; z-index: 2; border: 1px solid #ffffff52; pointer-events: none; }
.tower-shot img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.94) contrast(1.04) brightness(1.05); }
.tower-shot figcaption { position: absolute; z-index: 3; left: 26px; right: 26px; bottom: 26px; display: flex; justify-content: space-between; gap: 20px; padding: 13px; border-top: 1px solid #6bd6cf88; background: #102d59d9; font-size: 7px; letter-spacing: 2px; }
.tower-shot figcaption b { color: var(--gold-light); }
.mystic-video { margin-top: 70px; padding: 34px; border: 1px solid #f4d58d66; background: linear-gradient(125deg, #0b2145, #242451); }
.live-archives .mystic-video + .mystic-video { margin-top: 28px; }
.mystic-video-copy { display: grid; grid-template-columns: .6fr 1.5fr .8fr; gap: 35px; align-items: end; margin-bottom: 30px; }
.mystic-video-copy p,
.mystic-video-copy span { margin: 0; color: var(--gold-light); font-size: 7px; letter-spacing: 2px; }
.mystic-video-copy h3 { margin: 0; font-family: Georgia, serif; font-size: clamp(38px, 5vw, 68px); font-weight: 400; line-height: .9; }
.mystic-video-copy h3 em { color: var(--aqua); font-weight: 400; }
.mystic-video-copy span { justify-self: end; color: var(--aqua); text-align: right; }
.mystic-video-frame { position: relative; aspect-ratio: 16 / 9; padding: 9px; border: 1px solid var(--gold-light); background: #07152d; }
.mystic-video-frame iframe { width: 100%; height: 100%; border: 0; }
.mystic-video-cover { width: 100%; height: 100%; border: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; color: #fff4dc; background: linear-gradient(#07152d55, #07152dcf), url('../media/ultra-fest-one/prologue/tower-night.jpg') center / cover; cursor: pointer; }
.mystic-video-cover span,
.mystic-video-cover small { font-size: 8px; font-weight: 900; letter-spacing: 3px; }
.mystic-video-cover b { width: 82px; height: 82px; border: 1px solid var(--gold-light); border-radius: 50%; display: grid; place-items: center; padding-left: 5px; font-size: 26px; background: #102d59b8; box-shadow: 0 0 45px #6bd6cf66; }
.mystic-video-story { max-width: 900px; margin: -4px 0 30px; color: #d9d2e4; font-family: Georgia, serif; font-size: 15px; line-height: 1.75; }
.mystic-video-thumbs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 14px; }
.mystic-video-thumbs button { min-height: 105px; padding: 18px; border: 1px solid #f4d58d55; color: #fff4dc; background-position: center; background-size: cover; text-align: left; cursor: pointer; }
.mystic-video-thumbs button.is-active { border-color: var(--aqua); box-shadow: inset 0 0 0 1px var(--aqua), 0 0 28px #6bd6cf2e; }
.mystic-video-thumbs span,
.mystic-video-thumbs small { display: block; font-size: 8px; font-weight: 900; letter-spacing: 2px; }
.mystic-video-thumbs small { margin-top: 8px; color: var(--aqua); font-size: 6px; }
.edition-one-videos { margin: 50px 0 34px; }
.edition-one-video-cover { background-image: linear-gradient(#07152d55, #07152dd8), url('../media/ultra-fest-one/edition-1-selected/e1-023.jpg'); }
.edition-video-thumbs { display: flex; flex-wrap: wrap; justify-content: center; }
.edition-video-thumbs button { flex: 0 1 calc((100% - 24px) / 3); min-height: 190px; display: flex; flex-direction: column; justify-content: flex-end; background-position: center; background-size: cover; }
.edition-two-coming { position: relative; margin-top: 34px; padding: 38px 42px; border-top: 1px solid #f4d58d9c; border-bottom: 1px solid #f4d58d55; background: linear-gradient(110deg, #6bd6cf0c, #ffffff05 55%, #eba7bd0c); }
.edition-two-coming::before { content: "✦"; position: absolute; right: 38px; top: 30px; color: var(--gold-light); font-size: 22px; filter: drop-shadow(0 0 12px #6bd6cf); }
.edition-two-coming p { margin: 0 0 13px; color: var(--gold-light); font-size: 7px; font-weight: 900; letter-spacing: 3px; }
.edition-two-coming h4 { max-width: 720px; margin: 0 0 18px; color: #fff4dc; font-family: Georgia, serif; font-size: clamp(28px, 3.5vw, 48px); font-weight: 400; line-height: .95; }
.edition-two-coming span { display: block; max-width: 850px; color: #ddd8e4; font-family: Georgia, serif; font-size: 14px; line-height: 1.75; }
.mystic-video > a { display: block; margin-top: 18px; color: var(--aqua); text-align: right; font-size: 7px; letter-spacing: 2px; }

.edition-chapters { padding: 130px 6vw; background: linear-gradient(155deg, #091a35, #142e57 52%, #242453); }
.ex-section-head { display: grid; grid-template-columns: .6fr 2fr .6fr; gap: 40px; align-items: end; margin-bottom: 90px; }
.exclusive .ex-section-head { position: static; inset: auto; width: auto; height: auto; padding: 0; border: 0; }
.ex-section-head h2 { font-size: 72px; margin: 0; }
.ex-section-head > span { justify-self: end; font-size: 7px; letter-spacing: 2px; color: #c9c0d8; }
.edition-stack { display: flex; flex-direction: column; gap: 90px; }
.edition-volume { position: relative; display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .85fr); align-items: center; gap: 55px; min-height: 0; padding: 38px; border: 1px solid #f4d58d45; background: linear-gradient(115deg, #102d596e, #0c214633); overflow: hidden; }
.edition-volume:nth-child(even) { grid-template-columns: minmax(280px, .85fr) minmax(0, 1.65fr); }
.edition-volume:nth-child(even) .volume-mark { left: auto; right: 28px; }
.edition-volume:nth-child(even) figure { grid-column: 2; grid-row: 1; }
.edition-volume:nth-child(even) .volume-copy { grid-column: 1; grid-row: 1; text-align: right; align-items: flex-end; }
.volume-mark { position: absolute; left: 28px; top: 10px; z-index: 0; font-family: Georgia, serif; font-size: 150px; line-height: 1; color: transparent; opacity: .32; -webkit-text-stroke: 1px #e7c47e; filter: drop-shadow(0 0 18px #6bd6cf3d); }
.edition-volume figure { margin: 0; width: 100%; aspect-ratio: 16 / 9; position: relative; z-index: 1; padding: 10px; border: 1px solid var(--gold-light); background: #102d59; box-shadow: 0 30px 80px #050d1d7a; }
.edition-volume figure::before,
.edition-volume figure::after { content: ""; position: absolute; width: 55px; height: 55px; border-color: #8de8df; z-index: 2; }
.edition-volume figure::before { left: -9px; top: -9px; border-left: 2px solid; border-top: 2px solid; }
.edition-volume figure::after { right: -9px; bottom: -9px; border-right: 2px solid; border-bottom: 2px solid; }
.edition-volume img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.92) contrast(1.03) brightness(1.06); }
.volume-light { position: absolute; inset: 10px; background: linear-gradient(0deg, #07152dc4, transparent 54%), linear-gradient(135deg, #6bd6cf1f, transparent 40%, #eba7bd1f); }
.volume-copy { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; }
.volume-copy > p,
.volume-copy > span { font-size: 7px; letter-spacing: 2.5px; color: var(--gold-light); }
.volume-copy h3 { font-family: Georgia, serif; font-size: 58px; line-height: .9; margin: 25px 0 10px; }
.volume-copy strong { font-family: Georgia, serif; font-size: 18px; font-weight: 400; color: #e3d9f0; }
.volume-copy > span { margin-top: 25px; color: #c9c0d8; }
.volume-copy a { display: inline-block; margin-top: 50px; border-bottom: 1px solid var(--aqua); padding: 12px 0; font-size: 8px; letter-spacing: 2px; }
.edition-one-lineup { margin-top: 120px; padding: 42px; border: 1px solid #6bd6cf55; background: radial-gradient(circle at 20% 0%, #6bd6cf24, transparent 35%), #0b2145; box-shadow: 0 30px 90px #03091470; }
.lineup-head { display: grid; grid-template-columns: .6fr 1.6fr .7fr; gap: 35px; align-items: end; margin-bottom: 38px; }
.lineup-head p,
.lineup-head span { margin: 0; color: var(--gold-light); font-size: 7px; letter-spacing: 2px; }
.lineup-head h3 { margin: 0; font-family: Georgia, serif; font-size: clamp(40px, 5vw, 72px); font-weight: 400; line-height: .9; }
.lineup-head span { justify-self: end; color: var(--aqua); text-align: right; }
.lineup-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.lineup-cards figure { flex: 0 1 calc((100% - 56px) / 5); min-width: 0; margin: 0; padding: 7px; border: 1px solid #f4d58d88; background: #07152d; box-shadow: 0 18px 50px #02071370; }
.lineup-card-image { display: block; width: 100%; height: auto; aspect-ratio: 528 / 789; object-fit: cover; }
.lineup-cards figcaption { padding: 14px 8px 8px; border-top: 1px solid #6bd6cf66; color: var(--gold-light); text-align: center; font-size: 8px; font-weight: 900; letter-spacing: 2px; }
.edition-two-artifact { margin-top: 120px; padding: 42px; border: 1px solid #f4d58d66; background: radial-gradient(circle at 80% 10%, #6bd6cf1f, transparent 34%), #0b2145; box-shadow: 0 30px 90px #03091470; }
.artifact-copy { display: grid; grid-template-columns: .6fr 1.6fr .7fr; gap: 35px; align-items: end; margin-bottom: 38px; }
.artifact-copy p,
.artifact-copy span,
.edition-two-artifact > small { margin: 0; color: var(--gold-light); font-size: 7px; letter-spacing: 2px; }
.artifact-copy h3 { margin: 0; font-family: Georgia, serif; font-size: clamp(40px, 5vw, 72px); font-weight: 400; line-height: .9; }
.artifact-copy span { justify-self: end; color: var(--aqua); text-align: right; }
.edition-two-artifact > a { display: block; padding: 10px; border: 1px solid var(--gold-light); background: #07152d; }
.edition-two-artifact img { display: block; width: 100%; height: auto; }
.edition-two-artifact > small { display: block; margin-top: 18px; text-align: right; color: var(--aqua); }

.chambers { display: grid; grid-template-columns: .8fr 1.4fr; background: linear-gradient(135deg, #fff8e9, #f1e8ff 70%, #def5f1); color: var(--ink); }
.chamber-intro { padding: 110px 6vw; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #9a7d4755; background: radial-gradient(circle at 18% 30%, #6bd6cf4a, transparent 34%); }
.chamber-intro .ex-label { color: #8b6222; }
.chamber-intro h2 { font-size: 70px; }
.chamber-intro > p:last-child { max-width: 420px; font-family: Georgia, serif; line-height: 1.7; }
.chamber-list article { min-height: 270px; display: grid; grid-template-columns: .3fr .35fr 1fr .35fr; gap: 30px; align-items: center; padding: 30px 5vw; border-bottom: 1px solid #9a7d4755; position: relative; overflow: hidden; }
.chamber-list article::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, #6bd6cf36 48%, #eba7bd35); transform: translateX(-100%); transition: .5s; }
.chamber-list article:hover::after { transform: none; }
.chamber-list article > * { position: relative; z-index: 2; }
.chamber-no { font-family: Georgia, serif; color: #7556a5; }
.chamber-sigil { width: 110px; height: 110px; border: 1px solid #9275b7; border-radius: 50%; display: grid; place-items: center; font-size: 42px; color: #7556a5; background: #ffffff8a; box-shadow: inset 0 0 0 7px #fff8e9, inset 0 0 0 8px #67cfc755, 0 10px 30px #7556a51a; }
.chamber-list article:nth-child(2) .chamber-sigil { color: #997021; border-color: #c39a4d; box-shadow: inset 0 0 0 7px #fff8e9, inset 0 0 0 8px #c39a4d55, 0 10px 30px #c39a4d26; }
.chamber-list article:nth-child(3) .chamber-sigil { color: #226d75; border-color: #55aaa4; }
.chamber-list small,
.chamber-list p,
.chamber-list b { font-size: 7px; letter-spacing: 2px; }
.chamber-list h3 { font-family: Georgia, serif; font-size: 50px; margin: 10px 0; }
.chamber-list b { justify-self: end; border: 1px solid #8e73ad; padding: 9px 12px; color: #7556a5; }

.forbidden-archive { padding: 130px 6vw; background: radial-gradient(circle at 18% 10%, #744f8c88, transparent 30%), radial-gradient(circle at 85% 70%, #247d8080, transparent 35%), linear-gradient(155deg, #0a1b37, #1c2853 62%, #122f4c); }
.archive-head { text-align: center; max-width: 1000px; margin: auto; }
.exclusive .archive-head { position: static; inset: auto; width: auto; height: auto; padding: 0; border: 0; display: block; }
.archive-head h2 em { color: #9debe3; }
.archive-head > p:last-child { max-width: 600px; margin: 25px auto 80px; color: #e2d9e8; line-height: 1.7; }
.archive-edition { margin-top: 95px; }
.archive-edition + .archive-edition { margin-top: 150px; padding-top: 110px; border-top: 1px solid #f4d58d4a; }
.exclusive .archive-edition-head {
  position: static;
  inset: auto;
  z-index: auto;
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  background: none;
  display: grid;
  grid-template-columns: 150px 1fr auto;
  gap: 35px;
  align-items: end;
  margin-bottom: 45px;
}
.archive-edition-head > span { font-family: Georgia, serif; font-size: 145px; line-height: .75; color: transparent; -webkit-text-stroke: 1px var(--gold-light); }
.archive-edition-head p,
.archive-edition-head small { margin: 0; font-size: 7px; letter-spacing: 2.5px; color: var(--gold-light); }
.archive-edition-head h3 { margin: 9px 0 0; font-family: Georgia, serif; font-size: clamp(38px, 5vw, 72px); font-weight: 400; line-height: .9; }
.archive-edition-head small { justify-self: end; padding-bottom: 8px; color: var(--aqua); }
.ex-gallery { columns: 3; column-gap: 18px; }
.ex-photo { display: inline-block; width: 100%; margin: 0 0 18px; position: relative; padding: 8px; border: 1px solid #f4d58d88; background: #102d59; overflow: hidden; box-shadow: 0 20px 60px #040a1766; break-inside: avoid; vertical-align: top; }
.ex-gallery-tail { width: calc((100% - 36px) / 3); margin: 0 auto; }
.ex-photo::before { content: ""; position: absolute; inset: 17px; border: 1px solid #ffffff55; z-index: 2; pointer-events: none; }
.ex-photo img { display: block; width: 100%; height: auto; object-fit: initial; background: #07152d; filter: saturate(.9) brightness(1.06); transition: .6s; }
.ex-photo:hover img { filter: saturate(1.15) brightness(1.1); transform: scale(1.02); }
.ex-photo figcaption { position: absolute; z-index: 3; bottom: 26px; left: 26px; right: 26px; display: flex; align-items: center; justify-content: space-between; gap: 32px; background: radial-gradient(circle at 50% 50%, #553d71e8, #0b2145ed 72%); backdrop-filter: blur(8px); padding: 13px 16px; font-size: 7px; letter-spacing: 2px; border-top: 1px solid var(--gold-light); }
.ex-photo figcaption::before { content: "◇"; position: absolute; left: 50%; top: 50%; color: var(--gold-light); font-size: 16px; transform: translate(-50%, -50%); }
.ex-photo figcaption span,
.ex-photo figcaption b { position: relative; z-index: 1; }
.ex-photo figcaption b { text-align: right; }
.ex-main,
.ex-tall,
.ex-wide { grid-column: auto; grid-row: auto; }
.ex-detail img { object-position: center 62%; }
.edition-gallery-access { margin-top: 24px; padding: 22px 26px; border: 1px solid #f4d58d88; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: #fff4dc; background: linear-gradient(105deg, #0b2145, #25234f); text-decoration: none; }
.edition-gallery-access span { font-family: Georgia, serif; font-size: clamp(18px, 2vw, 28px); }
.edition-gallery-access b { color: var(--aqua); font-size: 7px; letter-spacing: 2px; }

.social-portals { padding: 105px 6vw 115px; color: #fff4dc; background: radial-gradient(circle at 50% 0, #4a416f55, transparent 34%), linear-gradient(135deg, #07152d, #102d50); border-top: 1px solid #f4d58d52; }
.social-portals-head { margin: 0 auto 48px; text-align: center; }
.social-portals h2 { margin: 22px 0 0; font-family: Georgia, serif; font-size: clamp(44px, 5vw, 72px); font-weight: 400; line-height: .9; }
.social-portals h2 em { color: var(--aqua); font-weight: 400; }
.social-portals-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; max-width: 1400px; margin: 0 auto; }
.social-portal { position: relative; min-height: 265px; padding: 34px 26px 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; overflow: hidden; border: 1px solid #f4d58d85; background: linear-gradient(145deg, #132d50e8, #242552e8); box-shadow: inset 0 0 0 1px #6bd6cf14; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.social-portal::before { content: ""; position: absolute; inset: 10px; border: 1px solid #6bd6cf28; pointer-events: none; }
.social-portal:hover,
.social-portal:focus-visible { transform: translateY(-5px); border-color: var(--aqua); box-shadow: 0 18px 42px #02091880, 0 0 28px #6bd6cf2e; outline: none; }
.social-portal-icon { position: relative; width: 70px; height: 70px; margin-bottom: 22px; display: grid; place-items: center; border: 1px solid var(--gold-light); border-radius: 50%; color: var(--gold-light); background: #07152d99; box-shadow: 0 0 25px #f4d58d1f; }
.social-portal-icon svg { width: 34px; height: 34px; fill: currentColor; stroke: none; }
.social-instagram .social-portal-icon svg { fill: none; stroke: currentColor; stroke-width: 1.7; }
.social-instagram .social-portal-icon .social-icon-dot { fill: currentColor; stroke: none; }
.social-portal small { color: var(--aqua); font-size: 7px; font-weight: 800; letter-spacing: 3px; }
.social-portal strong { max-width: 260px; margin-top: 14px; font-family: Georgia, serif; font-size: clamp(17px, 1.55vw, 24px); font-weight: 400; line-height: 1.08; }
.social-portal > b { margin-top: 22px; color: var(--gold-light); font-size: 7px; letter-spacing: 2px; }

.broadcast { padding: 120px 9vw; background: radial-gradient(circle at 20% 50%, #f4d58d40, transparent 32%), linear-gradient(120deg, #45345f, #7f4e72 58%, #a97569); display: grid; grid-template-columns: .7fr 1.5fr; gap: 100px; align-items: center; }
.next-chapter { position: relative; min-height: 900px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #061226; color: #fff4dc; }
.next-chapter-bg { position: absolute; inset: 0; background: linear-gradient(90deg, #06122640, transparent 24% 76%, #06122640), linear-gradient(0deg, #06122678, transparent 20% 88%, #06122645), url('../media/concept-exclusive/next-chapter-blueprint-v3.png') center/cover no-repeat; }
.next-chapter-grid { position: absolute; inset: 38px; border: 1px solid #f4d58d70; pointer-events: none; }
.next-chapter-grid::before,
.next-chapter-grid::after { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: linear-gradient(transparent, #6bd6cf66, transparent); }
.next-chapter-grid::after { left: 0; top: 50%; width: 100%; height: 1px; }
.next-chapter-grid span { position: absolute; width: 14px; height: 14px; border: 1px solid var(--gold-light); transform: rotate(45deg); background: #061226; }
.next-chapter-grid span:nth-child(1) { top: -7px; left: calc(50% - 7px); }
.next-chapter-grid span:nth-child(2) { bottom: -7px; left: calc(50% - 7px); }
.next-chapter-grid span:nth-child(3) { top: calc(50% - 7px); right: -7px; }
.next-chapter-content { position: relative; z-index: 2; width: min(1180px, 88vw); min-height: 760px; padding: 55px 50px 48px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.next-chapter-content > .ex-label { text-shadow: 0 2px 12px #061226; }
.next-chapter-wall-mark { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 20px; padding: 10px 24px; border-top: 1px solid #f4d58d82; border-bottom: 1px solid #f4d58d82; filter: drop-shadow(0 2px 10px #061226); }
.next-chapter-wall-mark img { width: 116px; height: 76px; object-fit: contain; }
.next-chapter-wall-mark strong { color: var(--gold-light); font-family: Georgia, serif; font-size: 24px; font-weight: 400; letter-spacing: 8px; white-space: nowrap; }
.next-chapter-content h2 { margin: 85px 0 20px; max-width: 1050px; font-family: Georgia, serif; font-size: clamp(44px, 5.3vw, 78px); font-weight: 400; line-height: 1.04; text-shadow: 0 3px 18px #061226, 0 3px 30px #061226; }
.next-chapter-content h2 em { color: var(--aqua); font-weight: 400; }
.next-chapter-content > p:not(.ex-label) { max-width: 720px; margin: 0 auto; padding: 14px 24px; color: #fff4ea; font-size: 13px; line-height: 1.8; background: #06122666; border-left: 1px solid #f4d58d73; border-right: 1px solid #f4d58d73; text-shadow: 0 2px 8px #061226; }
.next-chapter-seal { position: absolute; right: 2%; bottom: 4%; width: 104px; height: 104px; border: 1px solid var(--gold-light); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #061226b8; box-shadow: inset 0 0 0 8px #061226, inset 0 0 0 9px #6bd6cf68; transform: rotate(-7deg); }
.next-chapter-seal span { font-size: 6px; letter-spacing: 3px; color: var(--aqua); }
.next-chapter-seal b { margin-top: 6px; font-family: Georgia, serif; font-size: 20px; font-weight: 400; letter-spacing: 2px; }
.next-chapter-footer { position: absolute; z-index: 2; left: 6vw; right: 6vw; bottom: 38px; display: flex; justify-content: space-between; color: var(--gold-light); font-size: 7px; letter-spacing: 3px; }
.broadcast-disc { position: relative; width: 330px; height: 330px; border: 1px solid var(--gold-light); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; background: radial-gradient(circle, #111521 0 58%, #332a68 59% 100%); box-shadow: inset 0 0 0 10px #4c3b65, inset 0 0 0 11px var(--gold-light), 0 0 90px #6bd6cf45; }
.broadcast-disc::before { content: ""; position: absolute; inset: -31px; border: 1px dashed var(--gold-light); border-radius: 50%; pointer-events: none; }
.broadcast-logo { display: block; width: 205px; height: 128px; object-fit: contain; mix-blend-mode: screen; }
.broadcast-frequency { display: block; width: 150px; height: auto; margin-top: -12px; mix-blend-mode: screen; }
.broadcast h2 { font-size: 70px; }
.broadcast-copy > p:not(.ex-label) { max-width: 550px; color: #fff1eb; line-height: 1.7; }
.broadcast-copy a { display: inline-block; margin-top: 25px; border: 1px solid var(--gold-light); padding: 16px 20px; color: #fff1c7; font-size: 8px; letter-spacing: 2px; background: #332a684c; }

.allies { padding: 120px 6vw; background: radial-gradient(circle at 50% 20%, #6bd6cf24, transparent 28%), linear-gradient(145deg, #07152d, #1f2451 55%, #4b315c); color: #fff4dc; }
.allies-head { max-width: 900px; margin: 0 auto 60px; text-align: center; }
.allies-head h2 { margin: 24px 0 0; font-family: Georgia, serif; font-size: clamp(44px, 6vw, 78px); font-weight: 400; line-height: .92; }
.allies-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 16px; }
.ally-card { position: relative; min-height: 260px; padding: 28px; border: 1px solid #f4d58d66; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; color: #fff4dc; background: radial-gradient(circle at 50% 35%, #6bd6cf1f, transparent 38%), #0b2145b8; text-align: center; text-decoration: none; transition: .3s; overflow: hidden; }
.ally-card::before { content: ""; position: absolute; inset: 10px; border: 1px solid #ffffff20; pointer-events: none; }
.ally-card:hover { border-color: var(--gold-light); box-shadow: 0 0 45px #6bd6cf32; transform: translateY(-3px); }
.ally-card p { margin: 20px 0 8px; color: var(--aqua); font-size: 7px; font-weight: 900; letter-spacing: 2px; }
.ally-card h3 { margin: 0; font-family: Georgia, serif; font-size: 19px; font-weight: 400; }
.ally-media { max-width: 720px; min-height: 320px; margin: 0 auto 22px; }
.ally-radio-mark { display: flex; align-items: center; gap: 20px; }
.ally-radio-mark img { width: 220px; height: 125px; object-fit: contain; mix-blend-mode: screen; }
.ally-radio-mark img + img { width: 180px; height: auto; }
.allies-strategic .ally-card { flex: 0 1 calc((100% - 16px) / 2); }
.allies-partners .ally-card { flex: 0 1 calc((100% - 48px) / 4); }
.partner-mark { width: 280px; max-width: 90%; height: 125px; display: block; object-fit: contain; }
.cks-mark { clip-path: inset(20% 0 0 0); }
.winylowe-mark { width: 190px; max-width: 88%; height: 153px; padding: 8px; display: grid; place-items: center; overflow: visible; border: 1px solid #f4d58db8; background: #fff; box-shadow: 0 0 32px #f4d58d38; }
.winylowe-mark .partner-mark { width: 100%; height: 100%; max-width: 100%; object-fit: contain; border-radius: 0; transform: none; }

.whatsapp-group-link {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 30;
  display: block;
  width: 90px;
  height: 90px;
  padding: 0;
  border: 1px solid #e5b84d;
  border-radius: 50%;
  background: radial-gradient(circle, #273867 0 40%, #07152df7 41% 100%);
  box-shadow: 0 10px 30px #020918a6, 0 0 18px #e5b84d2b;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.whatsapp-group-link::after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 5px;
  width: 11px;
  height: 11px;
  border: 2px solid #07152d;
  border-radius: 50%;
  background: #36c96f;
  box-shadow: 0 0 10px #36c96f;
}
.whatsapp-group-link img { position: absolute; left: 50%; top: 50%; display: block; width: 54%; height: 54%; border: 1px solid #67e2d855; border-radius: 50%; object-fit: cover; transform: translate(-50%, -50%); }
.whatsapp-group-ring { position: absolute; inset: 2px; width: calc(100% - 4px); height: calc(100% - 4px); overflow: visible; }
.whatsapp-group-ring path { fill: none; }
.whatsapp-group-ring text { fill: #f4d58d; font: 700 7px/1 Arial, sans-serif; letter-spacing: .75px; }
.whatsapp-group-ring .whatsapp-ring-bottom { fill: #67e2d8; font-size: 8px; letter-spacing: 1.4px; }
.whatsapp-group-link:hover,
.whatsapp-group-link:focus-visible { transform: translateY(-3px) scale(1.04); border-color: #67e2d8; box-shadow: 0 14px 34px #020918c4, 0 0 24px #67e2d83d; outline: none; }

.ex-footer { padding: 100px 6vw 30px; background: radial-gradient(circle at 50% 30%, #756acb42, transparent 30%), linear-gradient(135deg, #07152d, #132d50); display: flex; flex-direction: column; align-items: center; gap: 34px; text-align: center; }
.footer-house { position: relative; width: 360px; height: 420px; clip-path: polygon(50% 0, 100% 18%, 100% 82%, 50% 100%, 0 82%, 0 18%); border: 1px solid var(--gold-light); display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 45%, #59456c 0, #263a63 42%, #091a35 76%); box-shadow: inset 0 0 80px #6bd6cf18; isolation: isolate; overflow: hidden; }
.footer-house::before,
.footer-house::after { content: ""; position: absolute; inset: 23px 35px; clip-path: polygon(50% 0, 100% 18%, 100% 82%, 50% 100%, 0 82%, 0 18%); border: 1px solid #f4d58d78; pointer-events: none; }
.footer-house::after { inset: 48px 65px; border-color: #6bd6cf55; }
.footer-house img { position: relative; z-index: 2; width: 154px; height: 104px; object-fit: contain; filter: drop-shadow(0 0 10px #f4d58d66); }
.footer-house small { position: relative; z-index: 2; margin-top: 12px; font-size: 6px; letter-spacing: 4px; color: var(--gold-light); }
.footer-house strong { position: relative; z-index: 2; margin-top: 9px; font-family: Georgia, serif; font-size: 18px; font-weight: 400; letter-spacing: 4px; color: #fff4dc; }
.footer-orbit { position: absolute; z-index: 0; border: 1px solid #f4d58d64; border-radius: 50%; transform: rotate(-18deg); }
.footer-orbit-one { width: 280px; height: 118px; }
.footer-orbit-two { width: 228px; height: 228px; border-color: #6bd6cf45; }
.footer-sigil { position: absolute; z-index: 3; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #f4d58d6b; border-radius: 50%; color: var(--gold-light); font-family: Georgia, serif; font-size: 22px; background: #0b2145d9; }
.footer-eye { top: 76px; left: 54px; }
.footer-eye::before { content: ""; width: 22px; height: 12px; border: 1px solid currentColor; border-radius: 70% 0 70% 0; transform: rotate(45deg); }
.footer-eye i { position: absolute; width: 5px; height: 5px; border: 1px solid currentColor; border-radius: 50%; }
.footer-compass { top: 76px; right: 54px; font-size: 26px; }
.footer-compass::before,
.footer-compass::after { content: ""; position: absolute; bottom: 8px; width: 1px; height: 24px; background: currentColor; transform-origin: bottom; }
.footer-compass::before { transform: rotate(27deg); }
.footer-compass::after { transform: rotate(-27deg); }
.footer-moon { bottom: 80px; left: 54px; }
.footer-star { bottom: 80px; right: 54px; }
.ex-footer p,
.ex-footer a { font-size: 8px; font-weight: 900; letter-spacing: 2px; line-height: 1.8; }
.footer-world { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.footer-world p { margin: 0; color: var(--gold-light); }
.footer-world p span { color: #67e2d8; }
.footer-world a { min-width: 190px; padding: 10px 18px; border: 1px solid #f4d58d70; color: #fff4dc; transition: border-color .2s ease, color .2s ease, transform .2s ease; }
.footer-world a:hover,
.footer-world a:focus-visible { color: #67e2d8; border-color: #67e2d8; transform: translateY(-2px); outline: none; }
.ex-footer > small { width: 100%; border-top: 1px solid #ffffff35; padding-top: 25px; color: #bbb4cf; text-align: left; }

@media (max-width: 900px) {
  .ex-nav {
    height: 94px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: 1fr;
    grid-template-areas: "brand navigation actions";
    padding: 0 4vw;
    background: linear-gradient(180deg, #08162fa6, transparent);
  }
  .ex-brand { grid-area: brand; }
  .ex-brand > img { width: 92px; height: 42px; }
  .ex-nav nav {
    grid-area: navigation;
    position: static;
    inset: auto;
    width: auto;
    height: auto;
    margin-left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 8px;
    background: transparent;
    font-size: clamp(10px, 1.7vw, 14px);
    letter-spacing: .8px;
  }
  .ex-nav nav a,
  .ex-shop-link,
  .ex-contact-link,
  .ex-radio-link { width: 72px; min-width: 72px; height: 54px; min-height: 54px; }
  .ex-nav > .ex-nav-actions .ex-shop-link,
  .ex-nav > .ex-nav-actions .ex-contact-link,
  .ex-nav > .ex-nav-actions .ex-radio-link { width: 72px; min-width: 72px; height: 42px; min-height: 42px; padding: 0 7px; }
  .ex-nav > .ex-nav-actions .ex-radio-link { justify-content: center; }
  .ex-nav > .ex-nav-actions .ex-radio-link small,
  .ex-nav > .ex-nav-actions .ex-radio-link b { display: none; }
  .ex-nav > .ex-nav-actions .ex-radio-link strong { font-size: 0; }
  .ex-nav > .ex-nav-actions .ex-radio-link strong::after { content: "RADIO"; color: #fff4df; font-size: 6.5px; letter-spacing: 1px; }
  .ex-nav > .ex-nav-actions .ex-shop-link,
  .ex-nav > .ex-nav-actions .ex-contact-link { justify-content: center; }
  .ex-nav > .ex-nav-actions .ex-shop-link > span,
  .ex-nav > .ex-nav-actions .ex-contact-link > span { align-items: center; }
  .ex-nav > .ex-nav-actions .ex-shop-link small,
  .ex-nav > .ex-nav-actions .ex-contact-link small,
  .ex-nav > .ex-nav-actions .ex-shop-link b,
  .ex-nav > .ex-nav-actions .ex-contact-link b { display: none; }
  .ex-nav > .ex-nav-actions .ex-shop-link strong,
  .ex-nav > .ex-nav-actions .ex-contact-link strong { color: #fff4df; font-size: 6.5px; letter-spacing: 1px; }
  .talisman-art { width: 68px; height: 48px; }
  .talisman-label { font-size: 6.5px; letter-spacing: 1px; }
  .ex-nav-actions { grid-area: actions; gap: 4px; }
  .ex-nav > .ex-nav-actions .ex-monogram { display: flex; width: 48px; font-size: 14px; }
  .ex-contact-full { display: none; }
  .ex-contact-short { display: inline; }
  .gate { height: auto; min-height: 100svh; padding-top: 125px; }
  .gate-vignette { background: linear-gradient(90deg, #07152dde, #07152d39), linear-gradient(0deg, #07152dcf, transparent 60%); }
  .gate-coordinate { display: none; }
  .gate-seal { width: 110px; height: 110px; bottom: 35px; }
  .gate-seal span { font-size: 27px; }
  .gate-stars { display: none; }
  .gate-title-mark { bottom: 24px; gap: 3px; }
  .gate-title-mark strong { font-size: clamp(38px, 9vw, 78px); }
  .official-mark { width: clamp(120px, 22vw, 190px); }
  .invitation { grid-template-columns: 1fr; }
  .history-line { grid-template-columns: 1fr; }
  .history-line article { min-height: 0; border-right: 0; border-bottom: 1px solid #997b45; }
  .history-line article:last-child { border-bottom: 0; }
  .tower-prologue-head { grid-template-columns: 1fr; }
  .tower-prologue-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 420px 300px 300px; }
  .tower-shot-main { grid-column: 1 / 3; grid-row: 1; }
  .tower-shot-wide { grid-column: 1 / 3; }
  .mystic-video-copy { grid-template-columns: 1fr; }
  .mystic-video-copy span { justify-self: start; text-align: left; }
  .edition-video-thumbs button { flex-basis: calc((100% - 12px) / 2); }
  .ex-section-head { grid-template-columns: 1fr; }
  .ex-section-head > span { justify-self: start; }
  .edition-volume,
  .edition-volume:nth-child(even) { grid-template-columns: 1fr; gap: 30px; padding: 28px; }
  .edition-volume figure,
  .edition-volume:nth-child(even) figure { grid-column: 1; grid-row: 1; height: auto; }
  .edition-volume .volume-copy,
  .edition-volume:nth-child(even) .volume-copy { grid-column: 1; grid-row: 2; text-align: left; align-items: flex-start; }
  .volume-mark,
  .edition-volume:nth-child(even) .volume-mark { left: auto; right: 20px; top: 8px; font-size: 100px; }
  .artifact-copy { grid-template-columns: 1fr; }
  .artifact-copy span { justify-self: start; text-align: left; }
  .lineup-head { grid-template-columns: 1fr; }
  .lineup-head span { justify-self: start; text-align: left; }
  .lineup-cards figure { flex-basis: calc((100% - 28px) / 3); }
  .chambers { grid-template-columns: 1fr; }
  .chamber-intro { min-height: 600px; border-right: 0; }
  .chamber-list article { grid-template-columns: .2fr .3fr 1fr; }
  .chamber-list b { grid-column: 3; }
  .ex-gallery { columns: 2; }
  .ex-gallery-tail { width: calc((100% - 18px) / 2); }
  .exclusive .archive-edition-head { grid-template-columns: 100px 1fr; }
  .archive-edition-head > span { font-size: 100px; }
  .archive-edition-head small { display: none; }
  .ex-main,
  .ex-tall,
  .ex-wide { grid-column: auto; grid-row: auto; }
  .broadcast { grid-template-columns: 1fr; }
  .broadcast-disc { margin: auto; }
  .allies-partners .ally-card { flex-basis: calc((100% - 16px) / 2); }
  .social-portals { padding-left: 4vw; padding-right: 4vw; }
  .social-portals-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-house { margin: auto; }
}

@media (max-width: 560px) {
  .ex-nav {
    height: 72px;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    grid-template-rows: 1fr;
    padding: 0 2vw;
  }
  .ex-brand > img { width: 48px; height: 32px; }
  .ex-nav nav { gap: 7px; justify-content: center; padding: 0 5px; }
  .ex-nav nav a {
    flex: 0 auto;
    display: flex;
    width: 42px;
    min-width: 42px;
    height: 44px;
    min-height: 44px;
    font-size: 5px;
    letter-spacing: .65px;
    padding-bottom: 0;
  }
  .ex-nav nav a + a { border-left: 0; }
  .ex-nav nav a::after { left: 0; right: 100%; bottom: -6px; }
  .ex-nav nav a:hover::after { right: 0; }
  .ex-nav-actions { gap: 2px; }
  .ex-shop-link,
  .ex-contact-link,
  .ex-radio-link { width: 42px; min-width: 42px; height: 44px; min-height: 44px; }
  .ex-nav > .ex-nav-actions .ex-shop-link,
  .ex-nav > .ex-nav-actions .ex-contact-link,
  .ex-nav > .ex-nav-actions .ex-radio-link { width: 42px; min-width: 42px; height: 34px; min-height: 34px; padding: 0 3px; font-size: 5px; letter-spacing: .65px; }
  .ex-shop-link { padding: 0; font-size: 5.5px; letter-spacing: .8px; }
  .ex-shop-arrow { display: none; }
  .ex-contact-link { padding: 0; font-size: 5px; letter-spacing: .7px; }
  .ex-radio-link { gap: 2px; padding: 0; }
  .talisman-art { width: 42px; height: 44px; }
  .talisman-label { font-size: 6px; letter-spacing: .75px; -webkit-text-stroke-width: .4px; }
  .ex-radio-link small { display: none; }
  .ex-radio-link strong { font-size: 0; letter-spacing: 1px; }
  .ex-radio-link strong::after { content: "RADIO"; font-size: 5.5px; }
  .ex-radio-link b { font-size: 8px; }
  .whatsapp-group-link { right: 12px; bottom: 12px; width: 80px; height: 80px; }
  .whatsapp-group-link::after { right: 2px; bottom: 3px; width: 10px; height: 10px; }
  .ex-nav > .ex-nav-actions .ex-monogram { width: 34px; font-size: 9px; }
  .gate { align-items: flex-end; padding-top: 105px; padding-bottom: 100px; }
  .gate-image { background-position: 61% center; }
  .gate h1 { font-size: 17vw; }
  .gate-lead { font-size: 15px; }
  .gate-lead br { display: none; }
  .gate-seal { display: none; }
  .gate-title-mark { bottom: 28px; width: 94vw; }
  .gate-title-mark strong { font-size: 10.5vw; letter-spacing: .02em; }
  .official-mark { width: 112px; }
  .next-chapter-teaser { min-height: 410px; }
  .next-chapter-teaser-bg { background-position: 55% 62%; }
  .next-chapter-teaser::before { left: 16px; }
  .next-chapter-teaser::after { right: 16px; }
  .next-chapter-teaser-copy { width: calc(100% - 48px); padding: 60px 0 135px; }
  .next-chapter-teaser-copy > p { font-size: 6px; letter-spacing: 2.5px; }
  .next-chapter-teaser-copy h2 { font-size: 12vw; }
  .next-chapter-teaser-copy > span { max-width: 290px; font-size: 11px; line-height: 1.6; }
  .next-chapter-teaser-copy > a { min-width: 0; width: 100%; font-size: 7px; letter-spacing: 2px; }
  .invitation,
  .oath,
  .edition-chapters,
  .tower-prologue,
  .forbidden-archive,
  .broadcast { padding: 90px 6vw; }
  .invitation h2,
  .ex-section-head h2,
  .chamber-intro h2,
  .archive-head h2,
  .broadcast h2 { font-size: 45px; }
  .oath blockquote { font-size: 42px; }
  .oath::before,
  .oath::after { display: none; }
  .oath-map::before { width: 330px; height: 330px; left: calc(50% - 165px); top: calc(50% - 165px); }
  .edition-volume,
  .edition-volume:nth-child(even) { padding: 18px; }
  .edition-volume figure,
  .edition-volume:nth-child(even) figure { height: auto; aspect-ratio: 4 / 3; }
  .volume-mark { font-size: 72px; }
  .edition-two-artifact { margin-top: 80px; padding: 18px; }
  .edition-one-lineup { margin-top: 80px; padding: 18px; }
  .lineup-cards { gap: 10px; }
  .lineup-cards figure { flex-basis: calc((100% - 10px) / 2); }
  .tower-prologue-grid { display: flex; flex-direction: column; }
  .tower-shot { height: 260px; }
  .tower-shot-main { height: 340px; }
  .mystic-video { padding: 18px; }
  .mystic-video-thumbs { grid-template-columns: 1fr; }
  .edition-video-thumbs { display: flex; }
  .edition-video-thumbs button { flex-basis: 100%; min-height: 165px; }
  .edition-two-coming { padding: 30px 24px; }
  .edition-two-coming::before { right: 22px; top: 20px; }
  .edition-two-coming h4 { font-size: 30px; }
  .edition-two-coming span { font-size: 12px; }
  .edition-gallery-access { align-items: flex-start; flex-direction: column; }
  .social-portals { padding: 75px 14px 85px; }
  .social-portals-head { margin-bottom: 30px; }
  .social-portals h2 { font-size: 42px; }
  .social-portals-grid { gap: 8px; }
  .social-portal { min-height: 178px; padding: 20px 7px 16px; }
  .social-portal::before { inset: 5px; }
  .social-portal-icon { width: 46px; height: 46px; margin-bottom: 15px; }
  .social-portal-icon svg { width: 23px; height: 23px; }
  .social-portal small { font-size: 5px; letter-spacing: 1.4px; }
  .social-portal strong { margin-top: 9px; font-size: 11px; line-height: 1.12; }
  .social-portal > b { margin-top: 13px; font-size: 5px; letter-spacing: 1px; }
  .chamber-list article { grid-template-columns: .25fr 1fr; }
  .chamber-sigil { width: 80px; height: 80px; grid-column: 1; }
  .chamber-list article > div:nth-of-type(2) { grid-column: 2; }
  .chamber-no { display: none; }
  .chamber-list b { grid-column: 2; justify-self: start; }
  .ex-gallery { columns: 1; }
  .ex-gallery-tail { width: 100%; }
  .ex-photo { width: 100%; height: auto; }
  .section-return { margin-top: 24px; }
  .section-return a { width: 110px; min-height: 32px; padding: 3px 6px; font-size: 5px; letter-spacing: .9px; }
  .archive-edition { margin-top: 70px; }
  .archive-edition + .archive-edition { margin-top: 90px; padding-top: 75px; }
  .exclusive .archive-edition-head { grid-template-columns: 70px 1fr; gap: 15px; align-items: center; }
  .archive-edition-head > span { font-size: 78px; }
  .archive-edition-head h3 { font-size: 36px; }
  .broadcast-disc { width: 245px; height: 245px; }
  .broadcast-disc::before { width: 280px; height: 280px; }
  .broadcast-logo { width: 158px; height: 98px; }
  .broadcast-frequency { width: 122px; }
  .ally-media { min-height: 280px; }
  .ally-radio-mark { flex-direction: column; gap: 0; }
  .ally-radio-mark img { width: 180px; height: 105px; }
  .ally-radio-mark img + img { width: 145px; }
  .allies-strategic .ally-card,
  .allies-partners .ally-card { flex-basis: 100%; }
  .next-chapter { min-height: 760px; }
  .next-chapter-grid { inset: 16px; }
  .next-chapter-content { width: calc(100% - 48px); min-height: 650px; padding: 44px 18px; }
  .next-chapter-wall-mark { gap: 10px; padding: 7px 12px; }
  .next-chapter-wall-mark img { width: 78px; height: 52px; }
  .next-chapter-wall-mark strong { font-size: 13px; letter-spacing: 4px; }
  .next-chapter-content h2 { margin-top: 75px; font-size: 39px; }
  .next-chapter-content > p:not(.ex-label) { font-size: 11px; }
  .next-chapter-seal { right: 4%; bottom: 8%; width: 82px; height: 82px; }
  .next-chapter-footer { left: 24px; right: 24px; bottom: 24px; font-size: 5px; letter-spacing: 2px; }
  .footer-house { width: 280px; height: 330px; }
  .footer-house img { width: 118px; height: 80px; }
  .footer-house strong { font-size: 13px; letter-spacing: 3px; }
  .footer-orbit-one { width: 218px; height: 92px; }
  .footer-orbit-two { width: 178px; height: 178px; }
  .footer-sigil { width: 34px; height: 34px; font-size: 17px; }
  .footer-eye { top: 59px; left: 42px; }
  .footer-compass { top: 59px; right: 42px; }
  .footer-moon { bottom: 63px; left: 42px; }
  .footer-star { bottom: 63px; right: 42px; }
}

/* Active responsive header: keep all three utility panels in the Radio style. */
@media (max-width: 900px) {
  .ex-nav {
    height: 110px;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 48px 46px;
    grid-template-areas:
      "brand navigation"
      "actions actions";
    row-gap: 6px;
    padding-top: 4px;
    padding-bottom: 6px;
  }
  .ex-brand > img { width: 92px; height: 42px; }
  .ex-nav > nav {
    justify-self: end;
    gap: 22px;
    padding: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    letter-spacing: 1px;
  }
  .ex-nav > nav a { width: auto; min-width: 0; height: auto; min-height: 0; }
  .ex-nav > .ex-nav-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 100px 112px 225px 48px;
    justify-content: end;
    gap: 4px;
  }
  .ex-nav > .ex-nav-actions .ex-shop-link,
  .ex-nav > .ex-nav-actions .ex-contact-link,
  .ex-nav > .ex-nav-actions .ex-radio-link {
    width: 100%;
    min-width: 0;
    height: 46px;
    min-height: 46px;
    padding: 0 12px;
  }
  .ex-nav > .ex-nav-actions .ex-shop-link,
  .ex-nav > .ex-nav-actions .ex-contact-link { justify-content: space-between; }
  .ex-nav > .ex-nav-actions .ex-shop-link > span,
  .ex-nav > .ex-nav-actions .ex-contact-link > span { align-items: flex-start; }
  .ex-nav > .ex-nav-actions .ex-shop-link small,
  .ex-nav > .ex-nav-actions .ex-contact-link small,
  .ex-nav > .ex-nav-actions .ex-shop-link b,
  .ex-nav > .ex-nav-actions .ex-contact-link b,
  .ex-nav > .ex-nav-actions .ex-radio-link small,
  .ex-nav > .ex-nav-actions .ex-radio-link b { display: block; }
  .ex-nav > .ex-nav-actions .ex-shop-link strong,
  .ex-nav > .ex-nav-actions .ex-contact-link strong,
  .ex-nav > .ex-nav-actions .ex-radio-link strong {
    color: #67d7d1;
    font-size: 7px;
    letter-spacing: 1.1px;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link strong::after { content: none; }
  .ex-nav > .ex-nav-actions .ex-monogram { width: 48px; font-size: 14px; }
  .gate { padding-top: 145px; }
}

@media (max-width: 560px) {
  .ex-nav {
    height: 118px;
    grid-template-columns: 70px minmax(0, 1fr);
    grid-template-rows: 48px 46px;
    grid-template-areas:
      "brand navigation"
      "actions actions";
    row-gap: 6px;
    padding: 8px 2vw 10px;
  }
  .ex-brand > img { width: 70px; height: 36px; }
  .ex-nav > nav {
    justify-self: end;
    gap: 12px;
    padding: 0;
    font-size: 8px;
    letter-spacing: .7px;
  }
  .ex-nav > nav a { width: auto; min-width: 0; height: auto; min-height: 0; font-size: inherit; letter-spacing: inherit; }
  .ex-nav > .ex-nav-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.7fr) 34px;
    justify-content: stretch;
  }
  .ex-nav > .ex-nav-actions .ex-shop-link,
  .ex-nav > .ex-nav-actions .ex-contact-link,
  .ex-nav > .ex-nav-actions .ex-radio-link {
    width: 100%;
    min-width: 0;
    height: 46px;
    min-height: 46px;
    padding: 0 9px;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link {
    flex-direction: row;
    justify-content: space-between;
    gap: 6px;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link > span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    text-align: left;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link small {
    color: #d9c78f;
    font-size: 5px;
    line-height: 1;
    letter-spacing: 1.1px;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link strong {
    max-width: none;
    color: #67d7d1;
    font-size: 6px;
    line-height: 1;
    letter-spacing: .75px;
    white-space: nowrap;
  }
  .ex-nav > .ex-nav-actions .ex-radio-link b { color: #e8d39b; font-size: 8px; }
  .ex-nav > .ex-nav-actions .ex-monogram { width: 34px; font-size: 9px; }
  .gate { padding-top: 155px; }
}

@media (max-width: 420px) {
  .ex-nav {
    height: 170px;
    grid-template-rows: 48px 98px;
  }
  .ex-nav > .ex-nav-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 34px;
    grid-template-rows: 46px 46px;
  }
  .ex-nav > .ex-nav-actions .ex-shop-link { grid-column: 1; grid-row: 1; }
  .ex-nav > .ex-nav-actions .ex-contact-link { grid-column: 2; grid-row: 1; }
  .ex-nav > .ex-nav-actions .ex-radio-link { grid-column: 1 / 4; grid-row: 2; }
  .ex-nav > .ex-nav-actions .ex-monogram { grid-column: 3; grid-row: 1; }
  .gate { padding-top: 205px; }
}