.home-hero {
  position: relative;
  min-height: calc(100svh - var(--header-height));
  display: grid;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid var(--line-soft);
}
.home-hero::before {
  content: "";
  position: absolute;
  z-index: -4;
  inset: 0;
  background:
    radial-gradient(circle at 72% 48%, rgba(244, 83, 27, 0.22), transparent 24%),
    radial-gradient(circle at 69% 58%, rgba(240, 182, 95, 0.1), transparent 32%),
    linear-gradient(90deg, #08060a 0%, rgba(8, 6, 10, 0.97) 35%, rgba(8, 6, 10, 0.4) 66%, #08060a 100%);
}
.home-hero::after {
  content: "";
  position: absolute;
  z-index: -3;
  inset: 0;
  opacity: 0.3;
  background-image: radial-gradient(circle, rgba(255, 211, 138, 0.45) 0 1px, transparent 1.5px);
  background-size: 93px 93px;
  mask-image: linear-gradient(90deg, transparent, #000 55%);
}
.hero-inner {
  width: var(--content);
  margin: 0 auto;
  padding-block: clamp(5rem, 10vh, 8rem);
}
.hero-copy {
  position: relative;
  z-index: 5;
  max-width: 51rem;
}
.hero-copy h1 { max-width: 9ch; margin-top: 1rem; }
.hero-copy h1 em { color: var(--gold-light); font-style: normal; }
.hero-lead {
  max-width: 43rem;
  margin: 1.75rem 0 0;
  color: #c9bdb6;
  font-size: clamp(1rem, 1.45vw, 1.25rem);
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 0.55rem 1.5rem; margin: 1.35rem 0 0; padding: 0; color: var(--muted); font-size: 0.78rem; list-style: none; }
.hero-proof li::before { content: "·"; margin-right: 0.5rem; color: var(--gold); }
.phoenix-stage {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: min(68vw, 70rem);
  height: 100%;
  pointer-events: none;
  isolation: isolate;
}
.phoenix-stage::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 10%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 124, 36, 0.24), rgba(150, 34, 19, 0.08) 38%, transparent 68%);
  filter: blur(28px);
  animation: phoenix-aura 5.5s ease-in-out infinite;
}
.phoenix-stage::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background:
    linear-gradient(90deg, #08060a 0%, rgba(8, 6, 10, 0.95) 11%, rgba(8, 6, 10, 0.46) 25%, transparent 44%),
    linear-gradient(0deg, #08060a 0%, transparent 21%);
}
.phoenix-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: saturate(1.08) contrast(1.06) drop-shadow(0 22px 90px rgba(239, 71, 24, 0.34));
  user-select: none;
}
.ember-field { position: absolute; z-index: 3; inset: 0; overflow: hidden; }
.ember-field i {
  position: absolute;
  bottom: 8%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--gold-light);
  box-shadow: 0 0 12px var(--ember);
  animation: ember-rise 6s linear infinite;
}
.ember-field i:nth-child(1) { left: 26%; animation-delay: -1s; }
.ember-field i:nth-child(2) { left: 42%; animation-delay: -4.1s; }
.ember-field i:nth-child(3) { left: 58%; animation-delay: -2.4s; }
.ember-field i:nth-child(4) { left: 72%; animation-delay: -5.2s; }
.ember-field i:nth-child(5) { left: 84%; animation-delay: -3.1s; }
.ember-field i:nth-child(6) { left: 92%; animation-delay: -0.4s; }

