:root {
  --ivory: #EBECDC;
  --ink: #091717;
  --muted: #11363E;
  --burgundy: #733635;
  --sage: #A0C9CB;
  --story-progress: 0;
}

* { box-sizing: border-box; }
html { scroll-behavior: auto; background: var(--ivory); }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background: var(--ivory);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
button, input, textarea, select { font: inherit; }
a { color: inherit; text-decoration: none; }

.site-nav {
  position: fixed;
  z-index: 50;
  inset: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(10rem, 1fr) auto minmax(22rem, 1fr);
  align-items: center;
  height: 74px;
  padding: 0 4.6vw;
  color: var(--ink);
  background: rgb(241 235 226 / 84%);
  border-bottom: 1px solid rgb(23 19 16 / 13%);
  box-shadow: 0 12px 38px rgb(23 19 16 / 5%);
  backdrop-filter: blur(20px) saturate(112%);
  -webkit-backdrop-filter: blur(20px) saturate(112%);
}
.wordmark {
  justify-self: start;
  display: block;
  width: clamp(8.2rem, 10.8vw, 10.4rem);
}
.wordmark img { display: block; width: 100%; height: auto; }
.site-nav nav {
  display: flex;
  gap: clamp(1.2rem, 2.2vw, 2.8rem);
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.site-nav nav a,
.footer-links a,
.footer-social a,
.secondary-cta,
.sound-toggle {
  transition: opacity 180ms ease;
}
.site-nav nav a:hover,
.footer-links a:hover,
.footer-social a:hover,
.secondary-cta:hover,
.sound-toggle:hover { opacity: .55; }

.nav-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: clamp(.9rem, 1.5vw, 1.8rem);
}
.nav-cta {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.nav-cta span { color: var(--burgundy); }
.sound-toggle {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: 0;
  color: var(--ink);
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sound-bars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  width: 14px;
  height: 13px;
}
.sound-bars i {
  display: block;
  width: 2px;
  height: 4px;
  background: var(--burgundy);
  transform-origin: center;
}
.sound-toggle[aria-pressed="true"] .sound-bars i { animation: sound-bar 1.1s ease-in-out infinite alternate; }
.sound-toggle[aria-pressed="true"] .sound-bars i:nth-child(2) { animation-delay: -520ms; }
.sound-toggle[aria-pressed="true"] .sound-bars i:nth-child(3) { animation-delay: -260ms; }
@keyframes sound-bar { from { transform: scaleY(.65); } to { transform: scaleY(2.5); } }

.story-progress {
  position: fixed;
  z-index: 52;
  top: 50%;
  left: 1.55vw;
  width: 1px;
  height: 35vh;
  background: rgb(127 36 53 / 22%);
  transform: translateY(-50%);
}
.story-progress > span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--burgundy);
  transform: scaleY(0);
  transform-origin: top;
  will-change: transform;
}
.story-progress b {
  position: absolute;
  top: calc(100% + .75rem);
  left: -.46rem;
  color: var(--burgundy);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.story {
  position: relative;
  min-height: 2180vh;
  background: var(--ivory);
}
.stage {
  position: sticky;
  z-index: 0;
  top: 0;
  height: 100vh;
  min-height: 660px;
  overflow: hidden;
  isolation: isolate;
  background: #e8ded2;
}
.scene-stage,
.copy-stage,
.scene-image,
.plaster-grain,
.mobile-scrim {
  position: absolute;
  inset: 0;
}
.scene-stage { z-index: 0; overflow: hidden; }
.scene-image {
  --scene-opacity: 0;
  --scene-scale: 1;
  --scene-x: 0vw;
  --scene-reveal: 0%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: var(--scene-opacity);
  clip-path: inset(var(--scene-reveal) 0 0 0);
  transform: translate3d(var(--scene-x), 0, 0) scale(var(--scene-scale));
  transform-origin: center;
  filter: saturate(.96) contrast(1.045);
  will-change: opacity, transform, clip-path;
  user-select: none;
  pointer-events: none;
}
.scene-image:first-child { --scene-opacity: 1; }
.plaster-grain {
  z-index: 1;
  opacity: .09;
  mix-blend-mode: multiply;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 20% 30%, rgb(56 42 30 / 17%) 0 .55px, transparent .8px),
    radial-gradient(circle at 73% 68%, rgb(255 255 255 / 28%) 0 .65px, transparent .9px);
  background-size: 5px 5px, 7px 7px;
}
.mobile-scrim { z-index: 2; display: none; pointer-events: none; }
.copy-stage { z-index: 3; pointer-events: none; }

