.hero-section{width:100%;padding:80px 0}.hero-section__inner{max-width:1600px;margin:0 auto}.hero-banner{position:relative;width:100%;min-height:580px;border-radius:24px;overflow:hidden;background-color:#223626;background-size:cover;background-position:center;display:flex;align-items:center}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#14201626,#14201659 45%,#142016c7)}.hero-banner__content{position:relative;z-index:2;width:100%;max-width:620px;margin-left:auto;padding:60px 80px 60px 40px}.hero-banner__eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:8px 20px;margin-bottom:28px;color:#fff;font-size:14px;font-weight:500;letter-spacing:.02em}.hero-banner__eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#fff;display:inline-block;flex-shrink:0}.hero-banner__heading{font-size:clamp(32px,3.4vw,48px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#fff;margin:0 0 24px}.hero-banner__subheading{color:#ffffffd9;font-size:17px;line-height:1.6;max-width:520px;margin-bottom:36px}.hero-banner__subheading p{margin:0}.hero-banner__subheading p+p{margin-top:12px}.hero-banner__buttons{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s ease,opacity .2s ease;white-space:nowrap}.hero-banner__btn:hover{transform:translateY(-2px)}.hero-banner__btn--primary{background:#f7f1e6;color:#223626}.hero-banner__btn--primary:hover{opacity:.92}.hero-banner__btn--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.hero-banner__btn--secondary:hover{background:#ffffff1a}@media(max-width:989px){.hero-banner__content{max-width:100%;margin-left:0;padding:48px 32px}}@media(max-width:749px){.hero-section{padding:16px}.hero-banner{min-height:unset;border-radius:16px}.hero-banner__overlay{background:linear-gradient(180deg,#14201659,#142016d9)}.hero-banner__content{padding:40px 24px}.hero-banner__eyebrow{margin-bottom:20px}.hero-banner__heading{margin-bottom:18px}.hero-banner__subheading{margin-bottom:28px}.hero-banner__buttons{width:100%}.hero-banner__btn{flex:1 1 auto;padding:14px 24px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-section.css.map */
