.hero-banner{width:100%;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--hb-height, 600px);position:relative;overflow:hidden;display:block}.hero-banner__background-image{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;overflow:hidden}.hero-banner__bg-img{object-position:center;width:100%;height:100%;object-fit:cover;display:block}.hero-banner__overlay{width:100%;height:100%;background-color:#00000080;z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--hb-overlay-color, rgba(0,0,0,.5));opacity:var(--hb-overlay-opacity, .5);pointer-events:none}.hero-banner__container{width:100%;padding:40px 20px;box-sizing:border-box;z-index:3;position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center}.hero-banner__content{display:flex;flex-direction:column;gap:24px;align-items:center;max-width:750px;position:relative;max-width:var(--hb-content-width, 750px);width:100%;padding:20px;box-sizing:border-box;margin:0 auto;text-align:center}.hero-banner__overline{font-family:Suisse BP Int,sans-serif;font-weight:400;font-size:16px;line-height:1;color:#838383;text-transform:uppercase;letter-spacing:.5px;margin:0;color:var(--hb-overline-color, #838383);font-size:.9rem;letter-spacing:.08em;margin-bottom:.5rem}.hero-banner__main-text{font-family:Suisse BP Int,sans-serif;font-weight:500;font-size:32px;line-height:.9;letter-spacing:-.32px;color:#fff;margin:0;color:var(--hb-main-text-color, #ffffff);font-size:1.25rem;line-height:1.4}@media screen and (max-width: 1024px){.hero-banner{min-height:500px}.hero-banner__content{max-width:600px;gap:20px}.hero-banner__main-text{font-size:28px;letter-spacing:-.28px}}@media screen and (max-width: 768px){.hero-banner{min-height:400px;height:70vh}.hero-banner__container{padding:32px 16px}.hero-banner__content{max-width:100%;gap:16px}.hero-banner__overline{font-size:14px}.hero-banner__main-text{font-size:24px;letter-spacing:-.24px;line-height:1}}@media screen and (max-width: 480px){.hero-banner{min-height:350px;height:60vh}.hero-banner__container{padding:24px 12px}.hero-banner__overline{font-size:12px}.hero-banner__main-text{font-size:20px;letter-spacing:-.2px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-banner__content{animation:fadeInUp .8s ease-out}.hero-banner__overline{animation:fadeInUp .8s ease-out .2s both}.hero-banner__main-text{animation:fadeInUp .8s ease-out .4s both}@media (prefers-reduced-motion: reduce){.hero-banner__content,.hero-banner__overline,.hero-banner__main-text{animation:none}}.hero-banner:focus-within{outline:2px solid #8b9d00;outline-offset:4px}@media (prefers-contrast: high){.hero-banner__overline{color:#ccc}.hero-banner__main-text{color:#fff}}.hero-banner{height:var(--hb-height, 600px);min-height:600px}.hero-banner__content{max-width:var(--hb-content-width, 750px)}.hero-banner__overline{color:var(--hb-overline-color, #838383)}.hero-banner__main-text{color:var(--hb-main-text-color, #ffffff)}.hero-banner__overlay{background-color:var(--hb-overlay-color, rgba(0, 0, 0, .5));opacity:var(--hb-overlay-opacity, .5)}.hero-banner__bg-img--top{object-position:top}.hero-banner__bg-img--bottom{object-position:bottom}.hero-banner__bg-img--left{object-position:left}.hero-banner__bg-img--right{object-position:right}@media print{.hero-banner{background-color:#fff!important;color:#000!important;height:auto!important;min-height:auto!important;page-break-inside:avoid}.hero-banner__background-image,.hero-banner__overlay{display:none!important}.hero-banner__overline,.hero-banner__main-text{color:#000!important}}.hero-banner__bg-img{will-change:transform;backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.hero-banner__bg-img{will-change:auto}}@media (prefers-contrast: high){.hero-banner__overlay{background-color:#000c!important}.hero-banner__overline,.hero-banner__main-text{text-shadow:2px 2px 4px rgba(0,0,0,.8)}}@media (min-width: 768px){.hero-banner__main-text{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/hero-banner.css.map */