/* ============================================================
   Foundation Ukraine — Rebuild Atlas
   Homepage cover + system primitives.
   No cinema. No voyage. No text-in-image heroes.
   ============================================================ */

/* Brand palette: parchment + crimson (+ warm ink). No blue. */
.theme-ukraine {
  --ua-field: #1a1410;
  --ua-field-deep: #120e0c;
  --ua-paper: #f4ede0;
  --ua-paper-alt: #ede4d3;
  --ua-crimson: #8c2020;
  --ua-crimson-hot: #b4463e;
  --ua-wheat: #c4a35a;
  --ua-ink: #1a1410;
  --ua-soft: rgba(26, 20, 16, 0.62);
  --ua-line: rgba(26, 20, 16, 0.12);
  --ua-grid: rgba(26, 20, 16, 0.07);
  --ua-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ua-radius: 0;
}

html[data-theme="dark"] .theme-ukraine {
  --ua-field: #14110e;
  --ua-field-deep: #0c0a08;
  --ua-paper: #14110e;
  --ua-paper-alt: #1c1713;
  --ua-ink: #f4ede0;
  --ua-soft: rgba(244, 237, 224, 0.68);
  --ua-line: rgba(244, 237, 224, 0.12);
  --ua-grid: rgba(244, 237, 224, 0.06);
  --ua-crimson: #c45a50;
  --ua-crimson-hot: #d45a50;
  --ua-wheat: #d4b06a;
}

/* ── Desktop equal-gap header (same math as Inc/NY; UA chrome) ── */
@media (min-width: 1100px) {
  .theme-ukraine .fw-header__shell {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: min(100rem, calc(100% - 1rem));
    padding-inline: clamp(0.85rem, 1.6vw, 1.75rem);
    gap: 0 !important;
    column-gap: 0 !important;
  }

  .theme-ukraine .fw-header__bar {
    flex: 0 0 auto !important;
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding-inline-end: clamp(0.75rem, 1.4vw, 1.25rem);
  }

  .theme-ukraine .fw-header__menu {
    display: contents !important;
  }

  .theme-ukraine .fw-header__menu-scroll {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible;
    margin: 0 !important;
    padding: 0 clamp(0.35rem, 0.8vw, 0.75rem);
  }

  .theme-ukraine .fw-site-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: clamp(0.35rem, 0.7vw, 0.75rem);
    flex: 0 1 auto !important;
    width: max-content;
    max-width: 100%;
  }

  .theme-ukraine .fw-site-nav > a,
  .theme-ukraine .fw-site-nav__trigger {
    font-size: clamp(0.55rem, 0.58vw, 0.65rem);
    letter-spacing: 0.04em;
    white-space: nowrap;
  }

  /* Mid desktop: denser for flat 11-item menu */
  @media (max-width: 1380px) {
    .theme-ukraine .fw-site-nav {
      gap: 0.28rem;
    }
    .theme-ukraine .fw-site-nav > a,
    .theme-ukraine .fw-site-nav__trigger {
      font-size: 0.52rem;
      letter-spacing: 0.03em;
    }
  }

  .theme-ukraine .fw-header__menu-foot {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin: 0 !important;
    margin-left: 0 !important;
    gap: 0.4rem;
    padding-inline-start: clamp(0.75rem, 1.4vw, 1.25rem);
    width: auto !important;
  }

  /* Tools row: mode + flags share one baseline with Platform */
  .theme-ukraine .fw-header__tools {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.4rem !important;
    height: 2.15rem;
    margin: 0 !important;
    flex-shrink: 0;
  }

  .theme-ukraine .fw-header__menu-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem;
    flex-shrink: 0;
    height: 2.15rem;
  }

  .theme-ukraine .fw-header__cta-secondary {
    display: none !important;
  }

  /* Shared pill shell — same height as lang + platform */
  .theme-ukraine .fw-color-mode,
  .theme-ukraine .fw-lang-switcher {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    box-sizing: border-box !important;
    height: 2.15rem !important;
    margin: 0 !important;
    margin-inline-end: 0 !important;
    padding: 0.15rem !important;
    gap: 0.08rem !important;
    border: 1px solid var(--ua-line) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--ua-ink) 5%, transparent) !important;
    line-height: 1 !important;
    vertical-align: middle;
  }

  .theme-ukraine .fw-color-mode__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 1.85rem !important;
    min-height: 0 !important;
    font-size: 0.55rem !important;
    line-height: 1 !important;
    padding: 0 0.5rem !important;
    letter-spacing: 0.06em !important;
    border-radius: 999px !important;
    color: var(--ua-soft) !important;
    box-sizing: border-box !important;
  }

  .theme-ukraine .fw-color-mode__btn.is-active,
  .theme-ukraine .fw-color-mode__btn[aria-pressed="true"],
  .theme-ukraine .fw-color-mode__btn:hover {
    color: var(--ua-ink) !important;
    background: color-mix(in srgb, var(--ua-ink) 8%, transparent) !important;
  }

  .theme-ukraine .fw-lang-switcher__link {
    width: 1.85rem !important;
    height: 1.85rem !important;
    border-radius: 50% !important;
    display: inline-grid !important;
    place-items: center !important;
    opacity: 0.75;
    box-sizing: border-box !important;
    transform: none !important;
  }

  .theme-ukraine .fw-lang-switcher__link.is-active,
  .theme-ukraine .fw-lang-switcher__link:hover {
    opacity: 1;
    background: color-mix(in srgb, var(--ua-ink) 8%, transparent);
    box-shadow: none;
    transform: none !important;
  }

  .theme-ukraine .fw-lang-switcher__flag {
    width: 1.15rem !important;
    height: 1.15rem !important;
    border-radius: 50%;
    object-fit: cover;
  }

  .theme-ukraine .fw-header .fw-btn--platform {
    height: 2.15rem !important;
    min-height: 2.15rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    margin: 0 !important;
  }
}

/* Platform CTA — brand crimson (not flag blue/yellow) */
.theme-ukraine a.fw-btn--platform,
.theme-ukraine .fw-btn--platform {
  background: linear-gradient(135deg, #6b1818 0%, #8c2020 50%, #b4463e 100%) !important;
  color: #f4ede0 !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 16px rgba(140, 32, 32, 0.32) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  min-height: 2.15rem;
  padding: 0 1.1rem !important;
}

.theme-ukraine a.fw-btn--platform:hover {
  filter: brightness(1.08);
  color: #fff !important;
}

/* Nav always readable on solid parchment header (kill old white-on-hero) */
.theme-ukraine .fw-header .fw-site-nav > a,
.theme-ukraine .fw-header .fw-site-nav__trigger {
  color: var(--ua-ink) !important;
}
.theme-ukraine .fw-header .fw-site-nav > a.is-active,
.theme-ukraine .fw-header .fw-site-nav__trigger.is-active {
  color: var(--ua-crimson) !important;
}
html[data-theme="dark"] .theme-ukraine .fw-header .fw-site-nav > a,
html[data-theme="dark"] .theme-ukraine .fw-header .fw-site-nav__trigger {
  color: var(--ua-ink) !important;
}
html[data-theme="dark"] .theme-ukraine .fw-header .fw-site-nav > a.is-active,
html[data-theme="dark"] .theme-ukraine .fw-header .fw-site-nav__trigger.is-active {
  color: var(--ua-crimson) !important;
}

/* Active nav underline */
.theme-ukraine .fw-site-nav > a.is-active::after,
.theme-ukraine .fw-site-nav__trigger.is-active::after {
  background: var(--ua-crimson) !important;
}

/* Tools theming (all breakpoints) */
.theme-ukraine .fw-color-mode,
.theme-ukraine .fw-lang-switcher {
  background: color-mix(in srgb, var(--fw-text) 5%, transparent) !important;
  border-color: var(--fw-border) !important;
}
.theme-ukraine .fw-color-mode__btn {
  color: var(--fw-text-muted) !important;
}
.theme-ukraine .fw-color-mode__btn.is-active,
.theme-ukraine .fw-color-mode__btn[aria-pressed="true"],
.theme-ukraine .fw-color-mode__btn:hover {
  color: var(--fw-text) !important;
  background: color-mix(in srgb, var(--fw-text) 8%, transparent) !important;
}

/* ── Atlas shell ── */
.ua-atlas {
  color: var(--ua-ink);
  background: var(--ua-paper);
  overflow: clip;
}

/* ── Cover — full-bleed dump video (live site Foundation-Ukraine-HD.mp4) ── */
.ua-cover {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: calc(100dvh - var(--fw-header-h, 76px));
  background: var(--ua-field);
  color: #f4ede0;
  overflow: hidden;
}

.ua-cover__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ua-cover__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.ua-cover__veil {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(105deg, rgba(18, 14, 12, 0.88) 0%, rgba(18, 14, 12, 0.62) 42%, rgba(18, 14, 12, 0.28) 72%, rgba(18, 14, 12, 0.45) 100%),
    linear-gradient(180deg, rgba(18, 14, 12, 0.2) 0%, transparent 35%, rgba(18, 14, 12, 0.55) 100%);
}

.ua-cover__grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.28;
  background-image:
    linear-gradient(to right, rgba(244, 237, 224, 0.07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(244, 237, 224, 0.07) 1px, transparent 1px);
  background-size: 4.5rem 4.5rem;
  mask-image: linear-gradient(105deg, #000 0%, #000 38%, transparent 70%);
}

.ua-cover__dispatch {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  flex: 1 1 auto;
  padding: clamp(2.5rem, 7vw, 5rem) clamp(1.35rem, 4vw, 3.25rem) clamp(1.75rem, 4vw, 2.75rem);
  max-width: min(100%, 48rem);
}

.ua-cover__plate {
  position: absolute;
  right: clamp(1rem, 3vw, 2rem);
  bottom: calc(2.75rem + 0.5rem);
  z-index: 2;
  display: none;
  gap: 1rem;
  margin: 0;
  padding: 0.55rem 0.85rem;
  border: 1px solid rgba(244, 237, 224, 0.22);
  background: rgba(18, 14, 12, 0.55);
  backdrop-filter: blur(8px);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(244, 237, 224, 0.85);
}

.ua-cover__plate span:first-child {
  color: var(--ua-wheat);
}

@media (min-width: 800px) {
  .ua-cover__plate {
    display: flex;
  }
}

.ua-dispatch {
  max-width: 34rem;
}

.ua-dispatch__coords {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.65rem;
  margin: 0 0 1.15rem;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(244, 237, 224, 0.55);
  font-variant-numeric: tabular-nums;
}

.ua-dispatch__dot {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
  background: var(--ua-wheat);
  opacity: 0.8;
}

.ua-dispatch__eyebrow {
  margin: 0 0 0.85rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-wheat);
}

.ua-cover__title {
  margin: 0 0 1.25rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.35rem, 5.2vw, 3.85rem);
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.ua-cover__title-line {
  display: block;
}

.ua-cover__title-line--accent {
  color: color-mix(in srgb, #f2ebe0 78%, var(--ua-wheat));
  font-style: italic;
}

.ua-cover__lead {
  margin: 0 0 1.75rem;
  max-width: 32rem;
  font-size: 1.02rem;
  line-height: 1.7;
  color: rgba(244, 237, 224, 0.78);
}

.ua-cover__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.ua-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.9rem 1.35rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: background 0.25s var(--ua-ease), color 0.25s var(--ua-ease), border-color 0.25s var(--ua-ease), transform 0.25s var(--ua-ease);
  /* Fixed contrast pair — never inherit flipped --ua-ink as both fill+text */
  --ua-btn-on-dark: #f4ede0;
  --ua-btn-on-light: #1a1410;
}

/* Crimson primary — cream type always (readable light + dark surfaces) */
.ua-btn--solid {
  background: #8c2020 !important;
  color: #f4ede0 !important;
  border-color: #8c2020 !important;
}

.ua-btn--solid:hover {
  background: #b4463e !important;
  border-color: #b4463e !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

html[data-theme="dark"] .ua-btn--solid {
  background: #b4463e !important;
  border-color: #b4463e !important;
  color: #fff8f0 !important;
}

html[data-theme="dark"] .ua-btn--solid:hover {
  background: #c45a50 !important;
  border-color: #c45a50 !important;
  color: #ffffff !important;
}

/* Outline for dark field surfaces (cover, story) */
.ua-btn--line {
  background: transparent !important;
  color: #f4ede0 !important;
  border-color: rgba(244, 237, 224, 0.4) !important;
}

.ua-btn--line:hover {
  border-color: #d4b06a !important;
  color: #d4b06a !important;
}

/* Atlas frames (corridor + future pages) */
.ua-frame {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 16rem;
  border: 1px solid rgba(244, 237, 224, 0.2);
  background: var(--ua-field-deep);
  overflow: hidden;
}

.ua-frame__ticks span {
  position: absolute;
  width: 0.85rem;
  height: 0.85rem;
  border-color: var(--ua-wheat);
  border-style: solid;
  border-width: 0;
  z-index: 3;
  opacity: 0.75;
  pointer-events: none;
}

.ua-frame__ticks span:nth-child(1) { top: 0.45rem; left: 0.45rem; border-top-width: 1px; border-left-width: 1px; }
.ua-frame__ticks span:nth-child(2) { top: 0.45rem; right: 0.45rem; border-top-width: 1px; border-right-width: 1px; }
.ua-frame__ticks span:nth-child(3) { bottom: 0.45rem; left: 0.45rem; border-bottom-width: 1px; border-left-width: 1px; }
.ua-frame__ticks span:nth-child(4) { bottom: 0.45rem; right: 0.45rem; border-bottom-width: 1px; border-right-width: 1px; }

.ua-frame__media {
  position: absolute;
  inset: 0;
}

.ua-frame__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.04);
  transition: transform 1.2s var(--ua-ease);
}

.ua-frame.is-in .ua-frame__media img,
.ua-frame:hover .ua-frame__media img {
  transform: scale(1);
}

.ua-frame__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 55%, rgba(18, 14, 12, 0.55) 100%),
    linear-gradient(90deg, rgba(26, 20, 16, 0.2), transparent 40%);
  pointer-events: none;
}

.ua-frame__plate {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #f4ede0;
  background: linear-gradient(180deg, transparent, rgba(18, 14, 12, 0.78));
}

.ua-frame__plate-id {
  color: var(--ua-wheat);
  font-variant-numeric: tabular-nums;
}

/* Marquee strip */
.ua-cover__strip {
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(244, 237, 224, 0.12);
  background: color-mix(in srgb, #000 45%, var(--ua-field));
  overflow: hidden;
}

.ua-cover__strip-track {
  display: flex;
  gap: 2.5rem;
  width: max-content;
  padding: 0.7rem 0;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(244, 237, 224, 0.55);
  animation: ua-marquee 36s linear infinite;
}

.ua-cover__strip-track span::before {
  content: "◆";
  margin-inline-end: 2.5rem;
  color: var(--ua-wheat);
  opacity: 0.55;
  font-size: 0.45rem;
  vertical-align: middle;
}

@keyframes ua-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ── Section heads ── */
.ua-section-head {
  width: min(100% - 2rem, 42rem);
  margin: 0 auto 2.5rem;
  text-align: center;
}

.ua-section-head--row {
  width: min(100% - 2rem, 72rem);
  display: grid;
  gap: 1rem;
  text-align: left;
  align-items: end;
}

@media (min-width: 800px) {
  .ua-section-head--row {
    grid-template-columns: 1.1fr 0.9fr;
  }
}

.ua-section-head .ua-dispatch__eyebrow {
  color: var(--ua-crimson);
}

.ua-section-head__title {
  margin: 0 0 0.75rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2rem, 4vw, 3rem);
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: var(--ua-ink);
}

.ua-section-head__lead {
  margin: 0 auto;
  max-width: 34rem;
  font-size: 1.02rem;
  line-height: 1.65;
  color: var(--ua-soft);
}

.ua-section-head__lead--narrow {
  margin: 0;
  max-width: 28rem;
}

/* ── Bearings / survey ── */
.ua-bearings {
  padding: clamp(3.5rem, 9vw, 6rem) 0;
  background: var(--ua-paper);
  border-bottom: 1px solid var(--ua-line);
}

.ua-survey {
  position: relative;
  width: min(100% - 2rem, 68rem);
  margin: 0 auto;
}

.ua-survey__line {
  display: none;
}

@media (min-width: 800px) {
  .ua-survey__line {
    display: block;
    position: absolute;
    top: 0.55rem;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--ua-line) 10%, var(--ua-line) 90%, transparent);
  }
}

.ua-survey__nodes {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2rem;
}

@media (min-width: 800px) {
  .ua-survey__nodes {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}

.ua-station {
  position: relative;
  text-align: center;
  padding: 0 0.75rem;
  opacity: 1;
  transform: none;
  transition: opacity 0.6s var(--ua-ease), transform 0.6s var(--ua-ease);
  transition-delay: calc(var(--i, 0) * 0.1s);
}
html.js .ua-station:not(.is-in) {
  opacity: 0;
  transform: translateY(0.85rem);
}
.ua-station.is-in {
  opacity: 1;
  transform: none;
}

.ua-station__pin {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 auto 1rem;
  border: 1px solid var(--ua-crimson);
  border-radius: 50%;
  background: var(--ua-paper);
  box-shadow: 0 0 0 5px var(--ua-paper);
  position: relative;
  z-index: 1;
}

.ua-station__n {
  display: block;
  margin-bottom: 0.5rem;
  font-family: var(--fw-font-display);
  font-size: 1.5rem;
  color: var(--ua-crimson);
  font-variant-numeric: tabular-nums;
}

.ua-station__t {
  margin: 0 0 0.55rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ua-ink);
}

.ua-station__d {
  margin: 0 auto;
  max-width: 18rem;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--ua-soft);
}

/* ── Corridor ── */
.ua-corridor-section {
  padding: clamp(3rem, 8vw, 5rem) 0 clamp(2rem, 5vw, 3rem);
  background: var(--ua-paper-alt);
  border-bottom: 1px solid var(--ua-line);
}

.ua-corridor {
  display: flex;
  gap: 1.15rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 0.25rem clamp(1rem, 4vw, 2.5rem) 1rem;
  scrollbar-width: thin;
  scrollbar-color: var(--ua-crimson) transparent;
  -webkit-overflow-scrolling: touch;
}

.ua-corridor__item {
  flex: 0 0 min(78vw, 28rem);
  scroll-snap-align: start;
}

.ua-frame--corridor {
  min-height: 0;
  aspect-ratio: 16 / 11;
  border-color: var(--ua-line);
  background: var(--ua-field);
}

.ua-frame--corridor .ua-frame__ticks span {
  border-color: var(--ua-wheat);
}

.ua-frame--corridor .ua-frame__plate {
  color: #f4ede0;
}

.ua-corridor__hint {
  margin: 0.5rem clamp(1rem, 4vw, 2.5rem) 0;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ua-soft);
  opacity: 0.75;
}

/* ── Parcels map ── */
.ua-map {
  padding: clamp(3.5rem, 9vw, 6rem) 0;
  background: var(--ua-paper);
}

.ua-parcels {
  width: min(100% - 2rem, 72rem);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
}

@media (min-width: 640px) {
  .ua-parcels {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1000px) {
  .ua-parcels {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ua-parcel {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.85rem 1rem;
  padding: 1.15rem 1.25rem;
  border: 1px solid var(--ua-line);
  background: color-mix(in srgb, var(--ua-paper) 92%, #fff);
  text-decoration: none !important;
  color: inherit;
  transition: border-color 0.25s var(--ua-ease), background 0.25s var(--ua-ease), transform 0.25s var(--ua-ease), box-shadow 0.25s var(--ua-ease);
  opacity: 0;
  transform: translateY(0.6rem);
}

.ua-parcel.is-in {
  opacity: 1;
  transform: none;
  transition:
    opacity 0.5s var(--ua-ease),
    transform 0.5s var(--ua-ease),
    border-color 0.25s var(--ua-ease),
    background 0.25s var(--ua-ease),
    box-shadow 0.25s var(--ua-ease);
  transition-delay: calc(var(--i, 0) * 0.04s);
}

.ua-parcel:hover {
  border-color: color-mix(in srgb, var(--ua-crimson) 45%, var(--ua-line));
  background: #fff;
  box-shadow: 0 14px 32px rgba(26, 20, 16, 0.08);
  transform: translateY(-2px);
}

html[data-theme="dark"] .ua-parcel {
  background: var(--ua-paper-alt);
}

html[data-theme="dark"] .ua-parcel:hover {
  background: color-mix(in srgb, var(--ua-paper-alt) 80%, #fff 8%);
}

.ua-parcel__coord {
  font-family: var(--fw-font-display);
  font-size: 1.15rem;
  color: var(--ua-crimson);
  font-variant-numeric: tabular-nums;
  min-width: 1.75rem;
}

.ua-parcel__label {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ua-ink);
}

.ua-parcel__go {
  font-size: 1.1rem;
  color: var(--ua-soft);
  transition: transform 0.25s var(--ua-ease), color 0.25s var(--ua-ease);
}

.ua-parcel:hover .ua-parcel__go {
  color: var(--ua-crimson);
  transform: translateX(3px);
}

.ua-parcel--signal {
  border-color: color-mix(in srgb, var(--ua-wheat) 50%, var(--ua-line));
  background: color-mix(in srgb, var(--ua-wheat) 10%, var(--ua-paper));
}

@media (min-width: 1000px) {
  .ua-parcel--signal {
    grid-column: span 1;
  }
}

/* ── Home close band (not contact shell) ── */
.ua-home-signal {
  padding: clamp(3.5rem, 9vw, 5.5rem) 1.5rem;
  text-align: center;
  background: var(--ua-field);
  color: #f4ede0;
  position: relative;
  overflow: hidden;
}

.ua-home-signal__mark {
  margin: 0 auto 1rem;
  width: 2.75rem;
  height: 2.75rem;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--ua-wheat) 55%, transparent);
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--ua-wheat);
}

.ua-home-signal__line {
  margin: 0 auto 1.5rem;
  max-width: 28rem;
  font-family: var(--fw-font-display);
  font-size: clamp(1.35rem, 2.8vw, 1.85rem);
  font-style: italic;
  letter-spacing: -0.02em;
  line-height: 1.35;
}

.ua-home-signal .ua-btn--solid {
  background: #8c2020 !important;
  color: #f4ede0 !important;
  border-color: #8c2020 !important;
}

.ua-home-signal__seal {
  position: absolute;
  right: 8%;
  top: 12%;
  width: min(10rem, 28vw);
  color: var(--ua-ink);
  opacity: 0.12;
  pointer-events: none;
  will-change: transform;
}

.ua-home-signal__sub {
  margin: 0 0 1.25rem;
  max-width: 28rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.95rem;
  line-height: 1.6;
  color: rgba(244,237,224,0.72);
  text-align: center;
}

/* ============================================================
   MISSION — Bearing (page-specific, not home cover)
   ============================================================ */

.ua-threshold {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.55rem 0.85rem;
  min-height: 2.65rem;
  padding: 0.6rem 1.25rem;
  border-bottom: 1px solid var(--ua-line);
  background: var(--ua-paper-alt);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ua-soft);
}

.ua-threshold__id {
  color: var(--ua-crimson);
  font-variant-numeric: tabular-nums;
}

.ua-threshold__sep {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
  background: var(--ua-wheat);
  opacity: 0.7;
}

/* Brief: copy + plate */
.ua-brief {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  background: var(--ua-paper);
  border-bottom: 1px solid var(--ua-line);
}

@media (min-width: 960px) {
  .ua-brief {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    min-height: min(72vh, 38rem);
  }
}

.ua-brief__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2.25rem, 6vw, 4rem) clamp(1.35rem, 4vw, 3rem);
}

.ua-brief__title {
  margin: 0 0 1.15rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.1rem, 4.5vw, 3.25rem);
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: var(--ua-ink);
  max-width: 16ch;
}

.ua-brief__lead {
  margin: 0 0 0.85rem;
  max-width: 34rem;
  font-size: 1.08rem;
  line-height: 1.65;
  color: var(--ua-ink);
}

.ua-brief__body {
  margin: 0;
  max-width: 34rem;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--ua-soft);
}

.ua-frame--brief {
  min-height: 18rem;
  border: none;
  border-left: 1px solid var(--ua-line);
}

@media (max-width: 959px) {
  .ua-frame--brief {
    border-left: none;
    border-top: 1px solid var(--ua-line);
    min-height: 16rem;
    aspect-ratio: 16 / 11;
  }
}

.ua-frame--brief .ua-frame__ticks span {
  border-color: var(--ua-wheat);
}

/* Mandate field */
.ua-mandate {
  padding: clamp(3rem, 8vw, 5rem) 1.5rem;
  background: var(--ua-field);
  color: #f4ede0;
  text-align: center;
}

.ua-mandate__inner {
  width: min(100%, 40rem);
  margin: 0 auto;
}

.ua-dispatch__eyebrow--on-field {
  color: var(--ua-wheat);
}

.ua-mandate__title {
  margin: 0 0 1rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2rem, 4vw, 2.85rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}

.ua-mandate__text {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.7;
  color: rgba(244, 237, 224, 0.78);
}

/* Vertical bearing track */
.ua-bearing {
  padding: clamp(3.5rem, 9vw, 5.5rem) 0;
  background: var(--ua-paper);
  border-bottom: 1px solid var(--ua-line);
}

.ua-bearing__track {
  position: relative;
  width: min(100% - 2rem, 42rem);
  margin: 0 auto;
}

.ua-bearing__spine {
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  left: 0.55rem;
  width: 1px;
  background: linear-gradient(180deg, transparent, var(--ua-line) 8%, var(--ua-line) 92%, transparent);
}

@media (min-width: 640px) {
  .ua-bearing__spine {
    left: 1.35rem;
  }
}

.ua-bearing__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ua-bearing__item {
  position: relative;
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: 0.85rem 1.15rem;
  padding: 1.35rem 0 1.35rem 0.15rem;
  border-bottom: 1px solid var(--ua-line);
  opacity: 0;
  transform: translateX(-0.5rem);
  transition: opacity 0.55s var(--ua-ease), transform 0.55s var(--ua-ease);
  transition-delay: calc(var(--i, 0) * 0.08s);
}

@media (min-width: 640px) {
  .ua-bearing__item {
    grid-template-columns: 3.25rem auto 1fr;
    gap: 0.5rem 1.25rem;
    padding-left: 0;
  }
}

