@charset "UTF-8";.banner-grid{background:none}.banner-grid__container{display:grid}.banner-grid__container.container{gap:.4rem}.banner-grid__container.container .banner-grid__item{border-radius:var(--border-radius-media);overflow:hidden}@media(min-width:750px){.banner-grid__container{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(260px,auto)}.banner-grid__container--count-1 .banner-grid__item:first-child{grid-column:1/-1;min-height:calc(var(--gr-item-height) * 2)!important}.banner-grid__container--count-2 .banner-grid__item{min-height:calc(var(--gr-item-height) * 2)!important}.banner-grid__container--count-3 .banner-grid__item:nth-child(3n+1),.banner-grid__container--count-6 .banner-grid__item:nth-child(3n+1),.banner-grid__container--count-9 .banner-grid__item:nth-child(3n+1),.banner-grid__container--count-12 .banner-grid__item:nth-child(3n+1){grid-row:span 2}.banner-grid__container--count-4 .banner-grid__item,.banner-grid__container--count-8 .banner-grid__item{min-height:calc(var(--gr-item-height) * 2)!important}.banner-grid__container--count-5 .banner-grid__item:nth-child(1),.banner-grid__container--count-5 .banner-grid__item:nth-child(4),.banner-grid__container--count-5 .banner-grid__item:nth-child(5){grid-row:span 2;min-height:calc(var(--gr-item-height) * 2)}.banner-grid__container--count-7 .banner-grid__item:nth-child(1){grid-row:span 2}.banner-grid__container--count-7 .banner-grid__item:nth-child(n+4){min-height:calc(var(--gr-item-height) * 2)!important}.banner-grid__container--count-10 .banner-grid__item:nth-child(1),.banner-grid__container--count-10 .banner-grid__item:nth-child(4),.banner-grid__container--count-10 .banner-grid__item:nth-child(5),.banner-grid__container--count-10 .banner-grid__item:nth-child(6),.banner-grid__container--count-10 .banner-grid__item:nth-child(9),.banner-grid__container--count-10 .banner-grid__item:nth-child(10){grid-row:span 2;min-height:calc(var(--gr-item-height) * 2)}.banner-grid__container--count-10.container .banner-grid__item:nth-child(2),.banner-grid__container--count-10.container .banner-grid__item:nth-child(3),.banner-grid__container--count-10.container .banner-grid__item:nth-child(7),.banner-grid__container--count-10.container .banner-grid__item:nth-child(8){min-height:calc(var(--gr-item-height) - .2rem)}.banner-grid__container--count-11 .banner-grid__item:nth-child(1),.banner-grid__container--count-11 .banner-grid__item:nth-child(4),.banner-grid__container--count-11 .banner-grid__item:nth-child(5),.banner-grid__container--count-11 .banner-grid__item:nth-child(6),.banner-grid__container--count-11 .banner-grid__item:nth-child(9){grid-row:span 2;min-height:calc(var(--gr-item-height) * 2)}.banner-grid__container--count-11 .banner-grid__item:nth-child(2),.banner-grid__container--count-11 .banner-grid__item:nth-child(3),.banner-grid__container--count-11 .banner-grid__item:nth-child(7),.banner-grid__container--count-11 .banner-grid__item:nth-child(8),.banner-grid__container--count-11 .banner-grid__item:nth-child(n+10){min-height:calc(var(--gr-item-height) - .2rem)!important}}.banner-grid__item{--gr-item-height: 50vh;display:flex;justify-content:center;align-items:center;position:relative;min-height:calc(var(--gr-item-height) * 2);width:100%}.banner-grid__item--square{--gr-item-height: 25vw}.container .banner-grid__item--square{--gr-item-height: calc(25vw - 1.7rem) }.first_section:not(.container):not(.section--has-overlay) .banner-grid__item:not(.banner-grid__item--square){--gr-item-height: calc(50vh - (var(--header-height) + var(--announcement-height)) / 2)}@media screen and (max-width:749px){.banner-grid__item{min-height:var(--gr-item-height)}.banner-grid__item--square{min-height:100vw}.banner-grid__container.container .banner-grid__item--square{min-height:calc(100vw - 4rem)}}@media screen and (min-width:750px){.banner-grid__item{min-height:var(--gr-item-height)}}.banner-grid__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-overlay));opacity:var(--banner-grid-opacity);z-index:1}.container .banner-grid__item{min-height:calc(var(--gr-item-height) - .1rem)}@media screen and (min-width:750px){.container .banner-grid__item{min-height:calc(var(--gr-item-height) - .2rem)}}@media screen and (max-width:989px){.banner-grid__item.enable-hover .banner-grid__image{opacity:0}.banner-grid__item.enable-hover .banner-grid__image-hover{opacity:1}}.banner-grid__item.enable-hover:hover .banner-grid__image-hover,.banner-grid__item.enable-hover:focus-within .banner-grid__image-hover,.banner-grid__item.enable-hover:focus .banner-grid__image-hover,.banner-grid__item.enable-hover:active .banner-grid__image-hover{opacity:1}.banner-grid__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.banner-grid__image.placeholder-svg{transition:opacity .3s ease}.banner-grid__image-hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;opacity:0;transition:opacity .3s ease}.banner-grid__image-hover.placeholder-svg{transition:opacity .3s ease}.banner-grid__image--wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.banner-grid__heading{pointer-events:all;position:absolute;display:none;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;will-change:transform,opacity;border-radius:var(--border-radius-button);text-align:center;z-index:1;padding:.4rem .6rem;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.2);opacity:1;transition:opacity var(--duration-default) ease}@media screen and (min-width:990px){.banner-grid__heading{display:block}}@media screen and (min-width:990px){.banner-grid__item:hover .banner-grid__heading,.banner-grid__item:focus-within .banner-grid__heading,.banner-grid__item:focus .banner-grid__heading,.banner-grid__item:active .banner-grid__heading{opacity:0}}.banner-grid__content--hover .banner-grid__header,.banner-grid__content--hover .banner-grid__description,.banner-grid__content--hover .banner-grid__button--wrapper{opacity:0;transform:translateY(8px);transition:opacity var(--duration-long) ease,transform var(--duration-long) ease;transition-delay:0s;transform-origin:center center;will-change:transform,opacity}@media screen and (min-width:990px){.banner-grid__content--hover{opacity:0}.banner-grid__item:hover .banner-grid__content--hover,.banner-grid__item:focus-within .banner-grid__content--hover,.banner-grid__item:focus .banner-grid__content--hover{opacity:1}.banner-grid__item:hover .banner-grid__content--hover .banner-grid__header,.banner-grid__item:focus-within .banner-grid__content--hover .banner-grid__header,.banner-grid__item:focus .banner-grid__content--hover .banner-grid__header{opacity:1;transform:translateY(0);transition-delay:.12s}.banner-grid__item:hover .banner-grid__content--hover .banner-grid__description,.banner-grid__item:focus-within .banner-grid__content--hover .banner-grid__description,.banner-grid__item:focus .banner-grid__content--hover .banner-grid__description{opacity:1;transform:translateY(0);transition-delay:.24s}.banner-grid__item:hover .banner-grid__content--hover .banner-grid__button--wrapper,.banner-grid__item:focus-within .banner-grid__content--hover .banner-grid__button--wrapper,.banner-grid__item:focus .banner-grid__content--hover .banner-grid__button--wrapper{opacity:1;transform:translateY(0);transition-delay:.36s}}.banner-grid__heading{transition:opacity var(--duration-default) ease,transform var(--duration-default) ease;transform:translate(-50%,-50%);opacity:1}@media screen and (min-width:990px){.banner-grid__item:hover .banner-grid__heading,.banner-grid__item:focus-within .banner-grid__heading,.banner-grid__item:focus .banner-grid__heading{transform:translate(-50%,calc(-50% + 10px));opacity:0;transition:opacity var(--duration-default) ease,transform var(--duration-default) ease}}.banner-grid__content{position:relative;z-index:3;text-align:center}.banner-grid__content--hover{max-width:min(38rem,100%);margin:0 auto;transition:opacity var(--duration-default) ease}@media screen and (min-width:990px){.banner-grid__content--hover{opacity:0}.banner-grid__item:hover .banner-grid__content--hover,.banner-grid__item:focus-within .banner-grid__content--hover,.banner-grid__item:focus .banner-grid__content--hover,.banner-grid__item:active .banner-grid__content--hover{opacity:1}}.banner-grid__description:not(:first-child){margin-top:.8rem}.banner-grid__button--wrapper{display:inline-block;text-align:center}.banner-grid__button--wrapper:not(:first-child){margin-top:1.6rem}.banner-grid__overlay--link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}@media(hover:none),(pointer:coarse){.banner-grid .banner-grid__content--hover{opacity:1!important;transition:none!important}.banner-grid .banner-grid__content--hover .banner-grid__header,.banner-grid .banner-grid__content--hover .banner-grid__description,.banner-grid .banner-grid__content--hover .banner-grid__button--wrapper{opacity:1!important;transform:none!important;transition:none!important;transition-delay:0s!important}.banner-grid__heading{display:none}.banner-grid .banner-grid__item.enable-hover .banner-grid__image{opacity:0}.banner-grid .banner-grid__item.enable-hover .banner-grid__image-hover{opacity:1}}@media screen and (max-width:749px){.banner-grid .banner-grid__content--hover{opacity:1!important;transition:none!important}.banner-grid .banner-grid__content--hover .banner-grid__header,.banner-grid .banner-grid__content--hover .banner-grid__description,.banner-grid .banner-grid__content--hover .banner-grid__button--wrapper{opacity:1!important;transform:none!important;transition:none!important;transition-delay:0s!important}.banner-grid__heading{display:none}.banner-grid .banner-grid__item.enable-hover .banner-grid__image{opacity:0}.banner-grid .banner-grid__item.enable-hover .banner-grid__image-hover{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-banner-grid.css.map */