.story-copy {
  --copy-opacity: 0;
  --copy-y: 72px;
  --copy-blur: 10px;
  --copy-clip: 100%;
  position: absolute;
  top: clamp(7.7rem, 13vh, 9.2rem);
  left: 5.8vw;
  width: min(53rem, 55vw);
  opacity: var(--copy-opacity);
  transform: translate3d(0, var(--copy-y), 0);
  filter: blur(var(--copy-blur));
  clip-path: inset(var(--copy-clip) 0 0 0);
  will-change: transform, opacity, filter, clip-path;
  pointer-events: none;
}
.story-copy[data-active] { pointer-events: auto; }
.story-copy--hero { width: min(61rem, 58vw); }
.story-copy--dense { top: clamp(6.3rem, 9.5vh, 7.6rem); width: min(54rem, 55vw); }
.story-copy--footer {
  inset: 0;
  width: 100%;
  padding: clamp(7.6rem, 13vh, 9rem) 5.8vw 0;
}

.eyebrow {
  display: flex;
  align-items: center;
  gap: .4rem;
  margin: 0 0 1.3rem;
  color: var(--burgundy);
  font-size: clamp(.67rem, .77vw, .81rem);
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.eyebrow::after {
  content: "";
  display: block;
  width: 3.4rem;
  height: 1px;
  margin-left: .7rem;
  background: currentColor;
}
.story-copy .scene-title {
  display: grid;
  max-width: 16ch;
  margin: 0;
  font-size: clamp(3.25rem, 4.55vw, 5.35rem);
  font-weight: 650;
  line-height: .91;
  letter-spacing: -.065em;
  text-wrap: balance;
}
.story-copy--hero .scene-title {
  max-width: 13ch;
  font-size: clamp(4rem, 5.65vw, 6.65rem);
  line-height: .9;
}
.story-copy--dense .scene-title { font-size: clamp(2.85rem, 3.75vw, 4.35rem); }
.story-copy .scene-title > span { display: block; }
.supporting {
  max-width: 45rem;
  margin: 1.45rem 0 0;
  color: var(--muted);
  font-size: clamp(1.03rem, 1.22vw, 1.3rem);
  line-height: 1.38;
  letter-spacing: -.017em;
}
.story-copy--hero .supporting { max-width: 43rem; }
.body-copy {
  max-width: 43rem;
  margin: 1.2rem 0 0;
  color: var(--muted);
  font-size: clamp(.95rem, 1.06vw, 1.12rem);
  line-height: 1.55;
}
blockquote {
  max-width: 37rem;
  margin: 1.6rem 0 0;
  padding-left: 1.15rem;
  border-left: 1px solid var(--burgundy);
  color: var(--ink);
  font-size: clamp(1rem, 1.16vw, 1.22rem);
  font-style: italic;
  line-height: 1.45;
}

.status-line {
  display: inline-block;
  margin: 0 0 .8rem;
  padding: .34rem .55rem .3rem;
  color: var(--burgundy);
  border: 1px solid rgb(127 36 53 / 43%);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.story-items {
  display: grid;
  max-width: 49rem;
  margin-top: 1.15rem;
  border-top: 1px solid rgb(23 19 16 / 23%);
}
.story-item {
  display: grid;
  grid-template-columns: 2.7rem 1fr;
  gap: 1rem;
  padding: .68rem 0 .73rem;
  border-bottom: 1px solid rgb(23 19 16 / 18%);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 540ms ease, transform 700ms cubic-bezier(.16, 1, .3, 1);
}
.story-copy[data-active] .story-item { opacity: 1; transform: translateY(0); }
.story-copy[data-active] .story-item:nth-child(2) { transition-delay: 80ms; }
.story-copy[data-active] .story-item:nth-child(3) { transition-delay: 160ms; }
.item-number {
  padding-top: .15rem;
  color: var(--burgundy);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.item-heading {
  display: flex;
  align-items: center;
  gap: .8rem;
}
.story-item h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1rem, 1.18vw, 1.3rem);
  font-weight: 750;
  letter-spacing: -.02em;
}
.item-heading small {
  padding: .18rem .4rem;
  color: var(--burgundy);
  border: 1px solid rgb(127 36 53 / 42%);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .1em;
}
.story-item p {
  max-width: 43rem;
  margin: .3rem 0 0;
  color: var(--muted);
  font-size: clamp(.83rem, .9vw, .96rem);
  line-height: 1.4;
}

.research-marks {
  display: grid;
  grid-template-columns: minmax(9rem, 1.25fr) minmax(8rem, 1fr);
  align-items: center;
  gap: 1.6rem;
  width: min(30rem, 100%);
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid rgb(23 19 16 / 18%);
}
.research-marks figure { margin: 0; min-width: 0; }
.research-marks figcaption {
  margin-bottom: .42rem;
  color: var(--muted);
  font-size: .52rem;
  font-weight: 750;
  letter-spacing: .13em;
}
.research-marks img {
  display: block;
  max-width: 100%;
  height: 2.45rem;
  object-fit: contain;
  object-position: left center;
  opacity: .58;
  mix-blend-mode: multiply;
}

.proof-list {
  display: grid;
  gap: .58rem;
  max-width: 37rem;
  margin: 1.45rem 0 0;
  padding: 0;
  color: var(--ink);
  list-style: none;
  font-size: clamp(.92rem, 1.05vw, 1.08rem);
}
.proof-list li {
  display: flex;
  align-items: center;
  gap: .8rem;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 480ms ease, transform 620ms cubic-bezier(.16, 1, .3, 1);
}
.proof-list li::before {
  content: "";
  width: 1.7rem;
  height: 1px;
  flex: 0 0 auto;
  background: var(--burgundy);
}
.story-copy[data-active] .proof-list li { opacity: 1; transform: translateY(0); }
.story-copy[data-active] .proof-list li:nth-child(2) { transition-delay: 70ms; }
.story-copy[data-active] .proof-list li:nth-child(3) { transition-delay: 140ms; }

.cta-row {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 1.8rem;
}
.primary-cta {
  display: inline-flex;
  align-items: center;
  gap: 1.3rem;
  padding: .86rem 1.05rem .9rem;
  color: #f8f3ec;
  background: var(--burgundy);
  border: 1px solid var(--burgundy);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: color 180ms ease, background 180ms ease;
}
.primary-cta:hover,
.primary-cta:focus-visible {
  color: var(--burgundy);
  background: transparent;
  outline: none;
}
.secondary-cta {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: .25rem;
  border-bottom: 1px solid rgb(23 19 16 / 42%);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.secondary-cta span { color: var(--burgundy); }

.footer-content {
  position: absolute;
  right: 5.8vw;
  bottom: 1.8rem;
  left: 5.8vw;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  color: #f8f3ec;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.footer-brand {
  justify-self: start;
  display: block;
  width: clamp(8rem, 10vw, 10rem);
}
.footer-brand img { display: block; width: 100%; height: auto; }
.footer-links,
.footer-social { display: flex; gap: 1.15rem; }
.footer-social { justify-self: end; }

.scroll-cue {
  position: absolute;
  z-index: 6;
  right: 4.6vw;
  bottom: 4vh;
  display: flex;
  align-items: center;
  gap: .8rem;
  color: var(--burgundy);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: calc(1 - min(1, var(--story-progress) * 12));
}
.scroll-cue i {
  position: relative;
  display: block;
  width: 1px;
  height: 2.8rem;
  overflow: hidden;
  background: rgb(127 36 53 / 25%);
}
.scroll-cue i::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--burgundy);
  animation: scroll-line 1.8s ease-in-out infinite;
  transform-origin: top;
}
@keyframes scroll-line {
  0% { transform: translateY(-100%); }
  50%, 100% { transform: translateY(100%); }
}
.scroll-track { position: absolute; inset: 0; pointer-events: none; }
.scroll-beat { height: 145vh; }

