/* ============================================================
   BRANDCORE IO × ARBA LIVING — Stabilization Deck
   ============================================================
   Sections:
     1.  Tokens
     2.  Reset + base typography
     3.  Layout primitives (slide, head, body)
     4.  Top progress bar + nav
     5.  Cover (slide 1)
     6.  Shared components (metric, prose, footnote, mono-label)
     7.  Slide-specific styles (in deck order)
     8.  Responsive
     9.  Print
   ============================================================ */


/* ===== 1. Tokens ===== */
:root {
  /* Surface */
  --obsidian:        #07080b;
  --charcoal:        #0c0e13;
  --graphite:        #11141b;
  --slate:           #181c25;
  --slate-2:         #1f2430;

  /* Brass / metallic */
  --brass:           #c9a65a;
  --brass-soft:      #d8b97a;
  --brass-deep:      #927638;
  --brass-glow:      rgba(201, 166, 90, 0.16);
  --brass-glow-2:    rgba(201, 166, 90, 0.06);

  /* Arba blue */
  --arba-deep:       #142a52;
  --arba:            #1f4180;
  --arba-bright:     #4a7ec9;
  --arba-glow:       rgba(74, 126, 201, 0.18);

  /* Alarm tone */
  --alarm:           #d97a4a;
  --alarm-soft:      #e0986b;
  --alarm-glow:      rgba(217, 122, 74, 0.18);

  /* Text */
  --bone:            #efece4;
  --bone-2:          #d8d4c8;
  --ash:             #9a9a9d;
  --ash-2:           #6b6c72;
  --ink-on-brass:    #14110a;

  /* Lines */
  --hairline:        rgba(239, 236, 228, 0.07);
  --hairline-2:      rgba(239, 236, 228, 0.14);
  --hairline-brass:  rgba(201, 166, 90, 0.32);

  /* Type */
  --display:         "Cormorant Garamond", "Times New Roman", serif;
  --body:            "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mono:            "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Layout */
  --slide-pad-x:     clamp(1.5rem, 5vw, 5rem);
  --slide-pad-y:     clamp(2.5rem, 6vh, 5.5rem);
  --slide-max:       1320px;
  --topbar-h:        72px;
}


/* ===== 2. Reset + base ===== */
*,
*::before,
*::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  background: var(--obsidian);
}

body {
  font-family: var(--body);
  font-weight: 400;
  font-size: 16.5px;
  line-height: 1.55;
  color: var(--bone);
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(31, 65, 128, 0.12), transparent 60%),
    radial-gradient(900px 700px at -10% 100%, rgba(201, 166, 90, 0.06), transparent 55%),
    linear-gradient(180deg, #07080b 0%, #0a0c11 100%);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

img { max-width: 100%; display: block; }

a {
  color: var(--bone);
  text-decoration: none;
  border-bottom: 1px solid var(--hairline-brass);
  transition: color .2s ease, border-color .2s ease;
}
a:hover { color: var(--brass-soft); border-color: var(--brass); }

button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }

::selection { background: var(--brass); color: var(--ink-on-brass); }

.brass     { color: var(--brass); font-style: italic; font-weight: 500; }
.eyebrow   { font-family: var(--mono); font-weight: 500; font-size: .72rem; letter-spacing: .26em; text-transform: uppercase; color: var(--brass); margin: 0; }
.mono-label{ font-family: var(--mono); font-weight: 500; font-size: .68rem; letter-spacing: .22em; text-transform: uppercase; color: var(--ash); }

.display {
  font-family: var(--display);
  font-weight: 500;
  letter-spacing: -0.012em;
  line-height: 1.04;
  color: var(--bone);
  margin: 0;
}
.display em { font-style: italic; color: var(--brass); font-weight: 500; }

.display--2 {
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.06;
  margin-bottom: 2rem;
}


/* ===== 3. Slide layout ===== */
.deck {
  position: relative;
  z-index: 1;
}

.slide {
  position: relative;
  min-height: 100vh;
  padding: calc(var(--topbar-h) + var(--slide-pad-y)) var(--slide-pad-x) var(--slide-pad-y);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid var(--hairline);
  scroll-margin-top: var(--topbar-h);
  overflow: hidden;
}
.slide:last-of-type { border-bottom: 0; }

/* Subtle alternating tint */
.slide:nth-of-type(even)::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.012), transparent 40%);
  pointer-events: none;
  z-index: 0;
}

.slide__head {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 auto 2.25rem;
  width: 100%;
  max-width: var(--slide-max);
  position: relative;
  z-index: 1;
}
.slide__num     { font-family: var(--mono); font-weight: 500; font-size: .72rem; letter-spacing: .26em; color: var(--brass); }
.slide__chapter { font-family: var(--mono); font-weight: 400; font-size: .72rem; letter-spacing: .26em; text-transform: uppercase; color: var(--ash); padding-left: 1rem; border-left: 1px solid var(--hairline-brass); }

.slide__body {
  width: 100%;
  max-width: var(--slide-max);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.slide__body--prose { max-width: 980px; }


/* ===== 4. Progress bar + topbar ===== */
.progress {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: rgba(255,255,255,0.04);
  z-index: 60;
}
.progress__fill {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--brass-deep) 0%, var(--brass) 50%, var(--brass-soft) 100%);
  box-shadow: 0 0 12px var(--brass-glow);
  transition: width .12s linear;
}

