.hero-banner{position:relative;min-height:var(--hero-min-height, 80vh);display:flex;align-items:center;overflow:hidden;margin-top:-1px}.hero-banner__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}@media(max-width:749px){.hero-banner{min-height:var(--hero-min-height, 70vh)}.hero-banner__bg-img{object-position:center 30%}}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(26,28,32,var(--hero-overlay, .55));z-index:0}.hero-banner__content{position:relative;z-index:1;padding-block:var(--space-10);width:100%;text-align:left}.hero-banner__content--left{text-align:left}.hero-banner__content--center{text-align:center}.hero-banner__content--right{text-align:right}@media(min-width:750px){.hero-banner__content--left{max-width:55%}.hero-banner__content--right{max-width:55%;margin-left:auto}.hero-banner__content--center{max-width:720px;margin-inline:auto}}.hero-banner__heading{font-size:var(--font-size-display);font-weight:var(--fw-display);line-height:1.05;color:#fff;margin-bottom:var(--space-4);text-shadow:0 2px 12px rgba(0,0,0,.4)}@media(max-width:479px){.hero-banner__heading{font-size:clamp(28px,8vw,40px)}}.hero-banner__subheading{font-size:var(--font-size-h3);color:#e2e8f0eb;max-width:560px;margin-bottom:var(--space-5);line-height:1.5;text-shadow:0 1px 6px rgba(0,0,0,.3)}.hero-banner__content--center .hero-banner__subheading{margin-inline:auto}.hero-banner__content--right .hero-banner__subheading{margin-left:auto}.hero-banner__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-banner .btn--secondary{color:#fff;border-color:#ffffffb3}.hero-banner .btn--secondary:hover{background:#ffffff26;color:#fff;border-color:#fff}.hero-banner__content--left .hero-banner__actions{justify-content:flex-start}.hero-banner__content--center .hero-banner__actions{justify-content:center}.hero-banner__content--right .hero-banner__actions{justify-content:flex-end}@media(max-width:399px){.hero-banner__actions{flex-direction:column;align-items:stretch}.hero-banner__actions .btn{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero.css.map */