.project-cards{max-width:1440px;margin:auto;padding:0 5.5vw 9vw;display:grid;grid-template-columns:1fr 1fr;gap:4vw 2vw}.project-card{appearance:none;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer;font:inherit;overflow:hidden}.project-card img{height:36vw;max-height:540px;transition:transform .45s ease}.project-card:hover img{transform:scale(1.018)}.project-card-wide{grid-column:span 2}.project-card-wide img{height:48vw;max-height:680px}.project-meta{display:flex;justify-content:space-between;align-items:flex-end;padding:1rem 0 1.2rem;border-bottom:1px solid var(--line)}.project-meta>span:first-child{display:flex;flex-direction:column;gap:.3rem}.project-meta small,.project-count{font:500 .68rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.project-meta strong{font:500 1.65rem 'Playfair Display',serif}.gallery{width:min(1180px,94vw);height:min(900px,94vh);padding:0;border:0;background:#111;color:#fff;overflow:hidden}.gallery::backdrop{background:rgba(15,20,19,.92)}.gallery figure{height:100%;margin:0;display:grid;grid-template-rows:1fr auto}.gallery figure img{width:100%;height:100%;min-height:0;object-fit:contain}.gallery figcaption{display:flex;justify-content:space-between;align-items:end;padding:1rem 1.4rem;background:#111}.gallery figcaption>span:first-child{display:flex;flex-direction:column}.gallery figcaption small,#gallery-count{font:500 .67rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#aaa}.gallery figcaption strong{font:500 1.3rem 'Playfair Display',serif}.gallery-close,.gallery-arrow{position:absolute;z-index:2;border:0;background:rgba(17,17,17,.78);color:#fff;cursor:pointer}.gallery-close{right:1rem;top:1rem;width:42px;height:42px;font-size:1.7rem}.gallery-arrow{top:50%;width:48px;height:54px;font-size:1.4rem;transform:translateY(-50%)}.gallery-prev{left:1rem}.gallery-next{right:1rem}
@media(max-width:720px){.project-cards{grid-template-columns:1fr;padding:0 6vw 15vw;gap:2.8rem}.project-card-wide{grid-column:span 1}.project-card img,.project-card-wide img{height:76vw}.project-meta strong{font-size:1.35rem}.project-count{font-size:.58rem}.gallery{width:100vw;height:100vh;max-height:none}.gallery figcaption{padding:1rem}.gallery-arrow{top:auto;bottom:72px;transform:none}.gallery-prev{left:1rem}.gallery-next{right:1rem}}