.topbar {
  position: fixed;
  top: 2px; left: 0; right: 0;
  height: var(--topbar-h);
  z-index: 50;
  background: rgba(7, 8, 11, 0.72);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  backdrop-filter: blur(20px) saturate(140%);
  border-bottom: 1px solid var(--hairline);
}
.topbar__inner {
  max-width: var(--slide-max);
  height: 100%;
  margin: 0 auto;
  padding: 0 var(--slide-pad-x);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2rem;
}

.topbar__brand {
  display: flex;
  align-items: center;
  gap: .75rem;
  border: 0;
  color: var(--bone);
}
.topbar__brand-mark {
  height: 28px;
  width: auto;
  filter: brightness(0) invert(1) opacity(.92);
}
.topbar__brand-text { display: flex; flex-direction: column; line-height: 1; gap: .22rem; }
.topbar__brand-name { font-family: var(--mono); font-weight: 600; font-size: .72rem; letter-spacing: .24em; }
.topbar__brand-sub  { font-family: var(--mono); font-weight: 400; font-size: .62rem; letter-spacing: .26em; color: var(--ash-2); }

.topbar__title {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: .22rem;
  white-space: nowrap;
}
.topbar__title-main {
  font-family: var(--mono);
  font-weight: 500;
  font-size: .76rem;
  letter-spacing: .32em;
  color: var(--bone);
}
.topbar__title-sub {
  font-family: var(--mono);
  font-weight: 400;
  font-size: .62rem;
  letter-spacing: .26em;
  color: var(--ash-2);
}

.topbar__controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .5rem;
}
.counter {
  font-family: var(--mono);
  font-weight: 500;
  font-size: .72rem;
  letter-spacing: .22em;
  color: var(--brass);
  padding-right: .75rem;
  margin-right: .25rem;
  border-right: 1px solid var(--hairline-2);
  min-width: 4.4rem;
  text-align: right;
}
.counter__sep { color: var(--ash-2); margin: 0 .15rem; }

.ctrl {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--hairline-2);
  color: var(--bone);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
  background: rgba(255,255,255,0.015);
}
.ctrl svg { width: 18px; height: 18px; }
.ctrl:hover { color: var(--brass); border-color: var(--hairline-brass); background: var(--brass-glow-2); }
.ctrl:disabled { opacity: .35; cursor: not-allowed; }

.ctrl--print {
  width: auto;
  padding: 0 .9rem;
  gap: .55rem;
  font-family: var(--mono);
  font-size: .68rem;
  letter-spacing: .22em;
  text-transform: uppercase;
}


/* ===== 5. Cover ===== */
.slide--cover {
  background:
    radial-gradient(900px 700px at 50% 20%, rgba(31, 65, 128, 0.18), transparent 60%),
    radial-gradient(700px 500px at 50% 90%, rgba(201, 166, 90, 0.10), transparent 65%),
    var(--obsidian);
  text-align: center;
  align-items: center;
}

.cover {
  position: relative;
  z-index: 2;
  max-width: 980px;
  margin: 0 auto;
  padding: 2rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cover__crest {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 3rem;
}
.cover__mark {
  height: 36px;
  width: auto;
  filter: brightness(0) invert(1);
  opacity: .94;
}
.cover__mark--bc   { height: 30px; }
.cover__mark--arba { height: 36px; }
.cover__cross {
  font-family: var(--display);
  font-style: italic;
  font-weight: 400;
  font-size: 1.6rem;
  color: var(--brass);
  letter-spacing: 0;
}

.cover__rule {
  width: min(560px, 70%);
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--hairline-brass) 25%, var(--hairline-brass) 75%, transparent);
}
.cover__rule--top    { margin-bottom: 1.6rem; }
.cover__rule--bottom { margin-top: 2.25rem; }

.cover__eyebrow { margin-bottom: 1.6rem; }

.cover__title {
  font-family: var(--display);
  font-weight: 500;
  font-style: normal;
  font-size: clamp(2.5rem, 5.6vw, 4.75rem);
  line-height: 1.02;
  letter-spacing: -0.012em;
  margin: 0 0 1.6rem;
}
.cover__title em {
  font-style: italic;
  font-weight: 400;
  color: var(--brass);
}

.cover__sub {
  font-family: var(--display);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(1.05rem, 1.6vw, 1.4rem);
  line-height: 1.45;
  color: var(--bone-2);
  max-width: 640px;
  margin: 0 auto;
}

.cover__band {
  width: 100%;
  max-width: 720px;
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  text-align: left;
}
.cover__band-col { display: flex; flex-direction: column; gap: .35rem; }
.cover__band-col--right { text-align: right; align-items: flex-end; }
.cover__band-value {
  font-family: var(--display);
  font-weight: 500;
  font-size: 1.1rem;
  color: var(--bone);
  letter-spacing: .005em;
}

.cover__ghost {
  position: absolute;
  right: -8%;
  bottom: -10%;
  width: 60vw;
  max-width: 700px;
  opacity: 0.025;
  pointer-events: none;
  filter: brightness(0) invert(1);
  z-index: 0;
}


/* ===== 6. Shared components ===== */
.prose { color: var(--bone-2); font-size: 1.0625rem; line-height: 1.7; max-width: 70ch; }
.prose p { margin: 0 0 1rem; }
.prose strong { color: var(--bone); font-weight: 600; }
.prose--centered { margin: 2.5rem auto 0; text-align: center; max-width: 60ch; color: var(--ash); font-style: italic; font-family: var(--display); font-size: 1.15rem; }