.phoenix-editorial-hero {
  position: relative;
  min-height: calc(100svh - var(--header-height));
  overflow: hidden;
  isolation: isolate;
  background: #08060a;
  border-bottom: 1px solid var(--line-soft);
}
.phoenix-editorial-hero::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  background:
    radial-gradient(ellipse at 76% 48%, rgba(255, 92, 22, 0.24), transparent 30%),
    linear-gradient(90deg, #08060a 0 31%, rgba(8, 6, 10, 0.46) 60%, rgba(8, 6, 10, 0.78));
}
.phoenix-editorial-hero::after {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, #08060a 0%, rgba(8, 6, 10, 0.96) 20%, rgba(8, 6, 10, 0.52) 42%, transparent 68%),
    linear-gradient(0deg, #08060a 0%, transparent 23%),
    linear-gradient(180deg, rgba(8, 6, 10, 0.46), transparent 16%);
}
.phoenix-editorial-hero .subpage-hero {
  position: relative;
  z-index: 6;
  min-height: calc(100svh - var(--header-height));
  align-content: start;
}
.phoenix-editorial-hero .subpage-hero::after { content: none; }
.phoenix-editorial-hero .subpage-hero-copy { max-width: min(46rem, 51vw); }
.phoenix-editorial-hero .subpage-hero h1 { text-shadow: 0 5px 40px rgba(0, 0, 0, 0.78); }
.phoenix-editorial-hero .section-lead { text-shadow: 0 2px 22px #08060a; }
.phoenix-editorial-hero .phoenix-stage--editorial {
  z-index: 1;
  top: 0;
  right: -7vw;
  width: min(76vw, 94rem);
  height: 100%;
  opacity: 1;
}
.phoenix-editorial-hero .phoenix-stage--editorial::after {
  display: none;
}
.cycle-axis {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1rem;
  margin: 3rem 0;
}
.cycle-axis::before,
.cycle-axis::after { content: ""; height: 1px; background: linear-gradient(90deg, transparent, var(--gold)); }
.cycle-axis::after { background: linear-gradient(90deg, var(--ember), transparent); }
.cycle-axis span { width: 6rem; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--gold-light); font-family: var(--serif); font-size: 1.8rem; }
.gate-set { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; margin-top: 2rem; }
.gate-token { aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: radial-gradient(circle, rgba(241, 91, 42, 0.12), transparent 67%); color: var(--gold-light); font: 700 clamp(1.5rem, 4vw, 3.5rem)/1 var(--serif); }

.energy-seal {
  width: min(32rem, 88vw);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  margin: 0 auto;
  border: 1px solid var(--line);
  border-radius: 50%;
  background:
    repeating-radial-gradient(circle, transparent 0 13%, rgba(255, 255, 255, 0.035) 13.2% 13.5%),
    radial-gradient(circle, rgba(241, 91, 42, 0.2), rgba(240, 182, 95, 0.04) 35%, rgba(8, 6, 10, 0.9) 68%);
  box-shadow: inset 0 0 100px rgba(241, 91, 42, 0.12), 0 0 80px rgba(0, 0, 0, 0.35);
}
.energy-seal span { width: 28%; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold-light); font: 700 clamp(2rem, 7vw, 4rem)/1 var(--serif); box-shadow: 0 0 45px rgba(241, 91, 42, 0.35); }

