.scrub-hero{scroll-margin-top:5rem}.scrub-hero__stage{background:var(--color-studio-cream)}.scrub-hero__frame{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%),linear-gradient(#0000 0%,#000 7% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%),linear-gradient(#0000 0%,#000 7% 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.scrub-hero__bag{pointer-events:none}.scrub-hero__rail{background:color-mix(in oklab, var(--color-ink) 22%, transparent)}.scrub-hero__rail-fill{background:var(--color-yellow);transform-origin:top;transform:scaleY(0)}@keyframes scrub-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes scrub-mask{0%{transform:translateY(110%)}to{transform:none}}.scrub-fade{animation:.6s cubic-bezier(.16,1,.3,1) both scrub-rise}.scrub-fade--1{animation-delay:.1s}.scrub-fade--3{animation-delay:.42s}.scrub-fade--4{animation-delay:.52s}.scrub-fade--5{animation-delay:.64s}.scrub-line>span{animation:.7s cubic-bezier(.16,1,.3,1) .2s both scrub-mask}.scrub-line--2>span{animation-delay:.32s}.scrub-hero__motion-off .scrub-fade,.scrub-hero__motion-off .scrub-line>span{animation:none}.system-story{scroll-margin-top:5rem}.system-story__stage{gap:1.5rem;max-width:1240px;margin-inline:auto;padding:3rem 1.25rem;display:grid}.system-story__intro{z-index:1;text-align:center;position:relative}.system-story__eyebrow{color:var(--color-muted-foreground);justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;line-height:1.4;display:flex}.system-story__eyebrow>p{text-align:left;max-width:none}.system-story__heading{letter-spacing:-.025em;margin-top:.375rem;font-size:clamp(1.9rem,4.3vw,3.5rem);line-height:1.12}.system-story__emphasis{white-space:nowrap;padding-bottom:.13em;display:inline-block;position:relative}.system-story__underline{inset-inline:0;transform-origin:0;height:2px;position:absolute;bottom:0}.system-story__viewport{place-items:center;min-width:0;display:grid}.system-story__composition{transform-origin:50% 80px;width:min(100%,480px);height:500px;position:relative}.system-story__bag{aspect-ratio:1;width:200px;position:absolute;top:-24px;left:calc(50% - 100px)}.system-story__group{justify-items:center;gap:6px;display:grid;position:absolute;inset-inline:0}.system-story__group--carabiner{top:150px}.system-story__group--press{top:370px}.system-story__caption{text-align:center;font-size:.875rem;line-height:1.35}.system-story__caption strong{font-weight:500;display:block}.system-story__caption span{color:var(--color-muted-foreground);display:block}.system-story__items{grid-template-columns:repeat(3,80px);gap:6px 12px;display:grid}.system-story__group--press .system-story__items{grid-template-columns:repeat(2,80px);column-gap:28px}.system-story__addon{aspect-ratio:1;width:100%}@media (width>=640px){.system-story__stage{padding-inline:2.5rem}.system-story__eyebrow>p{max-width:none}.system-story__composition{width:min(100%,580px);height:600px}.system-story__bag{width:240px;top:-29px;left:calc(50% - 120px)}.system-story__group--carabiner{top:180px}.system-story__group--press{top:444px}.system-story__caption{font-size:1rem}.system-story__items{grid-template-columns:repeat(3,96px);gap:8px 14px}.system-story__group--press .system-story__items{grid-template-columns:repeat(2,96px)}}@media (width>=1024px){.system-story__stage{gap:1rem;padding-block:4rem}.system-story__eyebrow{font-size:1rem}.system-story__composition{transform-origin:50%;grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr);align-items:center;width:min(100%,1120px);height:480px;display:grid}.system-story__bag{grid-area:1/2;width:340px;position:static}.system-story__group{grid-row:1;gap:12px;position:static}.system-story__group--carabiner{grid-column:1}.system-story__group--press{grid-column:3}.system-story__caption{font-size:1rem}.system-story__items{grid-template-columns:repeat(2,112px);gap:12px 20px}.system-story__group--press .system-story__items{grid-template-columns:140px;gap:20px}}@media (width>=1024px) and (height<=780px){.system-story__composition{height:440px}.system-story__items{grid-template-columns:repeat(2,104px)}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){@media (width>=1024px) and (height>=720px),(width<=1023px) and (height>=800px) and (orientation:portrait){.system-story:not([data-static=true]){height:180svh}.system-story:not([data-static=true]) .system-story__stage{height:100svh;padding-top:5rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);gap:.75rem;position:sticky;top:0}.system-story:not([data-static=true]) .system-story__viewport{overflow:hidden}@media (width>=1024px){.system-story:not([data-static=true]){height:200svh}.system-story:not([data-static=true]) .system-story__stage{padding-bottom:2rem}}}}