.footnote {
  font-family: var(--mono);
  font-size: .72rem;
  letter-spacing: .14em;
  color: var(--ash-2);
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--hairline);
  text-align: center;
}

/* metric (slide 3) */
.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--hairline);
  border: 1px solid var(--hairline);
  border-radius: 2px;
  margin-top: 1rem;
}
.metric {
  background: linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0.003));
  padding: 2.25rem 1.75rem 2rem;
  display: flex;
  flex-direction: column;
  gap: .9rem;
  position: relative;
}
.metric__label {
  font-family: var(--mono);
  font-weight: 500;
  font-size: .68rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ash);
}
.metric__value {
  font-family: var(--display);
  font-weight: 500;
  font-size: clamp(2.4rem, 4vw, 3.6rem);
  line-height: 1;
  color: var(--bone);
  letter-spacing: -0.018em;
}
.metric--brass .metric__value { color: var(--brass); }
.metric__delta {
  font-size: .82rem;
  color: var(--ash);
  margin-top: auto;
  font-style: italic;
  font-family: var(--display);
}

/* Key message (slide 2) */
.keymsg {
  margin-top: 2.5rem;
  padding: 1.4rem 1.6rem;
  background: linear-gradient(135deg, rgba(31,65,128,0.10), rgba(201,166,90,0.04));
  border: 1px solid var(--hairline-brass);
  border-radius: 2px;
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
}
.keymsg__bullet {
  width: 8px;
  height: 8px;
  background: var(--brass);
  border-radius: 999px;
  margin-top: .5rem;
  flex-shrink: 0;
  box-shadow: 0 0 0 4px var(--brass-glow);
}
.keymsg__text {
  margin: 0;
  font-family: var(--display);
  font-style: italic;
  font-size: 1.25rem;
  line-height: 1.4;
  color: var(--bone);
}
.keymsg__text .mono-label {
  display: block;
  font-style: normal;
  margin-bottom: .35rem;
  color: var(--brass);
}

.situation-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  list-style: none;
  margin: 2.25rem 0 0;
  padding: 1.5rem 0 0;
  border-top: 1px solid var(--hairline);
}
.situation-strip li {
  text-align: center;
  padding: 0 1rem;
  border-right: 1px solid var(--hairline);
  display: flex;
  flex-direction: column;
  gap: .35rem;
}
.situation-strip li:last-child { border-right: 0; }
.situation-strip__num {
  font-family: var(--display);
  font-weight: 500;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  color: var(--bone);
  letter-spacing: -0.01em;
}
.situation-strip__label {
  font-family: var(--mono);
  font-size: .65rem;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--ash);
}


/* ===== 7. Slide-specific ===== */

/* SLIDE 4 — Properties */
.property-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.property {
  background: linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.003));
  border: 1px solid var(--hairline);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: border-color .25s ease, transform .25s ease;
}
.property:hover { border-color: var(--hairline-brass); transform: translateY(-2px); }
.property__photo {
  aspect-ratio: 16 / 9;
  background: var(--charcoal);
  border-bottom: 1px solid var(--hairline);
  position: relative;
  overflow: hidden;
}
.property__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.88) contrast(1.04) brightness(.85);
}
.property__photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(7,8,11,0.5));
}
.property__head {
  height: 64px;
  padding: 1.25rem 1.5rem 0;
  display: flex;
  align-items: center;
}
.property__logo {
  height: 32px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1) opacity(.88);
}
.property__meta {
  padding: .5rem 1.5rem 1.25rem;
  border-bottom: 1px solid var(--hairline);
}
.property__loc {
  font-family: var(--mono);
  font-size: .68rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--brass);
  margin: 0 0 .9rem;
}
.property__specs {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}
.property__specs > div {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: .5rem;
  align-items: baseline;
}
.property__specs dt {
  font-family: var(--mono);
  font-size: .62rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--ash-2);
}
.property__specs dd {
  margin: 0;
  font-family: var(--display);
  font-size: 1.0625rem;
  color: var(--bone);
  line-height: 1.3;
}
.property__signal {
  padding: 1rem 1.5rem 1.4rem;
  margin-top: auto;
}
.property__signal .mono-label { display: block; margin-bottom: .55rem; }
.property__signal p {
  margin: 0;
  font-family: var(--display);
  font-size: 1.05rem;
  font-style: italic;
  line-height: 1.45;
  color: var(--bone-2);
}


/* SLIDE 5 — Leak */
.slide--leak::after {
  content: "";
  position: absolute;
  top: 30%;
  right: -10%;
  width: 480px;
  height: 480px;
  background: radial-gradient(circle, var(--alarm-glow), transparent 65%);
  pointer-events: none;
  z-index: 0;
}
.leak-hero {
  text-align: center;
  margin: 0 auto 2.75rem;
  position: relative;
}
.leak-hero__tag {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .4rem .9rem;
  border: 1px solid rgba(217, 122, 74, 0.35);
  border-radius: 999px;
  background: var(--alarm-glow);
  margin-bottom: 1.5rem;
}
.leak-hero__tag .mono-label { color: var(--alarm-soft); letter-spacing: .22em; }
.dot { width: 7px; height: 7px; border-radius: 999px; background: var(--alarm); box-shadow: 0 0 0 4px var(--alarm-glow); }
.leak-hero__num {
  font-family: var(--display);
  font-weight: 500;
  font-size: clamp(3rem, 8vw, 6.5rem);
  line-height: 1;
  letter-spacing: -0.022em;
  margin: 0;
  color: var(--bone);
}
.leak-hero__dash { color: var(--brass); margin: 0 .35rem; font-style: italic; font-weight: 400; }
.leak-hero__unit {
  font-family: var(--display);
  font-style: italic;
  font-size: 1.5rem;
  color: var(--ash);
  margin: .5rem 0 0;
}

