.hero-immersive{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#fef7ed,#fef3c7)}.hero-immersive__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-immersive__background-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hero-immersive__background-image--desktop{object-position:25% center}.hero-immersive__background-image--mobile{display:none;object-position:center center}.hero-immersive__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fef7ed1a,#fef7ed33 40%,#fef7ed66,#fef7edb3 60%,#fef7ede6);z-index:2}.hero-immersive__content{position:relative;z-index:1;width:100%;height:100%;min-height:80vh;overflow:visible;display:flex;align-items:center}.hero-immersive__text-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(75%);width:30vw;max-width:380px;padding:4rem 3rem;background:#0000004d;border-radius:16px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.2);z-index:2;display:flex;flex-direction:column;gap:2rem}.hero-immersive__heading{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.2;color:#fff;margin:0;letter-spacing:-.025em;text-shadow:0 2px 8px rgba(0,0,0,.3);word-wrap:break-word;white-space:normal}.hero-immersive__heading.h0{font-size:clamp(2.5rem,5vw,4.5rem)}.hero-immersive__text{font-size:clamp(1rem,1.8vw,1.3rem);line-height:1.6;color:#fff;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.2);font-weight:500;word-wrap:break-word;white-space:normal}.hero-immersive__text.subtitle{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;color:#64748b}.hero-immersive__buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.hero-immersive__buttons .button{padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:12px;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a}.hero-immersive__buttons .button--primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;font-weight:600;box-shadow:0 4px 12px #f9731666}.hero-immersive__buttons .button--primary:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-2px);box-shadow:0 6px 20px #f9731680}.hero-immersive__buttons .button--secondary{background:#fffffff2;color:#1e293b;border:2px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.hero-immersive__buttons .button--secondary:hover{background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #fff6}.hero-immersive__visual-content{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:center}@media (max-width: 768px){.hero-immersive{min-height:100vh;padding:0;position:relative}.hero-immersive__text-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;min-height:350px;margin:0;padding:2.5rem;background:#0006;border-radius:20px;box-shadow:0 12px 40px #0000004d;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:2}.hero-immersive__background-image--desktop{display:none}.hero-immersive__background-image--mobile{display:block;object-position:center center}.hero-immersive__content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-immersive__heading{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);font-weight:700}.hero-immersive__text{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.2);font-weight:500}.hero-immersive__text-content{overflow:visible}.hero-immersive__buttons{justify-content:center;flex-direction:column;gap:1rem;margin-top:1.5rem;width:100%}.hero-immersive__buttons .button{width:100%;justify-content:center;max-width:280px;padding:1rem 2rem;font-weight:600;border-radius:12px;box-shadow:0 4px 12px #0000001a}}@media (max-width: 480px){.hero-immersive__text-content{top:50%;width:320px;min-height:320px;padding:2rem;margin:0}}@media (max-width: 768px) and (orientation: landscape){.hero-immersive__background-image--mobile{object-position:center 25%}.hero-immersive__text-content{top:50%;width:300px;min-height:300px;padding:1.5rem}}@media (prefers-reduced-motion: no-preference){.hero-immersive__background-image{transform:translateZ(0)}.hero-immersive:hover .hero-immersive__background-image{transform:scale(1.02) translateZ(0)}}@media (prefers-reduced-motion: reduce){.hero-immersive__background-image,.hero-immersive__lifestyle-image,.hero-immersive__buttons .button{transition:none}}@media (prefers-contrast: high){.hero-immersive__overlay{background:#00000080}.hero-immersive__buttons .button--secondary{background:#fff;color:#000;border:2px solid black}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-immersive.css.map */