.art-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:70px 0 90px}
.art-intro h1{margin:0;font-size:clamp(65px,10vw,145px);line-height:.78;letter-spacing:-.07em}
.art-intro p{align-self:end;max-width:530px;margin:0 0 8px auto;font-family:Georgia,serif;font-size:27px;line-height:1.12}
.portfolio{display:grid;grid-template-columns:repeat(12,1fr);gap:55px 24px}
.project-card{grid-column:span 6;text-decoration:none}.project-card.wide{grid-column:span 12}.project-card.narrow{grid-column:span 5}.project-card.shift{grid-column:7 / span 6}
.project-card figure{margin:0;overflow:hidden;background:#eee}.project-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}.project-card.wide img{aspect-ratio:16/7}.project-card:hover img{transform:scale(1.012)}
.project-card .meta{display:grid;grid-template-columns:38px 1fr auto;gap:12px;padding-top:10px;border-top:1px solid #111}
.project-card h2{margin:0;font-size:26px;letter-spacing:-.8px}.project-card p{margin:4px 0 0;font-size:12px;color:var(--muted)}
@media(max-width:760px){.art-intro{grid-template-columns:1fr;gap:30px;padding:50px 0 60px}.art-intro p{margin:0}.portfolio{display:block}.project-card{display:block;margin-bottom:45px}}