.ua-bearing__item.is-in {
  opacity: 1;
  transform: none;
}

.ua-bearing__item:last-child {
  border-bottom: none;
}

.ua-bearing__pin {
  position: absolute;
  left: 0.3rem;
  top: 1.55rem;
  width: 0.65rem;
  height: 0.65rem;
  border: 1px solid var(--ua-crimson);
  border-radius: 50%;
  background: var(--ua-paper);
  box-shadow: 0 0 0 4px var(--ua-paper);
  z-index: 1;
}

@media (min-width: 640px) {
  .ua-bearing__pin {
    left: 1.1rem;
  }
}

.ua-bearing__n {
  grid-column: 1;
  padding-left: 1.5rem;
  font-family: var(--fw-font-display);
  font-size: 1.35rem;
  color: var(--ua-crimson);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

@media (min-width: 640px) {
  .ua-bearing__n {
    padding-left: 2.75rem;
  }
}

.ua-bearing__body {
  grid-column: 2 / -1;
}

.ua-bearing__body h3 {
  margin: 0 0 0.4rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ua-ink);
}

.ua-bearing__body p {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.65;
  color: var(--ua-soft);
  max-width: 36rem;
}

/* Twin plates */
.ua-twin {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-bottom: 1px solid var(--ua-line);
  background: var(--ua-field);
}

@media (min-width: 800px) {
  .ua-twin {
    grid-template-columns: 1fr 1fr;
  }
}

.ua-frame--twin {
  min-height: 0;
  aspect-ratio: 16 / 11;
  border: none;
}

@media (min-width: 800px) {
  .ua-frame--twin:first-child {
    border-right: 1px solid rgba(244, 237, 224, 0.12);
  }
}

/* Callout */
.ua-callout {
  padding: clamp(3rem, 8vw, 4.5rem) 1.5rem;
  text-align: center;
  background: var(--ua-paper-alt);
  border-bottom: 1px solid var(--ua-line);
}

.ua-callout__kicker {
  margin: 0 0 0.85rem;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}

.ua-callout__text {
  margin: 0 auto 1.75rem;
  max-width: 38rem;
  font-size: 1.08rem;
  line-height: 1.7;
  color: var(--ua-ink);
}

.ua-callout__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}

/*
 * Ink solid — true charcoal fill + cream type in light mode.
 * Dark mode: parchment fill + charcoal type (never --ua-ink for both sides —
 * that token flips and made Image #2 blank cream-on-cream).
 */
.ua-btn--ink {
  background: #1a1410 !important;
  color: #f4ede0 !important;
  border-color: #1a1410 !important;
}

.ua-btn--ink:hover {
  background: #8c2020 !important;
  border-color: #8c2020 !important;
  color: #f4ede0 !important;
}

html[data-theme="dark"] .ua-btn--ink {
  background: #f4ede0 !important;
  color: #1a1410 !important;
  border-color: #f4ede0 !important;
}

html[data-theme="dark"] .ua-btn--ink:hover {
  background: #c45a50 !important;
  border-color: #c45a50 !important;
  color: #120e0c !important;
}

/* Outline on parchment/paper surfaces — adaptive edge + type */
.ua-btn--line-ink {
  background: transparent !important;
  color: #1a1410 !important;
  border: 1px solid rgba(26, 20, 16, 0.28) !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.35rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: border-color 0.25s var(--ua-ease), color 0.25s var(--ua-ease), background 0.25s var(--ua-ease);
}

.ua-btn--line-ink:hover {
  border-color: #8c2020 !important;
  color: #8c2020 !important;
  background: transparent !important;
}

html[data-theme="dark"] .ua-btn--line-ink {
  color: #f4ede0 !important;
  border-color: rgba(244, 237, 224, 0.38) !important;
}

html[data-theme="dark"] .ua-btn--line-ink:hover {
  border-color: #c45a50 !important;
  color: #c45a50 !important;
}

/* Callout action row — ensure both CTAs stay legible on paper-alt */
.ua-callout__actions .ua-btn {
  min-width: 11rem;
}

/* Next stations */
.ua-next {
  padding: clamp(2.5rem, 6vw, 3.75rem) 1.25rem clamp(3.5rem, 8vw, 5rem);
  background: var(--ua-paper);
}

.ua-next__kicker {
  margin: 0 0 1.15rem;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-soft);
}

.ua-next__row {
  width: min(100%, 56rem);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
}

@media (min-width: 720px) {
  .ua-next__row {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ua-next__link {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.15rem;
  border: 1px solid var(--ua-line);
  background: color-mix(in srgb, var(--ua-paper) 90%, #fff);
  text-decoration: none !important;
  color: inherit;
  transition: border-color 0.25s var(--ua-ease), transform 0.25s var(--ua-ease), box-shadow 0.25s var(--ua-ease);
}

.ua-next__link:hover {
  border-color: color-mix(in srgb, var(--ua-crimson) 40%, var(--ua-line));
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(26, 20, 16, 0.07);
}

.ua-next__coord {
  font-family: var(--fw-font-display);
  font-size: 1.1rem;
  color: var(--ua-crimson);
  font-variant-numeric: tabular-nums;
}

.ua-next__name {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ua-ink);
}

.ua-next__go {
  color: var(--ua-soft);
  transition: transform 0.2s var(--ua-ease), color 0.2s var(--ua-ease);
}

.ua-next__link:hover .ua-next__go {
  color: var(--ua-crimson);
  transform: translateX(3px);
}

html[data-theme="dark"] .ua-next__link,
html[data-theme="dark"] .ua-brief,
html[data-theme="dark"] .ua-bearing {
  background: var(--ua-paper);
}

html[data-theme="dark"] .ua-frame--brief {
  border-color: var(--ua-line);
}

/* ============================================================
   BLOG — Intelligence Ledger
   ============================================================ */

.ua-ledger-head {
  width: min(100% - 2rem, 42rem);
  margin: 0 auto;
  padding: clamp(2.5rem, 7vw, 4rem) 0 clamp(1.75rem, 4vw, 2.5rem);
  text-align: center;
}

.ua-ledger-head__title {
  margin: 0 0 0.85rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.2rem, 4.5vw, 3.25rem);
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: var(--ua-ink);
}

.ua-ledger-head__lead {
  margin: 0 auto;
  max-width: 34rem;
  font-size: 1.05rem;
  line-height: 1.65;
  color: var(--ua-soft);
}

.ua-ledger-feed {
  padding: 0 0 clamp(2rem, 5vw, 3rem);
  background: var(--ua-paper);
}

.ua-ledger-list {
  width: min(100% - 2rem, 52rem);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid var(--ua-line);
}

.ua-ledger-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--ua-line);
  opacity: 1;
  transform: none;
  transition: opacity 0.5s var(--ua-ease), transform 0.5s var(--ua-ease);
  transition-delay: calc(var(--i, 0) * 0.05s);
}
html.js .ua-ledger-row:not(.is-in) {
  opacity: 0;
  transform: translateY(0.5rem);
}
.ua-ledger-row.is-in {
  opacity: 1;
  transform: none;
}

@media (min-width: 720px) {
  .ua-ledger-row {
    grid-template-columns: minmax(10rem, 14rem) 1fr;
    gap: 1.5rem 1.75rem;
    align-items: start;
  }
}

.ua-ledger-row__media {
  display: block;
  aspect-ratio: 16 / 11;
  overflow: hidden;
  border: 1px solid var(--ua-line);
  background: var(--ua-field);
  text-decoration: none;
}

.ua-ledger-row__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s var(--ua-ease);
}

.ua-ledger-row:hover .ua-ledger-row__media img {
  transform: scale(1.04);
}

.ua-ledger-row__media-empty {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 8rem;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ua-crimson) 12%, transparent), transparent 60%),
    var(--ua-paper-alt);
}

.ua-ledger-row__body {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-width: 0;
}

.ua-ledger-row__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.85rem;
  align-items: center;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ua-soft);
}

.ua-ledger-row__cat {
  color: var(--ua-crimson);
}

.ua-ledger-row__title {
  margin: 0;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.ua-ledger-row__title a {
  color: var(--ua-ink);
  text-decoration: none;
}

.ua-ledger-row__title a:hover {
  color: var(--ua-crimson);
}

.ua-ledger-row__excerpt {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--ua-soft);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ua-ledger-row__more {
  margin-top: 0.25rem;
  align-self: flex-start;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ua-ink);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.ua-ledger-row__more:hover {
  color: var(--ua-crimson);
  border-bottom-color: var(--ua-crimson);
}

.ua-ledger-empty {
  margin: 2rem auto;
  max-width: 28rem;
  padding: 1.5rem;
  text-align: center;
  border: 1px dashed var(--ua-line);
  color: var(--ua-soft);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .ua-cover__strip-track { animation: none; }
  .ua-cover__video { display: none; }
  .ua-cover__media {
    background: url("/assets/media/ukraine/pool-kyiv-foundation-ukraine.jpg") center / cover no-repeat;
  }
  .ua-station,
  .ua-parcel,
  .ua-bearing__item,
  .ua-ledger-row,
  .ua-frame__media img {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ============================================================
   Lando-inspired mission motion (feel only — rebuild narrative)
   Sticky stages · floating field emblem · scrubbed essay · rail
   ============================================================ */

.ua-atlas--ready .ua-dispatch > * {
  opacity: 0;
  transform: translate3d(0, 1.25rem, 0);
  transition: opacity 0.85s var(--ua-ease), transform 0.85s var(--ua-ease);
}
.ua-atlas--ready.is-booted .ua-dispatch > * {
  opacity: 1;
  transform: none;
}
.ua-atlas--ready.is-booted .ua-dispatch > *:nth-child(1) { transition-delay: 0.05s; }
.ua-atlas--ready.is-booted .ua-dispatch > *:nth-child(2) { transition-delay: 0.12s; }
.ua-atlas--ready.is-booted .ua-dispatch > *:nth-child(3) { transition-delay: 0.2s; }
.ua-atlas--ready.is-booted .ua-dispatch > *:nth-child(4) { transition-delay: 0.32s; }
.ua-atlas--ready.is-booted .ua-dispatch > *:nth-child(5) { transition-delay: 0.42s; }

.ua-cover__scroll-cue {
  position: absolute;
  z-index: 3;
  right: clamp(1.25rem, 4vw, 2.5rem);
  bottom: clamp(1.5rem, 4vw, 2.75rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(244, 237, 224, 0.72);
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.ua-cover__scroll-line {
  display: block;
  width: 1px;
  height: 3.5rem;
  background: linear-gradient(to bottom, rgba(244,237,224,0.7), transparent);
  animation: ua-scroll-pulse 2.2s var(--ua-ease) infinite;
}
@keyframes ua-scroll-pulse {
  0%, 100% { opacity: 0.35; transform: scaleY(0.85); }
  50% { opacity: 1; transform: scaleY(1); }
}

/* Progress rail */
.ua-progress {
  position: fixed;
  z-index: 40;
  top: 50%;
  right: 0.85rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.ua-progress.is-visible { opacity: 1; }
.ua-progress__label {
  font-size: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ua-soft);
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.ua-progress__track {
  width: 2px;
  height: min(28vh, 12rem);
  background: var(--ua-line);
  border-radius: 2px;
  overflow: hidden;
  transform: scaleY(-1);
}
.ua-progress__fill {
  width: 100%;
  height: 100%;
  background: var(--ua-crimson);
  transform-origin: top center;
  transform: scaleY(0);
  will-change: transform;
}
.ua-progress__pct {
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
  color: var(--ua-crimson);
}
@media (max-width: 900px) {
  .ua-progress { display: none; }
}

/* Sticky mission story */
.ua-story {
  position: relative;
  height: 420vh;
  background: var(--ua-field-deep);
  color: #f4ede0;
}
.ua-story__runway {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.ua-story__pin {
  position: sticky;
  top: var(--fw-header-h, 76px);
  height: calc(100dvh - var(--fw-header-h, 76px));
  overflow: hidden;
}
.ua-story__stage {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: stretch;
}
.ua-story__plates {
  position: absolute;
  inset: 0;
}
.ua-story__plate {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transform: scale(1.06);
  transition: opacity 0.7s var(--ua-ease), transform 1.1s var(--ua-ease);
}
.ua-story__plate.is-active {
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}
.ua-story__plate img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(0.92) contrast(1.05);
}
.ua-story__veil {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(100deg, rgba(12,10,8,0.88) 0%, rgba(12,10,8,0.55) 42%, rgba(12,10,8,0.25) 100%),
    linear-gradient(0deg, rgba(12,10,8,0.55) 0%, transparent 40%);
}
.ua-story__copy {
  position: relative;
  z-index: 4;
  align-self: end;
  max-width: min(36rem, 92vw);
  padding: clamp(1.75rem, 5vw, 3.5rem);
  transition: opacity 0.35s ease, transform 0.45s var(--ua-ease);
}
.ua-story__copy.is-swap {
  animation: ua-copy-in 0.55s var(--ua-ease);
}
@keyframes ua-copy-in {
  from { opacity: 0; transform: translate3d(0, 1rem, 0); }
  to { opacity: 1; transform: none; }
}
.ua-story__step {
  margin: 0 0 0.65rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.55);
  font-variant-numeric: tabular-nums;
}
.ua-story__kicker {
  margin: 0 0 0.5rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ua-wheat);
}
.ua-story__title {
  margin: 0 0 0.85rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 4.5vw, 3.25rem);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #f4ede0;
}
.ua-story__body {
  margin: 0;
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.65;
  color: rgba(244,237,224,0.78);
  max-width: 34rem;
}

/* Floating field compass (helmet-analogue) */
.ua-story__emblem {
  position: absolute;
  z-index: 5;
  top: 12%;
  right: clamp(1rem, 8vw, 7rem);
  width: clamp(7.5rem, 18vw, 13rem);
  height: clamp(7.5rem, 18vw, 13rem);
  color: #f4ede0;
  will-change: transform;
  filter: drop-shadow(0 18px 40px rgba(0,0,0,0.45));
  pointer-events: none;
}
.ua-story__emblem-svg {
  width: 100%;
  height: 100%;
  display: block;
}
.ua-story__needle,
.ua-story__needle-tip {
  color: var(--ua-crimson-hot, #b4463e);
  stroke: var(--ua-crimson-hot, #b4463e);
  fill: var(--ua-crimson-hot, #b4463e);
}
.ua-story__emblem-ring {
  position: absolute;
  inset: -8%;
  border: 1px solid rgba(244,237,224,0.18);
  border-radius: 50%;
  animation: ua-ring-spin 18s linear infinite;
}
@keyframes ua-ring-spin {
  to { transform: rotate(360deg); }
}
.ua-story__dots {
  position: absolute;
  z-index: 5;
  left: clamp(1.25rem, 4vw, 2.5rem);
  top: 50%;
  transform: translateY(-50%);
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.ua-story__dots li {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: rgba(244,237,224,0.28);
  transition: transform 0.3s ease, background 0.3s ease;
}
.ua-story__dots li.is-active {
  background: var(--ua-crimson-hot, #b4463e);
  transform: scale(1.45);
}
.ua-story-static {
  display: none;
  padding: 2rem clamp(1.25rem, 4vw, 2.5rem);
  background: var(--ua-paper);
}
.ua-story.is-static {
  height: auto;
}
.ua-story.is-static .ua-story__pin {
  position: relative;
  top: 0;
  height: auto;
  min-height: 70vh;
}
.ua-atlas--reduced .ua-story-static,
.ua-story.is-static + .ua-story-static {
  display: grid;
  gap: 1.25rem;
}

/* Split declaration */
.ua-split {
  position: relative;
  min-height: min(92vh, 48rem);
  display: grid;
  align-content: center;
  justify-items: start;
  padding: clamp(3rem, 10vw, 7rem) clamp(1.35rem, 5vw, 4rem);
  background: var(--ua-paper);
  overflow: hidden;
}
.ua-split__words {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 0.15rem;
}
.ua-split__line {
  margin: 0;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(3.2rem, 12vw, 9rem);
  line-height: 0.92;
  letter-spacing: -0.045em;
  text-transform: uppercase;
  color: var(--ua-ink);
  will-change: transform;
}
.ua-split__line--b {
  color: var(--ua-crimson);
}
.ua-split__sub {
  position: relative;
  z-index: 2;
  margin: 1.5rem 0 0;
  max-width: 28rem;
  font-size: 1.05rem;
  line-height: 1.65;
  color: var(--ua-soft);
}
.ua-split__object {
  position: absolute;
  z-index: 1;
  right: -4%;
  bottom: -8%;
  width: min(48vw, 28rem);
  margin: 0;
  opacity: 0.88;
  will-change: transform;
  mask-image: linear-gradient(225deg, #000 40%, transparent 95%);
}
.ua-split__object img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid var(--ua-line);
  filter: grayscale(0.15) contrast(1.05);
}
@media (max-width: 700px) {
  .ua-split__object {
    width: 70vw;
    opacity: 0.45;
  }
}

/* Horizontal scrub essay */
.ua-horiz {
  position: relative;
  height: 300vh;
  background: var(--ua-paper-alt);
}
.ua-horiz__runway {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.ua-horiz__pin {
  position: sticky;
  top: var(--fw-header-h, 76px);
  height: calc(100dvh - var(--fw-header-h, 76px));
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.25rem;
  padding: clamp(1.25rem, 3vw, 2rem) 0;
  overflow: hidden;
}
.ua-horiz__head {
  padding-inline: clamp(1.25rem, 4vw, 3rem);
  max-width: 48rem;
}
.ua-horiz__title {
  margin: 0.35rem 0 0.5rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  letter-spacing: -0.02em;
}
.ua-horiz__lead {
  margin: 0;
  color: var(--ua-soft);
  line-height: 1.6;
}
.ua-horiz__hint {
  margin: 0.65rem 0 0;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ua-crimson);
  opacity: 0.85;
  transition: opacity 0.3s ease;
}
.ua-horiz.is-active .ua-horiz__hint { opacity: 0.35; }
.ua-horiz__viewport {
  overflow: hidden;
  padding-inline: clamp(1.25rem, 4vw, 3rem);
}
.ua-horiz__track {
  display: flex;
  gap: clamp(1rem, 2.5vw, 1.75rem);
  width: max-content;
  will-change: transform;
  transition: none;
}
.ua-horiz__card {
  width: min(78vw, 32rem);
  flex: 0 0 auto;
}
.ua-horiz__card .ua-frame--corridor {
  height: min(52vh, 26rem);
}
.ua-horiz__card .ua-frame__media {
  height: 100%;
}
.ua-horiz__card .ua-frame__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Measures */
.ua-measures {
  padding: clamp(3rem, 8vw, 5.5rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper);
  border-top: 1px solid var(--ua-line);
}
.ua-measures__grid {
  list-style: none;
  margin: 2rem 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--ua-line);
  border: 1px solid var(--ua-line);
}
.ua-measure {
  background: var(--ua-paper);
  padding: clamp(1.25rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  min-height: 10rem;
}
.ua-measure__n {
  font-family: var(--fw-font-display);
  font-size: clamp(2.4rem, 5vw, 3.5rem);
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--ua-crimson);
  font-variant-numeric: tabular-nums;
}
.ua-measure__n--text {
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  letter-spacing: -0.02em;
}
.ua-measure__t {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ua-ink);
}
.ua-measure__d {
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--ua-soft);
}
@media (max-width: 900px) {
  .ua-measures__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
  .ua-measures__grid { grid-template-columns: 1fr; }
}

/* home signal seal/sub moved under .ua-home-signal */

/* Reveal polish — default visible so first paint is never blank if JS is slow/blocked.
   Once html.js is present, unrevealed nodes wait for .is-in (except above-fold cover). */
[data-ua-reveal] {
  opacity: 1;
  transform: none;
  transition: opacity 0.8s var(--ua-ease), transform 0.8s var(--ua-ease);
}
html.js [data-ua-reveal]:not(.is-in):not(.ua-cover):not([data-ua-reveal="cover"]) {
  opacity: 0;
  transform: translate3d(0, 1.5rem, 0);
}
html.js [data-ua-reveal].is-in,
.ua-cover[data-ua-reveal],
[data-ua-reveal="cover"] {
  opacity: 1;
  transform: none;
}

/* Mobile: shorten sticky runways a bit */
@media (max-width: 700px) {
  .ua-story { height: 360vh; }
  .ua-story__emblem {
    top: 8%;
    right: 0.75rem;
    width: 5.5rem;
    height: 5.5rem;
    opacity: 0.85;
  }
  .ua-horiz { height: 260vh; }
  .ua-cover__scroll-cue { display: none; }
}

/* Reduced motion overrides for new systems */
@media (prefers-reduced-motion: reduce) {
  .ua-story { height: auto; }
  .ua-story__pin {
    position: relative;
    top: 0;
    height: auto;
    min-height: 70vh;
  }
  .ua-horiz { height: auto; }
  .ua-horiz__pin {
    position: relative;
    top: 0;
    height: auto;
  }
  .ua-horiz__track {
    flex-wrap: nowrap;
    overflow-x: auto;
    transform: none !important;
    padding-bottom: 1rem;
    -webkit-overflow-scrolling: touch;
  }
  .ua-story__emblem-ring,
  .ua-cover__scroll-line { animation: none; }
  .ua-story__copy.is-swap { animation: none; }
  .ua-atlas--ready .ua-dispatch > *,
  [data-ua-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .ua-progress { display: none; }
}

/* ============================================================
   WHY UKRAINE — Threshold Dossier (UNIQUE page shell)
   Forbidden reuse of home story/split/horiz/measures/map and
   mission brief/mandate/bearing/twin/callout/next patterns.
   Namespace: .ua-why / .ua-why-* only (+ shared .ua-btn).
   ============================================================ */

.ua-why {
  color: var(--ua-ink);
  background: var(--ua-paper);
  overflow: clip;
}

/* —— Mast (full-bleed claim, not home cover / not mission brief) —— */
.ua-why-mast {
  position: relative;
  min-height: min(92dvh, 46rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #120e0c;
  color: #f4ede0;
  isolation: isolate;
}

.ua-why-mast__field {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ua-why-mast__field img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  display: block;
  filter: grayscale(0.25) contrast(1.08) brightness(0.72);
}

.ua-why-mast__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(12, 10, 8, 0.15) 0%, rgba(12, 10, 8, 0.55) 45%, rgba(12, 10, 8, 0.92) 100%),
    linear-gradient(90deg, rgba(12, 10, 8, 0.75) 0%, rgba(12, 10, 8, 0.2) 55%, transparent 100%);
}

.ua-why-mast__inner {
  position: relative;
  z-index: 2;
  padding: clamp(2.5rem, 8vw, 5rem) clamp(1.35rem, 5vw, 4rem) clamp(2rem, 5vw, 3.25rem);
  max-width: min(52rem, 100%);
}

.ua-why-mast__index {
  margin: 0 0 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(244, 237, 224, 0.55);
}

.ua-why-mast__index span:first-child {
  color: #c4a35a;
}

.ua-why-mast__title {
  margin: 0 0 1.35rem;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.ua-why-mast__t1,
.ua-why-mast__t2 {
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.75rem, 9vw, 6.5rem);
  line-height: 0.92;
  letter-spacing: -0.04em;
}

.ua-why-mast__t2 {
  color: #c45a50;
}

.ua-why-mast__deck {
  margin: 0;
  max-width: 36rem;
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  line-height: 1.55;
  color: rgba(244, 237, 224, 0.82);
}

.ua-why-mast__edge {
  position: absolute;
  z-index: 2;
  right: clamp(1rem, 3vw, 2rem);
  bottom: clamp(1.25rem, 3vw, 2rem);
  margin: 0;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(244, 237, 224, 0.4);
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

/* —— Argument column + rail —— */
.ua-why-arg {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-bottom: 1px solid var(--ua-line);
  background: var(--ua-paper);
}

@media (min-width: 900px) {
  .ua-why-arg {
    grid-template-columns: minmax(12rem, 0.32fr) minmax(0, 0.68fr);
  }
}

.ua-why-arg__rail {
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.25rem, 3vw, 2.25rem);
  background: var(--ua-paper-alt);
  border-bottom: 1px solid var(--ua-line);
}

@media (min-width: 900px) {
  .ua-why-arg__rail {
    border-bottom: none;
    border-right: 1px solid var(--ua-line);
    position: sticky;
    top: var(--fw-header-h, 76px);
    align-self: start;
    min-height: calc(100vh - var(--fw-header-h, 76px));
  }
}

.ua-why-arg__mark {
  margin: 0 0 1rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}

.ua-why-arg__aside {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--ua-soft);
  max-width: 18rem;
}

.ua-why-arg__body {
  padding: clamp(2.25rem, 6vw, 4.5rem) clamp(1.35rem, 4vw, 3.5rem);
  max-width: 42rem;
}

.ua-why-arg__title {
  margin: 0 0 1.35rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.5vw, 2.65rem);
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: var(--ua-ink);
}

.ua-why-arg__p {
  margin: 0 0 1.15rem;
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--ua-soft);
}

.ua-why-arg__pull {
  margin: 1.75rem 0 0;
  padding: 1.25rem 0 0;
  border-top: 1px solid var(--ua-line);
  font-family: var(--fw-font-display);
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: var(--ua-ink);
}

/* —— Convergence matrix (dossier cards, not sticky story) —— */
.ua-why-matrix {
  padding: clamp(3rem, 8vw, 5.5rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-field-deep);
  color: #f4ede0;
}

.ua-why-matrix__head {
  max-width: 40rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.ua-why-matrix__kicker {
  margin: 0 0 0.65rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c4a35a;
}

.ua-why-matrix__head h2 {
  margin: 0 0 0.85rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.8vw, 2.85rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}

.ua-why-matrix__lead {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.65;
  color: rgba(244, 237, 224, 0.72);
}

.ua-why-matrix__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: rgba(244, 237, 224, 0.12);
  border: 1px solid rgba(244, 237, 224, 0.12);
}

@media (min-width: 720px) {
  .ua-why-matrix__grid {
    grid-template-columns: 1fr 1fr;
  }
  .ua-why-card--span {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1100px) {
  .ua-why-matrix__grid {
    grid-template-columns: repeat(6, 1fr);
  }
  .ua-why-card--span {
    grid-column: span 4;
  }
  .ua-why-card:not(.ua-why-card--span):not(.ua-why-card--accent) {
    grid-column: span 2;
  }
  .ua-why-card--accent {
    grid-column: span 2;
  }
}

.ua-why-card {
  background: #1a1410;
  padding: clamp(1.35rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 14rem;
  opacity: 0;
  transform: translate3d(0, 1.25rem, 0);
  transition: opacity 0.7s var(--ua-ease), transform 0.7s var(--ua-ease);
  transition-delay: calc(var(--i, 0) * 0.06s);
}

.ua-why-card.is-in {
  opacity: 1;
  transform: none;
}

.ua-why-card--accent {
  background: #2a1814;
  box-shadow: inset 0 0 0 1px rgba(196, 90, 80, 0.35);
}

.ua-why-card__code {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #c4a35a;
  font-variant-numeric: tabular-nums;
}

.ua-why-card h3 {
  margin: 0;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.25rem, 2.2vw, 1.55rem);
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.ua-why-card p {
  margin: 0;
  flex: 1;
  font-size: 0.95rem;
  line-height: 1.6;
  color: rgba(244, 237, 224, 0.72);
}

.ua-why-card__tag {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(244, 237, 224, 0.4);
}

/* —— Historical re-rate strip —— */
.ua-why-rerate {
  padding: clamp(3rem, 7vw, 5rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper-alt);
  border-bottom: 1px solid var(--ua-line);
}

.ua-why-rerate__intro {
  max-width: 36rem;
  margin-bottom: 2rem;
}

.ua-why-rerate__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}

.ua-why-rerate__intro h2 {
  margin: 0 0 0.75rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.65rem, 3.2vw, 2.35rem);
  letter-spacing: -0.02em;
  line-height: 1.12;
}

.ua-why-rerate__lead {
  margin: 0;
  font-size: 1rem;
  line-height: 1.65;
  color: var(--ua-soft);
}

.ua-why-rerate__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--ua-line);
}

