/**
 * t1538u Buy & Sell Storyboard — PM-Method Rebuild
 * STAGING ONLY — page-scoped via body.t1517u-buy-sell-storyboard / .page-id-18452
 * Brand: #274565 / white / soft neutral / restrained gold #C4A574
 * CH02 cinematic PROTECT dual-path · IO one-shots · no scroll-jack / glow / PM orbit
 * Version: 3.13.3-chapter-labels-fix-t1813u
 * Patch: t1809u-closing-cta-20260925 (closing CTA after CH06; CH01–CH06 FROZEN)
 * CH02 HOLD: plates 19593/19594 ?ver=t1694u-symbolic · BUYING/SELLING labels · 50px gap · bridge off
 */

/* Ivory token for CH01 */
.sd-bs-story {
  --sd-ivory: #F7F3EC;
  --sd-ivory-deep: #F4EEE4;
  --sd-pearl: #FAF8F4;
}


.t1517u-buy-sell-storyboard .sd-bs-story,
.sd-bs-story {
  --sd-blue: #274565;
  --sd-deep: #1A2F45;
  --sd-slate: #3E5577;
  --sd-black: #000000;
  --sd-charcoal: #1A1A1A;
  --sd-white: #FFFFFF;
  --sd-lg: #F5F6F8;
  --sd-mg: #D9DDE2;
  --sd-gold: #C4A574;
  --sd-font-display: "Cinzel", "Times New Roman", serif;
  --sd-font-head: "Inter", system-ui, -apple-system, sans-serif;
  --sd-font-body: "Inter", system-ui, -apple-system, sans-serif;
  --sd-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --sd-dur: 0.55s;
  --sd-max: 1120px;
  --sd-pad: clamp(1.25rem, 3vw, 2.5rem);
}

.page-id-18452 .page-title-wrap,
.page-id-18452 .breadcrumb-wrap {
  display: none !important;
}
.page-id-18452 .content-wrap,
.page-id-18452 #main-wrap .container,
.page-id-18452 .page-wrap {
  max-width: none;
}
.page-id-18452 #section-body > .container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.page-id-18452 .advanced-search-nav,
.page-id-18452 .advanced-search.advanced-search-nav,
.page-id-18452 .mobile-search-nav {
  display: none !important;
}
.page-id-18452 .btn-back-to-top {
  background-color: var(--sd-blue, #274565) !important;
  border-color: var(--sd-blue, #274565) !important;
}
.page-id-18452 .t1517u-bs-elementor-shell,
.page-id-18452 .elementor-widget-html {
  margin: 0;
  padding: 0;
}
.page-id-18452 .elementor-18452 .elementor-element.t1517u-bs-elementor-shell {
  --padding-top: 0px;
  --padding-bottom: 0px;
}

.sd-bs-story {
  color: var(--sd-charcoal);
  font-family: var(--sd-font-body);
  font-size: 17px;
  line-height: 1.55;
  background: var(--sd-white);
  overflow-x: clip;
  max-width: 100%;
}

.sd-bs-sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

.sd-bs-inner {
  max-width: var(--sd-max);
  margin: 0 auto;
  padding: clamp(2.75rem, 7vw, 5.5rem) var(--sd-pad);
}

.sd-bs-eyebrow,
.sd-bs-chapter-label {
  font-family: var(--sd-font-head);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sd-slate);
  margin: 0 0 0.85rem;
}
.sd-bs-chapter-label--on-dark { color: rgba(255,255,255,0.65); }

.sd-bs-h1 {
  font-family: var(--sd-font-display);
  font-weight: 400;
  font-size: clamp(1.9rem, 4.4vw, 3.25rem);
  line-height: 1.12;
  letter-spacing: 0.02em;
  color: var(--sd-blue);
  margin: 0 0 1rem;
}
.sd-bs-h2 {
  font-family: var(--sd-font-head);
  font-weight: 600;
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sd-blue);
  margin: 0 0 0.75rem;
}
.sd-bs-h2--on-dark { color: var(--sd-white); }
.sd-bs-h2--shared { letter-spacing: 0.1em; }

.sd-bs-support,
.sd-bs-headline {
  font-size: 1.05rem;
  color: var(--sd-charcoal);
  margin: 0 0 1.25rem;
  max-width: 34rem;
}
.sd-bs-headline--on-dark { color: rgba(255,255,255,0.85); }

.sd-bs-payoff-line {
  font-family: var(--sd-font-head);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.85rem;
  color: var(--sd-blue);
  margin: 0 0 1.75rem;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity var(--sd-dur) var(--sd-ease), transform var(--sd-dur) var(--sd-ease);
}
.sd-bs-payoff-line.is-in { opacity: 1; transform: none; }

.sd-bs-payoff { margin: 1.75rem 0 0; }
.sd-bs-payoff-main {
  display: block;
  font-family: var(--sd-font-head);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: var(--sd-blue);
  margin-bottom: 0.35rem;
}
.sd-bs-payoff-sub {
  display: block;
  font-size: 0.95rem;
  color: var(--sd-slate);
}
.sd-bs-payoff--on-dark .sd-bs-payoff-main { color: var(--sd-white); }
.sd-bs-payoff--on-dark .sd-bs-payoff-sub { color: rgba(255,255,255,0.7); }

[data-reveal-item] {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.55s var(--sd-ease), transform 0.55s var(--sd-ease);
}
[data-reveal-item].is-in {
  opacity: 1;
  transform: none;
}

/* ---- Path controls ---- */
.sd-bs-path-openings {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin: 1.5rem 0 1rem;
}
.sd-bs-opening {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 3rem;
  padding: 0.75rem 1.35rem;
  border: 1.5px solid var(--sd-blue);
  background: var(--sd-white);
  color: var(--sd-blue);
  font-family: var(--sd-font-head);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.35s var(--sd-ease), color 0.35s var(--sd-ease), border-color 0.35s var(--sd-ease);
}
.sd-bs-opening-mark {
  width: 10px; height: 10px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  flex-shrink: 0;
}
.sd-bs-opening[aria-pressed="true"] {
  background: var(--sd-blue);
  color: var(--sd-white);
}
.sd-bs-opening[aria-pressed="true"] .sd-bs-opening-mark {
  background: var(--sd-gold);
  border-color: var(--sd-gold);
}
.sd-bs-path-switch {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.sd-bs-path-switch[hidden] { display: none !important; }
.sd-bs-switch-label {
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sd-slate);
}
.sd-bs-switch {
  display: inline-flex;
  border: 1px solid var(--sd-mg);
  border-radius: 2px;
  overflow: hidden;
}
.sd-bs-switch-btn {
  border: 0;
  background: transparent;
  color: var(--sd-slate);
  font-family: var(--sd-font-head);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.45rem 0.85rem;
  cursor: pointer;
}
.sd-bs-switch-btn[aria-pressed="true"] {
  background: var(--sd-blue);
  color: var(--sd-white);
}

.sd-bs-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.7rem 1.35rem;
  font-family: var(--sd-font-head);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1.5px solid var(--sd-blue);
  transition: background 0.3s var(--sd-ease), color 0.3s var(--sd-ease);
}
.sd-bs-btn-primary {
  background: var(--sd-blue);
  color: var(--sd-white);
}
.sd-bs-btn-primary:hover,
.sd-bs-btn-primary:focus-visible {
  background: var(--sd-deep);
  border-color: var(--sd-deep);
  color: var(--sd-white);
}
.sd-bs-cta-wrap { margin: 1.5rem 0 0; }

/* ---- Illustrations (dominant scenes) ---- */
.sd-bs-illust-wrap {
  margin: 1.5rem 0 0;
  width: 100%;
}
.sd-bs-illust {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  color: var(--sd-blue);
  overflow: visible;
}
.sd-bs-illust--stake,
.sd-bs-illust--clarity,
.sd-bs-illust--judgment,
.sd-bs-illust--forward,
.sd-bs-illust--rep {
  min-height: clamp(220px, 42vw, 420px);
}
.sd-bs-gold-mark {
  stroke: var(--sd-gold) !important;
  color: var(--sd-gold);
}

.sd-bs-story-beats {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  margin: 1rem 0 0;
  padding: 0;
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sd-slate);
  font-family: var(--sd-font-head);
  font-weight: 600;
}
.sd-bs-story-beats .is-result { color: var(--sd-blue); }

.sd-bs-example-note {
  margin: 1rem 0 0;
  font-size: 0.8rem;
  color: var(--sd-slate);
  font-style: italic;
}

/* ---- SCENE 1 · MOVE / CH01 TWO SIDES (t1699u) ---- */
/* Isolated under .sd-bs-sc--intro / .sd-bs-ch01 — do not bleed into CH02 */
.sd-bs-sc--move.sd-bs-sc--intro,
.sd-bs-ch01 {
  position: relative;
  /* t1704u: ASSET-1 sunlit terrace — bright/open; subtle left scrim for copy only (NO heavy navy overlay) */
  background-color: #F7F3EC;
  background-image:
    linear-gradient(90deg, rgba(250,248,244,0.72) 0%, rgba(250,248,244,0.42) 28%, rgba(250,248,244,0.08) 48%, rgba(250,248,244,0) 62%),
    url("t1517u-bs-ch01-emblem/ch01-bg.png?ver=t1729u");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  color: var(--sd-blue);
  /* breathing 100–160px into CH02 — not 220px+ giant white spacer */
  min-height: 0;
  padding: clamp(2.25rem, 5vw, 3.75rem) var(--sd-pad) 0;
  padding-bottom: clamp(100px, 11vw, 160px);
  overflow: hidden;
}
.sd-bs-ch01-stage {
  max-width: min(1180px, 100%);
  margin: 0 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1.1fr);
  grid-template-areas:
    "copy emblem"
    "ctas emblem"
    "switch emblem";
  column-gap: clamp(1.5rem, 4vw, 3.25rem);
  row-gap: clamp(0.85rem, 1.8vw, 1.35rem);
  align-content: center;
  align-items: center;
}
.sd-bs-ch01-copy { grid-area: copy; max-width: 34rem; }
.sd-bs-ch01-emblem-wrap {
  grid-area: emblem;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: center;
  width: min(100%, 560px);
  /* Asset A is 1263×1245 — preserve aspect, do not force-square stretch */
  aspect-ratio: 1263 / 1245;
  /* CSS 3D stage for X-axis flip */
  perspective: 1180px;
  perspective-origin: 50% 42%;
  /* room above for entrance descend without clipping */
  padding-top: 0.25rem;
  overflow: visible;
}
.sd-bs-ch01-ctas { grid-area: ctas; margin: 0.35rem 0 0; }
.sd-bs-ch01-switch { grid-area: switch; }

