:root{--exp-card-overlay-color: rgba(0, 0, 0, .4);--exp-card-overlay-color-active: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);--exp-card-text-color: #fff;--exp-card-btn-bg: #fff;--exp-card-btn-color: #222;--exp-card-btn-bg-hover: #222;--exp-card-btn-color-hover: #fff;--exp-card-transition: .4s cubic-bezier(.4, 0, .2, 1)}.expanding-image-cards{display:flex;width:100%;max-width:100vw;margin:0 auto;flex-direction:column;min-height:auto;gap:1rem}@media screen and (max-width: 750px){.expanding-image-cards{gap:0}}.expanding-image-card{position:relative;display:flex;align-items:flex-end;cursor:pointer;overflow:hidden;transition:all var(--exp-card-transition);box-shadow:0 2px 16px #00000014;outline:none;width:100%;height:300px;border-radius:12px}@media screen and (max-width: 750px){.expanding-image-card{border-radius:0}}.expanding-image-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}div.expanding-image-card__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--exp-card-overlay-color);z-index:1;pointer-events:none}.expanding-image-card__content{position:relative;z-index:2;color:var(--exp-card-text-color);padding:0 2rem 2rem;width:100%;display:flex;flex-direction:column;gap:1rem}.expanding-image-card__title{margin:0 0 .5rem;font-size:2.4rem;font-weight:700;letter-spacing:.01em;line-height:1.2;color:var(--exp-card-text-color);text-transform:uppercase}.expanding-image-card__description{margin:0 0 1rem;font-size:1.6rem;font-weight:400;line-height:1.5;opacity:.92}.expanding-image-card__details{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1) .2s;visibility:hidden;position:absolute;pointer-events:none;width:100%}.expanding-image-card:hover .expanding-image-card__details,.expanding-image-card:focus .expanding-image-card__details,.expanding-image-card:active .expanding-image-card__details{max-height:300px;opacity:1;visibility:visible;position:static;pointer-events:auto}.expanding-image-card:hover .expanding-image-card__overlay{background:var(--exp-card-overlay-color-active)}.expanding-image-card__button{align-self:flex-start;background:var(--exp-card-btn-bg);color:var(--exp-card-btn-color);border:1px solid #fff;border-radius:10px;padding:.75em 2em;font-size:1.4rem;font-weight:700;text-decoration:none;transition:background var(--exp-card-transition),color var(--exp-card-transition);cursor:pointer;display:inline-block}.expanding-image-card__button.expanding-image-card__button--outline{background-color:transparent}.expanding-image-card__button:hover{background:var(--exp-card-btn-hover-color);border-color:var(--exp-card-btn-hover-color)}.expanding-image-card__button.expanding-image-card__button--outline:hover{border-color:var(--exp-card-btn-bg)}.expanding-image-card:hover,.expanding-image-card:focus,.expanding-image-card:active{height:450px;z-index:2;box-shadow:0 4px 32px #0000002e}@media screen and (min-width: 750px){.expanding-image-cards{flex-direction:row;min-height:560px;gap:0;align-items:stretch;justify-content:center}.expanding-image-card{flex:1 1 0%;min-width:0;height:auto;border-radius:0}.expanding-image-card__content{padding:0 5rem 3rem}.expanding-image-card__title{font-size:3rem}.expanding-image-card__description{font-size:2rem}.expanding-image-card__button{font-size:1.8rem}.expanding-image-card:hover,.expanding-image-card:focus,.expanding-image-card:active{flex-grow:2.5;height:auto;z-index:2;box-shadow:0 4px 32px #0000002e}.expanding-image-card:hover~.expanding-image-card,.expanding-image-card:focus~.expanding-image-card,.expanding-image-card:active~.expanding-image-card{flex-grow:1}}.expanding-image-card:focus-visible{outline:2px solid #fff;outline-offset:-4px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/expanding-image-cards.css.map */