.scrolly{position:relative;background:radial-gradient(80% 60% at 90% 0%,rgba(95,174,104,.1) 0%,transparent 55%),radial-gradient(60% 50% at 4% 100%,rgba(18,48,44,.05) 0%,transparent 60%)}@media(min-width:901px){.scrolly--ready{height:calc(var(--scrolly-steps, 4) * var(--scrolly-step-length, 90vh) + 100vh)}.scrolly--ready .scrolly__stage{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));display:flex;align-items:center;overflow:hidden}}.scrolly__stage{padding-block:var(--space-8);width:100%}@media(min-width:901px){.scrolly--ready .scrolly__stage{padding-block:0}}.scrolly__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-8);align-items:center;width:100%}.scrolly__visuals{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(150deg,#0b211e,#12302c 48%,#17362f);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-lg);height:min(560px,68vh);min-height:380px}.scrolly__glow{position:absolute;width:130%;height:130%;top:-15%;left:-15%;background:radial-gradient(38% 32% at 32% 30%,rgba(95,174,104,.28) 0%,transparent 70%),radial-gradient(30% 26% at 74% 72%,rgba(95,174,104,.16) 0%,transparent 70%);animation:scrollyGlowDrift 12s ease-in-out infinite alternate;pointer-events:none}@keyframes scrollyGlowDrift{0%{transform:translate3d(-2%,-2%,0) scale(1)}to{transform:translate3d(3%,4%,0) scale(1.06)}}.scrolly__visuals:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(75% 75% at 50% 50%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(75% 75% at 50% 50%,#000 30%,transparent 100%);pointer-events:none}.scrolly__visual{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;will-change:transform,opacity}.scrolly__visual.is-active{opacity:1}.scrolly__visual img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scrolly__scene{position:relative;display:grid;place-items:center;width:100%;height:100%}.scrolly__orb{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#5fae6859,#5fae6800 68%)}.scrolly__icon-chip{position:relative;z-index:1;width:104px;height:104px;border-radius:28px;display:grid;place-items:center;background:#ffffff12;border:1px solid rgba(95,174,104,.4);box-shadow:inset 0 1px #ffffff1f,0 0 44px #5fae6847;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scrolly__icon-chip .icon{width:46px;height:46px;color:var(--color-accent)}.scrolly__dot{position:absolute;border-radius:50%;background:var(--color-accent);opacity:.5;animation:scrollyDotFloat 7s ease-in-out infinite}.scrolly__dot--1{width:10px;height:10px;top:24%;left:26%}.scrolly__dot--2{width:7px;height:7px;top:68%;left:30%;animation-delay:-2.2s}.scrolly__dot--3{width:8px;height:8px;top:30%;left:72%;animation-delay:-4.4s}.scrolly__dot--4{width:5px;height:5px;top:64%;left:70%;animation-delay:-1.2s;opacity:.35}@keyframes scrollyDotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.scrolly__visual-caption{position:absolute;left:var(--space-5);bottom:var(--space-5);z-index:2;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#ffffff17;border:1px solid rgba(255,255,255,.14);color:#ffffffd9;font-size:.8125rem;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scrolly__visual-caption:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.scrolly__header{margin-bottom:var(--space-6)}.scrolly__header .h2{margin-bottom:var(--space-3)}.scrolly__header .lead{margin:0;max-width:46ch}.scrolly__list{position:relative;list-style:none;margin:0;padding:0}.scrolly__rail{position:absolute;left:21px;top:28px;bottom:28px;width:2px;border-radius:var(--radius-full);background:var(--color-border);display:none}.scrolly--ready .scrolly__rail{display:block}.scrolly__rail-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,var(--color-accent),var(--color-accent-dark));transform:scaleY(0);transform-origin:top center;box-shadow:0 0 12px #5fae6880}.scrolly__step{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:var(--space-4);align-items:start;padding-block:var(--space-4)}.scrolly--ready .scrolly__step{opacity:.35;transform:translateY(2px);transition:opacity .45s var(--ease-standard),transform .45s var(--ease-standard)}.scrolly--ready .scrolly__step.is-done{opacity:.55}.scrolly--ready .scrolly__step.is-active{opacity:1;transform:none}.scrolly__num{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-family:var(--font-heading);font-weight:800;font-size:1rem;color:var(--color-primary);cursor:pointer;transition:background-color .4s var(--ease-standard),border-color .4s var(--ease-standard),box-shadow .4s var(--ease-standard),transform .2s var(--ease-standard)}.scrolly__num:hover{transform:scale(1.08)}.scrolly--ready .scrolly__step.is-active .scrolly__num{background:var(--color-accent);border-color:var(--color-accent-dark);color:var(--color-primary-dark);box-shadow:0 0 0 6px #5fae6829,0 0 26px #5fae6873}.scrolly--ready .scrolly__step.is-done .scrolly__num{background:var(--color-accent);border-color:var(--color-accent-dark);color:var(--color-primary-dark);box-shadow:none}.scrolly__step-title{font-size:1.125rem;margin:0 0 var(--space-2);padding-top:8px}.scrolly__step-text{font-size:.9375rem;color:var(--color-text-muted);margin:0;max-width:44ch}.scrolly__cta{margin-top:var(--space-6);padding-left:calc(44px + var(--space-4))}@media(max-width:900px){.scrolly__grid{grid-template-columns:1fr;gap:var(--space-6)}.scrolly__visuals{height:38vh;min-height:260px}.scrolly__cta{padding-left:0}}@media(prefers-reduced-motion:reduce){.scrolly--ready{height:auto!important}.scrolly--ready .scrolly__stage,.scrolly--ready .scrolly__visuals{position:static!important;height:auto!important}.scrolly--ready .scrolly__visuals{height:320px!important}.scrolly--ready .scrolly__step{opacity:1!important;transform:none!important}.scrolly__visual{display:none}.scrolly__visual:first-child{display:grid;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/scrolly-steps.css.map */