/* A vertical scroll story with a readable, natural-flow fallback. */
.solutions-story{position:relative;padding-bottom:72px}
.solutions-pin{position:relative}
.solutions-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.solutions-copy{position:relative;min-width:0}
.solutions-story .sol{display:flex;align-items:center;min-height:110svh;padding:48px 0;border-top:0;position:relative}
.solutions-story .sol-txt{order:0!important;width:100%;border-left:1px solid var(--line);padding-left:28px}
.solutions-stage{position:sticky;top:var(--hdr);height:calc(100svh - var(--hdr));display:grid;align-items:center;min-width:0}
.solutions-figure{display:grid;align-items:center;width:100%;min-width:0}
.solution-layer{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s}
.solution-layer.is-active{opacity:1;visibility:visible}
.solution-layer svg{max-height:min(65svh,calc(100svh - var(--hdr) - 220px))}
.solutions-controls{position:absolute;bottom:12px;right:0;width:100%}
.solutions-navigation{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid var(--line);padding-top:12px}
.solutions-navigation a{display:inline-flex;align-items:center;min-height:32px;color:var(--ink-2);font-size:13px;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.solutions-navigation a[aria-current=step]{color:var(--ink);border-bottom-color:var(--ochre)}
.solutions-nav-number{display:none}
.solutions-controls .motion-control{margin-top:4px}
.solutions-story.is-slider{padding-block:0}
.is-slider .solutions-pin{position:sticky;top:var(--hdr);height:calc(100svh - var(--hdr))}
.is-slider .solutions-layout{height:100%;align-items:center}
.is-slider .solutions-copy{height:100%}
.is-slider .solutions-copy .sol{position:absolute;inset:0;min-height:0;padding:0;opacity:0;pointer-events:none;transition:none!important}
.is-slider .solutions-copy .sol.is-active{pointer-events:auto}
.is-slider .solutions-stage{position:relative;top:auto;height:100%}
.is-slider .solution-layer{visibility:visible;transition:none!important}
.is-slider .solutions-controls{width:55%}
.is-slider .sol.is-visible,.is-slider .solution-layer.is-visible{will-change:opacity,transform}
@media(max-width:899px){
 .solutions-layout{display:flex;flex-direction:column;gap:0}
 .solutions-stage{order:-1;height:36svh;min-height:200px;width:100%;z-index:4;background:var(--sky)}
 .solution-layer svg{max-height:calc(36svh - 96px)}
 .solutions-copy{width:100%}
 .solutions-story .sol{min-height:110svh;scroll-margin-top:calc(var(--hdr) + 36svh);padding-block:32px}
 .solutions-story .sol-txt{padding-left:20px}
 .solutions-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
 .solutions-navigation a{justify-content:center;font-size:14px;min-height:32px}
 .solutions-nav-name{display:none}
 .solutions-nav-number{display:inline}
 .is-slider .solutions-layout{display:grid;grid-template-columns:1fr;grid-template-rows:35% 65%;padding-bottom:96px;gap:0}
 .is-slider .solutions-stage{height:100%;min-height:0;width:100%;z-index:auto}
 .is-slider .solution-layer svg{max-height:30svh}
 .is-slider .solutions-controls{width:100%;bottom:4px}
}
html[data-motion=off] .solution-layer{transition:none}