html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.scroll-dive-container{position:relative;width:100%;background:#fff}.scroll-dive-viewport{position:sticky;top:0;left:0;width:100%;height:100vh;overflow:hidden;perspective:1200px;perspective-origin:50% 50%;background:#fff}body{scroll-snap-type:none}.dive-panel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.dive-image-wrapper{position:relative;width:100%;height:100%;display:block;background:#fff;overflow:hidden;transform-style:preserve-3d;transform-origin:center center}.dive-image-bg{display:none!important}.dive-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transform-origin:center center}.dive-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#666;z-index:2}.placeholder-content{text-align:center}.placeholder-content svg{margin:0 auto 1rem;opacity:.3}.placeholder-content p{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;opacity:.5}.dive-text-overlay{position:absolute;bottom:0;left:0;right:0;padding:4rem 2rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);z-index:10;opacity:0;transition:opacity .6s ease;pointer-events:none}.dive-panel.active .dive-text-overlay{opacity:1}.dive-text{color:#fff;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0;font-family:var(--font-heading-family);text-align:center}.scroll-indicator{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:1000}.scroll-progress{width:3px;height:120px;background:#0000001a;border-radius:10px;position:relative;overflow:hidden}.scroll-progress:after{content:"";position:absolute;top:0;left:0;width:100%;height:0%;background:#000;transition:height .1s linear;border-radius:10px}.scroll-hint{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:.8rem;color:#0009;opacity:1;transition:opacity .8s ease;pointer-events:none}.scroll-hint.hide{opacity:0}.hint-text{font-size:.75rem;text-transform:uppercase;letter-spacing:.25em;font-weight:600}.hint-arrow{animation:bounce 2.5s ease-in-out infinite;opacity:.6}@keyframes bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(12px);opacity:1}}@media (max-width: 768px){.dive-image{object-position:center center}.dive-text{font-size:clamp(1.5rem,4vw,2.5rem)}.dive-text-overlay{padding:2rem 1.5rem}.scroll-indicator{right:1rem}.scroll-progress{height:80px;width:2px}.hint-text{font-size:.7rem}}.dive-image-wrapper,.dive-image{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform:translateZ(0)}.dive-panel{will-change:auto}@media (prefers-reduced-motion: reduce){.dive-image-wrapper{transition:none!important}.hint-arrow{animation:none!important}html{scroll-behavior:auto}}.dive-image-wrapper--clickable{pointer-events:auto!important;cursor:pointer;display:block;text-decoration:none;color:inherit;transition:transform .3s ease}.dive-image-wrapper--clickable .dive-image,.dive-image-wrapper--clickable .dive-image-bg,.dive-click-hint{pointer-events:none}.scroll-dive-container{margin-bottom:0!important;padding-bottom:0!important}.section-scroll-dive{margin:0!important;padding:0!important}.section-scroll-dive+*{margin-top:0!important;padding-top:0!important}.section-scroll-dive:after{display:none}
/*# sourceMappingURL=/cdn/shop/t/1/assets/scroll-dive-hero.css.map */