.hero-section{position:relative;padding:60px 20px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;font-family:Inter Tight}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:0}.hero-section:after{content:"";position:absolute;right:0;top:0;width:300px;height:100%;background-image:radial-gradient(#dcdcdc 1px,transparent 1px);background-size:12px 12px;opacity:.4;z-index:1}.hero-container{position:relative;z-index:2;max-width:1600px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}.hero-content h1{font-size:56px;font-weight:700;color:#141d43;margin-bottom:20px;line-height:1.2}.hero-subheading{font-size:23px;font-weight:600;color:#1f2a5a;margin-bottom:15px}.hero-content p{font-size:23px;color:#212438;margin-bottom:30px;max-width:600px;line-height:1.3}.hero-buttons{display:flex;gap:15px}.hero-btn{padding:8px 32px;border-radius:6px;font-size:18px;text-transform:uppercase;cursor:pointer;text-decoration:none}.hero-btn.primary{background:#1f2a5a;color:#fff}.hero-btn.secondary{border:1px solid #1f2a5a;color:#1f2a5a}.hero-image img{width:100%}@media screen and (min-width:768px)and (max-width:1024px){.hero-container{text-align:center}.hero-content h1{font-size:47px;font-weight:700;color:#141d43;margin-bottom:20px;line-height:1.2;font-family:Inter Tight}.hero-content p{font-size:20px;color:#212438;margin-bottom:30px;max-width:981px;line-height:1.3;margin-left:auto;margin-right:auto;font-family:Inter Tight}.hero-buttons{display:flex;justify-content:center;align-items:center}.hero-subheading{font-size:22px;font-weight:600;color:#1f2a5a;margin-bottom:15px;font-family:Inter Tight}}@media(max-width:768px){.hero-section{padding:25px 15px;grid-template-columns:1fr}.hero-container{gap:20px;display:flex;flex-direction:column}.hero-content h1{font-size:30px;text-align:center;font-family:Inter Tight}.hero-subheading,.hero-content p{font-size:18px;text-align:center;align-items:center;max-width:1300px}.hero-buttons{flex-direction:column}.hero-btn{font-size:15px;width:100%;text-align:center;max-width:400px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hero-wearable.css.map */