.hero-banner{position:relative;width:100%;aspect-ratio:390 / 533;overflow:hidden;background-color:var(--color-background);isolation:isolate}@media screen and (min-width:768px){.hero-banner{aspect-ratio:1440 / 797;max-height:var(--fluid-797-797)}.hero-banner--bg-constrained{max-width:var(--fluid-1440-1440);margin-inline:auto}}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-banner__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hero-banner__img,.hero-banner__placeholder{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:translate(var(--hero-mobile-x, 0%),var(--hero-mobile-y, 0%)) scale(var(--hero-mobile-zoom, 1));transform-origin:center center;display:block}@media screen and (min-width:768px){.hero-banner__img,.hero-banner__placeholder{object-position:50% var(--hero-desktop-y, 50%);transform:translate(var(--hero-desktop-x, 0%))}}.hero-banner__gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-banner--orient .hero-banner__gradient{opacity:var(--hero-gradient-opacity, 1);background-image:linear-gradient(169.34deg,var(--hero-gradient-color, var(--color-background)) 27.04%,color-mix(in srgb,var(--hero-gradient-color, var(--color-background)) 80%,transparent) 44.8%,color-mix(in srgb,var(--hero-gradient-color, var(--color-background)) 0%,transparent) 78.36%)}@media screen and (min-width:768px){.hero-banner--orient .hero-banner__gradient{background-image:linear-gradient(197.68deg,color-mix(in srgb,var(--color-foreground) 50%,transparent) 1.59%,color-mix(in srgb,var(--color-foreground) 0%,transparent) 25.39%),linear-gradient(98.35deg,var(--hero-gradient-color, var(--color-background)) 25.11%,color-mix(in srgb,var(--hero-gradient-color, var(--color-background)) 80%,transparent) 45.37%,color-mix(in srgb,var(--hero-gradient-color, var(--color-background)) 0%,transparent) 65.13%)}}.hero-banner--dark .hero-banner__gradient{background-color:var(--color-foreground);opacity:var(--hero-overlay-opacity, .4)}.hero-banner__content-wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;padding:var(--fluid-108-160) var(--fluid-16-40) var(--fluid-40-64)}@media screen and (min-width:768px){.hero-banner__content-wrap{align-items:flex-start;justify-content:center}}.hero-banner__content{display:flex;flex-direction:column;align-items:center;gap:var(--fluid-32-64);width:100%;max-width:22.5625rem;color:var(--color-foreground);text-align:center}@media screen and (min-width:768px){.hero-banner__content{align-items:flex-start;max-width:var(--fluid-472-885);text-align:left}}.hero-banner--dark .hero-banner__content{color:var(--color-foreground-inverse)}.hero-banner__text{display:flex;flex-direction:column;gap:var(--fluid-12-25);width:100%}.hero-banner__heading{margin:0;font-family:var(--font-heading-family);font-weight:300;font-size:var(--fluid-34-70);line-height:1.1;letter-spacing:0;text-transform:uppercase;color:inherit;text-wrap:balance}.hero-banner__body{margin:0;font-family:var(--font-body-family);font-weight:400;font-size:var(--fluid-16-18);line-height:1.5;letter-spacing:.01em;color:inherit;max-width:100%}@media screen and (min-width:768px){.hero-banner__body{line-height:1.3;max-width:var(--fluid-276-517)}}.hero-banner__cta{display:inline-flex}.hero-banner__cta .button{font-size:var(--fluid-18-18);padding:var(--fluid-12-16) var(--fluid-32-32)}.hero-banner__cta .icon-arrow-right{width:var(--fluid-18-18);height:var(--fluid-18-18)}@media(prefers-reduced-motion:reduce){.hero-banner,.hero-banner *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-hero-banner.css.map */