.sa-section{--sa-font-eyebrow: -apple-system, "SF Pro Text", "Helvetica Neue", sans-serif;--sa-font-heading: -apple-system, "SF Pro Display", "Helvetica Neue", sans-serif;--sa-color-text: #f5f5f7;--sa-color-eyebrow: rgba(245, 245, 247, .65);--sa-color-cta-bg: #f5f5f7;--sa-color-cta-text: #1d1d1f;--sa-color-cta-hover-bg: #e0e0e2;--sa-progress-color: rgba(255, 255, 255, .85);--sa-progress-track: rgba(255, 255, 255, .15);--sa-anim-ease: cubic-bezier(.25, .46, .45, .94)}.sa-section{position:relative;width:100%}.sa-sticky{position:sticky;top:0;width:100%;height:100vh;overflow:hidden;background:#000}.sa-canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sa-tint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.sa-copy{position:absolute;z-index:2;padding:48px;max-width:640px}.sa-copy--center{top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:100%;padding:0 24px}.sa-copy--bottom-center{bottom:0;left:50%;transform:translate(-50%);text-align:center;max-width:760px;padding:0 24px 72px}.sa-copy--bottom-left{bottom:0;left:0;text-align:left}.sa-copy--top-left{top:0;left:0;text-align:left}.sa-copy--top-center{top:0;left:50%;transform:translate(-50%);text-align:center;max-width:760px;padding:72px 24px 0}.sa-eyebrow{font-family:var(--sa-font-eyebrow);font-size:clamp(11px,1.2vw,14px);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sa-color-eyebrow);margin:0 0 12px}.sa-heading{font-family:var(--sa-font-heading);font-size:clamp(2rem,5.5vw,5rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--sa-color-text);margin:0 0 20px}.sa-subheading{font-family:var(--sa-font-eyebrow);font-size:clamp(1rem,2vw,1.35rem);font-weight:400;line-height:1.55;color:var(--sa-color-eyebrow);margin:0 0 32px;max-width:520px}.sa-copy--center .sa-subheading,.sa-copy--bottom-center .sa-subheading,.sa-copy--top-center .sa-subheading{margin-left:auto;margin-right:auto}.sa-cta-wrap{display:flex;gap:12px;flex-wrap:wrap}.sa-copy--center .sa-cta-wrap,.sa-copy--bottom-center .sa-cta-wrap,.sa-copy--top-center .sa-cta-wrap{justify-content:center}.sa-cta{display:inline-flex;align-items:center;gap:6px;padding:13px 28px;border-radius:980px;font-family:var(--sa-font-eyebrow);font-size:15px;font-weight:500;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease;background:var(--sa-color-cta-bg);color:var(--sa-color-cta-text);border:none}.sa-cta:hover{background:var(--sa-color-cta-hover-bg);transform:scale(.98)}.sa-cta--outline{background:transparent;color:var(--sa-color-text);border:1.5px solid rgba(245,245,247,.55)}.sa-cta--outline:hover{background:#ffffff14;border-color:#f5f5f7cc}.sa-anim{opacity:0;transform:translateY(18px);transition:opacity .75s var(--sa-anim-ease),transform .75s var(--sa-anim-ease)}.sa-section.sa--text-visible .sa-anim{opacity:1;transform:translateY(0)}.sa-progress{position:absolute;bottom:0;left:0;right:0;z-index:3;height:2px;background:var(--sa-progress-track)}.sa-progress__fill{height:100%;width:0%;background:var(--sa-progress-color);transition:width .06s linear;will-change:width}.sa-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .5s ease}.sa-loader.sa--hidden{opacity:0;pointer-events:none}.sa-loader__ring{width:36px;height:36px;border:2px solid rgba(255,255,255,.15);border-top-color:#fffc;border-radius:50%;animation:sa-spin .85s linear infinite}.sa-loader__label{font-family:var(--sa-font-eyebrow);font-size:13px;color:#ffffff73;margin:0;letter-spacing:.04em}@keyframes sa-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sa-anim{transition:none}.sa-loader__ring{animation:none;border-color:#ffffff80}.sa-progress__fill{transition:none}}@media screen and (max-width:749px){.sa-copy{padding:0 20px 56px;max-width:100%}.sa-copy--bottom-center,.sa-copy--top-center{width:100%;left:0;transform:none}.sa-copy--bottom-left,.sa-copy--top-left{padding:0 20px 56px}.sa-heading{letter-spacing:-.025em}.sa-cta{padding:12px 24px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/scroll-animation.css.map */