:root{--skh-bg: #e8e4df;--skh-text: #F5F4F2;--skh-text-muted: rgba(245, 244, 242, .6);--skh-font-display: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--skh-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--skh-ease: cubic-bezier(.16, 1, .3, 1);--skh-desktop-height: 360vh;--skh-mobile-height: 300vh}.skh{position:relative;width:100%;height:var(--skh-desktop-height);background:var(--skh-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.section-scroll-keyframe-hero{margin:0;padding:0}.skh__viewport{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--skh-bg)}.skh__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.skh[data-object-fit=contain] .skh__canvas{object-fit:contain}.skh__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .4s ease}.skh[data-object-fit=contain] .skh__poster{object-fit:contain}.skh--canvas-ready .skh__poster{opacity:0;pointer-events:none}.skh__video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;z-index:-1}.skh__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding:0 clamp(24px,5vw,80px) clamp(48px,8vh,120px)}.skh__content{text-align:center;max-width:680px;pointer-events:auto}.skh__heading{font-family:var(--skh-font-display);font-weight:900;font-size:clamp(28px,5vw,56px);line-height:1.05;letter-spacing:-.02em;color:var(--skh-text);margin:0 0 16px;text-transform:uppercase}.skh__subheading{font-family:var(--skh-font-body);font-weight:400;font-size:clamp(14px,1.5vw,18px);line-height:1.55;color:var(--skh-text-muted);max-width:520px;margin:0 auto 32px}.skh__cta{display:inline-block;font-family:var(--skh-font-body);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--skh-bg);background:var(--skh-text);padding:14px 40px;border-radius:4px;text-decoration:none;transition:opacity .25s var(--skh-ease),transform .25s var(--skh-ease);pointer-events:auto}.skh__cta:hover{opacity:.88;transform:translateY(-1px)}.skh__cta:active{transform:translateY(0)}.skh__callout{position:absolute;pointer-events:none;opacity:0;transform:translateY(12px);transition:opacity .35s var(--skh-ease),transform .35s var(--skh-ease);will-change:opacity,transform;max-width:280px;padding:16px}.skh__callout--visible{opacity:1;transform:translateY(0);pointer-events:auto}.skh__callout--left{left:clamp(24px,5vw,80px);right:auto}.skh__callout--center{left:50%;transform:translate(-50%) translateY(12px)}.skh__callout--center.skh__callout--visible{transform:translate(-50%) translateY(0)}.skh__callout--right{right:clamp(24px,5vw,80px);left:auto}.skh__callout--top{top:clamp(24px,5vh,80px);bottom:auto}.skh__callout--middle{top:50%}.skh__callout--middle:not(.skh__callout--center){transform:translateY(calc(-50% + 12px))}.skh__callout--middle.skh__callout--visible:not(.skh__callout--center){transform:translateY(-50%)}.skh__callout--bottom{bottom:clamp(80px,12vh,160px);top:auto}.skh__callout-label{display:block;font-family:var(--skh-font-display);font-weight:800;font-size:clamp(14px,1.8vw,22px);letter-spacing:.04em;text-transform:uppercase;color:var(--skh-text);margin-bottom:6px}.skh__callout-desc{font-family:var(--skh-font-body);font-weight:400;font-size:clamp(12px,1.2vw,15px);line-height:1.5;color:var(--skh-text-muted);margin:0}.skh__progress-track{display:none}.skh__progress-bar{height:100%;width:0%;background:var(--skh-text);border-radius:1px;will-change:width}.skh__static-fallback{position:relative;width:100%;height:100vh}.skh__static-fallback img{width:100%;height:100%;object-fit:contain}@media(prefers-reduced-motion:reduce){.skh{height:auto!important}.skh__viewport{position:relative!important}.skh__poster{opacity:1!important;position:relative}.skh__canvas,.skh__progress-track{display:none!important}.skh__callout{position:relative;opacity:1;transform:none;max-width:100%;padding:12px 0}.skh__overlay{position:relative;flex-direction:column;align-items:center;padding:48px 24px}}@media(max-width:768px){.skh{height:var(--skh-mobile-height)}.skh__callout--desktop-only{display:none!important}.skh__callout{max-width:200px;padding:12px}.skh__callout-label{font-size:13px}.skh__callout-desc{font-size:11px}.skh__overlay{padding:0 20px 40px}.skh__progress-track{bottom:16px}.skh[data-enable-mobile-scrub=false]{height:auto!important}.skh[data-enable-mobile-scrub=false] .skh__canvas,.skh[data-enable-mobile-scrub=false] .skh__progress-track{display:none}.skh[data-enable-mobile-scrub=false] .skh__poster{opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/1246/assets/scroll-keyframe-hero.css.map */