@media (min-width: 700px) {
  .ua-why-rerate__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1100px) {
  .ua-why-rerate__list {
    grid-template-columns: repeat(7, 1fr);
  }
}

.ua-why-rerate__list li {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.15rem 1rem;
  border-bottom: 1px solid var(--ua-line);
  border-right: 1px solid var(--ua-line);
  background: var(--ua-paper);
  min-height: 6.5rem;
}

.ua-why-rerate__era {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ua-soft);
}

.ua-why-rerate__city {
  font-family: var(--fw-font-display);
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  color: var(--ua-ink);
}

.ua-why-rerate__now {
  background: #1a1410 !important;
  color: #f4ede0;
}

.ua-why-rerate__now .ua-why-rerate__era {
  color: #c4a35a;
}

.ua-why-rerate__now .ua-why-rerate__city {
  color: #f4ede0;
}

/* —— Monumental figure rows (not measures grid) —— */
.ua-why-figures {
  background: var(--ua-paper);
}

.ua-why-fig {
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid var(--ua-line);
  min-height: min(70vh, 28rem);
}

@media (min-width: 900px) {
  .ua-why-fig {
    grid-template-columns: 1fr 1fr;
  }
  .ua-why-fig--flip .ua-why-fig__copy {
    order: 2;
  }
  .ua-why-fig--flip .ua-why-fig__media {
    order: 1;
  }
}

.ua-why-fig__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.35rem, 4vw, 3rem);
  background: var(--ua-paper);
}

.ua-why-fig__n {
  margin: 0 0 0.75rem;
  font-family: var(--fw-font-display);
  font-size: clamp(3rem, 8vw, 5.5rem);
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: var(--ua-crimson);
}

.ua-why-fig__copy h3 {
  margin: 0 0 0.55rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ua-ink);
}

.ua-why-fig__copy p:last-child {
  margin: 0;
  max-width: 28rem;
  font-size: 1rem;
  line-height: 1.65;
  color: var(--ua-soft);
}

.ua-why-fig__media {
  margin: 0;
  min-height: 16rem;
  overflow: hidden;
  border-left: 1px solid var(--ua-line);
}

@media (max-width: 899px) {
  .ua-why-fig__media {
    border-left: none;
    border-top: 1px solid var(--ua-line);
  }
}

.ua-why-fig__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 16rem;
  filter: contrast(1.04) saturate(0.92);
}

/* —— Closing claim band —— */
.ua-why-claim {
  display: grid;
  grid-template-columns: 1fr;
  background: #120e0c;
  color: #f4ede0;
}

@media (min-width: 900px) {
  .ua-why-claim {
    grid-template-columns: 0.42fr 0.58fr;
    min-height: min(70vh, 32rem);
  }
}

.ua-why-claim__plate {
  margin: 0;
  min-height: 14rem;
  overflow: hidden;
}

.ua-why-claim__plate img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: grayscale(0.2) contrast(1.06);
}

.ua-why-claim__panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2.25rem, 6vw, 4rem) clamp(1.35rem, 4vw, 3.25rem);
  border-top: 1px solid rgba(244, 237, 224, 0.1);
}

@media (min-width: 900px) {
  .ua-why-claim__panel {
    border-top: none;
    border-left: 1px solid rgba(244, 237, 224, 0.1);
  }
}

.ua-why-claim__kicker {
  margin: 0 0 0.75rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c4a35a;
}

.ua-why-claim__title {
  margin: 0 0 1rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}

.ua-why-claim__text {
  margin: 0 0 1.75rem;
  max-width: 34rem;
  font-size: 1.05rem;
  line-height: 1.7;
  color: rgba(244, 237, 224, 0.75);
}

.ua-why-claim__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

/* —— Foot index (not ua-next) —— */
.ua-why-foot {
  padding: clamp(2.5rem, 6vw, 3.75rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper);
  border-top: 1px solid var(--ua-line);
}

.ua-why-foot__label {
  margin: 0 0 1.25rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-soft);
}

.ua-why-foot__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--ua-line);
}

@media (min-width: 700px) {
  .ua-why-foot__list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.ua-why-foot__list a {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 1.15rem 1rem;
  border-bottom: 1px solid var(--ua-line);
  border-right: 1px solid var(--ua-line);
  text-decoration: none !important;
  color: var(--ua-ink);
  transition: background 0.2s ease, color 0.2s ease;
  min-height: 5.5rem;
}

.ua-why-foot__list a:hover {
  background: var(--ua-paper-alt);
  color: var(--ua-crimson);
}

.ua-why-foot__id {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--ua-crimson);
  font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
  .ua-why-card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ============================================================
   ASSET MODEL — Stack Schematic (UNIQUE page shell)
   Namespace: .ua-stack / .ua-stack-* only (+ shared .ua-btn).
   Do not reuse home / mission / why layouts.
   ============================================================ */

.ua-stack {
  color: var(--ua-ink);
  background: var(--ua-paper);
  overflow: clip;
}

/* —— Schematic header —— */
.ua-stack-schematic {
  background: var(--ua-paper);
  border-bottom: 1px solid var(--ua-line);
  padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.25rem, 4vw, 3rem) clamp(2.5rem, 6vw, 4rem);
}

.ua-stack-schematic__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem 1.5rem;
  margin-bottom: clamp(1.75rem, 4vw, 2.75rem);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ua-soft);
  border-bottom: 1px dashed var(--ua-line);
  padding-bottom: 0.85rem;
}

.ua-stack-schematic__code {
  margin: 0;
  color: var(--ua-crimson);
}

.ua-stack-schematic__brand {
  margin: 0;
}

.ua-stack-schematic__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 5vw, 3.5rem);
  align-items: end;
}

@media (min-width: 960px) {
  .ua-stack-schematic__grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(14rem, 0.55fr);
  }
}

.ua-stack-schematic__kicker {
  margin: 0 0 0.75rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}

.ua-stack-schematic__title {
  margin: 0 0 1.15rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.4rem, 6vw, 4.25rem);
  letter-spacing: -0.035em;
  line-height: 0.98;
  max-width: 12ch;
  color: var(--ua-ink);
}

.ua-stack-schematic__lead {
  margin: 0;
  max-width: 34rem;
  font-size: 1.08rem;
  line-height: 1.65;
  color: var(--ua-soft);
}

/* Elevation drawing */
.ua-stack-schematic__diagram {
  justify-self: stretch;
}

.ua-stack-schematic__elev {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--ua-line);
  background:
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 11px,
      color-mix(in srgb, var(--ua-ink) 4%, transparent) 11px,
      color-mix(in srgb, var(--ua-ink) 4%, transparent) 12px
    );
}

.ua-stack-schematic__floor {
  display: grid;
  grid-template-columns: 2.75rem 1fr;
  align-items: center;
  gap: 0.65rem;
  min-height: 3.1rem;
  padding: 0.55rem 0.85rem;
  border-bottom: 1px solid var(--ua-line);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
}

.ua-stack-schematic__floor i {
  font-style: normal;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ua-crimson);
  letter-spacing: 0.08em;
}

.ua-stack-schematic__floor b {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  color: var(--ua-ink);
}

.ua-stack-schematic__floor--4 { background: color-mix(in srgb, var(--ua-crimson) 12%, var(--ua-paper)); }
.ua-stack-schematic__floor--3 { background: color-mix(in srgb, var(--ua-crimson) 8%, var(--ua-paper)); }
.ua-stack-schematic__floor--2 { background: color-mix(in srgb, var(--ua-crimson) 5%, var(--ua-paper)); }
.ua-stack-schematic__floor--1 { background: color-mix(in srgb, var(--ua-wheat) 10%, var(--ua-paper)); }

.ua-stack-schematic__base {
  display: block;
  padding: 0.55rem 0.85rem;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ua-soft);
  background: var(--ua-paper-alt);
}

.ua-stack-schematic__caption {
  margin: 0.55rem 0 0;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ua-soft);
}

/* —— Storeys (building cut down the page) —— */
.ua-stack-tower {
  background: #14110e;
  color: #f4ede0;
}

.ua-stack-tower__intro {
  padding: clamp(2.5rem, 6vw, 4rem) clamp(1.25rem, 4vw, 3rem) 1.5rem;
  max-width: 40rem;
}

.ua-stack-tower__intro h2 {
  margin: 0 0 0.85rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.75rem, 3.5vw, 2.65rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}

.ua-stack-tower__intro p {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.65;
  color: rgba(244, 237, 224, 0.72);
}

.ua-stack-storeys {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(244, 237, 224, 0.12);
}

.ua-stack-storey {
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid rgba(244, 237, 224, 0.12);
  opacity: 0;
  transform: translate3d(0, 1.5rem, 0);
  transition: opacity 0.75s var(--ua-ease), transform 0.75s var(--ua-ease);
  transition-delay: calc(var(--i, 0) * 0.05s);
}

.ua-stack-storey.is-in {
  opacity: 1;
  transform: none;
}

@media (min-width: 900px) {
  .ua-stack-storey {
    grid-template-columns: 7.5rem minmax(0, 1fr) minmax(0, 0.95fr);
    min-height: 16rem;
  }
}

.ua-stack-storey__mark {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.75rem;
  padding: 1.25rem 1.25rem 0;
  border-right: none;
}

@media (min-width: 900px) {
  .ua-stack-storey__mark {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.35rem;
    padding: 1.5rem;
    border-right: 1px solid rgba(244, 237, 224, 0.1);
  }
}

.ua-stack-storey__n {
  font-family: var(--fw-font-display);
  font-size: clamp(2rem, 4vw, 2.75rem);
  line-height: 1;
  letter-spacing: -0.03em;
  color: #c45a50;
  font-variant-numeric: tabular-nums;
}

.ua-stack-storey__level {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(244, 237, 224, 0.45);
}

.ua-stack-storey__body {
  padding: 1rem 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.65rem;
}

@media (min-width: 900px) {
  .ua-stack-storey__body {
    padding: 1.75rem 1.75rem 1.75rem 1.5rem;
  }
}

.ua-stack-storey__body h3 {
  margin: 0;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.ua-stack-storey__body p {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.65;
  color: rgba(244, 237, 224, 0.72);
  max-width: 36rem;
}

.ua-stack-storey__media {
  margin: 0;
  min-height: 12rem;
  overflow: hidden;
  border-top: 1px solid rgba(244, 237, 224, 0.1);
}

@media (min-width: 900px) {
  .ua-stack-storey__media {
    border-top: none;
    border-left: 1px solid rgba(244, 237, 224, 0.1);
    min-height: 100%;
  }
}

.ua-stack-storey__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 12rem;
  filter: grayscale(0.15) contrast(1.05);
}

/* subtle tint per storey band */
.ua-stack-storey--l1 { background: #161210; }
.ua-stack-storey--l2 { background: #181311; }
.ua-stack-storey--l3 { background: #1a1412; }
.ua-stack-storey--l4 { background: #1c1513; }

/* —— Axioms —— */
.ua-stack-axioms {
  padding: clamp(2.75rem, 6vw, 4rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper-alt);
  border-bottom: 1px solid var(--ua-line);
}

.ua-stack-axioms h2 {
  margin: 0 0 1.75rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  letter-spacing: -0.02em;
  max-width: 22ch;
}

.ua-stack-axioms__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--ua-line);
}

@media (min-width: 800px) {
  .ua-stack-axioms__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ua-stack-axioms__list li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  padding: 1.35rem 1.15rem;
  border-bottom: 1px solid var(--ua-line);
  border-right: 1px solid var(--ua-line);
  background: var(--ua-paper);
  min-height: 8.5rem;
}

.ua-stack-axioms__glyph {
  font-family: var(--fw-font-display);
  font-size: 1.35rem;
  color: var(--ua-crimson);
  line-height: 1;
}

.ua-stack-axioms__list p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--ua-soft);
}

/* —— Plot plan / second model —— */
.ua-stack-plot {
  background: var(--ua-paper);
  border-bottom: 1px solid var(--ua-line);
}

.ua-stack-plot__banner {
  padding: clamp(2.5rem, 6vw, 3.75rem) clamp(1.25rem, 4vw, 3rem) 1.5rem;
  max-width: 44rem;
}

.ua-stack-plot__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}

.ua-stack-plot__banner h2 {
  margin: 0 0 0.85rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.8vw, 2.85rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}

.ua-stack-plot__lead {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.65;
  color: var(--ua-soft);
}

.ua-stack-plot__board {
  display: grid;
  grid-template-columns: 1fr;
  border-top: 1px solid var(--ua-line);
}

@media (min-width: 960px) {
  .ua-stack-plot__board {
    grid-template-columns: 1.05fr 0.95fr;
  }
}

.ua-stack-plot__hero {
  margin: 0;
  position: relative;
  min-height: 18rem;
  background: #120e0c;
}

.ua-stack-plot__hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 20rem;
  filter: contrast(1.04) saturate(0.9);
}

.ua-stack-plot__hero figcaption {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  margin: 0;
  padding: 0.35rem 0.55rem;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #f4ede0;
  background: rgba(18, 14, 12, 0.72);
}

.ua-stack-plot__notes {
  padding: clamp(1.75rem, 4vw, 2.75rem);
  display: flex;
  flex-direction: column;
  gap: 1.35rem;
  border-left: none;
  background: var(--ua-paper-alt);
}

@media (min-width: 960px) {
  .ua-stack-plot__notes {
    border-left: 1px solid var(--ua-line);
  }
}

.ua-stack-plot__quote {
  margin: 0;
  padding: 0 0 0 1rem;
  border-left: 3px solid var(--ua-crimson);
}

.ua-stack-plot__quote p {
  margin: 0;
  font-family: var(--fw-font-display);
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: var(--ua-ink);
}

.ua-stack-plot__refs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--ua-line);
  border: 1px solid var(--ua-line);
}

.ua-stack-plot__refs > div {
  background: var(--ua-paper);
  padding: 0.9rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.ua-stack-plot__ref-city {
  font-family: var(--fw-font-display);
  font-size: 1.15rem;
  letter-spacing: -0.02em;
  color: var(--ua-ink);
}

.ua-stack-plot__ref-note {
  font-size: 0.72rem;
  line-height: 1.45;
  color: var(--ua-soft);
}

.ua-stack-plot__body {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--ua-soft);
}

/* —— Value thesis —— */
.ua-stack-value {
  padding: clamp(3rem, 7vw, 5rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper);
  border-bottom: 1px solid var(--ua-line);
  max-width: 48rem;
}

.ua-stack-value__over {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}

.ua-stack-value h2 {
  margin: 0 0 1rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.5vw, 2.65rem);
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.ua-stack-value__text {
  margin: 0 0 1.5rem;
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--ua-soft);
}

.ua-stack-value__needs {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid var(--ua-line);
}

.ua-stack-value__needs li {
  padding: 0.85rem 0;
  border-bottom: 1px solid var(--ua-line);
  font-size: 0.98rem;
  line-height: 1.5;
  color: var(--ua-ink);
  padding-left: 1.25rem;
  position: relative;
}

.ua-stack-value__needs li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.2rem;
  width: 0.45rem;
  height: 0.45rem;
  background: var(--ua-crimson);
}

.ua-stack-value__close {
  margin: 0;
  font-family: var(--fw-font-display);
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: var(--ua-ink);
}

/* —— Market flow (river phases) —— */
.ua-stack-flow {
  padding: clamp(2.75rem, 6vw, 4.25rem) 0;
  background: #1a1410;
  color: #f4ede0;
}

.ua-stack-flow__head {
  padding: 0 clamp(1.25rem, 4vw, 3rem) 1.75rem;
  max-width: 40rem;
}

.ua-stack-flow__head h2 {
  margin: 0 0 0.75rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.65rem, 3.2vw, 2.35rem);
  letter-spacing: -0.025em;
}

.ua-stack-flow__head p {
  margin: 0;
  color: rgba(244, 237, 224, 0.7);
  line-height: 1.6;
}

.ua-stack-flow__phases {
  list-style: none;
  margin: 0;
  padding: 0 clamp(1.25rem, 4vw, 3rem);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
}

@media (min-width: 900px) {
  .ua-stack-flow__phases {
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    position: relative;
  }
  .ua-stack-flow__phases::before {
    content: "";
    position: absolute;
    top: 2.1rem;
    left: 12%;
    right: 12%;
    height: 2px;
    background: linear-gradient(90deg, rgba(244,237,224,0.15), rgba(196,90,80,0.7), rgba(244,237,224,0.15));
    pointer-events: none;
  }
}

.ua-stack-flow__phase {
  position: relative;
  padding: 1.35rem 1.25rem 1.5rem;
  border: 1px solid rgba(244, 237, 224, 0.12);
  background: #14110e;
  min-height: 12rem;
}

.ua-stack-flow__phase--active {
  background: #2a1814;
  border-color: rgba(196, 90, 80, 0.55);
  box-shadow: 0 0 0 1px rgba(196, 90, 80, 0.2);
}

.ua-stack-flow__idx {
  display: inline-block;
  margin-bottom: 0.75rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: #c4a35a;
  font-variant-numeric: tabular-nums;
}

.ua-stack-flow__badge {
  display: inline-block;
  margin: 0 0 0.65rem 0.5rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.52rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #120e0c;
  background: #c4a35a;
  vertical-align: middle;
}

.ua-stack-flow__phase h3 {
  margin: 0 0 0.55rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: 1.45rem;
  letter-spacing: -0.02em;
}

.ua-stack-flow__phase p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.6;
  color: rgba(244, 237, 224, 0.72);
}

/* —— Pipeline close —— */
.ua-stack-pipe {
  padding: clamp(3rem, 7vw, 4.5rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper);
  text-align: center;
}

.ua-stack-pipe__line {
  margin: 0 auto 1.75rem;
  max-width: 32rem;
  font-family: var(--fw-font-display);
  font-size: clamp(1.35rem, 2.8vw, 1.85rem);
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--ua-ink);
}

.ua-stack-pipe__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 2.5rem;
}

.ua-stack-pipe__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--ua-line);
}

.ua-stack-pipe__nav a {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--ua-soft);
  transition: color 0.2s ease;
}

.ua-stack-pipe__nav a span {
  color: var(--ua-crimson);
  margin-right: 0.35rem;
  font-variant-numeric: tabular-nums;
}

.ua-stack-pipe__nav a:hover {
  color: var(--ua-ink);
}

