.occasion-banner{width:100%;padding-top:var(--occasion-banner-padding-top-desktop);padding-bottom:var(--occasion-banner-padding-bottom-desktop)}.occasion-banner__banner{position:relative;width:100%;overflow:hidden;color:var(--occasion-banner-text-color);isolation:isolate}.occasion-banner__banner--desktop-small{height:280px}.occasion-banner__banner--desktop-medium{height:380px}.occasion-banner__banner--desktop-large{height:520px}.occasion-banner__banner--desktop-adapt{height:auto;min-height:280px;aspect-ratio:var(--occasion-banner-desktop-ratio)}.occasion-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%}.occasion-banner__media--mobile{display:none}.occasion-banner__image,.occasion-banner__placeholder{display:block;width:100%;height:100%}.occasion-banner__image{object-fit:cover;object-position:center}.occasion-banner__placeholder{background:#eee}.occasion-banner__placeholder svg{width:100%;height:100%}.occasion-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--occasion-banner-overlay);opacity:var(--occasion-banner-overlay-desktop);pointer-events:none}.occasion-banner__page{position:relative;z-index:2;height:100%}.occasion-banner__position{display:flex;width:100%;height:100%;padding:var(--occasion-banner-content-padding-desktop) 0}.occasion-banner__position--desktop-top-left{align-items:flex-start;justify-content:flex-start}.occasion-banner__position--desktop-top-center{align-items:flex-start;justify-content:center}.occasion-banner__position--desktop-top-right{align-items:flex-start;justify-content:flex-end}.occasion-banner__position--desktop-middle-left{align-items:center;justify-content:flex-start}.occasion-banner__position--desktop-middle-center{align-items:center;justify-content:center}.occasion-banner__position--desktop-middle-right{align-items:center;justify-content:flex-end}.occasion-banner__position--desktop-bottom-left{align-items:flex-end;justify-content:flex-start}.occasion-banner__position--desktop-bottom-center{align-items:flex-end;justify-content:center}.occasion-banner__position--desktop-bottom-right{align-items:flex-end;justify-content:flex-end}.occasion-banner__content{width:100%;max-width:var(--occasion-banner-content-width);color:var(--occasion-banner-text-color)}.occasion-banner__content--desktop-left{text-align:left}.occasion-banner__content--desktop-center{text-align:center}.occasion-banner__content--desktop-right{text-align:right}.occasion-banner__eyebrow{margin-bottom:10px;font-family:var(--text-font-family);font-size:11px;line-height:1.3}.occasion-banner__eyebrow--custom{font-family:var(--occasion-banner-eyebrow-family);font-size:var(--occasion-banner-eyebrow-size-desktop);font-weight:var(--occasion-banner-eyebrow-weight)}.occasion-banner__heading{margin:0;color:inherit;font-family:var(--heading-font-family);font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.1}.occasion-banner__heading--custom{font-family:var(--occasion-banner-heading-family);font-size:var(--occasion-banner-heading-size-desktop);font-weight:var(--occasion-banner-heading-weight);line-height:var(--occasion-banner-heading-line-height)}.occasion-banner__text{margin-top:16px;color:inherit;font-family:var(--text-font-family);font-size:14px;line-height:1.5}.occasion-banner__text--custom,.occasion-banner__text--custom>*{font-family:var(--occasion-banner-text-family);font-size:var(--occasion-banner-text-size-desktop);font-weight:var(--occasion-banner-text-weight);line-height:var(--occasion-banner-text-line-height)}.occasion-banner__text>*{margin-top:0}.occasion-banner__text>*:last-child{margin-bottom:0}.occasion-banner__button-wrap{margin-top:22px}.occasion-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 24px;border:1px solid var(--occasion-banner-button-border);border-radius:var(--occasion-banner-button-radius);background:var(--occasion-banner-button-bg);color:var(--occasion-banner-button-text);font-family:var(--occasion-banner-button-family);font-size:var(--occasion-banner-button-size-desktop);font-weight:var(--occasion-banner-button-weight);line-height:1.2;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.occasion-banner__button:hover{opacity:.9}@media screen and (max-width:749px){.occasion-banner{padding-top:var(--occasion-banner-padding-top-mobile);padding-bottom:var(--occasion-banner-padding-bottom-mobile)}.occasion-banner__banner--mobile-small{height:360px}.occasion-banner__banner--mobile-medium{height:460px}.occasion-banner__banner--mobile-large{height:580px}.occasion-banner__banner--mobile-adapt{height:auto;min-height:320px;aspect-ratio:var(--occasion-banner-mobile-ratio)}.occasion-banner__media--desktop{display:none}.occasion-banner__media--mobile{display:block}.occasion-banner__overlay{opacity:var(--occasion-banner-overlay-mobile)}.occasion-banner__position{padding:var(--occasion-banner-content-padding-mobile) 0}.occasion-banner__position--mobile-top-left{align-items:flex-start;justify-content:flex-start}.occasion-banner__position--mobile-top-center{align-items:flex-start;justify-content:center}.occasion-banner__position--mobile-top-right{align-items:flex-start;justify-content:flex-end}.occasion-banner__position--mobile-middle-left{align-items:center;justify-content:flex-start}.occasion-banner__position--mobile-middle-center{align-items:center;justify-content:center}.occasion-banner__position--mobile-middle-right{align-items:center;justify-content:flex-end}.occasion-banner__position--mobile-bottom-left{align-items:flex-end;justify-content:flex-start}.occasion-banner__position--mobile-bottom-center{align-items:flex-end;justify-content:center}.occasion-banner__position--mobile-bottom-right{align-items:flex-end;justify-content:flex-end}.occasion-banner__content--mobile-left{text-align:left}.occasion-banner__content--mobile-center{text-align:center}.occasion-banner__content--mobile-right{text-align:right}.occasion-banner__heading--custom{font-size:var(--occasion-banner-heading-size-mobile)}.occasion-banner__text--custom,.occasion-banner__text--custom>*{font-size:var(--occasion-banner-text-size-mobile)}.occasion-banner__eyebrow--custom{font-size:var(--occasion-banner-eyebrow-size-mobile)}.occasion-banner__button{font-size:var(--occasion-banner-button-size-mobile)}}@media(prefers-reduced-motion:reduce){.occasion-banner__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/occasion-banner.css.map */