.sd-bs-ch01-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  color: var(--sd-slate);
  margin: 0 0 1.1rem;
}
.sd-bs-ch01-eyebrow__text {
  font-family: var(--sd-font-head);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sd-blue);
}
.sd-bs-ch01-eyebrow__rule {
  display: block;
  width: 1.75rem;
  height: 1px;
  background: linear-gradient(90deg, rgba(196,165,116,0.15), #C4A574, rgba(196,165,116,0.15));
}
.sd-bs-ch01-h1 {
  color: var(--sd-blue);
  font-size: clamp(2rem, 4.6vw, 3.35rem);
  margin: 0 0 1rem;
}
.sd-bs-ch01-support {
  color: var(--sd-charcoal);
  font-size: 1.05rem;
  margin: 0;
  max-width: 28rem;
}

/* CTAs — gold buying / navy selling */
.sd-bs-ch01 .sd-bs-ch01-cta {
  background: var(--sd-white);
  color: var(--sd-blue);
  border: 1.5px solid rgba(39,69,101,0.35);
  gap: 0.55rem;
}
.sd-bs-ch01 .sd-bs-ch01-cta--buy {
  background: linear-gradient(180deg, #E8D5A8 0%, #C4A574 100%);
  border-color: #C4A574;
  color: var(--sd-blue);
}
.sd-bs-ch01 .sd-bs-ch01-cta--sell {
  background: var(--sd-blue);
  border-color: var(--sd-blue);
  color: var(--sd-white);
}
.sd-bs-ch01 .sd-bs-ch01-cta__icon {
  display: inline-flex;
  flex-shrink: 0;
}
.sd-bs-ch01 .sd-bs-ch01-cta__arrow {
  opacity: 0.75;
  font-size: 0.95em;
}
.sd-bs-ch01 .sd-bs-ch01-cta--buy[aria-pressed="true"],
.sd-bs-story[data-ch01-hover="buyer"] .sd-bs-ch01-cta--buy {
  box-shadow: 0 0 0 1px rgba(196,165,116,0.85), 0 8px 22px rgba(39,69,101,0.12);
  filter: brightness(1.03);
}
.sd-bs-ch01 .sd-bs-ch01-cta--sell[aria-pressed="true"],
.sd-bs-story[data-ch01-hover="seller"] .sd-bs-ch01-cta--sell {
  box-shadow: 0 0 0 1px rgba(196,165,116,0.7), 0 8px 22px rgba(14,28,46,0.22);
  filter: brightness(1.05);
}
.sd-bs-ch01 .sd-bs-switch-label { color: var(--sd-slate); }
.sd-bs-ch01 .sd-bs-switch { border-color: rgba(39,69,101,0.28); }
.sd-bs-ch01 .sd-bs-switch-btn { color: var(--sd-blue); }
.sd-bs-ch01 .sd-bs-switch-btn[aria-pressed="true"] {
  background: var(--sd-blue);
  color: var(--sd-white);
}

/* Emblem — t1729u single complete Asset A (Craig Yin/Yang)
   ONE visual object. B/C half arts NOT rendered (hit paths retained).
   Entrance = one-shot horizontal-axis (rotateX) flip from above — NOT scroll-scrubbed.
   No --ch01-sep / assemble-from-halves. D = ch01-bg photographic background. */
.sd-bs-ch01-emblem {
  position: relative;
  width: 100%;
  aspect-ratio: 1263 / 1245;
  max-width: 540px;
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  filter: drop-shadow(0 18px 28px rgba(39,69,101,0.12));
  --ch01-flip-ms: 2500ms; /* t1735u: 2.4–2.6s continuous flip */
  --ch01-glimmer-ms: 900ms; /* t1735u: 0.8–1.0s after settle */
  --ch01-flip-y0: -108px;
  --ch01-flip-y-pre: -100px;
  will-change: transform, filter;
}

/* Pre-flip rest pose: above + near edge-on (rotateX). Applied until .is-flipping / .is-landed */
.sd-bs-ch01-emblem:not(.is-landed):not(.is-flipping):not(.is-reduced) {
  transform: translate3d(0, var(--ch01-flip-y-pre, -100px), 0) rotateX(78deg);
  opacity: 0.92;
}

/* One-shot flip: continuous X rotation (330→0) — linear bulk, decelerate only at land (t1735u) */
.sd-bs-ch01-emblem.is-flipping {
  animation: sdBsCh01FlipX var(--ch01-flip-ms) linear 1 forwards;
}
@keyframes sdBsCh01FlipX {
  /* t1735u: dense monotonic rotateX path; NO park near 180–200°; decelerate only final ~18% */
  0% {
    transform: translate3d(0, var(--ch01-flip-y0, -108px), 0) rotateX(330deg);
    filter: drop-shadow(0 28px 18px rgba(39,69,101,0.08));
    opacity: 0.88;
    animation-timing-function: linear;
  }
  8% {
    opacity: 1;
    transform: translate3d(0, -96px, 8px) rotateX(300deg);
    animation-timing-function: linear;
  }
  16% {
    /* pass 270° — continuous mid */
    transform: translate3d(0, -84px, 18px) rotateX(270deg);
    filter: drop-shadow(0 26px 18px rgba(39,69,101,0.09));
    animation-timing-function: linear;
  }
  24% {
    transform: translate3d(0, -72px, 28px) rotateX(240deg);
    animation-timing-function: linear;
  }
  32% {
    transform: translate3d(0, -58px, 36px) rotateX(210deg);
    animation-timing-function: linear;
  }
  40% {
    /* pass 180° — upside; NO hold / plateau */
    transform: translate3d(0, -44px, 42px) rotateX(180deg);
    filter: drop-shadow(0 22px 20px rgba(39,69,101,0.10));
    animation-timing-function: linear;
  }
  48% {
    transform: translate3d(0, -32px, 40px) rotateX(150deg);
    animation-timing-function: linear;
  }
  56% {
    transform: translate3d(0, -22px, 32px) rotateX(120deg);
    animation-timing-function: linear;
  }
  64% {
    /* pass 90° — continuous mid */
    transform: translate3d(0, -12px, 22px) rotateX(90deg);
    filter: drop-shadow(0 18px 22px rgba(39,69,101,0.11));
    animation-timing-function: linear;
  }
  72% {
    transform: translate3d(0, -4px, 12px) rotateX(55deg);
    animation-timing-function: linear;
  }
  80% {
    /* begin decelerate (final ~20%) — still above face-on */
    transform: translate3d(0, 2px, 6px) rotateX(22deg);
    filter: drop-shadow(0 14px 26px rgba(39,69,101,0.14));
    animation-timing-function: cubic-bezier(0.18, 0.72, 0.28, 1);
  }
  90% {
    /* tiny settle overshoot ≤3° then ease to 0 */
    transform: translate3d(0, 1px, 1px) rotateX(-2.2deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translate3d(0, 0, 0) rotateX(0deg);
    filter: drop-shadow(0 18px 28px rgba(39,69,101,0.12));
    opacity: 1;
  }
}

/* Final rest — exact face-on; no residual tilt */
.sd-bs-ch01-emblem.is-landed {
  transform: translate3d(0, 0, 0) rotateX(0deg);
  opacity: 1;
  filter: drop-shadow(0 18px 28px rgba(39,69,101,0.12));
  animation: none;
}

/* Complete emblem — the single served Asset A */
.sd-bs-ch01-complete {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  transform-style: preserve-3d;
}
.sd-bs-ch01-complete__art {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* Prefer <img>; background fallback if only span */
span.sd-bs-ch01-complete__art {
  background-image: url("t1517u-bs-ch01-emblem/complete-emblem.png?ver=t1729u");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Half buttons retained as HIT AREAS only — art layers suppressed */
.sd-bs-ch01-half {
  pointer-events: none;
  z-index: 2;
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  transition: none;
}
.sd-bs-ch01-half__art {
  /* B/C halves MUST NOT paint — registration abandoned */
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background-image: none !important;
  pointer-events: none !important;
}
.sd-bs-ch01-half--buy { z-index: 3; }
.sd-bs-ch01-half--sell { z-index: 2; }
.sd-bs-ch01-half__hit {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
}
.sd-bs-ch01-half__body {
  pointer-events: visiblePainted;
  cursor: pointer;
  fill: transparent;
  transition: fill 0.28s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.sd-bs-story[data-ch01-hover="buyer"] .sd-bs-ch01-half--buy,
.sd-bs-ch01-emblem.is-landed .sd-bs-ch01-half--buy:focus-within {
  z-index: 4;
}
.sd-bs-story[data-ch01-hover="seller"] .sd-bs-ch01-half--sell,
.sd-bs-ch01-emblem.is-landed .sd-bs-ch01-half--sell:focus-within {
  z-index: 4;
}

/* Localized selection emphasis via hit-path fills — geometry of Asset A unchanged */
.sd-bs-story[data-ch01-hover="buyer"] .sd-bs-ch01-half--buy .sd-bs-ch01-half__body,
.sd-bs-story[data-path="buyer"] .sd-bs-ch01-half--buy .sd-bs-ch01-half__body {
  fill: rgba(255, 250, 240, 0.14);
}
.sd-bs-story[data-ch01-hover="buyer"] .sd-bs-ch01-half--sell .sd-bs-ch01-half__body,
.sd-bs-story[data-path="buyer"] .sd-bs-ch01-half--sell .sd-bs-ch01-half__body {
  fill: rgba(14, 28, 46, 0.10);
}
.sd-bs-story[data-ch01-hover="seller"] .sd-bs-ch01-half--sell .sd-bs-ch01-half__body,
.sd-bs-story[data-path="seller"] .sd-bs-ch01-half--sell .sd-bs-ch01-half__body {
  fill: rgba(196, 165, 116, 0.16);
}
.sd-bs-story[data-ch01-hover="seller"] .sd-bs-ch01-half--buy .sd-bs-ch01-half__body,
.sd-bs-story[data-path="seller"] .sd-bs-ch01-half--buy .sd-bs-ch01-half__body {
  fill: rgba(14, 28, 46, 0.08);
}

@media (hover:hover) and (pointer:fine) {
  .sd-bs-story[data-ch01-hover="buyer"] .sd-bs-ch01-emblem.is-landed .sd-bs-ch01-complete,
  .sd-bs-story[data-path="buyer"] .sd-bs-ch01-emblem.is-landed .sd-bs-ch01-complete {
    filter: drop-shadow(0 0 12px rgba(196,165,116,0.28));
  }
  .sd-bs-story[data-ch01-hover="seller"] .sd-bs-ch01-emblem.is-landed .sd-bs-ch01-complete,
  .sd-bs-story[data-path="seller"] .sd-bs-ch01-emblem.is-landed .sd-bs-ch01-complete {
    filter: drop-shadow(0 0 12px rgba(196,165,116,0.32));
  }
}

/* One-shot gold glimmer after land — additive soft-light on perimeter / S; does not invent new gold */
.sd-bs-ch01-emblem.is-glimmering::after {
  content: "";
  position: absolute;
  inset: 1.5%;
  border-radius: 50%;
  pointer-events: none;
  z-index: 5;
  background: conic-gradient(
    from 200deg,
    transparent 0deg,
    rgba(196,165,116,0.0) 28deg,
    rgba(242,220,160,0.62) 58deg,
    rgba(212,184,120,0.28) 78deg,
    rgba(196,165,116,0.0) 110deg,
    transparent 150deg,
    rgba(232,210,150,0.0) 200deg,
    rgba(242,220,160,0.45) 248deg,
    rgba(196,165,116,0.0) 290deg,
    transparent 360deg
  );
  mix-blend-mode: soft-light;
  animation: sdBsCh01GlimmerSweep var(--ch01-glimmer-ms, 900ms) ease-in-out 1 forwards;
  /* rim + center S-curve catch — elegant, not a flash */
  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 0%, #000 22%, transparent 34%, transparent 48%, #000 56%, #000 72%, transparent 82%);
  mask-image: radial-gradient(circle at 50% 50%, #000 0%, #000 22%, transparent 34%, transparent 48%, #000 56%, #000 72%, transparent 82%);
}
@keyframes sdBsCh01GlimmerSweep {
  0%   { opacity: 0; transform: rotate(0deg) scale(1); }
  32%  { opacity: 1; }
  100% { opacity: 0; transform: rotate(48deg) scale(1.012); }
}
.sd-bs-ch01-emblem.is-glimmering {
  animation: sdBsCh01GlimmerGlow var(--ch01-glimmer-ms, 900ms) ease-in-out 1;
}
@keyframes sdBsCh01GlimmerGlow {
  0%   { filter: drop-shadow(0 18px 28px rgba(39,69,101,0.12)); }
  40%  { filter: drop-shadow(0 18px 28px rgba(39,69,101,0.12)) drop-shadow(0 0 18px rgba(212,184,120,0.55)); }
  100% { filter: drop-shadow(0 18px 28px rgba(39,69,101,0.12)); }
}
/* When both flip-landed and glimmering, keep landed transform stable */
.sd-bs-ch01-emblem.is-landed.is-glimmering {
  transform: translate3d(0, 0, 0) rotateX(0deg);
}

/* Kill legacy scroll-sep / assemble architecture */
.sd-bs-ch01-emblem.is-scrolling,
.sd-bs-ch01-emblem.is-assembling {
  /* no-op classes retained only if residual JS; styles neutralized */
}

/* t1725u/t1729u mobile recomposition — deliberate stack:
   COPY → COMPLETE EMBLEM → I'M BUYING → I'M SELLING → breathing room → CH02.
   Emblem ~68–72vw (presence without overwhelm). Concierge-independent. */
@media (max-width: 900px) {
  .sd-bs-ch01 {
    min-height: 0;
    padding-top: clamp(1.75rem, 4.5vw, 2.75rem);
    padding-bottom: clamp(96px, 14vw, 140px);
    overflow-x: hidden;
    background-position: 62% 28%, 62% 28% !important;
    background-size: cover, cover;
  }
  .sd-bs-ch01-stage {
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "emblem"
      "ctas"
      "switch";
    justify-items: stretch;
    row-gap: clamp(1rem, 3.2vw, 1.6rem);
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
  .sd-bs-ch01-copy {
    max-width: 34rem;
    justify-self: stretch;
    text-align: left;
    position: relative;
    z-index: 1;
    padding: 0.85rem 0.95rem 1rem;
    border-radius: 0.65rem;
    background: linear-gradient(
      180deg,
      rgba(250, 248, 244, 0.82) 0%,
      rgba(250, 248, 244, 0.62) 55%,
      rgba(250, 248, 244, 0.28) 100%
    );
    box-shadow: 0 10px 28px rgba(39, 69, 101, 0.06);
  }
  .sd-bs-ch01-emblem-wrap {
    width: min(70vw, 400px);
    max-width: 72vw;
    justify-self: center;
    margin: 0.35rem auto 0.15rem;
    overflow: visible;
    perspective: 900px;
  }
  .sd-bs-ch01-emblem {
    max-width: 100%;
    width: 100%;
  }
  .sd-bs-ch01-ctas {
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.15rem;
  }
  .sd-bs-ch01 .sd-bs-ch01-cta {
    width: 100%;
    justify-content: center;
  }
  .sd-bs-ch01-switch {
    margin-top: 0.15rem;
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 600px) {
  .sd-bs-ch01 {
    padding-bottom: clamp(88px, 16vw, 120px);
    overflow-x: hidden;
    background-position: 58% 22%, 58% 22% !important;
  }
  .sd-bs-ch01-emblem-wrap {
    width: min(70vw, 320px); /* ~68–72vw band; presence without overwhelm */
    max-width: 72vw;
    perspective: 780px;
  }
  .sd-bs-ch01-h1 {
    font-size: clamp(1.75rem, 7.5vw, 2.35rem);
  }
  .sd-bs-ch01-copy {
    padding: 0.75rem 0.85rem 0.9rem;
  }
  .sd-bs-ch01-emblem {
    --ch01-flip-y0: -80px;
    --ch01-flip-y-pre: -72px;
  }
}

/* Tablet landscape */
@media (min-width: 901px) and (max-width: 1200px) and (orientation: landscape) {
  .sd-bs-ch01-emblem-wrap {
    width: min(100%, 480px);
  }
}

/* prefers-reduced-motion: complete emblem at final face-on rest; no flip; hit areas stay */
@media (prefers-reduced-motion: reduce) {
  .sd-bs-ch01-emblem,
  .sd-bs-ch01-emblem:not(.is-landed):not(.is-flipping):not(.is-reduced),
  .sd-bs-ch01-emblem.is-flipping,
  .sd-bs-ch01-emblem.is-landed {
    transform: translate3d(0, 0, 0) rotateX(0deg) !important;
    animation: none !important;
    opacity: 1 !important;
    filter: drop-shadow(0 18px 28px rgba(39,69,101,0.12)) !important;
  }
  .sd-bs-ch01-emblem.is-glimmering,
  .sd-bs-ch01-emblem.is-glimmering::after {
    animation: none !important;
  }
  .sd-bs-ch01-half__body {
    transition: none !important;
  }
}

/* Legacy hero plate (retired in t1699u CH01) — keep inert if residual markup appears */
.sd-bs-ch01 .sd-bs-hero-plate { display: none !important; }

/* ---- SCENE 2 · STAKE ---- */
.sd-bs-sc--stake { background: var(--sd-lg); }
.sd-bs-stake-stage {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.25rem, 3vw, 2.5rem);
  align-items: start;
}
.sd-bs-stake-panel {
  background: var(--sd-white);
  border: 1px solid var(--sd-mg);
  padding: clamp(1.25rem, 3vw, 2rem);
  transition: opacity 0.45s var(--sd-ease), border-color 0.45s var(--sd-ease), box-shadow 0.45s var(--sd-ease);
}
.sd-bs-state-note {
  font-size: 0.9rem;
  color: var(--sd-slate);
  margin: 0 0 1.5rem;
  display: none;
}
.sd-bs-story[data-path="neutral"] .sd-bs-state-note--neutral,
.sd-bs-story[data-path="buyer"] .sd-bs-state-note--buyer,
.sd-bs-story[data-path="seller"] .sd-bs-state-note--seller { display: block; }

/* Path emphasis — scene itself changes */
.sd-bs-story[data-path="buyer"] .sd-bs-stake-panel--seller {
  opacity: 0.38;
  pointer-events: none;
}
.sd-bs-story[data-path="seller"] .sd-bs-stake-panel--buyer {
  opacity: 0.38;
  pointer-events: none;
}
.sd-bs-story[data-path="buyer"] .sd-bs-stake-panel--buyer,
.sd-bs-story[data-path="seller"] .sd-bs-stake-panel--seller {
  border-color: var(--sd-blue);
  box-shadow: 0 0 0 1px var(--sd-blue);
  opacity: 1;
}
.sd-bs-story[data-path="buyer"] .sd-bs-stake-panel--seller .sd-bs-cta-wrap,
.sd-bs-story[data-path="seller"] .sd-bs-stake-panel--buyer .sd-bs-cta-wrap {
  visibility: hidden;
}

/* ---- SCENE 3 · REPRESENTATION (deep navy) ---- */
.sd-bs-sc--rep {
  background: var(--sd-deep);
  color: var(--sd-white);
}
.sd-bs-inner--rep { padding-bottom: clamp(3rem, 8vw, 6rem); }
.sd-bs-illust-wrap--rep .sd-bs-illust { color: rgba(255,255,255,0.92); }
.sd-bs-rep-legend {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem 1.1rem;
  margin: 1.25rem 0 0;
  padding: 0;
  font-family: var(--sd-font-head);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75);
}
.sd-bs-rep-decide-label {
  text-align: center;
  margin: 1.25rem 0 0;
  font-family: var(--sd-font-head);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.95rem;
  color: var(--sd-gold);
}

/* ---- SCENE 4 · CLARITY ---- */
.sd-bs-sc--clarity { background: var(--sd-white); }
.sd-bs-clarity-legend {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin: 1.25rem 0 0;
  padding: 0;
  font-family: var(--sd-font-head);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sd-slate);
}
.sd-bs-clarity-legend .is-done { color: var(--sd-blue); }
.sd-bs-clarity-legend .is-now { color: var(--sd-blue); border-bottom: 2px solid var(--sd-gold); padding-bottom: 0.15rem; }
.sd-bs-clarity-you {
  margin: 0.85rem 0 0;
  font-family: var(--sd-font-head);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.85rem;
  color: var(--sd-blue);
}
/* Path-specific next labels */
.sd-bs-clarity-next--buyer,
.sd-bs-clarity-next--seller,
.sd-bs-clarity-next--neutral { display: none; }
.sd-bs-story[data-path="buyer"] .sd-bs-clarity-next--buyer,
.sd-bs-story[data-path="seller"] .sd-bs-clarity-next--seller,
.sd-bs-story[data-path="neutral"] .sd-bs-clarity-next--neutral { display: list-item; }

/* SVG path labels (if any remain) */
.sd-bs-path-label--buyer,
.sd-bs-path-label--seller,
.sd-bs-path-label--neutral { display: none; }
.sd-bs-story[data-path="buyer"] .sd-bs-path-label--buyer,
.sd-bs-story[data-path="seller"] .sd-bs-path-label--seller,
.sd-bs-story[data-path="neutral"] .sd-bs-path-label--neutral { display: inline; }

/* ---- SCENE 5 · JUDGMENT ---- */
.sd-bs-sc--judgment { background: var(--sd-lg); }
.sd-bs-signal-labels {
  list-style: none;
  display: none;
  flex-wrap: wrap;
  gap: 0.5rem 1.15rem;
  margin: 1.15rem 0 0;
  padding: 0;
  font-family: var(--sd-font-head);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sd-blue);
}
.sd-bs-story[data-path="buyer"] .sd-bs-signal-labels--buyer,
.sd-bs-story[data-path="seller"] .sd-bs-signal-labels--seller,
.sd-bs-story[data-path="neutral"] .sd-bs-signal-labels--neutral {
  display: flex;
}
/* Noise dims after signal phase */
.sd-bs-sc--judgment.is-signal-phase .sd-bs-noise-bit.is-in {
  opacity: 0.18;
  transition: opacity 0.8s var(--sd-ease);
}
.sd-bs-sc--judgment.is-story-done .sd-bs-noise-bit {
  opacity: 0.12;
}
.sd-bs-sc--judgment.is-story-done .sd-bs-signal-mark.is-in {
  opacity: 1;
}

/* ---- SCENE 6 · FORWARD ---- */
.sd-bs-sc--forward {
  background: var(--sd-white);
  padding-bottom: clamp(3rem, 8vw, 6rem);
}
.sd-bs-forward-inner { max-width: 720px; text-align: center; }
.sd-bs-forward-inner .sd-bs-sc-head { text-align: center; }
.sd-bs-forward-inner .sd-bs-h2 { margin-left: auto; margin-right: auto; }
.sd-bs-illust--forward { margin: 0 auto; max-width: 560px; }
.sd-bs-illust--fwd-buyer,
.sd-bs-illust--fwd-seller,
.sd-bs-illust--fwd-neutral { display: none; }
.sd-bs-story[data-path="buyer"] .sd-bs-illust--fwd-buyer,
.sd-bs-story[data-path="seller"] .sd-bs-illust--fwd-seller,
.sd-bs-story[data-path="neutral"] .sd-bs-illust--fwd-neutral { display: block; }
.sd-bs-fwd-caption {
  display: none;
  margin: 1rem 0 0;
  font-family: var(--sd-font-head);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sd-slate);
}
.sd-bs-story[data-path="buyer"] .sd-bs-fwd-caption--buyer,
.sd-bs-story[data-path="seller"] .sd-bs-fwd-caption--seller,
.sd-bs-story[data-path="neutral"] .sd-bs-fwd-caption--neutral { display: block; }
.sd-bs-forward-inner .sd-bs-payoff { text-align: center; }

/* ---- Rhythm / breath between scenes ---- */
.sd-bs-sc + .sd-bs-sc { /* natural section contrast via bg */ }

/* ---- iPad-first (~768) ---- */
@media (max-width: 900px) {
  /* .sd-bs-sc-move-stage legacy; CH01 uses .sd-bs-ch01-stage */
  .sd-bs-sc-move-stage:not(.sd-bs-ch01-stage) {
    grid-template-columns: 1fr;
  }
  .sd-bs-stake-stage {
    grid-template-columns: 1fr;
  }
  .sd-bs-story[data-path="buyer"] .sd-bs-stake-panel--seller,
  .sd-bs-story[data-path="seller"] .sd-bs-stake-panel--buyer {
    display: none;
  }
  .sd-bs-illust--stake,
  .sd-bs-illust--clarity,
  .sd-bs-illust--judgment,
  .sd-bs-illust--rep {
    min-height: clamp(200px, 48vw, 360px);
  }
}

/* ---- iPhone (~390) ---- */
@media (max-width: 480px) {
  .sd-bs-story { font-size: 16px; }
  .sd-bs-path-openings { flex-direction: column; }
  .sd-bs-opening { width: 100%; justify-content: center; }
  .sd-bs-story-beats { flex-direction: column; gap: 0.35rem; }
  .sd-bs-clarity-legend { flex-direction: column; gap: 0.4rem; }
  .sd-bs-rep-legend { justify-content: flex-start; }
  .sd-bs-illust--stake,
  .sd-bs-illust--clarity,
  .sd-bs-illust--judgment,
  .sd-bs-illust--forward,
  .sd-bs-illust--rep {
    min-height: 200px;
  }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .sd-bs-story [data-reveal-item],
  .sd-bs-payoff-line {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.sd-bs-story.sd-bs-reduced [data-reveal-item],
.sd-bs-story.sd-bs-reduced .sd-bs-payoff-line {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
.sd-bs-story.sd-bs-reduced .sd-bs-sc--judgment .sd-bs-noise-bit {
  opacity: 0.15;
}


/* ============================================================
   t1662u — Chapter 02 PROTECT clean-plate implementation
   Independent BUYING/SELLING photographic plates (no composite
   master). Legibility via localized navy scrims only.
   filter:none — NO global blur / NO global darken.
   Center = empty Sundance navy photo gap (t1692u: bridge ornament removed).
   ============================================================ */
.sd-bs-sc--protect {
  position: relative;
  background: #1A2F45;
  color: var(--sd-white);
  overflow: hidden;
  isolation: isolate;
  /* t1699u: breathing integrated into CH01 light negative space — no bolted white band */
  margin-top: 0;
}
/* t1699u: prior t1694u-refine margin-top breathing removed (was 100/72/56) */
@media (max-width: 1200px) and (min-width: 901px) {
  .sd-bs-sc--protect { margin-top: 0; }
}
@media (max-width: 900px) {
  .sd-bs-sc--protect { margin-top: 0; }
}
.sd-bs-protect-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.sd-bs-protect-bg__split {
  position: absolute;
  inset: 0;
  display: grid;
  /* t1694u-refine: widen physical Sundance navy gap BETWEEN photo containers (was 40px) */
  grid-template-columns: minmax(0, 1fr) 50px minmax(0, 1fr);
  gap: 0;
  background: #274565; /* Sundance Blue — visible in center track */
}
.sd-bs-protect-bg__img--buy { grid-column: 1; contain: paint; }
.sd-bs-protect-bg__img--sell { grid-column: 3; contain: paint; }
/* t1675u: remove soft gradient overlay — navy gap is a real empty column */
.sd-bs-protect-bg__split::after {
  display: none;
}
.sd-bs-protect-bg__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.03);
  opacity: 0;
  transition: opacity 0.9s var(--sd-ease), transform 4.4s var(--sd-ease);
  filter: none; /* hard hold: no global blur */
}
.sd-bs-protect-bg__img--buy {
  object-position: 28% 72%; /* t1690u/t1694u: keys + house keychain lower-left */
}
.sd-bs-protect-bg__img--sell {
  object-position: 72% 48%; /* t1690u/t1694u: FOR SALE + LISTED→OFFERS→SOLD right side */
}
.sd-bs-protect-bg__img--full {
  /* t1662u: composite full plate retired — dual independent plates only */
  display: none !important;
}
.sd-bs-sc--protect.is-story-started .sd-bs-protect-bg__img,
.sd-bs-sc--protect.is-story-done .sd-bs-protect-bg__img,
.sd-bs-reduced .sd-bs-sc--protect .sd-bs-protect-bg__img {
  opacity: 1;
  transform: scale(1);
}
/* Very light atmosphere only — architecture must remain readable */
.sd-bs-protect-bg__wash {
  position: absolute;
  inset: 0;
  /* t1694u-refine: lighter atmosphere — richer photography, keep text contrast */
  background:
    linear-gradient(180deg, rgba(14,28,46,0.08) 0%, rgba(14,28,46,0.02) 28%, rgba(14,28,46,0.04) 58%, rgba(14,28,46,0.12) 100%),
    linear-gradient(90deg, rgba(14,28,46,0.04) 0%, rgba(14,28,46,0.00) 28%, rgba(14,28,46,0.00) 72%, rgba(14,28,46,0.04) 100%);
}
/* Localized scrims: headlines + card columns only */
.sd-bs-protect-bg__scrim {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.sd-bs-protect-bg__scrim--head {
  left: 18%;
  right: 18%;
  top: 6%;
  height: 22%;
  /* t1694u-refine: lighter head scrim */
  background: radial-gradient(ellipse at 50% 40%, rgba(12,26,44,0.28) 0%, rgba(12,26,44,0.10) 55%, rgba(12,26,44,0) 78%);
}
.sd-bs-protect-bg__scrim--buy {
  left: 2%;
  width: 38%;
  top: 18%;
  bottom: 8%;
  /* t1694u-refine: lighter buy-column scrim */
  background:
    linear-gradient(90deg, rgba(12,26,44,0.24) 0%, rgba(12,26,44,0.12) 55%, rgba(12,26,44,0.02) 100%),
    linear-gradient(180deg, rgba(12,26,44,0.14) 0%, rgba(12,26,44,0.05) 40%, rgba(12,26,44,0.18) 100%);
}
.sd-bs-protect-bg__scrim--sell {
  right: 2%;
  width: 38%;
  top: 18%;
  bottom: 8%;
  /* t1694u-refine: lighter sell-column scrim */
  background:
    linear-gradient(270deg, rgba(12,26,44,0.24) 0%, rgba(12,26,44,0.12) 55%, rgba(12,26,44,0.02) 100%),
    linear-gradient(180deg, rgba(12,26,44,0.14) 0%, rgba(12,26,44,0.05) 40%, rgba(12,26,44,0.18) 100%);
}
.sd-bs-inner--protect {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  padding-top: clamp(2.5rem, 6vw, 4.5rem);
  padding-bottom: clamp(2.75rem, 7vw, 5rem);
}
.sd-bs-protect-head {
  text-align: center;
  margin: 0 auto 2rem;
  max-width: 46rem;
}
.sd-bs-protect-kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  margin: 0 0 0.9rem;
  font-family: var(--sd-font-head);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sd-gold);
}
.sd-bs-protect-kicker__rule {
  display: inline-block;
  width: clamp(2rem, 6vw, 3.5rem);
  height: 1px;
  background: var(--sd-gold);
  opacity: 0.85;
}
.sd-bs-protect-title {
  font-family: var(--sd-font-display);
  font-weight: 400;
  font-size: clamp(1.85rem, 4.2vw, 3.1rem);
  line-height: 1.12;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--sd-white);
  margin: 0 0 0.85rem;
  text-shadow: 0 2px 18px rgba(8,18,32,0.55), 0 1px 2px rgba(8,18,32,0.45);
}
.sd-bs-protect-support {
  margin: 0 auto;
  max-width: 36rem;
  font-size: clamp(0.98rem, 1.5vw, 1.12rem);
  line-height: 1.5;
  color: rgba(255,255,255,0.88);
}
.sd-bs-protect-grid {
  display: grid;
  /* t1692u: two paths only — center bridge column removed */
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(1rem, 2.5vw, 1.75rem);
  align-items: stretch;
}
.sd-bs-protect-path {
  min-width: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
/* Mobile-only path plates (independent clean photos behind each path) */
.sd-bs-protect-path__plate {
  display: none;
}
.sd-bs-protect-path-label {
  /* t1694u-refine: PATH IDENTIFIERS — ~30px desktop; still subordinate to Cinzel path titles */
  margin: 0 0 0.55rem;
  font-family: var(--sd-font-head);
  font-size: clamp(1.5rem, 2.05vw, 1.875rem); /* ~24–30px desktop; gold Inter vs white Cinzel titles */
  font-weight: 600;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: var(--sd-gold);
}
.sd-bs-protect-path--sell .sd-bs-protect-path-label { text-align: right; }
.sd-bs-protect-path-title {
  margin: 0 0 0.55rem;
  font-family: var(--sd-font-display);
  font-weight: 400;
  font-size: clamp(1.25rem, 2.3vw, 1.7rem);
  line-height: 1.2;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--sd-white);
  text-shadow: 0 2px 14px rgba(8,18,32,0.55), 0 1px 2px rgba(8,18,32,0.4);
}
.sd-bs-protect-path-label {
  text-shadow: 0 2px 14px rgba(8,18,32,0.65), 0 1px 2px rgba(8,18,32,0.5);
}
.sd-bs-protect-path-copy,
.sd-bs-protect-support {
  text-shadow: 0 1px 12px rgba(8,18,32,0.5);
}
.sd-bs-protect-path--sell .sd-bs-protect-path-title,
.sd-bs-protect-path--sell .sd-bs-protect-path-copy { text-align: right; }
.sd-bs-protect-path-copy {
  margin: 0 0 1.15rem;
  font-size: 0.98rem;
  line-height: 1.5;
  color: rgba(255,255,255,0.86);
  max-width: 28rem;
}
.sd-bs-protect-path--sell .sd-bs-protect-path-copy { margin-left: auto; }
.sd-bs-protect-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  flex: 1 1 auto;
  overflow: hidden; /* t1739u: contain horizontal card slide (±110/±70) */
}
.sd-bs-protect-card {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.78rem 1rem;
  border-radius: 10px;
  background: rgba(255,255,255,0.94);
  color: var(--sd-blue);
  box-shadow: 0 8px 22px rgba(0,0,0,0.18);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  /* t1739u: no vertical pre-offset — path-aware translateX below */
  transform: none;
}
.sd-bs-protect-card.is-in {
  transform: translateX(0);
}

/* ============================================================
   t1743u — CH02 INFORMATION CARD SLIDE TIMING ONLY (geometry ACCEPTED t1739u)
   BUYING cards: LEFT (−110px → 0 desktop / −70px mobile) — UNCHANGED.
   SELLING cards: RIGHT (+110px → 0 desktop / +70px mobile) — UNCHANGED.
   Duration 1500ms; opacity matched (1550ms) so lateral travel dominates (SLIDE+REVEAL).
   JS: BUY leads; SELL starts 180ms later; deliberate ~140ms top→bottom stagger.
   Card-region IntersectionObserver gates start (watchable travel) — UNCHANGED.
   Easing: var(--sd-ease) = cubic-bezier(0.22, 1, 0.36, 1) — no bounce/overshoot/snap.
   Headings / path copy / CTAs keep [data-reveal-item] translateY entrance.
   Selection emphasis (t1733u) untouched. CH01 FROZEN at t1735u.
   ============================================================ */
.sd-bs-protect-path--buy .sd-bs-protect-card[data-protect="card"]:not(.is-in) {
  transform: translateX(-110px); /* unmistakable LEFT of final */
}
.sd-bs-protect-path--sell .sd-bs-protect-card[data-protect="card"]:not(.is-in) {
  transform: translateX(110px); /* unmistakable RIGHT of final */
}
.sd-bs-protect-path--buy .sd-bs-protect-card[data-protect="card"],
.sd-bs-protect-path--sell .sd-bs-protect-card[data-protect="card"] {
  transition:
    opacity 1550ms var(--sd-ease),
    transform 1500ms var(--sd-ease),
    color 400ms ease,
    filter 400ms ease,
    background-color 400ms ease,
    border-color 400ms ease,
    box-shadow 400ms ease;
}
.sd-bs-protect-path--buy .sd-bs-protect-card[data-protect="card"].is-in,
.sd-bs-protect-path--sell .sd-bs-protect-card[data-protect="card"].is-in {
  transform: translateX(0); /* final geometry — stay put after land */
}
@media (max-width: 900px) {
  .sd-bs-protect-path--buy .sd-bs-protect-card[data-protect="card"]:not(.is-in) {
    transform: translateX(-70px);
  }
  .sd-bs-protect-path--sell .sd-bs-protect-card[data-protect="card"]:not(.is-in) {
    transform: translateX(70px);
  }
}
.sd-bs-protect-card__icon {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sd-blue);
}
.sd-bs-protect-card__text {
  font-family: var(--sd-font-head);
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
/* t1692u: center bridge ornament rules removed */
.sd-bs-protect-cta { margin-top: 1.25rem; }
.sd-bs-protect-path--sell .sd-bs-protect-cta { text-align: right; }
.sd-bs-btn-protect {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.85rem 1.15rem;
  border-radius: 4px;
  background: var(--sd-blue);
  color: var(--sd-white) !important;
  border: 1px solid var(--sd-gold);
  font-family: var(--sd-font-head);
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  transition: background 0.25s var(--sd-ease), border-color 0.25s var(--sd-ease), transform 0.25s var(--sd-ease);
}
.sd-bs-btn-protect:hover,
.sd-bs-btn-protect:focus-visible {
  background: #1f3954;
  border-color: #d4b88a;
  color: var(--sd-white) !important;
}

/* t1733u Path emphasis — UNMISTAKABLE selected vs inactive (selection CSS only; plates/labels/gap/bridge HOLD)
   Transition ~400ms cross-fade. Active = deep Sundance navy / full richness. Inactive = light muted blue-gray ~55–65%. */
.sd-bs-protect-path {
  transition: opacity 400ms ease, filter 400ms ease, box-shadow 400ms ease, background-color 400ms ease, border-color 400ms ease;
  border-radius: 14px;
  position: relative;
}
.sd-bs-protect-path-label,
.sd-bs-protect-path-title,
.sd-bs-protect-path-copy,
.sd-bs-protect-card,
.sd-bs-btn-protect,
.sd-bs-protect-cta {
  transition: opacity 400ms ease, color 400ms ease, filter 400ms ease, background-color 400ms ease, border-color 400ms ease, box-shadow 400ms ease;
}
.sd-bs-protect-bg__img {
  transition: opacity 0.9s var(--sd-ease), transform 4.4s var(--sd-ease), filter 400ms ease;
}

/* DEFAULT (neutral): both sides calm / readable — neither crowned */
.sd-bs-story[data-path="neutral"] .sd-bs-protect-path--buy,
.sd-bs-story[data-path="neutral"] .sd-bs-protect-path--sell,
.sd-bs-story:not([data-path]) .sd-bs-protect-path--buy,
.sd-bs-story:not([data-path]) .sd-bs-protect-path--sell {
  opacity: 0.94;
  filter: saturate(0.88) brightness(1.04);
  background-color: transparent;
  box-shadow: none;
}
.sd-bs-story[data-path="neutral"] .sd-bs-protect-path-label,
.sd-bs-story:not([data-path]) .sd-bs-protect-path-label {
  color: #8FA3B5;
}

/* ===== BUYING selected ===== */
.sd-bs-story[data-path="buyer"] .sd-bs-protect-path--buy {
  opacity: 1;
  filter: none;
  background-color: rgba(39, 69, 101, 0.72); /* rich Sundance navy #274565 family */
  box-shadow: inset 0 0 0 1.5px rgba(196,165,116,0.55), 0 14px 36px rgba(8,18,32,0.28);
}
.sd-bs-story[data-path="buyer"] .sd-bs-protect-path--buy .sd-bs-protect-path-label {
  color: #F5E6C8;
  letter-spacing: 0.22em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.40);
  opacity: 1;
}
.sd-bs-story[data-path="buyer"] .sd-bs-protect-path--buy .sd-bs-protect-path-title,
.sd-bs-story[data-path="buyer"] .sd-bs-protect-path--buy .sd-bs-protect-path-copy {
  color: #FFFFFF;
  opacity: 1;
}
.sd-bs-story[data-path="buyer"] .sd-bs-protect-path--buy .sd-bs-protect-card {
  background: rgba(255,255,255,0.97);
  opacity: 1;
  filter: none;
}
.sd-bs-story[data-path="buyer"] .sd-bs-protect-path--buy .sd-bs-btn-protect {
  opacity: 1;
  filter: none;
  box-shadow: 0 8px 22px rgba(0,0,0,0.28);
  border-color: var(--sd-gold);
}
.sd-bs-story[data-path="buyer"] .sd-bs-protect-bg__img--buy {
  filter: none;
  opacity: 1;
}
/* Inactive SELLING while BUYING selected — light/muted blue-gray, ~60% emphasis */
.sd-bs-story[data-path="buyer"] .sd-bs-protect-path--sell {
  opacity: 0.60;
  filter: saturate(0.45) brightness(1.12);
  background-color: rgba(176, 188, 200, 0.42); /* light blue-gray/slate wash */
  box-shadow: none;
}
.sd-bs-story[data-path="buyer"] .sd-bs-protect-path--sell .sd-bs-protect-path-label {
  color: #7A90A3;
  opacity: 0.85;
  letter-spacing: 0.20em;
  text-shadow: none;
}
.sd-bs-story[data-path="buyer"] .sd-bs-protect-path--sell .sd-bs-protect-path-title,
.sd-bs-story[data-path="buyer"] .sd-bs-protect-path--sell .sd-bs-protect-path-copy {
  opacity: 0.62;
}
.sd-bs-story[data-path="buyer"] .sd-bs-protect-path--sell .sd-bs-protect-card {
  opacity: 0.58;
  filter: saturate(0.7);
}
.sd-bs-story[data-path="buyer"] .sd-bs-protect-path--sell .sd-bs-btn-protect {
  opacity: 0.58;
  filter: grayscale(0.15);
}
.sd-bs-story[data-path="buyer"] .sd-bs-protect-bg__img--sell {
  filter: saturate(0.35) brightness(1.18) contrast(0.92);
  opacity: 0.70;
}

/* ===== SELLING selected (mirror) ===== */
.sd-bs-story[data-path="seller"] .sd-bs-protect-path--sell {
  opacity: 1;
  filter: none;
  background-color: rgba(39, 69, 101, 0.72);
  box-shadow: inset 0 0 0 1.5px rgba(196,165,116,0.55), 0 14px 36px rgba(8,18,32,0.28);
}
.sd-bs-story[data-path="seller"] .sd-bs-protect-path--sell .sd-bs-protect-path-label {
  color: #F5E6C8;
  letter-spacing: 0.22em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.40);
  opacity: 1;
}
.sd-bs-story[data-path="seller"] .sd-bs-protect-path--sell .sd-bs-protect-path-title,
.sd-bs-story[data-path="seller"] .sd-bs-protect-path--sell .sd-bs-protect-path-copy {
  color: #FFFFFF;
  opacity: 1;
}
.sd-bs-story[data-path="seller"] .sd-bs-protect-path--sell .sd-bs-protect-card {
  background: rgba(255,255,255,0.97);
  opacity: 1;
  filter: none;
}
.sd-bs-story[data-path="seller"] .sd-bs-protect-path--sell .sd-bs-btn-protect {
  opacity: 1;
  filter: none;
  box-shadow: 0 8px 22px rgba(0,0,0,0.28);
  border-color: var(--sd-gold);
}
.sd-bs-story[data-path="seller"] .sd-bs-protect-bg__img--sell {
  filter: none;
  opacity: 1;
}
.sd-bs-story[data-path="seller"] .sd-bs-protect-path--buy {
  opacity: 0.60;
  filter: saturate(0.45) brightness(1.12);
  background-color: rgba(176, 188, 200, 0.42);
  box-shadow: none;
}
.sd-bs-story[data-path="seller"] .sd-bs-protect-path--buy .sd-bs-protect-path-label {
  color: #7A90A3;
  opacity: 0.85;
  letter-spacing: 0.20em;
  text-shadow: none;
}
.sd-bs-story[data-path="seller"] .sd-bs-protect-path--buy .sd-bs-protect-path-title,
.sd-bs-story[data-path="seller"] .sd-bs-protect-path--buy .sd-bs-protect-path-copy {
  opacity: 0.62;
}
.sd-bs-story[data-path="seller"] .sd-bs-protect-path--buy .sd-bs-protect-card {
  opacity: 0.58;
  filter: saturate(0.7);
}
.sd-bs-story[data-path="seller"] .sd-bs-protect-path--buy .sd-bs-btn-protect {
  opacity: 0.58;
  filter: grayscale(0.15);
}
.sd-bs-story[data-path="seller"] .sd-bs-protect-bg__img--buy {
  filter: saturate(0.35) brightness(1.18) contrast(0.92);
  opacity: 0.70;
}