@media (prefers-reduced-motion: reduce) {
  .ua-stack-storey {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ============================================================
   ASSET MODEL — Motion life (stack experience)
   ============================================================ */

.ua-stack--ready {
  --stack-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --stack-p: 0;
}

/* Boot stagger — schematic */
.ua-stack--ready .ua-stack-schematic__meta,
.ua-stack--ready .ua-stack-schematic__kicker,
.ua-stack--ready .ua-stack-schematic__title-line,
.ua-stack--ready .ua-stack-schematic__lead,
.ua-stack--ready .ua-stack-schematic__diagram {
  opacity: 0;
  transform: translate3d(0, 1.4rem, 0);
  transition: opacity 0.9s var(--stack-ease), transform 0.9s var(--stack-ease);
}
.ua-stack--ready.is-booted .ua-stack-schematic__meta { opacity: 1; transform: none; transition-delay: 0.05s; }
.ua-stack--ready.is-booted .ua-stack-schematic__kicker { opacity: 1; transform: none; transition-delay: 0.14s; }
.ua-stack--ready.is-booted .ua-stack-schematic__title-line { opacity: 1; transform: none; transition-delay: 0.22s; }
.ua-stack--ready.is-booted .ua-stack-schematic__lead { opacity: 1; transform: none; transition-delay: 0.34s; }
.ua-stack--ready.is-booted .ua-stack-schematic__diagram { opacity: 1; transform: none; transition-delay: 0.28s; }

.ua-stack--ready .ua-stack-schematic__floor {
  opacity: 0;
  transform: translate3d(0.75rem, 0, 0);
  transition: opacity 0.55s var(--stack-ease), transform 0.55s var(--stack-ease),
    background 0.45s ease, box-shadow 0.45s ease, color 0.35s ease;
}
.ua-stack--ready.is-booted .ua-stack-schematic__floor--4 { opacity: 1; transform: none; transition-delay: 0.35s; }
.ua-stack--ready.is-booted .ua-stack-schematic__floor--3 { opacity: 1; transform: none; transition-delay: 0.42s; }
.ua-stack--ready.is-booted .ua-stack-schematic__floor--2 { opacity: 1; transform: none; transition-delay: 0.49s; }
.ua-stack--ready.is-booted .ua-stack-schematic__floor--1 { opacity: 1; transform: none; transition-delay: 0.56s; }
.ua-stack--ready.is-booted .ua-stack-schematic__base {
  opacity: 1;
  transition: opacity 0.5s ease 0.62s;
}

/* Elevation live state */
.ua-stack-schematic__elev {
  position: relative;
  overflow: hidden;
}

.ua-stack-schematic__scan {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  top: 12%;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #c45a50, transparent);
  box-shadow: 0 0 12px rgba(196, 90, 80, 0.65);
  opacity: 0.5;
  transition: top 0.15s linear, opacity 0.3s ease;
}

.ua-stack-schematic__floor.is-lit {
  background: color-mix(in srgb, #8c2020 28%, var(--ua-paper)) !important;
  box-shadow: inset 3px 0 0 #c45a50;
}
.ua-stack-schematic__floor.is-lit i,
.ua-stack-schematic__floor.is-lit b {
  color: var(--ua-crimson);
}
.ua-stack-schematic__floor.is-passed {
  opacity: 0.72;
}

/* Sticky floor HUD */
.ua-stack-hud {
  position: fixed;
  z-index: 45;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%) translateX(-120%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
  opacity: 0;
  pointer-events: none;
  transition: transform 0.45s var(--stack-ease), opacity 0.4s ease;
}
.ua-stack-hud.is-visible {
  transform: translateY(-50%) translateX(0);
  opacity: 1;
  pointer-events: auto;
}
.ua-stack-hud__track {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.45rem 0.35rem;
  border: 1px solid var(--ua-line);
  background: color-mix(in srgb, var(--ua-paper) 92%, transparent);
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 28px rgba(18, 14, 12, 0.12);
}
.ua-stack-hud__fill {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(0deg, #8c2020, #c4a35a);
  transform-origin: bottom center;
  transform: scaleY(0.25);
  transition: transform 0.35s var(--stack-ease);
  pointer-events: none;
}
.ua-stack-hud__floor {
  position: relative;
  z-index: 1;
  width: 2.15rem;
  height: 2.15rem;
  border: 1px solid var(--ua-line);
  background: var(--ua-paper);
  color: var(--ua-soft);
  cursor: pointer;
  font: inherit;
  padding: 0;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.ua-stack-hud__floor i {
  font-style: normal;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  font-variant-numeric: tabular-nums;
}
.ua-stack-hud__floor:hover {
  border-color: var(--ua-crimson);
  color: var(--ua-crimson);
}
.ua-stack-hud__floor.is-active {
  background: #1a1410;
  border-color: #1a1410;
  color: #f4ede0;
  transform: scale(1.08);
}
html[data-theme="dark"] .ua-stack-hud__floor.is-active {
  background: #f4ede0;
  border-color: #f4ede0;
  color: #1a1410;
}
.ua-stack-hud__floor.is-passed:not(.is-active) {
  border-color: color-mix(in srgb, var(--ua-crimson) 40%, var(--ua-line));
  color: var(--ua-crimson);
}
.ua-stack-hud__label {
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--ua-crimson);
  font-variant-numeric: tabular-nums;
}
@media (max-width: 800px) {
  .ua-stack-hud { display: none; }
}

/* Storey cinematic enter + scroll progress */
.ua-stack-storey {
  opacity: 0;
  transform: translate3d(0, 2.5rem, 0);
  transition: opacity 0.85s var(--stack-ease), transform 0.85s var(--stack-ease),
    background 0.5s ease;
  transition-delay: calc(var(--i, 0) * 0.04s);
}
.ua-stack-storey.is-in {
  opacity: 1;
  transform: none;
}

.ua-stack-storey__mark,
.ua-stack-storey__body {
  opacity: calc(0.35 + var(--stack-p, 0) * 0.65);
  transform: translate3d(calc((1 - var(--stack-p, 0)) * -0.75rem), 0, 0);
  transition: opacity 0.2s linear;
  will-change: transform, opacity;
}

.ua-stack-storey__n {
  transition: transform 0.45s var(--stack-ease), color 0.35s ease;
  transform: scale(calc(0.92 + var(--stack-p, 0) * 0.12));
}

.ua-stack-storey.is-in .ua-stack-storey__n {
  color: #c45a50;
}

.ua-stack-storey__media {
  position: relative;
  overflow: hidden;
}

.ua-stack-storey__media-inner {
  width: 100%;
  height: 100%;
  min-height: 12rem;
  will-change: transform;
  transform: scale(1.1);
  transition: transform 0.1s linear;
}

.ua-stack-storey__media-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 12rem;
  filter: grayscale(0.2) contrast(1.06);
  transition: filter 0.6s ease;
}

.ua-stack-storey.is-in .ua-stack-storey__media-inner img {
  filter: grayscale(0.05) contrast(1.05);
}

.ua-stack-storey__veil {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(20, 17, 14, 0.55) 0%, transparent 45%);
  opacity: calc(0.85 - var(--stack-p, 0) * 0.55);
  transition: opacity 0.2s linear;
}

/* Active storey glow */
.ua-stack-storey.is-in {
  box-shadow: inset 0 0 0 1px rgba(196, 90, 80, calc(var(--stack-p, 0) * 0.35));
}

/* Section reveals */
[data-ua-stack-reveal] {
  opacity: 0;
  transform: translate3d(0, 2rem, 0);
  transition: opacity 0.9s var(--stack-ease), transform 0.9s var(--stack-ease);
}
[data-ua-stack-reveal].is-in {
  opacity: 1;
  transform: none;
}

[data-ua-stack-stagger] {
  opacity: 0;
  transform: translate3d(0, 1.25rem, 0);
  transition: opacity 0.7s var(--stack-ease), transform 0.7s var(--stack-ease),
    border-color 0.4s ease;
  transition-delay: calc(var(--si, 0) * 0.1s);
}
[data-ua-stack-reveal].is-in [data-ua-stack-stagger].is-in,
[data-ua-stack-stagger].is-in {
  opacity: 1;
  transform: none;
}

/* Axiom hover life */
.ua-stack-axioms__list li {
  transition: background 0.35s ease, transform 0.35s var(--stack-ease);
}
.ua-stack-axioms__list li:hover {
  background: color-mix(in srgb, var(--ua-crimson) 6%, var(--ua-paper));
  transform: translateY(-2px);
}
.ua-stack-axioms__glyph {
  transition: transform 0.4s var(--stack-ease), color 0.3s ease;
}
.ua-stack-axioms__list li:hover .ua-stack-axioms__glyph {
  transform: scale(1.15);
  color: var(--ua-crimson-hot, #b4463e);
}

/* Plot hero motion shell */
.ua-stack-plot__hero {
  overflow: hidden;
}
.ua-stack-plot__hero-inner {
  width: 100%;
  height: 100%;
  min-height: 20rem;
  will-change: transform;
}
.ua-stack-plot__hero-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 20rem;
  transition: filter 0.8s ease;
}
.ua-stack-plot.is-in .ua-stack-plot__hero-inner img {
  filter: contrast(1.06) saturate(0.95);
}
.ua-stack-plot__quote {
  transition: border-color 0.4s ease, transform 0.5s var(--stack-ease);
}
.ua-stack-plot.is-in .ua-stack-plot__quote {
  border-left-width: 4px;
}

/* Value needs — draw markers */
.ua-stack-value__needs li {
  transition: padding-left 0.45s var(--stack-ease), color 0.3s ease;
}
.ua-stack-value__needs li.is-in:hover {
  padding-left: 1.5rem;
  color: var(--ua-crimson);
}

/* Flow phases — energy */
.ua-stack-flow__phases::before {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1.1s var(--stack-ease) 0.2s;
}
.ua-stack-flow.is-in .ua-stack-flow__phases::before {
  transform: scaleX(1);
}
.ua-stack-flow__phase {
  transition: transform 0.5s var(--stack-ease), border-color 0.4s ease, box-shadow 0.4s ease;
}
.ua-stack-flow__phase.is-in:hover {
  transform: translateY(-4px);
}
.ua-stack-flow__phase--active {
  animation: ua-stack-pulse 2.8s ease-in-out infinite;
}
@keyframes ua-stack-pulse {
  0%, 100% { box-shadow: 0 0 0 1px rgba(196, 90, 80, 0.25); }
  50% { box-shadow: 0 0 0 1px rgba(196, 90, 80, 0.55), 0 0 28px rgba(196, 90, 80, 0.18); }
}
.ua-stack-flow__badge {
  animation: ua-stack-badge 2.2s ease-in-out infinite;
}
@keyframes ua-stack-badge {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* Pipe close */
.ua-stack-pipe__line {
  transition: letter-spacing 0.6s var(--stack-ease), opacity 0.6s ease;
}
.ua-stack-pipe.is-in .ua-stack-pipe__line {
  letter-spacing: -0.015em;
}
.ua-stack-pipe__actions .ua-btn {
  transition: transform 0.35s var(--stack-ease), filter 0.3s ease;
}
.ua-stack-pipe__actions .ua-btn:hover {
  transform: translateY(-3px);
}

/* Tower intro underline draw */
.ua-stack-tower__intro h2 {
  position: relative;
  display: inline-block;
}
.ua-stack-tower__intro h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.35rem;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #c45a50, transparent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.9s var(--stack-ease) 0.15s;
}
.ua-stack-tower__intro.is-in h2::after {
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  .ua-stack--ready .ua-stack-schematic__meta,
  .ua-stack--ready .ua-stack-schematic__kicker,
  .ua-stack--ready .ua-stack-schematic__title-line,
  .ua-stack--ready .ua-stack-schematic__lead,
  .ua-stack--ready .ua-stack-schematic__diagram,
  .ua-stack--ready .ua-stack-schematic__floor,
  .ua-stack-storey,
  [data-ua-stack-reveal],
  [data-ua-stack-stagger] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .ua-stack-flow__phase--active,
  .ua-stack-flow__badge {
    animation: none !important;
  }
  .ua-stack-hud { display: none !important; }
  .ua-stack-schematic__scan { display: none !important; }
}

/* ============================================================
   WHY UKRAINE — Motion life (threshold dossier)
   ============================================================ */

.ua-why--ready {
  --why-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --why-mast-p: 0;
}

/* Chapter rail (right edge) */
.ua-why-rail {
  position: fixed;
  z-index: 44;
  right: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: min(42vh, 16rem);
  background: var(--ua-line);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.ua-why-rail.is-visible { opacity: 1; }
.ua-why-rail__fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #c45a50, #c4a35a);
  transform-origin: top center;
  transform: scaleY(0);
  will-change: transform;
}
.ua-why-rail__tick {
  position: absolute;
  left: 50%;
  width: 9px;
  height: 9px;
  margin-left: -4.5px;
  border-radius: 50%;
  background: var(--ua-paper);
  border: 1.5px solid var(--ua-line);
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.ua-why-rail__tick:nth-child(2) { top: 0%; }
.ua-why-rail__tick:nth-child(3) { top: 18%; }
.ua-why-rail__tick:nth-child(4) { top: 36%; }
.ua-why-rail__tick:nth-child(5) { top: 54%; }
.ua-why-rail__tick:nth-child(6) { top: 72%; }
.ua-why-rail__tick:nth-child(7) { top: 90%; }
.ua-why-rail__tick.is-active {
  background: #c45a50;
  border-color: #c45a50;
  transform: scale(1.35);
  box-shadow: 0 0 0 4px rgba(196, 90, 80, 0.2);
}
@media (max-width: 900px) {
  .ua-why-rail { display: none; }
}

/* Mast boot + parallax shell */
.ua-why--ready .ua-why-mast__index,
.ua-why--ready .ua-why-mast__t1,
.ua-why--ready .ua-why-mast__t2,
.ua-why--ready .ua-why-mast__deck {
  opacity: 0;
  transform: translate3d(0, 1.75rem, 0);
  transition: opacity 1s var(--why-ease), transform 1s var(--why-ease);
}
.ua-why--ready.is-booted .ua-why-mast__index { opacity: 1; transform: none; transition-delay: 0.08s; }
.ua-why--ready.is-booted .ua-why-mast__t1 { opacity: 1; transform: none; transition-delay: 0.18s; }
.ua-why--ready.is-booted .ua-why-mast__t2 { opacity: 1; transform: none; transition-delay: 0.3s; }
.ua-why--ready.is-booted .ua-why-mast__deck { opacity: 1; transform: none; transition-delay: 0.42s; }

.ua-why-mast__field {
  overflow: hidden;
}
.ua-why-mast__field-inner {
  width: 100%;
  height: 120%;
  margin-top: -5%;
  will-change: transform;
}
.ua-why-mast__field-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: grayscale(0.25) contrast(1.08) brightness(0.72);
  transition: filter 1.2s ease;
}
.ua-why--ready.is-booted .ua-why-mast__field-inner img {
  filter: grayscale(0.12) contrast(1.06) brightness(0.75);
}

.ua-why-mast__grain {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.12;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}

.ua-why-mast__inner {
  transform: translate3d(0, calc(var(--why-mast-p) * -2.5rem), 0);
  opacity: calc(1 - var(--why-mast-p) * 0.55);
  will-change: transform, opacity;
}

.ua-why-mast__t2 {
  background: linear-gradient(105deg, #c45a50 0%, #f4ede0 45%, #c45a50 90%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: ua-why-shimmer 5.5s ease-in-out infinite;
}
@keyframes ua-why-shimmer {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.ua-why-mast__cue {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 1.5rem;
  width: 1px;
  height: 3rem;
  margin-left: -0.5px;
  background: linear-gradient(180deg, rgba(244,237,224,0.7), transparent);
  pointer-events: none;
  transition: opacity 0.2s linear;
}
.ua-why-mast__cue span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 7px;
  height: 7px;
  margin-left: -3.5px;
  border-radius: 50%;
  background: #f4ede0;
  animation: ua-why-cue 1.8s ease-in-out infinite;
}
@keyframes ua-why-cue {
  0% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(2.2rem); opacity: 0; }
}

/* Arg meter */
.ua-why-arg__meter {
  margin-top: 1.75rem;
  width: 2px;
  height: 5rem;
  background: var(--ua-line);
  overflow: hidden;
  border-radius: 2px;
}
.ua-why-arg__meter span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--ua-crimson);
  transform-origin: top center;
  transform: scaleY(0);
  will-change: transform;
}
.ua-why-arg__pull {
  position: relative;
}
.ua-why-arg__pull::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 1px;
  background: var(--ua-crimson);
  transition: width 0.9s var(--why-ease) 0.15s;
}
.ua-why-arg.is-in .ua-why-arg__pull::before {
  width: 4rem;
}

/* Section / stagger reveals */
[data-ua-why-reveal] {
  opacity: 0;
  transform: translate3d(0, 2.25rem, 0);
  transition: opacity 0.9s var(--why-ease), transform 0.9s var(--why-ease);
}
[data-ua-why-reveal].is-in {
  opacity: 1;
  transform: none;
}

[data-ua-why-stagger] {
  opacity: 0;
  transform: translate3d(0, 1.15rem, 0);
  transition: opacity 0.7s var(--why-ease), transform 0.7s var(--why-ease),
    background 0.35s ease, border-color 0.35s ease;
  transition-delay: calc(var(--wi, 0) * 0.08s);
}
[data-ua-why-reveal].is-in [data-ua-why-stagger].is-in,
[data-ua-why-stagger].is-in {
  opacity: 1;
  transform: none;
}

/* Cards — richer enter + hover */
.ua-why-card {
  transition: opacity 0.75s var(--why-ease), transform 0.75s var(--why-ease),
    box-shadow 0.4s ease, border-color 0.35s ease !important;
  will-change: transform;
}
.ua-why-card.is-in:hover {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
  z-index: 2;
}
.ua-why-card__code {
  transition: letter-spacing 0.35s ease, color 0.3s ease;
}
.ua-why-card.is-in:hover .ua-why-card__code {
  letter-spacing: 0.22em;
  color: #c4a35a;
}
.ua-why-card--accent.is-in {
  animation: ua-why-accent-glow 3.2s ease-in-out infinite;
}
@keyframes ua-why-accent-glow {
  0%, 100% { box-shadow: inset 0 0 0 1px rgba(196, 90, 80, 0.35); }
  50% { box-shadow: inset 0 0 0 1px rgba(196, 90, 80, 0.65), 0 0 32px rgba(196, 90, 80, 0.12); }
}

/* Rerate — now pulse */
.ua-why-rerate__now.is-in {
  animation: ua-why-now 2.6s ease-in-out infinite;
}
@keyframes ua-why-now {
  0%, 100% { box-shadow: inset 0 0 0 0 transparent; }
  50% { box-shadow: inset 0 0 0 1px rgba(196, 163, 90, 0.55); }
}
.ua-why-rerate__list li {
  transition: transform 0.4s var(--why-ease), background 0.35s ease;
}
.ua-why-rerate__list li.is-in:hover:not(.ua-why-rerate__now) {
  transform: translateY(-3px);
  background: color-mix(in srgb, var(--ua-crimson) 5%, var(--ua-paper));
}

/* Figures — media parallax shell + number pop */
.ua-why-fig__media {
  overflow: hidden;
}
.ua-why-fig__media-inner {
  width: 100%;
  height: 100%;
  min-height: 16rem;
  will-change: transform;
}
.ua-why-fig__media-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 16rem;
  filter: contrast(1.04) saturate(0.92);
  transition: filter 0.7s ease;
}
.ua-why-fig.is-in .ua-why-fig__media-inner img {
  filter: contrast(1.06) saturate(0.98);
}
.ua-why-fig__n {
  transition: transform 0.7s var(--why-ease), color 0.4s ease;
}
.ua-why-fig__n.is-pop {
  animation: ua-why-count-pop 0.85s var(--why-ease) both;
}
@keyframes ua-why-count-pop {
  0% { transform: scale(0.86); opacity: 0.4; filter: blur(2px); }
  60% { transform: scale(1.04); opacity: 1; filter: blur(0); }
  100% { transform: scale(1); }
}
.ua-why-fig__copy {
  transition: transform 0.5s var(--why-ease);
}
.ua-why-fig.is-in:hover .ua-why-fig__copy {
  transform: translateX(0.35rem);
}

/* Claim */
.ua-why-claim__plate {
  overflow: hidden;
}
.ua-why-claim__plate-inner {
  width: 100%;
  height: 100%;
  min-height: 14rem;
  will-change: transform;
}
.ua-why-claim__plate-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 14rem;
}
.ua-why-claim__actions .ua-btn {
  transition: transform 0.35s var(--why-ease), filter 0.3s ease;
}
.ua-why-claim__actions .ua-btn:hover {
  transform: translateY(-3px);
}

/* Foot links lift */
.ua-why-foot__list a {
  transition: background 0.25s ease, color 0.25s ease, transform 0.35s var(--why-ease);
}
.ua-why-foot__list li.is-in a:hover {
  transform: translateY(-3px);
}

@media (prefers-reduced-motion: reduce) {
  .ua-why--ready .ua-why-mast__index,
  .ua-why--ready .ua-why-mast__t1,
  .ua-why--ready .ua-why-mast__t2,
  .ua-why--ready .ua-why-mast__deck,
  [data-ua-why-reveal],
  [data-ua-why-stagger],
  .ua-why-card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
  .ua-why-mast__t2 {
    animation: none !important;
    color: #c45a50 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
  }
  .ua-why-mast__cue,
  .ua-why-rail,
  .ua-why-card--accent.is-in,
  .ua-why-rerate__now.is-in {
    animation: none !important;
  }
  .ua-why-rail { display: none !important; }
  .ua-why-mast__cue { display: none !important; }
}

/* ============================================================
   APPROACH — Protocol Orbit (UNIQUE + motion)
   Namespace: .ua-orbit / .ua-orbit-*
   ============================================================ */

.ua-orbit {
  --orbit-ease: cubic-bezier(0.22, 1, 0.36, 1);
  color: var(--ua-ink);
  background: var(--ua-paper);
  overflow: clip;
}

/* Progress ring */
.ua-orbit-ring {
  position: fixed;
  z-index: 46;
  right: 1rem;
  bottom: 1.25rem;
  width: 3.4rem;
  height: 3.4rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  color: var(--ua-crimson);
}
.ua-orbit-ring.is-visible { opacity: 1; }
.ua-orbit-ring svg { width: 100%; height: 100%; display: block; }
.ua-orbit-ring__track { stroke: var(--ua-line); }
.ua-orbit-ring__prog {
  stroke: #c45a50;
  transition: stroke-dashoffset 0.15s linear;
}
.ua-orbit-ring__label {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--ua-ink);
  font-variant-numeric: tabular-nums;
}
@media (max-width: 700px) { .ua-orbit-ring { display: none; } }

/* —— Open: full-bleed dump video + protocol field (not empty parchment) —— */
.ua-orbit-open {
  position: relative;
  min-height: calc(100dvh - var(--fw-header-h, 76px));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(2.5rem, 7vw, 5rem) clamp(1.35rem, 5vw, 4rem) clamp(2rem, 5vw, 3rem);
  background: #120e0c;
  color: #f4ede0;
  border-bottom: 1px solid rgba(244, 237, 224, 0.08);
  overflow: hidden;
  isolation: isolate;
}

.ua-orbit-open__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* Multi-plate living stills (not homepage video re-encode) */
.ua-orbit-open__plates {
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform-origin: center center;
  will-change: transform;
}

.ua-orbit-open__plate-media {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transition: opacity 1.4s var(--orbit-ease, cubic-bezier(0.22, 1, 0.36, 1));
  z-index: 0;
}

.ua-orbit-open__plate-media.is-active {
  opacity: 1;
  z-index: 1;
}

.ua-orbit-open__plate-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  display: block;
  filter: saturate(0.9) contrast(1.06) brightness(0.7);
  transform: scale(1.08);
  will-change: transform;
  animation: ua-orbit-kb 18s ease-in-out infinite alternate;
}

.ua-orbit-open__plate-media:nth-child(2) img {
  animation-duration: 22s;
  animation-direction: alternate-reverse;
  object-position: center 55%;
}

.ua-orbit-open__plate-media:nth-child(3) img {
  animation-duration: 20s;
  object-position: center 35%;
}

.ua-orbit-open__plate-media:nth-child(4) img {
  animation-duration: 24s;
  animation-direction: alternate-reverse;
}

@keyframes ua-orbit-kb {
  0% { transform: scale(1.08) translate3d(0, 0, 0); }
  100% { transform: scale(1.16) translate3d(-1.5%, -1%, 0); }
}

.ua-orbit-open__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0.55;
}

.ua-orbit-open__veil {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(105deg, rgba(12, 10, 8, 0.9) 0%, rgba(12, 10, 8, 0.62) 42%, rgba(12, 10, 8, 0.28) 68%, rgba(12, 10, 8, 0.5) 100%),
    linear-gradient(180deg, rgba(12, 10, 8, 0.25) 0%, transparent 38%, rgba(12, 10, 8, 0.72) 100%);
}

.ua-orbit-open__grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.22;
  background-image:
    linear-gradient(to right, rgba(244, 237, 224, 0.09) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(244, 237, 224, 0.09) 1px, transparent 1px);
  background-size: 4.25rem 4.25rem;
  mask-image: linear-gradient(105deg, #000 0%, #000 40%, transparent 78%);
}

