.hero{padding:78px 0 68px}
.hero h1{max-width:760px;font-size:clamp(3rem,5.3vw,5rem);line-height:1}
.work-columns article:first-child{padding-left:30px}
.work-columns article:last-child{padding-right:30px}
.projects-section{padding-top:72px}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.portfolio-grid article{background:var(--surface);border:0;border-radius:0;overflow:hidden}
.project-card{display:block;height:100%}
.project-thumbnail{aspect-ratio:16/8.5;background:#e8edf0;border-bottom:0}
.project-thumbnail img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) contrast(.95) brightness(1.03);opacity:.94}
.project-card-copy{padding:24px}
.project-card-copy h3{color:var(--ink);font-size:22px;line-height:1.22;letter-spacing:-.04em;margin:0 0 9px}
.project-card-copy p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 17px}
.public-section{display:block}
.public-section .section-heading{max-width:720px;margin-bottom:24px}
.public-section .public-copy{max-width:720px}
@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.portfolio-grid{grid-template-columns:1fr}.project-card-copy{padding:21px}.work-columns article:first-child,.work-columns article:last-child{padding-left:0;padding-right:0}}