.sp-hero-band{--sp-forest-deep: #152E23;--sp-forest-mid: #1F5C3D;--sp-off-white: #F7F5F2;--sp-eyebrow: #7ECBA3;position:relative;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;min-height:220px;padding:48px 24px;background:linear-gradient(135deg,var(--sp-forest-deep) 0%,var(--sp-forest-mid) 55%,#2D7A55 100%);color:var(--sp-off-white)}.sp-hero-band:after{content:"";position:absolute;width:420px;height:420px;right:-140px;top:-160px;border-radius:50%;background:#3ea56e24;pointer-events:none}.sp-hero-band:before{content:"";position:absolute;width:220px;height:220px;left:-80px;bottom:-90px;border-radius:50%;background:#3ea56e1a;pointer-events:none}.sp-hero-band__inner{position:relative;z-index:1;width:100%;margin:0 auto}.sp-hero-band--center{text-align:center}.sp-hero-band--center .sp-hero-band__inner{max-width:900px}.sp-hero-band--left{text-align:left}.sp-hero-band--left .sp-hero-band__inner{max-width:900px}.sp-hero-band__back{display:inline-flex;align-items:center;gap:6px;margin-bottom:22px;font:500 13.5px Inter,Helvetica Neue,sans-serif;color:#f7f5f2d1;text-decoration:none;min-height:24px;transition:color .2s ease}.sp-hero-band__back:focus-visible{outline:2px solid var(--sp-eyebrow);outline-offset:3px}.sp-hero-band__back svg{width:16px;height:16px;flex-shrink:0}.sp-hero-band__eyebrow{display:block;margin-bottom:12px;font:600 12px Inter,Helvetica Neue,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--sp-eyebrow)}.sp-hero-band__title{margin:0;font:500 clamp(1.9rem,3.5vw,3rem)/1.12 "DM Sans","Helvetica Neue",sans-serif;letter-spacing:-.03em;color:#fff;text-wrap:balance}.sp-hero-band__text{margin-top:16px;font:400 16px/1.7 Inter,Helvetica Neue,sans-serif;color:#f7f5f2e6}.sp-hero-band--center .sp-hero-band__text{margin-left:auto;margin-right:auto}@media(hover:hover)and (pointer:fine){.sp-hero-band__back:hover{color:#fff}}@media(prefers-reduced-motion:reduce){.sp-hero-band__back{transition:none}}@media(max-width:749px){.sp-hero-band{min-height:200px;padding:40px 16px}.sp-hero-band__text{font-size:15.5px}.sp-hero-band:after{width:240px;height:240px;right:-90px;top:-110px}.sp-hero-band:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sp-hero-band.css.map */