.ua-orbit-open__stamp {
  position: absolute;
  z-index: 2;
  right: clamp(0.5rem, 4vw, 3rem);
  top: 14%;
  width: min(16rem, 38vw);
  color: #f4ede0;
  opacity: 0.28;
  pointer-events: none;
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.35));
}
.ua-orbit-open__dial {
  width: 100%;
  height: auto;
  animation: ua-orbit-spin 48s linear infinite;
}
.ua-orbit-open__needle { color: #c45a50; stroke: #c45a50; fill: #c45a50; }
@keyframes ua-orbit-spin { to { transform: rotate(360deg); } }

.ua-orbit-open__copy {
  position: relative;
  z-index: 3;
  max-width: min(42rem, 100%);
}

.ua-orbit--ready .ua-orbit-open [data-ua-orbit-line] {
  opacity: 0;
  transform: translate3d(0, 1.6rem, 0);
  transition: opacity 0.95s var(--orbit-ease), transform 0.95s var(--orbit-ease);
}
.ua-orbit--ready.is-booted .ua-orbit-open [data-ua-orbit-line]:nth-child(1) { opacity: 1; transform: none; transition-delay: 0.06s; }
.ua-orbit--ready.is-booted .ua-orbit-open [data-ua-orbit-line]:nth-child(2) { opacity: 1; transform: none; transition-delay: 0.14s; }
.ua-orbit--ready.is-booted .ua-orbit-open__title [data-ua-orbit-line]:first-child { opacity: 1; transform: none; transition-delay: 0.22s; }
.ua-orbit--ready.is-booted .ua-orbit-open__title [data-ua-orbit-line]:last-child { opacity: 1; transform: none; transition-delay: 0.34s; }
.ua-orbit--ready.is-booted .ua-orbit-open__lead { opacity: 1; transform: none; transition-delay: 0.46s; }

.ua-orbit-open__code {
  margin: 0 0 0.85rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-orbit-open__kicker {
  margin: 0 0 0.75rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(244, 237, 224, 0.62);
}
.ua-orbit-open__title {
  margin: 0 0 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.75rem, 9vw, 5.75rem);
  line-height: 0.94;
  letter-spacing: -0.04em;
  color: #f4ede0;
  text-shadow: 0 2px 28px rgba(0, 0, 0, 0.35);
}
.ua-orbit-open__title-acc { color: #c45a50; }
.ua-orbit-open__lead {
  margin: 0;
  max-width: 34rem;
  font-size: 1.1rem;
  line-height: 1.65;
  color: rgba(244, 237, 224, 0.78);
}

.ua-orbit-open__plate {
  position: absolute;
  z-index: 3;
  right: clamp(1rem, 3vw, 2rem);
  bottom: clamp(1.25rem, 3vw, 2.25rem);
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.2rem;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(244, 237, 224, 0.45);
}

.ua-orbit-open__scroll {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 1.5rem;
  width: 1px;
  height: 3rem;
  background: linear-gradient(180deg, rgba(196, 90, 80, 0.9), transparent);
}
.ua-orbit-open__scroll span {
  position: absolute;
  top: 0;
  left: -3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #c45a50;
  animation: ua-orbit-cue 1.8s ease-in-out infinite;
}
@keyframes ua-orbit-cue {
  0% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(2.2rem); opacity: 0; }
}

@media (max-width: 700px) {
  .ua-orbit-open__stamp {
    width: 7.5rem;
    top: 8%;
    opacity: 0.2;
  }
  .ua-orbit-open__plate { display: none; }
}

/* —— Zone + envelope —— */
.ua-orbit-zone {
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid var(--ua-line);
  background: var(--ua-paper);
}
@media (min-width: 960px) {
  .ua-orbit-zone {
    grid-template-columns: 1.05fr 0.95fr;
    min-height: min(88vh, 40rem);
  }
}
.ua-orbit-zone__copy {
  padding: clamp(2.5rem, 6vw, 4rem) clamp(1.35rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ua-orbit-zone__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-orbit-zone__copy h2 {
  margin: 0 0 0.85rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.6vw, 2.75rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-orbit-zone__sub {
  margin: 0 0 1.15rem;
  font-family: var(--fw-font-display);
  font-size: 1.25rem;
  line-height: 1.35;
  color: var(--ua-ink);
}
.ua-orbit-zone__body {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--ua-soft);
  max-width: 36rem;
}
.ua-orbit-zone__viz {
  background: #14110e;
  color: #f4ede0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(2rem, 5vw, 3.5rem);
  border-left: 1px solid rgba(244, 237, 224, 0.08);
  min-height: 22rem;
}
.ua-orbit-env { width: min(100%, 22rem); text-align: center; }
.ua-orbit-env__buildings {
  position: relative;
  height: 16rem;
  margin: 1rem 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1.5rem;
}
.ua-orbit-env__before,
.ua-orbit-env__after {
  display: flex;
  flex-direction: column-reverse;
  gap: 3px;
  width: 4.5rem;
}
.ua-orbit-env__before span,
.ua-orbit-env__after span {
  display: block;
  height: 0.85rem;
  background: rgba(244, 237, 224, 0.2);
  border: 1px solid rgba(244, 237, 224, 0.25);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.55s var(--orbit-ease), background 0.35s ease, border-color 0.35s ease;
}
.ua-orbit-env.is-grown .ua-orbit-env__before span {
  transform: scaleY(1);
  transition-delay: calc(var(--i, 0) * 0.05s);
}
.ua-orbit-env__before span:nth-child(1) { --i: 0; }
.ua-orbit-env__before span:nth-child(2) { --i: 1; }
.ua-orbit-env__before span:nth-child(3) { --i: 2; }
.ua-orbit-env__before span:nth-child(4) { --i: 3; }

.ua-orbit-env.is-grown .ua-orbit-env__after span {
  transform: scaleY(1);
  background: color-mix(in srgb, #c45a50 55%, rgba(244,237,224,0.15));
  border-color: rgba(196, 90, 80, 0.55);
  transition-delay: calc(0.25s + var(--j, 0) * 0.035s);
}
.ua-orbit-env__after span:nth-child(1) { --j: 0; }
.ua-orbit-env__after span:nth-child(2) { --j: 1; }
.ua-orbit-env__after span:nth-child(3) { --j: 2; }
.ua-orbit-env__after span:nth-child(4) { --j: 3; }
.ua-orbit-env__after span:nth-child(5) { --j: 4; }
.ua-orbit-env__after span:nth-child(6) { --j: 5; }
.ua-orbit-env__after span:nth-child(7) { --j: 6; }
.ua-orbit-env__after span:nth-child(8) { --j: 7; }
.ua-orbit-env__after span:nth-child(9) { --j: 8; }
.ua-orbit-env__after span:nth-child(10) { --j: 9; }
.ua-orbit-env__after span:nth-child(11) { --j: 10; }
.ua-orbit-env__after span:nth-child(12) { --j: 11; }
.ua-orbit-env__after span:nth-child(13) { --j: 12; }
.ua-orbit-env__after span:nth-child(14) { --j: 13; }
.ua-orbit-env__after span:nth-child(15) { --j: 14; }
.ua-orbit-env__after span:nth-child(16) { --j: 15; }
.ua-orbit-env__after span:nth-child(17) { --j: 16; }
.ua-orbit-env__after span:nth-child(18) { --j: 17; }
.ua-orbit-env__after span:nth-child(19) { --j: 18; }
.ua-orbit-env__after span:nth-child(20) { --j: 19; }

.ua-orbit-env__label span {
  font-family: var(--fw-font-display);
  font-size: 2.75rem;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #c45a50;
  font-variant-numeric: tabular-nums;
}
.ua-orbit-env__label small {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(244, 237, 224, 0.55);
}
.ua-orbit-env__cap {
  margin: 1rem 0 0;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(244, 237, 224, 0.4);
}

/* —— Constellation —— */
.ua-orbit-const {
  padding: clamp(3rem, 8vw, 5.5rem) clamp(1.25rem, 4vw, 3rem);
  background: #120e0c;
  color: #f4ede0;
}
.ua-orbit-const__head { max-width: 38rem; margin-bottom: 2rem; }
.ua-orbit-const__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-orbit-const__head h2 {
  margin: 0 0 0.75rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.8vw, 2.85rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-orbit-const__lead {
  margin: 0;
  color: rgba(244, 237, 224, 0.72);
  line-height: 1.65;
}

.ua-orbit-const__stage {
  position: relative;
  min-height: min(72vh, 34rem);
  max-width: 52rem;
  margin: 0 auto;
}
.ua-orbit-const__core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7.5rem;
  height: 7.5rem;
  margin: -3.75rem 0 0 -3.75rem;
  border-radius: 50%;
  border: 1px solid rgba(196, 90, 80, 0.55);
  background: radial-gradient(circle at 40% 35%, #2a1814, #120e0c 70%);
  display: grid;
  place-items: center;
  text-align: center;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #c4a35a;
  box-shadow: 0 0 40px rgba(196, 90, 80, 0.2);
  z-index: 2;
}
.ua-orbit-const__core::after {
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: 50%;
  border: 1px dashed rgba(244, 237, 224, 0.15);
  animation: ua-orbit-spin 28s linear infinite;
}

.ua-orbit-const__nodes {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  inset: 0;
}
.ua-orbit-const__nodes li {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(10.5rem, 42vw);
  padding: 0.75rem 0.85rem;
  border: 1px solid rgba(244, 237, 224, 0.14);
  background: rgba(26, 20, 16, 0.88);
  backdrop-filter: blur(6px);
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.85);
  transition: opacity 0.7s var(--orbit-ease), transform 0.7s var(--orbit-ease),
    border-color 0.35s ease, box-shadow 0.35s ease;
  transition-delay: calc(var(--n, 0) * 0.07s);
}
.ua-orbit-const.is-in .ua-orbit-const__nodes li {
  opacity: 1;
}
/* 8 positions around circle */
.ua-orbit-const.is-in .ua-orbit-const__nodes li:nth-child(1) { transform: translate(-50%, -50%) translate(0, -11.5rem); }
.ua-orbit-const.is-in .ua-orbit-const__nodes li:nth-child(2) { transform: translate(-50%, -50%) translate(8.2rem, -8.2rem); }
.ua-orbit-const.is-in .ua-orbit-const__nodes li:nth-child(3) { transform: translate(-50%, -50%) translate(11.5rem, 0); }
.ua-orbit-const.is-in .ua-orbit-const__nodes li:nth-child(4) { transform: translate(-50%, -50%) translate(8.2rem, 8.2rem); }
.ua-orbit-const.is-in .ua-orbit-const__nodes li:nth-child(5) { transform: translate(-50%, -50%) translate(0, 11.5rem); }
.ua-orbit-const.is-in .ua-orbit-const__nodes li:nth-child(6) { transform: translate(-50%, -50%) translate(-8.2rem, 8.2rem); }
.ua-orbit-const.is-in .ua-orbit-const__nodes li:nth-child(7) { transform: translate(-50%, -50%) translate(-11.5rem, 0); }
.ua-orbit-const.is-in .ua-orbit-const__nodes li:nth-child(8) { transform: translate(-50%, -50%) translate(-8.2rem, -8.2rem); }

.ua-orbit-const__nodes li span {
  display: block;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #c45a50;
  margin-bottom: 0.25rem;
}
.ua-orbit-const__nodes li b {
  font-weight: 600;
  font-size: 0.82rem;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.ua-orbit-const__nodes li:hover {
  border-color: rgba(196, 90, 80, 0.55);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  z-index: 3;
}
.ua-orbit-const__note {
  margin: 2rem auto 0;
  max-width: 36rem;
  text-align: center;
  font-size: 0.95rem;
  line-height: 1.6;
  color: rgba(244, 237, 224, 0.65);
}
@media (max-width: 700px) {
  .ua-orbit-const__stage { min-height: auto; position: relative; }
  .ua-orbit-const__core { position: relative; left: auto; top: auto; margin: 0 auto 1.5rem; }
  .ua-orbit-const__nodes {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
  }
  .ua-orbit-const__nodes li,
  .ua-orbit-const.is-in .ua-orbit-const__nodes li {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    transform: none !important;
  }
}

/* —— BRRRR sticky cycle —— */
.ua-orbit-cycle {
  position: relative;
  height: 380vh;
  background: #0c0a08;
  color: #f4ede0;
}
.ua-orbit-cycle__runway { position: absolute; inset: 0; pointer-events: none; }
.ua-orbit-cycle__pin {
  position: sticky;
  top: var(--fw-header-h, 76px);
  height: calc(100dvh - var(--fw-header-h, 76px));
  overflow: hidden;
}
.ua-orbit-cycle__stage {
  position: relative;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 960px) {
  .ua-orbit-cycle__stage { grid-template-columns: 0.95fr 1.05fr; }
}
.ua-orbit-cycle__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
@media (min-width: 960px) {
  .ua-orbit-cycle__media {
    position: relative;
  }
}
.ua-orbit-cycle__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: grayscale(0.25) contrast(1.05) brightness(0.55);
  transform: scale(1.08);
  will-change: transform;
}
.ua-orbit-cycle__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(12,10,8,0.92) 0%, rgba(12,10,8,0.55) 50%, rgba(12,10,8,0.35) 100%),
    linear-gradient(0deg, rgba(12,10,8,0.5), transparent 40%);
}
.ua-orbit-cycle__wheel {
  position: absolute;
  z-index: 2;
  left: 8%;
  bottom: 10%;
  width: min(14rem, 36vw);
  color: rgba(244, 237, 224, 0.55);
  pointer-events: none;
  filter: drop-shadow(0 12px 30px rgba(0,0,0,0.4));
}
.ua-orbit-cycle__wheel svg { width: 100%; height: auto; display: block; }
.ua-orbit-cycle__wheel circle[fill="currentColor"] { fill: #c45a50; }

.ua-orbit-cycle__copy {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.75rem, 4vw, 3rem);
  max-width: 36rem;
}
.ua-orbit-cycle__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-orbit-cycle__copy h2 {
  margin: 0 0 0.65rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.75rem, 3.4vw, 2.55rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-orbit-cycle__sub {
  margin: 0 0 1.35rem;
  color: rgba(244, 237, 224, 0.7);
  line-height: 1.55;
}
.ua-orbit-cycle__steps {
  list-style: none;
  margin: 0 0 1.25rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.ua-orbit-cycle__steps li {
  display: grid;
  grid-template-columns: 2.4rem 1fr;
  gap: 0.75rem;
  align-items: start;
  padding: 0.65rem 0.75rem;
  border: 1px solid rgba(244, 237, 224, 0.1);
  background: rgba(18, 14, 12, 0.55);
  opacity: 0.45;
  transform: translateX(-0.5rem);
  transition: opacity 0.4s ease, transform 0.45s var(--orbit-ease),
    border-color 0.35s ease, background 0.35s ease;
}
.ua-orbit-cycle__steps li.is-active {
  opacity: 1;
  transform: none;
  border-color: rgba(196, 90, 80, 0.55);
  background: rgba(42, 24, 20, 0.75);
  box-shadow: 0 0 0 1px rgba(196, 90, 80, 0.15);
}
.ua-orbit-cycle__steps li.is-done {
  opacity: 0.72;
  transform: none;
}
.ua-orbit-cycle__steps li span {
  width: 2.1rem;
  height: 2.1rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(196, 90, 80, 0.5);
  font-weight: 700;
  font-size: 0.85rem;
  color: #c45a50;
}
.ua-orbit-cycle__steps li.is-active span {
  background: #c45a50;
  color: #120e0c;
  border-color: #c45a50;
}
.ua-orbit-cycle__steps strong {
  display: block;
  font-size: 0.95rem;
  margin-bottom: 0.15rem;
}
.ua-orbit-cycle__steps em {
  font-style: normal;
  font-size: 0.82rem;
  line-height: 1.45;
  color: rgba(244, 237, 224, 0.65);
}
.ua-orbit-cycle__close {
  margin: 0;
  font-family: var(--fw-font-display);
  font-size: 1.05rem;
  line-height: 1.4;
  color: rgba(244, 237, 224, 0.85);
}

/* —— Doctrine —— */
.ua-orbit-doctrine {
  display: grid;
  grid-template-columns: 1fr;
  background: var(--ua-paper);
  border-bottom: 1px solid var(--ua-line);
}
@media (min-width: 900px) {
  .ua-orbit-doctrine {
    grid-template-columns: 0.95fr 1.05fr;
    min-height: min(70vh, 30rem);
  }
}
.ua-orbit-doctrine__plate {
  margin: 0;
  overflow: hidden;
  min-height: 14rem;
  background: #120e0c;
}
.ua-orbit-doctrine__plate [data-ua-orbit-media] {
  width: 100%;
  height: 100%;
  min-height: 14rem;
  will-change: transform;
}
.ua-orbit-doctrine__plate img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 14rem;
  filter: grayscale(0.15) contrast(1.05);
}
.ua-orbit-doctrine__panel {
  padding: clamp(2.25rem, 5vw, 3.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ua-orbit-doctrine__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-orbit-doctrine__panel h2 {
  margin: 0 0 0.85rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.75rem, 3.2vw, 2.45rem);
  letter-spacing: -0.03em;
  line-height: 1.1;
}
.ua-orbit-doctrine__panel p {
  margin: 0 0 1.5rem;
  max-width: 34rem;
  font-size: 1.05rem;
  line-height: 1.65;
  color: var(--ua-soft);
}
.ua-orbit-doctrine__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.ua-orbit-doctrine__actions .ua-btn {
  transition: transform 0.35s var(--orbit-ease);
}
.ua-orbit-doctrine__actions .ua-btn:hover {
  transform: translateY(-3px);
}

/* Foot */
.ua-orbit-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.5rem;
  justify-content: center;
  padding: 1.75rem 1.25rem 2.5rem;
  border-top: 1px solid var(--ua-line);
  background: var(--ua-paper-alt);
}
.ua-orbit-foot a {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--ua-soft);
  transition: color 0.25s ease, transform 0.3s ease;
}
.ua-orbit-foot a span {
  color: var(--ua-crimson);
  margin-right: 0.35rem;
  font-variant-numeric: tabular-nums;
}
.ua-orbit-foot a:hover {
  color: var(--ua-ink);
  transform: translateY(-2px);
}

/* Reveals */
[data-ua-orbit-reveal] {
  opacity: 0;
  transform: translate3d(0, 2rem, 0);
  transition: opacity 0.9s var(--orbit-ease), transform 0.9s var(--orbit-ease);
}
[data-ua-orbit-reveal].is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .ua-orbit-open__dial,
  .ua-orbit-const__core::after,
  .ua-orbit-open__scroll span { animation: none !important; }
  .ua-orbit--ready .ua-orbit-open [data-ua-orbit-line],
  [data-ua-orbit-reveal],
  .ua-orbit-const__nodes li {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .ua-orbit-const.is-in .ua-orbit-const__nodes li {
    transform: none !important;
  }
  .ua-orbit-cycle { height: auto; }
  .ua-orbit-cycle__pin {
    position: relative;
    top: 0;
    height: auto;
  }
  .ua-orbit-ring { display: none !important; }
  .ua-orbit-env__before span,
  .ua-orbit-env__after span {
    transform: scaleY(1) !important;
  }
  .ua-orbit-open__canvas { display: none; }
  .ua-orbit-open__plate-media img { animation: none !important; }
  .ua-orbit-open__plate-media { opacity: 0 !important; transition: none !important; }
  .ua-orbit-open__plate-media.is-active { opacity: 1 !important; }
  .ua-orbit-open__media {
    background: url('/assets/media/ukraine/pool-Ukraine-Reconstruction-2026-Aerial-View.jpg') center / cover no-repeat;
  }
}

/* ============================================================
   THE OPERATOR — Command Dossier (UNIQUE + motion)
   Namespace: .ua-helm / .ua-helm-*
   ============================================================ */

.ua-helm {
  --helm-ease: cubic-bezier(0.22, 1, 0.36, 1);
  color: var(--ua-ink);
  background: var(--ua-paper);
  overflow: clip;
}

/* Rail */
.ua-helm-rail {
  position: fixed;
  z-index: 44;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: min(40vh, 14rem);
  background: var(--ua-line);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.ua-helm-rail.is-visible { opacity: 1; }
.ua-helm-rail__fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #8c2020, #c4a35a);
  transform-origin: top center;
  transform: scaleY(0);
}
.ua-helm-rail__tick {
  position: absolute;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  border-radius: 50%;
  background: var(--ua-paper);
  border: 1.5px solid var(--ua-line);
  transition: background 0.3s, border-color 0.3s, transform 0.3s;
}
.ua-helm-rail__tick:nth-child(2) { top: 0%; }
.ua-helm-rail__tick:nth-child(3) { top: 22%; }
.ua-helm-rail__tick:nth-child(4) { top: 44%; }
.ua-helm-rail__tick:nth-child(5) { top: 66%; }
.ua-helm-rail__tick:nth-child(6) { top: 88%; }
.ua-helm-rail__tick.is-active {
  background: #c45a50;
  border-color: #c45a50;
  transform: scale(1.35);
}
@media (max-width: 900px) { .ua-helm-rail { display: none; } }

/* Open */
.ua-helm-open {
  position: relative;
  min-height: calc(100dvh - var(--fw-header-h, 76px));
  display: flex;
  align-items: flex-end;
  padding: clamp(2.5rem, 7vw, 5rem) clamp(1.35rem, 5vw, 4rem);
  background: #100e0c;
  color: #f4ede0;
  overflow: hidden;
}
.ua-helm-open__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.ua-helm-open__photo {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ua-helm-open__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 22%;
  display: block;
  filter: grayscale(0.2) contrast(1.08) brightness(0.78);
  transform: scale(1.08);
  will-change: transform;
  animation: ua-helm-kb 22s ease-in-out infinite alternate;
}
@keyframes ua-helm-kb {
  0% { transform: scale(1.08) translate3d(0, 0, 0); }
  100% { transform: scale(1.14) translate3d(-1.2%, 1%, 0); }
}
.ua-helm-open__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(100deg, rgba(12,10,8,0.92) 0%, rgba(12,10,8,0.55) 48%, rgba(12,10,8,0.25) 100%),
    linear-gradient(0deg, rgba(12,10,8,0.75) 0%, transparent 45%);
}
.ua-helm-open__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0.4;
}
.ua-helm-open__copy {
  position: relative;
  z-index: 2;
  max-width: min(36rem, 100%);
}
.ua-helm--ready .ua-helm-open [data-ua-helm-line] {
  opacity: 0;
  transform: translate3d(0, 1.4rem, 0);
  transition: opacity 0.9s var(--helm-ease), transform 0.9s var(--helm-ease);
}
.ua-helm--ready.is-booted .ua-helm-open [data-ua-helm-line]:nth-child(1) { opacity: 1; transform: none; transition-delay: 0.06s; }
.ua-helm--ready.is-booted .ua-helm-open [data-ua-helm-line]:nth-child(2) { opacity: 1; transform: none; transition-delay: 0.14s; }
.ua-helm--ready.is-booted .ua-helm-open [data-ua-helm-line]:nth-child(3) { opacity: 1; transform: none; transition-delay: 0.24s; }
.ua-helm--ready.is-booted .ua-helm-open [data-ua-helm-line]:nth-child(4) { opacity: 1; transform: none; transition-delay: 0.34s; }
.ua-helm--ready.is-booted .ua-helm-open [data-ua-helm-line]:nth-child(5) { opacity: 1; transform: none; transition-delay: 0.46s; }

.ua-helm-open__code {
  margin: 0 0 0.65rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-helm-open__kicker {
  margin: 0 0 0.5rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.55);
}
.ua-helm-open__name {
  margin: 0 0 0.45rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.6rem, 7.5vw, 4.75rem);
  letter-spacing: -0.035em;
  line-height: 0.98;
  color: #f4ede0;
  text-shadow: 0 2px 28px rgba(0,0,0,0.4);
}
.ua-helm-open__role {
  margin: 0 0 1.1rem;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #c45a50;
}
.ua-helm-open__lead {
  margin: 0;
  max-width: 32rem;
  font-size: 1.05rem;
  line-height: 1.65;
  color: rgba(244,237,224,0.78);
}
.ua-helm-open__plate {
  position: absolute;
  z-index: 2;
  right: clamp(1rem, 3vw, 2rem);
  bottom: clamp(1.25rem, 3vw, 2rem);
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.2rem;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.4);
}

/* Thesis */
.ua-helm-thesis {
  padding: clamp(3rem, 8vw, 5rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper);
  border-bottom: 1px solid var(--ua-line);
}
.ua-helm-thesis__inner { max-width: 48rem; margin: 0 auto; }
.ua-helm-thesis__mark {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-helm-thesis h2 {
  margin: 0 0 1.5rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.8vw, 2.85rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-helm-thesis__pair {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 700px) {
  .ua-helm-thesis__pair { grid-template-columns: 1fr 1fr; }
}
.ua-helm-thesis__pair blockquote {
  margin: 0;
  padding: 1.15rem 1.25rem;
  border-left: 3px solid var(--ua-crimson);
  background: var(--ua-paper-alt);
  font-family: var(--fw-font-display);
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  line-height: 1.35;
  letter-spacing: -0.015em;
}
.ua-helm-thesis__body {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--ua-soft);
}

/* Proof cases */
.ua-helm-proof {
  background: #120e0c;
  color: #f4ede0;
  padding: clamp(3rem, 7vw, 5rem) 0 0;
}
.ua-helm-proof__head {
  padding: 0 clamp(1.25rem, 4vw, 3rem) 2rem;
  max-width: 40rem;
}
.ua-helm-proof__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-helm-proof__head h2 {
  margin: 0 0 0.75rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.6vw, 2.75rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-helm-proof__lead {
  margin: 0;
  color: rgba(244,237,224,0.7);
  line-height: 1.6;
}
.ua-helm-proof__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(244,237,224,0.1);
}
.ua-helm-case {
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid rgba(244,237,224,0.1);
  min-height: min(58vh, 26rem);
  opacity: 0;
  transform: translate3d(0, 2rem, 0);
  transition: opacity 0.85s var(--helm-ease), transform 0.85s var(--helm-ease);
  transition-delay: calc(var(--c, 0) * 0.06s);
}
.ua-helm-case.is-in {
  opacity: 1;
  transform: none;
}
@media (min-width: 900px) {
  .ua-helm-case {
    grid-template-columns: 6.5rem minmax(0, 1fr) minmax(0, 0.95fr);
  }
  .ua-helm-case--flip .ua-helm-case__body { order: 3; }
  .ua-helm-case--flip .ua-helm-case__media { order: 2; }
}
.ua-helm-case__meta {
  padding: 1.35rem 1.25rem 0;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: baseline;
}
@media (min-width: 900px) {
  .ua-helm-case__meta {
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid rgba(244,237,224,0.1);
    padding: 1.5rem;
  }
}
.ua-helm-case__n {
  font-family: var(--fw-font-display);
  font-size: 2.25rem;
  line-height: 1;
  color: #c45a50;
  font-variant-numeric: tabular-nums;
}
.ua-helm-case__city {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.45);
}
.ua-helm-case__body {
  padding: 1rem 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.65rem;
}
.ua-helm-case__body h3 {
  margin: 0;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.ua-helm-case__body p {
  margin: 0;
  max-width: 34rem;
  font-size: 0.98rem;
  line-height: 1.65;
  color: rgba(244,237,224,0.72);
}
.ua-helm-case__media {
  margin: 0;
  min-height: 14rem;
  overflow: hidden;
  border-top: 1px solid rgba(244,237,224,0.08);
}
@media (min-width: 900px) {
  .ua-helm-case__media {
    border-top: none;
    border-left: 1px solid rgba(244,237,224,0.1);
    min-height: 100%;
  }
}
.ua-helm-case__media [data-ua-helm-media] {
  width: 100%;
  height: 100%;
  min-height: 14rem;
  will-change: transform;
}
.ua-helm-case__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 14rem;
  filter: grayscale(0.15) contrast(1.05);
}

/* Mandates */
.ua-helm-mandates {
  padding: clamp(3rem, 7vw, 4.5rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper-alt);
  border-bottom: 1px solid var(--ua-line);
}
.ua-helm-mandates__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-helm-mandates h2 {
  margin: 0 0 1.75rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.65rem, 3.2vw, 2.35rem);
  letter-spacing: -0.025em;
}
.ua-helm-mandates__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: var(--ua-line);
  border: 1px solid var(--ua-line);
}
@media (min-width: 800px) {
  .ua-helm-mandates__grid { grid-template-columns: repeat(3, 1fr); }
}
.ua-helm-mandates__grid li {
  background: var(--ua-paper);
  padding: 1.5rem 1.25rem;
  min-height: 10rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  opacity: 0;
  transform: translate3d(0, 1rem, 0);
  transition: opacity 0.7s var(--helm-ease), transform 0.7s var(--helm-ease), background 0.3s ease;
  transition-delay: calc(var(--s, 0) * 0.1s);
}
.ua-helm-mandates__grid li.is-in {
  opacity: 1;
  transform: none;
}
.ua-helm-mandates__grid li:hover {
  background: color-mix(in srgb, var(--ua-crimson) 5%, var(--ua-paper));
}
.ua-helm-mandates__code {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--ua-crimson);
  font-variant-numeric: tabular-nums;
}
.ua-helm-mandates__grid strong {
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: 1.45rem;
  letter-spacing: -0.02em;
}
.ua-helm-mandates__grid p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--ua-soft);
}

/* Close */
.ua-helm-close {
  padding: clamp(3rem, 8vw, 5rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper);
  text-align: center;
}
.ua-helm-close__line {
  margin: 0 auto 1.75rem;
  max-width: 28rem;
  font-family: var(--fw-font-display);
  font-size: clamp(1.45rem, 3vw, 2rem);
  line-height: 1.25;
  letter-spacing: -0.02em;
}
.ua-helm-close__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 2.25rem;
}
.ua-helm-close__actions .ua-btn {
  transition: transform 0.35s var(--helm-ease);
}
.ua-helm-close__actions .ua-btn:hover {
  transform: translateY(-3px);
}
.ua-helm-close__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--ua-line);
}
.ua-helm-close__nav a {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--ua-soft);
  transition: color 0.25s ease, transform 0.3s ease;
}
.ua-helm-close__nav a span {
  color: var(--ua-crimson);
  margin-right: 0.35rem;
}
.ua-helm-close__nav a:hover {
  color: var(--ua-ink);
  transform: translateY(-2px);
}

[data-ua-helm-reveal] {
  opacity: 0;
  transform: translate3d(0, 2rem, 0);
  transition: opacity 0.9s var(--helm-ease), transform 0.9s var(--helm-ease);
}
[data-ua-helm-reveal].is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .ua-helm-open__photo img { animation: none !important; }
  .ua-helm-open__canvas { display: none; }
  .ua-helm--ready .ua-helm-open [data-ua-helm-line],
  [data-ua-helm-reveal],
  .ua-helm-case,
  .ua-helm-mandates__grid li {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .ua-helm-rail { display: none !important; }
}

/* ============================================================
   TRACK RECORD — Deal Folio (UNIQUE + motion)
   Namespace: .ua-folio / .ua-folio-*
   ============================================================ */

.ua-folio {
  --folio-ease: cubic-bezier(0.22, 1, 0.36, 1);
  color: var(--ua-ink);
  background: var(--ua-paper);
  overflow: clip;
}

.ua-folio-rail {
  position: fixed;
  z-index: 44;
  right: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: min(38vh, 13rem);
  background: var(--ua-line);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.ua-folio-rail.is-visible { opacity: 1; }
.ua-folio-rail__fill {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #8c2020, #c4a35a);
  transform-origin: top center;
  transform: scaleY(0);
}
.ua-folio-rail__tick {
  position: absolute;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  border-radius: 50%;
  background: var(--ua-paper);
  border: 1.5px solid var(--ua-line);
  transition: background 0.3s, border-color 0.3s, transform 0.3s;
}
.ua-folio-rail__tick:nth-child(2) { top: 0%; }
.ua-folio-rail__tick:nth-child(3) { top: 30%; }
.ua-folio-rail__tick:nth-child(4) { top: 60%; }
.ua-folio-rail__tick:nth-child(5) { top: 90%; }
.ua-folio-rail__tick.is-active {
  background: #c45a50;
  border-color: #c45a50;
  transform: scale(1.35);
}
@media (max-width: 900px) { .ua-folio-rail { display: none; } }

/* Open */
.ua-folio-open {
  position: relative;
  min-height: calc(100dvh - var(--fw-header-h, 76px));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(2.5rem, 7vw, 5rem) clamp(1.35rem, 5vw, 4rem) clamp(1.75rem, 4vw, 2.5rem);
  background: #100e0c;
  color: #f4ede0;
  overflow: hidden;
}
.ua-folio-open__media { position: absolute; inset: 0; z-index: 0; }
.ua-folio-open__photo {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ua-folio-open__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  display: block;
  filter: saturate(0.88) contrast(1.06) brightness(0.68);
  transform: scale(1.08);
  will-change: transform;
  animation: ua-folio-kb 20s ease-in-out infinite alternate;
}
@keyframes ua-folio-kb {
  0% { transform: scale(1.08) translate3d(0,0,0); }
  100% { transform: scale(1.15) translate3d(-1.4%, -0.8%, 0); }
}
.ua-folio-open__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(105deg, rgba(12,10,8,0.9) 0%, rgba(12,10,8,0.55) 50%, rgba(12,10,8,0.3) 100%),
    linear-gradient(0deg, rgba(12,10,8,0.78) 0%, transparent 48%);
}
.ua-folio-open__scan {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  top: 20%;
  background: linear-gradient(90deg, transparent, rgba(196,90,80,0.7), transparent);
  box-shadow: 0 0 14px rgba(196,90,80,0.45);
  opacity: 0.55;
  pointer-events: none;
  will-change: top;
}
.ua-folio-open__copy {
  position: relative;
  z-index: 2;
  max-width: min(40rem, 100%);
}
.ua-folio--ready .ua-folio-open [data-ua-folio-line] {
  opacity: 0;
  transform: translate3d(0, 1.4rem, 0);
  transition: opacity 0.9s var(--folio-ease), transform 0.9s var(--folio-ease);
}
.ua-folio--ready.is-booted .ua-folio-open__copy [data-ua-folio-line]:nth-child(1) { opacity: 1; transform: none; transition-delay: 0.06s; }
.ua-folio--ready.is-booted .ua-folio-open__copy [data-ua-folio-line]:nth-child(2) { opacity: 1; transform: none; transition-delay: 0.14s; }
.ua-folio--ready.is-booted .ua-folio-open__copy [data-ua-folio-line]:nth-child(3) { opacity: 1; transform: none; transition-delay: 0.24s; }
.ua-folio--ready.is-booted .ua-folio-open__copy [data-ua-folio-line]:nth-child(4) { opacity: 1; transform: none; transition-delay: 0.38s; }
.ua-folio--ready.is-booted .ua-folio-open__chips [data-ua-folio-line] {
  opacity: 1;
  transform: none;
  transition-delay: calc(0.45s + var(--i, 0) * 0.08s);
}

