@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap";.section-multitile-banner{--mtb-gap: var(--grid-spacing)}.section-multitile-banner__eyebrow{font-family:Montserrat,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(10px,.85vw,14px);line-height:1.2}@font-face{font-family:Juana Light;src:url(/cdn/shop/files/juanaalt-light.woff?v=1777647537) format("woff");font-weight:300;font-style:normal;font-display:swap}.section-multitile-banner__heading.h4{font-family:Juana Light,serif!important}.section-multitile-banner__heading.h2{font-size:clamp(26px,3.4vw,64px);font-family:Montserrat,sans-serif;font-weight:400}.section-multitile-banner__heading.h3{font-size:clamp(22px,2.4vw,44px);font-family:Montserrat,sans-serif;font-weight:400}.section-multitile-banner__heading.h4,.section-multitile-banner__heading.h4 em{font-size:clamp(18px,1.9vw,34px)}.section-multitile-banner__heading.h5{font-size:clamp(16px,1.5vw,28px);font-family:Montserrat,sans-serif;font-weight:400}.section-multitile-banner__heading.h6{font-size:clamp(14px,1.2vw,22px);font-family:Montserrat,sans-serif;font-weight:400}.section-multitile-banner__head.h2{font-size:clamp(26px,3.4vw,64px);font-family:Montserrat,sans-serif;font-weight:400}.section-multitile-banner__head.h3{font-size:clamp(22px,2.4vw,44px);font-family:Montserrat,sans-serif;font-weight:400}.section-multitile-banner__head.h4,.section-multitile-banner__heading.h4 em{font-size:clamp(18px,1.9vw,34px)}.section-multitile-banner__head.h5{font-size:clamp(16px,1.5vw,28px);font-family:Montserrat,sans-serif;font-weight:400}.section-multitile-banner__head.h6{font-size:clamp(14px,1.2vw,22px);font-family:Montserrat,sans-serif;font-weight:400}.section-multitile-banner__text{font-size:clamp(12px,.95vw,16px)}.section-multitile-banner__cta .button{font-size:clamp(11px,.9vw,15px);padding-inline:clamp(10px,1.2vw,22px);padding-block:clamp(6px,.7vw,12px)}.section-multitile-banner__grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(0,auto);gap:var(--mtb-gap)}.section-multitile-banner.spacing-compact .section-multitile-banner__grid{gap:0}.section-multitile-banner .h1,.section-multitile-banner .h2,.section-multitile-banner .h3,.section-multitile-banner .h4,.section-multitile-banner .h5,.section-multitile-banner .h6{line-height:var(--line-height-static-sm)}.section-multitile-banner__block{position:relative;width:100%;overflow:hidden;border-radius:var(--card-corner-radius);display:flex;flex-direction:column;grid-column:span var(--mtb-col-desktop, 6);grid-row:span var(--mtb-row-desktop, 1);min-height:var(--mtb-height-desktop, 0px);padding:calc(var(--section-spacing-unit-size) * var(--mtb-padding-multiplier, 0));isolation:isolate}.section-multitile-banner__block[data-has-height=false]{aspect-ratio:var(--mtb-aspect-ratio, auto)}.section-multitile-banner__block.media-position--top,.section-multitile-banner__block.media-position--bottom{aspect-ratio:auto}.section-multitile-banner__block.media-position--top{justify-content:flex-start}.section-multitile-banner__block.media-position--bottom{justify-content:flex-end}.section-multitile-banner__media{position:relative;width:100%;height:100%;overflow:hidden}.section-multitile-banner__block.media-position--background .section-multitile-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.section-multitile-banner__media img,.section-multitile-banner__media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .6s ease}.section-multitile-banner__block.media-position--top .section-multitile-banner__media,.section-multitile-banner__block.media-position--bottom .section-multitile-banner__media{height:auto;aspect-ratio:var(--mtb-media-aspect-ratio, 16/9)}@media(hover:hover){.section-multitile-banner__block:hover .section-multitile-banner__media img{transform:scale(1.05)}}.section-multitile-banner__content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-2);padding:calc(var(--section-spacing-unit-size) * var(--mtb-padding-multiplier, 1))}.section-multitile-banner__block.media-position--background .section-multitile-banner__content{flex:1}.section-multitile-banner__block.media-position--top .section-multitile-banner__content,.section-multitile-banner__block.media-position--bottom .section-multitile-banner__content{flex:0 0 auto}.section-multitile-banner__content-inner{display:flex;flex-direction:column;gap:var(--spacing-1)}.section-multitile-banner__heading,.section-multitile-banner__text{margin:0}.section-multitile-banner__text>*{margin:0}.section-multitile-banner__text ul,.section-multitile-banner__text ol{margin:var(--spacing-1) 0;padding-inline-start:1.25em}.section-multitile-banner__content>*+.section-multitile-banner__cta{margin-block-start:var(--spacing-1)}.section-multitile-banner__content.layout-inline{display:grid;grid-template-columns:1fr auto;grid-auto-rows:min-content;column-gap:var(--spacing-2);row-gap:var(--spacing-1);align-content:end}.section-multitile-banner__content.layout-inline.justify-start{align-content:start}.section-multitile-banner__content.layout-inline.justify-center{align-content:center}.section-multitile-banner__content.layout-inline.justify-end{align-content:end}.section-multitile-banner__content.layout-inline .section-multitile-banner__content-inner{grid-column:1;min-width:0}.section-multitile-banner__content.layout-inline .section-multitile-banner__cta{grid-column:2;grid-row:1;align-self:center;margin-block-start:0}.section-multitile-banner__content.layout-inline.align-start .section-multitile-banner__cta{justify-self:start}.section-multitile-banner__content.layout-inline.align-center .section-multitile-banner__cta{justify-self:center}.section-multitile-banner__content.layout-inline.align-end .section-multitile-banner__cta{justify-self:end}@media screen and (max-width:480px){.section-multitile-banner__content.layout-inline{grid-template-columns:1fr;row-gap:var(--spacing-1)}.section-multitile-banner__content.layout-inline .section-multitile-banner__cta{grid-column:1;grid-row:auto;justify-self:start}.section-multitile-banner__content.layout-inline.align-center .section-multitile-banner__cta{justify-self:center}.section-multitile-banner__content.layout-inline.align-end .section-multitile-banner__cta{justify-self:end}}.section-multitile-banner__cta .button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section-multitile-banner__cta--icon{display:inline-flex}.section-multitile-banner__icon-link{display:inline-flex;align-items:center;justify-content:center;line-height:1;color:currentColor;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.section-multitile-banner__icon-link .icon,.section-multitile-banner__icon-link svg{width:1em;height:1em;display:block}@media(hover:hover){.section-multitile-banner__icon-link:hover{transform:translate(2px);opacity:.85}}.section-multitile-banner__content.justify-start{justify-content:flex-start}.section-multitile-banner__content.justify-center{justify-content:center}.section-multitile-banner__content.justify-end{justify-content:flex-end}.section-multitile-banner__content.align-start{align-items:flex-start}.section-multitile-banner__content.align-center{align-items:center}.section-multitile-banner__content.align-end{align-items:flex-end}.section-multitile-banner__content.text-start{text-align:start}.section-multitile-banner__content.text-center{text-align:center}.section-multitile-banner__content.text-end{text-align:end}.section-multitile-banner__content.align-start .section-multitile-banner__cta{align-self:flex-start}.section-multitile-banner__content.align-center .section-multitile-banner__cta{align-self:center}.section-multitile-banner__content.align-end .section-multitile-banner__cta{align-self:flex-end}.section-multitile-banner__block:not(.has-media){background:var(--mtb-bg-color, rgb(var(--color-background)))}.section-multitile-banner__block.has-media.media-position--background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#00000040}.section-multitile-banner__block.overlay-none:after{display:none}.section-multitile-banner__block.overlay-bottom:after{background:linear-gradient(to bottom,rgba(var(--mtb-overlay-rgb, 0, 0, 0),0) var(--mtb-overlay-start, 40%),rgba(var(--mtb-overlay-rgb, 0, 0, 0),var(--mtb-overlay-opacity, 0)) 100%)}.section-multitile-banner__block.overlay-top:after{background:linear-gradient(to top,rgba(var(--mtb-overlay-rgb, 0, 0, 0),0) var(--mtb-overlay-start, 40%),rgba(var(--mtb-overlay-rgb, 0, 0, 0),var(--mtb-overlay-opacity, 0)) 100%)}.section-multitile-banner__block.overlay-vignette:after{background:linear-gradient(to bottom,rgba(var(--mtb-overlay-rgb, 0, 0, 0),var(--mtb-overlay-opacity, 0)) 0%,rgba(var(--mtb-overlay-rgb, 0, 0, 0),0) var(--mtb-overlay-start, 40%),rgba(var(--mtb-overlay-rgb, 0, 0, 0),0) calc(100% - var(--mtb-overlay-start, 40%)),rgba(var(--mtb-overlay-rgb, 0, 0, 0),var(--mtb-overlay-opacity, 0)) 100%)}.section-multitile-banner__block.overlay-solid:after{background:rgba(var(--mtb-overlay-rgb, 0, 0, 0),var(--mtb-overlay-opacity, 0))}@media screen and (min-width:750px)and (max-width:989px){.section-multitile-banner__block{grid-column:span var(--mtb-col-tablet, var(--mtb-col-desktop, 6));grid-row:span var(--mtb-row-tablet, var(--mtb-row-desktop, 1));min-height:var(--mtb-height-tablet, var(--mtb-height-desktop, 0px))}}@media screen and (max-width:749px){.section-multitile-banner__grid{grid-template-columns:repeat(12,1fr)}.section-multitile-banner__block{grid-column:span var(--mtb-col-mobile, 12);grid-row:span var(--mtb-row-mobile, 1);min-height:var(--mtb-height-mobile, 0px)}.section-multitile-banner__content{padding:calc(var(--section-spacing-unit-size) * var(--mtb-padding-multiplier-mobile, var(--mtb-padding-multiplier, 1)))}}.section-multitile-banner__head{margin-block-end:var(--spacing-4)}.section-multitile-banner__head.text-start{text-align:start}.section-multitile-banner__head.text-center{text-align:center}.section-multitile-banner__head.text-end{text-align:end}
/*# sourceMappingURL=/cdn/shop/t/59/assets/section-multitile-banner.css.map */
