.image-cards{margin-inline:auto;max-width:var(--container-width-wide)}.image-cards__cards{display:grid;grid-gap:var(--gap-5) var(--gap-10)}.image-cards__card--stack{display:grid;position:sticky;top:0;grid-gap:var(--gap-4);background-color:var(--white);grid-template-rows:auto 1fr}.image-cards__card--stack .image-cards__title{color:var(--pink)}.image-cards__card--stack .image-cards__image{aspect-ratio:8/5;border-radius:var(--radius-lg);display:block;-o-object-fit:cover;object-fit:cover;width:100%}.image-cards__card--stack .image-cards__button{margin-top:auto}.image-cards__card--card{aspect-ratio:3/2;border-radius:var(--radius-lg);display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto}.image-cards__card--card,.image-cards__card--card>.image-cards__card-image{overflow:hidden;position:relative}.image-cards__card--card>.image-cards__card-image>img{grid-area:1/1/3/2;height:100%;object-fit:cover;transition:scale .4s ease;width:100%}.image-cards__card--card .image-cards__card-overlay{background-color:rgba(0,0,0,.2);border-radius:20px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.image-cards__card--card .image-cards__card-title{display:grid;grid-area:2/1/3/2;position:relative;grid-gap:var(--gap-2);align-items:center;background-color:var(--shadow);color:var(--white);font-size:2.2rem;font-weight:600;grid-template-columns:1fr auto;padding:1.5rem 2rem}.image-cards__card--card .image-cards__card-title svg{color:var(--white);transform:translateX(0);transition:transform .3s ease}.image-cards__card--card:active .image-cards__card-image img,.image-cards__card--card:focus .image-cards__card-image img,.image-cards__card--card:hover .image-cards__card-image img{scale:1.1}.image-cards__card--card:active .image-cards__card-overlay,.image-cards__card--card:focus .image-cards__card-overlay,.image-cards__card--card:hover .image-cards__card-overlay{opacity:1}.image-cards__card--card .image-cards__card-title:before{background:linear-gradient(90deg,#babfd3,#e27ea4);content:"";height:4px;left:0;position:absolute;top:-4px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.image-cards__card--card:active>.image-cards__card-title:before,.image-cards__card--card:focus>.image-cards__card-title:before,.image-cards__card--card:hover>.image-cards__card-title:before{transform:scaleX(1)}.image-cards__card--card:active>.image-cards__card-title svg,.image-cards__card--card:focus>.image-cards__card-title svg,.image-cards__card--card:hover>.image-cards__card-title svg{color:#e27ea4;transform:translateX(1rem)}@media (min-width:576px){.image-cards__cards--2,.image-cards__cards--4{grid-template-columns:repeat(2,1fr)}.image-cards__cards{grid-gap:var(--gap-10)}.image-cards__card--stack{background-color:transparent;position:relative;top:auto}}@media (min-width:768px){.image-cards__cards--3{grid-template-columns:repeat(3,1fr)}.image-cards__card--stack .image-cards__image{aspect-ratio:4/3}.image-cards__card--stack .image-cards__details{align-items:flex-start;display:flex;flex-direction:column}.image-cards__card--card .image-cards__card-title{padding:2rem 3rem}.image-cards__card--card .image-cards__card-title svg{height:2.2rem;width:2.2rem}}@media (min-width:992px){.image-cards__cards--4{grid-template-columns:repeat(4,1fr)}}@media (max-width:575px){.image-cards__cards:has(.image-cards__card--stack){gap:0}.image-cards__card--stack:not(:last-child){padding-bottom:6rem}.image-cards__description{font-size:1.8rem}}