/* Short viewport */
@media (max-height: 700px) and (min-width: 901px) {
  .sd-bs-inner--protect {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .sd-bs-protect-head { margin-bottom: 1.15rem; }
  .sd-bs-protect-title { font-size: clamp(1.5rem, 3vw, 2.2rem); }
  .sd-bs-protect-card { padding: 0.55rem 0.85rem; }
  .sd-bs-protect-cards { gap: 0.4rem; }
}


/* t1694u-refine: tablet — proportional photo gap ~38px (still horizontal split) */
@media (max-width: 1200px) and (min-width: 901px) {
  .sd-bs-protect-bg__split {
    grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr);
    background: #274565;
  }
}
/* Tablet / mobile stack: PROTECT → BUYING → SELLING (t1692u: no bridge ornament) */
@media (max-width: 900px) {
  /* Recompose: do NOT squeeze desktop dual plate into a tall phone column.
     Show buying plate behind upper story + buying path; selling plate behind selling path. */
  .sd-bs-protect-bg__split {
    display: block;
    position: absolute;
    inset: 0;
    background: transparent; /* t1675u: no desktop horizontal navy gap in vertical stack */
    grid-template-columns: none;
  }
  .sd-bs-protect-bg__img--buy,
  .sd-bs-protect-bg__img--sell {
    grid-column: auto;
  }
  .sd-bs-protect-bg__img--full { display: none !important; }
  .sd-bs-protect-bg__split::after { display: none; }
  /* Section-level plates: only behind SECTION MESSAGE (top); path plates own BUYING/SELLING */
  .sd-bs-protect-bg__img--buy,
  .sd-bs-protect-bg__img--sell {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    object-fit: cover;
    opacity: 1;
    transform: none;
    filter: none;
  }
  .sd-bs-protect-bg__img--buy {
    top: 0;
    height: 28%;
    object-position: 28% 70%; /* t1690u symbolic keys */
  }
  .sd-bs-protect-bg__img--sell {
    display: none; /* selling plate lives inside selling path on mobile */
  }
  .sd-bs-protect-path__plate {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    z-index: 0;
    pointer-events: none;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
  .sd-bs-protect-path__plate--buy { object-position: 28% 72%; /* t1690u keys */ }
  .sd-bs-protect-path__plate--sell { object-position: 72% 48%; /* t1690u FOR SALE path */ }
  .sd-bs-protect-path > *:not(.sd-bs-protect-path__plate) {
    position: relative;
    z-index: 1;
  }
  .sd-bs-protect-bg__scrim--head {
    left: 4%; right: 4%; top: 4%; height: 18%;
    background: radial-gradient(ellipse at 50% 35%, rgba(12,26,44,0.50) 0%, rgba(12,26,44,0.18) 60%, rgba(12,26,44,0) 80%);
  }
  .sd-bs-protect-bg__scrim--buy,
  .sd-bs-protect-bg__scrim--sell {
    display: none; /* path-local plates + path scrim handle legibility */
  }
  .sd-bs-protect-bg__wash {
    background:
      linear-gradient(180deg, rgba(14,28,46,0.12) 0%, rgba(14,28,46,0.05) 35%, rgba(14,28,46,0.10) 55%, rgba(14,28,46,0.16) 100%);
  }
  .sd-bs-protect-path--buy,
  .sd-bs-protect-path--sell {
    position: relative;
    z-index: 1;
    overflow: hidden;
    isolation: isolate;
    padding: 1.1rem 1rem 1.25rem;
    border-radius: 14px;
    /* Localized scrim over path plate — photography stays visible */
    /* t1694u-refine: lighter mobile path scrim */
    background: linear-gradient(180deg, rgba(12,26,44,0.30) 0%, rgba(12,26,44,0.40) 55%, rgba(12,26,44,0.48) 100%);
    border: 1px solid rgba(196,165,116,0.18);
    box-shadow: 0 10px 28px rgba(0,0,0,0.18);
  }
  .sd-bs-protect-grid {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }
  .sd-bs-protect-path--buy { order: 1; }
  .sd-bs-protect-path--sell { order: 2; }
  .sd-bs-protect-path--sell .sd-bs-protect-path-label,
  .sd-bs-protect-path--sell .sd-bs-protect-path-title,
  .sd-bs-protect-path--sell .sd-bs-protect-path-copy,
  .sd-bs-protect-path--sell .sd-bs-protect-cta { text-align: left; }
  .sd-bs-protect-path--sell .sd-bs-protect-path-copy { margin-left: 0; }
  /* t1733u: stacked mobile must still show unmistakable selected vs inactive */
  .sd-bs-story[data-path="buyer"] .sd-bs-protect-path--buy,
  .sd-bs-story[data-path="seller"] .sd-bs-protect-path--sell {
    opacity: 1;
    background-color: rgba(26, 47, 69, 0.78); /* deep navy selected panel */
    box-shadow: inset 0 0 0 1.5px rgba(196,165,116,0.55), 0 12px 28px rgba(8,18,32,0.30);
  }
  .sd-bs-story[data-path="buyer"] .sd-bs-protect-path--sell,
  .sd-bs-story[data-path="seller"] .sd-bs-protect-path--buy {
    opacity: 0.62; /* readable but clearly not selected */
    filter: saturate(0.50) brightness(1.10);
    background-color: rgba(176, 188, 200, 0.48);
    box-shadow: none;
  }
  .sd-bs-story[data-path="buyer"] .sd-bs-protect-path--sell .sd-bs-protect-path__plate,
  .sd-bs-story[data-path="seller"] .sd-bs-protect-path--buy .sd-bs-protect-path__plate {
    filter: saturate(0.40) brightness(1.12);
    opacity: 0.75 !important;
  }
  .sd-bs-story[data-path="buyer"] .sd-bs-protect-path--buy .sd-bs-protect-path__plate,
  .sd-bs-story[data-path="seller"] .sd-bs-protect-path--sell .sd-bs-protect-path__plate {
    filter: none;
    opacity: 1 !important;
  }
}


/* t1690u: path IDs remain readable on tablet/mobile, still below path titles */
@media (max-width: 1200px) and (min-width: 901px) {
  .sd-bs-protect-path-label {
    font-size: clamp(1.3rem, 1.85vw, 1.55rem); /* ~21–25px tablet */
    letter-spacing: 0.19em;
  }
}
@media (max-width: 900px) {
  .sd-bs-protect-path-label {
    font-size: clamp(1.2rem, 3.6vw, 1.4rem); /* ~19–22px mobile */
    letter-spacing: 0.18em;
  }
}

@media (max-width: 600px) {
  .sd-bs-protect-title { font-size: clamp(1.55rem, 7vw, 2rem); }
  .sd-bs-protect-path-title { font-size: clamp(1.2rem, 5.5vw, 1.45rem); }
  .sd-bs-protect-card__text { font-size: 0.74rem; letter-spacing: 0.08em; }
  .sd-bs-btn-protect {
    width: 100%;
    justify-content: center;
    font-size: 0.7rem;
    padding: 0.9rem 0.85rem;
  }
  .sd-bs-protect-kicker { letter-spacing: 0.12em; font-size: 0.68rem; }
}

/* Reduced motion: completed static */
.sd-bs-reduced .sd-bs-sc--protect [data-reveal-item],
.sd-bs-sc--protect.is-story-done [data-reveal-item] {
  opacity: 1;
  transform: none;
}
.sd-bs-reduced .sd-bs-protect-bg__img {
  transition: none !important;
}


/* t1662u / t1658u / t1652u / t1646u — CH02 section chrome + corrected marks */
.sd-bs-protect-chrome {
  position: relative;
  z-index: 2;
  background: rgba(15, 30, 48, 0.92);
  border-color: rgba(196,165,116,0.28);
}
.sd-bs-protect-chrome--top {
  border-bottom: 1px solid rgba(196,165,116,0.28);
}
.sd-bs-protect-chrome--bottom {
  border-top: 1px solid rgba(196,165,116,0.28);
  margin-top: 0.25rem;
}
.sd-bs-protect-chrome__inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0.7rem var(--sd-pad);
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);
  align-items: center;
  gap: 0.75rem;
}
.sd-bs-protect-chrome__wordmark {
  display: block;
  width: min(240px, 48vw);
  height: auto;
  max-height: 40px;
  object-fit: contain;
  object-position: left center;
}
.sd-bs-protect-chrome__center {
  margin: 0;
  justify-self: center;
}
.sd-bs-protect-kicker--chrome {
  margin: 0;
  font-size: 0.68rem;
}
.sd-bs-protect-chrome__locale,
.sd-bs-protect-chrome__tagline {
  margin: 0;
  justify-self: end;
  text-align: right;
  font-family: var(--sd-font-head);
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.92);
}
.sd-bs-protect-chrome__tagline {
  justify-self: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.65rem;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.12em;
}
.sd-bs-protect-chrome__dot {
  display: inline-block;
  width: 1.4rem;
  height: 1px;
  background: var(--sd-gold);
  opacity: 0.85;
}
.sd-bs-protect-head { margin-top: 0.35rem; }

