@property --slide{syntax: "<length>"; inherits: true; initial-value: 0px;}.dzh{--black: var(--ph-ink);--ease: cubic-bezier(.16, 1, .3, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--f-d: "Barlow Condensed", "Arial Narrow", sans-serif;--f-b: "Barlow", "Segoe UI", sans-serif;--f-l: "Barlow Semi Condensed", "Arial Narrow", sans-serif;--bg: #ffffff;--fg: var(--ph-ink);--fg-2: rgba(11, 11, 11, .56);--rule: rgba(11, 11, 11, .12);--rule-2: rgba(11, 11, 11, .2);--b1-bg: var(--ph-ink);--b1-fg: #ffffff;--b2-bg: var(--ph-ink);--b2-fg: #ffffff;--btn-bg: var(--ph-ink);--btn-fg: #ffffff;--btn2-bg: #ffffff;--btn2-fg: var(--ph-ink);--shadow: rgba(11, 11, 11, .24);color:var(--fg);font:400 16px/1.5 var(--f-b);-webkit-font-smoothing:antialiased;letter-spacing:0}:where(.dzh) *,:where(.dzh) *:before,:where(.dzh) *:after{box-sizing:border-box}:where(.dzh) img{display:block;max-width:none;height:auto}:where(.dzh) a{color:inherit}:where(.dzh) button{font:inherit;color:inherit}:where(.dzh) :focus-visible{outline:2px solid var(--fg);outline-offset:3px}.hero{position:relative;overflow:hidden;background:var(--bg);height:calc(100svh - var(--phx-top, 106px));container:dzh / size;isolation:isolate}.hero__stage{position:absolute;top:0;right:0;bottom:0;left:0;--W: 100cqw;--H: 100cqh;--g: clamp(16px, 4.4cqw, 92px);--mh: min(96.5cqh, 50cqw);--mw: calc(var(--mh) * .68895);--ml: calc(52cqw - var(--mw) * .55);--mr: calc(var(--ml) + var(--mw));--fs: min(16.5cqh, calc((var(--ml) + var(--mw) * .07 - var(--g) - 16px) / 4.31), 150px);--gap: clamp(14px, 5cqh, 46px);--btn-h: clamp(40px, 7.2cqh, 60px);--bt: clamp(28px, 6.8cqh, 58px);--sw: min(calc(100cqw - var(--g) - var(--mr) - 24px), 54cqh, 430px);--sx: calc((var(--mr) + 100cqw - var(--g)) / 2 - var(--sw) / 2);--nfs: min(7.8cqh, calc(var(--sw) / 6.8));--tub: 37cqh}.hero__copy{position:absolute;left:var(--g);top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding-top:1cqh;pointer-events:none}.hl{position:relative;z-index:1;margin:0;font:800 var(--fs)/.86 var(--f-d);letter-spacing:-.004em;text-transform:uppercase;color:var(--fg)}.hl__line{display:block;overflow:hidden;white-space:nowrap;padding:.06em .09em .1em;margin:-.06em -.09em -.1em}.hl__in{display:block}.hl__pill{display:inline-block;width:1.34em;height:.67em;margin-left:.02em;border-radius:99em;object-fit:cover;vertical-align:.025em}.cta{position:relative;z-index:6;display:flex;gap:12px;margin-top:var(--gap);pointer-events:auto}.btn{display:inline-flex;align-items:center;gap:calc(var(--btn-h) * .3);height:var(--btn-h);padding:0 calc(var(--btn-h) * .12) 0 calc(var(--btn-h) * .46);border-radius:999px;font:700 calc(var(--btn-h) * .33)/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:transform .35s var(--ease),background-color .3s}.btn--fill{background:var(--btn-bg);color:var(--btn-fg)}.btn--line{background:var(--btn2-bg);color:var(--btn2-fg);box-shadow:inset 0 0 0 2px var(--fg)}.btn__ic{display:grid;place-items:center;width:calc(var(--btn-h) * .76);height:calc(var(--btn-h) * .76);border-radius:50%;transition:transform .45s var(--ease)}.btn--fill .btn__ic{background:var(--btn-fg);color:var(--btn-bg)}.btn--line .btn__ic{background:var(--fg);color:var(--bg)}.btn__ic svg{width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.btn:hover .btn__ic{transform:translate(3px) rotate(-12deg)}.btn:active{transform:scale(.97)}.band{--px: calc(var(--x, 0px) + var(--mx, 0) * 7px);--py: calc(var(--y, 0px) + var(--my, 0) * 5px);position:absolute;left:0;top:0;z-index:2;width:var(--len, 0px);height:var(--bt);transform-origin:0 0;transform:translate(var(--px),var(--py)) rotate(var(--a, 0rad)) translate(var(--slide),calc(var(--bt) / -2));overflow:hidden;pointer-events:none;visibility:hidden}.band.is-laid{visibility:visible}.band--1{--b-bg: var(--b1-bg);--b-fg: var(--b1-fg)}.band--2{--b-bg: var(--b2-bg);--b-fg: var(--b2-fg);z-index:4}.band__body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:var(--b-bg);color:var(--b-fg)}.band__track{display:flex;flex:none;width:max-content;animation:dzh-band-run var(--dur, 60s) linear infinite}.band--2 .band__track{animation-direction:reverse}.band__group{display:flex;flex:none;align-items:center}.band__w{padding:0 calc(var(--bt) * .36);font:italic 800 calc(var(--bt) * .44)/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.band__sep{flex:none;width:calc(var(--bt) * .3);height:calc(var(--bt) * .3);fill:currentColor}@keyframes dzh-band-run{to{transform:translate(-50%)}}.band__win{position:absolute;left:0;top:0;width:var(--W);height:var(--H);transform-origin:0 0;transform:translate(calc(var(--slide) * -1),calc(var(--bt) / 2)) rotate(calc(var(--a, 0rad) * -1)) translate(calc(var(--px) * -1),calc(var(--py) * -1))}.hero__copy--ghost{--k: var(--b-bg)}.hero__copy--ghost .cta{visibility:hidden}.hero__copy--ghost .hl{text-shadow:.045em 0 0 var(--k),-.045em 0 0 var(--k),0 .045em 0 var(--k),0 -.045em 0 var(--k),.032em .032em 0 var(--k),-.032em .032em 0 var(--k),.032em -.032em 0 var(--k),-.032em -.032em 0 var(--k)}.hero__copy--ghost .hl{color:var(--b-fg)}.hero__copy--ghost .hl__pill{box-shadow:0 0 0 .045em var(--k)}.hero__copy--top .hl{z-index:6;visibility:hidden}.hero__copy--top .hl__pill{visibility:visible}.hero__copy--top .cta{visibility:hidden}.model{position:absolute;left:var(--ml);bottom:-6px;z-index:3;width:var(--mw);height:var(--mh);pointer-events:none;transform:translate3d(calc(var(--mx, 0) * -12px),calc(var(--my, 0) * -4px),0)}.model--front{z-index:5;clip-path:polygon(30.84% 63.53%,29.49% 66.18%,27.76% 68.83%,25.74% 71.48%,23.44% 74.12%,21.52% 76.77%,20.17% 79.42%,19.69% 82.06%,19.12% 84.71%,18.54% 87.36%,17.87% 90.01%,17.29% 92.65%,16.52% 95.3%,15.85% 100%,15.85% 130%,130% 130%,130% 63.53%)}.model__in{position:absolute;top:0;right:0;bottom:0;left:0}.man{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .75s var(--ease)}.man.is-prev{opacity:1;z-index:1;transition:none}.man.is-on{opacity:1;z-index:2}.spot{position:absolute;z-index:6;left:var(--sx);width:var(--sw);top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding-top:2cqh;text-align:center;pointer-events:none}.spot__slides,.spot__ctrl{pointer-events:auto}.spot__slides{display:grid;touch-action:pan-y}.slide{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;color:var(--fg);text-decoration:none;visibility:hidden;transition:visibility 0s linear .8s}.slide.is-on{visibility:visible;transition-delay:0s}.slide.is-out{visibility:visible}.slide__name{display:block;font:800 var(--nfs)/.88 var(--f-d);letter-spacing:-.004em;text-transform:uppercase;white-space:nowrap}.slide__mask{display:block;overflow:hidden;padding:.06em .12em .1em;margin:-.06em -.12em -.1em}.slide__nm,.slide__tp{display:block;transform:translate3d(0,115%,0);transition:transform .75s var(--ease)}.slide__type{display:block;margin-top:calc(var(--nfs) * .085);font:700 max(12px,calc(var(--nfs) * .36))/1 var(--f-l);letter-spacing:.16em;text-transform:uppercase;color:var(--acc-ink)}.slide__media{--mww: var(--sw);--mhh: var(--tub);--ih: min(var(--mhh), calc((var(--mww) + 20px) / (var(--ar) * 2 * max(var(--lid), 1 - var(--lid)))));position:relative;display:block;width:100%;height:var(--mhh);margin-top:clamp(10px,3.2cqh,30px);transform:translate3d(calc(var(--mx, 0) * 14px),calc(var(--my, 0) * 9px),0)}.slide__media:after{content:"";position:absolute;left:calc(50% - var(--ih) * .34);width:calc(var(--ih) * .68);bottom:calc(var(--ih) * -.03);height:calc(var(--ih) * .075);border-radius:50%;background:radial-gradient(closest-side,var(--shadow),transparent);opacity:0;transition:opacity .5s var(--ease)}.slide__tub{position:absolute;z-index:1;bottom:0;left:calc(50% - var(--ih) * var(--ar) * var(--lid));width:calc(var(--ih) * var(--ar));height:var(--ih);transform-origin:calc(var(--lid) * 100%) 85%;opacity:0;transform:translate3d(0,9%,0) scale(.9) rotate(-5deg);transition:opacity .5s var(--ease),transform .95s var(--ease)}.slide__price{display:flex;justify-content:center;align-items:baseline;gap:.55em;margin-top:clamp(8px,2.2cqh,20px);font:700 max(14px,calc(var(--nfs) * .4))/1 var(--f-l);letter-spacing:.02em;opacity:0;transition:opacity .5s var(--ease)}.slide__price s{font-weight:600;font-size:.82em;color:var(--fg-2)}.slide.is-on .slide__nm{transform:none;transition-delay:.1s}.slide.is-on .slide__tp{transform:none;transition-delay:.18s}.slide.is-on .slide__tub{opacity:1;transform:none;transition-delay:.06s}.slide.is-on .slide__media:after{opacity:1;transition-delay:.2s}.slide.is-on .slide__price{opacity:1;transition-delay:.26s}.slide.is-out .slide__nm,.slide.is-out .slide__tp{transform:translate3d(0,-115%,0);transition-duration:.5s}.slide.is-out .slide__tub{opacity:0;transform:translate3d(0,-5%,0) scale(.95) rotate(4deg);transition-duration:.35s,.6s}.slide.no-tr,.slide.no-tr *{transition:none!important}.spot__ctrl{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.6cqh,16px);margin-top:clamp(10px,2.8cqh,26px)}.arrow{--ar: clamp(34px, 6.4cqh, 54px);display:grid;place-items:center;flex:none;width:var(--ar);height:var(--ar);padding:0;border:0;border-radius:50%;background:transparent;color:var(--fg);box-shadow:inset 0 0 0 2px var(--fg);cursor:pointer;transition:background-color .25s,color .25s,transform .3s var(--ease)}.arrow svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.arrow:hover{background:var(--fg);color:var(--bg)}.arrow:active{transform:scale(.92)}.dots{display:flex;gap:6px}.dot{position:relative;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}.dot:before,.dot__fill{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:3px}.dot:before{background:var(--rule-2)}.dot__fill{background:var(--acc);transform:scaleX(0);transform-origin:0 50%}.dot.is-on .dot__fill{transform:scaleX(1)}.spot.is-auto .dot.is-on .dot__fill{animation:dzh-dot-fill 5.5s linear both}.spot.is-auto:hover .dot__fill,.spot.is-auto:focus-within .dot__fill,.spot.is-auto.is-held .dot__fill{animation-play-state:paused}@keyframes dzh-dot-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@container dzh (orientation: portrait){.hero__stage{--g: clamp(16px, 5.2cqw, 44px);--fs: min(calc((100cqw - 2 * var(--g)) / 4.31), 10.4cqh, 128px);--gap: clamp(14px, 2.4cqh, 26px);--btn-h: clamp(44px, 6cqh, 58px);--bt: clamp(28px, 4.6cqh, 46px);--cta-b: calc(var(--g) * 1.1 + var(--fs) * 2.58 + var(--gap) + var(--btn-h));--mh: min(calc(100cqh + 6px - var(--cta-b) - max(12px, 1.6cqh)), 72cqh, calc((50cqw - 4px) / .379));--ml: max(4px, calc(50cqw - var(--mw) * .55));--cw: clamp(176px, 50cqw, 300px);--cp: clamp(10px, calc(1.4cqw + 5px) , 16px);--tw: calc(var(--cw) * .34);--th: calc(var(--tw) * 1.12);--nfs: calc(var(--cw) * .112);--ar-h: clamp(30px, calc(var(--cw) * .17), 42px)}.hero__copy{top:calc(var(--g) * 1.1);bottom:auto;right:var(--g);justify-content:flex-start;padding-top:0}.spot{left:auto;right:calc(var(--g) * .8);top:auto;bottom:max(12px,2cqh);width:var(--cw);display:block;padding:var(--cp);border-radius:18px;text-align:left;pointer-events:auto;background:var(--bg);box-shadow:0 0 0 1px var(--rule),0 22px 44px -22px var(--shadow),0 6px 16px -10px var(--shadow)}.slide{display:grid;grid-template-columns:var(--tw) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:calc(var(--cp) * .9);align-items:start}.slide__media{--mww: var(--tw);--mhh: var(--th);grid-column:1;grid-row:1 / -1;align-self:center;width:var(--tw);margin-top:0}.slide__name{grid-column:2;grid-row:2;white-space:normal}.slide__type{grid-column:2;grid-row:3;margin-top:calc(var(--nfs) * .06);font-size:max(11px,calc(var(--nfs) * .4));letter-spacing:.08em;line-height:1}.slide__price{grid-column:2;grid-row:4;justify-content:flex-start;flex-wrap:wrap;row-gap:2px;margin-top:calc(var(--nfs) * .32);font-size:max(13px,calc(var(--nfs) * .62))}.spot__ctrl{justify-content:space-between;gap:6px;margin-top:calc(var(--cp) * .8)}.arrow{--ar: var(--ar-h)}.dots{gap:4px}.dot{width:clamp(12px,calc(var(--cw) * .08),22px)}}@container dzh (orientation: portrait) and (max-width: 599px){.hero__stage{--fs: calc(min(calc((100cqw - 2 * var(--g)) / 4.31), 10.4cqh, 128px)*.72) ;--cb: max(12px, 2cqh);--cta-b: calc(var(--g) * 1.1 + var(--fs) * 2.58 + var(--gap) * .6 - var(--btn-h) * 0)}.hero__stage{--mh: min( calc(min(calc(100cqh + 6px - var(--cta-b) - max(12px, 1.6cqh)), 72cqh, calc((50cqw - 4px) / .379))*1.08) , calc(100cqh + 6px - var(--cta-b) - 14px))}.hero__copy{bottom:var(--cb)}.cta{gap:10px;margin-top:auto}.spot{bottom:calc(var(--cb) + var(--btn-h) + 12px)}.btn{flex:1 1 0;justify-content:space-between}}@media(prefers-reduced-motion:no-preference){.dzh-js .hl__in{animation:dzh-rise 1.05s var(--ease) both paused}.dzh-js .hl__line:nth-child(2) .hl__in{animation-delay:.09s}.dzh-js .hl__line:nth-child(3) .hl__in{animation-delay:.18s}.dzh-js .hl__pill{animation:dzh-pop .9s var(--ease) .5s both paused}.dzh-js .cta .btn{animation:dzh-lift .8s var(--ease) .75s both paused}.dzh-js .cta .btn+.btn{animation-delay:.83s}.dzh-js .model__in{animation:dzh-model-in 1.35s var(--ease) .05s both paused}.dzh-js .band{animation:dzh-band-in 1.2s var(--ease) .4s both paused}.dzh-js .band--2{animation-delay:.62s}.dzh-js .spot__slides{animation:dzh-lift-far 1.05s var(--ease) .5s both paused}.dzh-js .spot__ctrl{animation:dzh-fade .8s var(--ease) .95s both paused}.dzh-js .hero.is-ready :is(.hl__in,.hl__pill,.btn,.model__in,.band,.spot__slides,.spot__ctrl){animation-play-state:running}@container dzh (orientation: portrait){.dzh-js .spot{animation:dzh-lift .9s var(--ease) .45s both paused}.dzh-js .hero.is-ready .spot{animation-play-state:running}}}@keyframes dzh-rise{0%{transform:translate3d(0,112%,0)}to{transform:none}}@keyframes dzh-pop{0%{transform:scale(.2) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}@keyframes dzh-lift{0%{transform:translate3d(0,18px,0);opacity:0}to{transform:none;opacity:1}}@keyframes dzh-lift-far{0%{transform:translate3d(0,9%,0);opacity:0}to{transform:none;opacity:1}}@keyframes dzh-fade{0%{opacity:0}to{opacity:1}}@keyframes dzh-model-in{0%{transform:translate3d(0,24%,0)}to{transform:none}}@keyframes dzh-band-in{0%{--slide: calc(var(--len, 2400px) * -1)}to{--slide: 0px}}@media(prefers-reduced-motion:reduce){.band__track{animation:none}.man,.slide,.slide *,.slide__media:after{transition-duration:.01s!important;transition-delay:0s!important}.model,.slide__media{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/hero-dz.css.map */