.responsive-hero{position:relative;width:100%;height:80vh;aspect-ratio:2.12 / 1;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:clamp(20px,5vw,80px);box-sizing:border-box;color:#fff;min-height:400px}@media (max-width: 767px){.responsive-hero{height:85vh;align-items:center;aspect-ratio:215/396}}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.85;aspect-ratio:2.12 / 1}@media (max-width: 767px){.hero-image{object-fit:cover;object-position:left;opacity:1;aspect-ratio:215/396}}.hero-content{padding:clamp(15px,3vw,30px);border-radius:10px;max-width:clamp(360px,70%,800px);margin-left:clamp(20px,8vw,128px);margin-bottom:clamp(20px,4vw,128px);margin-top:16px}@media (max-width: 767px){.hero-content{margin-left:0;max-width:640px;display:flex;flex-direction:column;height:100%}}.responsive-hero .hero-content h1{font-family:Poppins,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:300;font-size:clamp(48px,5.06rem,96px);line-height:1.1;letter-spacing:-1px;color:#f7f7f8;margin-bottom:clamp(10px,3vh,24px)}@media (max-width: 767px){.responsive-hero .hero-content h1{font-size:clamp(36px,5.75vh,96px);margin-top:clamp(24px,3.25vh,360px)}}.responsive-hero .hero-content p{font-family:Poppins,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:275;font-size:clamp(16px,1vw,36px);line-height:1.4;letter-spacing:-.1px;width:100%;max-width:600px;color:#f7f7f8;margin-bottom:clamp(12px,4vh,34px)}@media (max-width: 767px){.responsive-hero .hero-content p{margin-top:clamp(24px,6vh,96px)}}.hero-btn{display:inline-block;background-color:#000;color:#f7f7f8;padding:clamp(8px,2vw,14px) clamp(15px,4vw,25px);border-radius:999px;text-decoration:none;font-size:clamp(14px,2vw,22px);cursor:pointer;transition:background-color .3s ease;font-family:Poppins,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:300;line-height:1.2;letter-spacing:-.1px;text-align:center}.hero-btn-2{background-color:transparent;border-radius:999px;border:1px solid #29AE5F}@media (max-width: 767px){.hero-btn{padding:clamp(12px,4vw,16px) clamp(24px,6vw,32px);font-size:clamp(16px,4.5vw,18px);width:100%;text-align:center;display:inline-block;white-space:nowrap;margin-bottom:clamp(8px,1vh,16px)}}.hero-btn:hover{background-color:#333}
/*# sourceMappingURL=/cdn/shop/t/58/assets/hero.css.map */