.scroll-story{min-height:var(--story-height);background:var(--color-paper);padding-block:110px;position:relative}.story-layout{grid-template-columns:520px 580px;align-items:start;gap:124px;display:grid;position:relative}.story-intro{position:sticky;top:110px}.story-intro .section-title{white-space:nowrap}.story-counter{color:var(--color-muted);margin-top:18px;font-size:15px;font-weight:500;line-height:15px}.story-picture{height:var(--story-image-height);background:var(--color-ink);border-radius:20px;width:100%;margin-top:32px;position:relative;overflow:hidden}.story-picture>img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--motion-image), transform var(--motion-image) var(--ease-out);position:absolute;inset:0;transform:scale(1.05)}.story-picture>img.is-active{opacity:1;transform:scale(1)}.story-picture-shade{background:linear-gradient(#0000 55%,#0b1220a6);position:absolute;inset:0}.story-picture figcaption{color:#fff;font-size:14px;font-weight:600;line-height:18px;position:absolute;bottom:28px;left:28px;right:28px}.story-description{margin-top:28px;font-size:16px;line-height:25px}.story-steps{position:relative}.story-step-list>li{opacity:.6;transition:opacity var(--motion-card);position:relative}.story-step-list>.is-past{opacity:.7}.story-step-list>.is-active{opacity:1;margin-block:6px}.story-step{min-height:var(--step-height);text-align:left;grid-template-columns:19px minmax(0,1fr);gap:24px;width:100%;padding:16px 28px;display:grid;position:relative}.story-step-list>li:before{content:"";opacity:0;transition:opacity var(--motion-card);background:linear-gradient(151.139deg,#fff 0% 50%,#f5f6f8 56.25%,#d9dde5 62.5%,#b2bbca 68.75%,#8593ab 75%,#586c8d 81.25%,#314a72 87.5%,#15315f 93.75%,#0b2858 100%);border-radius:16px;position:absolute;inset:0;box-shadow:0 16px 36px -6px #0b285824}.is-active>.story-step{grid-template-columns:35px minmax(0,1fr);padding:24px 24px 26px}.story-step-list>.is-active:before{opacity:1}.story-step-number{font-family:var(--font-body);color:var(--color-accent);font-size:12px;font-weight:600;line-height:16px;position:relative}.is-active .story-step-number{font-family:var(--font-display);color:var(--color-navy);font-optical-sizing:none;font-size:32px;font-weight:300;line-height:35px}.story-step-copy{flex-direction:column;gap:4px;display:flex;position:relative}.is-active .story-step-copy{gap:8px}.story-step-title{font-family:var(--font-display);font-optical-sizing:none;font-size:24px;font-weight:300;line-height:26px}.is-active .story-step-title{color:var(--color-navy);font-size:32px;font-weight:400;line-height:35px}.story-step-description{color:#3d4757;max-width:470px;font-size:13px;line-height:21px}.is-active .story-step-description{max-width:360px;font-size:14px;line-height:22px}.story-step-eyebrow{text-transform:uppercase;letter-spacing:1.32px;color:var(--color-accent);font-size:11px;font-weight:600;line-height:11px}.story-rail{width:2px;height:var(--rail-height,calc(100% - 100px));background:#0b12201f;position:absolute;top:28px;left:-24px}.story-rail-progress{background:linear-gradient(to bottom, var(--color-blue), var(--color-lime));width:3px;transform:scaleY(var(--scroll-progress,var(--rail-progress,.3)));transform-origin:top;transition:transform var(--motion-card);position:absolute;inset:0 0 0 -.5px}.story-milestone{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:50%;width:9px;height:9px;position:absolute;top:23.5px;left:-27.5px}.is-past .story-milestone{background:var(--color-lime);border-color:var(--color-lime)}.is-active .story-milestone{opacity:0}.story-active-marker{width:26px;height:26px;transform:translateY(calc(var(--rail-position,300px) - 13px));transition:transform var(--motion-card) var(--ease-out);position:absolute;top:0;left:-36px}.story-active-marker>img:not(.story-pulse){border-radius:50%;position:relative}.story-pulse{border:1px solid var(--color-lime);border-radius:50%;animation:1.6s ease-out infinite story-pulse;position:absolute}.story-pulse--outer{width:56px;height:56px;inset:-15px}.story-pulse--inner{width:38px;height:38px;animation-delay:.35s;inset:-6px}@keyframes story-pulse{0%{opacity:.6;transform:scale(.7)}to{opacity:0;transform:scale(1.15)}}.story-mobile-picture{display:none}.scroll-story--dark{color:#fff;background:linear-gradient(131.371deg,#060b16 0%,#0b2858 55%,#16397a 100%)}.scroll-story--dark .accent{color:var(--color-lime)}.scroll-story--dark .story-counter{color:#fff9}.scroll-story--dark .story-rail{background:#ffffff29}.scroll-story--dark .story-milestone{background:#ffffff59;border-color:#0000}.scroll-story--dark .is-past .story-milestone{background:var(--color-lime)}.scroll-story--dark .story-step-description{color:#ffffffbf}.scroll-story--dark .is-active .story-step-description{color:#3d4757}.scroll-story--dark .story-step-number{color:var(--color-lime)}.scroll-story--dark .is-active .story-step-number{color:var(--color-navy)}.scroll-story--dark .story-step-eyebrow{color:#b7e516d9}.scroll-story--dark .is-active .story-step-eyebrow{color:var(--color-accent)}.story-background{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story-background-overlay{background:linear-gradient(#060b1680 0%,#0000 25% 80%,#060b16b3 100%),linear-gradient(90deg,#060b16eb 0%,#060b16d1 50%,#060b16c7 100%);position:absolute;inset:0}.story-motif{pointer-events:none;position:absolute;top:380px;left:-420px}.scroll-story--foundation{overflow:clip}.scroll-story--foundation .story-step-title{line-height:28px}.scroll-story--foundation .is-active .story-step-title{font-size:30px;line-height:35px}.story-notes{border:1px solid #ffffff24;border-radius:16px;flex-direction:column;gap:16px;margin-top:40px;padding:24px;display:flex}.story-notes h3{font-size:13px;font-weight:600;line-height:18px}.story-notes p{color:#ffffffb3;font-size:12px;line-height:19px}.scroll-story--daily{background:0 0;min-height:679px;padding:0}.scroll-story--daily .story-layout{grid-template-columns:520px 576px;gap:104px;width:100%}.scroll-story--daily .section-title{white-space:normal;letter-spacing:-.4px;font-size:40px;line-height:44px}.scroll-story--daily .story-picture{margin-top:36px}.scroll-story--daily .story-step{flex-direction:column;gap:12px;padding:20px 28px;display:flex}.scroll-story--daily .is-active>.story-step{padding:26px 28px 28px}.scroll-story--daily .story-step-number{color:var(--color-ink);font-family:var(--font-display);font-size:30px;font-weight:300;line-height:30px}.scroll-story--daily .is-active .story-step-number{color:var(--color-navy);font-size:40px;font-weight:400;line-height:40px}.scroll-story--daily .story-step-list>.is-active{margin-block:12px}.story-step-block{flex-direction:column;gap:8px;display:flex}.scroll-story--daily .story-step-copy{gap:12px}.scroll-story--daily .story-step-block{gap:4px}.scroll-story--daily .story-step-description{max-width:500px;font-size:14px;line-height:1.55}.scroll-story--daily .is-active .story-step-description{color:var(--color-ink);max-width:380px;font-size:15px}.scroll-story--daily .story-step-eyebrow{color:var(--color-muted)}.scroll-story--daily .is-active .story-step-eyebrow{color:var(--color-accent)}.scroll-story--daily .story-picture figcaption{font-size:16px;line-height:16px}@media (width<=1439px){.story-layout,.scroll-story--daily .story-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:80px}.story-intro .section-title{white-space:normal}}@media (width<=1100px){.scroll-story{min-height:0;padding-block:var(--section-space)}.story-layout,.scroll-story--daily .story-layout{grid-template-columns:1fr;gap:40px}.story-intro{position:static}.story-intro .story-picture,.story-counter{display:none}.story-step-list{grid-template-columns:1fr 1fr;gap:32px;display:grid}.story-mobile-picture{border-radius:16px;height:260px;display:block;overflow:hidden}.story-mobile-picture img{object-fit:cover;width:100%;height:100%}.story-step-list>li,.story-step-list>.is-past,.story-step-list>.is-active{opacity:1;margin:0}.story-step,.is-active>.story-step{grid-template-columns:28px 1fr;min-height:0;padding:24px 0}.story-step-list>li:before{display:none}.story-step-number,.is-active .story-step-number{font-family:var(--font-display);font-size:24px;font-weight:400;line-height:31px}.story-step-title,.is-active .story-step-title{font-size:28px;font-weight:400;line-height:32px}.story-step-description,.is-active .story-step-description{max-width:100%;font-size:14px;line-height:23px}.story-step-copy,.is-active .story-step-copy{gap:10px}.story-rail,.story-milestone,.story-active-marker{display:none}.scroll-story--dark .is-active .story-step-title,.scroll-story--dark .is-active .story-step-description,.scroll-story--dark .is-active .story-step-number{color:#fff}.scroll-story--dark .is-active .story-step-eyebrow{color:var(--color-lime)}.scroll-story--daily{padding:0}.story-notes{margin-top:20px}}@media (width<=767px){.story-steps{grid-template-columns:1fr;gap:24px}.story-mobile-picture{height:280px}.story-motif{opacity:.3}}.story-step-list{position:relative}@media (width<=767px){.story-step-list{grid-template-columns:1fr}}.story-milestone,.scroll-story--dark .story-milestone,.is-past .story-milestone{background:0 0;border:0}.story-pulse{border:0}.scroll-story--services{background:var(--color-surface)}.scroll-story--services .story-counter{margin:0}.scroll-story--services .story-picture{margin-top:66px}.scroll-story--services .story-step{padding:20px 28px}.scroll-story--services .story-step:has(+.story-step-link){padding-bottom:4px}.scroll-story--services .is-active>.story-step{grid-template-columns:27px minmax(0,1fr);padding:26px 28px 8px}.scroll-story--services .story-step-number{font-family:var(--font-display);font-size:18px;font-weight:400;line-height:1}.scroll-story--services .is-active .story-step-number{font-size:24px;line-height:1}.story-step-summary{color:var(--color-ink);font-size:13px;line-height:1.6}.is-active .story-step-summary{color:var(--color-navy);max-width:360px;font-size:14px}.story-step-link{padding:0 28px 20px 72px;display:flex;position:relative}.is-active>.story-step-link{padding-bottom:28px;padding-left:79px}@media (width<=1100px){.scroll-story--services .story-step,.scroll-story--services .story-step:has(+.story-step-link),.scroll-story--services .is-active>.story-step{padding:24px 0 12px}.story-step-link,.is-active>.story-step-link{padding:0 0 20px 52px}.is-active .story-step-summary{max-width:100%}}
