.three-column-banner{position:relative}.three-column-banner__grid{gap:0}@media screen and (max-width:749px){.three-column-banner__grid{gap:8px}.three-column-banner__grid.grid--1-col-tablet-down .grid__item{width:100%;max-width:100%;flex:0 0 100%}.three-column-banner__grid.grid--2-col-tablet-down .grid__item{width:calc((100% - 8px)/2);max-width:calc((100% - 8px)/2);flex:0 0 calc((100% - 8px)/2)}.three-column-banner__grid.grid--3-col-tablet-down .grid__item{width:calc((100% - 16px) / 3);max-width:calc((100% - 16px) / 3);flex:0 0 calc((100% - 16px) / 3)}}.three-column-banner__item{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.three-column-banner__media{width:100%;height:100%;position:relative;transition:transform .3s ease}.three-column-banner__media:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(180deg,#0000 51.44%,#000000cf);z-index:1;pointer-events:none}.three-column-banner__item:hover .three-column-banner__media{transform:scale(1.05)}.three-column-banner__media img{width:100%;height:100%;object-fit:cover;display:block}.three-column-banner__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:2;transition:transform .3s ease}.three-column-banner__item:hover .three-column-banner__content{transform:translateY(-1rem)}.three-column-banner__item:hover .three-column-banner__content:has(.three-column-banner__text--bottom){padding-bottom:32px}.three-column-banner__content:has(.three-column-banner__text--bottom):has(.three-column-banner__button){gap:.5rem}.three-column-banner__content:has(.three-column-banner__text--bottom){justify-content:flex-end}.three-column-banner__content:has(.three-column-banner__text--top){justify-content:flex-start;padding-top:2rem}.three-column-banner__content:has(.three-column-banner__text--middle){justify-content:center}.three-column-banner__text{font-weight:700;text-transform:uppercase;white-space:nowrap;text-shadow:2px 2px 4px rgba(0,0,0,.5);pointer-events:none;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:1.4px;color:rgb(var(--color-foreground));line-height:calc(1 + .3/max(1,var(--font-heading-scale)));word-break:break-word;transition:transform .3s ease,opacity .3s ease;transform:translateY(0);opacity:1}.three-column-banner__text--top{align-self:flex-start;margin-top:2rem}.three-column-banner__text--middle{align-self:center}.three-column-banner__text--bottom{align-self:center;margin-bottom:0}.three-column-banner__text.text-left{text-align:left;padding-left:2rem}.three-column-banner__text.text-center{text-align:center}.three-column-banner__text.text-right{text-align:right;padding-right:2rem}.three-column-banner__button{opacity:0;transform:translateY(2rem);transition:opacity .3s ease,transform .3s ease;pointer-events:auto;margin-top:.5rem}.three-column-banner__item:hover .three-column-banner__text{transform:translateY(-.5rem);opacity:.95}.three-column-banner__item:hover .three-column-banner__button{opacity:1;transform:translateY(0)}@media screen and (max-width:989px){.three-column-banner .title-wrapper-with-link,.three-column-banner .title-wrapper--self-padded-mobile{padding-left:0;padding-right:0}.three-column-banner__text--top{margin-top:1rem}.three-column-banner__text--bottom{margin-bottom:0}.three-column-banner__text.text-left{padding-left:1rem}.three-column-banner__text.text-right{padding-right:1rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-three-column-banner.css.map */