.section-wrapper.container__set-width{margin-inline:calc(6 * var(--space-unit, 5px))}.brand-hero{position:relative;overflow:visible;margin:0}.brand-hero__wrapper{display:flex;flex-direction:column;gap:calc(8 * var(--space-unit, 5px));align-items:center;max-width:var(--page-width, 1320px);margin:0 auto;overflow:visible}.brand-hero__image-container{width:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.container__set-width .brand-hero__image{width:100%;height:auto;position:relative;z-index:2;margin-top:-5%;margin-bottom:-10%}.brand-hero__image{transition:transform .4s cubic-bezier(.4,0,.2,1);transform-origin:center center}.brand-hero__image:hover{transform:scale(1.05) rotate(2deg)}.brand-hero__image img{width:100%;height:auto;display:block}.brand-hero__image--placeholder svg{width:100%;height:auto}.brand-hero__content{width:100%;display:flex;flex-direction:column;justify-content:center;margin-block:calc(10 * var(--space-unit, 5px))}.brand-hero__content-inner{width:100%}.section-wrapper.container__full-width .brand-hero__wrapper{padding-block:calc(16 * var(--space-unit, 5px))}.brand-hero__heading{margin-bottom:calc(4 * var(--space-unit, 5px))}.brand-hero__heading--logo{display:inline-block}.brand-hero__logo{max-width:400px;width:100%;height:auto;display:block}.brand-hero__heading--text{line-height:1.2;margin-bottom:calc(4 * var(--space-unit, 5px))}.brand-hero__description{margin-top:calc(4 * var(--space-unit, 5px));margin-bottom:calc(6 * var(--space-unit, 5px));line-height:1.6}.brand-hero__description p{margin-bottom:calc(2 * var(--space-unit, 5px))}.brand-hero__description p:last-child{margin-bottom:0}.brand-hero__buttons{display:flex;justify-content:center;gap:calc(4 * var(--space-unit, 5px));margin-top:calc(6 * var(--space-unit, 5px))}.brand-hero__content-inner.text-start{text-align:left}.brand-hero__content-inner.text-center{text-align:center}.brand-hero__content-inner.text-center .brand-hero__logo{margin-left:auto;margin-right:auto}.brand-hero__content-inner.text-end{text-align:right}.brand-hero__content-inner.text-end .brand-hero__logo{margin-left:auto}@media(max-width:768px){.brand-hero__wrapper{flex-direction:column-reverse;gap:calc(6 * var(--space-unit, 5px));padding-block:calc(6 * var(--space-unit, 5px))}.brand-hero__image-container{max-width:100%}.brand-hero__image{max-width:400px;margin-top:0;margin-bottom:0}.brand-hero__content{text-align:center}.brand-hero__logo{margin-left:auto;margin-right:auto;max-width:300px}}@media(min-width:769px){.brand-hero__wrapper{flex-direction:row;gap:calc(12 * var(--space-unit, 5px));align-items:center}.brand-hero__wrapper.flex-row-reverse{flex-direction:row-reverse}}.brand-hero__stats-bar{border-radius:0 0 10px 10px;width:100%;display:flex;background-color:var(--stats-bg-color, #4a90e2);color:var(--stats-text-color, #ffffff)}.brand-hero__stats-bar .brand-hero__stats-bar-content{display:flex;align-items:center;gap:calc(12 * var(--space-unit, 5px));padding:calc(4 * var(--space-unit, 5px)) calc(6 * var(--space-unit, 5px));border-radius:8px;width:50%;margin-right:10px;position:relative;z-index:1;justify-content:space-between}.brand-hero__stats-bar--left{justify-content:flex-start}.brand-hero__stats-bar--right{justify-content:flex-end}.brand-hero__stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:calc(1 * var(--space-unit, 5px));min-width:80px}.brand-hero__stat-large{font-weight:var(--heading-font-weight);margin:0;font-size:var(--stats-text-size, 36px);color:var(--stats-text-color, #ffffff)}.brand-hero__stat-small{font-weight:var(--body-font-weight);font-size:calc(var(--stats-text-size, 36px) * .6);color:var(--stats-text-color, #ffffff)}@media(max-width:768px){.brand-hero__stats-bar{justify-content:center}.brand-hero__stats-bar .brand-hero__stats-bar-content{width:100%;gap:calc(4 * var(--space-unit, 5px));padding:calc(3 * var(--space-unit, 5px)) calc(4 * var(--space-unit, 5px))}.brand-hero__stats-bar--left,.brand-hero__stats-bar--right{justify-content:center}.brand-hero__stats-bar--left .brand-hero__stats-bar-content,.brand-hero__stats-bar--right .brand-hero__stats-bar-content{margin-left:0;margin-right:0}.brand-hero__stat{min-width:60px;gap:calc(.5 * var(--space-unit, 5px))}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/brand-landing-hero-banner.css.map */
