.media-banner{background-color:var(--section-bg, #ffffff);padding-top:var(--spacing-top);padding-bottom:var(--spacing-bottom);overflow:hidden;width:100%}.media-banner__container{width:100%;overflow:hidden}.media-banner--full-width .media-banner__container{width:100%;max-width:100%}.media-banner--contained{padding-left:12px;padding-right:12px}@media screen and (min-width:750px){.media-banner--contained{padding-left:16px;padding-right:16px}}.media-banner--contained .media-banner__container{width:100%}.media-banner__card{position:relative;width:100%;height:var(--banner-height, auto);aspect-ratio:var(--banner-aspect-ratio, auto);min-height:300px;border-radius:12px;overflow:hidden}@media screen and (min-width:750px){.media-banner__card{border-radius:16px;min-height:350px}}.media-banner--full-width .media-banner__card{border-radius:0}.media-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.media-banner__media--desktop{display:none}.media-banner__media--mobile{display:block}@media screen and (min-width:750px){.media-banner__media--desktop{display:block}.media-banner__media--mobile{display:none}}.media-banner__image,.media-banner__video{width:100%;height:100%;object-fit:cover}.media-banner__video--iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%)}@supports (aspect-ratio: 16/9){.media-banner__video--iframe{min-width:100%;min-height:100%;width:auto;height:auto;aspect-ratio:16/9}}@supports not (aspect-ratio: 16/9){.media-banner__video--iframe{min-width:177.78vh;min-height:56.25vw}}.media-banner__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.media-banner__placeholder .placeholder-svg{width:60%;height:60%;fill:#ccc}.media-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--card-overlay, #000000);opacity:var(--card-overlay-opacity, .2);z-index:2;pointer-events:none}.media-banner__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;padding:24px;z-index:3}@media screen and (min-width:750px){.media-banner__content{padding:40px}}.media-banner__content--top-left{justify-content:flex-start;align-items:flex-start;text-align:left}.media-banner__content--top-center{justify-content:center;align-items:flex-start;text-align:center}.media-banner__content--top-right{justify-content:flex-end;align-items:flex-start;text-align:right}.media-banner__content--center-left{justify-content:flex-start;align-items:center;text-align:left}.media-banner__content--center-center{justify-content:center;align-items:center;text-align:center}.media-banner__content--center-right{justify-content:flex-end;align-items:center;text-align:right}.media-banner__content--bottom-left{justify-content:flex-start;align-items:flex-end;text-align:left}.media-banner__content--bottom-center{justify-content:center;align-items:flex-end;text-align:center}.media-banner__content--bottom-right{justify-content:flex-end;align-items:flex-end;text-align:right}.media-banner__text{display:flex;flex-direction:column;gap:16px;max-width:var(--content-width, 400px);width:100%}@media screen and (min-width:750px){.media-banner__text{gap:20px;max-width:var(--content-width, 400px)}}.media-banner__title{margin:0;color:var(--title-color, #ffffff);font-family:var(--heading-font);font-weight:var(--heading-weight);line-height:var(--line-height-snug);letter-spacing:var(--heading-letter-spacing);font-size:var(--font-size-4xl)}@media screen and (min-width:750px){.media-banner__title{font-size:var(--font-size-5xl)}}.media-banner__description{color:var(--description-color, #ffffff);font-family:var(--body-font);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);margin:0}@media screen and (min-width:750px){.media-banner__description{font-size:var(--font-size-md)}}.media-banner__button{display:inline-flex;align-items:center;justify-content:center;padding:8px 24px;min-height:var(--button-min-height, 44px);font-family:var(--ui-font);font-size:var(--button-font-size);font-weight:var(--ui-weight);letter-spacing:var(--ui-letter-spacing);text-transform:uppercase;text-decoration:none;border-radius:var(--button-border-radius, 0);transition:all .2s ease;cursor:pointer;margin-top:8px;align-self:inherit;width:fit-content}.media-banner__button--primary{background-color:var(--color-button-primary-bg, #1a1a1a);color:var(--color-button-primary-text, #ffffff);border:1px solid var(--color-button-primary-border, #1a1a1a)}.media-banner__button--primary:hover{background-color:var(--color-button-primary-bg-hover, #333333);color:var(--color-button-primary-text-hover, #ffffff)}.media-banner__button--secondary{background-color:var(--color-button-secondary-bg, transparent);color:var(--color-button-secondary-text, #1a1a1a);border:1px solid var(--color-button-secondary-border, #1a1a1a)}.media-banner__button--secondary:hover{background-color:var(--color-button-secondary-bg-hover, #1a1a1a);color:var(--color-button-secondary-text-hover, #ffffff)}.media-banner__button--tertiary{background-color:transparent;color:var(--color-button-tertiary-text, #1a1a1a);border:none;text-decoration:underline;text-underline-offset:3px}.media-banner__button--tertiary:hover{color:var(--color-button-tertiary-text-hover, #666666)}.media-banner__button--link{background-color:transparent;color:var(--color-button-link-text, #1a1a1a);border:none;padding:8px 0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--color-button-link-underline, #1a1a1a)}.media-banner__button--link:hover{color:var(--color-button-link-text-hover, #666666);text-decoration-color:var(--color-button-link-text-hover, #666666)}
/*# sourceMappingURL=/cdn/shop/t/35/assets/media-banner.css.map */