/* Immersive hero rebuild */
.home-hero { min-height: calc(100svh - var(--header-height)); background: linear-gradient(110deg, rgba(5, 3, 7, 0.98) 0 29%, rgba(5, 3, 7, 0.72) 48%, rgba(5, 3, 7, 0.18) 73%, rgba(5, 3, 7, 0.76) 100%); }
.home-hero::before {
  background:
    radial-gradient(ellipse at 77% 48%, rgba(255, 93, 22, 0.3), transparent 24%),
    radial-gradient(ellipse at 70% 62%, rgba(142, 20, 9, 0.18), transparent 38%),
    linear-gradient(90deg, #050307 0%, rgba(5, 3, 7, 0.94) 34%, rgba(5, 3, 7, 0.12) 70%, rgba(5, 3, 7, 0.7) 100%);
}
.home-hero::after { opacity: 0.12; background-size: 71px 71px; mask-image: radial-gradient(ellipse at 67% 48%, #000 0 54%, transparent 82%); }
.hero-inner { position: relative; z-index: 4; padding-block: clamp(4.5rem, 9vh, 7rem); }
.hero-copy { max-width: min(49rem, 58vw); }
.hero-copy h1 { max-width: 11.5ch; font-size: clamp(4rem, 7.2vw, 8.1rem); line-height: 0.88; text-shadow: 0 5px 40px rgba(0, 0, 0, 0.72); }
.hero-copy h1 em { display: inline; background: linear-gradient(115deg, #ffe4ad, #e9ad52 58%, #ff7a2f); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 22px rgba(241, 91, 42, 0.2)); }
.hero-lead { max-width: 38rem; font-size: clamp(1rem, 1.3vw, 1.2rem); text-shadow: 0 2px 18px #050307; }
.phoenix-stage { right: -4vw; width: min(73vw, 86rem); }
.phoenix-stage::before { inset: 5% 7% 2% 8%; background: radial-gradient(ellipse, rgba(255, 117, 34, 0.28), rgba(161, 27, 8, 0.09) 42%, transparent 70%); filter: blur(38px); }
.phoenix-stage::after {
  z-index: 4;
  background:
    linear-gradient(90deg, #050307 0%, rgba(5, 3, 7, 0.92) 7%, rgba(5, 3, 7, 0.38) 20%, transparent 42%),
    linear-gradient(0deg, #050307 0%, rgba(5, 3, 7, 0.72) 6%, transparent 25%),
    linear-gradient(180deg, rgba(5, 3, 7, 0.42), transparent 14%);
}
.phoenix-art {
  z-index: 1;
  object-fit: cover;
  object-position: 51% 50%;
  transform: scale(1.055);
  -webkit-mask-image: radial-gradient(ellipse 72% 72% at 55% 49%, #000 0 56%, rgba(0,0,0,.94) 64%, transparent 87%);
  mask-image: radial-gradient(ellipse 72% 72% at 55% 49%, #000 0 56%, rgba(0,0,0,.94) 64%, transparent 87%);
  filter: saturate(1.16) contrast(1.11) brightness(1.04) drop-shadow(0 26px 100px rgba(239, 71, 24, 0.42));
}
.phoenix-fire-canvas { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: screen; opacity: 0.9; -webkit-mask-image: radial-gradient(ellipse 68% 68% at 55% 50%, #000 0 57%, transparent 86%); mask-image: radial-gradient(ellipse 68% 68% at 55% 50%, #000 0 57%, transparent 86%); }
.ember-field { z-index: 5; }

@keyframes phoenix-aura { 50% { opacity: 0.62; transform: scale(1.035); } }
@keyframes ember-rise { 0% { opacity: 0; transform: translateY(0); } 15% { opacity: 0.85; } 100% { opacity: 0; transform: translate(20px, -62vh); } }

@media (max-width: 68rem) {
  .phoenix-stage { right: -9vw; width: 78vw; opacity: 0.85; }
  .home-hero::before { background: linear-gradient(90deg, #08060a 0%, rgba(8, 6, 10, 0.94) 50%, rgba(8, 6, 10, 0.35) 100%); }
}

@media (min-width: 120rem) {
  .home-hero .hero-inner {
    width: min(172rem, 90vw);
  }
  .home-hero .hero-copy {
    max-width: 64rem;
  }
  .home-hero .hero-copy h1 {
    max-width: 10.5ch;
    font-size: clamp(8rem, 4.4vw, 11rem);
  }
  .home-hero .hero-lead {
    max-width: 48rem;
    font-size: clamp(1.15rem, 0.82vw, 1.55rem);
  }
  .home-hero .phoenix-stage {
    right: 1vw;
    width: min(64vw, 155rem);
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
  }
  .home-hero .phoenix-stage::after {
    background:
      linear-gradient(90deg, #050307 0%, rgba(5, 3, 7, 0.92) 7%, rgba(5, 3, 7, 0.38) 20%, transparent 42%),
      linear-gradient(270deg, #050307 0%, rgba(5, 3, 7, 0.66) 5%, transparent 16%),
      linear-gradient(0deg, #050307 0%, rgba(5, 3, 7, 0.72) 6%, transparent 25%),
      linear-gradient(180deg, rgba(5, 3, 7, 0.52), transparent 16%);
  }
  .home-hero .phoenix-art {
    object-fit: contain;
    transform: scale(1.07);
  }
}

@media (max-width: 52.5rem) {
  .home-hero { min-height: 48rem; align-items: start; }
  .hero-inner { padding-top: 4rem; }
  .hero-copy { max-width: 100%; }
  .hero-copy h1 { max-width: 10ch; text-shadow: 0 3px 24px #08060a, 0 0 58px #08060a; }
  .hero-lead { max-width: 34rem; text-shadow: 0 2px 16px #08060a; }
  .phoenix-stage {
    top: 5.5rem;
    right: -24vw;
    width: 120vw;
    height: 63vh;
    opacity: 0.82;
    mask-image: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.68) 15%, #000 32%);
  }
  .phoenix-stage::after { background: radial-gradient(ellipse at 48% 64%, rgba(8, 6, 10, 0.65), transparent 70%), linear-gradient(0deg, #08060a, transparent 32%); }
  .phoenix-art { object-position: center 72%; }
  .phoenix-editorial-hero { min-height: 50rem; }
  .phoenix-editorial-hero .subpage-hero {
    min-height: 50rem;
    align-content: start;
    padding-top: 4rem;
  }
  .phoenix-editorial-hero .subpage-hero-copy { max-width: 100%; }
  .phoenix-editorial-hero .phoenix-stage--editorial {
    top: 9rem;
    right: -30vw;
    width: 138vw;
    height: 66%;
    opacity: 0.62;
  }
  .phoenix-editorial-hero .phoenix-stage--editorial::after {
    background:
      linear-gradient(0deg, #08060a 0%, rgba(8, 6, 10, 0.46) 32%, transparent 60%),
      radial-gradient(ellipse at 54% 58%, rgba(8, 6, 10, 0.35), transparent 68%);
  }
  .hero-actions { display: grid; width: min(25rem, 100%); }
  .gate-set { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 38rem) {
  .home-hero { min-height: 50rem; }
  .hero-inner { padding-top: 3rem; }
  .hero-proof { display: grid; gap: 0.4rem; }
  .phoenix-stage { top: 5.5rem; right: -34vw; width: 138vw; height: 57vh; }
  .phoenix-editorial-hero .phoenix-stage--editorial { right: -38vw; width: 150vw; opacity: 0.56; }
}

@media (prefers-reduced-motion: reduce) {
  .phoenix-stage::before,
  .ember-field i { animation: none !important; }
  .ember-field { display: none; }
  .phoenix-art { transform: none !important; }
}

/* Phoenix 2027 long-form experience */
.phoenix-editorial-page { background: #08060a; }
.phoenix-editorial-hero .subpage-hero-copy { max-width: min(55rem, 56vw); }
/* Benny, 04.08.2026: Die Ueberschrift stand ueber VIER Zeilen, weil die
   Zeilenbreite auf 8,5 Zeichen begrenzt war — bei 30 Zeichen Text.
   Gemessen bei 1280 px: 94,7 px auf vier Zeilen, jetzt 81,9 px auf zwei. */
.phoenix-editorial-hero .subpage-hero h1 { max-width: 15ch; font-size: clamp(3.6rem, 6.4vw, 6rem); line-height: 0.86; }
.phoenix-editorial-hero .section-lead { max-width: 47rem; color: #d4c7bf; }
.phoenix-countdown { width: min(48rem, 100%); margin-top: 2rem; padding: 1rem; border: 1px solid rgba(240,182,95,.28); background: linear-gradient(115deg, rgba(8,6,10,.9), rgba(74,25,18,.56)); box-shadow: 0 1.5rem 5rem rgba(0,0,0,.34), inset 0 0 2rem rgba(240,182,95,.035); backdrop-filter: blur(12px); }
.phoenix-countdown-heading { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .8rem; border-bottom: 1px solid var(--line-soft); }
.phoenix-countdown-heading span { color: var(--gold); font-size: .6rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.phoenix-countdown-heading strong { color: var(--ink); font-size: .72rem; font-weight: 600; }
.phoenix-countdown-units { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: .8rem; background: rgba(240,182,95,.18); }
.phoenix-countdown-units > span { display: grid; justify-items: center; gap: .1rem; padding: .7rem .35rem; background: rgba(8,6,10,.9); }
.phoenix-countdown-units strong { color: var(--gold-light); font: 700 clamp(1.35rem,2.3vw,2.25rem)/1 var(--serif); font-variant-numeric: tabular-nums; }
.phoenix-countdown-units small { color: var(--dim); font-size: .52rem; letter-spacing: .12em; text-transform: uppercase; }
.phoenix-countdown > p { margin: .7rem 0 0; color: var(--muted); font-size: .72rem; }
.phoenix-story { position: relative; overflow: clip; }
.phoenix-story::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 85% 15%,rgba(241,91,42,.08),transparent 23%), radial-gradient(circle at 13% 55%,rgba(240,182,95,.045),transparent 26%); }
.phoenix-story-heading { max-width: 67rem; }
.phoenix-story-heading h2 { max-width: 26ch; font-size: clamp(2.8rem,4.2vw,5rem); }
.phoenix-story-heading > p:last-child { max-width: 55rem; margin: 1.4rem 0 0; color: var(--muted); font-size: clamp(1rem,1.3vw,1.18rem); }
.phoenix-story-heading--centered { margin-inline: auto; text-align: center; }
.phoenix-story-heading--centered h2,
.phoenix-story-heading--centered > p:last-child { margin-inline: auto; }
.phoenix-cycle-intro { padding-top: clamp(6rem,10vw,10rem); }
.cycle-ledger { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: clamp(1rem,3vw,3rem); margin-top: clamp(3rem,6vw,6rem); }
.cycle-ledger-card { position: relative; min-height: 27rem; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: clamp(1.7rem,3vw,3rem); border: 1px solid var(--line); background: var(--surface); }
.cycle-ledger-card::before { content: ""; position: absolute; inset: 0; opacity: .5; background-image: radial-gradient(circle,rgba(255,255,255,.18) 0 1px,transparent 1.3px); background-size: 43px 43px; mask-image: linear-gradient(180deg,#000,transparent 68%); }
.cycle-ledger-card::after { content: ""; position: absolute; width: 19rem; aspect-ratio: 1; top: -8rem; right: -7rem; border: 1px solid rgba(240,182,95,.2); border-radius: 50%; box-shadow: 0 0 0 2.5rem rgba(240,182,95,.025),0 0 0 5rem rgba(240,182,95,.018); }
.cycle-ledger-card > * { position: relative; z-index: 1; }
.cycle-ledger-card > span { color: var(--gold); font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.cycle-ledger-card h3 { max-width: 9ch; margin: .8rem 0 .4rem; font: 700 clamp(2.5rem,4vw,4.5rem)/.9 var(--serif); }
.cycle-ledger-card > strong { color: var(--gold-light); font: 700 clamp(1.35rem,2vw,2rem)/1 var(--serif); }
.cycle-ledger-card ul { display: grid; gap: .5rem; margin: 1.5rem 0 0; padding: 1.2rem 0 0; border-top: 1px solid var(--line-soft); color: var(--muted); list-style: none; }
.cycle-ledger-card li::before { content: "·"; margin-right: .55rem; color: var(--gold); }
.cycle-ledger-card--planning { background: linear-gradient(145deg,rgba(50,99,102,.13),transparent 46%),var(--surface); }
.cycle-ledger-card--phoenix { background: linear-gradient(145deg,rgba(241,91,42,.15),transparent 46%),var(--surface-raised); box-shadow: 0 0 4rem rgba(241,91,42,.06); }
.cycle-ledger-threshold { width: clamp(5.5rem,8vw,8rem); aspect-ratio: 1; display: grid; place-items: center; position: relative; border: 1px solid rgba(240,182,95,.34); border-radius: 50%; color: var(--gold-light); box-shadow: inset 0 0 2.5rem rgba(241,91,42,.1),0 0 3rem rgba(241,91,42,.1); }
.cycle-ledger-threshold span { font: 700 clamp(1.25rem,2vw,2rem)/1 var(--serif); }
.cycle-ledger-threshold i { position: absolute; inset: -.65rem; border: 1px dashed rgba(240,182,95,.16); border-radius: 50%; animation: phoenix-threshold-spin 24s linear infinite; }
.phoenix-shift { padding-block: clamp(6rem,10vw,10rem); }
.frequency-definition { display: grid; grid-template-columns: .45fr 1fr 1.2fr; gap: clamp(1rem,4vw,4rem); align-items: start; margin-top: 3rem; padding: clamp(1.5rem,3vw,3rem); border: 1px solid rgba(240,182,95,.24); background: linear-gradient(115deg,rgba(240,182,95,.075),rgba(8,6,10,.7)); }
.frequency-definition > span { color: var(--gold); font-size: .65rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.frequency-definition > strong { color: var(--ink); font: 700 clamp(1.5rem,2.4vw,2.5rem)/1 var(--serif); }
.frequency-definition > p { margin: 0; color: var(--muted); }
.shift-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 1px; background: var(--line); }
.shift-facts article { min-height: 18rem; padding: clamp(1.5rem,3vw,2.7rem); background: var(--surface); }
.shift-facts article > span,.phoenix-compass-grid article > span { color: var(--ember); font: 700 1rem/1 var(--serif); }
.shift-facts h3,.phoenix-compass-grid h3 { margin: 3.8rem 0 .8rem; font-size: clamp(1.45rem,2vw,2rem); }
.shift-facts p,.phoenix-compass-grid p { margin: 0; color: var(--muted); }
.phoenix-gates-section { padding-block: clamp(6rem,10vw,10rem); }
.gate-explorer--deep { margin-top: 3rem; }
.gate-explorer--deep .gate-set { grid-template-columns: repeat(4,1fr); gap: clamp(.6rem,1.4vw,1rem); margin: 0; }
.gate-explorer--deep .gate-token { position: relative; aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; overflow: hidden; padding: 1rem; border: 1px solid var(--line); border-radius: 50%; background: radial-gradient(circle,rgba(241,91,42,.14),rgba(8,6,10,.82) 64%); color: var(--ink); cursor: pointer; transition: transform 250ms ease,border-color 250ms ease,box-shadow 250ms ease; }
.gate-explorer--deep .gate-token::before { content: ""; position: absolute; inset: 8%; border: 1px dashed rgba(240,182,95,.15); border-radius: 50%; }
.gate-explorer--deep .gate-token strong { position: relative; color: var(--gold-light); font: 700 clamp(2.2rem,5vw,5.2rem)/.8 var(--serif); }
.gate-explorer--deep .gate-token span { position: relative; color: var(--ink); font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.gate-explorer--deep .gate-token small { position: relative; color: var(--dim); font-size: .62rem; }
.gate-explorer--deep .gate-token:hover { transform: translateY(-.4rem); border-color: var(--gold); }
.gate-explorer--deep .gate-token[aria-pressed="true"] { border-color: var(--gold-light); box-shadow: inset 0 0 3rem rgba(241,91,42,.2),0 0 3rem rgba(241,91,42,.13); transform: translateY(-.5rem) scale(1.025); }
.gate-explorer--deep .gate-detail { position: relative; min-height: 27rem; display: grid; grid-template-columns: .7fr 1.3fr; gap: 1.5rem clamp(2rem,6vw,7rem); align-content: center; margin-top: 2.5rem; padding: clamp(2rem,5vw,5rem); border: 1px solid rgba(240,182,95,.25); background: radial-gradient(circle at 12% 50%,rgba(241,91,42,.17),transparent 25%),linear-gradient(120deg,var(--surface-raised),rgba(8,6,10,.92)); }
.gate-detail-heading { display: flex; flex-direction: column; gap: .7rem; }
.gate-detail-heading span,.gate-detail-facets span,.gate-detail-body span { color: var(--gold); font-size: .62rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.gate-detail-heading strong { max-width: 8ch; color: var(--ink); font: 700 clamp(2.7rem,5vw,5.6rem)/.9 var(--serif); }
.gate-detail-theme { margin: 0; align-self: end; color: var(--ink); font: 700 clamp(1.35rem,2.2vw,2.25rem)/1.15 var(--serif); }
.gate-detail-facets { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); }
.gate-detail-facets article { min-height: 9rem; padding: 1.35rem; background: rgba(8,6,10,.78); }
.gate-detail-facets p { margin: .65rem 0 0; color: var(--muted); }
.gate-detail-body { grid-column: 1/-1; display: flex; justify-content: space-between; gap: 2rem; margin: 0; padding-top: 1.2rem; border-top: 1px solid var(--line-soft); }
.gate-detail-body strong { color: var(--muted); font-size: .78rem; text-align: right; }
.channel-precision { max-width: 58rem; margin: 1.5rem auto 0; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); text-align: center; }
.channel-precision strong { color: var(--ink); }
.phoenix-survival { width: var(--content); min-height: 38rem; display: grid; grid-template-columns: minmax(18rem,.65fr) minmax(0,1fr); gap: clamp(2rem,8vw,9rem); align-items: center; margin: 0 auto clamp(4rem,8vw,8rem); padding: clamp(2rem,5vw,5rem); border: 1px solid var(--line); background: radial-gradient(circle at 18% 50%,rgba(241,91,42,.19),transparent 28%),linear-gradient(120deg,#0b080d,var(--surface)); }
.phoenix-survival > div:last-child { max-width: 54rem; }
.phoenix-survival h2 { max-width: 14ch; }
.phoenix-survival p:not(.section-kicker) { color: var(--muted); font-size: clamp(1rem,1.25vw,1.15rem); }
.phoenix-survival-orbit { position: relative; width: min(25rem,100%); aspect-ratio: 1; display: grid; grid-template-columns: 1fr 1fr; align-items: center; justify-items: center; border: 1px dashed rgba(240,182,95,.25); border-radius: 50%; animation: phoenix-threshold-spin 38s linear infinite; }
.phoenix-survival-orbit::before { content: ""; position: absolute; inset: 18%; border: 1px solid rgba(241,91,42,.28); border-radius: 50%; box-shadow: inset 0 0 4rem rgba(241,91,42,.13),0 0 3rem rgba(241,91,42,.1); }
.phoenix-survival-orbit span { position: relative; z-index: 1; width: clamp(5rem,8vw,7rem); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; background: #0c080d; color: var(--gold-light); font: 700 clamp(2rem,4vw,4rem)/1 var(--serif); animation: phoenix-threshold-spin 38s linear infinite reverse; }
.phoenix-survival-orbit i { position: absolute; width: 30%; height: 1px; background: linear-gradient(90deg,var(--ember),var(--gold)); box-shadow: 0 0 1rem var(--ember); }
.phoenix-personal { padding-block: clamp(6rem,10vw,10rem); }
.phoenix-compass-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 3.5rem; background: var(--line); }
.phoenix-compass-grid article { min-height: 20rem; padding: clamp(1.5rem,3vw,3rem); background: var(--surface); }
.phoenix-report-bridge { display: grid; grid-template-columns: minmax(0,1fr) minmax(18rem,.62fr); gap: clamp(3rem,9vw,10rem); align-items: center; padding-block: clamp(6rem,10vw,10rem); }
.phoenix-report-copy h2 { max-width: 15ch; }
.phoenix-report-copy > p:not(.section-kicker) { max-width: 50rem; color: var(--muted); font-size: clamp(1rem,1.3vw,1.18rem); }
.phoenix-report-cover { position: relative; width: min(24rem,100%); justify-self: center; }
.phoenix-report-cover img { position: relative; z-index: 1; display: block; width: 100%; height: auto; border: 1px solid rgba(240,182,95,.32); box-shadow: 0 3rem 7rem rgba(0,0,0,.7); transform: rotate(3deg); transition: transform 320ms ease; }
.phoenix-report-cover:hover img { transform: rotate(0) translateY(-.5rem); }
.phoenix-report-cover small { position: relative; z-index: 2; display: block; width: max-content; max-width: 100%; margin: -1rem 0 0 -1rem; padding: .65rem .8rem; border: 1px solid rgba(240,182,95,.3); background: #0b080d; color: var(--gold-light); font-size: .62rem; letter-spacing: .09em; text-transform: uppercase; }
.phoenix-report-halo { position: absolute; inset: 8%; border: 1px solid rgba(240,182,95,.22); border-radius: 50%; box-shadow: 0 0 0 3rem rgba(240,182,95,.025),0 0 5rem rgba(241,91,42,.18); animation: phoenix-report-pulse 6s ease-in-out infinite; }
@keyframes phoenix-threshold-spin { to { transform: rotate(360deg); } }
@keyframes phoenix-report-pulse { 50% { transform: scale(1.07); opacity: .64; } }
@media (min-width:68.01rem) {
  .phoenix-editorial-hero .phoenix-stage--editorial { top: -7rem; right: -3vw; bottom: 7rem; width: min(70vw, 81rem); height: auto; }
  .phoenix-editorial-hero .phoenix-art { object-fit: contain; object-position: center; transform: none; }
}
@media (min-width:120rem) {
  .phoenix-story > .section,.phoenix-survival { width: min(172rem,90vw); }
  .phoenix-editorial-hero .subpage-hero { width: min(172rem,90vw); }
  .phoenix-editorial-hero .subpage-hero-copy { max-width: 70rem; }
  .phoenix-editorial-hero .subpage-hero h1 { font-size: clamp(6rem,4.4vw,8rem); }
  .cycle-ledger-card { min-height: 34rem; }
}
@media (max-width:68rem) {
  .phoenix-editorial-hero .subpage-hero-copy { max-width: min(47rem,64vw); }
  .frequency-definition { grid-template-columns: .55fr 1fr; }
  .frequency-definition > p { grid-column: 1/-1; }
  .gate-explorer--deep .gate-detail { grid-template-columns: 1fr; }
  .gate-detail-theme { align-self: auto; }
}
@media (max-width:52.5rem) {
  /* Benny, 04.08.2026: Auf dem Handy sass der Vogel hinter dem Fliesstext, nicht
     hinter der Ueberschrift — gemessen lag sein hellster Bereich genau auf den
     Zeilen 470-633 px, die Ueberschrift darueber auf fast schwarzem Grund. Der
     Text war kaum zu lesen. Jetzt liegt er hoeher (7rem statt 15rem) und
     kuerzer (32rem statt 36rem), also hinter der Ueberschrift, die gross und
     fett genug ist, um Feuer im Ruecken zu vertragen.
     Dazu zwei Begleitschritte, ohne die der Umzug nichts brachte:
     * brightness(1.12) ist raus — die Aufhellung war fuer die dunkle untere
       Bildhaelfte gedacht und leuchtete oben durch jeden Schatten.
     * Der Schleier verdunkelt jetzt frueher, damit der Fliesstext auf fast
       Schwarz sitzt statt auf Glut. */
  .phoenix-editorial-hero { min-height: 52rem; }
  .phoenix-editorial-hero::after { content: ""; position: absolute; z-index: 4; inset: 0; pointer-events: none; background: linear-gradient(180deg,rgba(8,6,10,0) 0 20%,rgba(8,6,10,.34) 33%,rgba(8,6,10,.66) 44%,rgba(8,6,10,.82) 56%,#08060a 74%); }
  .phoenix-editorial-hero .subpage-hero { z-index: 6; min-height: 52rem; align-content: start; padding-top: 3rem; }
  .phoenix-editorial-hero .subpage-hero-copy { max-width: 100%; text-shadow: 0 2px 12px rgba(0,0,0,.96), 0 0 2px #000; }
  .phoenix-editorial-hero .subpage-hero h1 { max-width: 8ch; font-size: clamp(4rem,14vw,6.7rem); }
  .phoenix-countdown { text-shadow: none; }
  .phoenix-editorial-hero .phoenix-stage--editorial { top: 7rem; right: -18vw; width: 136vw; height: 32rem; opacity: .9; }
  .phoenix-editorial-hero .phoenix-stage--editorial::after { background: linear-gradient(0deg,#08060a 0%,rgba(8,6,10,.55) 18%,transparent 48%),radial-gradient(ellipse at 54% 50%,transparent 28%,rgba(8,6,10,.36) 76%); }
  .phoenix-editorial-hero .phoenix-art { object-position: center 48%; filter: saturate(1.2) contrast(1.08) drop-shadow(0 20px 70px rgba(239,71,24,.4)); }
  /* Der Countdown rueckt nach, sonst klafft dort die Luecke, die der kuerzere
     Vogel hinterlaesst. */
  .phoenix-countdown { margin-top: 12rem; }
  /* Benny, 04.08.2026, gemessen bei 360 px Bildschirmbreite:
     „Gemeinschaftsvertrag" brauchte 346 px, die Spalte bot 334 — das Wort stand
     rechts im Nichts. Die Schriftgroesse konnte nicht nachgeben, weil clamp()
     bei 2.8rem eine feste Untergrenze hat. Die zusaetzliche Deckelung in vw
     greift erst unterhalb von etwa 373 px Bildschirmbreite; darueber, und damit
     auf jedem Desktop, aendert sich nichts. */
  .phoenix-story-heading h2 { font-size: min(clamp(2.8rem,4.2vw,5rem), 11.6vw); }
  /* Gleiche Ursache, kleinerer Fall: „Schlafender" ist 11 Zeichen breit und
     ragte 5 px ueber die auf 9ch gedeckelte Spalte. Auf dem Handy ist die Karte
     ohnehin schmal genug, das Zeilenmass braucht dort keine Deckelung. */
  .cycle-ledger-card h3 { max-width: none; }
  .cycle-ledger { grid-template-columns: 1fr; }
  .cycle-ledger-threshold { width: 6.5rem; justify-self: center; }
  .shift-facts,.phoenix-compass-grid { grid-template-columns: 1fr; }
  .shift-facts article,.phoenix-compass-grid article { min-height: 14rem; }
  .shift-facts h3,.phoenix-compass-grid h3 { margin-top: 2.4rem; }
  .gate-explorer--deep .gate-set { grid-template-columns: repeat(2,1fr); }
  .phoenix-survival { grid-template-columns: 1fr; }
  .phoenix-survival-orbit { width: min(20rem,78vw); justify-self: center; }
  .phoenix-report-bridge { grid-template-columns: 1fr; }
  .phoenix-report-cover { width: min(21rem,80vw); }
}
@media (max-width:38rem) {
  .phoenix-editorial-hero { min-height: 52rem; }
  .phoenix-editorial-hero .subpage-hero { min-height: 52rem; }
  .phoenix-editorial-hero .phoenix-stage--editorial { right: -25vw; width: 150vw; opacity: .92; }
  .phoenix-countdown { margin-top: 10rem; padding: .75rem; }
  .phoenix-countdown-heading { display: grid; }
  .phoenix-countdown-units { grid-template-columns: repeat(2,1fr); }
  .cycle-ledger-card { min-height: 23rem; }
  .frequency-definition { grid-template-columns: 1fr; }
  .frequency-definition > p { grid-column: auto; }
  .gate-explorer--deep .gate-token { padding: .6rem; }
  .gate-explorer--deep .gate-detail { padding: 1.4rem; }
  .gate-detail-facets { grid-template-columns: 1fr; }
  .gate-detail-body { display: grid; gap: .7rem; }
  .gate-detail-body strong { text-align: left; }
  .phoenix-survival { padding: 1.5rem; }
}
@media (prefers-reduced-motion:reduce) {
  .cycle-ledger-threshold i,.phoenix-survival-orbit,.phoenix-survival-orbit span,.phoenix-report-halo { animation:none!important; }
  .gate-explorer--deep .gate-token,.phoenix-report-cover img { transition:none!important; }
}