.ua-folio-open__code {
  margin: 0 0 0.65rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-folio-open__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.55);
}
.ua-folio-open__title {
  margin: 0 0 1rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.4rem, 7vw, 4.5rem);
  letter-spacing: -0.035em;
  line-height: 0.98;
  color: #f4ede0;
  text-shadow: 0 2px 28px rgba(0,0,0,0.4);
}
.ua-folio-open__lead {
  margin: 0;
  max-width: 34rem;
  font-size: 1.05rem;
  line-height: 1.65;
  color: rgba(244,237,224,0.78);
}
.ua-folio-open__chips {
  position: relative;
  z-index: 2;
  list-style: none;
  margin: 2rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.ua-folio-open__chips li {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.75rem;
  border: 1px solid rgba(244,237,224,0.2);
  background: rgba(18,14,12,0.45);
  backdrop-filter: blur(6px);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.ua-folio-open__chips li span {
  color: #c45a50;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  font-size: 0.62rem;
  letter-spacing: 0.1em;
}
.ua-folio-open__chips [data-ua-folio-line]:nth-child(1) { --i: 0; }
.ua-folio-open__chips [data-ua-folio-line]:nth-child(2) { --i: 1; }
.ua-folio-open__chips [data-ua-folio-line]:nth-child(3) { --i: 2; }

/* Vault */
.ua-folio-vault {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: clamp(1.25rem, 3vw, 2.5rem);
  align-items: center;
  padding: clamp(2.75rem, 6vw, 4rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper-alt);
  border-bottom: 1px solid var(--ua-line);
}
@media (max-width: 640px) {
  .ua-folio-vault { grid-template-columns: 1fr; }
}
.ua-folio-vault__seal {
  width: 5.5rem;
  height: 5.5rem;
  color: var(--ua-crimson);
  opacity: 0.85;
  animation: ua-folio-seal 12s linear infinite;
}
.ua-folio-vault__seal svg { width: 100%; height: 100%; display: block; }
@keyframes ua-folio-seal { to { transform: rotate(360deg); } }
.ua-folio-vault__kicker {
  margin: 0 0 0.45rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-folio-vault h2 {
  margin: 0 0 0.85rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  letter-spacing: -0.025em;
  line-height: 1.12;
}
.ua-folio-vault p {
  margin: 0 0 0.75rem;
  max-width: 40rem;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--ua-soft);
}
.ua-folio-vault__note {
  font-size: 0.9rem !important;
  font-weight: 600;
  color: var(--ua-ink) !important;
}

/* Deals */
.ua-folio-deals {
  background: #120e0c;
  color: #f4ede0;
  padding: clamp(3rem, 7vw, 4.5rem) 0 0;
}
.ua-folio-deals__head {
  padding: 0 clamp(1.25rem, 4vw, 3rem) 2rem;
  max-width: 40rem;
}
.ua-folio-deals__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-folio-deals__head h2 {
  margin: 0 0 0.75rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.6vw, 2.75rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-folio-deals__lead {
  margin: 0;
  color: rgba(244,237,224,0.7);
  line-height: 1.6;
}
.ua-folio-deals__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(244,237,224,0.1);
}
.ua-folio-deal {
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid rgba(244,237,224,0.1);
  min-height: min(70vh, 32rem);
  opacity: 0;
  transform: translate3d(0, 2.25rem, 0);
  transition: opacity 0.9s var(--folio-ease), transform 0.9s var(--folio-ease);
  transition-delay: calc(var(--d, 0) * 0.05s);
}
.ua-folio-deal.is-in {
  opacity: 1;
  transform: none;
}
@media (min-width: 900px) {
  .ua-folio-deal {
    grid-template-columns: 1.15fr 0.85fr;
  }
  .ua-folio-deal--flip .ua-folio-deal__media { order: 2; }
  .ua-folio-deal--flip .ua-folio-deal__body { order: 1; }
}
.ua-folio-deal__media {
  position: relative;
  margin: 0;
  min-height: 16rem;
  overflow: hidden;
}
.ua-folio-deal__media [data-ua-folio-media] {
  width: 100%;
  height: 100%;
  min-height: 16rem;
  will-change: transform;
}
.ua-folio-deal__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 16rem;
  filter: contrast(1.05) saturate(0.92);
}
.ua-folio-deal__cap {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  margin: 0;
  display: flex;
  gap: 0.65rem;
  align-items: center;
  padding: 0.4rem 0.65rem;
  background: rgba(12,10,8,0.72);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.85);
}
.ua-folio-deal__cap span:first-child {
  color: #c45a50;
  font-variant-numeric: tabular-nums;
}
.ua-folio-deal__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.75rem, 4vw, 2.75rem);
  gap: 0.65rem;
  background: #161210;
}
.ua-folio-deal__body h3 {
  margin: 0;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.45rem, 2.8vw, 2rem);
  letter-spacing: -0.025em;
  line-height: 1.12;
}
.ua-folio-deal__tag {
  margin: 0;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-folio-deal__body p:last-child {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.65;
  color: rgba(244,237,224,0.72);
  max-width: 32rem;
}

/* Horizon */
.ua-folio-horizon {
  padding: clamp(3rem, 8vw, 5rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper);
  text-align: center;
}
.ua-folio-horizon__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-folio-horizon h2 {
  margin: 0 auto 1rem;
  max-width: 22ch;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.8vw, 2.85rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-folio-horizon__body {
  margin: 0 auto 1.15rem;
  max-width: 36rem;
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--ua-soft);
}
.ua-folio-horizon__pull {
  margin: 0 auto 1.75rem;
  max-width: 28rem;
  font-family: var(--fw-font-display);
  font-size: 1.2rem;
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: var(--ua-ink);
}
.ua-folio-horizon__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 2.25rem;
}
.ua-folio-horizon__actions .ua-btn {
  transition: transform 0.35s var(--folio-ease);
}
.ua-folio-horizon__actions .ua-btn:hover {
  transform: translateY(-3px);
}
.ua-folio-horizon__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--ua-line);
}
.ua-folio-horizon__nav a {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--ua-soft);
  transition: color 0.25s, transform 0.3s;
}
.ua-folio-horizon__nav a span {
  color: var(--ua-crimson);
  margin-right: 0.35rem;
}
.ua-folio-horizon__nav a:hover {
  color: var(--ua-ink);
  transform: translateY(-2px);
}

[data-ua-folio-reveal] {
  opacity: 0;
  transform: translate3d(0, 2rem, 0);
  transition: opacity 0.9s var(--folio-ease), transform 0.9s var(--folio-ease);
}
[data-ua-folio-reveal].is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .ua-folio-open__photo img,
  .ua-folio-vault__seal { animation: none !important; }
  .ua-folio--ready .ua-folio-open [data-ua-folio-line],
  [data-ua-folio-reveal],
  .ua-folio-deal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .ua-folio-rail { display: none !important; }
  .ua-folio-open__scan { display: none; }
}

/* ============================================================
   PLATFORM STANDARDS — Institutional Canon (UNIQUE + motion)
   Namespace: .ua-canon / .ua-canon-*
   ============================================================ */

.ua-canon {
  --canon-ease: cubic-bezier(0.22, 1, 0.36, 1);
  color: var(--ua-ink);
  background: var(--ua-paper);
  overflow: clip;
}

.ua-canon-rail {
  position: fixed;
  z-index: 44;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: min(36vh, 12rem);
  background: var(--ua-line);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.ua-canon-rail.is-visible { opacity: 1; }
.ua-canon-rail__fill {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #8c2020, #c4a35a);
  transform-origin: top center;
  transform: scaleY(0);
}
.ua-canon-rail__tick {
  position: absolute;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  border-radius: 50%;
  background: var(--ua-paper);
  border: 1.5px solid var(--ua-line);
  transition: background 0.3s, border-color 0.3s, transform 0.3s;
}
.ua-canon-rail__tick:nth-child(2) { top: 0%; }
.ua-canon-rail__tick:nth-child(3) { top: 30%; }
.ua-canon-rail__tick:nth-child(4) { top: 60%; }
.ua-canon-rail__tick:nth-child(5) { top: 90%; }
.ua-canon-rail__tick.is-active {
  background: #c45a50;
  border-color: #c45a50;
  transform: scale(1.35);
}
@media (max-width: 900px) { .ua-canon-rail { display: none; } }

/* Open */
.ua-canon-open {
  position: relative;
  min-height: calc(100dvh - var(--fw-header-h, 76px));
  display: flex;
  align-items: flex-end;
  padding: clamp(2.5rem, 7vw, 5rem) clamp(1.35rem, 5vw, 4rem);
  background: #100e0c;
  color: #f4ede0;
  overflow: hidden;
}
.ua-canon-open__media { position: absolute; inset: 0; z-index: 0; }
.ua-canon-open__photo {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ua-canon-open__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
  display: block;
  filter: saturate(0.88) contrast(1.06) brightness(0.68);
  transform: scale(1.08);
  will-change: transform;
  animation: ua-canon-kb 22s ease-in-out infinite alternate;
}
@keyframes ua-canon-kb {
  0% { transform: scale(1.08) translate3d(0,0,0); }
  100% { transform: scale(1.14) translate3d(-1.2%, 1%, 0); }
}
.ua-canon-open__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(105deg, rgba(12,10,8,0.92) 0%, rgba(12,10,8,0.55) 48%, rgba(12,10,8,0.28) 100%),
    linear-gradient(0deg, rgba(12,10,8,0.75) 0%, transparent 45%);
}
.ua-canon-open__grid {
  position: absolute;
  inset: 0;
  opacity: 0.18;
  background-image:
    linear-gradient(to right, rgba(244,237,224,0.1) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(244,237,224,0.1) 1px, transparent 1px);
  background-size: 3.75rem 3.75rem;
  mask-image: linear-gradient(105deg, #000 0%, #000 42%, transparent 80%);
  pointer-events: none;
}
.ua-canon-open__copy {
  position: relative;
  z-index: 2;
  max-width: min(40rem, 100%);
}
.ua-canon--ready .ua-canon-open [data-ua-canon-line] {
  opacity: 0;
  transform: translate3d(0, 1.4rem, 0);
  transition: opacity 0.9s var(--canon-ease), transform 0.9s var(--canon-ease);
}
.ua-canon--ready.is-booted .ua-canon-open [data-ua-canon-line]:nth-child(1) { opacity: 1; transform: none; transition-delay: 0.06s; }
.ua-canon--ready.is-booted .ua-canon-open [data-ua-canon-line]:nth-child(2) { opacity: 1; transform: none; transition-delay: 0.14s; }
.ua-canon--ready.is-booted .ua-canon-open__title [data-ua-canon-line]:first-child { opacity: 1; transform: none; transition-delay: 0.22s; }
.ua-canon--ready.is-booted .ua-canon-open__title [data-ua-canon-line]:last-child { opacity: 1; transform: none; transition-delay: 0.34s; }
.ua-canon--ready.is-booted .ua-canon-open__lead { opacity: 1; transform: none; transition-delay: 0.46s; }

.ua-canon-open__code {
  margin: 0 0 0.65rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-canon-open__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.55);
}
.ua-canon-open__title {
  margin: 0 0 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.4rem, 7.5vw, 4.75rem);
  letter-spacing: -0.035em;
  line-height: 0.96;
  color: #f4ede0;
  text-shadow: 0 2px 28px rgba(0,0,0,0.35);
}
.ua-canon-open__title-acc { color: #c45a50; }
.ua-canon-open__lead {
  margin: 0;
  max-width: 34rem;
  font-size: 1.05rem;
  line-height: 1.65;
  color: rgba(244,237,224,0.78);
}
.ua-canon-open__badge {
  position: absolute;
  z-index: 2;
  right: clamp(1rem, 4vw, 2.5rem);
  top: 18%;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  border: 1px solid rgba(196,90,80,0.55);
  background: rgba(18,14,12,0.55);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 0 8px rgba(196,90,80,0.08);
}
.ua-canon-open__badge span {
  font-family: var(--fw-font-display);
  font-size: 1.75rem;
  line-height: 1;
  color: #c45a50;
  font-variant-numeric: tabular-nums;
}
.ua-canon-open__badge small {
  font-size: 0.48rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.55);
  margin-top: 0.2rem;
}
@media (max-width: 700px) {
  .ua-canon-open__badge { width: 4.25rem; height: 4.25rem; top: 12%; right: 0.75rem; }
  .ua-canon-open__badge span { font-size: 1.35rem; }
}

/* Specs grid */
.ua-canon-specs {
  padding: clamp(3rem, 7vw, 5rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper);
  border-bottom: 1px solid var(--ua-line);
}
.ua-canon-specs__head { max-width: 40rem; margin-bottom: 2rem; }
.ua-canon-specs__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-canon-specs__head h2 {
  margin: 0 0 0.75rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.6vw, 2.75rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-canon-specs__lead {
  margin: 0;
  color: var(--ua-soft);
  line-height: 1.65;
}
.ua-canon-specs__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: var(--ua-line);
  border: 1px solid var(--ua-line);
}
@media (min-width: 700px) {
  .ua-canon-specs__grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1100px) {
  .ua-canon-specs__grid { grid-template-columns: repeat(3, 1fr); }
}
.ua-canon-specs__grid li {
  background: var(--ua-paper);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  min-height: 12rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  opacity: 0;
  transform: translate3d(0, 1.25rem, 0);
  transition: opacity 0.7s var(--canon-ease), transform 0.7s var(--canon-ease), background 0.3s ease, box-shadow 0.3s ease;
  transition-delay: calc(var(--s, 0) * 0.07s);
}
.ua-canon-specs__grid li.is-in {
  opacity: 1;
  transform: none;
}
.ua-canon-specs__grid li:hover {
  background: color-mix(in srgb, var(--ua-crimson) 5%, var(--ua-paper));
  box-shadow: inset 3px 0 0 var(--ua-crimson);
}
.ua-canon-specs__n {
  font-family: var(--fw-font-display);
  font-size: 1.75rem;
  line-height: 1;
  color: var(--ua-crimson);
  font-variant-numeric: tabular-nums;
}
.ua-canon-specs__grid h3 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
}
.ua-canon-specs__grid p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--ua-soft);
  flex: 1;
}

/* Scale */
.ua-canon-scale {
  display: grid;
  grid-template-columns: 1fr;
  background: #120e0c;
  color: #f4ede0;
  border-bottom: 1px solid rgba(244,237,224,0.08);
}
@media (min-width: 960px) {
  .ua-canon-scale {
    grid-template-columns: 1.05fr 0.95fr;
    min-height: min(80vh, 36rem);
  }
}
.ua-canon-scale__copy {
  padding: clamp(2.5rem, 6vw, 4rem) clamp(1.35rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ua-canon-scale__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-canon-scale__copy h2 {
  margin: 0 0 1rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.75rem, 3.4vw, 2.55rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-canon-scale__body {
  margin: 0 0 0.9rem;
  max-width: 36rem;
  font-size: 1rem;
  line-height: 1.7;
  color: rgba(244,237,224,0.72);
}
.ua-canon-scale__pull {
  margin: 0.75rem 0 0;
  font-family: var(--fw-font-display);
  font-size: 1.2rem;
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: #f4ede0;
  border-left: 3px solid #c45a50;
  padding-left: 1rem;
}
.ua-canon-scale__viz {
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgba(244,237,224,0.08);
  min-height: 18rem;
}
.ua-canon-scale__meter {
  padding: 1.5rem 1.25rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.85rem;
  align-items: center;
  background: #1a1410;
  border-bottom: 1px solid rgba(244,237,224,0.08);
}
.ua-canon-scale__step {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ua-canon-scale__val {
  font-family: var(--fw-font-display);
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1;
  color: #c45a50;
  font-variant-numeric: tabular-nums;
}
.ua-canon-scale__step small {
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.45);
  max-width: 7rem;
}
.ua-canon-scale__bar {
  height: 4px;
  background: rgba(244,237,224,0.12);
  border-radius: 2px;
  overflow: hidden;
}
.ua-canon-scale__bar span {
  display: block;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #8c2020, #c4a35a);
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 1.2s var(--canon-ease);
}
.ua-canon-scale.is-in .ua-canon-scale__bar span,
.ua-canon-scale__bar span.is-on {
  transform: scaleX(1);
}
.ua-canon-scale__plate {
  margin: 0;
  flex: 1;
  min-height: 14rem;
  overflow: hidden;
}
.ua-canon-scale__plate [data-ua-canon-media] {
  width: 100%;
  height: 100%;
  min-height: 14rem;
  will-change: transform;
}
.ua-canon-scale__plate img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 14rem;
  filter: grayscale(0.12) contrast(1.05);
}

/* Close */
.ua-canon-close {
  padding: clamp(3rem, 8vw, 5rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper);
  text-align: center;
}
.ua-canon-close__line {
  margin: 0 auto 1.75rem;
  max-width: 34rem;
  font-family: var(--fw-font-display);
  font-size: clamp(1.35rem, 2.8vw, 1.85rem);
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.ua-canon-close__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 2.25rem;
}
.ua-canon-close__actions .ua-btn {
  transition: transform 0.35s var(--canon-ease);
}
.ua-canon-close__actions .ua-btn:hover {
  transform: translateY(-3px);
}
.ua-canon-close__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--ua-line);
}
.ua-canon-close__nav a {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--ua-soft);
  transition: color 0.25s, transform 0.3s;
}
.ua-canon-close__nav a span {
  color: var(--ua-crimson);
  margin-right: 0.35rem;
}
.ua-canon-close__nav a:hover {
  color: var(--ua-ink);
  transform: translateY(-2px);
}

[data-ua-canon-reveal] {
  opacity: 0;
  transform: translate3d(0, 2rem, 0);
  transition: opacity 0.9s var(--canon-ease), transform 0.9s var(--canon-ease);
}
[data-ua-canon-reveal].is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .ua-canon-open__photo img { animation: none !important; }
  .ua-canon--ready .ua-canon-open [data-ua-canon-line],
  [data-ua-canon-reveal],
  .ua-canon-specs__grid li {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .ua-canon-rail { display: none !important; }
  .ua-canon-scale__bar span { transform: scaleX(1) !important; }
}

/* ============================================================
   TEAM — Formation Roster (UNIQUE + motion)
   Namespace: .ua-crew / .ua-crew-*
   ============================================================ */

.ua-crew {
  --crew-ease: cubic-bezier(0.22, 1, 0.36, 1);
  color: var(--ua-ink);
  background: var(--ua-paper);
  overflow: clip;
}

/* Progress rail */
.ua-crew-rail {
  position: fixed;
  z-index: 44;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: min(36vh, 12rem);
  background: var(--ua-line);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.ua-crew-rail.is-visible { opacity: 1; }
.ua-crew-rail__fill {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #8c2020, #c4a35a);
  transform-origin: top center;
  transform: scaleY(0);
}
.ua-crew-rail__tick {
  position: absolute;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  border-radius: 50%;
  background: var(--ua-paper);
  border: 1.5px solid var(--ua-line);
  transition: background 0.3s, border-color 0.3s, transform 0.3s;
}
.ua-crew-rail__tick:nth-child(2) { top: 0%; }
.ua-crew-rail__tick:nth-child(3) { top: 30%; }
.ua-crew-rail__tick:nth-child(4) { top: 60%; }
.ua-crew-rail__tick:nth-child(5) { top: 90%; }
.ua-crew-rail__tick.is-active {
  background: #c45a50;
  border-color: #c45a50;
  transform: scale(1.25);
}
@media (max-width: 900px) { .ua-crew-rail { display: none; } }

/* ── Open: triptych field ── */
.ua-crew-open {
  position: relative;
  min-height: min(100vh, 52rem);
  display: grid;
  align-items: end;
  color: #f4ede0;
  background: #0c0a08;
  overflow: hidden;
}
.ua-crew-open__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.ua-crew-open__triptych {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  height: 100%;
  width: 100%;
}
.ua-crew-open__slice {
  position: relative;
  overflow: hidden;
  border-right: 1px solid rgba(244,237,224,0.08);
}
.ua-crew-open__slice:last-child { border-right: 0; }
.ua-crew-open__slice img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 22%;
  display: block;
  filter: grayscale(0.35) contrast(1.08) saturate(0.75);
  transform: scale(1.12);
  animation: ua-crew-kb 24s ease-in-out infinite alternate;
  animation-delay: calc(var(--i, 0) * -4s);
}
@keyframes ua-crew-kb {
  from { transform: scale(1.12) translate3d(0, 0, 0); }
  to { transform: scale(1.2) translate3d(0, -2.5%, 0); }
}
.ua-crew-open__veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(12,10,8,0.35) 0%, rgba(12,10,8,0.55) 40%, rgba(12,10,8,0.92) 100%),
    linear-gradient(90deg, rgba(12,10,8,0.45) 0%, transparent 30%, transparent 70%, rgba(12,10,8,0.45) 100%);
  pointer-events: none;
}
.ua-crew-open__canvas {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.85;
}
.ua-crew-open__copy {
  position: relative;
  z-index: 3;
  padding: clamp(5.5rem, 12vh, 8rem) clamp(1.25rem, 5vw, 4rem) clamp(2.5rem, 6vh, 4rem);
  max-width: 42rem;
}
.ua-crew--ready .ua-crew-open [data-ua-crew-line] {
  opacity: 0;
  transform: translate3d(0, 1.25rem, 0);
  transition: opacity 0.9s var(--crew-ease), transform 0.9s var(--crew-ease);
}
.ua-crew--ready.is-booted .ua-crew-open [data-ua-crew-line]:nth-child(1) { opacity: 1; transform: none; transition-delay: 0.06s; }
.ua-crew--ready.is-booted .ua-crew-open [data-ua-crew-line]:nth-child(2) { opacity: 1; transform: none; transition-delay: 0.14s; }
.ua-crew--ready.is-booted .ua-crew-open [data-ua-crew-line]:nth-child(3) { opacity: 1; transform: none; transition-delay: 0.24s; }
.ua-crew--ready.is-booted .ua-crew-open [data-ua-crew-line]:nth-child(4) { opacity: 1; transform: none; transition-delay: 0.34s; }
.ua-crew--ready.is-booted .ua-crew-open [data-ua-crew-line]:nth-child(5) { opacity: 1; transform: none; transition-delay: 0.46s; }

.ua-crew-open__code {
  margin: 0 0 0.65rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-crew-open__kicker {
  margin: 0 0 0.75rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.72);
}
.ua-crew-open__title {
  margin: 0 0 1rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.35rem, 6.5vw, 4.1rem);
  letter-spacing: -0.035em;
  line-height: 1.02;
  display: flex;
  flex-direction: column;
  gap: 0.1em;
}
.ua-crew-open__title-acc { color: #c45a50; }
.ua-crew-open__lead {
  margin: 0;
  max-width: 34rem;
  font-size: clamp(1rem, 1.6vw, 1.15rem);
  line-height: 1.65;
  color: rgba(244,237,224,0.78);
}
.ua-crew-open__badge {
  position: absolute;
  z-index: 3;
  right: clamp(1rem, 4vw, 2.5rem);
  bottom: clamp(1.5rem, 4vh, 2.75rem);
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.15rem;
  font-variant-numeric: tabular-nums;
}
.ua-crew-open__badge span {
  font-family: var(--fw-font-display);
  font-size: clamp(2.5rem, 6vw, 3.75rem);
  line-height: 1;
  letter-spacing: -0.04em;
  color: #f4ede0;
}
.ua-crew-open__badge small {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.55);
}
@media (max-width: 640px) {
  .ua-crew-open__triptych { grid-template-columns: 1fr; }
  .ua-crew-open__slice:nth-child(n+2) { display: none; }
  .ua-crew-open__badge { display: none; }
}

/* ── Roster ── */
.ua-crew-roster {
  padding: clamp(3rem, 8vw, 5.5rem) 0 0;
  background: var(--ua-paper);
}
.ua-crew-roster__head {
  padding: 0 clamp(1.25rem, 4vw, 3rem) clamp(1.75rem, 4vw, 2.75rem);
  max-width: 40rem;
}
.ua-crew-roster__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-crew-roster h2 {
  margin: 0 0 0.85rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.8vw, 2.85rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-crew-roster__lead {
  margin: 0;
  color: var(--ua-soft);
  line-height: 1.65;
  font-size: 1.02rem;
}
.ua-crew-roster__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--ua-line);
}