@media (max-width: 900px) {
  .sd-bs-protect-chrome__inner {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 0.45rem;
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
  }
  .sd-bs-protect-chrome__wordmark {
    max-height: 34px;
    object-position: center;
  }
  .sd-bs-protect-chrome__locale,
  .sd-bs-protect-chrome__tagline {
    justify-self: center;
    text-align: center;
  }
  .sd-bs-protect-kicker--chrome { order: -1; }
}

/* ============================================================
   t1752u — CH03 REPRESENTATION VISUAL REVISION (supersedes t1746u visual)
   Layer 1: clean daylight BG photo (Craig t1750ua0) — md5 330a4718…
   Layer 2: live HTML chapter/headline/copy
   Layer 3: five transaction plaques — physical navy/champagne desk plaques
   Layer 4: center hero plaque (wider, dominant)
   CH01/CH02 CSS above this marker is FROZEN — do not edit upward.
   ============================================================ */
.sd-bs-sc.sd-bs-sc--rep.sd-bs-sc--ch03,
.sd-bs-sc--ch03 {
  --ch03-blue: #274565;
  --ch03-deep: #1E3651;
  --ch03-support: #3E5577;
  --ch03-gold: #C9A86A;
  --ch03-gold-bright: #D4B896;
  --ch03-gold-deep: #A8894E;
  --ch03-ivory: #F7F3EB;
  --ch03-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ch03-plaque-dur: 950ms;
  --ch03-center-dur: 800ms;
  --ch03-sweep-dur: 700ms;
  position: relative;
  color: var(--ch03-blue);
  background-color: #8eb8d4;
  background-image: url("/wp-content/mu-plugins/t1517u-bs-ch03/ch03-bg-clean.png?ver=t1750ua0");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  min-height: clamp(420px, 52vw, 724px);
  opacity: 0.92;
  transition: opacity 500ms var(--ch03-ease);
}
.sd-bs-sc--ch03.is-room-in,
.sd-bs-sc--ch03.is-story-done,
.sd-bs-sc--ch03.is-reduced {
  opacity: 1;
}
.sd-bs-sc--ch03 .sd-bs-ch03-stage {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  aspect-ratio: 2172 / 724;
  min-height: clamp(380px, 48vw, 680px);
}
.sd-bs-sc--ch03 .sd-bs-ch03-copy {
  position: absolute;
  left: 50%;
  top: 6.5%;
  transform: translateX(-50%);
  width: min(92%, 920px);
  text-align: center;
  z-index: 4;
  pointer-events: none;
}
.sd-bs-sc--ch03 .sd-bs-ch03-chapter {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0 0.85rem;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 700ms var(--ch03-ease), transform 700ms var(--ch03-ease);
}
.sd-bs-sc--ch03 .sd-bs-ch03-chapter.is-in,
.sd-bs-sc--ch03.is-story-done .sd-bs-ch03-chapter,
.sd-bs-sc--ch03.is-reduced .sd-bs-ch03-chapter {
  opacity: 1;
  transform: translateY(0);
}
.sd-bs-sc--ch03 .sd-bs-ch03-chapter__label {
  margin: 0;
  font-family: var(--sd-font-head);
  font-size: clamp(0.68rem, 1.1vw, 0.78rem);
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--ch03-blue);
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.sd-bs-sc--ch03 .sd-bs-ch03-chapter__label::before,
.sd-bs-sc--ch03 .sd-bs-ch03-chapter__label::after {
  content: "";
  display: block;
  width: clamp(28px, 4vw, 48px);
  height: 1px;
  background: var(--ch03-gold);
  opacity: 0.9;
}
.sd-bs-sc--ch03 .sd-bs-ch03-chapter__title {
  margin: 0;
  font-family: var(--sd-font-display);
  font-weight: 400;
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ch03-blue);
}
.sd-bs-sc--ch03 .sd-bs-ch03-headline {
  margin: 0 0 0.55rem;
  font-family: var(--sd-font-display);
  font-weight: 400;
  font-size: clamp(1.35rem, 3.1vw, 2.35rem);
  line-height: 1.18;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--ch03-blue);
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 700ms var(--ch03-ease), transform 700ms var(--ch03-ease);
}
.sd-bs-sc--ch03 .sd-bs-ch03-headline.is-in,
.sd-bs-sc--ch03.is-story-done .sd-bs-ch03-headline,
.sd-bs-sc--ch03.is-reduced .sd-bs-ch03-headline {
  opacity: 1;
  transform: translateY(0);
}
.sd-bs-sc--ch03 .sd-bs-ch03-headline__your {
  color: var(--ch03-gold);
}
.sd-bs-sc--ch03 .sd-bs-ch03-support {
  margin: 0;
  font-family: var(--sd-font-body);
  font-size: clamp(0.88rem, 1.25vw, 1.05rem);
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--ch03-blue);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 650ms var(--ch03-ease), transform 650ms var(--ch03-ease);
}
.sd-bs-sc--ch03 .sd-bs-ch03-support.is-in,
.sd-bs-sc--ch03.is-story-done .sd-bs-ch03-support,
.sd-bs-sc--ch03.is-reduced .sd-bs-ch03-support {
  opacity: 1;
  transform: translateY(0);
}

