.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;border:2px solid var(--card-border-color,var(--dark-primary-color));box-shadow:6px 6px 0 var(--card-shadow-color,var(--dark-primary-color));background-color:#fff;border-radius:.5rem;flex-direction:column;padding:0;transition:transform .15s,box-shadow .15s;display:flex}.gallery-page__card:hover{box-shadow:9px 9px 0 var(--card-shadow-color,var(--dark-primary-color));transform:translate(-3px,-3px)}.gallery-page__card{cursor:pointer;grid-row:span 2;overflow:hidden}.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)}}
