.hero-banner{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-banner--small{min-height:400px}.hero-banner--medium{min-height:500px}.hero-banner--large{min-height:650px}.hero-banner--fullscreen{min-height:100vh}.hero-banner--adapt{min-height:auto}.hero-banner--adapt .hero-banner__media{position:relative;height:auto}.hero-banner--adapt .hero-banner__image{height:auto;object-fit:contain}.hero-banner--adapt .hero-banner__wrapper{position:absolute;top:0;left:0;right:0;bottom:0}.hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner__image--mobile{display:block}.hero-banner__image--desktop{display:none}.hero-banner__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.hero-banner__placeholder svg{width:100%;height:100%;opacity:.3}.hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-banner__wrapper{position:relative;z-index:2;width:100%;height:100%;display:flex}.hero-banner__content{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;padding:2rem 1.5rem}.hero-banner__content--left{align-items:flex-start;text-align:left;margin-right:auto}.hero-banner__content--center{align-items:center;text-align:center;margin-left:auto;margin-right:auto}.hero-banner__content--right{align-items:flex-end;text-align:right;margin-left:auto}.hero-banner__content--top{align-self:flex-start}.hero-banner__content--middle{align-self:center}.hero-banner__content--bottom{align-self:flex-end}.hero-banner__label{font-size:.875rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0;opacity:.9}.hero-banner__heading{margin:0;line-height:1.1;letter-spacing:-.02em;font-weight:800}.hero-banner__heading.h2{font-size:clamp(1.75rem,4vw,2.5rem)}.hero-banner__heading.h1{font-size:clamp(2rem,5vw,3rem)}.hero-banner__heading.h0{font-size:clamp(2.5rem,6vw,4rem)}.hero-banner__heading.hxl{font-size:clamp(3rem,7vw,5rem)}.hero-banner__heading.hxxl{font-size:clamp(3.5rem,8vw,6rem)}.hero-banner__subheading{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;opacity:.95;max-width:600px}.hero-banner__subheading p{margin:0}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.hero-banner__buttons .button{min-width:180px;font-size:1rem;padding:1rem 2rem;font-weight:600}@media screen and (prefers-reduced-motion: no-preference){.scroll-trigger.animate--slide-in{animation:hero-slide-in .8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes hero-slide-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion: reduce){.hero-banner__content{animation:none}}.hero-banner__buttons .button:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media screen and (min-width: 750px){.hero-banner--small{min-height:450px}.hero-banner--medium{min-height:600px}.hero-banner--large{min-height:750px}.hero-banner__content{padding:3rem 2rem;gap:2rem}.hero-banner__label{font-size:.9375rem}.hero-banner__subheading{font-size:1.25rem}.hero-banner__buttons .button{min-width:200px;padding:1.125rem 2.5rem;font-size:1.0625rem}.hero-banner__image--mobile{display:none}.hero-banner__image--desktop{display:block}}@media screen and (min-width: 990px){.hero-banner--small{min-height:500px}.hero-banner--medium{min-height:650px}.hero-banner--large{min-height:800px}.hero-banner__content{padding:4rem 2rem;max-width:900px}.hero-banner__buttons{gap:1.25rem}}@media screen and (min-width: 1280px){.hero-banner__content{max-width:1000px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero-banner-custom.css.map */