.custom-story-banner-section.shopify-section{overflow:visible;box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-top:calc(var(--custom-story-banner-padding-top, 48px) * .55);padding-bottom:calc(var(--custom-story-banner-padding-bottom, 48px) * .55)}@media(max-width:719px){.custom-story-banner-section.shopify-section.is-animating,.custom-story-banner-section.shopify-section{transition:height var(--custom-story-banner-expand-duration, .7s) var(--custom-story-banner-expand-easing, cubic-bezier(.22, 1, .36, 1))}}@media(min-width:720px){.custom-story-banner-section.shopify-section{padding-top:var(--custom-story-banner-padding-top, 48px);padding-bottom:var(--custom-story-banner-padding-bottom, 48px)}}@media(min-width:720px){.custom-story-banner{--custom-story-banner-height: calc((100 * var(--vh, 1vh) - var(--header-height, 0px)) - 32px)}}.custom-story-banner{--custom-story-banner-card-padding: clamp(24px, 4vw, 40px);--custom-story-banner-expand-duration: .7s;--custom-story-banner-expand-easing: cubic-bezier(.22, 1, .36, 1);--custom-story-banner-icon-duration: .5s;--custom-story-banner-icon-easing: cubic-bezier(.22, 1, .36, 1);--custom-story-banner-edge-padding: 16px;--custom-story-banner-control-offset: 16px;--custom-story-banner-mobile-media-height: calc(80vw * var(--custom-story-banner-image-height, 5) / var(--custom-story-banner-image-width, 4));--custom-story-banner-mobile-expanded-media-height: calc((100vw - (2 * var(--space-outer))) * var(--custom-story-banner-image-height, 5) / var(--custom-story-banner-image-width, 4));--custom-story-banner-mobile-card-overlap: calc(var(--custom-story-banner-mobile-media-height) * .12);position:relative;box-sizing:border-box;width:100%;height:auto;min-height:0;padding-top:var(--custom-story-banner-mobile-media-height);overflow:visible;color:var(--color-scheme-3-text, var(--color-text));transition:height var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),min-height var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),padding-top var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),padding-left var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),padding-right var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing)}.custom-story-banner__media-shell{position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;width:80%;height:var(--custom-story-banner-mobile-media-height);pointer-events:auto;transition:top var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),right var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),bottom var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),left var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),width var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),height var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing)}.custom-story-banner__media{position:relative;width:100%;height:100%;overflow:hidden;aspect-ratio:var(--custom-story-banner-image-ratio, 5 / 4);border-radius:0 var(--section-border-radius-mobile) var(--section-border-radius-mobile) 0;transition:border-radius var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing)}.custom-story-banner__image,.custom-story-banner__placeholder{display:block;width:100%;height:100%;object-fit:cover}.custom-story-banner__placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-scheme-3-background, #f5f5f5)}.custom-story-banner__placeholder .placeholder-svg{width:100%;height:100%;opacity:.35}.custom-story-banner__controls{display:none}.custom-story-banner .custom-half-video__control--expand{position:relative;overflow:hidden}.custom-story-banner .custom-half-video__control-icon{display:flex;align-items:center;justify-content:center;transform-origin:center;transition:opacity var(--custom-story-banner-icon-duration) var(--custom-story-banner-icon-easing),transform var(--custom-story-banner-icon-duration) var(--custom-story-banner-icon-easing)}.custom-story-banner .custom-half-video__control-icon--full-width{opacity:1;transform:scale(1)}.custom-story-banner .custom-half-video__control-icon--normal-width{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(0);pointer-events:none}.custom-story-banner .custom-half-video__control--expand[aria-expanded=true] .custom-half-video__control-icon--full-width{opacity:0;transform:scale(0)}.custom-story-banner .custom-half-video__control--expand[aria-expanded=true] .custom-half-video__control-icon--normal-width{opacity:1;transform:scale(1)}.custom-story-banner__content.section-inner{position:relative;z-index:2;box-sizing:border-box;max-width:calc(var(--max-width) + (var(--space-outer) * 2));margin:0 auto;margin-top:calc(-1 * var(--custom-story-banner-mobile-card-overlap));padding-top:0;padding-bottom:clamp(24px,5vw,40px);overflow:visible;pointer-events:none;transition:opacity var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),visibility var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing)}.custom-story-banner__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;box-sizing:border-box;width:80%;margin-left:auto;margin-right:0;padding:var(--custom-story-banner-card-padding);color:var(--color-scheme-3-text, var(--color-text));background:var(--custom-story-banner-card-background, #faf5eb);border-radius:var(--section-border-radius-mobile);box-shadow:-10px 8px 10px #00000014;pointer-events:auto}.custom-story-banner__close{position:absolute;top:16px;right:16px;z-index:1;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;color:inherit;background:transparent;border:0;cursor:pointer;transform-origin:center;transition:transform .35s cubic-bezier(.22,1,.36,1)}.custom-story-banner__close:hover,.custom-story-banner__close:focus-visible{transform:rotate(90deg)}.custom-story-banner__close .icon-button{color:inherit}.custom-story-banner__heading{margin:0;width:100%;padding-right:32px}.custom-story-banner__heading-main,.custom-story-banner__heading-accent{display:block;margin:0}.custom-story-banner__heading-main{overflow-wrap:break-word}.custom-story-banner__heading-accent{margin-top:-.05em;line-height:1;text-transform:none;overflow-wrap:break-word}.custom-story-banner__description,.custom-story-banner__link{margin:0;font-family:var(--font-body);font-size:16px;font-weight:var(--font-body-weight);font-style:var(--font-body-style);line-height:140%}.custom-story-banner__link{color:inherit;text-decoration:none}.custom-story-banner__link:not(.custom-story-banner__link--text):hover,.custom-story-banner__link:not(.custom-story-banner__link--text):focus-visible{text-decoration:underline}.custom-story-banner.is-expanded{padding-top:0}.custom-story-banner.is-expanded .custom-story-banner__media{border-radius:var(--section-border-radius-mobile)}.custom-story-banner.is-expanded .custom-story-banner__controls{position:absolute;right:var(--custom-story-banner-control-offset);bottom:var(--custom-story-banner-control-offset);z-index:3;display:block;pointer-events:none}.custom-story-banner.is-expanded .custom-story-banner__controls .custom-half-video__control--expand{pointer-events:auto;border-color:#fff;color:#fff;background-color:transparent}.custom-story-banner.is-expanded .custom-story-banner__content.section-inner{margin-top:0;opacity:0;visibility:hidden;pointer-events:none}@media(max-width:719px){.custom-story-banner.is-animating{transition:height var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing)}.custom-story-banner.is-animating:not(.is-expanded){padding-top:var(--custom-story-banner-mobile-media-height)}.custom-story-banner.is-animating.is-expanded{padding-top:var(--custom-story-banner-mobile-expanded-media-height)}.custom-story-banner.is-animating .custom-story-banner__content.section-inner{position:absolute;right:0;bottom:0;left:0;max-height:none;margin-top:calc(-1 * var(--custom-story-banner-mobile-card-overlap));transition:opacity var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),visibility var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing)}.custom-story-banner.is-animating.is-expanded .custom-story-banner__content.section-inner{max-height:none;margin-top:0;padding-bottom:14px}.custom-story-banner__content.section-inner{max-height:800px;overflow:hidden;padding-bottom:14px;transition:opacity var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),visibility var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing)}.custom-story-banner.is-expanded .custom-story-banner__content.section-inner{max-height:0;padding-bottom:0;transition:opacity var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing),visibility var(--custom-story-banner-expand-duration) var(--custom-story-banner-expand-easing)}.custom-story-banner.is-expanded{z-index:auto;padding-top:var(--custom-story-banner-mobile-expanded-media-height)}.custom-story-banner.is-expanded .custom-story-banner__media-shell{top:0;left:var(--space-outer);width:calc(100% - (2 * var(--space-outer)));height:var(--custom-story-banner-mobile-expanded-media-height)}.custom-story-banner.is-expanded .custom-story-banner__media{aspect-ratio:auto;height:100%}.custom-story-banner.is-expanded .custom-story-banner__image{width:100%;height:100%;object-fit:cover}}@media(min-width:720px){.custom-story-banner.is-expanded{z-index:120}.custom-story-banner{height:var(--custom-story-banner-height);min-height:var(--custom-story-banner-height);padding-top:0}.custom-story-banner.is-expanded{height:var(--custom-story-banner-height);min-height:var(--custom-story-banner-height)}.custom-story-banner.is-expanded .custom-story-banner__media-shell{top:var(--custom-story-banner-edge-padding);right:var(--custom-story-banner-edge-padding);bottom:var(--custom-story-banner-edge-padding);left:var(--custom-story-banner-edge-padding);z-index:10;height:auto}.custom-story-banner__media-shell{bottom:10%;width:auto;right:20%;height:auto}.custom-story-banner__media{border-radius:0 var(--section-border-radius-desktop) var(--section-border-radius-desktop) 0;aspect-ratio:auto;height:100%}.custom-story-banner__content.section-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-end;height:100%;margin-top:0;padding-bottom:0}.custom-story-banner__card{width:min(var(--custom-story-banner-card-width, 38%),100%);margin-left:0;margin-right:0;border-radius:var(--section-border-radius-desktop);box-shadow:-10px 8px 10px #00000014}.custom-story-banner.is-expanded .custom-story-banner__media{border-radius:var(--section-border-radius-desktop);aspect-ratio:auto;height:100%}}@media(prefers-reduced-motion:reduce){.custom-story-banner-section.shopify-section,.custom-story-banner,.custom-story-banner__media-shell,.custom-story-banner__media,.custom-story-banner__content.section-inner,.custom-story-banner__close,.custom-story-banner .custom-half-video__control-icon{transition:none}}@media(max-width:719px){.custom-story-banner.is-settling,.custom-story-banner.is-settling .custom-story-banner__content.section-inner,.custom-story-banner.is-settling .custom-story-banner__media-shell{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/custom-story-banner.css.map */