/*
 * Light Tower Group — Capital After Dark, 2026
 * A high-contrast editorial system for institutional capital advisory.
 * Loaded after the legacy homepage styles so the redesign remains reversible.
 */

:root {
  --x26-ink: #08131c;
  --x26-ink-2: #0c1822;
  --x26-ink-3: #122330;
  --x26-paper: #f4f0e8;
  --x26-paper-2: #e9e2d7;
  --x26-soft: #aaa39b;
  --x26-line: rgba(244, 240, 232, 0.18);
  --x26-line-dark: rgba(8, 19, 28, 0.16);
  --x26-signal: #b87442;
  --x26-signal-dark: #87512f;
  --x26-wine: #213747;
  --x26-warm: #d2a272;
  --x26-slate: #50708a;
  --x26-slate-deep: #213747;
  --x26-mist: #dfe6e8;
  --x26-oxblood: #4a3038;
  --x26-display: "Instrument Serif", "Iowan Old Style", "Times New Roman", serif;
  --x26-sans: "Instrument Sans", "Arial Narrow", Arial, sans-serif;
  --x26-container: 1360px;
  --x26-gutter: clamp(1.25rem, 4.25vw, 4.75rem);
  --x26-radius: 0;
  --x26-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

html {
  background: var(--x26-ink) !important;
  scroll-padding-top: 82px;
}

body.observatory {
  --accent: var(--x26-signal);
  --accent-hover: var(--x26-warm);
  --font-display: var(--x26-display);
  --font-body: var(--x26-sans);
  --container: var(--x26-container);
  background: var(--x26-paper) !important;
  color: var(--x26-ink) !important;
  font-family: var(--x26-sans) !important;
  font-variation-settings: "wdth" 100;
  letter-spacing: -0.01em;
  overflow-x: clip;
}

body.observatory::before { display: none !important; }
body.observatory main { background: var(--x26-paper) !important; }

body.observatory ::selection {
  background: var(--x26-signal);
  color: var(--x26-ink);
}

/* The article generator's legacy inline styles once used white metric values.
   Keep the evidence panel readable on the paper surface for new and archived posts. */
.article-data-note .article-data-point strong {
  color: var(--x26-ink) !important;
}

body.observatory :focus-visible {
  outline: 3px solid var(--x26-signal) !important;
  outline-offset: 4px !important;
}

body.observatory .container {
  width: min(100%, var(--x26-container));
  max-width: var(--x26-container);
  padding-inline: var(--x26-gutter);
}

.experience-progress {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 1000;
  height: 2px;
  background: transparent;
  pointer-events: none;
}

.experience-progress > span {
  display: block;
  width: var(--x26-progress, 0%);
  height: 100%;
  background: var(--x26-signal);
  transition: width 80ms linear;
}

/* Navigation */
body.observatory .site-nav {
  height: 82px !important;
  min-height: 82px !important;
  background: color-mix(in srgb, var(--x26-ink) 88%, transparent) !important;
  border-bottom: 1px solid var(--x26-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(22px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(130%) !important;
}

body.observatory .nav-inner {
  width: min(100%, var(--x26-container));
  max-width: var(--x26-container) !important;
  height: 82px !important;
  min-height: 82px !important;
  padding-inline: var(--x26-gutter) !important;
}

body.observatory .nav-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  color: var(--x26-paper) !important;
  font-family: var(--x26-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 560 !important;
  letter-spacing: 0.19em !important;
  line-height: 1;
}

body.observatory .nav-logo::before {
  content: "LTG";
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(184, 116, 66, 0.72);
  color: var(--x26-signal);
  font-size: 0.52rem;
  letter-spacing: 0.1em;
}

body.observatory .nav-links { gap: clamp(1rem, 1.8vw, 2.15rem) !important; }

body.observatory .nav-links a {
  position: relative;
  color: rgba(241, 238, 230, 0.66) !important;
  font-family: var(--x26-sans) !important;
  font-size: 0.64rem !important;
  font-weight: 560 !important;
  letter-spacing: 0.14em !important;
}

body.observatory .nav-links a:not(.nav-cta)::after {
  content: "";
  position: absolute;
  inset: auto 0 -0.55rem 0;
  height: 1px;
  background: var(--x26-signal);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 320ms var(--x26-ease);
}

body.observatory .nav-links a:not(.nav-cta):hover::after,
body.observatory .nav-links a:not(.nav-cta):focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

body.observatory .nav-cta {
  min-height: 42px !important;
  padding: 0.72rem 1.2rem !important;
  border: 1px solid var(--x26-signal) !important;
  background: var(--x26-signal) !important;
  color: var(--x26-ink) !important;
  letter-spacing: 0.12em !important;
}

body.observatory .nav-cta:hover {
  background: transparent !important;
  color: var(--x26-signal) !important;
}

/* Hero */
body.observatory .award-hero {
  position: relative;
  isolation: isolate;
  min-height: max(760px, calc(100svh - 82px));
  max-width: none !important;
  padding: 0 !important;
  overflow: hidden;
  background: var(--x26-ink) !important;
  border: 0 !important;
  color: var(--x26-paper);
}

.award-hero-media,
.award-hero-media::after,
.award-hero-shade {
  position: absolute;
  inset: 0;
}

.award-hero-media { z-index: -3; overflow: hidden; }

.award-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  filter: saturate(0.82) contrast(1.04) brightness(0.8);
  transform: scale(1.015);
  transition: transform 1.2s var(--x26-ease), filter 1.2s var(--x26-ease);
}

.award-hero.is-ready .award-hero-media img {
  transform: scale(1);
  filter: saturate(0.9) contrast(1.06) brightness(0.82);
}

.award-hero-media::after {
  content: "";
  background:
    linear-gradient(90deg, rgba(8, 10, 10, 0.97) 0%, rgba(8, 10, 10, 0.9) 30%, rgba(8, 10, 10, 0.38) 63%, rgba(8, 10, 10, 0.08) 100%),
    linear-gradient(180deg, rgba(8, 10, 10, 0.2) 0%, rgba(8, 10, 10, 0.02) 55%, rgba(8, 10, 10, 0.86) 100%);
}

.award-hero-shade {
  z-index: -1;
  background-image:
    linear-gradient(rgba(241, 238, 230, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(241, 238, 230, 0.055) 1px, transparent 1px);
  background-size: min(8.33vw, 120px) min(8.33vw, 120px);
  mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.35) 65%, transparent 100%);
}

.award-hero-inner {
  width: min(100%, var(--x26-container));
  min-height: max(760px, calc(100svh - 82px));
  margin-inline: auto;
  padding: clamp(2rem, 5vh, 4.5rem) var(--x26-gutter) clamp(1.6rem, 3.5vh, 3rem);
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.award-hero-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid var(--x26-line);
  color: rgba(241, 238, 230, 0.58);
  font-size: 0.61rem;
  font-weight: 570;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.award-hero-meta span:last-child { color: var(--x26-signal); }

.award-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
  align-items: end;
  gap: clamp(2.5rem, 7vw, 8rem);
  padding-block: clamp(4rem, 10vh, 9rem) clamp(3.25rem, 7vh, 6rem);
}

.award-hero-copy { max-width: 960px; }

.award-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(1.5rem, 3vh, 2.5rem);
  color: var(--x26-signal);
  font-size: 0.64rem;
  font-weight: 620;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.award-kicker::before {
  content: "";
  width: 2.6rem;
  height: 1px;
  background: currentColor;
}

body.observatory .award-title {
  max-width: 950px;
  margin: 0;
  color: var(--x26-paper) !important;
  font-family: var(--x26-sans) !important;
  font-size: clamp(4.2rem, 8.35vw, 9.2rem) !important;
  font-weight: 430 !important;
  letter-spacing: -0.074em !important;
  line-height: 0.84 !important;
  text-wrap: balance;
}

.award-title em {
  display: block;
  margin-top: 0.09em;
  color: var(--x26-paper);
  font-family: var(--x26-display);
  font-weight: 400;
  letter-spacing: -0.045em;
}

.award-title .signal-word {
  position: relative;
  color: var(--x26-signal);
  font-style: italic;
}

.award-hero-summary {
  display: grid;
  grid-template-columns: minmax(0, 580px) auto;
  align-items: end;
  gap: clamp(1.5rem, 4vw, 4rem);
  margin-top: clamp(2rem, 5vh, 4rem);
}

.award-hero-summary p {
  max-width: 560px;
  margin: 0;
  color: rgba(241, 238, 230, 0.74);
  font-size: clamp(1.05rem, 1.45vw, 1.32rem);
  line-height: 1.54;
  letter-spacing: -0.018em;
}

.award-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

body.observatory .award-actions .btn-primary,
body.observatory .award-actions .btn-ghost {
  min-height: 52px;
  padding: 1rem 1.35rem !important;
  border-radius: 0 !important;
}

body.observatory .award-actions .btn-primary {
  background: var(--x26-signal) !important;
  border-color: var(--x26-signal) !important;
  color: var(--x26-ink) !important;
}

body.observatory .award-actions .btn-primary:hover {
  background: var(--x26-paper) !important;
  border-color: var(--x26-paper) !important;
}

body.observatory .award-actions .btn-ghost {
  background: rgba(8, 10, 10, 0.18) !important;
  border-color: rgba(241, 238, 230, 0.34) !important;
  color: var(--x26-paper) !important;
  backdrop-filter: blur(8px);
}

.award-decision-room {
  align-self: center;
  border: 1px solid rgba(241, 238, 230, 0.28);
  background: rgba(8, 10, 10, 0.56);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.decision-room-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid var(--x26-line);
  color: rgba(241, 238, 230, 0.56);
  font-size: 0.56rem;
  font-weight: 620;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.decision-room-head span:last-child {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--x26-signal);
}

.decision-room-head span:last-child::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--x26-signal);
  box-shadow: 0 0 0 5px rgba(184, 116, 66, 0.14);
}

.decision-room-list { margin: 0; padding: 0; list-style: none; }

