.story-page{overflow:hidden}
.story-page .page-shell{height:100dvh;min-height:0;max-width:1440px;padding:0 48px;overflow:hidden;--story-gutter:48px}
.story-page .site-header{height:76px;flex-shrink:0}
.story-page .story-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:44px;min-height:0;height:calc(100dvh - 76px);padding:20px 0 0;overflow:visible}
.story-page .story-pane{overflow-y:auto;overflow-x:hidden;min-height:0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#BC87EC transparent;margin-left:calc(-1 * var(--story-gutter));padding-left:var(--story-gutter);padding-right:20px;padding-bottom:32px;overscroll-behavior:contain}
.story-pane:focus-visible{outline:2px solid var(--lilac);outline-offset:-2px}
.story-page .fixed-form{height:100%;overflow-y:auto;scrollbar-width:thin;padding:0 0 24px;align-self:start}
.story-page .fixed-form .interest{margin:0;align-self:start;width:100%;scroll-margin-top:12px}
.story-page .hero{height:calc(100dvh - 164px);max-height:740px;min-height:500px}
.story-page .hero-copy{padding-top:25px}
.story-page .scene-wrap{min-height:250px}
.story-page .scene{max-width:100%;width:100%}
.story-page .slice{left:calc(-1 * var(--story-gutter));right:-20px}
.explore-cue{display:flex;justify-content:space-between;align-items:center;color:var(--purple);font-size:13px;font-weight:600;letter-spacing:.02em;text-decoration:none;padding:18px 0 24px;border-bottom:1px solid var(--line)}
.explore-cue span{font-size:24px}
.story-section{padding:64px 0 52px;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.section-kicker{color:var(--purple);font-weight:600;font-size:11px;letter-spacing:.14em;margin:0 0 27px}
.story-title{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(42px,4.15vw,65px);line-height:1.05;letter-spacing:-.02em;transform:skewX(-8deg);transform-origin:left center;margin:0 0 30px}
.story-title em{font-style:normal;color:var(--purple)}
.story-lead{font-size:23px;font-weight:600;line-height:1.35;margin:0 0 18px;max-width:470px}
.story-body{color:var(--muted);font-size:17px;line-height:1.65;margin:0 0 30px;max-width:490px}
.editorial-points>div{display:grid;grid-template-columns:28px 1fr;gap:18px;padding:23px 0;border-top:1px solid var(--line)}
.editorial-points>div>span,.next-steps>li>span{font-family:Anton;font-size:20px;color:var(--purple)}
.editorial-points h3,.next-steps h3{font-size:20px;font-weight:600;margin:0 0 7px}
.editorial-points p,.next-steps p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.audience-stories{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}
.tiny-label{font-weight:600;font-size:11px;letter-spacing:.12em;color:var(--purple);margin:0 0 16px}
.audience-stories h3{font-size:24px;line-height:1.15;margin:0 0 13px;font-weight:600}
.audience-stories p:last-child{font-size:15px;color:var(--muted);line-height:1.6;margin:0}
.world-scene{position:relative;margin:38px 0 0}
.world-scene img{display:block;position:relative;z-index:1;width:96%;height:auto;margin-left:auto}
.world-slice{position:absolute;left:-48px;right:-20px;bottom:48px;height:82px;background:var(--lilac);transform:skewY(-10deg)}
.next-steps{list-style:none;padding:0;margin:32px 0}
.next-steps li{display:grid;grid-template-columns:30px 1fr;gap:20px;border-top:1px solid var(--line);padding:24px 0}
.quiet-note{font-size:12px;line-height:1.5;color:var(--muted);border-left:3px solid var(--lilac);padding-left:15px}
.story-questions details{border-top:1px solid var(--line);padding:16px 0}
.story-questions summary{font-size:18px;font-weight:600;line-height:1.4;min-height:44px;padding:8px 0;cursor:pointer}
.story-questions summary:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
.story-questions p{font-size:16px;line-height:1.6;color:var(--muted);margin:12px 0 0}
.story-questions a{color:var(--purple)}
.story-page footer.company-footer{display:flex;flex-direction:column;align-items:flex-start;padding:30px 0 10px;gap:16px;border:0}
.story-page footer.company-footer nav{gap:6px 16px}
@media(min-width:761px) and (max-width:1100px){.story-page .page-shell{padding:0 28px;--story-gutter:28px}.story-page .story-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.95fr);gap:28px}.story-title{font-size:44px}.story-lead{font-size:21px}.audience-stories{grid-template-columns:1fr}.story-page .hero{min-height:440px}.story-page .scene-wrap{min-height:210px}}
@media(max-width:760px){
.story-page{overflow:auto}
.story-page .page-shell{height:auto;min-height:100dvh;padding:0 20px;overflow:visible}
.story-page .site-header{height:62px}
.story-page .story-layout{display:flex;flex-direction:column;height:auto;overflow:visible;gap:0;padding:0}
.story-page .story-pane{display:contents;overflow:visible;padding:0}
.story-page .hero{order:0;height:auto;min-height:0;max-height:none;margin:0 0 20px}
.story-page .hero-copy{padding-top:20px}
.story-page .scene-wrap{min-height:0;height:auto;aspect-ratio:1.55}
.story-page .slice{left:-20px;right:-20px}
.story-page .fixed-form{order:1;overflow:visible;height:auto;padding:0 0 12px;width:100%}
.explore-cue{order:2;margin-top:8px}
.story-section{order:3;padding:44px 0 38px}
.story-title{font-size:clamp(35px,9vw,58px);margin-bottom:24px}
.story-lead{font-size:21px}
.story-body{font-size:16px}
.audience-stories{grid-template-columns:1fr;gap:28px}
.world-slice{left:-20px;right:-20px;bottom:34px;height:65px}
.story-page footer.company-footer{order:4;margin-bottom:22px}
}
@media(prefers-reduced-motion:reduce){.story-page .story-pane{scroll-behavior:auto}}