.leak-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.leak-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.005));
  border: 1px solid var(--hairline);
  border-left: 2px solid var(--alarm);
  padding: 1.6rem 1.5rem;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.leak-card__num {
  font-family: var(--display);
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1;
  color: var(--bone);
  margin-bottom: .25rem;
}
.leak-card .mono-label { color: var(--alarm-soft); }
.leak-card p { margin: .35rem 0 0; color: var(--bone-2); font-size: .98rem; }


/* SLIDE 6 — Pipeline */
.pipeline-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1px;
  background: var(--hairline);
  border: 1px solid var(--hairline);
  border-radius: 2px;
  margin: 1rem 0 2.5rem;
}
.pipeline-stat {
  background: rgba(255,255,255,0.012);
  padding: 1.6rem 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  align-items: center;
  justify-content: center;
}
.pipeline-stat__num {
  font-family: var(--display);
  font-size: clamp(2rem, 3.4vw, 2.75rem);
  font-weight: 500;
  color: var(--bone);
  line-height: 1;
  letter-spacing: -0.012em;
}
.pipeline-stat__label {
  font-family: var(--mono);
  font-size: .62rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--ash);
  text-align: center;
}
.pipeline-stat--alert {
  background: linear-gradient(180deg, rgba(217,122,74,0.10), rgba(217,122,74,0.02));
}
.pipeline-stat--alert .pipeline-stat__num  { color: var(--alarm-soft); }
.pipeline-stat--alert .pipeline-stat__label{ color: var(--alarm-soft); }

.rule-banner {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.75rem 2rem;
  background: linear-gradient(135deg, rgba(201,166,90,0.10), rgba(201,166,90,0.02));
  border: 1px solid var(--hairline-brass);
  border-radius: 2px;
}
.rule-banner__label { color: var(--brass); }
.rule-banner__text {
  margin: 0;
  margin-left: auto;
  font-family: var(--display);
  font-style: italic;
  font-weight: 500;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  color: var(--bone);
}


/* SLIDE 7 — Renewal */
.renewal-hero {
  display: flex;
  align-items: baseline;
  gap: 1.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--hairline);
  margin-bottom: 2.5rem;
}
.renewal-hero .mono-label { letter-spacing: .26em; color: var(--brass); }
.renewal-hero__num {
  font-family: var(--display);
  font-weight: 500;
  font-size: clamp(4rem, 9vw, 7rem);
  line-height: 1;
  color: var(--bone);
  margin: 0;
  letter-spacing: -0.022em;
}
.renewal-hero__txt {
  font-family: var(--display);
  font-style: italic;
  font-size: clamp(1.15rem, 1.8vw, 1.6rem);
  color: var(--ash);
  margin: 0;
}

.bars { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2.5rem; }
.bar {
  display: grid;
  grid-template-columns: 200px 1fr 70px;
  align-items: center;
  gap: 1.25rem;
  padding: .75rem 0;
  border-bottom: 1px solid var(--hairline);
}
.bar__name {
  font-family: var(--display);
  font-size: 1.1rem;
  color: var(--bone);
}
.bar__track {
  height: 12px;
  background: rgba(255,255,255,0.04);
  border-radius: 1px;
  overflow: hidden;
  position: relative;
}
.bar__fill {
  display: block;
  height: 100%;
  width: var(--w);
  background: linear-gradient(90deg, var(--arba) 0%, var(--brass) 100%);
  box-shadow: 0 0 16px var(--brass-glow);
  transform-origin: left;
  animation: barGrow .9s cubic-bezier(.2,.8,.2,1) both;
}
.bar__fill--muted { background: linear-gradient(90deg, var(--ash-2), var(--ash)); box-shadow: none; }
@keyframes barGrow {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}
.bar__val {
  text-align: right;
  font-family: var(--display);
  font-size: 1.4rem;
  color: var(--brass);
  font-weight: 500;
}
.bar--muted .bar__val { color: var(--ash); }

.opp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.opp {
  background: linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.003));
  border: 1px solid var(--hairline);
  padding: 1.5rem;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}
.opp__num {
  font-family: var(--display);
  font-weight: 500;
  font-size: 1.75rem;
  color: var(--bone);
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.opp__sub {
  font-family: var(--display);
  font-style: italic;
  color: var(--ash);
  font-size: .98rem;
}
.opp--lead {
  background: linear-gradient(135deg, rgba(31,65,128,0.18), rgba(201,166,90,0.06));
  border-color: var(--hairline-brass);
}
.opp--lead .opp__num { color: var(--brass); }


/* SLIDE 8 — Engagement */
.engagement-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 1.25rem;
}
.eng-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.003));
  border: 1px solid var(--hairline);
  padding: 1.75rem 1.5rem;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  gap: .65rem;
  min-height: 220px;
}
.eng-card__main {
  font-family: var(--display);
  font-weight: 500;
  font-size: clamp(1.4rem, 2.2vw, 1.85rem);
  color: var(--bone);
  margin: .5rem 0 .25rem;
  line-height: 1.1;
  letter-spacing: -0.005em;
}
.eng-card__sub {
  margin: 0 auto 0 0;
  margin-top: auto;
  color: var(--ash);
  font-family: var(--display);
  font-style: italic;
  font-size: 1rem;
  line-height: 1.45;
}
.eng-card--lead {
  background: linear-gradient(135deg, rgba(31,65,128,0.20), rgba(201,166,90,0.05));
  border-color: var(--hairline-brass);
}
.eng-card--lead .eng-card__main { color: var(--brass); }


