.hero-banner{position:relative;background-color:var(--hb-bg);color:var(--hb-text);padding-top:var(--hb-pt, 60px);padding-bottom:var(--hb-pb, 60px);overflow:hidden}.hero-banner--height-small{min-height:300px}.hero-banner--height-medium{min-height:450px}.hero-banner--height-large{min-height:600px}.hero-banner--height-xlarge{min-height:750px}.hero-banner--height-natural{min-height:unset}.hero-banner__inner{position:relative;z-index:1;display:flex;align-items:center;height:100%;gap:48px}.hero-banner--side_by_side .hero-banner__inner,.hero-banner--side_by_side.hero-banner--img-right .hero-banner__inner{flex-direction:row}.hero-banner--side_by_side.hero-banner--img-left .hero-banner__inner{flex-direction:row-reverse}.hero-banner--side_by_side .hero-banner__content{flex:1;min-width:0}.hero-banner--side_by_side .hero-banner__media{flex:0 0 50%;max-width:50%;display:flex;align-items:center;justify-content:center}.hero-banner__side-image{width:100%;height:100%;object-fit:cover;display:block}.hero-banner__side-image--placeholder{width:100%;aspect-ratio:4 / 3;background-color:#f0f0f0}.hero-banner--background_image .hero-banner__inner{min-height:inherit}.hero-banner--background_image.hero-banner--content-left .hero-banner__inner{justify-content:flex-start}.hero-banner--background_image.hero-banner--content-center .hero-banner__inner{justify-content:center;text-align:center}.hero-banner--background_image.hero-banner--content-right .hero-banner__inner{justify-content:flex-end}.hero-banner--background_image .hero-banner__content{width:100%;max-width:520px}.hero-banner--background_image.hero-banner--content-center .hero-banner__content{max-width:640px}.hero-banner__bg-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__bg-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,var(--hb-overlay, 0))}.hero-banner__content{display:flex;flex-direction:column;gap:16px}.hero-banner__eyebrow{font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hb-accent);margin:0;line-height:1.4}.hero-banner__heading{color:var(--hb-heading);margin:0;line-height:1.1;font-weight:800}.hero-banner__heading--sm{font-size:clamp(1.25rem,3vw,1.75rem)}.hero-banner__heading--md{font-size:clamp(1.5rem,4vw,2.25rem)}.hero-banner__heading--lg{font-size:clamp(1.75rem,5vw,3rem)}.hero-banner__heading--xl{font-size:clamp(2rem,6vw,4rem)}.hero-banner__rule{width:48px;height:3px;background-color:var(--hb-accent);border-radius:2px;margin-top:-4px}.hero-banner__description{font-size:1.2rem;line-height:1.6;color:var(--hb-text);margin:0;max-width:48ch}.hero-banner__description ul{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:8px}.hero-banner__description ul li{display:flex;align-items:center;gap:10px;font-size:1.2rem;color:var(--hb-text)}.hero-banner__description ul li:before{content:"";display:inline-flex;flex-shrink:0;width:20px;height:20px;border-radius:50%;background-color:var(--hb-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 10l3.5 3.5L15 7' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px 14px}.hero-banner__cta{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;background-color:var(--hb-btn-bg);color:var(--hb-btn-text);text-decoration:none;font-weight:700;letter-spacing:.03em;padding:14px 28px;border:2px solid var(--hb-btn-bg);transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.hero-banner__cta:hover{background-color:transparent;color:var(--hb-btn-bg)}.hero-banner__cta:focus-visible{outline:2px solid var(--hb-accent);outline-offset:4px}.hero-banner__cta-icon{display:inline-flex;align-items:center;flex-shrink:0;transition:transform .2s ease}.hero-banner__cta:hover .hero-banner__cta-icon{transform:translate(3px)}.hero-banner__cta--secondary{background-color:var(--hb-btn-secondary-bg);color:var(--hb-btn-secondary-text);border-color:var(--hb-btn-secondary-text)}.hero-banner__cta--secondary:hover{background-color:var(--hb-btn-secondary-text);color:var(--hb-btn-secondary-bg)}.hero-banner--height-small .hero-banner__cta:hover .hero-banner__cta-icon,[data-icon=arrow_down]:hover .hero-banner__cta-icon{transform:translateY(3px)}.hero-banner--background_image.hero-banner--content-center .hero-banner__cta{align-self:center}.hero-banner__ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}@media screen and (max-width:749px){.hero-banner{padding-top:max(var(--hb-pt, 60px),40px);padding-bottom:max(var(--hb-pb, 60px),40px)}.hero-banner--side_by_side .hero-banner__inner{flex-direction:column!important;gap:28px;align-items:stretch}.hero-banner--side_by_side .hero-banner__media{flex:0 0 auto;max-width:100%;max-height:260px;overflow:hidden}.hero-banner--side_by_side .hero-banner__side-image{width:100%;height:260px;object-fit:cover;object-position:center top}.hero-banner--background_image .hero-banner__content{max-width:100%;padding:1rem;background:#ffffffb3;border-radius:10px}.hero-banner__heading--lg{font-size:1.875rem}.hero-banner__heading--xl{font-size:2.25rem}.hero-banner__cta{width:100%;justify-content:center;align-self:stretch}.hero-banner--height-small{min-height:240px}.hero-banner--height-medium{min-height:320px}.hero-banner--height-large{min-height:420px}.hero-banner--height-xlarge{min-height:520px}}@media screen and (min-width:750px)and (max-width:989px){.hero-banner__inner{gap:32px}.hero-banner--side_by_side .hero-banner__media{flex:0 0 45%;max-width:45%}.hero-banner__heading--xl{font-size:clamp(2rem,5vw,3rem)}}@media(prefers-reduced-motion:reduce){.hero-banner__cta,.hero-banner__cta-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/391/assets/section-hero-banner.css.map */