/* A single moving capsule follows the current reading section. */
.nav-links.has-scroll-marker{isolation:isolate}
.nav-links.has-scroll-marker>a{position:relative;z-index:1;border:0;text-decoration:none;transition:color .22s}
.nav-links.has-scroll-marker>a:hover{border:0;text-decoration:none}
.nav-links.has-scroll-marker>a.active,.nav-links.has-scroll-marker>a.active:hover{color:var(--white);border:0;text-decoration:none}
.nav-scroll-capsule{position:absolute;left:0;top:0;z-index:0;border:1px solid var(--ink);background:var(--ink);border-radius:60px;pointer-events:none;opacity:0;transition:transform .45s var(--ease),width .45s var(--ease),height .45s var(--ease),opacity .18s;will-change:transform}
.nav-scroll-capsule.is-visible{opacity:1}
.nav-scroll-capsule[hidden]{display:none!important}
/* The CTA is a sibling: explicit layers keep its fill, label and focus above the capsule. */
@media(min-width:1501px){.nav-links.has-scroll-marker{position:relative;z-index:0}.nav.wrap>.talk{position:relative;z-index:2}}
@media(max-width:1500px){.nav-scroll-capsule{background:var(--sage);border-color:var(--sage)}.nav-links.has-scroll-marker>a.active,.nav-links.has-scroll-marker>a.active:hover{color:var(--ink)}.nav-links.has-scroll-marker>a:not(.nav-mobile-talk){padding-inline:18px}.nav-links.has-scroll-marker>a:hover{color:var(--white)}.nav-links.has-scroll-marker>a.nav-mobile-talk:hover{color:var(--ink)}}

/* Equal, aligned cards retain native vertical scrolling in both directions. */
.about-body{min-width:0}
.about-card-stack{margin-top:44px;position:relative;isolation:isolate}
.about-card{position:relative;border-radius:32px;padding:clamp(25px,3.4vw,50px);margin-bottom:24px;background:var(--white);color:var(--ink);box-shadow:0 12px 32px #2e322112;transform-origin:center top}
.about-card:nth-child(2){background:var(--sage)}
.about-card:nth-child(3){background:var(--ink);color:var(--white)}
.about-card:nth-child(4){background:#E6E6E6}
.about-card:nth-child(5){background:var(--olive);color:var(--white)}
.about-card .about-card-index{font-size:10px;line-height:1.5;font-weight:650;letter-spacing:.1em;margin-bottom:22px;color:inherit;opacity:.7}
.about-card h3{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.035em;line-height:1.2;margin-bottom:22px;max-width:26ch}
.about-card .about-card-copy{font-size:14px;line-height:1.85;max-width:68ch;margin:0;color:inherit}
.about-card-stack.is-stacked{padding-bottom:80px}
.about-card-stack.is-stacked .about-card{position:sticky;top:calc(var(--about-stack-top) + var(--card-index) * 14px);min-height:var(--about-card-height);margin-bottom:clamp(100px,28vh,260px);z-index:calc(var(--card-index) + 1);transform:scale(calc(1 - var(--card-recession,0)))}
.about-card-stack .about-card:last-child{margin-bottom:0}
.about-body>.route{margin-top:40px}
@media(max-width:760px){.about-card-stack{margin-top:30px}.about-card{border-radius:26px;padding:25px}.about-card .about-card-copy{font-size:13px;line-height:1.8}.about-card h3{font-size:23px}.about-card .about-card-index{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.nav-scroll-capsule,.nav-links.has-scroll-marker>a{transition:none}.about-card-stack.is-stacked .about-card{position:relative;top:auto;transform:none;min-height:0;margin-bottom:24px}.about-card-stack.is-stacked{padding-bottom:0}}
