.gallery-page{width:100%;max-width:120rem;margin:6rem auto 4rem;padding:0 1.5rem}.gallery-page__header{text-align:center;margin-bottom:4rem}.gallery-page__title{font-family:var(--font-jakarta-sans);font-size:var(--page-title-font-size);color:var(--main-font-color);margin-bottom:1rem}.gallery-page__empty{text-align:center;font-family:var(--font-jakarta-sans);color:rgba(var(--main-font-color-rgb), .5);margin-top:4rem}.gallery-page__masonry{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));grid-auto-rows:12rem;grid-auto-flow:dense;gap:1.5rem;display:grid}.gallery-page__card{width:100%;font:inherit;text-align:inherit;appearance:none;box-shadow:0 4px 12px rgba(var(--main-font-color-rgb), .03);border:1px solid rgba(var(--main-font-color-rgb), .06);cursor:pointer;background-color:#fff;border-radius:1rem;flex-direction:column;grid-row:span 2;padding:0;transition:transform .25s ease-in-out,box-shadow .25s ease-in-out;display:flex;overflow:hidden}.gallery-page__card:hover{box-shadow:0 12px 24px rgba(var(--main-font-color-rgb), .08);transform:translateY(-4px)}.gallery-page__card:hover .gallery-page__img{transform:scale(1.02)}@media screen and (min-width:640px){.gallery-page__card--large{grid-area:span 3/span 2}.gallery-page__card--wide{grid-column:span 2}.gallery-page__card--tall{grid-row:span 3}}.gallery-page__image-wrapper{background-color:var(--neutral-color);flex-grow:1;width:100%;position:relative;overflow:hidden}.gallery-page__img{object-fit:cover;transition:transform .3s ease-in-out}.gallery-page__meta{border-top:1px solid rgba(var(--main-font-color-rgb), .04);background-color:#fff;flex-shrink:0;padding:1rem 1.25rem}.gallery-page__caption{font-family:var(--font-jakarta-sans);color:var(--main-font-color);text-transform:capitalize;font-size:.95rem;font-weight:600}@keyframes fadeInPhoto{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}