.hero-3d-fullscreen{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden}.hero-3d-fullscreen__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-3d-fullscreen model-viewer{width:100%;height:100%;opacity:0;transition:opacity .6s ease;--poster-color: transparent}.hero-3d-fullscreen model-viewer[loaded]{opacity:1}.hero-3d-fullscreen__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-foreground),.03),rgba(var(--color-foreground),.08))}.hero-3d-fullscreen__placeholder-content{text-align:center;color:rgba(var(--color-foreground),.5);max-width:400px;padding:2rem}.hero-3d-fullscreen__placeholder-icon{width:80px;height:80px;margin:0 auto 2rem;opacity:.3}.hero-3d-fullscreen__placeholder p{font-size:1.4rem;line-height:1.6}.hero-3d-fullscreen__progress{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(var(--color-foreground),.1);z-index:100}.hero-3d-fullscreen__progress-bar{height:100%;background:linear-gradient(90deg,rgb(var(--color-button)),rgba(var(--color-button),.6));width:0;transition:width .3s ease}model-viewer[loading] .hero-3d-fullscreen__progress-bar{width:100%}.hero-3d-fullscreen__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;display:flex;padding:60px 40px 40px}.hero-3d-fullscreen__overlay>*{pointer-events:auto}.hero-3d-fullscreen__overlay--top-left{align-items:flex-start;justify-content:flex-start}.hero-3d-fullscreen__overlay--top-center{align-items:flex-start;justify-content:center}.hero-3d-fullscreen__overlay--top-right{align-items:flex-start;justify-content:flex-end}.hero-3d-fullscreen__overlay--center-left{align-items:center;justify-content:flex-start}.hero-3d-fullscreen__overlay--center{align-items:center;justify-content:center}.hero-3d-fullscreen__overlay--center-right{align-items:center;justify-content:flex-end}.hero-3d-fullscreen__overlay--bottom-left{align-items:flex-end;justify-content:flex-start}.hero-3d-fullscreen__overlay--bottom-center{align-items:flex-end;justify-content:center}.hero-3d-fullscreen__overlay--bottom-right{align-items:flex-end;justify-content:flex-end}.hero-3d-fullscreen__content{max-width:800px;text-align:center;color:rgb(var(--color-foreground));text-shadow:0 2px 20px rgba(0,0,0,.3)}.hero-3d-fullscreen__overlay--top-left .hero-3d-fullscreen__content,.hero-3d-fullscreen__overlay--center-left .hero-3d-fullscreen__content,.hero-3d-fullscreen__overlay--bottom-left .hero-3d-fullscreen__content{text-align:left}.hero-3d-fullscreen__overlay--top-right .hero-3d-fullscreen__content,.hero-3d-fullscreen__overlay--center-right .hero-3d-fullscreen__content,.hero-3d-fullscreen__overlay--bottom-right .hero-3d-fullscreen__content{text-align:right}.hero-3d-fullscreen__heading{margin-bottom:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.hero-3d-fullscreen__heading.hxl{font-size:clamp(4rem,8vw,8rem)}.hero-3d-fullscreen__heading.h0{font-size:clamp(3.2rem,6vw,6rem)}.hero-3d-fullscreen__heading.h1{font-size:clamp(2.8rem,5vw,4.8rem)}.hero-3d-fullscreen__heading.h2{font-size:clamp(2.4rem,4vw,3.6rem)}.hero-3d-fullscreen__subheading{font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.6;margin-bottom:2.5rem;opacity:.9}.hero-3d-fullscreen__button-wrapper{margin-top:2rem}.hero-3d-fullscreen__button-wrapper .button{min-width:180px;padding:16px 40px;font-size:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:transform .3s ease,box-shadow .3s ease}.hero-3d-fullscreen__button-wrapper .button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.hero-3d-fullscreen__ar-button{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.8rem;padding:14px 28px;background:rgba(var(--color-button),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:rgb(var(--color-button-text));border:none;border-radius:100px;cursor:pointer;font-size:1.4rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 20px #0003;z-index:10}.hero-3d-fullscreen__ar-button:hover{transform:translate(-50%) scale(1.05);box-shadow:0 6px 30px #0000004d}.hero-3d-fullscreen__ar-button svg{width:20px;height:20px}.hero-3d-fullscreen__scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;color:rgb(var(--color-foreground));font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;opacity:.7;animation:bounce 2s infinite}.hero-3d-fullscreen__scroll-indicator svg{width:20px;height:20px}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.animate-fade-up{opacity:0;animation:fadeUp .8s ease forwards}.animate-delay-1{animation-delay:.2s}.animate-delay-2{animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 989px){.hero-3d-fullscreen{min-height:500px}.hero-3d-fullscreen__overlay{padding:80px 20px 30px}.hero-3d-fullscreen__heading.hxl{font-size:clamp(3.2rem,10vw,5rem)}.hero-3d-fullscreen__subheading{font-size:clamp(1.4rem,3.5vw,1.8rem);margin-bottom:2rem}.hero-3d-fullscreen__button-wrapper .button{padding:14px 32px;font-size:1.4rem}.hero-3d-fullscreen__ar-button{bottom:20px;padding:12px 24px;font-size:1.3rem}.hero-3d-fullscreen__scroll-indicator{bottom:20px;font-size:1.1rem}}@media screen and (max-width: 749px){.hero-3d-fullscreen{height:100svh;min-height:450px}.hero-3d-fullscreen__overlay{padding:60px 16px 20px}.hero-3d-fullscreen__content{max-width:100%}.hero-3d-fullscreen__heading{margin-bottom:1rem}.hero-3d-fullscreen__subheading{margin-bottom:1.5rem}.hero-3d-fullscreen__button-wrapper .button{width:100%;max-width:280px}}.hero-3d-fullscreen__scroll-indicator{pointer-events:auto;z-index:100;cursor:pointer;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}@media (hover: none) and (pointer: coarse){.hero-3d-fullscreen model-viewer{touch-action:pan-y}.hero-3d-fullscreen__overlay{pointer-events:none}.hero-3d-fullscreen__content,.hero-3d-fullscreen__ar-button,.hero-3d-fullscreen__scroll-indicator{pointer-events:auto}}@media (prefers-reduced-motion: reduce){.hero-3d-fullscreen model-viewer{animation:none}.animate-fade-up{opacity:1;animation:none}.hero-3d-fullscreen__scroll-indicator{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-3d-hero-fullscreen.css.map */