.zk-hero3d{--hero3d-bg: #0a0f12;position:relative;z-index:0;display:block;overflow:hidden;isolation:isolate;height:calc(100vh - var(--hero3d-top-offset, 0px));height:calc(100svh - var(--hero3d-top-offset, 0px));min-height:56rem;color:#fff;background:radial-gradient(55% 55% at 72% 46%,rgba(227,10,23,.1),transparent 70%),radial-gradient(90% 70% at 50% 110%,rgba(30,60,80,.35),transparent 70%),var(--hero3d-bg)}@media screen and (max-width:749px){.zk-hero3d{min-height:60rem;background:radial-gradient(70% 40% at 50% 28%,rgba(227,10,23,.12),transparent 70%),var(--hero3d-bg)}}.zk-hero3d__canvas,.zk-hero3d__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.zk-hero3d__canvas{display:block;z-index:0;opacity:0;transition:opacity .6s ease}.zk-hero3d--ready .zk-hero3d__canvas{opacity:1}.zk-hero3d__fallback{display:none;object-fit:contain;object-position:78% 50%;padding:6rem 4rem;filter:drop-shadow(0 0 4rem rgba(227,10,23,.3))}.zk-hero3d--image .zk-hero3d__fallback{display:block}@media screen and (max-width:749px){.zk-hero3d__fallback{height:58%;object-position:50% 30%;padding:2rem}}.zk-hero3d__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(10,15,18,.78) 0%,rgba(10,15,18,.25) 42%,transparent 62%)}@media screen and (max-width:749px){.zk-hero3d__scrim{background:linear-gradient(0deg,#0a0f12f2,#0a0f1299 36%,#0a0f1200 60%)}}.zk-hero3d__content{position:relative;z-index:2;display:flex;align-items:center;height:100%;padding-top:4rem;padding-bottom:6rem;pointer-events:none}.zk-hero3d__inner{width:100%}.zk-hero3d__copy{max-width:52rem;pointer-events:auto}@media screen and (max-width:749px){.zk-hero3d__content{align-items:flex-end;padding-bottom:4.8rem}}.zk-hero3d__eyebrow{display:flex;align-items:center;gap:1rem;margin:0 0 1.6rem;font-size:1.2rem;letter-spacing:.24em;text-transform:uppercase;color:#ffffffbf}.zk-hero3d__eyebrow:before{content:"";flex:none;width:2.2rem;height:1px;background:rgb(var(--color-brand-accent))}.zk-hero3d__heading{margin:0;font-family:var(--font-heading-family);font-weight:500;font-size:clamp(4rem,6.4vw,8rem);line-height:1;letter-spacing:-.02em;color:#fff;text-wrap:balance}.zk-hero3d__rotator{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .28em;margin:.4rem 0 2rem;font-family:var(--font-heading-family);font-weight:500;font-size:clamp(3.2rem,4.6vw,5.8rem);line-height:1.12;letter-spacing:-.02em;color:#fff9}.zk-hero3d__words{display:inline-grid;overflow:hidden;color:rgb(var(--color-brand-accent))}.zk-hero3d__word{grid-area:1 / 1;opacity:0;transform:translateY(100%);transition:transform .65s cubic-bezier(.22,.61,.36,1),opacity .65s ease}.zk-hero3d__word.is-active{opacity:1;transform:none}.zk-hero3d__word.is-leaving{opacity:0;transform:translateY(-100%)}.zk-hero3d__text,.zk-hero3d__text p{margin:0;max-width:44rem;font-size:1.7rem;line-height:1.6;color:#ffffffd6}@media screen and (max-width:749px){.zk-hero3d__text,.zk-hero3d__text p{font-size:1.55rem}}.zk-hero3d__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.8rem}.zk-hero3d .button{--color-button: 255, 255, 255;--color-button-text: 10, 15, 18;--color-hover-button: var(--color-brand-accent);--color-button-hover-text: 255, 255, 255;min-width:20rem}.zk-hero3d .button--secondary{--color-button: 10, 15, 18;--color-button-text: 255, 255, 255;--color-hover-button: 255, 255, 255;--color-button-hover-text: 10, 15, 18;border:1px solid rgba(255,255,255,.55)}.zk-hero3d .button{white-space:normal;text-align:center}@media screen and (max-width:749px){.zk-hero3d .button{min-width:0;flex:1 1 100%}}.zk-hero3d__hint{position:absolute;left:50%;bottom:2.4rem;z-index:2;display:grid;justify-items:center;gap:.8rem;transform:translate(-50%);font-size:1.05rem;letter-spacing:.3em;text-transform:uppercase;color:#fff9;pointer-events:none}.zk-hero3d__hint:after{content:"";width:1px;height:3.8rem;background:linear-gradient(#ffffff,transparent);transform-origin:top;animation:zk-hero3d-drip 2.2s ease-in-out infinite}@keyframes zk-hero3d-drip{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}@media screen and (max-width:749px){.zk-hero3d__hint{display:none}}@media(prefers-reduced-motion:reduce){.zk-hero3d__canvas,.zk-hero3d__word{transition:none}.zk-hero3d__hint:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-3d.css.map */