.case-chapter-nav { display:flex; gap:clamp(18px,2.6vw,40px); align-items:center; overflow-x:auto; padding:21px 0; margin:0 0 36px; border-bottom:1px solid var(--line); white-space:nowrap; scrollbar-width:thin; }
.case-chapter-nav > span { font-size:10px; letter-spacing:.12em; color:var(--muted); margin-right:auto; }
.case-chapter-nav a { font-size:12px; padding:8px 0; }
.case-chapter-nav a:hover { color:var(--accent); }
.case-chapter-nav a:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.leadership-panel { background:#281d30; color:#fff; padding:clamp(28px,4.3vw,64px); margin:0 0 66px; scroll-margin-top:24px; }
.leadership-heading { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,5vw,72px); align-items:end; }
.leadership-panel .eyebrow { color:#e0bce8; font-size:11px; }
.leadership-heading h2 { font-size:clamp(34px,4.1vw,60px); margin:22px 0 0; }
.leadership-heading > p { color:#e0d8e4; font-size:15px; margin:0; line-height:1.75; }
.leadership-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:36px 0; padding:30px 0; border-top:1px solid #ffffff26; border-bottom:1px solid #ffffff26; }
.leadership-metrics strong { display:block; font:500 clamp(48px,6.8vw,96px)/1 Manrope,Arial,sans-serif; letter-spacing:-.07em; color:#f7b6dc; }
.leadership-metrics span { display:block; margin-top:14px; font-size:12px; color:#e0d8e4; }
.leadership-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.leadership-principles > div > span { font-size:10px; letter-spacing:.1em; color:#c2a3cb; }
.leadership-principles h3 { font-size:20px; letter-spacing:-.04em; line-height:1.25; margin:14px 0 10px; }
.leadership-principles p { font-size:13px; line-height:1.7; margin:0; color:#e0d8e4; }
.chapter-break { display:flex; gap:28px; align-items:center; padding:34px 38px; margin:68px 0 0; background:#e8ece7; }
.chapter-number { font:500 clamp(48px,5vw,72px)/1 Manrope,Arial,sans-serif; letter-spacing:-.07em; color:#626f5e; align-self:start; }
.chapter-break .eyebrow { font-size:10px; letter-spacing:.12em; color:#4b5547; }
.chapter-break h2 { font-size:clamp(26px,3vw,42px); line-height:1.12; margin:10px 0 9px; }
.chapter-break p { font-size:12px; color:#5b6257; margin:0; }
.chapter-arrow { margin-left:auto; align-self:start; font-size:40px; line-height:1; }
.chapter-stories { background:#f1ded7; }
.chapter-stories .chapter-number,.chapter-stories .eyebrow,.chapter-stories p { color:#7c5549; }
.chapter-tools { background:#e6e5e0; }
.chapter-tools .chapter-number,.chapter-tools .eyebrow,.chapter-tools p { color:#656258; }
.chapter-visuals { background:#eadfec; }
.chapter-visuals .chapter-number,.chapter-visuals .eyebrow,.chapter-visuals p { color:#76527d; }
.case-row { padding:54px 0; column-gap:6%; grid-template-columns:1fr 1.2fr; scroll-margin-top:24px; }
.case-row > .section-summary { min-width:0; }
.section-summary p { font-size:15px; line-height:1.75; }
.section-summary p:last-child { margin-bottom:0; }
.case-row > div > h2 { font-size:clamp(30px,3.9vw,56px); margin-bottom:0; }
.case-row .eyebrow { font-size:10px; }
.social-extension .asset-feature { grid-template-columns:minmax(0,480px) minmax(0,440px); gap:48px; justify-content:start; }
.asset-feature .social-post-copy h3 { font-size:18px; line-height:1.3; margin:0 0 10px; }
@media(max-width:800px) { .leadership-heading { grid-template-columns:1fr; } .leadership-principles { grid-template-columns:1fr; gap:24px; } .leadership-metrics { gap:16px; } .social-extension .asset-feature { grid-template-columns:1fr; gap:28px; } .social-extension .asset-feature .social-post { margin-left:0; } }
@media(max-width:600px) { .case-chapter-nav > span { display:none; } .case-chapter-nav { gap:24px; } .leadership-metrics span { font-size:10px; line-height:1.5; } .leadership-panel { margin-bottom:40px; } .chapter-break { margin-top:40px; padding:26px 22px; gap:18px; } .chapter-arrow { display:none; } .chapter-number { font-size:40px; } .case-row { grid-template-columns:1fr; row-gap:24px; padding:36px 0; } }

/* A fixed row gap keeps the app showcase inside its section and clear of the divider. */
#first-tap { row-gap:36px; }