.decision-room-list li {
  display: grid;
  grid-template-columns: 2.25rem 1fr;
  gap: 0.75rem;
  padding: 1.15rem 1rem;
  border-bottom: 1px solid var(--x26-line);
}

.decision-room-list .decision-index {
  color: var(--x26-signal);
  font-size: 0.57rem;
  letter-spacing: 0.14em;
}

.decision-room-list strong {
  display: block;
  margin-bottom: 0.2rem;
  color: var(--x26-paper);
  font-size: 0.76rem;
  font-weight: 590;
  letter-spacing: 0.03em;
}

.decision-room-list small {
  display: block;
  color: rgba(241, 238, 230, 0.48);
  font-size: 0.69rem;
  line-height: 1.4;
}

.decision-room-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  color: var(--x26-paper);
  font-size: 0.62rem;
  font-weight: 620;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.decision-room-link span {
  color: var(--x26-signal);
  font-size: 1.2rem;
  transition: transform 260ms var(--x26-ease);
}

.decision-room-link:hover span { transform: translateX(0.35rem); }

.award-hero-footer {
  display: grid;
  grid-template-columns: repeat(3, 1fr) auto;
  border-top: 1px solid var(--x26-line);
}

.award-hero-footer > div,
.award-hero-footer > a {
  min-height: 64px;
  padding: 0.9rem 1rem 0.9rem 0;
  border-right: 1px solid var(--x26-line);
}

.award-hero-footer > div:not(:first-child) { padding-left: 1rem; }

.award-hero-footer span {
  display: block;
  margin-bottom: 0.22rem;
  color: rgba(241, 238, 230, 0.42);
  font-size: 0.52rem;
  font-weight: 620;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.award-hero-footer strong {
  color: var(--x26-paper);
  font-size: 0.72rem;
  font-weight: 520;
  letter-spacing: 0.02em;
}

.award-hero-scroll {
  display: grid;
  place-items: center;
  min-width: 72px;
  padding: 0 !important;
  border-right: 0 !important;
  color: var(--x26-signal);
  font-size: 1.2rem;
}

/* Signal ribbon */
.award-ribbon {
  overflow: hidden;
  border-block: 1px solid var(--x26-line-dark);
  background: var(--x26-signal);
  color: var(--x26-ink);
}

.award-ribbon-track {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 1.7rem;
  padding-block: 0.72rem;
  animation: x26-ribbon 34s linear infinite;
}

.award-ribbon-track span {
  display: inline-flex;
  align-items: center;
  gap: 1.7rem;
  font-size: 0.64rem;
  font-weight: 650;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.award-ribbon-track span::after { content: "✦"; font-size: 0.72rem; }

@keyframes x26-ribbon { to { transform: translateX(-50%); } }

/* Metric proof band */
body.observatory .metrics-strip {
  padding: clamp(3.8rem, 7vw, 6.5rem) 0 !important;
  background: var(--x26-paper) !important;
  border-color: var(--x26-line-dark) !important;
  color: var(--x26-ink) !important;
}

body.observatory .metrics-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border-top: 1px solid var(--x26-line-dark);
  border-left: 1px solid var(--x26-line-dark);
}

body.observatory .metric-item {
  min-height: 190px;
  padding: 1.4rem !important;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start !important;
  border-right: 1px solid var(--x26-line-dark) !important;
  border-bottom: 1px solid var(--x26-line-dark) !important;
  background: transparent;
}

body.observatory .metric-item::before {
  content: "Proof / " counter(x26metric, decimal-leading-zero);
  counter-increment: x26metric;
  color: rgba(8, 10, 10, 0.46);
  font-size: 0.55rem;
  font-weight: 640;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body.observatory .metrics-grid { counter-reset: x26metric; }

body.observatory .metric-number {
  color: var(--x26-ink) !important;
  font-family: var(--x26-sans) !important;
  font-size: clamp(2.25rem, 3.2vw, 4rem) !important;
  font-weight: 430 !important;
  letter-spacing: -0.06em;
  line-height: 0.95 !important;
}

body.observatory .metric-service { font-size: clamp(1.45rem, 2.25vw, 2.8rem) !important; }

body.observatory .metric-label {
  color: rgba(8, 10, 10, 0.62) !important;
  font-size: 0.65rem !important;
  font-weight: 580;
  letter-spacing: 0.11em !important;
  line-height: 1.45;
  text-transform: uppercase;
}

body.observatory .metrics-context {
  max-width: 820px;
  margin: 1.4rem 0 0 auto !important;
  color: rgba(8, 10, 10, 0.54) !important;
  font-size: 0.7rem !important;
  line-height: 1.6;
}

/* Editorial section system */
body.observatory .observatory-section,
body.observatory .navigator-section {
  position: relative;
  background: var(--x26-paper) !important;
  border-bottom: 1px solid var(--x26-line-dark) !important;
  color: var(--x26-ink) !important;
}

body.observatory .observatory-section.section,
body.observatory .tombstones-section,
body.observatory .navigator-section {
  padding: clamp(6rem, 10vw, 11rem) 0 !important;
}

body.observatory .index-header,
body.observatory .adv-eyebrow,
body.observatory .service-num,
body.observatory .readiness-type,
body.observatory .meta-box-label {
  color: var(--x26-signal-dark) !important;
  font-family: var(--x26-sans) !important;
  font-size: 0.6rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.19em !important;
  text-transform: uppercase;
}

body.observatory .index-header {
  display: grid !important;
  grid-template-columns: 4rem auto 1fr;
  align-items: center;
  gap: 1rem;
  margin-bottom: clamp(2rem, 4vw, 4rem) !important;
}

body.observatory .index-header::before {
  content: "";
  height: 1px;
  background: currentColor;
}

body.observatory .index-header::after {
  content: "";
  height: 1px;
  background: var(--x26-line-dark);
}

body.observatory .section-headline,
body.observatory .observatory-section h2,
body.observatory .navigator-copy h2,
body.observatory .form-intro h2,
body.observatory .cta-headline {
  color: var(--x26-ink) !important;
  font-family: var(--x26-sans) !important;
  font-weight: 430 !important;
  letter-spacing: -0.055em !important;
  line-height: 0.98 !important;
}

body.observatory .section-headline {
  max-width: 1050px;
  margin-bottom: clamp(3rem, 6vw, 6rem) !important;
  font-size: clamp(3.2rem, 6.3vw, 7.7rem) !important;
}

body.observatory .body-text,
body.observatory .adv-desc,
body.observatory .process-desc,
body.observatory .service-desc,
body.observatory .navigator-copy p,
body.observatory .readiness-panel p,
body.observatory .form-intro p {
  color: rgba(8, 10, 10, 0.64) !important;
}

/* Transactions become a dossier wall */
body.observatory .executions-section {
  overflow: hidden;
  background: var(--x26-ink-2) !important;
  color: var(--x26-paper) !important;
}

body.observatory .executions-section::before {
  content: "EXECUTION";
  position: absolute;
  right: -0.08em;
  top: 0.35em;
  color: rgba(241, 238, 230, 0.025);
  font-family: var(--x26-sans);
  font-size: clamp(7rem, 19vw, 22rem);
  font-weight: 600;
  letter-spacing: -0.09em;
  line-height: 1;
  pointer-events: none;
}

body.observatory .executions-section .index-header,
body.observatory .executions-section .tombstone-type { color: var(--x26-signal) !important; }

body.observatory .executions-section .index-header::after { background: var(--x26-line); }

body.observatory .executions-section .section-headline,
body.observatory .executions-section h2 { color: var(--x26-paper) !important; }

body.observatory .tombstone-grid {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  gap: 0 !important;
  border-top: 1px solid var(--x26-line);
  border-left: 1px solid var(--x26-line);
}

body.observatory .tombstone {
  grid-column: span 4;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(1.3rem, 2vw, 2rem) !important;
  border: 0 !important;
  border-right: 1px solid var(--x26-line) !important;
  border-bottom: 1px solid var(--x26-line) !important;
  background: transparent !important;
  color: var(--x26-paper);
  transition: background 360ms var(--x26-ease), color 360ms var(--x26-ease) !important;
}

body.observatory .tombstone:hover {
  background: var(--x26-signal) !important;
  color: var(--x26-ink) !important;
  transform: none !important;
}

body.observatory .tombstone-type {
  color: var(--x26-signal) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.16em !important;
}

body.observatory .tombstone-amount {
  margin-block: auto 1.6rem;
  color: var(--x26-paper) !important;
  font-family: var(--x26-display) !important;
  font-size: clamp(4rem, 6vw, 7.3rem) !important;
  font-style: italic;
  font-weight: 400 !important;
  letter-spacing: -0.07em !important;
  line-height: 0.8 !important;
}

body.observatory .tombstone-asset {
  color: var(--x26-paper) !important;
  font-size: 0.98rem !important;
  line-height: 1.28;
}

body.observatory .tombstone-market {
  color: rgba(241, 238, 230, 0.46) !important;
  font-size: 0.62rem !important;
}

body.observatory .tombstone:hover .tombstone-type,
body.observatory .tombstone:hover .tombstone-amount,
body.observatory .tombstone:hover .tombstone-asset,
body.observatory .tombstone:hover .tombstone-market { color: var(--x26-ink) !important; }

body.observatory .tombstone-note,
body.observatory .section-follow { color: rgba(241, 238, 230, 0.5) !important; }
body.observatory .section-follow a { color: var(--x26-signal) !important; }

/* What we do — oversized editorial */
body.observatory #about { background: var(--x26-paper-2) !important; }

body.observatory .split-grid {
  grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr) !important;
  gap: clamp(3rem, 9vw, 10rem) !important;
  align-items: end !important;
}

body.observatory .split-visual { position: relative; }

body.observatory .split-visual::before {
  content: "CAPITAL / STRUCTURE";
  position: absolute;
  z-index: 2;
  top: 1rem;
  left: 1rem;
  padding: 0.48rem 0.6rem;
  background: var(--x26-signal);
  color: var(--x26-ink);
  font-size: 0.54rem;
  font-weight: 680;
  letter-spacing: 0.16em;
}

body.observatory .split-img {
  aspect-ratio: 4 / 5;
  width: 100%;
  height: auto !important;
  object-fit: cover;
  filter: grayscale(1) contrast(1.14) brightness(0.72) !important;
  clip-path: polygon(0 0, 100% 0, 100% 92%, 82% 100%, 0 100%);
}

body.observatory .split-visual::after { border-color: rgba(8, 10, 10, 0.32) !important; }

body.observatory .split-content h2 {
  max-width: 900px;
  font-size: clamp(3.3rem, 6.4vw, 7.6rem) !important;
}

body.observatory .split-content .body-text {
  max-width: 650px;
  margin-left: auto;
  font-size: clamp(1.05rem, 1.35vw, 1.28rem) !important;
}

body.observatory .gold-quote {
  max-width: 650px;
  margin: 3rem 0 0 auto !important;
  padding: 1.5rem 0 0 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--x26-line-dark) !important;
}