/* SLIDE 9 — Workstreams */
.ws-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
.ws {
  background: linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.003));
  border: 1px solid var(--hairline);
  padding: 2rem;
  border-radius: 2px;
  position: relative;
}
.ws__num {
  position: absolute;
  top: 1.25rem;
  right: 1.5rem;
  font-family: var(--mono);
  font-size: .72rem;
  letter-spacing: .26em;
  color: var(--brass);
}
.ws__title {
  font-family: var(--display);
  font-weight: 500;
  font-size: 1.5rem;
  margin: 0 0 .85rem;
  color: var(--bone);
  letter-spacing: -0.005em;
}
.ws p { margin: 0; color: var(--bone-2); font-size: 1rem; line-height: 1.6; }


/* SLIDE 10 — Operating rhythm */
.timeline {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  position: relative;
}
.timeline::before {
  content: "";
  position: absolute;
  top: 26px;
  left: 12%;
  right: 12%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--hairline-brass) 15%, var(--hairline-brass) 85%, transparent);
}
.tl {
  padding: 0 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  border-left: 1px solid var(--hairline);
}
.tl:first-child { border-left: 0; }
.tl::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: var(--brass);
  box-shadow: 0 0 0 4px var(--brass-glow), 0 0 0 8px rgba(201,166,90,0.05);
  margin-bottom: 1.25rem;
  margin-top: .65rem;
}
.tl__time { display: flex; flex-direction: column; margin-bottom: .85rem; }
.tl__hour {
  font-family: var(--mono);
  font-weight: 500;
  font-size: 1.05rem;
  letter-spacing: .08em;
  color: var(--brass);
}
.tl__hour-sub { font-family: var(--mono); font-size: .72rem; letter-spacing: .18em; color: var(--ash); }
.tl__title {
  font-family: var(--display);
  font-weight: 500;
  font-size: 1.3rem;
  margin: 0 0 .55rem;
  color: var(--bone);
}
.tl__body p { margin: 0; color: var(--bone-2); font-size: .98rem; line-height: 1.55; }

.callout {
  margin-top: 2rem;
  padding: 1.4rem 1.75rem;
  background: linear-gradient(135deg, rgba(31,65,128,0.14), rgba(31,65,128,0.04));
  border: 1px solid rgba(74, 126, 201, 0.28);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.callout--friday .mono-label { color: var(--arba-bright); }
.callout__text {
  margin: 0;
  margin-left: auto;
  font-family: var(--display);
  font-style: italic;
  font-size: 1.4rem;
  color: var(--bone);
}


/* SLIDE 11 — 30-day arc */
.arc {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--hairline);
  border: 1px solid var(--hairline);
  border-radius: 2px;
}
.arc__week {
  background: linear-gradient(180deg, rgba(255,255,255,0.012), rgba(255,255,255,0.002));
  padding: 1.75rem 1.5rem;
  display: flex;
  flex-direction: column;
}
.arc__week--lead {
  background: linear-gradient(180deg, rgba(201,166,90,0.10), rgba(201,166,90,0.02));
}
.arc__head { margin-bottom: 1.25rem; padding-bottom: 1rem; border-bottom: 1px solid var(--hairline); display: flex; flex-direction: column; gap: .35rem; }
.arc__label {
  font-family: var(--mono);
  font-size: .68rem;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--brass);
}
.arc__title {
  font-family: var(--display);
  font-weight: 500;
  font-size: 1.65rem;
  color: var(--bone);
  letter-spacing: -0.005em;
  line-height: 1.05;
}
.arc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
.arc__list li {
  font-size: .94rem;
  color: var(--bone-2);
  line-height: 1.45;
  padding-left: 1rem;
  position: relative;
}
.arc__list li::before {
  content: "";
  position: absolute;
  top: .55rem;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--brass);
  opacity: .75;
}


/* SLIDE 12 — Scope */
.scope {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
.scope__col {
  background: linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.003));
  border: 1px solid var(--hairline);
  padding: 2rem 2rem 2.25rem;
  border-radius: 2px;
}
.scope__col--in  { border-top: 2px solid var(--brass); }
.scope__col--out { border-top: 2px solid var(--ash-2); }
.scope__head { display: flex; align-items: center; gap: 1rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--hairline); margin-bottom: 1.5rem; }
.scope__icon {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--display);
  font-weight: 500;
  font-size: 1.4rem;
  background: var(--brass);
  color: var(--ink-on-brass);
}
.scope__icon--out { background: transparent; border: 1px solid var(--hairline-2); color: var(--ash); }
.scope__title {
  font-family: var(--mono);
  font-size: .78rem;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--bone);
}
.scope__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .85rem;
}
.scope__list li {
  font-size: 1rem;
  color: var(--bone-2);
  line-height: 1.5;
  padding-left: 1.5rem;
  position: relative;
}
.scope__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .65rem;
  width: 8px;
  height: 1px;
  background: var(--hairline-brass);
}
.scope__col--out .scope__list li::before { background: var(--hairline-2); }


