/* Keep the original 3 / 2 / 3 groups between their original page sections. */
.opening-story{background:var(--paper)}
.intro-story{gap:0}
.intro-story .hero.hero{background:linear-gradient(#02021e 20%,#0f1d4b 100%);padding-bottom:calc(var(--section-space)/2)}
#approach.leadership-rail,#discovery-letters.leadership-rail,#ongoing-partnership.leadership-rail{width:100%;max-width:none;padding:0;background:var(--rail-start)}
#approach{--rail-start:#0f1d4b;--rail-end:#2054a4}
#discovery-letters{--rail-start:#638bd0;--rail-end:#f5f5f7}
#ongoing-partnership{--rail-start:#103369;--rail-end:#2360c1}
.leadership-rail{--rail-gutter:clamp(1rem,4.85vw,6rem)}
.leadership-rail__panel{background:linear-gradient(180deg,var(--rail-start),var(--rail-end));padding-block:4.5rem 1rem}
.leadership-rail__viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rail-gutter);overscroll-behavior-x:contain;scrollbar-width:none}
.leadership-rail__viewport::-webkit-scrollbar{display:none}
.leadership-rail__viewport:focus-visible{outline:1px solid #b6d4ff;outline-offset:-4px}
.leadership-rail__track{position:relative;display:flex;align-items:flex-start;gap:80px;width:max-content;padding:1.5rem var(--rail-gutter) 7.5rem}
/* Match the marked reference: approximately 636px at a 1512px viewport. */
.leadership-rail .leadership-letter:nth-child(n){flex:0 0 38.25rem;width:38.25rem;max-width:calc(100vw - 2 * var(--rail-gutter));margin:0;padding:3rem 3.5rem;transform:translateY(calc(var(--letter-offset) + var(--letter-rise,0px))) rotate(var(--letter-turn,var(--letter-angle)));scroll-snap-align:start;box-shadow:0 1rem 3rem #04123014}
.leadership-rail .leadership-letter h2{font-size:3.25rem;line-height:1.05;margin-bottom:1.75rem}
.leadership-rail.is-pinned{height:calc(100svh + var(--rail-travel));flex-shrink:0}
.leadership-rail.is-pinned .leadership-rail__panel{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center}
.leadership-rail.is-pinned .leadership-rail__viewport{overflow:hidden;scroll-snap-type:none;flex-shrink:0}
.leadership-rail.is-pinned .leadership-rail__track{will-change:transform}
/* Each gradient belongs to its own block, so pin spacers cannot stretch it. */
.intro-story .post-letters-stats{background:linear-gradient(#2054a4,#3063c8)}
#teams.section{background:linear-gradient(#3063c8,#638bd0)}
#work.section{background:var(--paper)}
.brand-story{background:var(--paper)}
.brand-story #recognition{background:linear-gradient(#02021e,#103369)}
.brand-story #main-principles{background:linear-gradient(#2360c1,#2b6ed1)}
.brand-story .site-love-letters{background:linear-gradient(#2b6ed1,#bacfe9)}
.brand-story .site-cta{background:linear-gradient(#bacfe9,#f5f5f7)}
@media(max-width:991px){
 .leadership-rail__panel{padding-block:4rem 1rem}
 .leadership-rail .leadership-letter:nth-child(n){flex-basis:76vw;width:76vw;padding:2.5rem}
 .leadership-rail .leadership-letter h2{font-size:2.5rem}
}
@media(max-width:600px){
 .leadership-rail__panel{padding-block:3.5rem .5rem}
 .leadership-rail__track{padding-block:1rem 2.5rem}
 .leadership-rail .leadership-letter:nth-child(n){flex-basis:calc(100vw - 3rem);width:calc(100vw - 3rem);padding:1.75rem 1.5rem;--letter-offset:0rem!important}
 .leadership-rail .leadership-letter:nth-child(even){--letter-offset:.75rem!important}
 .leadership-rail .leadership-letter h2{font-size:2.1rem;margin-bottom:1.25rem}
}
@media(prefers-reduced-motion:reduce){
 .leadership-rail .leadership-letter:nth-child(n){transform:none!important}
 .leadership-rail__viewport{scroll-behavior:auto}
}
