.hero-3d{position:relative;overflow:hidden;min-height:78vh;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));color:rgb(var(--color-foreground));perspective:1600px}.hero-3d__intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));animation:hero3dIntroOut 1.6s cubic-bezier(.6,0,.2,1) forwards;animation-delay:.9s;cursor:pointer}.hero-3d__intro-mark{font-family:var(--font-heading-family);font-size:clamp(2.4rem,6vw,5rem);letter-spacing:.35em;text-transform:uppercase;opacity:0;animation:hero3dMarkIn .9s ease-out forwards}@keyframes hero3dMarkIn{0%{opacity:0;letter-spacing:.6em}to{opacity:1;letter-spacing:.35em}}@keyframes hero3dIntroOut{to{opacity:0;visibility:hidden;pointer-events:none}}.hero-3d__stage{position:relative;width:100%;height:100%;min-height:78vh;transform-style:preserve-3d;will-change:transform;transition:transform .15s ease-out}.hero-3d__layer{position:absolute;top:0;right:0;bottom:0;left:0}.hero-3d__layer--bg{transform:translateZ(-40px) scale(1.08)}.hero-3d__image{width:100%;height:100%;object-fit:cover;display:block}.hero-3d__layer--content{transform:translateZ(30px);display:flex;align-items:center;justify-content:center;text-align:center}.hero-3d__content{max-width:56rem;padding:3.6rem 3.2rem;display:flex;flex-direction:column;gap:1.6rem;align-items:center;background:#ffffff94;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.65);border-radius:2rem;box-shadow:0 24px 60px #26221f1a;color:#26221f}.hero-3d__heading,.hero-3d__text{margin:0;color:#26221f}.hero-3d__buttons{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}@media(prefers-reduced-motion:reduce){.hero-3d__stage{transform:none!important;transition:none}.hero-3d__intro{animation:none;opacity:0;visibility:hidden}.hero-3d__intro-mark{animation:none;opacity:1}}@media screen and (max-width:749px){.hero-3d,.hero-3d__stage{min-height:62vh}.hero-3d__content{max-width:calc(100% - 3rem);padding:2.4rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-3d-intro.css.map */