.sn-sci-toggle{position:fixed;z-index:9999;right:var(--sn-space-md);bottom:var(--sn-space-md);display:inline-flex;align-items:center;gap:var(--sn-space-2xs);padding:var(--sn-space-2xs) var(--sn-space-xs) var(--sn-space-2xs) var(--sn-space-sm);background-color:var(--sn-color-eerie-black);color:var(--sn-color-white);border-radius:var(--sn-radius-pill);box-shadow:var(--sn-elevation-5);font-family:var(--sn-font-body);font-size:12px;line-height:1}.sn-sci-toggle__label{font-size:10px;font-weight:600;letter-spacing:.08em;opacity:.6;padding-right:var(--sn-space-2xs)}.sn-sci-toggle__btn{min-height:30px;padding:0 var(--sn-space-sm);border:0;border-radius:var(--sn-radius-pill);background-color:transparent;color:var(--sn-color-white);font:inherit;font-weight:600;cursor:pointer}.sn-sci-toggle__btn.is-on{background-color:var(--sn-cta-default);color:var(--sn-cta-label)}.sn-sci-toggle__btn:focus-visible{outline:2px solid var(--sn-color-white);outline-offset:2px}.sn-sci-demo{background-color:var(--sn-color-bg-page);padding:var(--sn-section-block-mobile) var(--sn-page-margin);border-top:1px dashed var(--sn-color-border-strong)}@media(min-width:1024px){.sn-sci-demo{padding:var(--sn-section-block) var(--sn-page-margin-lg)}}.sn-sci-demo__intro{max-width:var(--sn-content-max);margin:0 auto var(--sn-space-2xl) auto}.sn-sci-demo__badge{display:inline-block;font-family:var(--sn-font-body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sn-cta-label);background-color:var(--sn-cta-default);border-radius:var(--sn-radius-pill);padding:var(--sn-space-2xs) var(--sn-space-sm);margin:0 0 var(--sn-space-md) 0}.sn-sci-demo__heading{margin:0 0 var(--sn-space-sm) 0}.sn-sci-demo__note{font-family:var(--sn-font-body);font-size:var(--sn-type-body-lg-size-mobile);line-height:var(--sn-type-body-lg-line);color:var(--sn-color-text-secondary);margin:0;max-width:60ch}.sn-sci-demo__hint{display:none}.sn-sci-demo__scroller{max-width:var(--sn-content-max);margin:0 auto}.sn-sci-demo__frame{position:relative}.sn-sci-demo__scene{display:grid;gap:var(--sn-space-2xl);justify-items:center}.scd-beat{position:relative;display:grid;place-items:center;width:100%}.scd-media{width:min(72%,320px);aspect-ratio:1 / 1}.scd-img{object-fit:contain;display:block;height:auto}.scd-ph{display:grid;place-content:center;gap:var(--sn-space-2xs);text-align:center;border:1px dashed var(--sn-color-border-strong);border-radius:var(--sn-radius);background-color:var(--sn-color-bg-surface)}.scd-ph__tag{font-family:var(--sn-font-body);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sn-color-text-muted)}.scd-ph__label{font-family:var(--sn-font-heading);font-size:15px;font-weight:600;color:var(--sn-color-text-primary)}.scd-ripple{position:absolute;left:50%;top:50%;width:40%;aspect-ratio:1 / 1;margin:0;transform:translate(-50%,-50%);border:2px solid var(--sn-color-pumpkin);border-radius:50%;opacity:0;pointer-events:none}.sn-sci-demo__captions{display:grid;gap:var(--sn-space-lg);margin-top:var(--sn-space-2xl);padding-top:var(--sn-space-lg);border-top:1px solid var(--sn-color-border-default)}.sn-sci-demo__caption-num{display:inline-block;font-family:var(--sn-font-body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sn-color-text-brand);margin-bottom:var(--sn-space-2xs)}.sn-sci-demo__caption-title{font-family:var(--sn-font-heading);font-weight:600;font-size:22px;line-height:var(--sn-type-h3-line);color:var(--sn-color-text-primary);margin:0 0 var(--sn-space-2xs) 0}.sn-sci-demo__caption-text{font-family:var(--sn-font-body);font-size:15px;line-height:var(--sn-type-body-line);color:var(--sn-color-text-secondary);margin:0;max-width:46ch}.sn-sci-demo__hud{display:none}@media(min-width:1024px)and (prefers-reduced-motion:no-preference){.sn-scrolly-ready .sn-sci-demo__hint{display:block;font-family:var(--sn-font-body);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sn-color-text-muted);margin:var(--sn-space-md) 0 0 0}.sn-scrolly-ready .sn-sci-demo__scroller{height:calc(var(--sci-beats, 5) * 100svh);max-width:none}.sn-scrolly-ready .sn-sci-demo__stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;box-sizing:border-box}.sn-scrolly-ready .sn-sci-demo__frame{position:relative;width:min(100%,82svh);aspect-ratio:1 / 1;margin:0 auto}.sn-scrolly-ready .sn-sci-demo__scene{position:absolute;top:0;right:0;bottom:0;left:0;display:block;gap:0;transform-origin:center;transform:scale(calc(1 + .06 * var(--p, 0)))}.sn-scrolly-ready .scd-beat{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transform-origin:center;opacity:0;transition:opacity .62s var(--sn-ease-out);will-change:opacity,transform}.sn-scrolly-ready .scd-beat.is-active{opacity:1}.sn-scrolly-ready .scd-media{width:72%;height:72%;aspect-ratio:auto;transform-origin:center;will-change:transform}.sn-scrolly-ready .scd-img{width:100%;height:100%}.sn-scrolly-ready .scd-beat.is-active .scd-media{animation:scd-kenburns 16s var(--sn-ease-standard) infinite alternate}.sn-scrolly-ready .scd-beat--0{transform:rotate(calc((1 - var(--pb, 0)) * 6deg)) scale(calc(.24 + .82 * var(--pb, 0)))}.sn-scrolly-ready .scd-beat--1{transform:rotate(calc((1 - var(--pb, 0)) * -4deg)) scale(calc(.86 + .2 * var(--pb, 0)))}.sn-scrolly-ready .scd-beat--2{transform:translate(calc((1 - var(--pb, 0)) * 14%)) scale(calc(.82 + .18 * var(--pb, 0)))}.sn-scrolly-ready .scd-beat--3{transform:scale(calc(.98 + .07 * var(--pb, 0)))}.sn-scrolly-ready .scd-beat--4{transform:scale(calc(1.24 - .24 * var(--pb, 0))) translateY(calc((1 - var(--pb, 0)) * -2%))}.sn-scrolly-ready .scd-beat--3.is-active .scd-ripple{animation:scd-ripple 2.2s var(--sn-ease-out) infinite}.sn-scrolly-ready .scd-beat--3.is-active .scd-ripple--2{animation-delay:.73s}.sn-scrolly-ready .scd-beat--3.is-active .scd-ripple--3{animation-delay:1.46s}.sn-scrolly-ready .sn-sci-demo__captions{position:absolute;left:0;right:0;bottom:0;display:block;margin:0;padding:0;border-top:0;pointer-events:none}.sn-scrolly-ready .sn-sci-demo__caption{position:absolute;left:0;bottom:0;max-width:34ch;opacity:0;transform:translateY(8px);transition:opacity var(--sn-duration-base) var(--sn-ease-out),transform var(--sn-duration-base) var(--sn-ease-out)}.sn-scrolly-ready .sn-sci-demo__caption.is-active{opacity:1;transform:none}.sn-scrolly-ready .sn-sci-demo__hud{display:flex;align-items:center;gap:var(--sn-space-sm);position:absolute;left:0;right:0;top:0}.sn-sci-demo__count{font-family:var(--sn-font-body);font-size:12px;font-weight:600;color:var(--sn-color-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.sn-sci-demo__rail{position:relative;flex:1 1 auto;height:3px;border-radius:var(--sn-radius-pill);background-color:var(--sn-color-border-default);overflow:hidden}.sn-sci-demo__rail-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(var(--p, 0));background-color:var(--sn-color-pumpkin);border-radius:var(--sn-radius-pill)}}@keyframes scd-ripple{0%{opacity:.6;transform:translate(-50%,-50%) scale(.35)}to{opacity:0;transform:translate(-50%,-50%) scale(2.8)}}@keyframes scd-kenburns{0%{transform:scale(1.03) translate(-1%,.6%)}to{transform:scale(1.09) translate(1%,-.6%)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-sn-science-scrolly-demo.css.map */