.banner-grid__wrapper{display:grid;grid-template-columns:1fr;gap:0;container-type:inline-size;isolation:isolate}.banner-grid__wrapper>.banner-grid-card{min-height:calc(100cqw / var(--banner-grid-card-ratio-value, 1))}@media screen and (min-width:990px){.banner-grid__wrapper{grid-template-columns:repeat(2,1fr)}.banner-grid__wrapper>.banner-grid-card{min-height:calc(50cqw / var(--banner-grid-card-ratio-value, 1))}.banner-grid__wrapper--odd>.banner-grid-card:last-child{grid-column:1/-1;min-height:100vh}.banner-grid__wrapper>.banner-grid-card:nth-child(odd):not(:last-child){z-index:1;width:calc(100% + 1px);margin-right:-1px}}.banner-grid .block-heading{max-width:56rem}@media screen and (max-width:989px){.banner-grid .banner-grid-card{justify-content:flex-end}.banner-grid .banner-grid-card__inner.flex-column-content{align-items:flex-start;text-align:start}}@media(hover:hover)and (min-width:990px){.banner-grid[data-hover-effect=true] .banner-grid__wrapper{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:stretch;container-type:inline-size}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card{flex:0 0 50%;min-width:0;aspect-ratio:auto;height:calc(50cqw / var(--banner-grid-card-ratio-value, 1));transition:flex-basis 1.2s cubic-bezier(.22,1,.36,1);will-change:flex-basis}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):not(:last-child){flex-basis:calc(50% + 1px)}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:focus-within{flex-basis:65%}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):not(:last-child):focus-within{flex-basis:calc(65% + 1px)}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):focus-within+.banner-grid-card:not(:hover),.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):not(:hover):has(+.banner-grid-card:focus-within){flex-basis:35%}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):not(:hover):has(+.banner-grid-card:focus-within){flex-basis:calc(35% + 1px)}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:hover{flex-basis:65%}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):not(:last-child):hover{flex-basis:calc(65% + 1px)}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):hover+.banner-grid-card,.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):has(+.banner-grid-card:hover){flex-basis:35%}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):has(+.banner-grid-card:hover){flex-basis:calc(35% + 1px)}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card .banner-grid-card__media{width:50cqw;min-width:100%;right:auto;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:hover .banner-grid-card__media,.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:focus-within .banner-grid-card__media{width:65cqw}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):hover+.banner-grid-card .banner-grid-card__media,.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):has(+.banner-grid-card:hover) .banner-grid-card__media{width:50cqw}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd) .banner-grid-card__media{left:auto;right:0}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:only-child,.banner-grid[data-hover-effect=true] .banner-grid__wrapper--odd>.banner-grid-card:last-child{flex-basis:100%;height:100vh}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:only-child .banner-grid-card__media,.banner-grid[data-hover-effect=true] .banner-grid__wrapper--odd>.banner-grid-card:last-child .banner-grid-card__media{width:100cqw}.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):focus-within+.banner-grid-card:not(:hover) .banner-grid-card__inner,.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):not(:hover):has(+.banner-grid-card:focus-within) .banner-grid-card__inner,.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):hover+.banner-grid-card .banner-grid-card__inner,.banner-grid[data-hover-effect=true] .banner-grid__wrapper>.banner-grid-card:nth-child(odd):has(+.banner-grid-card:hover) .banner-grid-card__inner{transform:translate3d(0,100%,0);opacity:0;pointer-events:none;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .495s linear .55s}.banner-grid[data-hover-effect=true] .banner-grid-card__inner{min-width:50cqw;margin-bottom:calc(-1 * var(--banner-grid-reveal-shift, 0px));transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}.banner-grid[data-hover-effect=true] .banner-grid-card__inner>.block-heading~*{opacity:0;transform:translate3d(0,.8rem,0);transition:opacity .88s cubic-bezier(.22,1,.36,1),transform .88s cubic-bezier(.22,1,.36,1);pointer-events:none}.banner-grid[data-hover-effect=true] .banner-grid-card--vertical-bottom:hover .banner-grid-card__inner,.banner-grid[data-hover-effect=true] .banner-grid-card--vertical-bottom:focus-within .banner-grid-card__inner{transform:translate3d(0,calc(-1 * var(--banner-grid-reveal-shift, 0px)),0)}.banner-grid[data-hover-effect=true] .banner-grid-card:hover .banner-grid-card__inner>.block-heading~*,.banner-grid[data-hover-effect=true] .banner-grid-card:focus-within .banner-grid-card__inner>.block-heading~*{opacity:1;transform:translateZ(0);pointer-events:all;transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}}.banner-grid-card{width:100%;position:relative;overflow:hidden;background:rgb(var(--color-background));display:flex;flex-direction:column;justify-content:flex-end}.banner-grid-card--vertical-top{justify-content:flex-start}.banner-grid-card--vertical-center{justify-content:center}.banner-grid-card--vertical-bottom{justify-content:flex-end}.banner-grid-card .block-overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;width:100%;height:100%}.banner-grid-card .block-overlay-link:empty{display:block}.banner-grid-card .block-overlay-link+.banner-grid-card__inner{pointer-events:none}.banner-grid-card__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.banner-grid-card__media-item{width:100%;height:100%;display:block;-o-object-fit:var(--banner-grid-card-fit, cover);object-fit:var(--banner-grid-card-fit, cover);transition:var(--image-hover-transition)}.banner-grid-card__media-item.placeholder-svg{width:auto;height:auto;min-width:100%;min-height:100.5%;flex:0 0 auto;background-color:rgb(var(--color-background-secondary))}.banner-grid-card__media-overlay{z-index:2;pointer-events:none}.banner-grid-card__inner{position:relative;z-index:4;width:100%;display:flex;flex-direction:column;gap:2.4rem;padding:2.4rem}@media screen and (min-width:750px){.banner-grid-card__inner{padding:3.6rem}}.banner-grid-card__inner a,.banner-grid-card__inner button,.banner-grid-card__inner .button,.banner-grid-card__inner input{pointer-events:all}.banner-grid-card__inner:empty{display:none}.banner-grid-card .banner-grid-card__inner .block-button:not(:first-child){margin-top:0}@media(hover:hover){.banner-grid-card:has(.block-overlay-link):hover .banner-grid-card__media-item{transform:scale(1.02)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-banner-grid.css.map */