.cinematic-banner{--cinematic-banner-min-height: 560px;--cinematic-banner-overlay-opacity: .3;--cinematic-banner-content-max-width: 720px;--cinematic-banner-heading-size: clamp(22px, 3.5vw, 54px);--cinematic-banner-subtext-size: clamp(14px, 1.4vw, 18px);--cinematic-banner-text-color: #ffffff;--cinematic-banner-content-padding-block: clamp(48px, 7vw, 96px);--cinematic-banner-content-padding-inline: clamp(20px, 5vw, 60px);display:grid;grid-template:"stack" 1fr / 1fr;min-height:var(--cinematic-banner-min-height);overflow:hidden}.cinematic-banner__media,.cinematic-banner__overlay,.cinematic-banner__content{grid-area:stack}.cinematic-banner__media{z-index:0;overflow:hidden}.cinematic-banner__image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--cinematic-scale, 1));transform-origin:center center}.cinematic-banner__image--placeholder{width:100%;height:100%}.cinematic-banner__overlay{z-index:1;background-color:rgb(0 0 0 / var(--cinematic-banner-overlay-opacity))}.cinematic-banner__content{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:var(--cinematic-banner-content-padding-block);padding-inline:var(--cinematic-banner-content-padding-inline);text-align:center}.cinematic-banner__heading{margin-block:0;max-inline-size:var(--cinematic-banner-content-max-width);font-size:var(--cinematic-banner-heading-size);font-weight:450;line-height:130%;letter-spacing:-2.7px;color:var(--cinematic-banner-text-color)}.cinematic-banner__subtext{margin-block:clamp(12px,2vw,20px) 0;max-inline-size:var(--cinematic-banner-content-max-width);font-size:var(--cinematic-banner-subtext-size);line-height:1.65;color:#ffffffbf}@media screen and (max-width:768px){.cinematic-banner{min-height:var(--cinematic-banner-min-height-mobile, 360px)}}@media(prefers-reduced-motion:reduce){.cinematic-banner__image{transform:none!important;will-change:auto!important;transition:none!important}}@media screen and (max-width:768px){.cinematic-banner__heading{font-size:28px;font-weight:450;line-height:130%;letter-spacing:-1px}}
/*# sourceMappingURL=/cdn/shop/t/298/assets/section-cinematic-banner.css.map */