.banner-section-wrapper{width:100%}.banner-section{position:relative;width:100%;height:var(--banner-height-mobile, 320px);overflow:hidden;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface-raised) 50%,var(--color-background-subtle) 100%);border:1px solid var(--color-border-subtle);border-radius:5px}@media screen and (min-width:750px){.banner-section{height:var(--banner-height-desktop, 480px)}}.banner-section__media{position:absolute;top:0;right:0;bottom:0;left:0}.banner-section__image,.banner-section__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.banner-section__video--desktop,.banner-section__image--desktop{display:none}.banner-section__video--mobile,.banner-section__image--mobile{display:block}@media screen and (min-width:750px){.banner-section__video--mobile,.banner-section__image--mobile{display:none}.banner-section__video--desktop,.banner-section__image--desktop{display:block}}.banner-section__overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:var(--color-background);opacity:var(--banner-overlay, .48);pointer-events:none}.banner-section__content{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;padding:1.5rem}.banner-section__content--left{justify-content:flex-start}.banner-section__content--center{justify-content:center}.banner-section__content--right{justify-content:flex-end}.banner-section__content--v-top{align-items:flex-start}.banner-section__content--v-middle{align-items:center}.banner-section__content--v-bottom{align-items:flex-end}.banner-section__content-inner{display:flex;flex-direction:column;gap:.75rem;max-width:560px}.banner-section__content--center .banner-section__content-inner{align-items:center;text-align:center}.banner-section__content--right .banner-section__content-inner{align-items:flex-end;text-align:right}.banner-section__heading{margin:0;color:var(--color-text);font-size:clamp(22px,4vw,40px);font-weight:700;line-height:1.15;text-shadow:0 1px 4px rgb(0 0 0 / 45%)}.banner-section__subheading{margin:0;color:#f4f7fae0;font-size:clamp(13px,2vw,16px);font-weight:500;line-height:1.5;text-shadow:0 1px 3px rgb(0 0 0 / 38%)}.banner-section__btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.5rem;border-radius:3px;font-size:13px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.banner-section__btn:hover{transform:translateY(-1px)}.banner-section__btn--solid{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-text)}.banner-section__btn--solid:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover);box-shadow:0 4px 12px #c9f53a38}.banner-section__btn--outline{border:2px solid var(--color-text);background:transparent;color:var(--color-text)}.banner-section__btn--outline:hover{background:var(--color-text);color:var(--color-accent-text)}.banner-section__btn--ghost{border:1px solid rgb(244 247 250 / 40%);background:#f4f7fa24;color:var(--color-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.banner-section__btn--ghost:hover{border-color:#f4f7fab3;background:#f4f7fa42}.banner-section__btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.banner-section:not(.banner-section--has-media) .banner-section__heading{color:var(--color-text);text-shadow:none}.banner-section:not(.banner-section--has-media) .banner-section__subheading{color:var(--color-text-muted);text-shadow:none}.banner-section:not(.banner-section--has-media) .banner-section__btn--outline{border-color:var(--color-primary);color:var(--color-primary-hover)}.banner-section:not(.banner-section--has-media) .banner-section__btn--outline:hover{background:var(--color-primary);color:var(--color-accent-text)}.banner-section:not(.banner-section--has-media) .banner-section__btn--ghost{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary-hover)}@media(prefers-reduced-motion:reduce){.banner-section__video{display:none}.banner-section__btn{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/banner.css.map */