/* Principal cards — unique staggered dossiers */
.ua-crew-card {
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid var(--ua-line);
  min-height: min(72vh, 34rem);
  opacity: 0;
  transform: translate3d(0, 2.5rem, 0);
  transition: opacity 1s var(--crew-ease), transform 1s var(--crew-ease);
  transition-delay: calc(var(--c, 0) * 0.06s);
  background: var(--ua-paper);
}
.ua-crew-card.is-in {
  opacity: 1;
  transform: none;
}
@media (min-width: 900px) {
  .ua-crew-card {
    grid-template-columns: 1.05fr 0.95fr;
  }
  .ua-crew-card--flip .ua-crew-card__media { order: 2; }
  .ua-crew-card--flip .ua-crew-card__body { order: 1; }
}
.ua-crew-card__media {
  position: relative;
  margin: 0;
  min-height: 18rem;
  overflow: hidden;
  background: #0c0a08;
}
.ua-crew-card__media [data-ua-crew-media] {
  width: 100%;
  height: 100%;
  min-height: 18rem;
  will-change: transform;
}
.ua-crew-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
  display: block;
  min-height: 18rem;
  filter: contrast(1.06) saturate(0.9);
}
.ua-crew-card__cap {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  margin: 0;
  display: flex;
  gap: 0.65rem;
  align-items: center;
  padding: 0.4rem 0.7rem;
  background: rgba(12,10,8,0.78);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.88);
}
.ua-crew-card__cap span:first-child {
  color: #c45a50;
  font-variant-numeric: tabular-nums;
}
.ua-crew-card__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.75rem, 4vw, 3rem);
  gap: 0.7rem;
  background: var(--ua-paper-alt);
  position: relative;
}
.ua-crew-card__body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 0;
  background: linear-gradient(180deg, #8c2020, #c4a35a);
  transition: height 0.9s var(--crew-ease) 0.15s;
}
.ua-crew-card.is-in .ua-crew-card__body::before {
  height: 100%;
}
.ua-crew-card__role {
  margin: 0;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-crew-card__body h3 {
  margin: 0;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  letter-spacing: -0.025em;
  line-height: 1.1;
}
.ua-crew-card__bio {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.65;
  color: var(--ua-soft);
  max-width: 34rem;
}
.ua-crew-card__marks {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.ua-crew-card__marks li {
  padding: 0.35rem 0.7rem;
  border: 1px solid var(--ua-line);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ua-ink);
  background: color-mix(in srgb, var(--ua-ink) 3%, transparent);
}

/* ── Field pipeline ── */
.ua-crew-field {
  padding: clamp(3rem, 8vw, 5rem) clamp(1.25rem, 4vw, 3rem);
  background: #0c0a08;
  color: #f4ede0;
}
.ua-crew-field__inner {
  max-width: 48rem;
  margin: 0 auto;
  text-align: center;
}
.ua-crew-field__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-crew-field h2 {
  margin: 0 auto 1rem;
  max-width: 20ch;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.8vw, 2.85rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-crew-field__body {
  margin: 0 auto 1.15rem;
  max-width: 38rem;
  font-size: 1.05rem;
  line-height: 1.7;
  color: rgba(244,237,224,0.72);
}
.ua-crew-field__pull {
  margin: 0 auto 2rem;
  max-width: 28rem;
  font-family: var(--fw-font-display);
  font-size: 1.2rem;
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: #f4ede0;
}
.ua-crew-field__signals {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
  text-align: left;
}
@media (min-width: 720px) {
  .ua-crew-field__signals {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
}
.ua-crew-field__signals li {
  padding: 1.1rem 1.15rem;
  border: 1px solid rgba(244,237,224,0.12);
  background: rgba(244,237,224,0.03);
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  opacity: 0;
  transform: translate3d(0, 1.25rem, 0);
  transition: opacity 0.7s var(--crew-ease), transform 0.7s var(--crew-ease), border-color 0.3s;
  transition-delay: calc(var(--s, 0) * 0.08s);
}
.ua-crew-field__signals li.is-in {
  opacity: 1;
  transform: none;
}
.ua-crew-field__signals li:hover {
  border-color: rgba(196,90,80,0.45);
}
.ua-crew-field__signals strong {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c45a50;
}
.ua-crew-field__signals span {
  font-size: 0.9rem;
  line-height: 1.45;
  color: rgba(244,237,224,0.78);
}

/* ── Close ── */
.ua-crew-close {
  padding: clamp(3rem, 8vw, 5rem) clamp(1.25rem, 4vw, 3rem);
  background: var(--ua-paper);
  text-align: center;
}
.ua-crew-close__line {
  margin: 0 auto 1.75rem;
  max-width: 28rem;
  font-family: var(--fw-font-display);
  font-size: clamp(1.25rem, 2.4vw, 1.55rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.ua-crew-close__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 2.25rem;
}
.ua-crew-close__actions .ua-btn {
  transition: transform 0.35s var(--crew-ease);
}
.ua-crew-close__actions .ua-btn:hover {
  transform: translateY(-3px);
}
.ua-crew-close__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--ua-line);
}
.ua-crew-close__nav a {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--ua-soft);
  transition: color 0.25s, transform 0.3s;
}
.ua-crew-close__nav a span {
  color: var(--ua-crimson);
  margin-right: 0.35rem;
}
.ua-crew-close__nav a:hover {
  color: var(--ua-ink);
  transform: translateY(-2px);
}

[data-ua-crew-reveal] {
  opacity: 0;
  transform: translate3d(0, 2rem, 0);
  transition: opacity 0.9s var(--crew-ease), transform 0.9s var(--crew-ease);
}
[data-ua-crew-reveal].is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .ua-crew-open__slice img { animation: none !important; }
  .ua-crew--ready .ua-crew-open [data-ua-crew-line],
  [data-ua-crew-reveal],
  .ua-crew-card,
  .ua-crew-field__signals li {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .ua-crew-card__body::before { height: 100% !important; }
  .ua-crew-rail { display: none !important; }
  .ua-crew-open__canvas { display: none; }
}

/* ============================================================
   BLOG — Field Wire (UNIQUE index + article + archive)
   Namespace: .ua-wire / .ua-wire-* / .ua-wire-article
   ============================================================ */

.ua-wire {
  --wire-ease: cubic-bezier(0.22, 1, 0.36, 1);
  color: var(--ua-ink);
  background: var(--ua-paper);
  overflow: clip;
}

/* Mast */
.ua-wire-mast {
  position: relative;
  padding: clamp(3.5rem, 10vh, 5.5rem) clamp(1.25rem, 4vw, 3rem) clamp(2rem, 5vh, 3rem);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ua-crimson) 6%, var(--ua-paper)) 0%, var(--ua-paper) 100%);
  border-bottom: 1px solid var(--ua-line);
}
.ua-wire-mast__spine {
  position: absolute;
  left: clamp(1.25rem, 4vw, 3rem);
  top: clamp(3.5rem, 10vh, 5.5rem);
  bottom: 1.5rem;
  width: 2px;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
@media (min-width: 900px) {
  .ua-wire-mast__spine { display: flex; }
  .ua-wire-mast__inner { padding-left: 2.5rem; }
}
.ua-wire-mast__line {
  flex: 1;
  width: 2px;
  background: linear-gradient(180deg, #8c2020, #c4a35a);
  min-height: 3rem;
}
.ua-wire-mast__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #c45a50;
  border: 2px solid var(--ua-paper);
  box-shadow: 0 0 0 1px var(--ua-line);
  flex-shrink: 0;
}
.ua-wire-mast__inner { max-width: 42rem; }
.ua-wire-mast__code {
  margin: 0 0 0.55rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-wire-mast__code a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.25s, color 0.25s;
}
.ua-wire-mast__code a:hover {
  color: var(--ua-crimson);
  border-bottom-color: var(--ua-crimson);
}
.ua-wire-mast__kicker {
  margin: 0 0 0.65rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-wire-mast__title {
  margin: 0 0 1rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.1rem, 5.5vw, 3.4rem);
  letter-spacing: -0.035em;
  line-height: 1.05;
}
.ua-wire-mast__lead {
  margin: 0 0 1.15rem;
  max-width: 36rem;
  font-size: 1.05rem;
  line-height: 1.65;
  color: var(--ua-soft);
}
.ua-wire-mast__meta {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ua-soft);
  font-variant-numeric: tabular-nums;
}
.ua-wire-mast__meta [data-ua-wire-count] {
  color: var(--ua-crimson);
  margin-right: 0.35rem;
}

/* Filters — stamp chips (not NY pill row clone) */
.ua-wire-filters {
  padding: 1.25rem clamp(1.25rem, 4vw, 3rem);
  border-bottom: 1px solid var(--ua-line);
  background: var(--ua-paper-alt);
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(10px);
  background: color-mix(in srgb, var(--ua-paper-alt) 92%, transparent);
}
.ua-wire-filters__inner { max-width: 72rem; margin: 0 auto; }
.ua-wire-filters__label {
  margin: 0 0 0.65rem;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ua-soft);
}
.ua-wire-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.ua-wire-chip {
  appearance: none;
  border: 1px solid var(--ua-line);
  background: var(--ua-paper);
  color: var(--ua-ink);
  font: inherit;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.45rem 0.8rem;
  cursor: pointer;
  transition: background 0.25s, border-color 0.25s, color 0.25s, transform 0.25s;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);
}
.ua-wire-chip:hover {
  border-color: color-mix(in srgb, var(--ua-crimson) 45%, var(--ua-line));
  transform: translateY(-1px);
}
.ua-wire-chip.is-active {
  background: #1a1410;
  color: #f4ede0;
  border-color: #1a1410;
}
html[data-theme="dark"] .ua-wire-chip.is-active {
  background: #c45a50;
  border-color: #c45a50;
  color: #0c0a08;
}
.ua-wire-chip__n {
  opacity: 0.55;
  margin-left: 0.35rem;
  font-variant-numeric: tabular-nums;
}
.ua-wire-chip.is-active .ua-wire-chip__n { opacity: 0.75; }
.ua-wire-filters__status {
  margin: 0.65rem 0 0;
  min-height: 1em;
  font-size: 0.72rem;
  color: var(--ua-soft);
}

/* Stream — vertical wire, not card grid */
.ua-wire-feed {
  padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.25rem, 4vw, 3rem) clamp(3rem, 7vw, 4.5rem);
}
.ua-wire-stream {
  max-width: 72rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  counter-reset: wire-card;
  position: relative;
}
.ua-wire-stream::before {
  content: "";
  position: absolute;
  left: 0.85rem;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, #8c2020, transparent 95%);
  opacity: 0.35;
  pointer-events: none;
}
@media (min-width: 900px) {
  .ua-wire-stream::before { left: 1.15rem; }
}

.ua-wire-card {
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: 0.75rem 1rem;
  padding: 1.35rem 0 1.5rem;
  border-bottom: 1px solid var(--ua-line);
  transition: opacity 0.35s var(--wire-ease);
}
@media (min-width: 720px) {
  .ua-wire-card {
    grid-template-columns: 2.5rem minmax(10rem, 14rem) 1fr;
    gap: 1.25rem 1.5rem;
    align-items: start;
  }
}
.ua-wire-card.is-filtered-out { display: none !important; }

.ua-wire-card__index {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.35rem;
  z-index: 1;
}
.ua-wire-card__tick {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--ua-paper);
  border: 2px solid #c45a50;
  box-shadow: 0 0 0 3px var(--ua-paper);
}
.ua-wire-card__n {
  counter-increment: wire-card;
  margin-top: 0.45rem;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
  color: var(--ua-soft);
}
.ua-wire-card__n::before {
  content: counter(wire-card, decimal-leading-zero);
}

.ua-wire-card__media {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: #0c0a08;
  text-decoration: none !important;
}
@media (max-width: 719px) {
  .ua-wire-card__media {
    grid-column: 2;
  }
  .ua-wire-card__body {
    grid-column: 2;
  }
}
.ua-wire-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: contrast(1.05) saturate(0.92);
  transition: transform 0.7s var(--wire-ease);
}
.ua-wire-card:hover .ua-wire-card__media img {
  transform: scale(1.04);
}
.ua-wire-card__media-empty {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 8rem;
  background:
    linear-gradient(135deg, #1a1410 0%, #3a2018 50%, #1a1410 100%);
}

.ua-wire-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
  padding-top: 0.15rem;
}
.ua-wire-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.85rem;
  align-items: center;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ua-soft);
}
.ua-wire-card__cat {
  color: var(--ua-crimson);
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
  transition: border-color 0.25s;
}
.ua-wire-card__cat:hover { border-bottom-color: var(--ua-crimson); }
.ua-wire-card__title {
  margin: 0;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.2rem, 2.2vw, 1.55rem);
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.ua-wire-card__title a {
  color: inherit;
  text-decoration: none !important;
  transition: color 0.25s;
}
.ua-wire-card__title a:hover { color: var(--ua-crimson); }
.ua-wire-card__excerpt {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--ua-soft);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ua-wire-card__more {
  margin-top: 0.25rem;
  align-self: flex-start;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--ua-ink);
  border-bottom: 1px solid color-mix(in srgb, var(--ua-ink) 25%, transparent);
  transition: color 0.25s, border-color 0.25s;
}
.ua-wire-card__more:hover {
  color: var(--ua-crimson);
  border-bottom-color: var(--ua-crimson);
}

/* Lead card — first dispatch expands */
.ua-wire-card--lead {
  padding-top: 0.5rem;
}
@media (min-width: 900px) {
  .ua-wire-card--lead {
    grid-template-columns: 2.5rem 1.15fr 0.95fr;
  }
  .ua-wire-card--lead .ua-wire-card__media {
    aspect-ratio: 16 / 11;
    min-height: 16rem;
  }
  .ua-wire-card--lead .ua-wire-card__title {
    font-size: clamp(1.55rem, 2.8vw, 2.05rem);
  }
  .ua-wire-card--lead .ua-wire-card__excerpt {
    -webkit-line-clamp: 4;
    font-size: 1.02rem;
  }
}

.ua-wire-empty {
  margin: 2rem auto;
  max-width: 28rem;
  text-align: center;
  color: var(--ua-soft);
  font-size: 1rem;
}

/* Close */
.ua-wire-close {
  padding: clamp(2.5rem, 6vw, 4rem) clamp(1.25rem, 4vw, 3rem);
  text-align: center;
  border-top: 1px solid var(--ua-line);
  background: var(--ua-paper-alt);
}
.ua-wire-close__line {
  margin: 0 auto 1.5rem;
  max-width: 28rem;
  font-family: var(--fw-font-display);
  font-size: clamp(1.15rem, 2.2vw, 1.4rem);
  line-height: 1.35;
  letter-spacing: -0.015em;
}
.ua-wire-close__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}

/* ── Article ── */
.ua-wire-article {
  --wire-ease: cubic-bezier(0.22, 1, 0.36, 1);
  color: var(--ua-ink);
  background: var(--ua-paper);
}

.ua-wire-article__hero {
  position: relative;
  background: #0c0a08;
  color: #f4ede0;
  overflow: hidden;
}
.ua-wire-article__banner {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.ua-wire-article__banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.2) contrast(1.05) saturate(0.85);
  opacity: 0.55;
}
.ua-wire-article__banner-veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(12,10,8,0.35) 0%, rgba(12,10,8,0.75) 55%, rgba(12,10,8,0.96) 100%);
}
.ua-wire-article__hero-inner {
  position: relative;
  z-index: 1;
  max-width: 48rem;
  margin: 0 auto;
  padding: clamp(5rem, 14vh, 7.5rem) clamp(1.25rem, 4vw, 2.5rem) clamp(2.5rem, 6vh, 3.5rem);
}
.ua-wire-article__kicker {
  margin: 0 0 0.85rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.7);
}
.ua-wire-article__kicker a {
  color: #c4a35a;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.25s, color 0.25s;
}
.ua-wire-article__kicker a:hover {
  color: #f4ede0;
  border-bottom-color: rgba(244,237,224,0.4);
}
.ua-wire-article__title {
  margin: 0 0 1rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 4.5vw, 3rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-wire-article__meta {
  margin: 0 0 1rem;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.62);
}
.ua-wire-article__deck {
  margin: 0;
  max-width: 38rem;
  font-size: 1.08rem;
  line-height: 1.6;
  color: rgba(244,237,224,0.82);
}

.ua-wire-article__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 72rem;
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 3rem) clamp(1.25rem, 4vw, 3rem) 1rem;
}
@media (min-width: 960px) {
  .ua-wire-article__layout {
    grid-template-columns: 14rem minmax(0, 42rem);
    gap: 2.5rem 3rem;
    justify-content: center;
    align-items: start;
  }
}

.ua-wire-article__rail {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 960px) {
  .ua-wire-article__rail {
    position: sticky;
    top: 5.5rem;
  }
}
.ua-wire-article__rail-card {
  padding: 1.1rem 1.15rem;
  border: 1px solid var(--ua-line);
  background: var(--ua-paper-alt);
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.ua-wire-article__rail-kicker {
  margin: 0;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-wire-article__rail-link,
.ua-wire-article__rail-cat {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--ua-ink);
  text-decoration: none !important;
  line-height: 1.35;
  transition: color 0.25s;
}
.ua-wire-article__rail-link:hover,
.ua-wire-article__rail-cat:hover { color: var(--ua-crimson); }
.ua-wire-article__rail-cat {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ua-soft);
}
.ua-wire-article__rail-date {
  margin: 0;
  font-size: 0.72rem;
  color: var(--ua-soft);
  font-variant-numeric: tabular-nums;
}

.ua-wire-article__toc {
  padding: 1rem 1.1rem;
  border: 1px solid var(--ua-line);
  background: var(--ua-paper);
}
.ua-wire-article__toc-label {
  margin: 0 0 0.65rem;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-wire-article__toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  max-height: min(50vh, 22rem);
  overflow: auto;
}
.ua-wire-article__toc-item a {
  display: block;
  font-size: 0.82rem;
  line-height: 1.35;
  color: var(--ua-soft);
  text-decoration: none !important;
  padding: 0.2rem 0 0.2rem 0.65rem;
  border-left: 2px solid transparent;
  transition: color 0.25s, border-color 0.25s;
}
.ua-wire-article__toc-item--h3 a {
  font-size: 0.76rem;
  padding-left: 1.1rem;
  opacity: 0.9;
}
.ua-wire-article__toc-item a:hover,
.ua-wire-article__toc-item a.is-active {
  color: var(--ua-ink);
  border-left-color: #c45a50;
}

.ua-wire-article__body {
  min-width: 0;
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--ua-ink);
}
.ua-wire-article__body :is(h2, h3, h4) {
  font-family: var(--fw-font-display);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 2rem 0 0.85rem;
  scroll-margin-top: 6rem;
}
.ua-wire-article__body h2 { font-size: clamp(1.45rem, 2.5vw, 1.85rem); }
.ua-wire-article__body h3 { font-size: clamp(1.2rem, 2vw, 1.4rem); }
.ua-wire-article__body p { margin: 0 0 1.15rem; }
.ua-wire-article__body a {
  color: var(--ua-crimson);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}
.ua-wire-article__body blockquote {
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-left: 3px solid #c45a50;
  background: var(--ua-paper-alt);
  font-family: var(--fw-font-display);
  font-size: 1.1rem;
  line-height: 1.45;
}
.ua-wire-article__body ul,
.ua-wire-article__body ol {
  margin: 0 0 1.15rem;
  padding-left: 1.25rem;
}
.ua-wire-article__body li { margin-bottom: 0.4rem; }
.ua-wire-article__body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1.5rem 0;
}
.ua-wire-article__body figure { margin: 1.5rem 0; }
.ua-wire-article__body figcaption {
  font-size: 0.82rem;
  color: var(--ua-soft);
  margin-top: 0.45rem;
}

/* Related transmissions */
.ua-wire-related {
  padding: clamp(2.5rem, 6vw, 4rem) clamp(1.25rem, 4vw, 3rem);
  background: #0c0a08;
  color: #f4ede0;
  border-top: 1px solid rgba(244,237,224,0.08);
}
.ua-wire-related__inner { max-width: 72rem; margin: 0 auto; }
.ua-wire-related__kicker {
  margin: 0 0 0.45rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-wire-related__title {
  margin: 0 0 1.5rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  letter-spacing: -0.025em;
}
.ua-wire-related__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 700px) {
  .ua-wire-related__grid {
    grid-template-columns: repeat(var(--related-n, 2), minmax(0, 1fr));
  }
}
@media (min-width: 700px) and (max-width: 999px) {
  .ua-wire-related__grid[style*="--related-n: 3"],
  .ua-wire-related__grid[style*="--related-n: 4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.ua-wire-related__card {
  border: 1px solid rgba(244,237,224,0.12);
  background: rgba(244,237,224,0.03);
  transition: border-color 0.3s, transform 0.35s var(--wire-ease);
}
.ua-wire-related__card:hover {
  border-color: rgba(196,90,80,0.45);
  transform: translateY(-2px);
}
.ua-wire-related__link {
  display: grid;
  grid-template-columns: 1fr;
  text-decoration: none !important;
  color: inherit;
  height: 100%;
}
@media (min-width: 500px) {
  .ua-wire-related__link {
    grid-template-columns: 7.5rem 1fr;
  }
}
.ua-wire-related__thumb {
  width: 100%;
  aspect-ratio: 16 / 11;
  object-fit: cover;
  display: block;
  background: #161210;
}
.ua-wire-related__thumb--empty {
  min-height: 5rem;
  background: linear-gradient(135deg, #1a1410, #3a2018);
}
.ua-wire-related__body {
  padding: 0.9rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  justify-content: center;
}
.ua-wire-related__cat {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c45a50;
}
.ua-wire-related__body h3 {
  margin: 0;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: 1.05rem;
  letter-spacing: -0.015em;
  line-height: 1.2;
}
.ua-wire-related__body p {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.45;
  color: rgba(244,237,224,0.65);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ua-wire-article__close {
  padding: clamp(2.5rem, 6vw, 4rem) clamp(1.25rem, 4vw, 3rem);
  text-align: center;
  background: var(--ua-paper);
  border-top: 1px solid var(--ua-line);
}
.ua-wire-article__close-line {
  margin: 0 auto 1.5rem;
  max-width: 28rem;
  font-family: var(--fw-font-display);
  font-size: clamp(1.15rem, 2.2vw, 1.4rem);
  line-height: 1.35;
}
.ua-wire-article__close-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}

@media (prefers-reduced-motion: reduce) {
  .ua-wire-card__media img,
  .ua-wire-related__card,
  .ua-wire-chip {
    transition: none !important;
  }
}

/* ============================================================
   FAQ — Field Briefing (UNIQUE + motion)
   Namespace: .ua-faq / .ua-faq-* / .ua-faq__*
   Features: search, chips, accordion (composer BEM)
   ============================================================ */

.ua-faq {
  --faq-ease: cubic-bezier(0.22, 1, 0.36, 1);
  color: var(--ua-ink);
  background: var(--ua-paper);
  /* overflow must stay visible — clip/hidden kills sticky section chips */
  overflow: visible;
}

/* Cover — field briefing with unused plate + moving gradient */
.ua-faq-cover {
  position: relative;
  min-height: min(68vh, 34rem);
  display: grid;
  align-items: end;
  color: #f4ede0;
  background: #0c0a08;
  overflow: hidden;
}
.ua-faq-cover__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.ua-faq-cover__photo {
  position: absolute;
  inset: -4%;
  will-change: transform;
}
.ua-faq-cover__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
  display: block;
  filter: grayscale(0.28) contrast(1.08) saturate(0.82);
  transform: scale(1.08);
  animation: ua-faq-kb 26s ease-in-out infinite alternate;
}
@keyframes ua-faq-kb {
  from { transform: scale(1.08) translate3d(0, 0, 0); }
  to { transform: scale(1.16) translate3d(-1.5%, -2.5%, 0); }
}

/* Moving gradient overlay — shifts hue/angle continuously */
.ua-faq-cover__grad {
  position: absolute;
  inset: -20%;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 55% 50% at 18% 70%, rgba(140, 32, 32, 0.55), transparent 62%),
    radial-gradient(ellipse 50% 45% at 88% 20%, rgba(196, 163, 90, 0.28), transparent 58%),
    radial-gradient(ellipse 70% 60% at 55% 100%, rgba(12, 10, 8, 0.75), transparent 55%),
    linear-gradient(115deg, rgba(12,10,8,0.82) 0%, rgba(12,10,8,0.35) 48%, rgba(12,10,8,0.55) 100%);
  background-size: 140% 140%;
  animation: ua-faq-grad 14s ease-in-out infinite alternate;
  mix-blend-mode: normal;
}
@keyframes ua-faq-grad {
  0% {
    background-position: 0% 40%, 100% 0%, 50% 100%, 0% 0%;
    filter: hue-rotate(0deg) saturate(1);
  }
  50% {
    background-position: 30% 60%, 70% 30%, 40% 90%, 10% 20%;
    filter: hue-rotate(8deg) saturate(1.08);
  }
  100% {
    background-position: 60% 20%, 40% 70%, 60% 80%, 20% 40%;
    filter: hue-rotate(-6deg) saturate(1.05);
  }
}