body.observatory .gold-quote p {
  color: var(--x26-ink) !important;
  font-family: var(--x26-display) !important;
  font-size: clamp(1.8rem, 3vw, 3.3rem) !important;
  font-style: italic;
  line-height: 1.06 !important;
}

/* Pressure / advantages */
body.observatory .pressure-section,
body.observatory #advantage { background: var(--x26-paper) !important; }

body.observatory .advantage-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--x26-line-dark);
  border-left: 1px solid var(--x26-line-dark);
}

body.observatory .advantage-item {
  min-height: 280px;
  padding: 1.4rem !important;
  border: 0 !important;
  border-right: 1px solid var(--x26-line-dark) !important;
  border-bottom: 1px solid var(--x26-line-dark) !important;
  background: transparent !important;
  transition: background 300ms var(--x26-ease) !important;
}

body.observatory .advantage-item:hover {
  background: rgba(80, 112, 138, 0.12) !important;
  transform: none !important;
}

body.observatory .adv-title {
  color: var(--x26-ink) !important;
  font-family: var(--x26-sans) !important;
  font-size: clamp(1.4rem, 2vw, 2.35rem) !important;
  font-weight: 470 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.04 !important;
}

body.observatory .adv-desc { margin-top: auto !important; }

/* Decision navigator */
body.observatory .navigator-section {
  overflow: hidden;
  background: var(--x26-wine) !important;
  color: var(--x26-paper) !important;
}

body.observatory .navigator-section::before {
  display: block !important;
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 84% 18%, rgba(210, 162, 114, 0.14), transparent 26%),
    linear-gradient(125deg, transparent 62%, rgba(255,255,255,.035) 62% 63%, transparent 63%);
  pointer-events: none;
}

body.observatory .navigator-grid {
  position: relative;
  grid-template-columns: minmax(0, 0.84fr) minmax(360px, 1.16fr) !important;
  gap: clamp(3rem, 8vw, 9rem) !important;
}

body.observatory .navigator-copy h2,
body.observatory .readiness-panel h3 { color: var(--x26-paper) !important; }

body.observatory .navigator-copy h2 {
  font-size: clamp(3rem, 5vw, 6.5rem) !important;
}

body.observatory .navigator-copy p,
body.observatory .readiness-panel p { color: rgba(241, 238, 230, 0.66) !important; }

body.observatory .navigator-tab {
  min-height: 58px;
  padding: 1rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(241, 238, 230, 0.18) !important;
  background: transparent !important;
  color: rgba(241, 238, 230, 0.62) !important;
}

body.observatory .navigator-tab span { color: var(--x26-signal) !important; }

body.observatory .navigator-tab:hover,
body.observatory .navigator-tab[aria-selected="true"] {
  padding-left: 0.8rem !important;
  background: var(--x26-signal) !important;
  border-color: var(--x26-signal) !important;
  color: var(--x26-ink) !important;
}

body.observatory .navigator-tab[aria-selected="true"] span,
body.observatory .navigator-tab:hover span { color: var(--x26-ink) !important; }

body.observatory .readiness-panel {
  min-height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 5vw, 5rem) !important;
  border: 1px solid rgba(241, 238, 230, 0.22) !important;
  background: rgba(8, 10, 10, 0.2) !important;
  backdrop-filter: blur(12px);
}

body.observatory .readiness-panel h3 {
  font-family: var(--x26-display) !important;
  font-size: clamp(2.4rem, 4vw, 4.8rem) !important;
  font-style: italic;
  font-weight: 400 !important;
  letter-spacing: -0.04em !important;
  line-height: 0.98 !important;
}

body.observatory .readiness-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-block: 2rem !important;
  border-top: 1px solid rgba(241, 238, 230, 0.17);
  border-left: 1px solid rgba(241, 238, 230, 0.17);
}

body.observatory .readiness-list div {
  padding: 1rem !important;
  border: 0 !important;
  border-right: 1px solid rgba(241, 238, 230, 0.17) !important;
  border-bottom: 1px solid rgba(241, 238, 230, 0.17) !important;
  color: var(--x26-paper) !important;
  font-size: 0.68rem !important;
}

/* Services */
body.observatory .instrument-section { background: var(--x26-ink) !important; }
body.observatory .instrument-section .index-header { color: var(--x26-signal) !important; }
body.observatory .instrument-section .index-header::after { background: var(--x26-line); }

body.observatory .service-item {
  grid-template-columns: 5rem minmax(0, 1fr) auto !important;
  gap: clamp(1.5rem, 4vw, 5rem) !important;
  min-height: 240px;
  padding: clamp(2rem, 4vw, 4rem) 0 !important;
  border-color: var(--x26-line) !important;
  background: transparent !important;
}

body.observatory .service-item:hover {
  padding-inline: 1.5rem !important;
  background: rgba(80, 112, 138, 0.08) !important;
  transform: none !important;
}

body.observatory .service-title {
  color: var(--x26-paper) !important;
  font-family: var(--x26-sans) !important;
  font-size: clamp(2.8rem, 5vw, 6.2rem) !important;
  font-weight: 420 !important;
  letter-spacing: -0.06em !important;
  line-height: 0.95 !important;
}

body.observatory .service-desc { color: rgba(241, 238, 230, 0.59) !important; }
body.observatory .service-tag,
body.observatory .service-meta {
  border-color: var(--x26-line) !important;
  color: rgba(241, 238, 230, 0.62) !important;
}

/* Process and coverage */
body.observatory .method-section { background: var(--x26-paper-2) !important; }

body.observatory .process-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--x26-line-dark);
  border-left: 1px solid var(--x26-line-dark);
}

body.observatory .process-step {
  min-height: 340px;
  padding: 1.4rem !important;
  border: 0 !important;
  border-right: 1px solid var(--x26-line-dark) !important;
  border-bottom: 1px solid var(--x26-line-dark) !important;
  background: transparent !important;
}

body.observatory .process-num {
  width: 100% !important;
  color: var(--x26-signal-dark) !important;
  font-family: var(--x26-sans) !important;
  font-size: 0.62rem !important;
  font-weight: 650;
  letter-spacing: 0.16em;
}

body.observatory .process-title {
  margin-top: auto;
  color: var(--x26-ink) !important;
  font-family: var(--x26-display) !important;
  font-size: clamp(2rem, 3vw, 3.4rem) !important;
  font-style: italic;
  font-weight: 400 !important;
  letter-spacing: -0.035em !important;
  line-height: 1 !important;
}

body.observatory .coverage-section { background: var(--x26-paper) !important; }

body.observatory .asset-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--x26-line-dark);
  border-left: 1px solid var(--x26-line-dark);
}

body.observatory .asset-tag {
  min-height: 92px;
  display: flex !important;
  align-items: flex-end;
  padding: 1rem !important;
  border: 0 !important;
  border-right: 1px solid var(--x26-line-dark) !important;
  border-bottom: 1px solid var(--x26-line-dark) !important;
  background: transparent !important;
  color: var(--x26-ink) !important;
  font-size: 0.82rem !important;
  text-align: left !important;
  transition: background 260ms var(--x26-ease), color 260ms var(--x26-ease) !important;
}

body.observatory .asset-tag:hover {
  background: var(--x26-ink) !important;
  color: var(--x26-paper) !important;
}

/* Leadership */
body.observatory .leadership-section {
  background: var(--x26-ink-3) !important;
  color: var(--x26-paper) !important;
}

body.observatory .leadership-section .index-header { color: var(--x26-signal) !important; }
body.observatory .leadership-section .index-header::after { background: var(--x26-line); }

body.observatory .leadership-grid {
  grid-template-columns: minmax(340px, 0.9fr) minmax(0, 1.1fr) !important;
  gap: clamp(3rem, 9vw, 10rem) !important;
  align-items: end !important;
}

body.observatory .leader-img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  filter: grayscale(1) contrast(1.12) brightness(0.76) !important;
}

body.observatory .leader-meta {
  border-color: var(--x26-line) !important;
}

body.observatory .meta-box {
  background: transparent !important;
  border-color: var(--x26-line) !important;
}

body.observatory .meta-box-label { color: var(--x26-signal) !important; }
body.observatory .meta-box-value { color: var(--x26-paper) !important; }

body.observatory .leader-bio h3 {
  color: var(--x26-paper) !important;
  font-family: var(--x26-display) !important;
  font-size: clamp(4rem, 7vw, 8.5rem) !important;
  font-style: italic;
  font-weight: 400 !important;
  letter-spacing: -0.065em !important;
  line-height: 0.85 !important;
}

body.observatory .leadership-section .body-text { color: rgba(241, 238, 230, 0.64) !important; }

body.observatory .leadership-section .gold-quote {
  border-color: var(--x26-line) !important;
}

body.observatory .leadership-section .gold-quote p { color: var(--x26-paper) !important; }

/* FAQ */
body.observatory #faq { background: var(--x26-paper-2) !important; }

body.observatory .faq-list {
  max-width: none !important;
  border-top: 1px solid var(--x26-line-dark);
}

body.observatory .faq-item { border-color: var(--x26-line-dark) !important; }

