.hero-banner{position:relative;display:flex;width:auto;overflow:hidden;aspect-ratio:4 / 5;margin-inline:var(--valma-space-2);border-radius:var(--valma-radius-card)}@media screen and (min-width:750px){.hero-banner{aspect-ratio:16 / 10;margin-inline:var(--valma-space-4)}}@media screen and (min-width:990px){.hero-banner{aspect-ratio:21 / 9;min-height:56rem;margin-inline:var(--valma-space-5)}}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-banner__media img,.hero-banner__media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__media iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:100vw;min-height:56.25vw;transform:translate(-50%,-50%);pointer-events:none}.hero-banner__media.placeholder{background:var(--valma-color-bg-secondary)}.hero-banner__media.placeholder svg{width:100%;height:100%}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#00000059);pointer-events:none}.hero-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;color:var(--valma-color-white)}.hero-banner__content--top-left{justify-content:flex-start;align-items:flex-start}.hero-banner__content--top-center{justify-content:flex-start;align-items:center}.hero-banner__content--top-right{justify-content:flex-start;align-items:flex-end}.hero-banner__content--middle-left{justify-content:center;align-items:flex-start}.hero-banner__content--middle-center{justify-content:center;align-items:center}.hero-banner__content--middle-right{justify-content:center;align-items:flex-end}.hero-banner__content--bottom-left{justify-content:flex-end;align-items:flex-start}.hero-banner__content--bottom-center{justify-content:flex-end;align-items:center}.hero-banner__content--bottom-right{justify-content:flex-end;align-items:flex-end}.hero-banner__content--align-left .hero-banner__text-block{text-align:left}.hero-banner__content--align-center .hero-banner__text-block{text-align:center}.hero-banner__content--align-right .hero-banner__text-block{text-align:right}.hero-banner__text-block{max-width:42rem;margin-bottom:var(--valma-space-5)}.hero-banner__heading{font-family:var(--valma-font-heading);font-weight:700;font-size:var(--valma-h1);line-height:1.08;letter-spacing:-.01em;margin:0 0 var(--valma-space-3);color:var(--valma-color-white);text-wrap:balance}.hero-banner__heading--size-small{font-size:var(--valma-h2)}.hero-banner__heading--size-large{font-size:clamp(3.6rem,4vw + 2.4rem,6.8rem)}.hero-banner__subtext{font-family:var(--valma-font-body);font-size:var(--valma-body);line-height:1.5;margin:0 0 var(--valma-space-5);color:var(--valma-color-white)}.hero-banner__subtext--size-small{font-size:var(--valma-label)}.hero-banner__subtext--size-large{font-size:var(--valma-h3)}.hero-banner__button{display:inline-flex;align-items:center;justify-content:center;padding:1.4rem 2.8rem;border-radius:var(--valma-radius-button);background:var(--valma-color-white);color:var(--valma-color-primary);font-family:var(--valma-font-body);font-weight:600;font-size:1.4rem;letter-spacing:var(--valma-label-tracking);text-transform:uppercase;text-decoration:none;border:1px solid transparent;transition:opacity var(--valma-transition),transform var(--valma-transition)}.hero-banner__button:hover{opacity:.85;transform:translateY(-1px)}@keyframes hero-banner-rise{0%{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:translateY(0)}}@keyframes hero-banner-rise-subtext{0%{opacity:0;transform:translateY(1.6rem)}to{opacity:.92;transform:translateY(0)}}.hero-banner__heading,.hero-banner__subtext,.hero-banner__button{opacity:0;animation:hero-banner-rise .8s cubic-bezier(.16,1,.3,1) forwards}.hero-banner__subtext{animation-name:hero-banner-rise-subtext;animation-delay:.32s}.hero-banner__heading{animation-delay:.15s}.hero-banner__button{animation-delay:.48s}@media(prefers-reduced-motion:reduce){.hero-banner__heading,.hero-banner__subtext,.hero-banner__button{animation:none;opacity:1;transform:none}.hero-banner__subtext{opacity:.92}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-hero-banner.css.map */