.multi-panel-hero{position:relative;width:100%;margin:0;overflow:hidden}.mph__panels{display:flex;width:100%;height:var(--mph-height-desktop, 90vh);min-height:480px;gap:0}.mph__panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden}.mph__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:0;pointer-events:none}.mph__image,.mph__panel img,.mph__panel svg{width:100%;height:100%;object-fit:cover;display:block}.mph__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:5rem;pointer-events:none;background:linear-gradient(to top,#00000080,#0000 45%)}.mph__content{display:flex;flex-direction:column;gap:1.4rem;width:100%;max-width:72rem;color:#fff;pointer-events:auto}.mph__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.25rem;font-size:1.3rem;font-weight:600}.mph__heading{margin:0;color:#fff;max-width:20ch;line-height:1.02}.mph__subheading{margin:0;max-width:46ch;font-size:1.7rem}.mph__subheading p{margin:0}.mph__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.6rem}.mph--content-bottom-left .mph__overlay{align-items:flex-end;justify-content:flex-start}.mph--content-bottom-left .mph__content{text-align:left;align-items:flex-start}.mph--content-bottom-center .mph__overlay{align-items:flex-end;justify-content:center}.mph--content-bottom-center .mph__content{text-align:center;align-items:center}.mph--content-middle-left .mph__overlay{align-items:center;justify-content:flex-start}.mph--content-middle-left .mph__content{text-align:left;align-items:flex-start}.mph--content-middle-center .mph__overlay{align-items:center;justify-content:center}.mph--content-middle-center .mph__content{text-align:center;align-items:center}@media screen and (max-width:749px){.mph__overlay{padding:2.4rem;background:linear-gradient(to top,#0000008c,#0000 55%)}.mph__subheading{font-size:1.5rem}.mph__panels--mobile-row{height:var(--mph-height-mobile, 75vh)}.mph__panels--mobile-stack{flex-direction:column;height:auto;min-height:0}.mph__panels--mobile-stack .mph__panel{width:100%;height:calc(var(--mph-height-mobile, 75vh) / 1.4);min-height:240px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-multi-panel-hero.css.map */