.hero3d{position:relative;width:100%;min-height:calc(100svh - var(--header-height, 0px));overflow:hidden;display:flex;align-items:center;justify-content:center}.hero3d__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.hero3d__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero3d__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}.hero3d__logo-stage{position:relative;z-index:2;width:min(88vw,1100px);aspect-ratio:2000 / 1120}.hero3d__logo-stage canvas{width:100%!important;height:100%!important;display:block}.hero3d__logo-fallback{width:100%;height:auto}.hero3d__glass-defs{position:absolute;width:0;height:0;overflow:hidden}.hero3d__cta{position:absolute;z-index:3;left:50%;bottom:9%;transform:translate(-50%);isolation:isolate;overflow:hidden;border-radius:999px;color:#241019;text-decoration:none;font-family:var(--font-body-family);font-weight:600;letter-spacing:.09em;text-transform:uppercase;font-size:1rem;line-height:1;padding:1.15rem 2.4rem;white-space:nowrap;transition:transform .35s cubic-bezier(.16,1,.3,1)}.hero3d__cta:hover,.hero3d__cta:focus-visible{transform:translate(-50%) scale(1.045)}.hero3d__cta:active{transform:translate(-50%) scale(.98)}.hero3d__cta-glass-shadow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;background:#ffffff29;box-shadow:0 6px 22px #00000047,inset 2px 2px 1px -2px #fffffff2,inset -2px -2px 1px -2px #ffffffb3,inset 1px 1px 1px -.5px #fff9,inset -1px -1px 1px -.5px #ffffff73,inset 0 0 8px 8px #ffffff14,inset 0 0 1px 1px #ffffff80,0 0 16px #fff3}.hero3d__cta-glass-blur{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:blur(8px) saturate(150%);backdrop-filter:blur(8px) saturate(150%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hero3d__cta-glass-blur{background:#ffffff9e}}.hero3d__cta-label{position:relative;z-index:1;text-shadow:0 1px 8px rgba(255,255,255,.5)}@media screen and (max-width:749px){.hero3d__logo-stage{width:min(97vw,820px)}.hero3d__cta{font-size:.82rem;padding:.95rem 1.5rem;bottom:7%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-hero-3d-logo.css.map */