.image-hero-overlay{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto;width:100%;overflow:hidden;isolation:isolate;font-family:var(--w2-font-body);color:var(--image-hero-overlay-text-color, #ffffff)}.image-hero-overlay__media,.image-hero-overlay__content{grid-area:1 / 1;min-width:0}.image-hero-overlay__media{position:relative;z-index:0;overflow:hidden;line-height:0}.image-hero-overlay--has-scrim:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,var(--image-hero-overlay-scrim-full, rgba(0, 0, 0, .45)) 0%,var(--image-hero-overlay-scrim-mid, rgba(0, 0, 0, .16)) 40%,transparent 70%)}.image-hero-overlay__content{z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;align-self:end;justify-self:start;width:100%;min-height:100%;padding:32px 24px;text-align:start;pointer-events:none}.image-hero-overlay__content>*{pointer-events:auto}.image-hero-overlay__media .image-hero-overlay__image{display:block;width:100%;max-width:none;object-fit:cover;object-position:center}.image-hero-overlay__image--mobile,.image-hero-overlay--has-mobile-image .image-hero-overlay__image--desktop{display:none}.image-hero-overlay--has-mobile-image .image-hero-overlay__image--mobile{display:block}.image-hero-overlay__placeholder{display:block;width:100%;aspect-ratio:16 / 9;background:#0d1f4a}.image-hero-overlay__eyebrow,.image-hero-overlay__heading,.image-hero-overlay__body,.image-hero-overlay__body p{color:inherit}.image-hero-overlay__eyebrow{margin:0 0 12px;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:.02em}.image-hero-overlay__heading{margin:0 0 16px;font-size:clamp(28px,4vw + 10px,50px);font-weight:700;line-height:1.1}.image-hero-overlay__body{font-size:15px;line-height:1.4}.image-hero-overlay__body p{margin:0}.image-hero-overlay__body p+p{margin-top:.75em}@media screen and (max-width:767px){.image-hero-overlay--mobile-overlay{min-height:var(--image-hero-overlay-overlay-image-height, 70vh)}.image-hero-overlay--mobile-overlay .image-hero-overlay__media{height:var(--image-hero-overlay-overlay-image-height, 70vh)}.image-hero-overlay--mobile-overlay .image-hero-overlay__media .image-hero-overlay__image,.image-hero-overlay--mobile-stacked .image-hero-overlay__media .image-hero-overlay__image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;max-height:none}.image-hero-overlay--mobile-overlay .image-hero-overlay__placeholder{height:var(--image-hero-overlay-overlay-image-height, 70vh);aspect-ratio:auto}.image-hero-overlay--mobile-stacked{grid-template-rows:auto auto}.image-hero-overlay--mobile-stacked .image-hero-overlay__media{grid-area:1 / 1;height:var(--image-hero-overlay-stacked-image-height, 55vh)}.image-hero-overlay--mobile-stacked.image-hero-overlay--has-scrim:before{display:none}.image-hero-overlay--mobile-stacked .image-hero-overlay__content{grid-area:2 / 1;align-self:stretch;justify-self:stretch;justify-content:center;min-height:0;background:var(--image-hero-overlay-stacked-panel-background, #0d1f4a);color:var(--image-hero-overlay-stacked-text-color, #ffffff)}.image-hero-overlay__heading{max-width:22ch}.image-hero-overlay__body{max-width:42ch}}@media screen and (min-width:768px){.image-hero-overlay{max-height:var(--image-hero-overlay-max-height, 75vh)}.image-hero-overlay__content{padding:64px}.image-hero-overlay__heading{max-width:min(35ch,37vw)}.image-hero-overlay__body{max-width:min(56ch,44vw)}.image-hero-overlay__media .image-hero-overlay__image{height:auto;max-height:var(--image-hero-overlay-max-height, 75vh)}.image-hero-overlay--has-mobile-image .image-hero-overlay__image--desktop{display:block}.image-hero-overlay--has-mobile-image .image-hero-overlay__image--mobile{display:none}.image-hero-overlay__placeholder{max-height:var(--image-hero-overlay-max-height, 75vh)}.image-hero-overlay--mobile-stacked{grid-template-rows:auto;max-height:var(--image-hero-overlay-max-height, 75vh)}.image-hero-overlay--mobile-stacked.image-hero-overlay--has-scrim:before{display:block}.image-hero-overlay--mobile-stacked .image-hero-overlay__content{grid-area:1 / 1;align-self:end;justify-self:start;justify-content:flex-end;min-height:100%;background:transparent;color:var(--image-hero-overlay-text-color, #ffffff)}}
/*# sourceMappingURL=/cdn/shop/t/203/assets/image-hero-overlay.css.map */