@media (max-width: 1050px) {
  .site-nav { grid-template-columns: 1fr auto; }
  .site-nav nav { display: none; }
  .nav-actions { gap: 1rem; }
  .story-copy,
  .story-copy--hero,
  .story-copy--dense {
    width: min(45rem, 69vw);
  }
  .story-copy .scene-title { font-size: clamp(3.35rem, 6vw, 5.5rem); }
  .story-copy--hero .scene-title { font-size: clamp(4rem, 7.5vw, 6.6rem); }
}

@media (max-width: 720px) {
  .site-nav {
    height: 64px;
    padding: 0 1.15rem;
    grid-template-columns: 1fr auto;
  }
  .wordmark { width: 7.4rem; }
  .nav-cta { display: none; }
  .sound-toggle { font-size: .59rem; }
  .story-progress { left: .62rem; height: 28vh; }
  .story { min-height: 2320vh; }
  .stage { min-height: 580px; }
  .scene-image {
    object-position: 62% center;
    filter: saturate(.94) contrast(1.035);
  }
  .mobile-scrim {
    display: block;
    background: linear-gradient(90deg, rgb(239 232 222 / 96%) 0%, rgb(239 232 222 / 86%) 62%, rgb(239 232 222 / 20%) 100%);
  }
  .story-copy,
  .story-copy--hero,
  .story-copy--dense {
    top: 5.9rem;
    left: 1.45rem;
    width: calc(100vw - 2.9rem);
  }
  .story-copy--footer {
    inset: 0;
    width: 100%;
    padding: 5.9rem 1.45rem 0;
  }
  .eyebrow { margin-bottom: 1rem; font-size: .61rem; }
  .eyebrow::after { width: 2rem; }
  .story-copy .scene-title,
  .story-copy--hero .scene-title,
  .story-copy--dense .scene-title {
    max-width: 12ch;
    font-size: clamp(2.95rem, 13vw, 4.6rem);
    line-height: .9;
  }
  .supporting { max-width: 88vw; margin-top: 1.25rem; font-size: clamp(1rem, 4.2vw, 1.2rem); }
  .body-copy { max-width: 86vw; font-size: .9rem; }
  .story-items { margin-top: 1.1rem; }
  .story-item { grid-template-columns: 2rem 1fr; gap: .6rem; padding: .6rem 0; }
  .story-item h2 { font-size: 1rem; }
  .story-item p { font-size: .8rem; }
  .story-copy--dense .scene-title { font-size: clamp(2.5rem, 11vw, 3.8rem); }
  .story-copy--dense .story-item p { line-height: 1.3; }
  .proof-list { gap: .42rem; font-size: .85rem; }
  .research-marks { width: min(25rem, 92vw); gap: .85rem; }
  .research-marks img { height: 2rem; }
  blockquote { max-width: 83vw; font-size: .9rem; }
  .cta-row { flex-wrap: wrap; gap: .9rem 1.25rem; margin-top: 1.35rem; }
  .primary-cta, .secondary-cta { font-size: .64rem; }
  .footer-content {
    right: 1.45rem;
    bottom: 1rem;
    left: 1.45rem;
    grid-template-columns: 1fr auto;
  }
  .footer-links { display: none; }
  .footer-social { font-size: .56rem; }
  .scroll-cue { right: 1.2rem; bottom: 2rem; }
}