/* SLIDE 13 — The math */
.math-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr) repeat(2, 1fr);
  gap: 1px;
  background: var(--hairline);
  border: 1px solid var(--hairline);
  border-radius: 2px;
  margin-bottom: 2.5rem;
}
.math-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.012), rgba(255,255,255,0.003));
  padding: 2rem 1.75rem;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  min-height: 200px;
}
.math-card__num {
  font-family: var(--display);
  font-weight: 500;
  font-size: clamp(1.6rem, 2.8vw, 2.4rem);
  color: var(--bone);
  line-height: 1.05;
  letter-spacing: -0.015em;
  margin: .35rem 0 0;
}
.math-card__sub {
  margin: auto 0 0;
  font-family: var(--display);
  font-style: italic;
  color: var(--ash);
  font-size: 1rem;
  line-height: 1.5;
}
.math-card--alarm {
  background: linear-gradient(135deg, rgba(217,122,74,0.10), rgba(217,122,74,0.02));
}
.math-card--alarm .math-card__num { color: var(--alarm-soft); }
.math-card--alarm .mono-label     { color: var(--alarm-soft); }

.pullquote {
  margin: 0;
  padding: 2.25rem 3rem;
  background: linear-gradient(135deg, rgba(31,65,128,0.10), rgba(201,166,90,0.04));
  border-left: 2px solid var(--brass);
  border-radius: 2px;
  position: relative;
  text-align: center;
}
.pullquote__mark {
  position: absolute;
  top: -.5rem;
  left: 1.5rem;
  font-family: var(--display);
  font-size: 5rem;
  line-height: 1;
  color: var(--brass);
  opacity: .35;
}
.pullquote p {
  margin: 0;
  font-family: var(--display);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(1.25rem, 2.4vw, 1.85rem);
  line-height: 1.4;
  color: var(--bone);
}


/* SLIDE 14 — Preconditions */
.checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .85rem 1.5rem;
  counter-reset: chk;
}
.check {
  background: linear-gradient(180deg, rgba(255,255,255,0.013), rgba(255,255,255,0.002));
  border: 1px solid var(--hairline);
  border-radius: 2px;
  padding: 1.1rem 1.25rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  counter-increment: chk;
  transition: border-color .2s ease, background .2s ease;
}
.check:hover { border-color: var(--hairline-brass); background: rgba(201,166,90,0.04); }
.check__box {
  width: 22px;
  height: 22px;
  border: 1px solid var(--hairline-brass);
  border-radius: 2px;
  position: relative;
  flex-shrink: 0;
  margin-top: 2px;
}
.check__box::after {
  content: counter(chk, decimal-leading-zero);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--mono);
  font-size: .58rem;
  letter-spacing: .04em;
  color: var(--brass);
}
.check__text {
  font-size: .98rem;
  color: var(--bone-2);
  line-height: 1.5;
}
.check__text strong {
  display: block;
  font-weight: 600;
  color: var(--bone);
  margin-bottom: .15rem;
}


/* SLIDE 15 — Close */
.slide--close {
  background:
    radial-gradient(900px 600px at 90% 10%, rgba(31, 65, 128, 0.18), transparent 60%),
    radial-gradient(700px 500px at 10% 90%, rgba(201, 166, 90, 0.10), transparent 65%),
    var(--obsidian);
}
.close-hero {
  text-align: center;
  margin: 0 auto 3rem;
  max-width: 720px;
}
.display--close {
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  line-height: 1.05;
  letter-spacing: -0.018em;
  margin: 1.25rem 0 1.25rem;
}
.close-sub {
  font-family: var(--display);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(1.15rem, 1.8vw, 1.5rem);
  color: var(--brass);
  margin: 0;
}

.contacts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  margin-bottom: 2.75rem;
}
.contact {
  background: linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.003));
  border: 1px solid var(--hairline);
  border-radius: 2px;
  padding: 1.75rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}
.contact--lead { border-color: var(--hairline-brass); background: linear-gradient(180deg, rgba(201,166,90,0.08), rgba(201,166,90,0.01)); }
.contact--counter { border-color: rgba(74, 126, 201, 0.22); background: linear-gradient(180deg, rgba(31,65,128,0.10), rgba(31,65,128,0.02)); }

.contact__photo {
  width: 96px;
  height: 96px;
  border-radius: 999px;
  overflow: hidden;
  background: var(--charcoal);
  border: 1px solid var(--hairline-2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.contact__photo--amy img {
  object-position: 50% 16%;
  transform: scale(1.42);
  transform-origin: 50% 18%;
}
.contact__photo--mark {
  background: var(--bone);
}
.contact__photo--mark img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  filter: none;
}
.contact__photo--arba img {
  width: 78px;
  height: auto;
  object-position: center center;
  transform: translateY(2px);
}

.contact__body { display: flex; flex-direction: column; gap: .35rem; align-items: center; }
.contact__name {
  font-family: var(--display);
  font-weight: 500;
  font-size: 1.5rem;
  color: var(--bone);
  margin: .35rem 0 0;
  letter-spacing: -0.005em;
}
.contact__role {
  font-family: var(--display);
  font-style: italic;
  color: var(--ash);
  margin: 0 0 .55rem;
  font-size: .98rem;
}
.contact__lines {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  font-size: .94rem;
  color: var(--bone-2);
}
.contact__lines a { font-family: var(--mono); font-size: .82rem; letter-spacing: .04em; }

.cta { text-align: center; margin: 0 auto; max-width: 560px; }
.cta__btn {
  display: inline-flex;
  align-items: center;
  gap: .85rem;
  padding: 1.05rem 1.85rem;
  background: var(--brass);
  color: var(--ink-on-brass);
  font-family: var(--mono);
  font-weight: 600;
  font-size: .82rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  border: 1px solid var(--brass);
  border-radius: 2px;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 8px 32px rgba(201,166,90,0.22), inset 0 1px 0 rgba(255,255,255,0.18);
}
.cta__btn:hover { background: var(--brass-soft); transform: translateY(-1px); box-shadow: 0 12px 40px rgba(201,166,90,0.32), inset 0 1px 0 rgba(255,255,255,0.28); color: var(--ink-on-brass); }
.cta__btn svg { width: 16px; height: 16px; }
.cta__note { margin: .85rem 0 0; font-family: var(--mono); font-size: .68rem; letter-spacing: .14em; color: var(--ash-2); text-transform: uppercase; }

.closer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--hairline);
}
.closer__mark {
  height: 24px;
  filter: brightness(0) invert(1) opacity(.7);
}
.closer__cross {
  font-family: var(--display);
  font-style: italic;
  color: var(--brass);
  font-size: 1.2rem;
}


