.mband{position:relative;width:100%;height:var(--mband-h, 70svh);overflow:hidden;background:var(--fg)}@media(max-width:1024px){.mband{height:var(--mband-h-mobile, 55svh)}}.mband-media,.mband-poster,.mband-video,.mband-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.mband-video{z-index:1;opacity:0;transition:opacity var(--dur) var(--ease)}.mband-video.is-playing{opacity:1}.mband--has-text:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,var(--mband-scrim-top, .15)),rgba(0,0,0,var(--mband-scrim-bottom, .35)))}.mband-copy{position:relative;z-index:3;height:100%;display:grid;place-content:center;text-align:center;padding:var(--section-y) var(--gutter);color:#fff}.mband--left .mband-copy{place-content:center start;text-align:left}.mband--right .mband-copy{place-content:center end;text-align:right}.mband--bottom-left .mband-copy{place-content:end start;text-align:left}.mband-heading{margin:0;font-family:var(--font-display);font-size:var(--fs-section-heading);font-weight:var(--fw-regular);letter-spacing:var(--tr-section-heading);text-transform:uppercase;line-height:1.05;color:#fff}.mband-sub{margin:calc(.75 * var(--sr-base)) 0 0;font-family:var(--sr-font);font-size:var(--fs-h5);line-height:var(--lh-h5);font-weight:var(--fw-regular);letter-spacing:var(--tr-heading);color:#fff;max-width:46ch}.mband--left .mband-sub,.mband--bottom-left .mband-sub{margin-inline:0}.mband-cta{margin-top:calc(1.25 * var(--sr-base))}.mband-copy:empty{display:none}.mband .mband-ornament{display:block;position:absolute;top:50%;z-index:3;height:var(--mband-orn-height, 115%);aspect-ratio:271 / 1863;opacity:var(--mband-orn-opacity, .16);background-color:var(--mband-orn-fill, #ffffff);-webkit-mask-image:var(--mband-orn-src);mask-image:var(--mband-orn-src);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;pointer-events:none}.mband .mband-ornament--left{left:0;transform:translateY(-50%) translate(calc(-1 * var(--mband-orn-bleed, 25%)))}.mband .mband-ornament--right{right:0;transform:translateY(-50%) translate(var(--mband-orn-bleed, 25%))}
/*# sourceMappingURL=/cdn/shop/t/126/assets/sr-media-band.css.map */