body.observatory .faq-q {
  min-height: 94px;
  padding: 1.4rem 0 !important;
  color: var(--x26-ink) !important;
  font-size: clamp(1.1rem, 1.7vw, 1.8rem) !important;
}

body.observatory .faq-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid var(--x26-line-dark);
  color: var(--x26-ink) !important;
  transition: transform 320ms var(--x26-ease), background 320ms var(--x26-ease);
}

body.observatory .faq-item.open .faq-icon {
  background: var(--x26-signal);
  transform: rotate(45deg);
}

body.observatory .faq-a { color: rgba(8, 10, 10, 0.66) !important; }

/* Review form */
body.observatory .review-section {
  overflow: hidden;
  background: var(--x26-ink) !important;
  color: var(--x26-paper) !important;
}

body.observatory .review-section::after {
  content: "LTG";
  position: absolute;
  right: -0.08em;
  bottom: -0.18em;
  color: rgba(241, 238, 230, 0.025);
  font-family: var(--x26-sans);
  font-size: clamp(12rem, 34vw, 36rem);
  font-weight: 600;
  letter-spacing: -0.12em;
  line-height: 0.8;
  pointer-events: none;
}

body.observatory .review-section .index-header { color: var(--x26-signal) !important; }
body.observatory .review-section .index-header::after { background: var(--x26-line); }

body.observatory .form-grid {
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(300px, 0.8fr) minmax(430px, 1.2fr) !important;
  gap: clamp(3rem, 8vw, 9rem) !important;
}

body.observatory .form-intro h2 {
  color: var(--x26-paper) !important;
  font-size: clamp(3.2rem, 5.5vw, 6.7rem) !important;
}

body.observatory .form-intro p { color: rgba(241, 238, 230, 0.61) !important; }
body.observatory .form-intro a { color: var(--x26-signal) !important; }

body.observatory .form-trust {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 !important;
  margin-top: 2.5rem;
  border-top: 1px solid var(--x26-line);
  border-left: 1px solid var(--x26-line);
}

body.observatory .form-trust-item {
  padding: 1rem !important;
  border: 0 !important;
  border-right: 1px solid var(--x26-line) !important;
  border-bottom: 1px solid var(--x26-line) !important;
  color: rgba(241, 238, 230, 0.72) !important;
  font-size: 0.64rem !important;
}

body.observatory .wizard {
  padding: clamp(1.4rem, 3.5vw, 3.2rem) !important;
  border: 1px solid rgba(241, 238, 230, 0.23) !important;
  border-radius: 0 !important;
  background: rgba(241, 238, 230, 0.055) !important;
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.32) !important;
  backdrop-filter: blur(12px);
}

body.observatory .wizard-progress { background: rgba(241, 238, 230, 0.12) !important; }
body.observatory .wizard-progress-fill { background: var(--x26-signal) !important; }
body.observatory .wizard-steps-label,
body.observatory .wizard-question,
body.observatory .form-field label { color: var(--x26-paper) !important; }

body.observatory .wizard-card {
  border-color: rgba(241, 238, 230, 0.19) !important;
  border-radius: 0 !important;
  background: rgba(8, 10, 10, 0.18) !important;
  color: var(--x26-paper) !important;
}

body.observatory .wizard-card:hover,
body.observatory .wizard-card.selected {
  border-color: var(--x26-signal) !important;
  background: rgba(80, 112, 138, 0.14) !important;
}

body.observatory .wizard-card-icon { color: var(--x26-signal) !important; }
body.observatory .wizard-card-sub,
body.observatory .form-help,
body.observatory .form-notice { color: rgba(241, 238, 230, 0.48) !important; }

body.observatory .form-field input,
body.observatory .form-field select,
body.observatory .form-field textarea {
  min-height: 54px;
  border: 1px solid rgba(241, 238, 230, 0.24) !important;
  border-radius: 0 !important;
  background: rgba(8, 10, 10, 0.28) !important;
  color: var(--x26-paper) !important;
}

body.observatory .form-field input::placeholder,
body.observatory .form-field textarea::placeholder { color: rgba(241, 238, 230, 0.34) !important; }

body.observatory .form-field select option { color: var(--x26-ink); }
body.observatory .wizard-back { color: var(--x26-paper) !important; }
body.observatory .wizard-success-headline { color: var(--x26-paper) !important; }

/* Closing CTA and footer */
body.observatory .cta-section {
  padding: clamp(7rem, 13vw, 14rem) 0 !important;
  background: var(--x26-signal) !important;
  border: 0 !important;
  color: var(--x26-ink) !important;
}

body.observatory .cta-inner { max-width: 1250px !important; }
body.observatory .cta-eyebrow { color: rgba(8, 10, 10, 0.58) !important; }

body.observatory .cta-headline {
  color: var(--x26-ink) !important;
  font-size: clamp(4rem, 9.5vw, 11.5rem) !important;
  line-height: 0.82 !important;
}

body.observatory .cta-sub {
  max-width: 620px;
  margin-left: auto !important;
  color: rgba(8, 10, 10, 0.66) !important;
  font-size: clamp(1.05rem, 1.5vw, 1.35rem) !important;
}

body.observatory .cta-buttons { justify-content: flex-end !important; }

body.observatory .cta-section .btn-gold {
  background: var(--x26-ink) !important;
  border-color: var(--x26-ink) !important;
  color: var(--x26-paper) !important;
}

body.observatory .cta-section .btn-outline {
  border-color: rgba(8, 10, 10, 0.48) !important;
  color: var(--x26-ink) !important;
}

body.observatory .footer {
  padding-top: clamp(4rem, 8vw, 8rem) !important;
  background: var(--x26-ink) !important;
  border-color: var(--x26-line) !important;
  color: rgba(241, 238, 230, 0.5) !important;
}

body.observatory .footer-brand-name {
  color: var(--x26-paper) !important;
  font-family: var(--x26-sans) !important;
  font-size: clamp(2.6rem, 5vw, 6rem) !important;
  font-weight: 430 !important;
  letter-spacing: -0.06em !important;
}

body.observatory .footer a { color: rgba(241, 238, 230, 0.7) !important; }
body.observatory .footer a:hover { color: var(--x26-signal) !important; }
body.observatory .footer-col-label { color: var(--x26-signal) !important; }
body.observatory .footer-bottom { border-color: var(--x26-line) !important; }

/* Shared component geometry */
body.observatory .btn-primary,
body.observatory .btn-gold,
body.observatory .btn-ghost,
body.observatory .btn-outline,
body.observatory .wizard-next,
body.observatory .nav-cta {
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--x26-sans) !important;
  font-size: 0.64rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase;
  transition: color 250ms var(--x26-ease), background 250ms var(--x26-ease), border-color 250ms var(--x26-ease) !important;
}

.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 760ms var(--x26-ease), transform 760ms var(--x26-ease) !important;
}

.reveal.visible { opacity: 1; transform: translateY(0); }

/* Responsive system */
@media (max-width: 1100px) {
  .award-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr); gap: 2rem; }
  .award-hero-summary { grid-template-columns: 1fr; }
  body.observatory .tombstone { grid-column: span 6; }
  body.observatory .advantage-grid,
  body.observatory .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.observatory .asset-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 860px) {
  body.observatory .site-nav,
  body.observatory .nav-inner { height: 72px !important; min-height: 72px !important; }
  body.observatory .nav-logo { font-size: 0.66rem !important; }
  body.observatory .nav-logo::before { width: 30px; height: 30px; }
  body.observatory .nav-mobile { background: rgba(8, 10, 10, 0.98) !important; }
  body.observatory .nav-mobile a { color: var(--x26-paper) !important; }
  body.observatory .nav-mobile-cta { background: var(--x26-signal) !important; color: var(--x26-ink) !important; }
  .award-hero-inner { min-height: max(720px, calc(100svh - 72px)); }
  .award-hero-grid { grid-template-columns: 1fr; align-items: end; padding-block: 4rem 2.5rem; }
  .award-decision-room { display: none; }
  body.observatory .award-title { font-size: clamp(4.3rem, 13.5vw, 7.5rem) !important; }
  .award-hero-summary { max-width: 640px; }
  .award-hero-footer { grid-template-columns: repeat(3, 1fr); }
  .award-hero-scroll { display: none; }
  body.observatory .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.observatory .split-grid,
  body.observatory .navigator-grid,
  body.observatory .leadership-grid,
  body.observatory .form-grid { grid-template-columns: 1fr !important; }
  body.observatory .split-visual,
  body.observatory .leader-visual { max-width: 640px; }
  body.observatory .navigator-grid { gap: 4rem !important; }
  body.observatory .readiness-panel { min-height: 460px; }
  body.observatory .service-item { grid-template-columns: 3rem minmax(0, 1fr) !important; }
  body.observatory .service-meta { display: none; }
  body.observatory .asset-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 620px) {
  :root { --x26-gutter: 1.15rem; }
  html { scroll-padding-top: 72px; }
  .award-hero-media img { object-position: 63% center; }
  .award-hero-media::after {
    background: linear-gradient(180deg, rgba(8,10,10,.62) 0%, rgba(8,10,10,.72) 36%, rgba(8,10,10,.98) 82%);
  }
  .award-hero-inner { padding-top: 1.5rem; }
  .award-hero-meta { align-items: flex-start; font-size: 0.5rem; line-height: 1.45; }
  .award-hero-grid { align-content: end; padding-block: 3.2rem 2rem; }
  body.observatory .award-title { font-size: clamp(3.75rem, 17vw, 5.7rem) !important; line-height: 0.86 !important; }
  .award-hero-summary { margin-top: 1.75rem; }
  .award-hero-summary p { font-size: 1rem; }
  .award-actions { flex-direction: column; align-items: stretch; }
  .award-actions a { width: 100%; justify-content: center; text-align: center; }
  .award-hero-footer { grid-template-columns: 1fr 1fr; }
  .award-hero-footer > div:nth-child(3) { display: none; }
  body.observatory .metrics-grid { grid-template-columns: 1fr !important; }
  body.observatory .metric-item { min-height: 155px; }
  body.observatory .tombstone { grid-column: span 12; min-height: 235px; }
  body.observatory .advantage-grid,
  body.observatory .process-grid,
  body.observatory .asset-grid { grid-template-columns: 1fr !important; }
  body.observatory .advantage-item { min-height: 230px; }
  body.observatory .process-step { min-height: 260px; }
  body.observatory .split-img,
  body.observatory .leader-img { aspect-ratio: 4 / 4.6; }
  body.observatory .navigator-tab { font-size: 0.74rem !important; }
  body.observatory .readiness-panel { min-height: auto; padding: 1.4rem !important; }
  body.observatory .readiness-list { grid-template-columns: 1fr !important; }
  body.observatory .service-item { grid-template-columns: 2.2rem minmax(0, 1fr) !important; gap: 0.75rem !important; }
  body.observatory .service-title { font-size: clamp(2.45rem, 12vw, 4rem) !important; }
  body.observatory .form-trust { grid-template-columns: 1fr; }
  body.observatory .wizard-cards,
  body.observatory .wizard-fields { grid-template-columns: 1fr !important; }
  body.observatory .cta-headline { font-size: clamp(4rem, 18vw, 6.8rem) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .award-ribbon-track { animation: none; }
  .award-hero-media img,
  .reveal,
  body.observatory .service-item,
  body.observatory .navigator-tab,
  .decision-room-link span { transition: none !important; transform: none !important; }
  .experience-progress { display: none; }
}

/* Streamlined homepage: three focused differentiators and three process steps. */
body.observatory .advantage-grid.three-up,
body.observatory .process-grid.three-up {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 1100px) {
  body.observatory .advantage-grid.three-up,
  body.observatory .process-grid.three-up {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* 2026 coherence pass
   Keep the editorial serif as a deliberate accent, while typography, color,
   and interaction states use one consistent institutional system. */
body.observatory .pressure-section,
body.observatory #advantage,
body.observatory .method-section,
body.observatory #faq {
  background: var(--x26-paper) !important;
  color: var(--x26-ink) !important;
}

body.observatory .instrument-section {
  background: var(--x26-paper-2) !important;
  color: var(--x26-ink) !important;
}

body.observatory .pressure-section .section-headline,
body.observatory .pressure-section .adv-title,
body.observatory #advantage .section-headline,
body.observatory #advantage .adv-title,
body.observatory .method-section .section-headline,
body.observatory .method-section .process-title,
body.observatory .instrument-section .section-headline,
body.observatory .instrument-section .service-title,
body.observatory #faq .section-headline,
body.observatory #faq .faq-q {
  color: var(--x26-ink) !important;
}

body.observatory .pressure-section .adv-desc,
body.observatory #advantage .adv-desc,
body.observatory .method-section .process-desc,
body.observatory .instrument-section .service-desc,
body.observatory #faq .faq-a {
  color: rgba(8, 19, 28, 0.66) !important;
}

