.zn-tech{--w: 100vw;--h: calc(var(--zn-tech-h, 100) * 1vh);--u: max(calc(var(--w) / 1920), calc(var(--h) / 1080));--ax: max( calc((var(--w) - 1920 * var(--u)) * var(--zn-art-x, 1)), calc(var(--zn-gutter-l) + calc(35.8 * var(--zn-r)) - (1155 + var(--zn-panel-dx, 0)) * var(--u)) );--ay: calc((var(--h) - 1080 * var(--u)) * var(--zn-art-y, .75));position:relative;display:block;height:calc(var(--zn-tech-h, 100) * 1vh);min-height:calc(64 * var(--zn-r));overflow:hidden;background:var(--zn-tech-cover, #233d41);color:#fff}@supports (height: 100svh){.zn-tech{height:calc(var(--zn-tech-h, 100) * 1svh)}}@supports (width: 1cqw){.zn-tech{--w: 100cqw;--h: 100cqh;container-type:size}}.zn-tech__art{position:absolute;top:var(--ay);left:var(--ax);width:calc(1920 * var(--u));height:calc(1080 * var(--u))}.zn-tech__photo{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block}.zn-tech .zn-tech__image{width:100%;height:100%;object-fit:cover;object-position:var(--zn-focus-x, 6%) var(--zn-focus-y, 75%);transform:scale(var(--zn-photo-zoom, 1.37));transform-origin:var(--zn-focus-x, 6%) var(--zn-focus-y, 75%)}.zn-tech__ring{position:absolute;z-index:1;overflow:visible;pointer-events:none}.zn-tech__ring--desktop{top:calc(-12 * var(--u));left:calc(287 * var(--u));width:calc(1254 * var(--u));height:calc(1120 * var(--u))}.zn-tech__ring--mobile{display:none}.zn-tech__ring-fill{fill:#d9d9d9;fill-opacity:var(--zn-ring-opacity, .26)}.zn-tech__ring-glow{fill:#d9d9d9;fill-opacity:calc(var(--zn-ring-opacity, .26) * 1.9)}.zn-tech__shot{position:absolute}.zn-tech .zn-tech__shot img{width:100%;height:auto}.zn-tech__shot--1{z-index:5;top:calc((259 + var(--zn-shot1-dy, 0)) * var(--u));left:calc((813.2 + var(--zn-shot1-dx, 0)) * var(--u));width:calc(305.5 * var(--zn-shot1-scale, 1) * var(--u))}.zn-tech__shot--2{z-index:6;top:calc((393.5 + var(--zn-shot2-dy, 0)) * var(--u));left:calc((1021.7 + var(--zn-shot2-dx, 0)) * var(--u));width:calc(279.5 * var(--zn-shot2-scale, 1) * var(--u))}.zn-tech__panel{position:absolute;z-index:2;top:calc(var(--ay) + (356 + var(--zn-panel-dy, 0)) * var(--u));bottom:0;left:0;width:calc(var(--ax) + (1155 + var(--zn-panel-dx, 0)) * var(--u));border-top-right-radius:calc(20 * var(--u));background:linear-gradient(180deg,#0a2d3724,#0a2d3700 calc(70 * var(--u))),linear-gradient(90deg,#0a2d3714,#0a2d3700 calc(40 * var(--u))),linear-gradient(0deg,#ffffff80,#fff0 calc(40 * var(--u))),linear-gradient(270deg,#ffffff0d,#fff0 calc(160 * var(--u))),#ffffff0e;box-shadow:inset -1px 1px #ffffff38;-webkit-backdrop-filter:blur(var(--zn-panel-blur, 20px));backdrop-filter:blur(var(--zn-panel-blur, 20px))}.zn-tech .zn-tech__panel{display:block}.zn-tech__text{--tx: max(calc(var(--zn-gutter-l) + calc(2.4 * var(--zn-r))), calc(var(--ax) + (466 + var(--zn-text-dx, 0)) * var(--u)));position:absolute;z-index:3;top:calc(var(--ay) + (587 + var(--zn-text-dy, 0)) * var(--u));left:var(--tx);width:min(calc(52.8 * var(--zn-r)),calc(var(--ax) + (1155 + var(--zn-panel-dx, 0)) * var(--u) - calc(2.4 * var(--zn-r)) - var(--tx)))}.zn-tech__heading{margin:0;color:#fff;font-family:inherit;font-size:calc(3.3 * var(--zn-r));font-style:normal;font-weight:700;line-height:calc(3.5 * var(--zn-r));letter-spacing:calc(.3 * var(--zn-r));text-transform:uppercase;word-break:normal}.zn-tech__subheading{margin:calc(1.2 * var(--zn-r)) 0 0;color:#fff;font-size:calc(1.8 * var(--zn-r));font-weight:400;line-height:calc(2 * var(--zn-r));letter-spacing:calc(.3 * var(--zn-r));text-transform:uppercase}.zn-tech__body{max-width:calc(51.2 * var(--zn-r));margin-top:calc(1.8 * var(--zn-r));color:#fff;font-size:calc(1.5 * var(--zn-r));font-weight:300;line-height:calc(2.4 * var(--zn-r));letter-spacing:.1em}.zn-tech__body p{margin:0}.zn-tech__body a{color:inherit}.zn-tech .zn-tech__button{--zn-button-pad: calc(3.05 * var(--zn-r));margin-top:calc(1.5 * var(--zn-r))}.zn-tech .zn-tech__button[aria-disabled=true]{cursor:default}.zn-tech__only-mobile{display:none}.zn-tech__iris{position:absolute;z-index:7;top:var(--ay);left:var(--ax);display:none;width:calc(1920 * var(--u));height:calc(1080 * var(--u));pointer-events:none}.zn-tech__cover{fill:var(--zn-tech-cover, #233d41)}.zn-tech.is-armed .zn-tech__ring,.zn-tech.is-armed .zn-tech__panel,.zn-tech.is-armed .zn-tech__text-inner,.zn-tech.is-armed .zn-tech__shot{opacity:0;transition:opacity var(--zn-reveal-dur, 1s) ease-out,transform var(--zn-reveal-dur, 1s) ease-out}.zn-tech.is-armed.is-open .zn-tech__ring,.zn-tech.is-armed.is-open .zn-tech__panel,.zn-tech.is-armed.is-revealed .zn-tech__text-inner,.zn-tech.is-armed.is-revealed .zn-tech__shot{opacity:1;transform:none}.zn-tech.is-armed .zn-tech__text-inner:focus-within{opacity:1;transform:none}@media screen and (min-width:990px){.zn-tech.has-iris .zn-tech__iris{display:block}.zn-tech.is-armed .zn-tech__ring{transform:scale(.74)}.zn-tech.is-armed .zn-tech__panel{transform:translate(-54%)}.zn-tech.is-armed .zn-tech__text-inner{transform:translateY(calc(236 * var(--u)))}.zn-tech.is-armed .zn-tech__shot--1{transform:translateY(calc(-268 * var(--u)))}.zn-tech.is-armed .zn-tech__shot--2{transform:translate(calc(385 * var(--u)))}.zn-tech.is-armed.is-open .zn-tech__ring,.zn-tech.is-armed.is-open .zn-tech__panel,.zn-tech.is-armed.is-revealed .zn-tech__text-inner,.zn-tech.is-armed.is-revealed .zn-tech__shot{transform:none}}@media screen and (max-width:989px){.zn-tech{--u: calc(100vw / 440);container-type:normal;height:min(calc(985 * var(--u)),calc(465 * var(--u) + calc(52 * var(--zn-r))));min-height:0}.zn-tech__art{top:auto;bottom:0;left:0;width:100%;height:calc(985 * var(--u))}.zn-tech .zn-tech__image{object-position:var(--zn-focus-x-m, 60%) var(--zn-focus-y-m, 7%);transform:scale(var(--zn-photo-zoom-m, 1.6));transform-origin:var(--zn-focus-x-m, 60%) var(--zn-focus-y-m, 7%)}.zn-tech__ring--desktop{display:none}.zn-tech__ring--mobile{top:calc(476 * var(--u));left:calc(-34 * var(--u));display:block;width:calc(493 * var(--u));height:calc(441 * var(--u))}.zn-tech__shot--1{top:calc((702 + var(--zn-shot1-dy-m, 0)) * var(--u));left:calc((253 + var(--zn-shot1-dx-m, 0)) * var(--u));width:calc(126.5 * var(--zn-shot1-scale-m, 1) * var(--u))}.zn-tech__shot--2{top:calc((523 + var(--zn-shot2-dy-m, 0)) * var(--u));left:calc((58 + var(--zn-shot2-dx-m, 0)) * var(--u));width:calc(115.7 * var(--zn-shot2-scale-m, 1) * var(--u))}.zn-tech--no-shots-mobile .zn-tech__shot,.zn-tech .zn-tech__panel{display:none}.zn-tech__text{top:var(--zn-text-top-m, calc(14.3 * var(--zn-r)));right:calc(3.7 * var(--zn-r));left:calc(3.7 * var(--zn-r));width:auto;text-align:center}.zn-tech__heading{font-size:calc(2.8 * var(--zn-r));line-height:calc(3 * var(--zn-r));letter-spacing:calc(.2 * var(--zn-r))}.zn-tech__subheading{margin-top:calc(1.1 * var(--zn-r));font-size:calc(1.5 * var(--zn-r));line-height:calc(1.8 * var(--zn-r));letter-spacing:calc(.2 * var(--zn-r))}.zn-tech__body{max-width:none;margin-top:calc(1.6 * var(--zn-r));font-size:calc(1.3 * var(--zn-r));line-height:calc(2.1 * var(--zn-r))}.zn-tech .zn-tech__button{--zn-button-pad: calc(1.4 * var(--zn-r));max-width:100%;min-height:calc(4 * var(--zn-r));margin-top:calc(1.7 * var(--zn-r));font-size:calc(1.1 * var(--zn-r));letter-spacing:calc(.1 * var(--zn-r));white-space:nowrap;text-align:center}.zn-tech__only-desktop{display:none}.zn-tech__only-mobile{display:block}.zn-tech.is-armed .zn-tech__text-inner{transform:translateY(calc(2.4 * var(--zn-r)))}.zn-tech.is-armed .zn-tech__shot{transform:scale(.92)}.zn-tech.is-armed.is-revealed .zn-tech__text-inner,.zn-tech.is-armed.is-revealed .zn-tech__shot{transform:none}}@media(prefers-reduced-motion:reduce){.zn-tech.is-armed .zn-tech__ring,.zn-tech.is-armed .zn-tech__panel,.zn-tech.is-armed .zn-tech__text-inner,.zn-tech.is-armed .zn-tech__shot{transition:none}}@media screen and (min-width:990px){.zn-tech-section.has-scrub{height:calc(var(--zn-tech-h, 100) * 1vh * (1 + var(--zn-scrub, 1.2)))}@supports (height: 100svh){.zn-tech-section.has-scrub{height:calc(var(--zn-tech-h, 100) * 1svh * (1 + var(--zn-scrub, 1.2)))}}.zn-tech.is-scrub{position:sticky;top:0}.zn-tech.is-scrub .zn-tech__ring,.zn-tech.is-scrub .zn-tech__panel,.zn-tech.is-scrub .zn-tech__text-inner,.zn-tech.is-scrub .zn-tech__shot{transition:none;will-change:opacity,transform}.zn-tech.is-scrub .zn-tech__ring{opacity:var(--zn-open, 0);transform:scale(calc(.74 + .26 * var(--zn-open, 0)))}.zn-tech.is-scrub .zn-tech__panel{opacity:var(--zn-open, 0);transform:translate(calc(-54% * (1 - var(--zn-open, 0))))}.zn-tech.is-scrub .zn-tech__text-inner{opacity:var(--zn-text, 0);transform:translateY(calc(236 * var(--u) * (1 - var(--zn-text, 0))))}.zn-tech.is-scrub .zn-tech__shot{opacity:var(--zn-text, 0)}.zn-tech.is-scrub .zn-tech__shot--1{transform:translateY(calc(-268 * var(--u) * (1 - var(--zn-text, 0))))}.zn-tech.is-scrub .zn-tech__shot--2{transform:translate(calc(385 * var(--u) * (1 - var(--zn-text, 0))))}.zn-tech.is-scrub .zn-tech__text-inner:focus-within{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/zenos-tech.css.map */