.shopify-section--hero-banner .mx-hero-banner{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;width:100%;max-width:200rem}@media (min-width: 60rem){.shopify-section--hero-banner .mx-hero-banner{flex-flow:row nowrap;align-items:stretch;justify-content:center}}.shopify-section--hero-banner .banner-wrapper{position:relative;width:100%}@media (max-width: 59.99rem){.shopify-section--hero-banner .banner-wrapper[data-hide-on-mobile]{display:none}}.shopify-section--hero-banner .banner-wrapper:first-child{height:100%}.shopify-section--hero-banner .banner-container{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:100%}.shopify-section--hero-banner .banner-container :is(img,video){width:100%;height:100%;object-fit:cover}@media (max-width: 39.99rem){.shopify-section--hero-banner .banner-container :is(img,video){max-height:var(--mobile-max-height, initial)}.shopify-section--hero-banner .banner-container .video-container--mobile{display:flex}.shopify-section--hero-banner .banner-container .video-container--desktop{display:none}}@media (min-width: 40rem){.shopify-section--hero-banner .banner-container :is(img,video){max-height:var(--desktop-max-height, initial)}}@media (min-width: 60rem){.shopify-section--hero-banner .banner-container .video-container--mobile{display:none}.shopify-section--hero-banner .banner-container .video-container--desktop{display:flex}}.shopify-section--hero-banner .mx-title em{display:block;font-family:var(--alt-font-family);font-style:var(--alt-font-style);font-size:200%;line-height:.9;text-transform:capitalize}.shopify-section--hero-banner div.banner-wrapper .mx-button{cursor:initial}.shopify-section--hero-banner .mx-hero-banner[data-full-height]{height:100vh;height:100svh}.shopify-section--hero-banner .mx-hero-banner[data-full-height] .banner-wrapper{min-height:100%}@media (max-width: 59.99rem){.shopify-section--hero-banner .mx-hero-banner[data-full-height="2"] .banner-wrapper{min-height:50%}}@media (max-width: 59.99rem){.shopify-section--hero-banner .mx-hero-banner[data-full-height][data-first-section]{height:calc(100vh - 2rem - var(--mobile-underhead-height, 0rem));height:calc(100svh - 2rem - var(--mobile-underhead-height, 0rem))}}@media (min-width: 60rem){.shopify-section--hero-banner .mx-hero-banner[data-full-height][data-first-section]{height:calc(100vh - 2rem - var(--desktop-underhead-height, 0rem));height:calc(100svh - 2rem - var(--desktop-underhead-height, 0rem))}}.shopify-section--hero-banner .mx-hero-banner[data-collection-content]{flex-flow:column nowrap;align-self:flex-start;justify-content:flex-start;width:100%;max-width:60rem;margin-inline:0 auto;padding:0 var(--mx-mobile-gutter) 1rem}@media (min-width: 40rem){.shopify-section--hero-banner .mx-hero-banner[data-collection-content]{padding:0 var(--mx-desktop-gutter) 2rem}}.shopify-section--hero-banner:has(.mx-hero-banner[data-collection-content]){background-color:var(--ivory-color)}.shopify-section--hero-banner:has(.mx-hero-banner[data-collection-content]) :is(.mx-title,[data-content] *){color:var(--carbon-color)}.shopify-section--hero-banner .reassurance-list{display:none;align-items:center;justify-content:space-around;width:100%;margin:1rem auto 0;padding:0;list-style:none}@media (min-width: 60rem){.shopify-section--hero-banner .reassurance-list{display:flex}}.shopify-section--hero-banner .reassurance-container{display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.shopify-section--hero-banner .reassurance-container span{font-family:var(--mx-heading-font-family);font-style:var(--mx-heading-font-style);font-size:300%;text-transform:uppercase;color:var(--content-color, #1f1f1f)}.shopify-section--hero-banner .reassurance-container div{text-align:left;line-height:1.2;color:var(--content-color, #1f1f1f)}.template-collection .shopify-section--hero-banner .content-overlay [data-content]{text-wrap:balance}:is(.template-collection,.template-page-measure,.template-page-marque,.template-page-shop) .shopify-section--hero-banner .banner-container img{min-height:25rem}@media (min-width: 125rem){.template-collection .shopify-section--hero-banner .banner-container img{border-radius:.25rem}}.shopify-section--hero-banner .mx-breadcrumb{display:none;position:absolute;top:4.75rem;left:0rem;width:100%;z-index:20;--padding-inline: var(--mx-mobile-gutter)}.shopify-section--hero-banner .breadcrumb-item-list{padding-inline:max(var(--padding-inline),.5 * (100vw - 125rem - var(--scrollbar-width))) var(--padding-inline);scroll-padding-inline:max(var(--padding-inline),.5 * (100vw - 125rem - var(--scrollbar-width))) var(--padding-inline);scrollbar-width:none}.shopify-section--hero-banner .breadcrumb-item-container:before,.shopify-section--hero-banner .breadcrumb-item-link{font-size:80%;opacity:.8;transition:.15s ease-out}.shopify-section--hero-banner .breadcrumb-item-link:hover{opacity:1}@media (min-width: 40rem){.shopify-section--hero-banner .mx-breadcrumb{top:3.25rem;--padding-inline: var(--mx-desktop-gutter)}}@media (min-width: 80rem){.shopify-section--hero-banner .mx-breadcrumb{display:block}}.shopify-section--hero-banner:has(.mx-hero-banner[data-collection-content]){display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start}.shopify-section--hero-banner .mx-hero-banner[data-collection-content]{order:10}.shopify-section--hero-banner .mx-hero-banner[data-collection-content]+.mx-breadcrumb{position:relative;top:0rem;left:0rem}.shopify-section--hero-banner .mx-hero-banner[data-collection-content]+.mx-breadcrumb .breadcrumb-item-container:before,.shopify-section--hero-banner .mx-hero-banner[data-collection-content]+.mx-breadcrumb .breadcrumb-item-link{color:var(--carbon-color);order:1}.template-collection .shopify-section--hero-banner .content-overlay .mx-title{font-size:1.625rem}.template-collection .shopify-section--hero-banner .content-overlay :is([data-content] *,.reassurance-container){font-size:90%}@media (min-width: 40rem){.template-collection .shopify-section--hero-banner .content-overlay .mx-title{font-size:1.75rem}.template-collection .shopify-section--hero-banner .content-overlay [data-content] *{font-size:85%}.template-collection .shopify-section--hero-banner .content-overlay .reassurance-container{font-size:80%}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/mx-hero-banner.css.map */