body.observatory .instrument-section .service-item,
body.observatory .instrument-section .service-tag,
body.observatory .instrument-section .service-meta {
  border-color: var(--x26-line-dark) !important;
}

body.observatory .instrument-section .service-tag,
body.observatory .instrument-section .service-meta {
  color: rgba(8, 19, 28, 0.6) !important;
}

body.observatory .process-title,
body.observatory #faq .faq-q,
body.observatory .wizard-question,
body.observatory .wizard-card-label {
  font-family: var(--x26-sans) !important;
  font-style: normal !important;
}

body.observatory .process-title {
  font-weight: 520 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.02 !important;
}

body.observatory #faq .faq-q {
  font-weight: 520 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.35 !important;
}

body.observatory .wizard-question,
body.observatory .wizard-card-label {
  font-weight: 540 !important;
  letter-spacing: -0.02em !important;
}

body.observatory .pressure-section .advantage-item:hover,
body.observatory #advantage .advantage-item:hover,
body.observatory .instrument-section .service-item:hover,
body.observatory .method-section .process-step:hover {
  background: rgba(184, 116, 66, 0.075) !important;
  box-shadow: inset 0 3px 0 var(--x26-signal) !important;
}

body.observatory .wizard-card:hover,
body.observatory .wizard-card.selected {
  border-color: var(--x26-signal) !important;
  background: rgba(184, 116, 66, 0.14) !important;
}

body.observatory #faq .faq-item.open .faq-icon {
  background: var(--x26-signal) !important;
}

body.observatory .cta-section {
  background: var(--x26-signal) !important;
  color: var(--x26-ink) !important;
}

body.observatory .cta-section .cta-eyebrow,
body.observatory .cta-section .cta-headline,
body.observatory .cta-section .cta-sub {
  color: var(--x26-ink) !important;
}

body.observatory .cta-section .btn-outline {
  border-color: rgba(8, 19, 28, 0.42) !important;
  color: var(--x26-ink) !important;
}

body.experience-shell .service-card:hover,
body.experience-shell .post-card:hover {
  background: var(--x26-paper-2) !important;
  box-shadow: inset 3px 0 0 var(--x26-signal) !important;
}

body.experience-shell .filter-btn:hover,
body.experience-shell .filter-btn.active {
  border-color: var(--x26-signal) !important;
  color: var(--x26-signal-dark) !important;
  background: rgba(184, 116, 66, 0.07) !important;
}

body.experience-shell .insights-filters {
  border-top-color: var(--x26-line-dark) !important;
  border-bottom-color: var(--x26-line-dark) !important;
}

/* Keep the conversion widget on-brand even when a browser still has an older
   cached copy of chat-widget.js. These important overrides are intentional. */
#ltg-chat-btn,
.ltg-chat-avatar,
.ltg-chat-send {
  background: var(--x26-signal) !important;
}

#ltg-chat-btn:hover,
.ltg-chat-send:hover {
  background: var(--x26-warm) !important;
}

#ltg-chat-btn {
  border-color: rgba(244, 240, 232, 0.2) !important;
}

#ltg-chat-btn svg,
.ltg-chat-send svg {
  fill: var(--x26-ink) !important;
}

#ltg-chat-panel {
  background: var(--x26-ink-2) !important;
  border-color: rgba(184, 116, 66, 0.32) !important;
  font-family: var(--x26-sans) !important;
}

.ltg-chat-header,
.ltg-chat-input-row {
  border-color: rgba(184, 116, 66, 0.2) !important;
}

.ltg-msg-user {
  background: rgba(184, 116, 66, 0.18) !important;
  border-color: rgba(184, 116, 66, 0.32) !important;
}

.ltg-chat-input:focus {
  border-color: rgba(184, 116, 66, 0.55) !important;
}

.ltg-char-counter.warn {
  color: var(--x26-warm) !important;
}

@media (max-width: 760px) {
  body.observatory .advantage-grid.three-up,
  body.observatory .process-grid.three-up {
    grid-template-columns: 1fr !important;
  }
}

@media (forced-colors: active) {
  .award-hero-media,
  .award-hero-shade { display: none; }
  .award-decision-room,
  body.observatory .wizard { backdrop-filter: none; }
}

/* --------------------------------------------------------------------------
   Secondary-page shell
   The homepage carries the full cinematic expression. Interior pages use the
   same typography, rule-line grid, and signal color with a quieter paper-led
   reading experience.
   -------------------------------------------------------------------------- */

body.experience-shell {
  --ltg-bg: var(--x26-paper);
  --ltg-surface: var(--x26-paper-2);
  --ltg-text: var(--x26-ink);
  --ltg-muted: rgba(8, 10, 10, 0.64);
  --ltg-soft: rgba(8, 10, 10, 0.48);
  --ltg-accent: var(--x26-signal-dark);
  --ltg-accent-hover: var(--x26-signal);
  --ltg-line: var(--x26-line-dark);
  --ltg-line-strong: rgba(8, 10, 10, 0.28);
  --ltg-dark: var(--x26-ink);
  --ltg-font-display: var(--x26-sans);
  --ltg-font-body: var(--x26-sans);
  --font-display: var(--x26-sans);
  --font-body: var(--x26-sans);
  --accent: var(--x26-signal-dark);
  --accent-hover: var(--x26-signal);
  background: var(--x26-paper) !important;
  color: var(--x26-ink) !important;
  font-family: var(--x26-sans) !important;
  font-size: 16px;
  letter-spacing: -0.01em;
}

body.experience-shell::selection {
  background: var(--x26-signal);
  color: var(--x26-ink);
}

body.experience-shell :focus-visible {
  outline: 3px solid var(--x26-signal) !important;
  outline-offset: 4px !important;
}

body.experience-shell .site-nav {
  height: 82px !important;
  min-height: 82px !important;
  background: rgba(8, 10, 10, 0.94) !important;
  border-color: var(--x26-line) !important;
  color: var(--x26-paper) !important;
  backdrop-filter: blur(22px) saturate(130%) !important;
}

body.experience-shell .nav-inner {
  width: min(100%, var(--x26-container));
  max-width: var(--x26-container) !important;
  min-height: 82px !important;
  padding-inline: var(--x26-gutter) !important;
}

body.experience-shell .nav-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  color: var(--x26-paper) !important;
  font-size: 0.72rem !important;
  font-weight: 560 !important;
  letter-spacing: 0.19em !important;
}

body.experience-shell .nav-logo::before {
  content: "LTG";
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(184, 116, 66, 0.72);
  color: var(--x26-signal);
  font-size: 0.52rem;
  letter-spacing: 0.1em;
}

body.experience-shell .nav-links { gap: clamp(1rem, 1.8vw, 2.15rem) !important; }

body.experience-shell .nav-links a {
  color: rgba(241, 238, 230, 0.66) !important;
  font-size: 0.64rem !important;
  font-weight: 560 !important;
  letter-spacing: 0.14em !important;
}

body.experience-shell .nav-links a:hover,
body.experience-shell .nav-links a.active { color: var(--x26-signal) !important; }

