.hero-section{position:relative;width:100%;overflow:hidden;background:#000}.hero-container{position:relative;width:100%;height:70vh;min-height:500px;display:flex;align-items:flex-end;justify-content:flex-start}@media (min-width: 768px){.hero-container{height:80vh;min-height:600px}}@media (min-width: 1200px){.hero-container{height:85vh;min-height:700px}}.hero-media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-image,.hero-video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-media--video .hero-video{object-position:50% 50%}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.5) 100%)}.hero-content-wrapper{position:relative;z-index:3;width:100%;padding:48px 16px}@media (min-width: 768px){.hero-content-wrapper{padding:64px 32px}}@media (min-width: 1200px){.hero-content-wrapper{padding:80px 64px;max-width:1440px;margin:0 auto}}.hero-content{max-width:600px;color:#fff}@media (min-width: 1200px){.hero-content{max-width:720px}}.hero-subtitle{font-size:14px;font-weight:600;margin:0 0 8px;opacity:.95;text-transform:uppercase;letter-spacing:.08em;color:#fff;line-height:1.4}@media (min-width: 768px){.hero-subtitle{font-size:16px;margin:0 0 12px}}.hero-title{font-size:32px;line-height:1.15;font-weight:800;margin:0 0 16px;letter-spacing:-.02em;color:#fff}@media (min-width: 768px){.hero-title{font-size:48px;margin:0 0 24px}}@media (min-width: 1200px){.hero-title{font-size:64px;line-height:1.1}}.hero-text{font-size:16px;line-height:1.6;margin:0 0 32px;opacity:.95;color:#fff;font-weight:400}@media (min-width: 768px){.hero-text{font-size:18px;margin:0 0 40px}}@media (min-width: 1200px){.hero-text{font-size:20px}}.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.hero-button{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;border-radius:4px;transition:all .15s ease;position:relative;overflow:hidden;cursor:pointer;border:2px solid transparent}@media (min-width: 768px){.hero-button{padding:18px 40px;font-size:18px}}.btn-primary{background:#f96e89;color:#fff;border-color:#f96e89}.btn-primary:hover{background:#e85673;border-color:#e85673;transform:translateY(-2px);box-shadow:0 4px 16px #f96e894d}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #f96e894d}.hero-button--secondary{background:transparent;color:#fff;border-color:#fff}.hero-button--secondary:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 4px 16px #fff3}.hero-button--secondary:active{transform:translateY(0);box-shadow:0 2px 8px #fff3}.hero-button-arrow{transition:transform .15s ease;flex-shrink:0}.hero-button:hover .hero-button-arrow{transform:translate(4px)}.hero-trust-signals{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;opacity:.95;color:#fff}@media (min-width: 768px){.hero-trust-signals{font-size:15px;gap:32px}}.trust-signal{display:flex;align-items:center;gap:8px;font-weight:500}.trust-signal svg{flex-shrink:0;color:#f96e89}.hero-scroll-indicator{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:4;color:#fff;opacity:.8;cursor:pointer;transition:opacity .15s ease}.hero-scroll-indicator:hover{opacity:1}.hero-scroll-indicator svg{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.hero-media--placeholder{background:linear-gradient(135deg,#f5f5f5,#e4e4e4);display:flex;align-items:center;justify-content:center}.placeholder-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.3}.placeholder-svg{width:50%;max-width:400px;height:auto}.hero-section:focus-within .hero-button:focus{outline:3px solid #fff;outline-offset:2px}.hero-section *{will-change:auto}.hero-content[data-aos]{will-change:transform,opacity}.hero-section[data-light-image=true] .hero-overlay{background:linear-gradient(to bottom,#0003,#0006,#000000b3)}@media (max-width: 767px){.hero-cta{width:100%}.hero-button{width:100%;justify-content:center}.hero-button--secondary{width:auto;flex:1}}@media print{.hero-section,.hero-container{height:auto;min-height:auto}.hero-scroll-indicator{display:none}}@media (prefers-reduced-motion: reduce){.hero-button,.hero-button-arrow{transition:none}.hero-scroll-indicator svg{animation:none}.hero-content[data-aos]{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hero-optimized.css.map */