shopal-canyon.sc{position:relative;display:block;height:calc(100svh - var(--header-height,0px));min-height:480px;overflow:hidden;isolation:isolate;background:#fff;--sc-phase:0;--sc-enter:1;--sc-zoom:.42;--sc-angle:0deg;--sc-rise:0px;--sc-pan:0deg;--sc-scroll:0}.sc *{box-sizing:border-box}.sc__gold{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 66%,#f5e5b9,#dac087 26%,#b29158 58%,#72532e);opacity:var(--sc-phase);z-index:0}.sc__cliffs{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;width:104%;height:104%;object-fit:fill;z-index:1;pointer-events:none;transform:scale(calc(1 + var(--sc-phase)*.065 + var(--sc-scroll)*.08));filter:grayscale(calc(1 - var(--sc-phase))) brightness(calc(.9 + var(--sc-phase)*.13)) sepia(calc(var(--sc-phase)*.3));will-change:transform;max-width:none}.sc__loader{position:absolute;z-index:5;top:11%;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:20px;opacity:calc(1 - var(--sc-phase));pointer-events:none}.sc__loader img{display:block;width:46px;height:46px;object-fit:contain}.sc__track{width:150px;height:3px;background:#d9d9d9;overflow:hidden}.sc__track i{display:block;width:100%;height:100%;background:#171717;transform-origin:left;transform:scaleX(var(--sc-load,0))}.sc.is-running .sc__loader{display:flex}.sc__word{position:absolute;z-index:2;left:4%;top:22%;width:92%;height:auto;object-fit:contain;opacity:var(--sc-phase);transform:translateY(calc((1 - var(--sc-phase))*32px));pointer-events:none}.sc__object{position:absolute;z-index:4;left:50%;top:58%;width:clamp(220px,35vw,550px);aspect-ratio:1;transform:translate(-50%,-50%) translateY(var(--sc-rise)) scale(var(--sc-zoom)) rotate(var(--sc-angle));opacity:var(--sc-enter);will-change:transform;perspective:1100px}.sc__float{width:100%;height:100%;transform:rotateY(var(--sc-pan));transform-style:preserve-3d}.sc__product-link{display:block;width:100%;height:100%;outline-offset:6px}.sc__product-link:focus-visible{outline:2px solid #ebc976}.sc__bracelet{width:100%;height:100%;object-fit:contain;display:block;filter:grayscale(calc(1 - var(--sc-phase))) sepia(calc(var(--sc-phase)*.22)) drop-shadow(0 22px 20px #1b100f1a)}.sc.is-settled.is-visible .sc__bracelet{animation:sc-hover 6s ease-in-out infinite}@keyframes sc-hover{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-7px) rotate(.6deg)}}@media(max-width:749px){shopal-canyon.sc{min-height:460px;max-height:900px}.sc__cliffs{left:-20%;width:140%;object-fit:fill}.sc__word{top:27%;left:3%;width:94%}.sc__object{top:57%;width:70vw;max-width:420px}.sc__loader{top:14%;gap:15px}.sc__loader img{width:38px;height:38px}.sc__track{width:115px;height:2px}}@media(prefers-reduced-motion:reduce){.sc__bracelet{animation:none!important}.sc__cliffs,.sc__object{will-change:auto}}@media(prefers-reduced-motion:reduce){shopal-canyon.sc{--sc-phase:1;--sc-enter:1;--sc-zoom:1}}.shopal-canyon-section.has-scroll-intro{position:relative;height:300svh}.shopal-canyon-section.has-scroll-intro>shopal-canyon.sc{position:sticky;top:0;height:100svh;max-height:none;min-height:0}.sc__word{filter:saturate(.48) brightness(1.12)}.sc.is-settled.is-visible .sc__bracelet{animation:none}@media(prefers-reduced-motion:reduce){.shopal-canyon-section.has-scroll-intro{height:auto}}.sc__cliffs--left{clip-path:inset(0 50% 0 0);transform:translate(var(--sc-gate,0vw)) scale(calc(1 + var(--sc-phase)*.065))}.sc__cliffs--right{clip-path:inset(0 0 0 50%);transform:translate(calc(-1 * var(--sc-gate,0vw))) scale(calc(1 + var(--sc-phase)*.065))}.shopal-canyon-section,.shopal-categories-section{width:100%;max-width:none;margin:0;padding:0}shopal-canyon.sc{width:100%;max-width:none}.sc__cliffs--left,.sc__cliffs--right{transform:scale(var(--sc-rock-zoom,1.04));transform-origin:50% 50%}.sc__cliffs{top:-2%;right:-2%;bottom:-2%;left:-2%;width:104%;height:104%}.sc__gold{background:radial-gradient(ellipse at 50% 60%,#eedcaf,#ceb17a 34%,#aa884f 70%,#77572f)}@media(max-width:749px){.sc__cliffs{top:-2%;right:-2%;bottom:-2%;left:-2%;width:104%;height:104%}.sc__object{width:min(76vw,420px)}.sc__word{left:4%;width:92%}}.shopal-canyon-section.has-scroll-intro{height:400svh;z-index:1}.shopal-canyon-section.has-scroll-intro+.shopal-categories-section{position:relative;z-index:2;margin-top:-100svh}.shopal-canyon-section.has-scroll-intro{height:600svh}.shopal-canyon-section.has-scroll-intro+.shopal-categories-section{margin-top:-300svh}.sc__top-light{position:absolute;top:0;left:0;right:0;height:24%;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#ffffff61,#ffffff29 36%,#fff0)}
/*# sourceMappingURL=/cdn/shop/t/31/assets/shopal-canyon.css.map */