body.experience-shell .nav-cta {
  min-height: 42px !important;
  border-color: var(--x26-signal) !important;
  border-radius: 0 !important;
  background: var(--x26-signal) !important;
  color: var(--x26-ink) !important;
}

body.experience-shell .nav-mobile {
  background: var(--x26-ink) !important;
  border-color: var(--x26-line) !important;
}

body.experience-shell .nav-mobile a { color: var(--x26-paper) !important; }
body.experience-shell .nav-mobile-cta { background: var(--x26-signal) !important; color: var(--x26-ink) !important; }
body.experience-shell .nav-menu-btn { border-color: rgba(241, 238, 230, 0.28) !important; }
body.experience-shell .nav-menu-btn span { background: var(--x26-paper) !important; }

body.experience-shell main {
  min-height: 65vh;
  background:
    linear-gradient(rgba(8, 10, 10, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 10, 10, 0.035) 1px, transparent 1px),
    var(--x26-paper) !important;
  background-size: min(10vw, 140px) min(10vw, 140px);
}

body.experience-shell .page-wrap,
body.experience-shell .utility-main {
  width: min(100%, var(--x26-container)) !important;
  max-width: var(--x26-container) !important;
  margin-inline: auto !important;
  padding: clamp(5.5rem, 10vw, 10rem) var(--x26-gutter) clamp(6rem, 11vw, 11rem) !important;
}

body.experience-shell .page-eyebrow,
body.experience-shell .about-eyebrow,
body.experience-shell .section-label,
body.experience-shell .section-heading,
body.experience-shell .svc-eyebrow,
body.experience-shell .detail-label {
  color: var(--x26-signal-dark) !important;
  font-family: var(--x26-sans) !important;
  font-size: 0.61rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
}

body.experience-shell .page-title,
body.experience-shell .about-name,
body.experience-shell .insights-headline,
body.experience-shell .utility-title {
  max-width: 1120px;
  margin: 1.35rem 0 1.8rem !important;
  color: var(--x26-ink) !important;
  font-family: var(--x26-sans) !important;
  font-size: clamp(4rem, 9vw, 10rem) !important;
  font-weight: 430 !important;
  letter-spacing: -0.075em !important;
  line-height: 0.84 !important;
}

body.experience-shell .about-name {
  font-family: var(--x26-display) !important;
  font-style: italic;
  font-weight: 400 !important;
}

body.experience-shell .page-subtitle,
body.experience-shell .about-title,
body.experience-shell .insights-sub,
body.experience-shell .utility-lead {
  max-width: 760px !important;
  color: rgba(8, 10, 10, 0.68) !important;
  font-size: clamp(1.12rem, 1.7vw, 1.5rem) !important;
  line-height: 1.5 !important;
}

body.experience-shell .page-intro,
body.experience-shell .body-text,
body.experience-shell .bio-text {
  max-width: 760px;
  color: rgba(8, 10, 10, 0.64) !important;
  font-size: clamp(1.02rem, 1.25vw, 1.2rem) !important;
  line-height: 1.68 !important;
}

body.experience-shell .rule {
  margin-block: clamp(4rem, 8vw, 8rem) !important;
  border-color: var(--x26-line-dark) !important;
}

body.experience-shell .back-link {
  display: inline-flex;
  margin-bottom: 3rem;
  color: var(--x26-signal-dark) !important;
  font-size: 0.65rem;
  font-weight: 650;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Expertise and service pages */
body.experience-shell .services-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: clamp(4rem, 8vw, 8rem) !important;
  border-top: 1px solid var(--x26-line-dark) !important;
  border-left: 1px solid var(--x26-line-dark) !important;
  background: transparent !important;
}

body.experience-shell .service-card {
  min-height: 330px;
  display: flex !important;
  flex-direction: column;
  padding: clamp(1.5rem, 3vw, 3rem) !important;
  border: 0 !important;
  border-right: 1px solid var(--x26-line-dark) !important;
  border-bottom: 1px solid var(--x26-line-dark) !important;
  border-radius: 0 !important;
  background: rgba(241, 238, 230, 0.66) !important;
  box-shadow: none !important;
  transition: background 300ms var(--x26-ease) !important;
}

body.experience-shell .service-card:hover {
  background: var(--x26-signal) !important;
  transform: none !important;
}

body.experience-shell .svc-title {
  margin-top: auto !important;
  color: var(--x26-ink) !important;
  font-family: var(--x26-sans) !important;
  font-size: clamp(2.2rem, 4vw, 4.8rem) !important;
  font-weight: 440 !important;
  letter-spacing: -0.055em !important;
  line-height: 0.95 !important;
}

body.experience-shell .svc-desc { color: rgba(8, 10, 10, 0.62) !important; }
body.experience-shell .svc-link { color: var(--x26-ink) !important; font-weight: 650; }

body.experience-shell .params-table {
  width: 100% !important;
  margin-top: 2rem !important;
  border-collapse: collapse !important;
  border-top: 1px solid var(--x26-line-dark) !important;
}

body.experience-shell .params-table td {
  padding: clamp(1rem, 2vw, 1.6rem) !important;
  border-color: var(--x26-line-dark) !important;
  background: rgba(241, 238, 230, 0.72) !important;
}

body.experience-shell .params-table td:first-child {
  width: 34%;
  color: var(--x26-signal-dark) !important;
  font-size: 0.62rem !important;
  font-weight: 650;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.experience-shell .cta-section,
body.experience-shell .cta-box,
body.experience-shell .insights-callout {
  margin-top: clamp(5rem, 9vw, 9rem) !important;
  padding: clamp(2rem, 5vw, 5rem) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--x26-wine) !important;
  color: var(--x26-paper) !important;
}

body.experience-shell .cta-section h2,
body.experience-shell .cta-box h2 {
  color: var(--x26-paper) !important;
  font-family: var(--x26-display) !important;
  font-size: clamp(2.6rem, 5vw, 6rem) !important;
  font-style: italic;
  font-weight: 400 !important;
  letter-spacing: -0.045em !important;
  line-height: 0.95 !important;
}

body.experience-shell .cta-section p,
body.experience-shell .cta-box p,
body.experience-shell .insights-callout p { color: rgba(241, 238, 230, 0.7) !important; }

body.experience-shell .cta-btn,
body.experience-shell .callout-link {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.25rem !important;
  border: 1px solid var(--x26-signal) !important;
  border-radius: 0 !important;
  background: var(--x26-signal) !important;
  color: var(--x26-ink) !important;
  font-size: 0.64rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase;
}

/* Transactions */
body.experience-shell .stats-bar {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-block: clamp(3rem, 6vw, 6rem) !important;
  border-top: 1px solid var(--x26-line-dark) !important;
  border-left: 1px solid var(--x26-line-dark) !important;
  background: transparent !important;
}

body.experience-shell .stat-item {
  min-height: 150px;
  align-items: flex-start !important;
  justify-content: space-between !important;
  padding: 1.3rem !important;
  border: 0 !important;
  border-right: 1px solid var(--x26-line-dark) !important;
  border-bottom: 1px solid var(--x26-line-dark) !important;
}

body.experience-shell .stat-num {
  color: var(--x26-ink) !important;
  font-family: var(--x26-display) !important;
  font-size: clamp(2.5rem, 4vw, 5rem) !important;
  font-style: italic;
  font-weight: 400 !important;
}

body.experience-shell .filter-bar,
body.experience-shell .insights-filters {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0 !important;
  border-bottom: 1px solid var(--x26-line-dark) !important;
  background: var(--x26-paper) !important;
}

body.experience-shell .filter-btn,
body.experience-shell .insights-page-btn {
  min-height: 44px;
  padding: 0.75rem 1rem !important;
  border: 1px solid var(--x26-line-dark) !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(8, 10, 10, 0.65) !important;
}

body.experience-shell .filter-btn.active,
body.experience-shell .filter-btn:hover,
body.experience-shell .insights-page-btn:hover:not(:disabled) {
  background: var(--x26-ink) !important;
  color: var(--x26-paper) !important;
  border-color: var(--x26-ink) !important;
}

body.experience-shell #tombstone-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 3rem !important;
  border-top: 1px solid var(--x26-line) !important;
  border-left: 1px solid var(--x26-line) !important;
  background: var(--x26-ink) !important;
}

body.experience-shell #tombstone-grid .tombstone {
  min-height: 330px;
  padding: clamp(1.3rem, 2.5vw, 2.4rem) !important;
  border: 0 !important;
  border-right: 1px solid var(--x26-line) !important;
  border-bottom: 1px solid var(--x26-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--x26-paper) !important;
  box-shadow: none !important;
}

body.experience-shell #tombstone-grid .tombstone-type,
body.experience-shell #tombstone-grid .tombstone-year { color: var(--x26-signal) !important; }

body.experience-shell #tombstone-grid .tombstone-amount {
  color: var(--x26-paper) !important;
  font-family: var(--x26-display) !important;
  font-size: clamp(3.6rem, 5vw, 6rem) !important;
  font-style: italic;
  font-weight: 400 !important;
}

body.experience-shell #tombstone-grid .tombstone-asset { color: var(--x26-paper) !important; }
body.experience-shell #tombstone-grid .tombstone-desc { color: rgba(241, 238, 230, 0.55) !important; }

/* About */
body.experience-shell .profile-grid {
  display: grid !important;
  grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr) !important;
  gap: clamp(3rem, 9vw, 10rem) !important;
  align-items: end !important;
  margin-top: clamp(3rem, 7vw, 7rem) !important;
}

body.experience-shell .profile-photo {
  width: 100% !important;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  filter: grayscale(1) contrast(1.12) brightness(0.78);
  clip-path: polygon(0 0, 100% 0, 100% 92%, 82% 100%, 0 100%);
}

body.experience-shell .details-grid,
body.experience-shell .expertise-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--x26-line-dark) !important;
  border-left: 1px solid var(--x26-line-dark) !important;
}

