/* Separate approval variant: a slower, more legible World of Heroes scroll cut. */
html[data-edition="atavism-worlds-cut"] .cinematic-worlds {
  height: 430svh;
}

html[data-edition="atavism-worlds-cut"] .world-sequence-canvas {
  will-change: opacity;
}

/* Production-facing header: one readable wordmark, without the prototype mark. */
.worlds-cut-page .studio-wordmark {
  gap: .45em;
  font-size: clamp(14px, 1.35vw, 19px);
  letter-spacing: .1em;
}

.worlds-cut-page .studio-wordmark::before {
  content: none;
}

.worlds-cut-page .studio-wordmark span {
  display: inline;
  color: #c9c2ba;
  font: inherit;
  letter-spacing: inherit;
}

.worlds-cut-page .cinematic-edition,
.worlds-cut-page .concept-dock {
  display: none;
}

/* Replace the generic DS monogram with the actual Dragonsan identity. */
.worlds-cut-page .manifesto-brand {
  isolation: isolate;
  margin: 0;
  padding: clamp(42px, 6vw, 82px);
  grid-template-rows: 1fr auto;
  gap: 32px;
  background:
    linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .024) 1px, transparent 1px),
    radial-gradient(circle at 50% 47%, rgba(224, 82, 61, .22), transparent 35%),
    linear-gradient(145deg, #0d0b0b, #050506 66%);
  background-size: 54px 54px, 54px 54px, auto, auto;
  box-shadow: inset 0 0 90px rgba(0, 0, 0, .52), 0 36px 100px rgba(0, 0, 0, .28);
}

.worlds-cut-page .manifesto-brand::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(72%, 430px);
  aspect-ratio: 1;
  border: 1px solid rgba(224, 82, 61, .3);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(224, 82, 61, .08), transparent 62%);
  box-shadow: 0 0 0 34px rgba(255, 255, 255, .018), 0 0 90px rgba(224, 82, 61, .12);
  transform: none;
}

.worlds-cut-page .manifesto-brand::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 18px;
  border: 1px solid rgba(255, 255, 255, .08);
  pointer-events: none;
  transform: none;
}

.worlds-cut-page .manifesto-logo {
  position: relative;
  z-index: 2;
  align-self: end;
  width: min(94%, 720px);
  height: auto;
  filter: brightness(0) invert(92%) sepia(9%) saturate(487%) hue-rotate(339deg) brightness(103%) contrast(89%) drop-shadow(0 16px 34px rgba(0, 0, 0, .8)) drop-shadow(0 0 24px rgba(224, 82, 61, .2));
  transition: transform .7s var(--ease), filter .7s ease;
}

.worlds-cut-page .manifesto-brand:hover .manifesto-logo {
  transform: scale(1.025);
  filter: brightness(0) invert(96%) sepia(8%) saturate(430%) hue-rotate(339deg) brightness(106%) contrast(92%) drop-shadow(0 18px 38px rgba(0, 0, 0, .86)) drop-shadow(0 0 34px rgba(224, 82, 61, .34));
}

.worlds-cut-page .manifesto-signature {
  position: relative;
  z-index: 4;
  justify-self: center;
  color: #8f8780;
  font: 700 .8rem / 1.5 var(--utility);
  letter-spacing: .16em;
  text-align: center;
  text-transform: uppercase;
}

/* Readability floor for the micro typography used by the cinematic system. */
.worlds-cut-page small {
  font-size: .8rem;
  line-height: 1.35;
}

.worlds-cut-page :is(
  .topnav a,
  .cinematic-beat p,
  .cinematic-progress,
  .cinematic-instruction,
  .cinematic-skip,
  .sequence-status,
  .section-id,
  .meta-line,
  .text-action,
  .primary-action,
  .tag-row span,
  .system-node,
  .panel-caption,
  .world-scene-meter,
  .armory-slide figcaption small,
  .armory-index,
  .armory-link,
  .armory-controls small,
  .skill-tile figcaption,
  .atavism-kicker,
  .atavism-facts dt,
  .atavism-action,
  .atavism-product-topline,
  .atavism-panel-copy small,
  .atavism-tabs span,
  .atavism-tabs strong,
  .icon-pack-tabs span,
  .icon-pack-tabs strong,
  .icon-pack-tabs small,
  .icon-pack-status,
  .console-tab,
  .console-panel small,
  .infra-stat b,
  .site-footer
) {
  font-size: .8rem;
  line-height: 1.35;
  letter-spacing: .12em;
}

.worlds-cut-page .cinematic-worlds .world-facts small,
.worlds-cut-page .cinematic-worlds .world-actions .text-action {
  font-size: .8rem;
  line-height: 1.35;
  letter-spacing: .12em;
}

.worlds-cut-page :is(
  .atavism-lab-heading > p,
  .atavism-facts span,
  .atavism-panel-copy p,
  .cinematic-worlds .world-card > p:not(.meta-line),
  .armory-slide figcaption p,
  .skills-copy > p:not(.meta-line),
  .infra-stat span,
  .ribbon-product p
) {
  font-size: clamp(.88rem, 1vw, 1rem);
}

.worlds-cut-page .atavism-tabs {
  min-height: 116px;
}

.worlds-cut-page .icon-pack-tabs button {
  min-height: 92px;
}

@media (max-width: 1040px) {
  html[data-edition="atavism-worlds-cut"] .cinematic-worlds {
    height: 400svh;
  }
}

@media (max-width: 660px) {
  html[data-edition="atavism-worlds-cut"] .cinematic-worlds {
    height: 380svh;
  }

  .worlds-cut-page .studio-wordmark {
    font-size: 14px;
  }

  .worlds-cut-page .atavism-tabs button {
    min-height: 92px;
  }

  .worlds-cut-page .icon-pack-tabs button {
    min-height: 86px;
  }

  .worlds-cut-page .icon-pack-status {
    min-height: 58px;
  }

  .worlds-cut-page .cinematic-instruction {
    left: 50%;
    right: auto;
    bottom: 24px;
    align-items: center;
    white-space: nowrap;
    transform: translateX(-50%);
  }

  .worlds-cut-page .cinematic-skip {
    display: none;
  }

  .worlds-cut-page .manifesto-brand {
    min-height: 330px;
    padding: 48px 28px 38px;
  }

  .worlds-cut-page .manifesto-brand::after {
    inset: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-edition="atavism-worlds-cut"] .cinematic-worlds {
    height: auto;
    min-height: 900px;
  }

  .worlds-cut-page .manifesto-logo {
    transition: none;
  }
}