.zh{--zh-ink:#0d1b2a;--x:0;--y:0;background:var(--zh-bg);color:var(--zh-ink);transition:background-color .35s ease;overflow:clip}.zh-hero{position:relative;height:clamp(520px,calc(100svh - 180px),860px);overflow:hidden;touch-action:pan-y;outline:none;perspective:1200px}.zh-item{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none}.zh-item.is-on{visibility:visible;pointer-events:auto}.zh-fig{position:absolute;left:50%;top:47%;width:min(46vh,62vw);aspect-ratio:1;z-index:4;transform:translate(-50%,-50%) translate3d(calc(var(--x)*-26px),calc(var(--y)*-18px),0) rotateY(calc(var(--x)*16deg)) rotateX(calc(var(--y)*-12deg));transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}.zh-float{width:100%;height:100%;animation:zhf 5s ease-in-out infinite}@keyframes zhf{50%{transform:translateY(-14px) rotate(-1.5deg)}}.zh-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 26px 30px rgba(0,0,0,.22));opacity:0;transform:scale(.86) translate(60px);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.9,.2,1)}.zh-img[data-cut=false]{mix-blend-mode:multiply;filter:none;border-radius:24px}.zh-shadow{position:absolute;left:18%;right:18%;bottom:2%;height:7%;border-radius:50%;background:radial-gradient(rgba(0,0,0,.28),transparent 70%);animation:zhs 5s ease-in-out infinite;z-index:-1}@keyframes zhs{50%{transform:scale(.85);opacity:.6}}.zh-item.is-on .zh-img{opacity:1;transform:none}.zh.back .zh-img{transform:scale(.86) translate(-60px)}.zh.back .zh-item.is-on .zh-img{transform:none}.zh-title{position:absolute;left:3.5vw;bottom:3vh;margin:0;font-weight:900;font-size:clamp(64px,14vw,240px);line-height:.85;color:#fff;text-transform:uppercase;letter-spacing:-.02em;z-index:3;white-space:nowrap;transform:translate3d(calc(var(--x)*30px),110%,0);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.2,1),opacity .2s}.zh-item.is-on .zh-title{transform:translate3d(calc(var(--x)*30px),0,0);opacity:1}.zh-side{position:absolute;z-index:6;max-width:250px;font-size:14px;line-height:1.5;top:9%;opacity:0;transition:opacity .25s}.zh-item.is-on .zh-side{opacity:1}.zh-l{left:4vw}.zh-r{right:4vw;text-align:right}.zh-side b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;opacity:.7}.zh-price{font-weight:900;font-size:40px;margin:6px 0 14px}.zh-btn{display:inline-block;background:var(--zh-ink);color:#fff!important;padding:14px 26px;border-radius:999px;text-decoration:none!important;font-weight:800;transition:transform .2s}.zh-btn:hover{transform:scale(1.06)}.zh-nav{position:absolute;right:4vw;bottom:5vh;z-index:7;display:flex;gap:12px;align-items:center}.zh-nav button{width:56px;height:56px;border-radius:50%;border:2px solid var(--zh-ink);background:transparent;font-size:22px;cursor:pointer;color:var(--zh-ink);transition:.15s}.zh-nav button:hover{background:var(--zh-ink);color:#fff}.zh-count{font-weight:800;font-size:13px;margin-right:10px}.zh-bar{position:absolute;left:0;bottom:0;height:4px;background:var(--zh-ink);z-index:8;width:0}.zh-bar.run{width:100%;transition:width 5s linear}.zh-h2{font-weight:900;font-size:clamp(44px,7vw,110px);line-height:.9;text-transform:uppercase;margin:0;color:inherit}.zh-art{height:220vh;background:var(--zh-ink);color:#fff;position:relative}.zh-pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}.zh-video{position:absolute;right:4vw;top:50%;height:78vh;max-width:58vw;aspect-ratio:9/16;object-fit:cover;border-radius:28px;transform:translateY(calc(-50% + var(--p,0)*-60px)) scale(calc(.92 + var(--p,0)*.08));background:#1b2a3a}.zh-txt{position:relative;z-index:2;padding:0 6vw;max-width:620px}.zh-steps p{font-size:20px;margin:18px 0 0;opacity:.25;transition:.4s;font-weight:600}.zh-steps p.on{opacity:1}.zh-sec{padding:12vh 6vw}.zh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw;margin-top:7vh}.zh-stat{border-top:3px solid currentColor;padding-top:20px}.zh-n{font-weight:900;font-size:clamp(56px,8vw,130px);line-height:1}.zh-stat p{font-weight:600;margin:8px 0 0}.zh-panels{display:flex;gap:14px;height:56vh;margin-top:6vh}.zh-panel{flex:1;border-radius:28px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;transition:flex .5s cubic-bezier(.2,.9,.2,1);overflow:hidden;position:relative;color:var(--zh-ink)}.zh-panel:nth-child(1){background:#ffd23f}.zh-panel:nth-child(2){background:#ff7aa8}.zh-panel:nth-child(3){background:#9be15d}.zh-panel:hover{flex:2.6}.zh-num{position:absolute;top:24px;left:34px;font-weight:900;font-size:80px;opacity:.25}.zh-panel h3{font-weight:900;font-size:clamp(36px,4.5vw,64px);text-transform:uppercase;margin:0;color:inherit}.zh-panel p{max-width:380px;max-height:0;opacity:0;transition:.4s;font-size:17px;line-height:1.5;margin:0}.zh-panel:hover p{max-height:200px;opacity:1;margin-top:12px}.zh-warn{margin:6vh 0 0;font-weight:600;font-size:14px}@media(max-width:760px){.zh-hero{height:clamp(500px,calc(100svh - 150px),760px)}.zh-fig{top:43%}.zh-l{max-width:72vw;top:5%}.zh-l p{display:none}.zh-r{top:auto;bottom:3vh;right:5vw;display:flex;align-items:center;gap:12px}.zh-r b{display:none}.zh-price{font-size:24px;margin:0}.zh-title{bottom:13vh;font-size:clamp(52px,17vw,110px)}.zh-nav{bottom:3vh;left:4vw;right:auto}.zh-count{display:none}.zh-nav button{width:46px;height:46px}.zh-art{height:auto}.zh-pin{position:relative;height:auto;flex-direction:column;align-items:flex-start;padding:10vh 0 6vh}.zh-video{position:relative;right:auto;top:auto;transform:none;height:62vh;max-width:none;margin:5vh 6vw 0;width:calc(100% - 12vw)}.zh-steps p{opacity:1}.zh-stats{grid-template-columns:1fr}.zh-panels{flex-direction:column;height:auto}.zh-panel{min-height:150px}.zh-num{display:none}.zh-panel p{max-height:200px;opacity:1;margin-top:10px}}@media(prefers-reduced-motion:reduce){.zh-float,.zh-shadow{animation:none}.zh-fig{transform:translate(-50%,-50%)}.zh *{transition-duration:.01ms!important}}.zh-title{left:50%;top:47%;bottom:auto;z-index:2;font-size:clamp(70px,19vw,330px);letter-spacing:-.04em;line-height:.8;color:#ffffffeb;pointer-events:none;transform:translate(-50%,-50%) translate3d(calc(var(--x)*40px),0,0);clip-path:inset(0 100% 0 0);opacity:1;transition:clip-path .45s cubic-bezier(.7,0,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}.zh-item.is-on .zh-title{transform:translate(-50%,-50%) translate3d(calc(var(--x)*40px),0,0);clip-path:inset(0 0 0 0);animation:zhz 14s ease-in-out infinite alternate}@keyframes zhz{to{scale:1.06}}.zh-item.is-on .zh-fig .zh-img{animation:zhz2 14s ease-in-out infinite alternate}@keyframes zhz2{to{scale:1.04}}.zh-hero{background:var(--zh-bg);transition:background-color .45s ease}@media(max-width:760px){.zh-title{top:43%;font-size:clamp(44px,17vw,150px)}}@media(prefers-reduced-motion:reduce){.zh-item.is-on .zh-title,.zh-item.is-on .zh-img{animation:none}}.zh-title{top:4%;font-size:clamp(64px,12vw,210px);z-index:5;text-shadow:0 6px 30px rgba(0,0,0,.12)}.zh-title,.zh-item.is-on .zh-title{transform:translate(-50%) translate3d(calc(var(--x)*30px),0,0)}.zh-fig{top:60%;width:min(52vh,52vw)}@media(min-width:761px){.zh-side{top:42%}}@media(max-width:760px){.zh-title{top:12%;font-size:clamp(40px,15vw,110px)}.zh-fig{top:56%;width:min(42vh,74vw)}.zh-l{top:4%}.zh-l p{display:none}}.zh-title{top:24%;font-size:min(17vw,25vh);z-index:5}.zh-fig{top:63%;width:min(40vh,50vw)}@media(max-width:760px){.zh-title{top:24%;font-size:min(16vw,15vh)}.zh-fig{top:58%;width:min(70vw,38vh)}}@media(min-width:761px){.zh-title{top:21%;font-size:min(15vw,21vh)}.zh-fig{top:66%;width:min(38vh,48vw)}}@media(min-width:761px){.zh-i-adviento .zh-fig{top:72%;width:min(30vh,38vw)}}.zh-mini{position:absolute;width:34%;height:auto;pointer-events:none;filter:drop-shadow(0 6px 6px rgba(0,0,0,.18))}.zh-m1{left:-46%;top:-2%;transform:rotate(-8deg)}.zh-m2{left:-56%;top:38%}.zh-m3{left:-34%;top:74%;transform:rotate(6deg)}.zh-m4{right:-46%;top:-2%;transform:rotate(8deg)}.zh-m5{right:-56%;top:38%}.zh-m6{right:-34%;top:74%;transform:rotate(-6deg)}@media(max-width:760px){.zh-i-adviento .zh-fig{width:min(46vw,30vh);top:60%}.zh-mini{width:40%}.zh-m1{left:-52%}.zh-m2{left:-62%}.zh-m3{left:-42%}.zh-m4{right:-52%}.zh-m5{right:-62%}.zh-m6{right:-42%}}@media(max-width:760px){.zh-m5{right:-54%}}@media(max-width:760px){.zh-video{margin-bottom:28px}.zh-txt .zh-h2{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/ziggys-hero.css.map */