body.experience-shell .detail-block,
body.experience-shell .expertise-tag {
  min-height: 100px;
  padding: 1rem !important;
  border: 0 !important;
  border-right: 1px solid var(--x26-line-dark) !important;
  border-bottom: 1px solid var(--x26-line-dark) !important;
  border-radius: 0 !important;
  background: rgba(241, 238, 230, 0.58) !important;
  color: var(--x26-ink) !important;
}

/* Intelligence */
body.experience-shell .insights-hero {
  padding-top: clamp(6rem, 11vw, 11rem) !important;
  padding-bottom: clamp(4rem, 8vw, 8rem) !important;
}

body.experience-shell .insights-headline { max-width: 1040px; }

body.experience-shell .insights-tools {
  border-color: var(--x26-line-dark) !important;
  background: var(--x26-paper-2) !important;
}

body.experience-shell .insights-search {
  min-height: 52px;
  border: 1px solid var(--x26-line-dark) !important;
  border-radius: 0 !important;
  background: var(--x26-paper) !important;
  color: var(--x26-ink) !important;
}

body.experience-shell .insights-grid {
  gap: 0 !important;
  border-color: var(--x26-line-dark) !important;
  background: transparent !important;
}

body.experience-shell .post-card {
  min-height: 360px;
  padding: clamp(1.5rem, 3vw, 3rem) !important;
  border-right: 1px solid var(--x26-line-dark);
  border-bottom: 1px solid var(--x26-line-dark);
  background: rgba(241, 238, 230, 0.72) !important;
}

body.experience-shell .post-card:hover { background: var(--x26-signal) !important; }

body.experience-shell .post-card-title {
  color: var(--x26-ink) !important;
  font-family: var(--x26-sans) !important;
  font-size: clamp(1.8rem, 3vw, 3.4rem) !important;
  font-weight: 450 !important;
  letter-spacing: -0.045em !important;
  line-height: 1 !important;
}

body.experience-shell .post-card-cat,
body.experience-shell .post-card-read { color: var(--x26-signal-dark) !important; }
body.experience-shell .post-card:hover .post-card-cat,
body.experience-shell .post-card:hover .post-card-read { color: var(--x26-ink) !important; }

/* Shared interior footer */
body.experience-shell .site-footer,
body.experience-shell .footer {
  margin: 0 !important;
  padding: clamp(3rem, 7vw, 7rem) var(--x26-gutter) !important;
  border-color: var(--x26-line) !important;
  background: var(--x26-ink) !important;
  color: rgba(241, 238, 230, 0.5) !important;
}

body.experience-shell .site-footer a,
body.experience-shell .footer a { color: rgba(241, 238, 230, 0.72) !important; }
body.experience-shell .site-footer a:hover,
body.experience-shell .footer a:hover { color: var(--x26-signal) !important; }
body.experience-shell .footer-brand-name { color: var(--x26-paper) !important; }
body.experience-shell .footer-col-label { color: var(--x26-signal) !important; }

@media (max-width: 900px) {
  body.experience-shell .profile-grid { grid-template-columns: 1fr !important; }
  body.experience-shell .profile-photo { max-width: 640px; }
  body.experience-shell .services-grid,
  body.experience-shell #tombstone-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.experience-shell .stats-bar,
  body.experience-shell .details-grid,
  body.experience-shell .expertise-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 620px) {
  body.experience-shell .site-nav,
  body.experience-shell .nav-inner { height: 72px !important; min-height: 72px !important; }
  body.experience-shell .nav-logo::before { width: 30px; height: 30px; }
  body.experience-shell .page-title,
  body.experience-shell .about-name,
  body.experience-shell .insights-headline,
  body.experience-shell .utility-title { font-size: clamp(3.65rem, 17vw, 6rem) !important; }
  body.experience-shell .services-grid,
  body.experience-shell #tombstone-grid,
  body.experience-shell .stats-bar,
  body.experience-shell .details-grid,
  body.experience-shell .expertise-grid { grid-template-columns: 1fr !important; }
  body.experience-shell .service-card,
  body.experience-shell #tombstone-grid .tombstone { min-height: 270px; }
  body.experience-shell .params-table,
  body.experience-shell .params-table tbody,
  body.experience-shell .params-table tr,
  body.experience-shell .params-table td { display: block; width: 100% !important; }
  body.experience-shell .params-table tr { border-bottom: 1px solid var(--x26-line-dark); }
}

/* --------------------------------------------------------------------------
   Institutional refinement — 2026.3
   Restores the original midnight / ivory / copper character, adds steel-blue
   depth, and brings every public surface onto one measured spatial system.
   -------------------------------------------------------------------------- */

body.observatory,
body.experience-shell {
  --ltg-muted: rgba(8, 19, 28, 0.64);
  --ltg-soft: rgba(8, 19, 28, 0.48);
  --ltg-line-strong: rgba(8, 19, 28, 0.28);
}

html {
  max-width: 100%;
  overflow-x: clip;
}

body.observatory main,
body.experience-shell main {
  background-color: var(--x26-paper) !important;
}

body.observatory .site-nav,
body.experience-shell .site-nav {
  background: color-mix(in srgb, var(--x26-ink) 92%, transparent) !important;
}

body.observatory .nav-cta,
body.experience-shell .nav-cta,
body.observatory .nav-mobile-cta,
body.experience-shell .nav-mobile-cta {
  border-color: var(--x26-signal) !important;
  background: var(--x26-signal) !important;
  color: var(--x26-ink) !important;
}

body.observatory .award-hero,
body.observatory .award-hero-inner {
  min-height: max(700px, calc(100svh - 82px));
}

.award-hero-media img {
  filter: saturate(0.9) contrast(1.04) brightness(0.82);
}

.award-hero.is-ready .award-hero-media img {
  filter: saturate(0.96) contrast(1.05) brightness(0.84);
}

.award-hero-media::after {
  background:
    linear-gradient(90deg, rgba(8, 19, 28, 0.97) 0%, rgba(8, 19, 28, 0.88) 31%, rgba(8, 19, 28, 0.34) 64%, rgba(8, 19, 28, 0.06) 100%),
    linear-gradient(180deg, rgba(8, 19, 28, 0.18) 0%, rgba(8, 19, 28, 0.02) 55%, rgba(8, 19, 28, 0.9) 100%);
}

body.observatory .award-title {
  max-width: 900px;
  font-size: clamp(3.9rem, 7.45vw, 8.3rem) !important;
  line-height: 0.87 !important;
}

.award-kicker,
.award-title .signal-word,
.award-hero-meta span:last-child,
.decision-room-head span:last-child,
.decision-room-list .decision-index,
.decision-room-link span,
.award-hero-scroll {
  color: var(--x26-warm);
}

.decision-room-head span:last-child::before {
  background: var(--x26-warm);
  box-shadow: 0 0 0 5px rgba(210, 162, 114, 0.14);
}

.award-ribbon {
  border-color: var(--x26-line);
  background: var(--x26-slate-deep);
  color: var(--x26-paper);
}

.award-ribbon-track {
  padding-block: 0.68rem;
}

.award-ribbon-track span::after {
  color: var(--x26-warm);
}

body.observatory .metrics-strip {
  padding: clamp(3.25rem, 5vw, 5rem) 0 !important;
}

body.observatory .metric-item {
  min-height: 160px;
}

body.observatory .observatory-section.section,
body.observatory .tombstones-section,
body.observatory .navigator-section {
  padding: clamp(4.75rem, 7vw, 7.5rem) 0 !important;
}

body.observatory .index-header {
  margin-bottom: clamp(1.75rem, 3vw, 2.8rem) !important;
}

body.observatory .section-headline {
  max-width: 980px;
  margin-bottom: clamp(2.5rem, 4vw, 4rem) !important;
  font-size: clamp(2.9rem, 5.15vw, 6.2rem) !important;
  line-height: 0.96 !important;
}

body.observatory .executions-section {
  background: var(--x26-ink-2) !important;
}

body.observatory .tombstone {
  min-height: 250px;
}

body.observatory .tombstone:hover {
  background: #173148 !important;
  color: var(--x26-paper) !important;
  box-shadow: inset 3px 0 0 var(--x26-signal);
}

body.observatory .tombstone:hover .tombstone-type {
  color: var(--x26-warm) !important;
}

body.observatory .tombstone:hover .tombstone-amount,
body.observatory .tombstone:hover .tombstone-asset {
  color: var(--x26-paper) !important;
}

body.observatory .tombstone:hover .tombstone-market {
  color: rgba(244, 240, 232, 0.56) !important;
}

body.observatory #about {
  background: var(--x26-paper-2) !important;
}

body.observatory .split-grid {
  gap: clamp(3rem, 6vw, 6.5rem) !important;
  align-items: center !important;
}

body.observatory .split-img {
  max-height: 620px;
  aspect-ratio: 4 / 4.45;
  filter: grayscale(0.22) saturate(0.72) contrast(1.08) brightness(0.8) !important;
}

body.observatory .split-content h2 {
  font-size: clamp(2.9rem, 5.15vw, 6.2rem) !important;
}

body.observatory .gold-quote {
  margin-top: 2.25rem !important;
}

body.observatory .advantage-item {
  min-height: 220px;
}

body.observatory .advantage-item:hover {
  background: rgba(80, 112, 138, 0.1) !important;
  box-shadow: inset 0 3px 0 var(--x26-slate);
}

body.observatory .navigator-section {
  background: var(--x26-slate-deep) !important;
}

body.observatory .navigator-section::before {
  background:
    radial-gradient(circle at 84% 18%, rgba(210, 162, 114, 0.13), transparent 28%),
    linear-gradient(125deg, transparent 62%, rgba(244, 240, 232, 0.035) 62% 63%, transparent 63%);
}

body.observatory .navigator-grid {
  gap: clamp(3rem, 6vw, 6.5rem) !important;
}

body.observatory .navigator-copy h2 {
  font-size: clamp(2.9rem, 4.6vw, 5.6rem) !important;
}

body.observatory .navigator-tab span,
body.observatory .readiness-type {
  color: var(--x26-warm) !important;
}