/* ===== 8. Responsive ===== */
@media (max-width: 1080px) {
  :root { --topbar-h: 68px; }

  .topbar__title { display: none; }
  .topbar__inner { grid-template-columns: 1fr auto; }

  .metric-grid       { grid-template-columns: repeat(2, 1fr); }
  .property-row      { grid-template-columns: 1fr; }
  .leak-grid         { grid-template-columns: 1fr; }
  .pipeline-grid     { grid-template-columns: repeat(3, 1fr); }
  .opp-grid          { grid-template-columns: 1fr; }
  .engagement-grid   { grid-template-columns: 1fr 1fr; }
  .ws-grid           { grid-template-columns: 1fr; }
  .timeline          { grid-template-columns: 1fr; gap: 0; }
  .timeline::before  { display: none; }
  .tl                { border-left: 1px solid var(--hairline); padding: 1.5rem 0 1.5rem 2rem; }
  .tl::before        { position: absolute; left: -7px; top: 1.75rem; margin: 0; }
  .arc               { grid-template-columns: 1fr 1fr; }
  .scope             { grid-template-columns: 1fr; }
  .math-grid         { grid-template-columns: 1fr 1fr; }
  .checklist         { grid-template-columns: 1fr; }
  .contacts          { grid-template-columns: 1fr; }
  .situation-strip   { grid-template-columns: 1fr 1fr; gap: 1.5rem 0; }
  .situation-strip li:nth-child(2) { border-right: 0; }
  .situation-strip li:nth-child(3),
  .situation-strip li:nth-child(4) { padding-top: 1.25rem; border-top: 1px solid var(--hairline); }

  .renewal-hero      { flex-direction: column; align-items: flex-start; gap: .5rem; }
  .bar               { grid-template-columns: 130px 1fr 60px; gap: .75rem; }
  .rule-banner       { flex-direction: column; align-items: flex-start; gap: .85rem; }
  .rule-banner__text { margin-left: 0; }
  .callout           { flex-direction: column; align-items: flex-start; gap: .75rem; }
  .callout__text     { margin-left: 0; }
}

@media (max-width: 720px) {
  body { font-size: 15.5px; }
  :root { --topbar-h: 60px; }

  .topbar__brand-sub { display: none; }
  .topbar__brand-mark { height: 22px; }
  .topbar__brand-name { font-size: .68rem; }
  .ctrl--print span { display: none; }
  .ctrl--print { width: 36px; padding: 0; }
  .counter { padding-right: .55rem; min-width: 3.6rem; font-size: .68rem; }

  .slide__head { flex-direction: column; align-items: flex-start; gap: .35rem; }
  .slide__chapter { padding-left: 0; border-left: 0; }

  .metric-grid     { grid-template-columns: 1fr; }
  .pipeline-grid   { grid-template-columns: 1fr 1fr; }
  .engagement-grid { grid-template-columns: 1fr; }
  .arc             { grid-template-columns: 1fr; }
  .math-grid       { grid-template-columns: 1fr; }
  .situation-strip { grid-template-columns: 1fr; }
  .situation-strip li { border-right: 0; padding: 1rem 0; border-bottom: 1px solid var(--hairline); }
  .situation-strip li:last-child { border-bottom: 0; }

  .cover__crest { gap: 1rem; margin-bottom: 2rem; }
  .cover__mark--bc { height: 24px; }
  .cover__mark--arba { height: 28px; }
  .cover__band { grid-template-columns: 1fr; gap: 1.25rem; }
  .cover__band-col--right { text-align: left; align-items: flex-start; }

  .pullquote { padding: 1.75rem 1.5rem; }
  .pullquote__mark { font-size: 3.5rem; left: .5rem; }
  .bar { grid-template-columns: 1fr; gap: .35rem; }
  .bar__name { font-size: 1rem; }
  .bar__val { text-align: left; }
}


/* ===== 9. Print ===== */
@page { size: 11in 8.5in; margin: 0; }

