.hero-banner{position:relative;display:flex;align-items:stretch;overflow:hidden;isolation:isolate}.hero-banner--small{min-height:42rem}.hero-banner--medium{min-height:56rem}.hero-banner--large{min-height:72rem}@media screen and (max-width:749px){.hero-banner--small,.hero-banner--medium,.hero-banner--large{min-height:0}}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__media img{width:100%;height:100%;object-fit:cover;object-position:center right;display:block}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--hero-overlay-color, rgba(0,0,0,0))}.hero-banner__gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero-banner--align-left .hero-banner__gradient{background:linear-gradient(to right,rgba(0,0,0,.96) 0%,rgba(0,0,0,.92) 5%,rgba(0,0,0,.82) 20%,rgba(0,0,0,.6) 38%,rgba(0,0,0,.25) 54%,rgba(0,0,0,.05) 65%,transparent 75%)}.hero-banner--align-center .hero-banner__gradient{background:radial-gradient(ellipse at 50% 60%,#0000 30%,#0000008c)}.hero-banner__content{position:relative;z-index:3;display:flex;width:100%;padding:7rem 5rem}.hero-banner__content--top{align-items:flex-start}.hero-banner__content--middle{align-items:center}.hero-banner__content--bottom{align-items:flex-end}.hero-banner--align-left .hero-banner__content{justify-content:flex-start}.hero-banner--align-center .hero-banner__content{justify-content:center}.hero-banner__box{max-width:52rem;word-wrap:break-word}.hero-banner--align-center .hero-banner__box{text-align:center;max-width:64rem}.hero-banner__heading{margin:0;line-height:1.08}.hero-banner__heading-line1{display:block;color:#fff;font-style:normal}.hero-banner__heading-line2{display:block;color:var(--hero-accent-color, #007d80);font-style:italic}.hero-banner__divider{display:flex;align-items:center;gap:1rem;margin:1.6rem 0}.hero-banner--align-center .hero-banner__divider{justify-content:center}.hero-banner__divider-rule{flex:0 0 3.5rem;height:1px;background:#000}.hero-banner__divider-icon{color:#000;font-size:1.6rem;line-height:1;flex-shrink:0}.hero-banner__subtext{color:#fff;font-size:1.88rem;line-height:1.65;margin:0 0 2.8rem}.hero-banner--align-center .hero-banner__subtext{margin-left:auto;margin-right:auto;max-width:46rem}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:1.2rem}.hero-banner--align-center .hero-banner__buttons{justify-content:center}.hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:1.3rem 2.6rem;font-size:1.25rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;line-height:1;cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease;border:2px solid transparent}.hero-banner__btn--primary{background:#007d80;color:#000;border-color:#007d80}.hero-banner__btn--primary:hover{background:transparent;color:var(--hero-accent-color, #0cc9ca)}.hero-banner__btn--secondary{background:#0f0f198c;color:#fff;border-color:#ffffffbf}.hero-banner__btn--secondary:hover{background:#ffffff26;border-color:#fff}.hero-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover}@media screen and (max-width:749px){.hero-banner{flex-direction:column;align-items:stretch}.hero-banner__media,.hero-banner__placeholder{position:relative;inset:auto;order:1;width:100%;overflow:hidden}.hero-banner__overlay,.hero-banner__gradient{display:none}.hero-banner__content{order:2;position:static;z-index:auto;align-items:center;justify-content:center;padding:4rem 2.4rem;text-align:center;background:rgb(var(--color-background))}.hero-banner__box{max-width:100%;width:100%;text-align:center}.hero-banner__divider{justify-content:center}.hero-banner__divider-rule{background:#00000040}.hero-banner__divider-icon{color:#0000008c}.hero-banner__heading-line1{color:#1a1a1a}.hero-banner__subtext{color:#000000b8;font-size:1.4rem;max-width:100%;margin-left:auto;margin-right:auto}.hero-banner__buttons{justify-content:center}.hero-banner__btn{padding:1.2rem 2rem;font-size:1.15rem}.hero-banner__btn--secondary{background:transparent;color:#1a1a1a;border-color:#00000059}.hero-banner__btn--secondary:hover{background:#0000000f;border-color:#1a1a1a}}@media screen and (max-width:480px){.hero-banner__btn{width:100%;justify-content:center}.hero-banner__buttons{flex-direction:column;gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-hero-banner.css.map */