.product-banner{grid-column:1 / -1;--product-banner-surface: #f1f2f0;--product-banner-radius: calc(32 * var(--u));box-sizing:border-box;padding-top:var(--product-banner-padding-top, calc(48 * var(--u)));padding-bottom:var(--product-banner-padding-bottom, calc(48 * var(--u)));background:var(--product-banner-surface);color:#fff;font-family:"Helvetica Neue",var(--font-primary--family, sans-serif)}.product-banner,.product-banner *{box-sizing:border-box}.product-banner__inner{width:min(var(--rail-max),calc(100% - 2 * var(--rail-gutter)));margin:0 auto}.product-banner__media{--parallax-from: calc(-600 * var(--u));--parallax-to: calc(60 * var(--u));position:relative;display:block;height:calc(714 * var(--u));overflow:hidden;isolation:isolate;border-radius:var(--product-banner-radius);background:#7f807f}.product-banner__image,.product-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.product-banner__image{z-index:0;display:block;object-fit:cover;object-position:center}.product-banner__overlay{z-index:1;background:#00000040;box-shadow:0 0 calc(32 * var(--u)) 0 #f1f2f0 inset;pointer-events:none}.product-banner__content{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:calc(48 * var(--u));text-align:center}.product-banner__heading{max-width:12ch;margin:0;color:#fff;font-family:"Blauer Nue",var(--font-primary--family, "Helvetica Neue"),sans-serif;font-size:clamp(calc(48 * var(--u)),7vw,calc(88 * var(--u)));font-weight:300;line-height:.9;letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance}@media(max-width:767px){.product-banner{padding-top:var(--product-banner-padding-top-mobile, 32px);padding-bottom:var(--product-banner-padding-bottom-mobile, 32px)}.product-banner__inner{width:calc(100% - 40px)}.product-banner__media{--parallax-mobile-from: -180px;--parallax-mobile-to: 48px;height:clamp(420px,115vw,560px);border-radius:24px}.product-banner__content{padding:24px}.product-banner__heading{max-width:9ch;font-size:clamp(48px,15vw,72px)}}@media(prefers-reduced-motion:reduce){.product-banner__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-banner.css.map */