/* Layer 3+4 — physical desk plaques on marble */
.sd-bs-sc--ch03 .sd-bs-ch03-plaques {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}

/* Premium physical plaque: deep navy face + thick champagne metal bevel */
.sd-bs-sc--ch03 .sd-bs-ch03-plaque {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.55rem;
  box-sizing: border-box;
  padding: 0.62rem 0.85rem 0.58rem 0.72rem;
  /* Solid deep navy face — NOT washed slate / gray gradient */
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 38%),
    linear-gradient(165deg, #2A4A68 0%, var(--ch03-blue) 38%, var(--ch03-deep) 100%);
  color: var(--ch03-ivory);
  border: 0;
  border-radius: 4px;
  /* Multi-layer champagne metal frame + dimensional bevel (NOT thin 1.5px stroke) */
  box-shadow:
    /* outer champagne lip */
    0 0 0 1px var(--ch03-gold-deep),
    0 0 0 3px var(--ch03-gold),
    0 0 0 4px var(--ch03-gold-bright),
    /* inner top highlight (metal edge catch-light) */
    inset 0 1px 0 rgba(255, 236, 200, 0.45),
    inset 0 -1px 0 rgba(30, 40, 20, 0.35),
    inset 1px 0 0 rgba(255, 236, 200, 0.18),
    inset -1px 0 0 rgba(30, 40, 20, 0.22),
    /* soft dimensional drop + contact shadow */
    0 2px 3px rgba(15, 30, 45, 0.22),
    0 10px 22px rgba(15, 30, 45, 0.32),
    0 18px 28px -6px rgba(15, 30, 45, 0.28);
  text-align: left;
  opacity: 0;
  will-change: transform, opacity;
  transition:
    opacity var(--ch03-plaque-dur) var(--ch03-ease),
    transform var(--ch03-plaque-dur) var(--ch03-ease);
}
/* Soft oval contact shadow + faint marble reflection */
.sd-bs-sc--ch03 .sd-bs-ch03-plaque::after {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: -10px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(20, 35, 55, 0.38) 0%, rgba(20, 35, 55, 0.12) 55%, transparent 72%);
  filter: blur(2px);
  z-index: -1;
  pointer-events: none;
  opacity: 0.85;
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque__icon {
  flex: 0 0 auto;
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  margin: 0;
  color: var(--ch03-gold-bright);
  opacity: 0.95;
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque__icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.14rem;
  min-width: 0;
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque__name {
  font-family: var(--sd-font-display);
  font-size: clamp(0.64rem, 0.95vw, 0.8rem);
  font-weight: 400;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.15;
  color: var(--ch03-ivory); /* warm ivory primary — NOT gold names */
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque__sub {
  font-family: var(--sd-font-head);
  font-size: clamp(0.46rem, 0.68vw, 0.56rem);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.2;
  color: var(--ch03-gold-bright); /* restrained champagne subtext */
  opacity: 0.95;
}

/* Travel offsets 70–120px */
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--offer:not(.is-in) { transform: translateX(-90px); }
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--inspection:not(.is-in) { transform: translateX(-110px); }
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--financing:not(.is-in) { transform: translateX(90px); }
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--closing:not(.is-in) { transform: translateX(110px); }
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--appraisal:not(.is-in) { transform: translateY(75px); }
.sd-bs-sc--ch03 .sd-bs-ch03-plaque.is-in,
.sd-bs-sc--ch03.is-story-done .sd-bs-ch03-plaque,
.sd-bs-sc--ch03.is-reduced .sd-bs-ch03-plaque {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

/* Desktop resting positions — tuned to master table perspective */
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--offer {
  left: 16.5%;
  top: 45.5%;
  width: clamp(148px, 14.5vw, 188px);
  transform-origin: center center;
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--financing {
  right: 16.5%;
  left: auto;
  top: 45.5%;
  width: clamp(148px, 14.5vw, 188px);
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--inspection {
  left: 19.5%;
  top: 61%;
  width: clamp(168px, 16.5vw, 210px);
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--closing {
  right: 19.5%;
  left: auto;
  top: 61%;
  width: clamp(168px, 16.5vw, 210px);
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--appraisal {
  left: 50%;
  top: 72%;
  width: clamp(158px, 15vw, 198px);
  transform: translateX(-50%) translateY(75px);
  z-index: 6;
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--appraisal.is-in,
.sd-bs-sc--ch03.is-story-done .sd-bs-ch03-plaque--appraisal,
.sd-bs-sc--ch03.is-reduced .sd-bs-ch03-plaque--appraisal {
  transform: translateX(-50%) translateY(0);
}

/* Layer 4 — center hero: wider, dominant, no icon, two-line */
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--center {
  left: 50%;
  top: 52.5%;
  width: clamp(210px, 22vw, 290px);
  min-height: clamp(68px, 7.5vw, 92px);
  padding: 0.85rem 1.15rem;
  justify-content: center;
  text-align: center;
  z-index: 7;
  transform: translateX(-50%) translateY(20px) scale(0.96);
  opacity: 0;
  transition:
    opacity var(--ch03-center-dur) var(--ch03-ease),
    transform var(--ch03-center-dur) var(--ch03-ease);
  overflow: hidden;
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--center .sd-bs-ch03-plaque__text--center {
  align-items: center;
  width: 100%;
  gap: 0.28rem;
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--center .sd-bs-ch03-plaque__name {
  font-size: clamp(0.72rem, 1.1vw, 0.95rem);
  letter-spacing: 0.14em;
  line-height: 1.25;
  color: var(--ch03-ivory);
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--center .sd-bs-ch03-plaque__sub {
  font-size: clamp(0.52rem, 0.78vw, 0.66rem);
  letter-spacing: 0.14em;
  color: var(--ch03-gold-bright);
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--center.is-in,
.sd-bs-sc--ch03.is-story-done .sd-bs-ch03-plaque--center,
.sd-bs-sc--ch03.is-reduced .sd-bs-ch03-plaque--center {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
}
/* ONE restrained champagne-gold edge glint */
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--center .sd-bs-ch03-sweep {
  position: absolute;
  inset: -25% -45%;
  background: linear-gradient(
    105deg,
    transparent 38%,
    rgba(212, 184, 150, 0) 44%,
    rgba(255, 236, 200, 0.28) 50%,
    rgba(212, 184, 150, 0) 56%,
    transparent 62%
  );
  transform: translateX(-120%);
  opacity: 0;
  pointer-events: none;
}
.sd-bs-sc--ch03 .sd-bs-ch03-plaque--center.is-sweep .sd-bs-ch03-sweep {
  opacity: 1;
  animation: sdBsCh03GoldSweep var(--ch03-sweep-dur) ease-out 1 forwards;
}
@keyframes sdBsCh03GoldSweep {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}

/* Hide legacy Elementor SVG content if mount fails partially */
.sd-bs-sc--ch03 .sd-bs-inner--rep,
.sd-bs-sc--ch03 .sd-bs-illust-wrap--rep,
.sd-bs-sc--ch03 > .sd-bs-inner {
  display: none !important;
}

/* Tablet — keep tabletop hierarchy, slightly tighten widths to avoid collisions */
@media (min-width: 768px) and (max-width: 1100px) {
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--offer,
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--financing {
    width: clamp(132px, 16vw, 168px);
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--inspection,
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--closing {
    width: clamp(148px, 18vw, 186px);
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--offer { left: 14%; }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--financing { right: 14%; }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--inspection { left: 16.5%; }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--closing { right: 16.5%; }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--center {
    width: clamp(180px, 24vw, 240px);
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque__name {
    font-size: clamp(0.58rem, 1.1vw, 0.72rem);
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque__sub {
    font-size: clamp(0.42rem, 0.75vw, 0.52rem);
  }
}

/* Mobile — stacked; chapter/headline/support → OFFER INSPECTION FINANCING CLOSING APPRAISAL → center last */
@media (max-width: 767px) {
  .sd-bs-sc--ch03 {
    min-height: 0;
    background-position: center 30%;
    padding: 1.75rem 1rem 2.25rem;
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-stage {
    aspect-ratio: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-copy {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    order: 1;
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaques {
    position: relative;
    inset: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.7rem;
    order: 2;
    padding: 0.35rem 0 0.5rem;
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: min(88vw, 300px) !important;
    min-height: 62px;
    transform: none;
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--offer:not(.is-in) { transform: translateX(-70px); }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--inspection:not(.is-in) { transform: translateX(70px); }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--financing:not(.is-in) { transform: translateX(-70px); }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--closing:not(.is-in) { transform: translateX(70px); }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--appraisal:not(.is-in) { transform: translateX(-70px); }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--appraisal.is-in,
  .sd-bs-sc--ch03.is-story-done .sd-bs-ch03-plaque--appraisal,
  .sd-bs-sc--ch03.is-reduced .sd-bs-ch03-plaque--appraisal {
    transform: none;
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--center {
    order: 99;
    width: min(92vw, 320px) !important;
    min-height: 78px;
    margin-top: 0.4rem;
    transform: translateY(20px) scale(0.96);
    justify-content: center;
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--center.is-in,
  .sd-bs-sc--ch03.is-story-done .sd-bs-ch03-plaque--center,
  .sd-bs-sc--ch03.is-reduced .sd-bs-ch03-plaque--center {
    transform: translateY(0) scale(1);
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque__name {
    font-size: 0.84rem;
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque__sub {
    font-size: 0.62rem;
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-headline {
    font-size: 1.35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sd-bs-sc--ch03,
  .sd-bs-sc--ch03 .sd-bs-ch03-chapter,
  .sd-bs-sc--ch03 .sd-bs-ch03-headline,
  .sd-bs-sc--ch03 .sd-bs-ch03-support,
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque,
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--center {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--appraisal,
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--center {
    transform: translateX(-50%) !important;
  }
  .sd-bs-sc--ch03 .sd-bs-ch03-sweep {
    display: none !important;
  }
}
@media (prefers-reduced-motion: reduce) and (max-width: 767px) {
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--appraisal,
  .sd-bs-sc--ch03 .sd-bs-ch03-plaque--center {
    transform: none !important;
  }
}


/* ==========================================================================
   t1755u CH04 CLARITY — appended AFTER CH03; do not edit upward into CH01–CH03
   Design: WHITE + navy #274565 + charcoal #1A1A1A + subtle gray #D9DDE2/#F2F4F7
   NO GOLD anywhere in CH04 (intentional visual reset).
   ========================================================================== */

#sd-bs-ch4.sd-bs-sc--ch04,
.sd-bs-sc--ch04 {
  --ch04-navy: #274565;
  --ch04-charcoal: #1A1A1A;
  --ch04-gray: #D9DDE2;
  --ch04-gray-soft: #F2F4F7;
  --ch04-white: #FFFFFF;
  --ch04-ease: cubic-bezier(0.22, 1, 0.36, 1);
  background: var(--ch04-white);
  color: var(--ch04-charcoal);
  padding: clamp(4.5rem, 9vw, 7.5rem) 0 clamp(3.5rem, 7vw, 6rem);
  position: relative;
  overflow: hidden;
}

/* Neutralize any legacy clarity/gold leak if mount somehow fails or residual classes linger */
#sd-bs-ch4 .sd-bs-gold-mark,
#sd-bs-ch4.sd-bs-sc--clarity .sd-bs-gold-mark,
#sd-bs-ch4 .is-now {
  stroke: var(--ch04-navy, #274565) !important;
  color: var(--ch04-navy, #274565) !important;
  border-bottom-color: var(--ch04-navy, #274565) !important;
  fill: none;
}
#sd-bs-ch4.sd-bs-sc--ch04 .sd-bs-gold-mark { display: none !important; }

.sd-bs-sc--ch04 .sd-bs-ch04-inner {
  width: min(1120px, calc(100% - 2.5rem));
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(3.25rem, 6.5vw, 5.5rem);
}

/* ---- Opening ---- */
.sd-bs-sc--ch04 .sd-bs-ch04-opening {
  max-width: 42rem;
  padding-top: clamp(1rem, 2vw, 2rem);
  padding-bottom: clamp(0.5rem, 1.5vw, 1.25rem);
}

.sd-bs-sc--ch04 .sd-bs-ch04-eyebrow {
  margin: 0 0 1.15rem;
  font-family: var(--sd-font-head, Inter, system-ui, sans-serif);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ch04-navy);
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity 700ms var(--ch04-ease), transform 700ms var(--ch04-ease);
}

.sd-bs-sc--ch04 .sd-bs-ch04-headline {
  margin: 0 0 1.35rem;
  font-family: Cinzel, "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(1.85rem, 3.6vw, 2.75rem);
  line-height: 1.15;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ch04-navy);
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 875ms var(--ch04-ease), transform 875ms var(--ch04-ease);
}

.sd-bs-sc--ch04 .sd-bs-ch04-lead {
  margin: 0 0 1.1rem;
  font-family: var(--sd-font-head, Inter, system-ui, sans-serif);
  font-size: clamp(0.95rem, 1.4vw, 1.1rem);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ch04-navy);
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 700ms var(--ch04-ease), transform 700ms var(--ch04-ease);
}

.sd-bs-sc--ch04 .sd-bs-ch04-support {
  margin: 0;
  max-width: 34rem;
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(1rem, 1.35vw, 1.125rem);
  line-height: 1.65;
  font-weight: 400;
  color: var(--ch04-charcoal);
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 650ms var(--ch04-ease), transform 650ms var(--ch04-ease);
}

.sd-bs-sc--ch04 .sd-bs-ch04-eyebrow.is-in,
.sd-bs-sc--ch04 .sd-bs-ch04-headline.is-in,
.sd-bs-sc--ch04 .sd-bs-ch04-lead.is-in,
.sd-bs-sc--ch04 .sd-bs-ch04-support.is-in,
.sd-bs-sc--ch04.is-opening-done .sd-bs-ch04-eyebrow,
.sd-bs-sc--ch04.is-opening-done .sd-bs-ch04-headline,
.sd-bs-sc--ch04.is-opening-done .sd-bs-ch04-lead,
.sd-bs-sc--ch04.is-opening-done .sd-bs-ch04-support,
.sd-bs-sc--ch04.is-reduced .sd-bs-ch04-eyebrow,
.sd-bs-sc--ch04.is-reduced .sd-bs-ch04-headline,
.sd-bs-sc--ch04.is-reduced .sd-bs-ch04-lead,
.sd-bs-sc--ch04.is-reduced .sd-bs-ch04-support,
.sd-bs-sc--ch04.is-story-done .sd-bs-ch04-eyebrow,
.sd-bs-sc--ch04.is-story-done .sd-bs-ch04-headline,
.sd-bs-sc--ch04.is-story-done .sd-bs-ch04-lead,
.sd-bs-sc--ch04.is-story-done .sd-bs-ch04-support {
  opacity: 1;
  transform: none;
}

/* ---- Transaction path / timeline ---- */
.sd-bs-sc--ch04 .sd-bs-ch04-timeline {
  position: relative;
  padding: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(0.75rem, 2vw, 1.5rem);
}

.sd-bs-sc--ch04 .sd-bs-ch04-timeline__rail {
  position: absolute;
  left: 0;
  right: 0;
  top: 1.15rem;
  height: 2px;
  pointer-events: none;
}

.sd-bs-sc--ch04 .sd-bs-ch04-timeline__baseline {
  position: absolute;
  inset: 0;
  background: var(--ch04-gray);
  opacity: 0.85;
}

.sd-bs-sc--ch04 .sd-bs-ch04-timeline__progress {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0%;
  background: var(--ch04-navy);
  transform-origin: left center;
}

.sd-bs-sc--ch04 .sd-bs-ch04-timeline__progress.is-drawing {
  width: 100%;
  transition: width 3200ms linear;
}

.sd-bs-sc--ch04 .sd-bs-ch04-timeline__progress.is-drawn,
.sd-bs-sc--ch04.is-timeline-done .sd-bs-ch04-timeline__progress,
.sd-bs-sc--ch04.is-reduced .sd-bs-ch04-timeline__progress,
.sd-bs-sc--ch04.is-story-done .sd-bs-ch04-timeline__progress {
  width: 100%;
  transition: none;
}

.sd-bs-sc--ch04 .sd-bs-ch04-timeline__stages {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
  position: relative;
  z-index: 1;
}

.sd-bs-sc--ch04 .sd-bs-ch04-stage {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
  padding-top: 0.15rem;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 620ms var(--ch04-ease), transform 620ms var(--ch04-ease);
}

.sd-bs-sc--ch04 .sd-bs-ch04-stage.is-in,
.sd-bs-sc--ch04.is-timeline-done .sd-bs-ch04-stage,
.sd-bs-sc--ch04.is-reduced .sd-bs-ch04-stage,
.sd-bs-sc--ch04.is-story-done .sd-bs-ch04-stage {
  opacity: 1;
  transform: none;
}

.sd-bs-sc--ch04 .sd-bs-ch04-stage__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.65rem;
  height: 1.65rem;
  margin-top: -0.15rem;
  border: 1.5px solid var(--ch04-navy);
  border-radius: 50%;
  background: var(--ch04-white);
  font-family: var(--sd-font-head, Inter, system-ui, sans-serif);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--ch04-navy);
  box-shadow: 0 0 0 3px var(--ch04-white);
}

.sd-bs-sc--ch04 .sd-bs-ch04-stage__label {
  font-family: var(--sd-font-head, Inter, system-ui, sans-serif);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ch04-charcoal);
  line-height: 1.35;
  max-width: 9.5rem;
}

/* ---- Clarity model ---- */
.sd-bs-sc--ch04 .sd-bs-ch04-model {
  padding: clamp(0.5rem, 1.5vw, 1rem) 0;
}

.sd-bs-sc--ch04 .sd-bs-ch04-model__cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 3vw, 2.5rem);
}

.sd-bs-sc--ch04 .sd-bs-ch04-model__col {
  padding: 0 0 0 1.1rem;
  border-left: 1px solid var(--ch04-navy);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 700ms var(--ch04-ease), transform 700ms var(--ch04-ease);
}

.sd-bs-sc--ch04 .sd-bs-ch04-model__col.is-in,
.sd-bs-sc--ch04.is-model-done .sd-bs-ch04-model__col,
.sd-bs-sc--ch04.is-reduced .sd-bs-ch04-model__col,
.sd-bs-sc--ch04.is-story-done .sd-bs-ch04-model__col {
  opacity: 1;
  transform: none;
}

.sd-bs-sc--ch04 .sd-bs-ch04-model__title {
  margin: 0 0 0.7rem;
  font-family: var(--sd-font-head, Inter, system-ui, sans-serif);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ch04-navy);
}

.sd-bs-sc--ch04 .sd-bs-ch04-model__body {
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.98rem;
  line-height: 1.6;
  color: var(--ch04-charcoal);
}

.sd-bs-sc--ch04 .sd-bs-ch04-model__attention {
  margin-top: clamp(1.75rem, 3.5vw, 2.75rem);
  padding-top: 1.35rem;
  border-top: 1px solid var(--ch04-gray);
  max-width: 28rem;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 650ms var(--ch04-ease), transform 650ms var(--ch04-ease);
}

.sd-bs-sc--ch04 .sd-bs-ch04-model__attention.is-in,
.sd-bs-sc--ch04.is-model-done .sd-bs-ch04-model__attention,
.sd-bs-sc--ch04.is-reduced .sd-bs-ch04-model__attention,
.sd-bs-sc--ch04.is-story-done .sd-bs-ch04-model__attention {
  opacity: 1;
  transform: none;
}

.sd-bs-sc--ch04 .sd-bs-ch04-model__attn-title {
  margin: 0 0 0.45rem;
  font-family: var(--sd-font-head, Inter, system-ui, sans-serif);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ch04-navy);
}

.sd-bs-sc--ch04 .sd-bs-ch04-model__attn-body {
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--ch04-charcoal);
}

/* ---- Quiet statement ---- */
.sd-bs-sc--ch04 .sd-bs-ch04-quiet {
  padding: clamp(2rem, 5vw, 4rem) 0 clamp(1rem, 2vw, 2rem);
  max-width: 40rem;
}

.sd-bs-sc--ch04 .sd-bs-ch04-quiet__headline {
  margin: 0 0 0.85rem;
  font-family: Cinzel, "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(1.2rem, 2.2vw, 1.65rem);
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ch04-navy);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 700ms var(--ch04-ease), transform 700ms var(--ch04-ease);
}

.sd-bs-sc--ch04 .sd-bs-ch04-quiet__support {
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(1.05rem, 1.5vw, 1.2rem);
  line-height: 1.55;
  color: var(--ch04-charcoal);
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 650ms var(--ch04-ease), transform 650ms var(--ch04-ease);
}

.sd-bs-sc--ch04 .sd-bs-ch04-quiet__headline.is-in,
.sd-bs-sc--ch04 .sd-bs-ch04-quiet__support.is-in,
.sd-bs-sc--ch04.is-quiet-done .sd-bs-ch04-quiet__headline,
.sd-bs-sc--ch04.is-quiet-done .sd-bs-ch04-quiet__support,
.sd-bs-sc--ch04.is-reduced .sd-bs-ch04-quiet__headline,
.sd-bs-sc--ch04.is-reduced .sd-bs-ch04-quiet__support,
.sd-bs-sc--ch04.is-story-done .sd-bs-ch04-quiet__headline,
.sd-bs-sc--ch04.is-story-done .sd-bs-ch04-quiet__support {
  opacity: 1;
  transform: none;
}

/* ---- Stationary image slot (t1805u static; MUST NOT animate/crop) ---- */
.sd-bs-sc--ch04 .sd-bs-ch04-image-slot {
  padding: clamp(0.5rem, 2vw, 1.5rem) 0 0;
  max-width: 100%;
  overflow: hidden;
}

.sd-bs-sc--ch04 .sd-bs-ch04-image-slot__figure {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.sd-bs-sc--ch04 .sd-bs-ch04-image-slot__img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border: 0;
  /* no object-fit:cover — full L→R stages must remain visible */
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* neutralize leftover placeholder frame/label if present */
.sd-bs-sc--ch04 .sd-bs-ch04-image-slot__frame,
.sd-bs-sc--ch04 .sd-bs-ch04-image-slot__label {
  display: none !important;
}

/* Hide any leftover Elementor/legacy wrappers if somehow nested */
.sd-bs-sc--ch04 > .sd-bs-inner,
.sd-bs-sc--ch04 .sd-bs-illust-wrap--clarity,
.sd-bs-sc--ch04 .sd-bs-illust--clarity {
  display: none !important;
}

/* ---- Tablet ---- */
@media (max-width: 1024px) {
  .sd-bs-sc--ch04 .sd-bs-ch04-timeline__stages {
    gap: 0.35rem;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-stage__label {
    font-size: 0.64rem;
    letter-spacing: 0.08em;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-model__cols {
    gap: 1rem;
  }
}

/* ---- Mobile: vertical timeline T→B ---- */
@media (max-width: 767px) {
  .sd-bs-sc--ch04 {
    padding: 3.5rem 0 3rem;
    overflow-x: hidden;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-inner {
    width: min(100%, calc(100vw - 2.5rem));
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-timeline {
    padding-left: 0.25rem;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-timeline__rail {
    left: 0.78rem;
    right: auto;
    top: 0;
    bottom: 0;
    width: 2px;
    height: auto;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-timeline__baseline {
    inset: 0;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-timeline__progress {
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 0%;
    transform-origin: top center;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-timeline__progress.is-drawing {
    width: 100%;
    height: 100%;
    transition: height 3200ms linear;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-timeline__progress.is-drawn,
  .sd-bs-sc--ch04.is-timeline-done .sd-bs-ch04-timeline__progress,
  .sd-bs-sc--ch04.is-reduced .sd-bs-ch04-timeline__progress,
  .sd-bs-sc--ch04.is-story-done .sd-bs-ch04-timeline__progress {
    width: 100%;
    height: 100%;
    transition: none;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-timeline__stages {
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
    padding-left: 2.1rem;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-stage {
    flex-direction: row;
    align-items: center;
    gap: 0.85rem;
    transform: translateY(14px);
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-stage__num {
    margin-top: 0;
    flex-shrink: 0;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-stage__label {
    max-width: none;
    font-size: 0.78rem;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-model__cols {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-headline {
    font-size: 1.55rem;
  }
  /* t1805u: image uses natural height; no fixed max-height crop */
}

/* ---- Reduced motion: final state immediately; no line-draw dependency ---- */
@media (prefers-reduced-motion: reduce) {
  .sd-bs-sc--ch04 .sd-bs-ch04-eyebrow,
  .sd-bs-sc--ch04 .sd-bs-ch04-headline,
  .sd-bs-sc--ch04 .sd-bs-ch04-lead,
  .sd-bs-sc--ch04 .sd-bs-ch04-support,
  .sd-bs-sc--ch04 .sd-bs-ch04-stage,
  .sd-bs-sc--ch04 .sd-bs-ch04-model__col,
  .sd-bs-sc--ch04 .sd-bs-ch04-model__attention,
  .sd-bs-sc--ch04 .sd-bs-ch04-quiet__headline,
  .sd-bs-sc--ch04 .sd-bs-ch04-quiet__support,
  .sd-bs-sc--ch04 .sd-bs-ch04-timeline__progress {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-timeline__progress {
    width: 100% !important;
    height: 100% !important;
  }
  .sd-bs-sc--ch04 .sd-bs-ch04-image-slot__img {
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}

/* ==========================================================================
   t1800u CH05 JUDGMENT / EXPERIENCE SCROLL-REMAP — appended AFTER CH04;
   do not edit upward into CH01–CH04. Gold accents allowed in CH05 only.
   Scoped under .sd-bs-sc--ch05 / #sd-bs-ch5 / .sd-bs-ch05-*
   Version: 3.12.3-ch04-image-t1805u
   Foundation: t1792u composition (composite + gold filter + t1790u cards)
   t1801u FREEZE: soft mask hole + feathered navy veil behind center filter copy.
   t1803u: dcard connectors opacity/translate ↔ --ch05-value / --ch05-timing (default 0).
   Controller: scroll position → --ch05-* progress vars (reversible; no timer)
   ========================================================================== */

#sd-bs-ch5.sd-bs-sc--ch05,
.sd-bs-sc--ch05 {
  --sd-ch05-navy: #274565;
  --sd-ch05-navy-deep: #1E3651;
  --sd-ch05-navy-mid: #3E5577;
  --sd-ch05-charcoal: #1A1A1A;
  --sd-ch05-ink: #0c1016;
  --sd-ch05-gold: #C4A574;
  --sd-ch05-gold-soft: rgba(196, 165, 116, 0.35);
  --sd-ch05-cream: #F7F3EC;
  --sd-ch05-muted: rgba(247, 243, 236, 0.72);
  --sd-ch05-card-bg: #ffffff;
  --sd-ch05-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Progress defaults (JS overwrites). Reduced-motion / settle force 1 via settleCh05. */
  --ch05-p: 0;
  --ch05-head: 0;
  --ch05-info: 0;
  --ch05-filter: 0;
  --ch05-msg: 0;
  --ch05-gleam: 0;
  --ch05-gleam-x: 0;
  --ch05-risk: 0;
  --ch05-value: 0;
  --ch05-timing: 0;
  --ch05-clarity: 0;
  /* LEFT deep dark navy → CENTER richer mid blue → RIGHT slightly lighter cleaner Sundance blue (t1800u: #6582a0; not cyan/baby/royal/electric/white) */
  background:
    radial-gradient(ellipse 55% 50% at 18% 45%, rgba(26, 47, 72, 0.62), transparent 70%),
    radial-gradient(ellipse 48% 42% at 86% 48%, rgba(101, 130, 160, calc(0.12 + 0.28 * var(--ch05-p, 0))), transparent 68%),
    linear-gradient(
      90deg,
      #0c1016 0%,
      #121820 12%,
      #1A2F48 30%,
      #274565 50%,
      #4a6d8c 74%,
      #6582a0 100%
    );
  color: #fff;
  overflow: visible;
  /* t1800u track: tall section = scrub runway; sticky inner holds composition for READ */
  padding: 0;
  position: relative;
  min-height: 220vh;
}

/* Clarity-side lift advances with scroll progress */
#sd-bs-ch5.sd-bs-sc--ch05::after,
.sd-bs-sc--ch05::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    90deg,
    transparent 42%,
    rgba(101, 130, 160, calc(0.08 + 0.22 * var(--ch05-p, 0))) 78%,
    rgba(120, 148, 178, calc(0.10 + 0.28 * var(--ch05-p, 0))) 100%
  );
  opacity: 1;
}

.sd-bs-sc--ch05 .sd-bs-ch05-inner {
  max-width: 1240px;
  margin: 0 auto;
  position: sticky;
  top: 0;
  z-index: 1;
  box-sizing: border-box;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4.5rem 1.25rem 5rem;
  /* clip decorative overflow inside sticky frame only */
  overflow: hidden;
}

/* ---- Header (readable/stable early) ---- */
.sd-bs-sc--ch05 .sd-bs-ch05-head {
  text-align: center;
  margin: 0 auto 2.75rem;
  max-width: 52rem;
}

.sd-bs-sc--ch05 .sd-bs-ch05-label-row {
  display: flex;
  justify-content: center;
  margin-bottom: 0.65rem;
}

.sd-bs-sc--ch05 .sd-bs-ch05-label-line {
  display: block;
  width: 7.5rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--sd-ch05-gold), transparent);
}

.sd-bs-sc--ch05 .sd-bs-ch05-label {
  margin: 0 0 0.85rem;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  color: var(--sd-ch05-gold);
  text-transform: uppercase;
}

.sd-bs-sc--ch05 .sd-bs-ch05-title {
  margin: 0 0 1rem;
  font-family: Cinzel, "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(1.55rem, 2.6vw, 2.35rem);
  letter-spacing: 0.06em;
  line-height: 1.2;
  color: #fff;
}

.sd-bs-sc--ch05 .sd-bs-ch05-title__gold {
  color: var(--sd-ch05-gold);
}

.sd-bs-sc--ch05 .sd-bs-ch05-primary {
  margin: 0 0 0.65rem;
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(0.82rem, 1.15vw, 0.95rem);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fff;
}

.sd-bs-sc--ch05 .sd-bs-ch05-support {
  margin: 0 auto;
  max-width: 34rem;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--sd-ch05-muted);
  font-weight: 400;
}

.sd-bs-sc--ch05 [data-ch05="label"],
.sd-bs-sc--ch05 [data-ch05="title"],
.sd-bs-sc--ch05 [data-ch05="primary"],
.sd-bs-sc--ch05 [data-ch05="support"] {
  opacity: var(--ch05-head, 0);
  transform: translateY(calc(14px * (1 - var(--ch05-head, 0))));
  will-change: opacity, transform;
}
.sd-bs-sc--ch05.is-reduced [data-ch05="label"],
.sd-bs-sc--ch05.is-reduced [data-ch05="title"],
.sd-bs-sc--ch05.is-reduced [data-ch05="primary"],
.sd-bs-sc--ch05.is-reduced [data-ch05="support"] {
  opacity: 1;
  transform: none;
}

/* ---- Stage L | C | R ---- */
.sd-bs-sc--ch05 .sd-bs-ch05-stage {
  display: grid;
  grid-template-columns: minmax(300px, 1.2fr) minmax(180px, 0.75fr) minmax(320px, 1.2fr);
  gap: 1rem 0.75rem;
  align-items: center;
  min-height: 420px;
}

/* ---- Left: ONE authoritative composite ---- */
.sd-bs-sc--ch05 .sd-bs-ch05-info {
  position: relative;
  min-height: 420px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  box-shadow: none;
  border: none;
}

.sd-bs-sc--ch05 .sd-bs-ch05-composite {
  position: relative;
  width: 100%;
  max-width: 520px;
  opacity: var(--ch05-info, 0);
  transform:
    translateX(calc(-22px * (1 - var(--ch05-info, 0))))
    scale(calc(0.97 + 0.03 * var(--ch05-info, 0)));
  filter: drop-shadow(0 18px 36px rgba(0, 0, 0, calc(0.2 + 0.15 * var(--ch05-info, 0))));
  will-change: opacity, transform;
}
.sd-bs-sc--ch05.is-reduced .sd-bs-ch05-composite {
  opacity: 1;
  transform: none;
}

.sd-bs-sc--ch05 .sd-bs-ch05-composite__img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
}

.sd-bs-sc--ch05 .sd-bs-ch05-icard,
.sd-bs-sc--ch05 .sd-bs-ch05-sticky {
  display: none !important;
}

/* ---- Center: experience filter (SVG) — stroke driven by JS dashoffset + CSS opacity ---- */
.sd-bs-sc--ch05 .sd-bs-ch05-filter {
  position: relative;
  height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sd-bs-sc--ch05 .sd-bs-ch05-filter__svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: calc(0.18 + 0.82 * var(--ch05-filter, 0));
  will-change: opacity;
  /* t1801u: soft elliptical hole sized to the center copy (px, not % of column)
     so gold paths fade before the letters and return toward the arrow.
     Hole strength tracks --ch05-msg (0 = no hole, 1 = open). Path geometry unchanged.
     Alpha mask: transparent hides strokes, #000 shows them. */
  -webkit-mask-image: radial-gradient(
    ellipse 98px 60px at 50% 50%,
    rgba(0, 0, 0, calc(1 - var(--ch05-msg, 0))) 0%,
    rgba(0, 0, 0, calc(1 - var(--ch05-msg, 0))) 76%,
    #000 100%
  );
  mask-image: radial-gradient(
    ellipse 98px 60px at 50% 50%,
    rgba(0, 0, 0, calc(1 - var(--ch05-msg, 0))) 0%,
    rgba(0, 0, 0, calc(1 - var(--ch05-msg, 0))) 76%,
    #000 100%
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.sd-bs-sc--ch05.is-reduced .sd-bs-ch05-filter__svg {
  opacity: 1;
}

.sd-bs-sc--ch05 .sd-bs-ch05-filter__lines path {
  stroke-dasharray: 460;
  stroke-dashoffset: 460;
  transition: none;
}
.sd-bs-sc--ch05.is-reduced .sd-bs-ch05-filter__lines path {
  stroke-dashoffset: 0 !important;
}

.sd-bs-sc--ch05 .sd-bs-ch05-filter__particles {
  opacity: calc(0.75 * var(--ch05-filter, 0));
}
.sd-bs-sc--ch05.is-reduced .sd-bs-ch05-filter__particles {
  opacity: 0.75;
}

.sd-bs-sc--ch05 .sd-bs-ch05-filter__arrow {
  opacity: calc(var(--ch05-filter, 0));
}
.sd-bs-sc--ch05.is-reduced .sd-bs-ch05-filter__arrow {
  opacity: 1;
}

/* Gleam travels only while scroll crosses 35–55%; no continuous loop */
.sd-bs-sc--ch05 .sd-bs-ch05-filter__gleam {
  position: absolute;
  top: 18%;
  bottom: 18%;
  left: 0;
  width: 28%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(196, 165, 116, 0) 15%,
    rgba(240, 224, 184, 0.22) 48%,
    rgba(196, 165, 116, 0) 85%,
    transparent 100%
  );
  opacity: var(--ch05-gleam, 0);
  pointer-events: none;
  z-index: 3;
  transform: translateX(calc(-35% + 255% * var(--ch05-gleam-x, 0)));
  filter: blur(0.5px);
  will-change: opacity, transform;
}
.sd-bs-sc--ch05.is-reduced .sd-bs-ch05-filter__gleam {
  display: none !important;
}

.sd-bs-sc--ch05 .sd-bs-ch05-filter__copy {
  position: relative;
  z-index: 4;
  margin: 0;
  text-align: center;
  font-family: Cinzel, "Times New Roman", serif;
  font-size: clamp(0.78rem, 1.05vw, 0.95rem);
  font-weight: 500;
  letter-spacing: 0.135em;
  line-height: 1.66;
  color: #F0E0B8;
  opacity: var(--ch05-msg, 0);
  transform: scale(calc(0.96 + 0.04 * var(--ch05-msg, 0)));
  text-shadow:
    0 1px 1px rgba(8, 12, 18, 0.65),
    0 10px 22px rgba(8, 12, 18, 0.4);
  padding: 0 0.5rem;
  will-change: opacity, transform;
}
/* t1801u protected zone: feathered Sundance-navy veil, no hard rect.
   Lives inside the copy stacking context (above SVG lines, below glyphs)
   and fades with the copy via inherited opacity / --ch05-msg. */
.sd-bs-sc--ch05 .sd-bs-ch05-filter__copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 124%;
  height: 158%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  background: radial-gradient(
    ellipse 44% 42% at 50% 50%,
    rgba(10, 18, 30, 0.2) 0%,
    rgba(16, 30, 48, 0.08) 46%,
    rgba(26, 47, 72, 0) 74%
  );
}
.sd-bs-sc--ch05.is-reduced .sd-bs-ch05-filter__copy {
  opacity: 1;
  transform: none;
}
.sd-bs-sc--ch05 .sd-bs-ch05-filter__gold { color: #E8D5A8; }

.sd-bs-sc--ch05 .sd-bs-ch05-filter__sweep {
  position: absolute;
  inset: 18% -10%;
  background: linear-gradient(90deg, transparent 0%, rgba(196,165,116,0.0) 30%, rgba(196,165,116,0.22) 50%, rgba(196,165,116,0.0) 70%, transparent 100%);
  opacity: calc(var(--ch05-clarity, 0) * (1 - var(--ch05-clarity, 0)) * 4);
  pointer-events: none;
  z-index: 3;
  transform: translateX(calc(-40% + 80% * var(--ch05-clarity, 0)));
}
.sd-bs-sc--ch05.is-reduced .sd-bs-ch05-filter__sweep {
  display: none !important;
}

/* ---- Right: decision cards (FROZEN t1790u photo-free) ---- */
.sd-bs-sc--ch05 .sd-bs-ch05-decisions {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0.55rem;
}

.sd-bs-sc--ch05 .sd-bs-ch05-clarity-sweep {
  position: absolute;
  inset: -8% -6%;
  background: linear-gradient(90deg, transparent 0%, rgba(196,165,116,0) 35%, rgba(232,213,168,0.18) 55%, rgba(196,165,116,0) 75%, transparent 100%);
  opacity: calc(var(--ch05-clarity, 0) * (1 - var(--ch05-clarity, 0)) * 4);
  pointer-events: none;
  z-index: 4;
  transform: translateX(calc(-25% + 80% * var(--ch05-clarity, 0)));
}
.sd-bs-sc--ch05.is-reduced .sd-bs-ch05-clarity-sweep {
  display: none !important;
}

.sd-bs-sc--ch05 .sd-bs-ch05-dcard {
  flex: 1 1 0;
  max-width: 180px;
  min-height: 210px;
  background: rgba(18, 24, 32, 0.72);
  border: 1px solid var(--sd-ch05-gold);
  box-shadow: 0 0 0 1px rgba(196,165,116,0.15), 0 14px 32px rgba(0,0,0,0.35);
  border-radius: 2px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(22px);
  position: relative;
  z-index: 2;
  will-change: opacity, transform;
}
.sd-bs-sc--ch05 .sd-bs-ch05-dcard[data-ch05-card="risk"] {
  opacity: var(--ch05-risk, 0);
  transform: translateY(calc(22px * (1 - var(--ch05-risk, 0))));
}
.sd-bs-sc--ch05 .sd-bs-ch05-dcard[data-ch05-card="value"] {
  opacity: var(--ch05-value, 0);
  transform: translateY(calc(22px * (1 - var(--ch05-value, 0))));
}
.sd-bs-sc--ch05 .sd-bs-ch05-dcard[data-ch05-card="timing"] {
  opacity: var(--ch05-timing, 0);
  transform: translateY(calc(22px * (1 - var(--ch05-timing, 0))));
}
.sd-bs-sc--ch05.is-reduced .sd-bs-ch05-dcard {
  opacity: 1 !important;
  transform: none !important;
}

.sd-bs-sc--ch05 .sd-bs-ch05-dcard__body {
  padding: 1.35rem 0.85rem 1.45rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  flex: 1 1 auto;
  min-height: 0;
}

.sd-bs-sc--ch05 .sd-bs-ch05-dcard__icon {
  display: flex;
  margin-bottom: 0.15rem;
  filter: drop-shadow(0 0 6px rgba(196,165,116,0.35));
}
.sd-bs-sc--ch05 .sd-bs-ch05-dcard__icon svg {
  width: 40px;
  height: 40px;
}

.sd-bs-sc--ch05 .sd-bs-ch05-dcard__title {
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--sd-ch05-gold);
}

.sd-bs-sc--ch05 .sd-bs-ch05-dcard__points {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.72rem;
  line-height: 1.55;
  color: rgba(255,255,255,0.88);
}
.sd-bs-sc--ch05 .sd-bs-ch05-dcard__points li + li {
  margin-top: 0.15rem;
  padding-top: 0.15rem;
  border-top: 1px solid rgba(196,165,116,0.18);
}

.sd-bs-sc--ch05 .sd-bs-ch05-dcard__connector {
  /* t1803u: hidden at 0% / before JS; progress-bound below — never float alone */
  align-self: center;
  color: var(--sd-ch05-gold);
  font-size: 1.1rem;
  opacity: 0;
  flex: 0 0 auto;
  line-height: 1;
  position: relative;
  z-index: 2;
  transform: translateX(-6px);
  will-change: opacity, transform;
}
/* RISK→VALUE connector resolves with VALUE card */
.sd-bs-sc--ch05 .sd-bs-ch05-dcard[data-ch05-card="risk"] + .sd-bs-ch05-dcard__connector {
  opacity: calc(0.85 * var(--ch05-value, 0));
  transform: translateX(calc(-6px * (1 - var(--ch05-value, 0))));
}
/* VALUE→TIMING connector resolves with TIMING card */
.sd-bs-sc--ch05 .sd-bs-ch05-dcard[data-ch05-card="value"] + .sd-bs-ch05-dcard__connector {
  opacity: calc(0.85 * var(--ch05-timing, 0));
  transform: translateX(calc(-6px * (1 - var(--ch05-timing, 0))));
}
.sd-bs-sc--ch05.is-reduced .sd-bs-ch05-dcard__connector {
  opacity: 0.85 !important;
  transform: none !important;
}

.sd-bs-sc--ch05 .sd-bs-ch05-dcard__photo,
.sd-bs-sc--ch05 .sd-bs-ch05-dcard__graphic,
.sd-bs-sc--ch05 .sd-bs-ch05-dcard--risk .sd-bs-ch05-dcard__graphic {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  width: 0 !important;
  flex: 0 0 0 !important;
  background: none !important;
}
#sd-bs-ch5.sd-bs-sc--ch05 .sd-bs-illust--judgment,
#sd-bs-ch5.sd-bs-sc--ch05 .sd-bs-judge-people,
#sd-bs-ch5.sd-bs-sc--ch05 .sd-bs-judge-house {
  display: none !important;
}

/* ---- Tablet: preserve more L→R if clean ---- */
@media (max-width: 1100px) {
  .sd-bs-sc--ch05 .sd-bs-ch05-stage {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "info filter"
      "decisions decisions";
    gap: 1.5rem;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-info { grid-area: info; min-height: 320px; }
  .sd-bs-sc--ch05 .sd-bs-ch05-filter { grid-area: filter; height: 340px; }
  .sd-bs-sc--ch05 .sd-bs-ch05-decisions {
    grid-area: decisions;
    justify-content: center;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-dcard { max-width: 200px; }
  .sd-bs-sc--ch05 .sd-bs-ch05-composite { max-width: 100%; }
}

/* ---- Mobile: SAME story VERTICALLY — scroll-progress still drives reveal ---- */
@media (max-width: 767px) {
  #sd-bs-ch5.sd-bs-sc--ch05,
  .sd-bs-sc--ch05 {
    /* Mobile: taller track, no sticky (vertical stack taller than vh) — natural scroll scrub */
    min-height: 260vh;
    padding: 0;
    overflow-x: hidden;
    background:
      radial-gradient(ellipse 70% 40% at 50% 12%, rgba(26, 47, 72, 0.55), transparent 70%),
      radial-gradient(ellipse 80% 45% at 50% 88%, rgba(101, 130, 160, calc(0.10 + 0.25 * var(--ch05-p, 0))), transparent 70%),
      linear-gradient(
        180deg,
        #0c1016 0%,
        #121820 12%,
        #1A2F48 32%,
        #274565 55%,
        #4a6d8c 78%,
        #6582a0 100%
      );
  }
  #sd-bs-ch5.sd-bs-sc--ch05::after,
  .sd-bs-sc--ch05::after {
    background: linear-gradient(
      180deg,
      transparent 40%,
      rgba(101, 130, 160, calc(0.06 + 0.2 * var(--ch05-p, 0))) 100%
    );
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-inner {
    position: relative;
    top: auto;
    min-height: 0;
    height: auto;
    overflow: visible;
    display: block;
    padding: 3.25rem 1rem 4.5rem;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-stage {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    gap: 1.75rem;
    min-height: 0;
    width: 100%;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-info {
    position: relative;
    min-height: 0;
    display: flex;
    height: auto;
    width: 100%;
    max-width: 100%;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-composite {
    max-width: 100%;
    width: 100%;
    transform:
      translateY(calc(-14px * (1 - var(--ch05-info, 0))))
      scale(calc(0.98 + 0.02 * var(--ch05-info, 0)));
  }
  .sd-bs-sc--ch05.is-reduced .sd-bs-ch05-composite {
    transform: none;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-composite__img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-filter {
    height: auto;
    min-height: 200px;
    padding: 1.25rem 0 0.5rem;
    width: 100%;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-filter__svg {
    transform: rotate(90deg) scale(0.72);
    opacity: calc(0.35 + 0.55 * var(--ch05-filter, 0));
    /* Pre-rotate the hole so it lands horizontal on the unrotated copy after rotate(90) scale(0.72). */
    -webkit-mask-image: radial-gradient(
      ellipse 91px 157px at 50% 50%,
      rgba(0, 0, 0, calc(1 - var(--ch05-msg, 0))) 0%,
      rgba(0, 0, 0, calc(1 - var(--ch05-msg, 0))) 76%,
      #000 100%
    );
    mask-image: radial-gradient(
      ellipse 91px 157px at 50% 50%,
      rgba(0, 0, 0, calc(1 - var(--ch05-msg, 0))) 0%,
      rgba(0, 0, 0, calc(1 - var(--ch05-msg, 0))) 76%,
      #000 100%
    );
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-filter__copy {
    font-size: 0.95rem;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-decisions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0.85rem;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-dcard {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 168px !important;
    height: auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-dcard[data-ch05-card="risk"] {
    transform: translateY(calc(16px * (1 - var(--ch05-risk, 0))));
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-dcard[data-ch05-card="value"] {
    transform: translateY(calc(16px * (1 - var(--ch05-value, 0))));
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-dcard[data-ch05-card="timing"] {
    transform: translateY(calc(16px * (1 - var(--ch05-timing, 0))));
  }
  .sd-bs-sc--ch05.is-reduced .sd-bs-ch05-dcard {
    opacity: 1 !important;
    transform: none !important;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-dcard__body {
    flex: 1 1 auto !important;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 1.15rem 1.1rem 1.25rem;
    min-height: 0;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-dcard__connector {
    display: none !important;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-title {
    font-size: 1.35rem;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-title__gold {
    color: var(--sd-ch05-gold) !important;
  }
}

/* Short-height desktop */
@media (max-height: 700px) and (min-width: 768px) {
  .sd-bs-sc--ch05 { min-height: 240vh; padding: 0; }
  .sd-bs-sc--ch05 .sd-bs-ch05-inner { padding-top: 3rem; padding-bottom: 3rem; min-height: 100vh; }
  .sd-bs-sc--ch05 .sd-bs-ch05-info { min-height: 320px; }
  .sd-bs-sc--ch05 .sd-bs-ch05-filter { height: 340px; }
}

/* Reduced motion — final composition immediately; no scroll-bound movement */
@media (prefers-reduced-motion: reduce) {
  .sd-bs-sc--ch05 {
    --ch05-p: 1;
    --ch05-head: 1;
    --ch05-info: 1;
    --ch05-filter: 1;
    --ch05-msg: 1;
    --ch05-gleam: 0;
    --ch05-gleam-x: 1;
    --ch05-risk: 1;
    --ch05-value: 1;
    --ch05-timing: 1;
    --ch05-clarity: 1;
  }
  .sd-bs-sc--ch05 [data-ch05],
  .sd-bs-sc--ch05 [data-ch05-info],
  .sd-bs-sc--ch05 [data-ch05-card],
  .sd-bs-sc--ch05 .sd-bs-ch05-filter__svg,
  .sd-bs-sc--ch05 .sd-bs-ch05-filter__lines path,
  .sd-bs-sc--ch05 .sd-bs-ch05-filter__particles,
  .sd-bs-sc--ch05 .sd-bs-ch05-filter__arrow,
  .sd-bs-sc--ch05 .sd-bs-ch05-filter__copy,
  .sd-bs-sc--ch05 .sd-bs-ch05-composite,
  .sd-bs-sc--ch05 .sd-bs-ch05-dcard {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    stroke-dashoffset: 0 !important;
  }
  .sd-bs-sc--ch05 .sd-bs-ch05-filter__sweep,
  .sd-bs-sc--ch05 .sd-bs-ch05-filter__gleam,
  .sd-bs-sc--ch05 .sd-bs-ch05-clarity-sweep {
    display: none !important;
    animation: none !important;
  }
}


/* ==========================================================================
   CH06 FORWARD — t1807u cinematic resolve (APPEND ONLY)
   Version: 3.13.3-chapter-labels-fix-t1813u
   Photo immersive field + live HTML type in upper safe zone + Contact CTAs.
   Quiet release from CH05 dark analytical blue → warm photographic light.
   No separator graphic. No large opaque type rectangle. CH01–05 untouched.
   ========================================================================== */

/* Neutralize leftover legacy Elementor forward chrome if mount missed */
#sd-bs-ch6.sd-bs-sc--ch06 .sd-bs-illust--forward,
#sd-bs-ch6.sd-bs-sc--ch06 .sd-bs-forward-inner,
#sd-bs-ch6.sd-bs-sc--ch06 .sd-bs-fwd-caption,
#sd-bs-ch6.sd-bs-sc--ch06 .sd-bs-payoff {
  display: none !important;
}

#sd-bs-ch6.sd-bs-sc--ch06,
.sd-bs-sc--ch06 {
  --ch06-p: 0;
  --ch06-photo: 0;
  --ch06-eyebrow: 0;
  --ch06-title: 0;
  --ch06-primary: 0;
  --ch06-support: 0;
  --ch06-ctas: 0;
  --ch06-scale: 1.03;
  --sd-ch06-navy: #274565;
  --sd-ch06-deep: #1A2F45;
  --sd-ch06-cream: #F7F3EC;
  --sd-ch06-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  background: #1A2F45; /* brief bridge from CH05 navy into photo */
  color: #fff;
  padding: 0 !important;
  margin: 0;
  overflow: clip;
  min-height: 0;
}

.sd-bs-sc--ch06 .sd-bs-ch06-track {
  position: relative;
  height: 145vh; /* short sticky runway — simpler than CH05 */
  min-height: 720px;
}

.sd-bs-sc--ch06 .sd-bs-ch06-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  min-height: 560px;
  max-height: 100dvh;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  overflow: hidden;
}

.sd-bs-sc--ch06 .sd-bs-ch06-field {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sd-bs-sc--ch06 .sd-bs-ch06-photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: calc(0.35 + 0.65 * var(--ch06-photo, 0));
  transform: scale(var(--ch06-scale, 1.03));
  transform-origin: 45% 55%;
  transition: opacity 0.35s var(--sd-ch06-ease);
  will-change: transform, opacity;
}

.sd-bs-sc--ch06 .sd-bs-ch06-photo picture,
.sd-bs-sc--ch06 .sd-bs-ch06-photo__img {
  display: block;
  width: 100%;
  height: 100%;
}

.sd-bs-sc--ch06 .sd-bs-ch06-photo__img {
  object-fit: cover;
  /* Favor lower-left branding (portfolio + keys) while keeping upper type zone */
  object-position: 42% 58%;
}

/* Localized darkening for type contrast — NOT a large opaque rectangle */
.sd-bs-sc--ch06 .sd-bs-ch06-veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(12, 16, 22, 0.52) 0%,
      rgba(12, 16, 22, 0.28) 28%,
      rgba(12, 16, 22, 0.08) 48%,
      rgba(12, 16, 22, 0.00) 62%
    ),
    radial-gradient(
      ellipse 70% 55% at 55% 18%,
      rgba(10, 14, 20, 0.42),
      transparent 70%
    );
  opacity: calc(0.55 + 0.45 * var(--ch06-photo, 0));
}

.sd-bs-sc--ch06 .sd-bs-ch06-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: min(40rem, 92vw);
  padding: clamp(2.5rem, 8vh, 5.5rem) clamp(1.25rem, 5vw, 4.5rem) 2rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 8px 28px rgba(0, 0, 0, 0.22);
}

.sd-bs-sc--ch06 .sd-bs-ch06-eyebrow {
  margin: 0 0 0.55rem;
  font-family: var(--sd-font-head);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(247, 243, 236, 0.88);
  opacity: var(--ch06-eyebrow, 0);
  transform: translateY(calc((1 - var(--ch06-eyebrow, 0)) * 12px));
  transition: opacity 0.4s var(--sd-ch06-ease), transform 0.4s var(--sd-ch06-ease);
}

.sd-bs-sc--ch06 .sd-bs-ch06-title {
  margin: 0 0 1.1rem;
  font-family: var(--sd-font-display);
  font-weight: 400;
  font-size: clamp(2.1rem, 4.6vw, 3.35rem);
  line-height: 1.05;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fff;
  opacity: var(--ch06-title, 0);
  transform: translateY(calc((1 - var(--ch06-title, 0)) * 16px));
  transition: opacity 0.45s var(--sd-ch06-ease), transform 0.45s var(--sd-ch06-ease);
}

.sd-bs-sc--ch06 .sd-bs-ch06-primary {
  margin: 0 0 1.15rem;
  font-family: var(--sd-font-head);
  font-weight: 600;
  font-size: clamp(1.05rem, 2.15vw, 1.45rem);
  line-height: 1.35;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  opacity: var(--ch06-primary, 0);
  transform: translateY(calc((1 - var(--ch06-primary, 0)) * 14px));
  transition: opacity 0.45s var(--sd-ch06-ease), transform 0.45s var(--sd-ch06-ease);
}

.sd-bs-sc--ch06 .sd-bs-ch06-primary__line {
  display: block;
}

.sd-bs-sc--ch06 .sd-bs-ch06-support {
  margin: 0 0 1.75rem;
  max-width: 34rem;
  font-family: var(--sd-font-body);
  font-weight: 400;
  font-size: clamp(0.95rem, 1.35vw, 1.08rem);
  line-height: 1.55;
  letter-spacing: 0.01em;
  color: rgba(247, 243, 236, 0.92);
  opacity: var(--ch06-support, 0);
  transform: translateY(calc((1 - var(--ch06-support, 0)) * 12px));
  transition: opacity 0.45s var(--sd-ch06-ease), transform 0.45s var(--sd-ch06-ease);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.sd-bs-sc--ch06 .sd-bs-ch06-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 0.9rem;
  opacity: var(--ch06-ctas, 0);
  transform: translateY(calc((1 - var(--ch06-ctas, 0)) * 14px));
  transition: opacity 0.45s var(--sd-ch06-ease), transform 0.45s var(--sd-ch06-ease);
}

.sd-bs-sc--ch06 .sd-bs-ch06-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.85rem;
  padding: 0.75rem 1.35rem;
  font-family: var(--sd-font-head);
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 2px;
  border: 1.5px solid rgba(255, 255, 255, 0.92);
  transition: background 0.25s var(--sd-ch06-ease), color 0.25s var(--sd-ch06-ease), border-color 0.25s var(--sd-ch06-ease);
  text-shadow: none;
}

.sd-bs-sc--ch06 .sd-bs-ch06-cta--buy {
  background: var(--sd-ch06-navy);
  color: #fff !important;
  border-color: var(--sd-ch06-navy);
}

.sd-bs-sc--ch06 .sd-bs-ch06-cta--sell {
  background: rgba(255, 255, 255, 0.92);
  color: var(--sd-ch06-navy) !important;
  border-color: rgba(255, 255, 255, 0.95);
}

.sd-bs-sc--ch06 .sd-bs-ch06-cta--buy:hover,
.sd-bs-sc--ch06 .sd-bs-ch06-cta--buy:focus-visible {
  background: var(--sd-ch06-deep);
  border-color: var(--sd-ch06-deep);
  color: #fff !important;
  outline: none;
}

.sd-bs-sc--ch06 .sd-bs-ch06-cta--sell:hover,
.sd-bs-sc--ch06 .sd-bs-ch06-cta--sell:focus-visible {
  background: #fff;
  color: var(--sd-ch06-deep) !important;
  outline: none;
}

.sd-bs-sc--ch06 .sd-bs-ch06-cta:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.55);
}

/* Tablet — cinematic; branding+keys visible */
@media (max-width: 1024px) {
  .sd-bs-sc--ch06 .sd-bs-ch06-track {
    height: 150vh;
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-photo__img {
    object-position: 40% 70%;
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-copy {
    max-width: min(36rem, 94vw);
    padding-top: clamp(2rem, 7vh, 4rem);
  }
}

/* Mobile — keep portfolio/keys; type readable; no horizontal overflow */
@media (max-width: 640px) {
  .sd-bs-sc--ch06 .sd-bs-ch06-track {
    height: 165vh;
    min-height: 640px;
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-sticky {
    min-height: 100svh;
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-photo__img {
    /* Keep portfolio (LL) + brass keys (LC) in frame; type stays upper */
    object-position: 48% 92%;
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-veil {
    background:
      linear-gradient(
        180deg,
        rgba(8, 12, 18, 0.72) 0%,
        rgba(8, 12, 18, 0.48) 32%,
        rgba(8, 12, 18, 0.18) 52%,
        rgba(8, 12, 18, 0.05) 68%,
        rgba(8, 12, 18, 0.12) 100%
      );
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-copy {
    max-width: 100%;
    padding: clamp(1.75rem, 6vh, 3rem) 1.15rem 1.5rem;
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-title {
    font-size: clamp(1.85rem, 9vw, 2.4rem);
    letter-spacing: 0.12em;
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-primary {
    font-size: 1.02rem;
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-ctas {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-cta {
    width: 100%;
  }
}

/* Reduced motion — jump to complete static final */
@media (prefers-reduced-motion: reduce) {
  .sd-bs-sc--ch06 {
    --ch06-p: 1;
    --ch06-photo: 1;
    --ch06-eyebrow: 1;
    --ch06-title: 1;
    --ch06-primary: 1;
    --ch06-support: 1;
    --ch06-ctas: 1;
    --ch06-scale: 1;
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-track {
    height: auto;
    min-height: 0;
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-sticky {
    position: relative;
    height: auto;
    min-height: min(100vh, 720px);
  }
  .sd-bs-sc--ch06 .sd-bs-ch06-photo,
  .sd-bs-sc--ch06 .sd-bs-ch06-eyebrow,
  .sd-bs-sc--ch06 .sd-bs-ch06-title,
  .sd-bs-sc--ch06 .sd-bs-ch06-primary,
  .sd-bs-sc--ch06 .sd-bs-ch06-support,
  .sd-bs-sc--ch06 .sd-bs-ch06-ctas {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

.sd-bs-sc--ch06.is-reduced .sd-bs-ch06-photo,
.sd-bs-sc--ch06.is-reduced .sd-bs-ch06-eyebrow,
.sd-bs-sc--ch06.is-reduced .sd-bs-ch06-title,
.sd-bs-sc--ch06.is-reduced .sd-bs-ch06-primary,
.sd-bs-sc--ch06.is-reduced .sd-bs-ch06-support,
.sd-bs-sc--ch06.is-reduced .sd-bs-ch06-ctas {
  opacity: 1 !important;
  transform: none !important;
}


/* ==========================================================================
   t1809u CLOSING CTA STRIP — appended AFTER CH06; do not edit upward into CH01–CH06
   Quiet conversion band between #sd-bs-ch6 and site footer. NOT Chapter 7.
   White / warm-neutral · navy #274565 · center · restrained enter motion only.
   ========================================================================== */

#sd-bs-closing-cta.sd-bs-closing-cta,
.sd-bs-closing-cta {
  --sd-closing-navy: #274565;
  --sd-closing-deep: #1E3651;
  --sd-closing-ink: #1A1A1A;
  --sd-closing-muted: #5A6570;
  --sd-closing-bg: #FAF8F4;
  --sd-closing-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  z-index: 1;
  margin: 0;
  padding: clamp(3.25rem, 7vw, 5.25rem) 1.25rem clamp(3rem, 6.5vw, 4.75rem);
  background: var(--sd-closing-bg);
  color: var(--sd-closing-ink);
  text-align: center;
  border: 0;
  box-shadow: none;
}

.sd-bs-closing-cta__inner {
  width: min(36rem, 100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.sd-bs-closing-cta__headline {
  margin: 0 0 0.85rem;
  font-family: var(--sd-font-display, Cinzel, "Times New Roman", serif);
  font-weight: 400;
  font-size: clamp(1.35rem, 2.6vw, 1.85rem);
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sd-closing-navy);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.55s var(--sd-closing-ease), transform 0.55s var(--sd-closing-ease);
}

.sd-bs-closing-cta__sub {
  margin: 0 0 1.65rem;
  max-width: 28rem;
  font-family: var(--sd-font-body, Inter, system-ui, sans-serif);
  font-weight: 400;
  font-size: clamp(0.98rem, 1.35vw, 1.08rem);
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: var(--sd-closing-muted);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.55s var(--sd-closing-ease) 0.06s, transform 0.55s var(--sd-closing-ease) 0.06s;
}

.sd-bs-closing-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.7rem;
  padding: 0.7rem 1.55rem;
  margin: 0 0 1.35rem;
  font-family: var(--sd-font-head, Inter, system-ui, sans-serif);
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #fff !important;
  background: var(--sd-closing-navy);
  border: 1.5px solid var(--sd-closing-navy);
  border-radius: 2px;
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity 0.55s var(--sd-closing-ease) 0.12s,
    transform 0.55s var(--sd-closing-ease) 0.12s,
    background 0.22s ease,
    border-color 0.22s ease;
}

.sd-bs-closing-cta__btn:hover,
.sd-bs-closing-cta__btn:focus-visible {
  background: var(--sd-closing-deep);
  border-color: var(--sd-closing-deep);
  color: #fff !important;
  outline: none;
}

.sd-bs-closing-cta__btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(39, 69, 101, 0.28);
}

.sd-bs-closing-cta__contact {
  margin: 0;
  font-family: var(--sd-font-body, Inter, system-ui, sans-serif);
  font-size: 0.82rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.45;
  color: var(--sd-closing-muted);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.55s var(--sd-closing-ease) 0.18s, transform 0.55s var(--sd-closing-ease) 0.18s;
}

.sd-bs-closing-cta__tel,
.sd-bs-closing-cta__mail {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.sd-bs-closing-cta__tel:hover,
.sd-bs-closing-cta__mail:hover,
.sd-bs-closing-cta__tel:focus-visible,
.sd-bs-closing-cta__mail:focus-visible {
  color: var(--sd-closing-navy);
  border-bottom-color: rgba(39, 69, 101, 0.35);
  outline: none;
}

.sd-bs-closing-cta__sep {
  color: inherit;
  opacity: 0.75;
}

/* Entered state */
.sd-bs-closing-cta.is-in .sd-bs-closing-cta__headline,
.sd-bs-closing-cta.is-in .sd-bs-closing-cta__sub,
.sd-bs-closing-cta.is-in .sd-bs-closing-cta__btn,
.sd-bs-closing-cta.is-in .sd-bs-closing-cta__contact {
  opacity: 1;
  transform: none;
}

/* Mobile — comfortable tap targets, no overflow */
@media (max-width: 640px) {
  #sd-bs-closing-cta.sd-bs-closing-cta,
  .sd-bs-closing-cta {
    padding: 2.75rem 1.15rem 2.5rem;
  }
  .sd-bs-closing-cta__headline {
    font-size: 1.28rem;
    letter-spacing: 0.08em;
  }
  .sd-bs-closing-cta__btn {
    width: 100%;
    max-width: 20rem;
  }
  .sd-bs-closing-cta__contact {
    font-size: 0.78rem;
    word-break: break-word;
  }
}

/* Reduced motion — completed static */
@media (prefers-reduced-motion: reduce) {
  .sd-bs-closing-cta__headline,
  .sd-bs-closing-cta__sub,
  .sd-bs-closing-cta__btn,
  .sd-bs-closing-cta__contact {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* ==========================================================================
   t1811u — CHAPTER 5 / CHAPTER 6 live-text labels removed
   Version: 3.13.3-chapter-labels-fix-t1813u
   Labels were JS-mounted HTML (not baked into images). Mount strings no longer
   emit .sd-bs-ch05-label / .sd-bs-ch06-eyebrow. Minimal spacing only:
   gold accent line remains above JUDGMENT/EXPERIENCE; FORWARD leads CH06 copy.
   ========================================================================== */
.sd-bs-sc--ch05 .sd-bs-ch05-label-row {
  /* was above CHAPTER 5 text; now accents title with slightly tighter gap */
  margin-bottom: 0.85rem;
}
.sd-bs-sc--ch06 .sd-bs-ch06-title {
  /* eyebrow (CHAPTER 6) removed — title is first copy element */
  margin-top: 0;
}


/* ==========================================================================
   t1813u — CHAPTER 1–6 numbered labels removed (fix of t1811u)
   Version: 3.13.3-chapter-labels-fix-t1813u
   CHAPTER 3 was still live HTML in mountCh03 (.sd-bs-ch03-chapter__label).
   CH05/CH06 already removed in t1811u; defensive hide retained.
   Collapse only space previously used by numbered labels. Thematic titles kept.
   ========================================================================== */
.sd-bs-sc--ch03 .sd-bs-ch03-chapter__label,
.sd-bs-ch05-label,
.sd-bs-ch06-eyebrow,
[data-ch05="label"],
[data-ch06="eyebrow"] {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
/* CHAPTER 3 label removed — REPRESENTATION is sole chapter-block title;
   gold flanking rules lived on the label; transfer to title for continuity */
.sd-bs-sc--ch03 .sd-bs-ch03-chapter {
  gap: 0;
  margin-bottom: 0.75rem;
}
.sd-bs-sc--ch03 .sd-bs-ch03-chapter__title {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.sd-bs-sc--ch03 .sd-bs-ch03-chapter__title::before,
.sd-bs-sc--ch03 .sd-bs-ch03-chapter__title::after {
  content: "";
  display: block;
  width: clamp(28px, 4vw, 48px);
  height: 1px;
  background: var(--ch03-gold);
  opacity: 0.9;
}