.ua-faq-cover__veil {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(12,10,8,0.2) 0%, rgba(12,10,8,0.45) 42%, rgba(12,10,8,0.92) 100%),
    linear-gradient(90deg, rgba(12,10,8,0.72) 0%, rgba(12,10,8,0.25) 55%, rgba(12,10,8,0.35) 100%);
  pointer-events: none;
}
.ua-faq-cover__grid {
  position: absolute;
  inset: 0;
  z-index: 3;
  background-image:
    linear-gradient(rgba(244,237,224,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,237,224,0.045) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(105deg, #000 0%, #000 40%, transparent 78%);
  pointer-events: none;
  opacity: 0.85;
  animation: ua-faq-grid 18s linear infinite;
}
@keyframes ua-faq-grid {
  from { background-position: 0 0, 0 0; }
  to { background-position: 52px 52px, 52px 52px; }
}
.ua-faq-cover__canvas {
  position: absolute;
  inset: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.9;
}

.ua-faq-cover__copy {
  position: relative;
  z-index: 5;
  padding: clamp(2.25rem, 6vh, 3.5rem) clamp(1.25rem, 5vw, 3.5rem) clamp(2rem, 4.5vh, 2.75rem);
  max-width: 42rem;
}
.ua-faq--ready .ua-faq-cover [data-ua-faq-line] {
  opacity: 0;
  transform: translate3d(0, 1.35rem, 0);
  transition: opacity 0.95s var(--faq-ease), transform 0.95s var(--faq-ease);
}
.ua-faq--ready.is-booted .ua-faq-cover [data-ua-faq-line]:nth-child(1) { opacity: 1; transform: none; transition-delay: 0.06s; }
.ua-faq--ready.is-booted .ua-faq-cover [data-ua-faq-line]:nth-child(2) { opacity: 1; transform: none; transition-delay: 0.14s; }
.ua-faq--ready.is-booted .ua-faq-cover [data-ua-faq-line]:nth-child(3) { opacity: 1; transform: none; transition-delay: 0.24s; }
.ua-faq--ready.is-booted .ua-faq-cover [data-ua-faq-line]:nth-child(4) { opacity: 1; transform: none; transition-delay: 0.34s; }
.ua-faq--ready.is-booted .ua-faq-cover [data-ua-faq-line]:nth-child(5) { opacity: 1; transform: none; transition-delay: 0.46s; }
.ua-faq--ready.is-booted .ua-faq-cover [data-ua-faq-line]:nth-child(6) { opacity: 1; transform: none; transition-delay: 0.58s; }
/* h1 spans */
.ua-faq--ready .ua-faq-cover__title [data-ua-faq-line] {
  opacity: 0;
  transform: translate3d(0, 1.35rem, 0);
  transition: opacity 0.95s var(--faq-ease), transform 0.95s var(--faq-ease);
  display: block;
}
.ua-faq--ready.is-booted .ua-faq-cover__title [data-ua-faq-line]:first-child { opacity: 1; transform: none; transition-delay: 0.22s; }
.ua-faq--ready.is-booted .ua-faq-cover__title [data-ua-faq-line]:last-child { opacity: 1; transform: none; transition-delay: 0.34s; }

.ua-faq-cover__code {
  margin: 0 0 0.55rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-faq-cover__kicker {
  margin: 0 0 0.65rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.7);
}
.ua-faq-cover__title {
  margin: 0 0 1rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.15rem, 5.5vw, 3.5rem);
  letter-spacing: -0.035em;
  line-height: 1.04;
  display: flex;
  flex-direction: column;
  gap: 0.08em;
}
.ua-faq-cover__title-acc { color: #c45a50; }
.ua-faq-cover__lead {
  margin: 0 0 1.5rem;
  max-width: 34rem;
  font-size: 1.05rem;
  line-height: 1.65;
  color: rgba(244,237,224,0.78);
}
.ua-faq-cover__signal {
  position: absolute;
  z-index: 5;
  right: clamp(1rem, 4vw, 2.5rem);
  bottom: clamp(1.25rem, 4vh, 2.25rem);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.65);
}
.ua-faq-cover__signal-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c45a50;
  box-shadow: 0 0 0 0 rgba(196,90,80,0.5);
  animation: ua-faq-pulse 2.2s ease-out infinite;
}
@keyframes ua-faq-pulse {
  0% { box-shadow: 0 0 0 0 rgba(196,90,80,0.45); }
  70% { box-shadow: 0 0 0 10px rgba(196,90,80,0); }
  100% { box-shadow: 0 0 0 0 rgba(196,90,80,0); }
}

/* Search — glass scan bar over photo */
.ua-faq-search { max-width: 28rem; }
.ua-faq-search__field {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.75rem 1rem;
  background: rgba(12,10,8,0.55);
  border: 1px solid rgba(244,237,224,0.18);
  border-bottom: 2px solid #c45a50;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: border-color 0.3s, box-shadow 0.35s;
}
.ua-faq-search__field:focus-within {
  border-bottom-color: #c4a35a;
  box-shadow: 0 0 0 1px rgba(196,163,90,0.25);
}
.ua-faq-search__icon {
  display: flex;
  color: rgba(244,237,224,0.55);
  flex-shrink: 0;
}
.ua-faq-search__input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #f4ede0;
  font: inherit;
  font-size: 0.98rem;
  outline: none;
}
.ua-faq-search__input::placeholder {
  color: rgba(244,237,224,0.45);
}
.ua-faq-search__meta {
  margin: 0.5rem 0 0;
  min-height: 1.1em;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.55);
  font-variant-numeric: tabular-nums;
}

[data-ua-faq-reveal] {
  opacity: 0;
  transform: translate3d(0, 1.5rem, 0);
  transition: opacity 0.9s var(--faq-ease), transform 0.9s var(--faq-ease);
}
[data-ua-faq-reveal].is-in {
  opacity: 1;
  transform: none;
}

/* Body board */
.ua-faq-body {
  padding: 0 0 clamp(2rem, 5vw, 3rem);
  background: var(--ua-paper);
}
.ua-faq .fw-compose--faq {
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Chips — field markers (angled tape, not NY pills) */
.ua-faq__chips {
  position: sticky;
  top: var(--fw-header-h, 76px);
  z-index: 30;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.4rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 0.85rem clamp(1.25rem, 4vw, 3rem);
  margin: 0;
  /* solid bar so content scrolls cleanly underneath */
  background: var(--ua-paper-alt);
  border-bottom: 1px solid var(--ua-line);
  box-shadow: 0 8px 20px rgba(12, 10, 8, 0.06);
  scrollbar-width: thin;
}
.ua-faq-body,
.ua-faq .fw-compose--faq,
.ua-faq .ua-faq__board {
  overflow: visible;
}
.ua-faq__chip {
  appearance: none;
  flex: 0 0 auto;
  border: 1px solid var(--ua-line);
  background: var(--ua-paper);
  color: var(--ua-ink);
  font: inherit;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.25s, border-color 0.25s, color 0.25s, transform 0.25s;
  /* angled left edge — unique vs rounded chips */
  clip-path: polygon(8px 0, 100% 0, 100% 100%, 0 100%, 0 8px);
}
.ua-faq__chip:hover {
  border-color: color-mix(in srgb, var(--ua-crimson) 50%, var(--ua-line));
  transform: translateY(-1px);
}
.ua-faq__chip.is-active {
  background: #1a1410;
  color: #f4ede0;
  border-color: #1a1410;
}
html[data-theme="dark"] .ua-faq__chip.is-active {
  background: #c45a50;
  border-color: #c45a50;
  color: #0c0a08;
}
.ua-faq__chip-count {
  margin-left: 0.4rem;
  opacity: 0.55;
  font-variant-numeric: tabular-nums;
}
.ua-faq__chip.is-active .ua-faq__chip-count { opacity: 0.8; }

/* Groups */
.ua-faq__groups {
  max-width: 48rem;
  margin: 0 auto;
  padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.25rem, 4vw, 3rem) 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1.75rem, 4vw, 2.75rem);
}
.ua-faq__group {
  scroll-margin-top: 6.5rem;
  transition: opacity 0.35s var(--faq-ease);
}
.ua-faq__group.is-empty,
.ua-faq__group[hidden] { display: none !important; }
.ua-faq__group.is-pulse .ua-faq__group-head {
  animation: ua-faq-group-pulse 0.85s var(--faq-ease);
}
@keyframes ua-faq-group-pulse {
  0% { background: color-mix(in srgb, var(--ua-crimson) 12%, transparent); }
  100% { background: transparent; }
}
.ua-faq__group-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.75rem 1rem;
  align-items: baseline;
  padding: 0.65rem 0 0.85rem;
  border-bottom: 1px solid var(--ua-line);
  margin-bottom: 0.35rem;
}
.ua-faq__group-n {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-variant-numeric: tabular-nums;
  color: var(--ua-crimson);
}
.ua-faq__group-title {
  margin: 0;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.25rem, 2.4vw, 1.65rem);
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.ua-faq__group-count {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--ua-soft);
  font-variant-numeric: tabular-nums;
}

/* Accordion items */
.ua-faq__list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid transparent;
}
.ua-faq__item {
  border-bottom: 1px solid var(--ua-line);
  background: transparent;
  transition: background 0.3s;
}
.ua-faq__item[open] {
  background: color-mix(in srgb, var(--ua-crimson) 4%, var(--ua-paper));
}
.ua-faq__item.is-filtered-out,
.ua-faq__item[hidden] { display: none !important; }
.ua-faq__summary {
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0.15rem 1rem 0;
  cursor: pointer;
  user-select: none;
}
.ua-faq__summary::-webkit-details-marker { display: none; }
.ua-faq__q {
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.02rem, 1.8vw, 1.15rem);
  letter-spacing: -0.015em;
  line-height: 1.3;
  color: var(--ua-ink);
  padding-left: 0.85rem;
  border-left: 2px solid transparent;
  transition: border-color 0.25s, color 0.25s;
}
.ua-faq__item[open] .ua-faq__q,
.ua-faq__summary:hover .ua-faq__q {
  border-left-color: #c45a50;
}
.ua-faq__toggle {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  margin-top: 0.15rem;
  position: relative;
  border: 1px solid var(--ua-line);
  background: var(--ua-paper);
  transition: background 0.25s, border-color 0.25s, transform 0.3s var(--faq-ease);
}
.ua-faq__toggle::before,
.ua-faq__toggle::after {
  content: "";
  position: absolute;
  background: var(--ua-ink);
  transition: transform 0.3s var(--faq-ease), opacity 0.25s;
}
.ua-faq__toggle::before {
  left: 25%;
  right: 25%;
  top: 50%;
  height: 1.5px;
  transform: translateY(-50%);
}
.ua-faq__toggle::after {
  top: 25%;
  bottom: 25%;
  left: 50%;
  width: 1.5px;
  transform: translateX(-50%);
}
.ua-faq__item[open] .ua-faq__toggle {
  background: #1a1410;
  border-color: #1a1410;
}
.ua-faq__item[open] .ua-faq__toggle::before,
.ua-faq__item[open] .ua-faq__toggle::after {
  background: #f4ede0;
}
.ua-faq__item[open] .ua-faq__toggle::after {
  opacity: 0;
  transform: translateX(-50%) scaleY(0);
}
.ua-faq__a {
  padding: 0 1.75rem 1.15rem 0.85rem;
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--ua-soft);
}
.ua-faq__a p { margin: 0 0 0.75rem; }
.ua-faq__a p:last-child { margin-bottom: 0; }
.ua-faq__a a {
  color: var(--ua-crimson);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}
.ua-faq__a ul,
.ua-faq__a ol {
  margin: 0 0 0.75rem;
  padding-left: 1.2rem;
}

.ua-faq-empty {
  margin: 2rem auto;
  max-width: 28rem;
  text-align: center;
  color: var(--ua-soft);
  font-size: 1rem;
  padding: 0 1.25rem;
}

/* Close */
.ua-faq-close {
  padding: clamp(2.75rem, 7vw, 4.5rem) clamp(1.25rem, 4vw, 3rem);
  text-align: center;
  background: var(--ua-paper-alt);
  border-top: 1px solid var(--ua-line);
}
.ua-faq-close__kicker {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-faq-close__title {
  margin: 0 auto 0.85rem;
  max-width: 20ch;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.65rem, 3.4vw, 2.35rem);
  letter-spacing: -0.03em;
  line-height: 1.1;
}
.ua-faq-close__lead {
  margin: 0 auto 1.5rem;
  max-width: 34rem;
  color: var(--ua-soft);
  line-height: 1.65;
  font-size: 1.02rem;
}
.ua-faq-close__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.ua-faq-close__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--ua-line);
}
.ua-faq-close__nav a {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--ua-soft);
  transition: color 0.25s, transform 0.3s;
}
.ua-faq-close__nav a span {
  color: var(--ua-crimson);
  margin-right: 0.35rem;
}
.ua-faq-close__nav a:hover {
  color: var(--ua-ink);
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .ua-faq-cover__photo img,
  .ua-faq-cover__grad,
  .ua-faq-cover__grid,
  .ua-faq-cover__signal-dot {
    animation: none !important;
  }
  .ua-faq--ready .ua-faq-cover [data-ua-faq-line],
  .ua-faq--ready .ua-faq-cover__title [data-ua-faq-line],
  [data-ua-faq-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .ua-faq-cover__canvas { display: none; }
  .ua-faq__chip,
  .ua-faq__toggle {
    transition: none !important;
  }
}

/* ============================================================
   CONTACT — Secure Signal (UNIQUE + motion)
   Namespace: .ua-signal / .ua-signal-*
   ============================================================ */

.ua-signal {
  --sig-ease: cubic-bezier(0.22, 1, 0.36, 1);
  color: var(--ua-ink);
  background: var(--ua-paper);
  overflow: visible;
  /* kill legacy home .ua-signal padding collision */
  padding: 0 !important;
  margin: 0;
  text-align: initial;
}

/* Open */
.ua-signal-open {
  position: relative;
  /* Full-bleed under nav; equal internal inset only (matches L/R of copy) */
  --ua-signal-inset: clamp(1.25rem, 5vw, 3.5rem);
  min-height: 0;
  display: block;
  padding: var(--ua-signal-inset);
  margin: 0;
  color: #f4ede0;
  background: #0c0a08;
  overflow: hidden;
}
.ua-signal-open__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.ua-signal-open__photo {
  position: absolute;
  inset: -5%;
  will-change: transform;
}
.ua-signal-open__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 45%;
  display: block;
  filter: grayscale(0.3) contrast(1.1) saturate(0.8);
  transform: scale(1.1);
  animation: ua-sig-kb 28s ease-in-out infinite alternate;
}
@keyframes ua-sig-kb {
  from { transform: scale(1.1) translate3d(0, 0, 0); }
  to { transform: scale(1.18) translate3d(-2%, -2%, 0); }
}
.ua-signal-open__grad {
  position: absolute;
  inset: -25%;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 55% at 15% 75%, rgba(140, 32, 32, 0.58), transparent 60%),
    radial-gradient(ellipse 48% 42% at 90% 15%, rgba(196, 163, 90, 0.32), transparent 55%),
    radial-gradient(ellipse 80% 50% at 50% 110%, rgba(12, 10, 8, 0.85), transparent 50%),
    linear-gradient(118deg, rgba(12,10,8,0.88) 0%, rgba(12,10,8,0.3) 50%, rgba(12,10,8,0.5) 100%);
  background-size: 150% 150%;
  animation: ua-sig-grad 16s ease-in-out infinite alternate;
}
@keyframes ua-sig-grad {
  0% { background-position: 0% 50%, 100% 0%, 50% 100%, 0% 0%; filter: hue-rotate(0deg); }
  100% { background-position: 55% 20%, 30% 80%, 40% 70%, 15% 30%; filter: hue-rotate(10deg); }
}
.ua-signal-open__veil {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(12,10,8,0.25) 0%, rgba(12,10,8,0.5) 40%, rgba(12,10,8,0.94) 100%),
    linear-gradient(90deg, rgba(12,10,8,0.78) 0%, rgba(12,10,8,0.2) 58%, rgba(12,10,8,0.4) 100%);
  pointer-events: none;
}
.ua-signal-open__grid {
  position: absolute;
  inset: 0;
  z-index: 3;
  background-image:
    linear-gradient(rgba(244,237,224,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,237,224,0.04) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(110deg, #000 0%, #000 38%, transparent 75%);
  animation: ua-sig-grid 20s linear infinite;
  pointer-events: none;
  opacity: 0.85;
}
@keyframes ua-sig-grid {
  from { background-position: 0 0, 0 0; }
  to { background-position: 48px 48px, 48px 48px; }
}
.ua-signal-open__canvas {
  position: absolute;
  inset: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ua-signal-open__copy {
  position: relative;
  z-index: 5;
  padding: 0;
  max-width: 42rem;
}
.ua-signal--ready .ua-signal-open [data-ua-signal-line] {
  opacity: 0;
  transform: translate3d(0, 1.4rem, 0);
  transition: opacity 0.95s var(--sig-ease), transform 0.95s var(--sig-ease);
}
.ua-signal--ready.is-booted .ua-signal-open [data-ua-signal-line]:nth-child(1) { opacity: 1; transform: none; transition-delay: 0.06s; }
.ua-signal--ready.is-booted .ua-signal-open [data-ua-signal-line]:nth-child(2) { opacity: 1; transform: none; transition-delay: 0.14s; }
.ua-signal--ready.is-booted .ua-signal-open [data-ua-signal-line]:nth-child(3) { opacity: 1; transform: none; transition-delay: 0.22s; }
.ua-signal--ready.is-booted .ua-signal-open [data-ua-signal-line]:nth-child(4) { opacity: 1; transform: none; transition-delay: 0.34s; }
.ua-signal--ready.is-booted .ua-signal-open [data-ua-signal-line]:nth-child(5) { opacity: 1; transform: none; transition-delay: 0.46s; }
.ua-signal--ready .ua-signal-open__title [data-ua-signal-line] {
  opacity: 0;
  transform: translate3d(0, 1.4rem, 0);
  transition: opacity 0.95s var(--sig-ease), transform 0.95s var(--sig-ease);
  display: block;
}
.ua-signal--ready.is-booted .ua-signal-open__title [data-ua-signal-line]:first-child { opacity: 1; transform: none; transition-delay: 0.22s; }
.ua-signal--ready.is-booted .ua-signal-open__title [data-ua-signal-line]:last-child { opacity: 1; transform: none; transition-delay: 0.34s; }

.ua-signal-open__code {
  margin: 0 0 0.55rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-signal-open__kicker {
  margin: 0 0 0.65rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.7);
}
.ua-signal-open__title {
  margin: 0 0 1rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(2.25rem, 6vw, 3.75rem);
  letter-spacing: -0.035em;
  line-height: 1.02;
  display: flex;
  flex-direction: column;
  gap: 0.06em;
}
.ua-signal-open__title-acc { color: #c45a50; }
.ua-signal-open__lead {
  margin: 0;
  max-width: 34rem;
  font-size: 1.05rem;
  line-height: 1.65;
  color: rgba(244,237,224,0.78);
}
.ua-signal-open__badge {
  position: absolute;
  z-index: 5;
  right: var(--ua-signal-inset, clamp(1.25rem, 5vw, 3.5rem));
  bottom: var(--ua-signal-inset, clamp(1.25rem, 5vw, 3.5rem));
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.65);
}
.ua-signal-open__badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c45a50;
  animation: ua-sig-pulse 2.2s ease-out infinite;
}
@keyframes ua-sig-pulse {
  0% { box-shadow: 0 0 0 0 rgba(196,90,80,0.45); }
  70% { box-shadow: 0 0 0 12px rgba(196,90,80,0); }
  100% { box-shadow: 0 0 0 0 rgba(196,90,80,0); }
}

/* Quote */
.ua-signal-quote {
  padding: clamp(2.5rem, 6vw, 3.75rem) clamp(1.25rem, 4vw, 3rem);
  background: #0c0a08;
  color: #f4ede0;
  border-bottom: 1px solid rgba(244,237,224,0.08);
}
.ua-signal-quote blockquote {
  margin: 0 auto;
  max-width: 36rem;
  text-align: center;
}
.ua-signal-quote p {
  margin: 0 0 0.85rem;
  font-family: var(--fw-font-display);
  font-size: clamp(1.35rem, 2.8vw, 1.85rem);
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.ua-signal-quote footer {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c4a35a;
}

/* Chamber — protocol + form */
.ua-signal-chamber {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  max-width: 72rem;
  margin: 0 auto;
  padding: clamp(2.5rem, 6vw, 4rem) clamp(1.25rem, 4vw, 3rem);
}
@media (min-width: 960px) {
  .ua-signal-chamber {
    grid-template-columns: 0.95fr 1.05fr;
    gap: 2.5rem 3rem;
    align-items: start;
  }
}
.ua-signal-chamber__kicker {
  margin: 0 0 0.5rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ua-crimson);
}
.ua-signal-chamber__protocol h2 {
  margin: 0 0 0.75rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.65rem, 3.2vw, 2.35rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.ua-signal-chamber__lead {
  margin: 0 0 1.75rem;
  color: var(--ua-soft);
  line-height: 1.65;
  max-width: 32rem;
}
.ua-signal-steps {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid var(--ua-line);
}
.ua-signal-steps li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  padding: 1.15rem 0;
  border-bottom: 1px solid var(--ua-line);
  opacity: 0;
  transform: translate3d(-0.75rem, 0, 0);
  transition: opacity 0.75s var(--sig-ease), transform 0.75s var(--sig-ease);
  transition-delay: calc(var(--s, 0) * 0.1s);
}
.ua-signal-steps li.is-in {
  opacity: 1;
  transform: none;
}
.ua-signal-steps__n {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-variant-numeric: tabular-nums;
  color: var(--ua-crimson);
  padding-top: 0.2rem;
}
.ua-signal-steps strong {
  display: block;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: 1.15rem;
  letter-spacing: -0.015em;
  margin-bottom: 0.35rem;
}
.ua-signal-steps p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--ua-soft);
}
.ua-signal-chamber__notes {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.15rem 1.2rem;
  border: 1px solid var(--ua-line);
  background: var(--ua-paper-alt);
}
.ua-signal-chamber__nda {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--ua-ink);
}
.ua-signal-chamber__decline {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--ua-soft);
}

/* Form panel */
.ua-signal-chamber__form {
  padding: clamp(1.5rem, 3vw, 2rem);
  background: #0c0a08;
  color: #f4ede0;
  border: 1px solid rgba(244,237,224,0.1);
  position: relative;
  overflow: hidden;
}
.ua-signal-chamber__form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #8c2020, #c4a35a, #8c2020);
  background-size: 200% 100%;
  animation: ua-sig-bar 8s linear infinite;
}
@keyframes ua-sig-bar {
  from { background-position: 0% 0; }
  to { background-position: 200% 0; }
}
.ua-signal-form__head { margin-bottom: 1.5rem; }
.ua-signal-form__meta {
  margin: 0 0 0.45rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #c4a35a;
}
.ua-signal-form__head h2 {
  margin: 0 0 0.5rem;
  font-family: var(--fw-font-display);
  font-weight: 400;
  font-size: clamp(1.45rem, 2.6vw, 1.9rem);
  letter-spacing: -0.025em;
}
.ua-signal-form__sub {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
  color: rgba(244,237,224,0.65);
}
.ua-signal-form__hp {
  position: absolute;
  left: -9999px;
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.ua-signal-form__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 560px) {
  .ua-signal-form__grid {
    grid-template-columns: 1fr 1fr;
  }
  .ua-signal-field--full { grid-column: 1 / -1; }
}
.ua-signal-field {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 0;
}
.ua-signal-field > span {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(244,237,224,0.55);
  transition: color 0.25s;
}
.ua-signal-field.is-focus > span { color: #c4a35a; }
.ua-signal-field input,
.ua-signal-field select,
.ua-signal-field textarea {
  appearance: none;
  width: 100%;
  border: 1px solid rgba(244,237,224,0.14);
  background: rgba(244,237,224,0.04);
  color: #f4ede0;
  font: inherit;
  font-size: 0.98rem;
  padding: 0.7rem 0.85rem;
  border-radius: 0;
  outline: none;
  transition: border-color 0.25s, background 0.25s, box-shadow 0.3s;
}
.ua-signal-field select {
  background-image: linear-gradient(45deg, transparent 50%, rgba(244,237,224,0.5) 50%),
    linear-gradient(135deg, rgba(244,237,224,0.5) 50%, transparent 50%);
  background-position: calc(100% - 16px) calc(50% - 2px), calc(100% - 11px) calc(50% - 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 2rem;
}
.ua-signal-field select option {
  background: #1a1410;
  color: #f4ede0;
}
.ua-signal-field textarea {
  min-height: 8rem;
  resize: vertical;
  line-height: 1.5;
}
.ua-signal-field input:focus,
.ua-signal-field select:focus,
.ua-signal-field textarea:focus {
  border-color: rgba(196, 90, 80, 0.65);
  background: rgba(244,237,224,0.06);
  box-shadow: 0 0 0 1px rgba(196, 90, 80, 0.25);
}
.ua-signal-check {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  font-size: 0.88rem;
  line-height: 1.45;
  color: rgba(244,237,224,0.72);
  cursor: pointer;
}
.ua-signal-check input {
  margin-top: 0.2rem;
  accent-color: #c45a50;
  flex-shrink: 0;
}
.ua-signal-form__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-top: 1.35rem;
}
.ua-signal-form__foot .ua-btn {
  min-width: 10rem;
}
.ua-signal-form__note {
  margin: 0;
  font-size: 0.78rem;
  color: rgba(244,237,224,0.5);
  line-height: 1.4;
}
.ua-signal-form__status {
  margin: 1rem 0 0;
  padding: 0.75rem 0.9rem;
  font-size: 0.9rem;
  line-height: 1.4;
  font-weight: 600;
  border: 1px solid rgba(244,237,224,0.15);
}
.ua-signal-form__status[hidden] { display: none !important; }
.ua-signal-form__status.is-ok {
  border-color: rgba(82, 183, 136, 0.5);
  color: #b7e4c7;
  background: rgba(45, 106, 79, 0.2);
}
.ua-signal-form__status.is-err {
  border-color: rgba(196, 90, 80, 0.55);
  color: #e08a82;
  background: rgba(196, 90, 80, 0.1);
}

/* Close */
.ua-signal-close {
  padding: clamp(2.5rem, 6vw, 4rem) clamp(1.25rem, 4vw, 3rem);
  text-align: center;
  border-top: 1px solid var(--ua-line);
  background: var(--ua-paper-alt);
}
.ua-signal-close__line {
  margin: 0 auto 1.75rem;
  max-width: 28rem;
  font-family: var(--fw-font-display);
  font-size: clamp(1.2rem, 2.4vw, 1.5rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.ua-signal-close__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--ua-line);
}
.ua-signal-close__nav a {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--ua-soft);
  transition: color 0.25s, transform 0.3s;
}
.ua-signal-close__nav a span {
  color: var(--ua-crimson);
  margin-right: 0.35rem;
}
.ua-signal-close__nav a:hover {
  color: var(--ua-ink);
  transform: translateY(-2px);
}

[data-ua-signal-reveal] {
  opacity: 0;
  transform: translate3d(0, 1.75rem, 0);
  transition: opacity 0.95s var(--sig-ease), transform 0.95s var(--sig-ease);
}
[data-ua-signal-reveal].is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .ua-signal-open__photo img,
  .ua-signal-open__grad,
  .ua-signal-open__grid,
  .ua-signal-open__badge-dot,
  .ua-signal-chamber__form::before {
    animation: none !important;
  }
  .ua-signal-open__canvas { display: none; }
  .ua-signal--ready .ua-signal-open [data-ua-signal-line],
  .ua-signal--ready .ua-signal-open__title [data-ua-signal-line],
  [data-ua-signal-reveal],
  .ua-signal-steps li {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}