body.observatory .navigator-tab:hover,
body.observatory .navigator-tab[aria-selected="true"] {
  padding-left: 1.15rem !important;
  border-color: rgba(244, 240, 232, 0.22) !important;
  background: rgba(244, 240, 232, 0.09) !important;
  color: var(--x26-paper) !important;
  box-shadow: inset 3px 0 0 var(--x26-warm);
}

body.observatory .navigator-tab[aria-selected="true"] span,
body.observatory .navigator-tab:hover span {
  color: var(--x26-warm) !important;
}

body.observatory .readiness-panel {
  min-height: 420px;
  padding: clamp(2rem, 4vw, 3.75rem) !important;
  background: rgba(8, 19, 28, 0.2) !important;
}

body.observatory .instrument-section {
  background: var(--x26-paper-2) !important;
  color: var(--x26-ink) !important;
}

body.observatory .instrument-section .index-header,
body.observatory .instrument-section .service-num {
  color: var(--x26-signal-dark) !important;
}

body.observatory .instrument-section .index-header::after,
body.observatory .instrument-section .service-item {
  border-color: var(--x26-line-dark) !important;
}

body.observatory .instrument-section .index-header::after {
  background: var(--x26-line-dark);
}

body.observatory .instrument-section .section-headline,
body.observatory .instrument-section h2,
body.observatory .service-title {
  color: var(--x26-ink) !important;
}

body.observatory .service-item {
  min-height: 180px;
  padding: clamp(1.75rem, 2.5vw, 2.5rem) 0 !important;
}

body.observatory .service-item:hover {
  padding-inline: 1rem !important;
  background: rgba(80, 112, 138, 0.08) !important;
  box-shadow: inset 3px 0 0 var(--x26-slate);
}

body.observatory .service-title {
  font-size: clamp(2.3rem, 4vw, 4.8rem) !important;
}

body.observatory .service-tags {
  flex-flow: row wrap !important;
  gap: 0.45rem 1rem !important;
  margin-top: 1.15rem !important;
}

body.observatory .service-tag {
  width: auto !important;
}

body.observatory .instrument-section .service-desc {
  color: rgba(8, 19, 28, 0.62) !important;
}

body.observatory .instrument-section .service-tag,
body.observatory .instrument-section .service-meta {
  border-color: var(--x26-line-dark) !important;
  color: rgba(8, 19, 28, 0.62) !important;
}

body.observatory .method-section {
  background: var(--x26-paper) !important;
}

body.observatory .process-step {
  min-height: 250px;
}

body.observatory .coverage-section {
  background: var(--x26-paper-2) !important;
}

body.observatory .asset-tag {
  min-height: 76px;
}

body.observatory .asset-tag:hover {
  background: var(--x26-slate-deep) !important;
  color: var(--x26-paper) !important;
}

body.observatory .leadership-section {
  background: var(--x26-ink-3) !important;
}

body.observatory .leadership-section .section-headline,
body.observatory .leadership-section h2 {
  color: var(--x26-paper) !important;
}

body.observatory .leadership-grid {
  gap: clamp(3rem, 6vw, 6.5rem) !important;
  align-items: center !important;
}

body.observatory .leader-img {
  max-height: 660px;
  aspect-ratio: 4 / 4.7;
  filter: grayscale(0.3) saturate(0.7) contrast(1.08) brightness(0.78) !important;
}

body.observatory .leader-bio h3 {
  font-size: clamp(3.6rem, 6vw, 7rem) !important;
}

body.observatory #faq {
  background: var(--x26-paper) !important;
}

body.observatory .faq-item.open .faq-icon {
  background: var(--x26-mist);
}

body.observatory .review-section {
  background: var(--x26-ink-2) !important;
}

body.observatory .form-grid {
  gap: clamp(3rem, 6vw, 6.5rem) !important;
}

body.observatory .form-intro h2 {
  font-size: clamp(2.9rem, 4.8vw, 5.7rem) !important;
}

body.observatory .wizard-card:hover,
body.observatory .wizard-card.selected {
  border-color: var(--x26-slate) !important;
  background: rgba(80, 112, 138, 0.14) !important;
}

body.observatory .cta-section {
  padding: clamp(5rem, 8vw, 8rem) 0 !important;
  background: var(--x26-slate) !important;
  color: var(--x26-paper) !important;
}

body.observatory .cta-section .cta-eyebrow,
body.observatory .cta-section .cta-sub {
  color: var(--x26-paper) !important;
}

body.observatory .cta-section .cta-headline {
  color: var(--x26-paper) !important;
  font-size: clamp(3.7rem, 7.8vw, 9rem) !important;
}

body.observatory .cta-section .btn-gold {
  background: var(--x26-ink) !important;
  border-color: var(--x26-ink) !important;
  color: var(--x26-paper) !important;
}

body.observatory .cta-section .btn-outline {
  border-color: rgba(244, 240, 232, 0.58) !important;
  color: var(--x26-paper) !important;
}

body.observatory .footer,
body.experience-shell .site-footer,
body.experience-shell .footer {
  background: var(--x26-ink) !important;
}

/* Interior pages inherit the same scale, color cadence, and interaction logic. */
body.experience-shell main {
  background:
    linear-gradient(rgba(8, 19, 28, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 19, 28, 0.03) 1px, transparent 1px),
    var(--x26-paper) !important;
  background-size: min(10vw, 136px) min(10vw, 136px);
}

body.experience-shell .page-wrap,
body.experience-shell .utility-main {
  padding: clamp(4.75rem, 7vw, 7.5rem) var(--x26-gutter) clamp(5rem, 8vw, 8rem) !important;
}

body.experience-shell .page-title,
body.experience-shell .about-name,
body.experience-shell .insights-headline,
body.experience-shell .utility-title {
  font-size: clamp(3.7rem, 7.3vw, 8.2rem) !important;
  line-height: 0.88 !important;
}

body.experience-shell .rule {
  margin-block: clamp(3.25rem, 5vw, 5rem) !important;
}

body.experience-shell .services-grid {
  margin-top: clamp(3rem, 5vw, 5rem) !important;
}

body.experience-shell .service-card {
  min-height: 280px;
  background: rgba(244, 240, 232, 0.64) !important;
}

body.experience-shell .service-card:hover {
  background: var(--x26-paper-2) !important;
  box-shadow: inset 3px 0 0 var(--x26-slate);
}

body.experience-shell .cta-section,
body.experience-shell .cta-box,
body.experience-shell .insights-callout {
  margin-top: clamp(4rem, 6vw, 6rem) !important;
  padding: clamp(2rem, 4vw, 4rem) !important;
  background: var(--x26-slate-deep) !important;
}

body.experience-shell .cta-btn,
body.experience-shell .callout-link {
  border-color: var(--x26-warm) !important;
  background: var(--x26-warm) !important;
  color: var(--x26-ink) !important;
}

body.experience-shell #tombstone-grid .tombstone {
  min-height: 285px;
}

body.experience-shell .profile-grid {
  gap: clamp(3rem, 6vw, 6.5rem) !important;
  margin-top: clamp(3rem, 5vw, 5rem) !important;
}

body.experience-shell .profile-photo {
  max-height: 680px;
  aspect-ratio: 4 / 4.7;
}

body.experience-shell .insights-hero {
  padding-top: clamp(4.75rem, 7vw, 7.5rem) !important;
  padding-bottom: clamp(3.25rem, 5vw, 5rem) !important;
}

body.experience-shell .post-card {
  min-height: 320px;
  background: rgba(244, 240, 232, 0.68) !important;
}

body.experience-shell .post-card:hover {
  background: var(--x26-mist) !important;
  box-shadow: inset 3px 0 0 var(--x26-slate);
}

@media (max-width: 860px) {
  body.observatory .award-hero,
  body.observatory .award-hero-inner {
    min-height: max(680px, calc(100svh - 72px));
  }

  body.observatory .navigator-grid,
  body.observatory .form-grid,
  body.observatory .leadership-grid,
  body.observatory .split-grid {
    gap: 3.5rem !important;
  }

  body.observatory .service-item {
    min-height: 160px;
  }
}

@media (max-width: 620px) {
  body.observatory .award-hero,
  body.observatory .award-hero-inner {
    min-height: max(650px, calc(100svh - 72px));
  }

  body.observatory .award-title {
    font-size: clamp(3.55rem, 16vw, 5.35rem) !important;
  }

  body.observatory .observatory-section.section,
  body.observatory .tombstones-section,
  body.observatory .navigator-section {
    padding: 4.25rem 0 !important;
  }

  body.observatory .section-headline,
  body.observatory .split-content h2 {
    font-size: clamp(2.7rem, 12vw, 4.25rem) !important;
  }

  body.observatory .split-img,
  body.observatory .leader-img {
    max-height: 520px;
    aspect-ratio: 4 / 4.55;
  }

  body.observatory .tombstone {
    min-height: 220px;
  }

  body.observatory .advantage-item,
  body.observatory .process-step {
    min-height: 210px;
  }

  body.observatory .service-item {
    min-height: auto;
    padding-block: 1.6rem !important;
  }

  body.observatory .service-title {
    font-size: clamp(2.25rem, 11vw, 3.7rem) !important;
  }

  body.observatory .asset-tag {
    min-height: 68px;
  }

  body.observatory .cta-section .cta-headline {
    font-size: clamp(3.55rem, 16vw, 5.8rem) !important;
  }

  body.experience-shell .page-title,
  body.experience-shell .about-name,
  body.experience-shell .insights-headline,
  body.experience-shell .utility-title {
    font-size: clamp(3.45rem, 15.5vw, 5.6rem) !important;
  }

  body.experience-shell .page-wrap,
  body.experience-shell .utility-main {
    padding-top: 4.25rem !important;
    padding-bottom: 5rem !important;
  }

  body.experience-shell .service-card,
  body.experience-shell #tombstone-grid .tombstone,
  body.experience-shell .post-card {
    min-height: 250px;
  }

  #ltg-chat-panel {
    right: 1rem !important;
    left: auto !important;
    width: calc(100vw - 2rem) !important;
    max-width: calc(100vw - 2rem) !important;
  }
}