@media print {
  :root {
    --slide-pad-x: .65in;
    --slide-pad-y: .55in;
    --topbar-h: 0;
  }

  html, body {
    background: #fff !important;
    color: #1a1a1f !important;
  }

  body {
    font-size: 11pt;
    line-height: 1.45;
  }

  .progress, .topbar { display: none !important; }

  .deck { z-index: auto; }

  .slide {
    width: 11in;
    height: 8.5in;
    min-height: auto;
    padding: var(--slide-pad-y) var(--slide-pad-x);
    page-break-after: always;
    break-after: page;
    border-bottom: 0;
    background: #fff !important;
    color: #1a1a1f !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: none;
  }
  .slide:last-of-type { page-break-after: auto; }
  .slide:nth-of-type(even)::before { display: none; }
  .slide--leak::after { display: none; }

  .display, .display--2, .display--close,
  .cover__title, .ws__title, .arc__title, .contact__name,
  .property__specs dd, .property__signal p,
  .leak-hero__num, .renewal-hero__num,
  .metric__value, .pipeline-stat__num, .opp__num, .math-card__num, .eng-card__main,
  .pullquote p, .callout__text, .rule-banner__text, .keymsg__text, .bar__name {
    color: #1a1a1f !important;
  }

  .brass, em, .display em, .cover__title em,
  .leak-hero__dash, .cover__cross, .closer__cross,
  .pullquote__mark, .property__loc, .arc__label, .ws__num,
  .metric--brass .metric__value,
  .opp--lead .opp__num, .eng-card--lead .eng-card__main,
  .renewal-hero .mono-label, .rule-banner__label, .keymsg__text .mono-label {
    color: #8c6e26 !important;
  }

  .eyebrow { color: #8c6e26 !important; }
  .mono-label, .slide__num, .slide__chapter, .footnote, .cta__note,
  .property__specs dt, .pipeline-stat__label, .arc__label,
  .metric__label, .scope__title, .check__text, .ws p,
  .tl__hour-sub, .tl__title, .tl__body p, .tl__hour {
    color: #2a2a2f !important;
  }
  .ash, .opp__sub, .leak-hero__unit, .renewal-hero__txt, .math-card__sub,
  .contact__role, .eng-card__sub { color: #5a5a60 !important; }

  .slide__head { margin-bottom: 1rem; }

  /* turn off heavy backgrounds */
  .slide--cover, .slide--close, .leak-hero__tag,
  .keymsg, .rule-banner, .callout,
  .opp--lead, .eng-card--lead, .arc__week--lead,
  .math-card--alarm, .pullquote,
  .contact, .contact--lead, .contact--counter,
  .property, .leak-card, .metric, .opp, .eng-card,
  .ws, .arc__week, .scope__col, .math-card, .check, .pipeline-stat {
    background: #fff !important;
  }
  .property__photo::after { display: none; }
  .property__photo img { filter: saturate(1) contrast(1) brightness(1) !important; }

  /* White-on-transparent marks would be invisible on white paper.
     Force a clean black silhouette for print so they reproduce. */
  .topbar__brand-mark, .cover__mark, .closer__mark, .property__logo {
    filter: brightness(0) !important;
    opacity: 1 !important;
  }
  .contact__photo--mark img { filter: none !important; }

  .cover__ghost { display: none !important; }

  /* Borders crisp on print */
  .metric, .pipeline-stat, .arc__week, .math-card,
  .property, .leak-card, .opp, .eng-card, .ws, .scope__col,
  .check, .contact, .keymsg, .rule-banner, .callout, .pullquote {
    border: 1px solid #d4d2cc !important;
  }
  .scope__col--in { border-top: 2px solid #8c6e26 !important; }
  .scope__col--out { border-top: 2px solid #8a8c92 !important; }
  .leak-card { border-left: 2px solid #b85b30 !important; }

  .scope__icon { background: #8c6e26 !important; color: #fff !important; }
  .scope__icon--out { background: transparent !important; border: 1px solid #8a8c92 !important; color: #5a5a60 !important; }

  .check__box { border: 1px solid #8c6e26 !important; }
  .check__box::after { color: #8c6e26 !important; }

  .bar__track { background: #ece9e0 !important; }
  .bar__fill { background: linear-gradient(90deg, #1f4180, #8c6e26) !important; box-shadow: none !important; animation: none !important; transform: none !important; }
  .bar__fill--muted { background: #b8b6ae !important; }

  .pipeline-stat--alert { background: #fbf0e8 !important; }
  .pipeline-stat--alert .pipeline-stat__num,
  .pipeline-stat--alert .pipeline-stat__label,
  .leak-card .mono-label,
  .math-card--alarm .math-card__num,
  .math-card--alarm .mono-label { color: #b85b30 !important; }

  .cta__btn { background: #8c6e26 !important; color: #fff !important; border: 1px solid #8c6e26 !important; box-shadow: none !important; }
  .cta__btn:hover { transform: none !important; }
  a { color: #1a1a1f !important; border-bottom: 1px solid #b8b6ae !important; }

  .keymsg__bullet { background: #8c6e26 !important; box-shadow: none !important; }
  .tl::before { background: #8c6e26 !important; box-shadow: 0 0 0 3px rgba(140,110,38,0.15) !important; }
  .timeline::before { background: #d4d2cc !important; }
  .dot { background: #b85b30 !important; box-shadow: none !important; }
  .leak-hero__tag { background: #fbf0e8 !important; border: 1px solid #e2bfa6 !important; }
  .leak-hero__tag .mono-label { color: #b85b30 !important; }

  .cover__rule { background: #d4c692 !important; }
  .closer { border-top: 1px solid #d4d2cc !important; }
  .footnote { border-top: 1px solid #d4d2cc !important; }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .bar__fill { animation: none; transform: scaleX(1); }
  .progress__fill { transition: none; }
}