@media (max-height: 740px) and (min-width: 721px) {
  .story-copy,
  .story-copy--hero,
  .story-copy--dense { top: 6.2rem; }
  .story-copy .scene-title { font-size: clamp(2.9rem, 4.4vw, 4.8rem); }
  .story-copy--hero .scene-title { font-size: clamp(3.8rem, 5.6vw, 6rem); }
  .supporting { margin-top: 1.15rem; font-size: 1.05rem; }
  .body-copy, .story-items, .proof-list, blockquote, .cta-row { margin-top: .9rem; }
  .story-item { padding: .55rem 0 .62rem; }
  .story-item p { font-size: .8rem; }
}

@media (prefers-reduced-motion: reduce) {
  .scene-image,
  .story-copy,
  .story-item,
  .proof-list li,
  .sound-bars i,
  .scroll-cue i::after {
    animation: none !important;
    transition: none !important;
  }
}

/* LC: preserve the original architectural story, with restrained editorial polish. */
:root{--dark:#091717;--primary:#11363E;--accent:#D96B52;--support:#A0C9CB;--light:#EBECDC;--white:#FFFFFF}
html{scroll-padding-top:96px}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px}
.site-nav{height:86px;grid-template-columns:minmax(9rem,1fr) auto minmax(20rem,1fr);background:rgb(235 236 220 / 90%);border-color:rgb(17 54 62 / 12%);box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-nav nav{font-size:14px;font-weight:500;text-transform:none;letter-spacing:0;gap:28px}.wordmark{width:180px}.nav-actions{gap:25px}.nav-cta{font-size:14px;text-transform:none;letter-spacing:0;font-weight:500;padding:11px 16px;border:1px solid rgb(17 54 62 / 24%)}.nav-cta:hover{background:var(--primary);color:var(--light)}.nav-cta span{color:var(--accent)}.sound-toggle{font-size:12px;text-transform:none;letter-spacing:0;font-weight:400}.sound-bars i{background:var(--primary)}
.story{min-height:1560vh}.stage{min-height:0;height:100vh;height:100svh;background:var(--light)}.scene-image{filter:saturate(.8) contrast(1.015)}.plaster-grain{opacity:.035}
.story-copy{top:clamp(8rem,17vh,11rem);left:6.5vw;width:min(53rem,54vw);filter:none;clip-path:none;will-change:transform,opacity;color:var(--dark)}
.story-copy--hero{width:min(57rem,59vw);top:clamp(8.5rem,20vh,13rem)}.story-copy--dense{top:clamp(7.5rem,13vh,9rem);width:min(50rem,55vw)}.story-copy--footer{inset:0;width:100%;padding:clamp(9rem,19vh,12rem) 6.5vw 0}
.story-copy .scene-title{font-size:clamp(3rem,4.3vw,5rem);font-weight:500;line-height:1.035;letter-spacing:-.047em;max-width:none;text-wrap:initial}.story-copy--hero .scene-title{font-size:clamp(3.5rem,5.2vw,6.2rem);line-height:1.015;letter-spacing:-.05em;max-width:none}.story-copy--dense .scene-title{font-size:clamp(2.65rem,3.4vw,4rem)}
.eyebrow{font-size:12px;font-weight:500;letter-spacing:.1em;margin-bottom:24px;color:var(--primary);line-height:1.5}.eyebrow:after{width:24px;opacity:.5}.supporting{font-size:clamp(1rem,1.23vw,1.25rem);line-height:1.55;max-width:39rem;letter-spacing:-.01em;color:var(--primary);margin-top:26px}.story-copy--hero .supporting{max-width:35rem}.body-copy{font-size:16px;line-height:1.6;max-width:37rem;color:var(--primary)}blockquote{font-style:normal;font-size:18px;line-height:1.5;border-color:var(--accent);max-width:33rem}
.story-items{margin-top:24px;border-color:rgb(17 54 62 / 24%)}.story-item{grid-template-columns:2.5rem 1fr;gap:12px;padding:16px 0;border-color:rgb(17 54 62 / 20%)}.story-item h2{font-size:20px;font-weight:500;letter-spacing:-.02em}.story-item p{font-size:16px;line-height:1.45;max-width:39rem}.item-number{font-size:12px;font-weight:500;color:var(--primary);letter-spacing:.04em}.item-heading small,.status-line{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--primary);border-color:rgb(17 54 62 / 28%)}.status-line{margin-bottom:16px}.proof-list{font-size:16px;gap:9px;margin-top:22px}.proof-list li:before{background:var(--accent);width:20px}
.cta-row{gap:24px;flex-wrap:wrap;margin-top:28px}.primary-cta{background:var(--accent);border-color:var(--accent);color:var(--dark);padding:16px 20px;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}.primary-cta:hover,.primary-cta:focus-visible{background:var(--primary);border-color:var(--primary);color:var(--light)}.secondary-cta{font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;padding:8px 0;border-color:rgb(17 54 62 / 30%)}.secondary-cta span{color:inherit}.secondary-cta:hover{opacity:1;color:var(--burgundy)}
.research-marks{margin-top:20px;padding-top:18px;gap:32px;width:min(38rem,100%)}.research-marks figcaption{font-size:12px;font-weight:400;letter-spacing:.06em}.research-marks img{opacity:.85;height:36px}.research-marks figure:first-child img{max-width:260px}.research-marks figure:last-child img{max-width:200px}
.story-progress{background:rgb(17 54 62 / 20%);left:2.2vw;height:25vh}.story-progress>span{background:var(--primary)}.story-progress b{font-size:12px;font-weight:400;color:var(--primary)}.scroll-cue{font-size:12px;font-weight:400;letter-spacing:.06em;color:var(--primary)}.scroll-cue i{background:rgb(17 54 62 / 20%)}.scroll-cue i:after{background:var(--primary)}
.story-copy[data-tone=dark]{color:var(--light)}.story-copy[data-tone=dark] :is(.supporting,.body-copy,.eyebrow,.item-number,.story-item p,.proof-list,.research-marks figcaption){color:var(--support)}.story-copy[data-tone=dark] :is(.story-item h2,blockquote,.status-line,.item-heading small){color:var(--light)}.story-copy[data-tone=dark] :is(.story-items,.story-item,.secondary-cta,.status-line,.item-heading small){border-color:rgb(160 201 203 / 30%)}.story-copy[data-tone=dark] .secondary-cta:hover{color:var(--accent)}
body[data-tone=dark] .story-progress{background:rgb(160 201 203 / 25%)}body[data-tone=dark] .story-progress>span{background:var(--support)}body[data-tone=dark] .story-progress b{color:var(--support)}
.footer-content{left:6.5vw;right:6.5vw;bottom:36px;font-size:14px;letter-spacing:0;text-transform:none;font-weight:400;grid-template-columns:1fr auto 1fr;gap:35px;align-items:center}.footer-links{gap:22px}.footer-social{flex-direction:column;gap:12px}.footer-brand{width:145px}
.menu-toggle{display:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip-link{position:fixed;z-index:100;left:16px;top:16px;transform:translateY(-150%);padding:12px 18px;background:var(--light);color:var(--dark)}.skip-link:focus{transform:none}.story-copy:focus{outline:none}
@media(max-width:1200px){.site-nav{padding:0 4vw;grid-template-columns:1fr auto}.site-nav nav{display:none}.nav-actions{gap:20px}.menu-toggle{display:block;background:none;border:0;border-bottom:1px solid var(--primary);color:var(--primary);font-size:14px;padding:8px 0}.site-nav nav.is-open{display:flex;position:absolute;right:0;left:0;top:85px;padding:22px 4vw;background:var(--light);border-bottom:1px solid rgb(17 54 62 / 20%);gap:30px}.story-copy,.story-copy--dense{width:61vw}.story-copy--hero{width:66vw}.story-copy--footer{width:100%}.story-copy .scene-title{font-size:clamp(2.6rem,4.5vw,4rem)}.story-copy--hero .scene-title{font-size:clamp(3.1rem,5.4vw,4.8rem)}.story-copy--dense .scene-title{font-size:3rem}.story-item{padding:12px 0}.story-item p{font-size:16px}.footer-links{gap:14px}.footer-content{font-size:13px;gap:24px}}
@media(max-height:850px) and (min-width:761px){.story-copy{top:125px}.story-copy--hero{top:145px}.story-copy--dense{top:112px}.story-copy--footer{top:0;padding-top:145px}.story-copy--dense .scene-title{font-size:clamp(2.5rem,3.2vw,3.3rem)}.story-copy--dense .eyebrow{margin-bottom:16px}.story-copy--dense .supporting{margin-top:16px}.story-copy--dense .body-copy{margin-top:12px}.story-copy--dense .story-items{margin-top:16px}.story-copy--dense .story-item{padding:10px 0}.story-copy--dense .cta-row{margin-top:18px}.research-marks{margin-top:16px;padding-top:14px}.research-marks img{height:30px}.proof-list{margin-top:16px;gap:6px}}
/* Unpinned reading on small screens and when reduced motion is requested. */
html.reading .story,html.no-js .story{min-height:0}html.reading .stage,html.no-js .stage{position:relative;height:auto;min-height:0;overflow:visible}html.reading :is(.scene-stage,.plaster-grain,.mobile-scrim,.story-progress,.scroll-cue,.scroll-track),html.no-js :is(.scene-stage,.plaster-grain,.mobile-scrim,.story-progress,.scroll-cue,.scroll-track){display:none}html.reading .copy-stage,html.no-js .copy-stage{position:relative;inset:auto;pointer-events:auto}html.reading .story-copy,html.no-js .story-copy{position:relative;top:auto;left:auto;inset:auto;width:100%;min-height:82svh;padding:90px max(6.5vw,24px) 75px;opacity:1;transform:none;filter:none;clip-path:none;pointer-events:auto;background-image:var(--section-image);background-position:62% center;background-size:cover;isolation:isolate}html.reading .story-copy:before,html.no-js .story-copy:before{content:"";position:absolute;inset:0;background:rgb(235 236 220 / 92%);z-index:-1}html.reading .story-copy[data-tone=dark]:before,html.no-js .story-copy[data-tone=dark]:before{background:rgb(9 23 23 / 88%)}html.reading .story-copy--hero,html.no-js .story-copy--hero{padding-top:145px;min-height:100svh}html.reading :is(.story-item,.proof-list li),html.no-js :is(.story-item,.proof-list li){opacity:1;transform:none}html.reading .footer-content,html.no-js .footer-content{position:relative;inset:auto;margin-top:70px;padding-top:30px;border-top:1px solid rgb(160 201 203 / 30%)}html.reading .story-copy .scene-title,html.no-js .story-copy .scene-title{max-width:900px}html.reading .story-copy--hero .scene-title{max-width:950px}
@media(max-width:760px){.site-nav{height:74px;padding:0 22px}.wordmark{width:150px}.nav-actions{gap:20px}.site-nav nav.is-open{top:73px;padding:20px 22px;flex-direction:column;gap:20px}.nav-cta{display:none}.sound-toggle{font-size:12px}.sound-label{display:none}.sound-toggle{padding:10px}.story-copy .scene-title,.story-copy--dense .scene-title{font-size:clamp(2.3rem,7vw,3.25rem);line-height:1.07;letter-spacing:-.042em}.story-copy--hero .scene-title{font-size:clamp(2.75rem,8.4vw,4rem);line-height:1.04;letter-spacing:-.045em}.story-copy .scene-title>span{display:inline}.story-copy .scene-title>span:after{content:" "}.eyebrow{font-size:12px;line-height:1.55;letter-spacing:.055em;max-width:100%;gap:5px;margin-bottom:22px}.eyebrow:after{display:none}.supporting,.story-copy--hero .supporting{font-size:18px;line-height:1.55;margin-top:24px;max-width:100%}.body-copy{font-size:16px;max-width:100%}.story-item{padding:18px 0;grid-template-columns:32px 1fr;gap:12px}.story-item h2{font-size:20px}.story-item p,.story-copy--dense .story-item p{font-size:16px;line-height:1.5}.item-heading{flex-wrap:wrap;gap:8px}.item-heading small{font-size:11px}.item-number{font-size:12px;padding-top:5px}.status-line{font-size:12px}.proof-list{font-size:16px;gap:12px}.research-marks{gap:22px;width:100%;margin-top:28px;padding-top:22px;grid-template-columns:1fr 1fr}.research-marks figcaption{font-size:11px;letter-spacing:.03em}.research-marks img{height:30px}.research-marks figure:first-child img{max-width:100%}.research-marks figure:last-child img{max-width:100%}.cta-row{margin-top:28px;gap:20px;align-items:flex-start}.primary-cta,.secondary-cta{font-size:14px}.primary-cta{padding:15px 18px}.footer-content{grid-template-columns:1fr;align-items:start;gap:28px}.footer-brand{width:130px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:14px}.footer-social{justify-self:start;font-size:14px;gap:16px}blockquote{font-size:18px;max-width:100%;line-height:1.55}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.scene-image,.story-copy{transition:none!important}}

/* Six retained scroll scenes, with a more readable research page. */
.story{min-height:830vh}
#resources{width:min(56rem,60vw)}
#resources .scene-title{font-size:clamp(2.8rem,3.8vw,4.4rem);line-height:1.07}
#resources .supporting{font-size:24px;line-height:1.45;margin-top:24px}
#resources .body-copy{font-size:20px;line-height:1.5;max-width:42rem;margin-top:16px}
#resources .proof-list{font-size:20px;line-height:1.45;gap:8px;margin-top:20px}
#resources .secondary-cta{font-size:18px}
#resources .research-marks figcaption{font-size:14px;letter-spacing:.03em}
#resources .research-marks img{height:56px}
#resources .research-marks figure:first-child img{max-width:300px;height:58px}
#resources .research-marks figure:last-child img{max-width:220px;height:52px}
#resources .research-marks{margin-top:22px;padding-top:18px;width:min(40rem,100%);gap:40px}
#resources .cta-row{margin-top:24px}
@media(max-height:760px) and (min-width:761px){#resources{top:110px}#resources .scene-title{font-size:clamp(2.6rem,3.4vw,3.3rem)}#resources .supporting{font-size:22px;margin-top:18px}#resources .body-copy{font-size:19px;margin-top:12px}#resources .proof-list{font-size:19px;gap:5px;margin-top:14px}#resources .research-marks{margin-top:16px;padding-top:14px}#resources .research-marks img{height:46px}#resources .research-marks figure:first-child img{height:48px;max-width:260px}#resources .research-marks figure:last-child img{height:44px;max-width:190px}#resources .cta-row{margin-top:16px}}
html.reading #resources,html.no-js #resources{width:100%;top:auto}
@media(max-width:760px){#resources .scene-title{font-size:clamp(2.5rem,8vw,3.25rem)}#resources .supporting{font-size:22px}#resources .body-copy,#resources .proof-list{font-size:19px}#resources .secondary-cta{font-size:17px}#resources .research-marks figcaption{font-size:12px}#resources .research-marks img{height:42px}#resources .research-marks figure:first-child img{height:44px;max-width:100%}#resources .research-marks figure:last-child img{height:40px;max-width:100%}}