.hero-banner{position:relative;overflow:hidden}.hero-banner__wrapper{position:relative;z-index:1}.hero-banner__content-wrapper{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;padding:0;min-height:50rem}.hero-banner__content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;z-index:2}.hero-banner__heading{font-size:4.8rem;line-height:1.1;font-weight:700;margin:0 0 2rem;max-width:60rem}.hero-banner__heading.extra-large{font-size:5.6rem}.hero-banner__heading.medium{font-size:4rem}.hero-banner__description{font-size:1.8rem;line-height:1.5;margin-bottom:2rem;max-width:54rem;opacity:.9}.hero-banner__description p{margin-bottom:1.5rem}.hero-banner__description p:last-child{margin-bottom:0}.hero-banner__description strong{font-weight:600}.hero-banner__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.hero-banner__icon img,.hero-banner__icon-svg{width:auto;height:auto;max-width:12rem;max-height:12rem}.hero-banner__icon-svg svg{width:100%;height:100%}.hero-banner__button{margin-top:1rem}.hero-banner__image-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.hero-banner__image{position:relative;width:100%}.hero-banner__image img{width:100%;height:auto;display:block;border-radius:var(--media-radius)}.responsive-wrapper{position:relative;width:100%}.responsive-wrapper:before{content:"";display:block;padding-bottom:calc(100% / var(--desktop-aspect-ratio, 1.2))}.responsive-wrapper__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.responsive-wrapper__image{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:var(--media-radius)}@media screen and (min-width: 990px){.hero-banner__content-wrapper{grid-template-columns:1fr auto;gap:4rem;padding:0;min-height:60rem}.hero-banner__content{padding-right:2rem}.hero-banner__heading{font-size:5.6rem;margin-bottom:3rem}.hero-banner__heading.extra-large{font-size:6.4rem}.hero-banner__heading.medium{font-size:4.8rem}.hero-banner__description{font-size:2rem;margin-bottom:3rem}.hero-banner__icon{left:60%;transform:translate(-50%,-50%)}.hero-banner__icon img,.hero-banner__icon-svg{max-width:16rem;max-height:16rem}}@media screen and (min-width: 750px) and (max-width: 989px){.hero-banner__content-wrapper{grid-template-columns:1fr 1fr;gap:3rem;padding:0;min-height:55rem}.hero-banner__heading{font-size:5rem}.hero-banner__description{font-size:1.9rem}.hero-banner__icon img,.hero-banner__icon-svg{max-width:14rem;max-height:14rem}}@media screen and (max-width: 749px){.hero-banner__content-wrapper{grid-template-columns:1fr;gap:3rem;padding:0;min-height:auto;text-align:center}.hero-banner__content{align-items:center;text-align:center;order:2}.hero-banner__image-wrapper{order:1}.hero-banner__heading{font-size:3.6rem;margin-bottom:2rem}.hero-banner__heading.extra-large{font-size:4.2rem}.hero-banner__heading.medium{font-size:3.2rem}.hero-banner__description{font-size:1.7rem;margin-bottom:2rem}.hero-banner__icon{left:50%;bottom:-2rem;top:auto;transform:translate(-50%)}.hero-banner__icon img,.hero-banner__icon-svg{max-width:10rem;max-height:10rem}.responsive-wrapper:before{padding-bottom:calc(100% / var(--mobile-aspect-ratio, 1.1))}}@media screen and (max-width: 479px){.hero-banner__content-wrapper{padding:0}.hero-banner__heading{font-size:3.2rem}.hero-banner__heading.extra-large{font-size:3.6rem}.hero-banner__heading.medium{font-size:2.8rem}.hero-banner__description{font-size:1.6rem}.hero-banner__icon img,.hero-banner__icon-svg{max-width:8rem;max-height:8rem}}.hero-banner .button{min-width:16rem;padding:1.5rem 3rem;font-size:1.6rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border-radius:.4rem;transition:all .3s ease;border:.2rem solid transparent}.hero-banner .button--primary{background-color:#fff;color:rgb(var(--color-foreground));border-color:#fff}.hero-banner .button--primary:hover{background-color:#ffffffe6;transform:translateY(-.1rem)}.hero-banner .button--secondary{background-color:transparent;color:currentColor;border-color:currentColor}.hero-banner .button--secondary:hover{background-color:#ffffff1a;transform:translateY(-.1rem)}@media (prefers-reduced-motion: no-preference){.hero-banner__content>*{opacity:0;transform:translateY(2rem);animation:fadeInUp .8s ease forwards}.hero-banner__heading{animation-delay:.2s}.hero-banner__description{animation-delay:.4s}.hero-banner__button{animation-delay:.6s}.hero-banner__image-wrapper{opacity:0;transform:translate(2rem);animation:fadeInRight 1s ease forwards;animation-delay:.3s}.hero-banner__icon{opacity:0;animation:fadeInScale 1s ease forwards;animation-delay:.8s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{to{opacity:1;transform:translate(-50%,-50%) scale(1)}0%{transform:translate(-50%,-50%) scale(.8)}}@media screen and (max-width: 749px){.hero-banner__image-wrapper{transform:translateY(-2rem);animation:fadeInUp 1s ease forwards}.hero-banner__icon{transform:translate(-50%) scale(.8);animation:fadeInMobileIcon 1s ease forwards;animation-delay:.8s}@keyframes fadeInMobileIcon{to{opacity:1;transform:translate(-50%) scale(1)}}}}@media (prefers-contrast: high){.hero-banner .button--primary{border-color:currentColor}}@media print{.hero-banner{break-inside:avoid}.hero-banner__content-wrapper{display:block;padding:0}.hero-banner__image-wrapper{display:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-hero-banner.css.map */