.project-reference{padding:64px 5.5%;background:#f4f3ef;color:#151515}.project-reference h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.15;max-width:30ch}.project-kicker{font-size:.8rem;font-weight:700;letter-spacing:.12em}.project-description{max-width:78ch;line-height:1.75}.project-photos{display:grid;gap:24px;margin-top:28px;max-width:1040px}.project-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.project-single{max-width:420px}.project-photos figure{margin:0;min-width:0}.project-photos img{display:block;width:100%;height:auto;object-fit:contain;background:#222}.project-photos figcaption{font-weight:700;padding:12px 0}.project-reference a{color:inherit;text-decoration:underline;text-underline-offset:4px}.project-reference a:focus-visible{outline:3px solid #111;outline-offset:4px}.project-links{line-height:1.8;margin-top:24px}@media(max-width:600px){.project-pair{grid-template-columns:1fr}.project-reference{padding:42px 5%}}

.project-reference{scroll-margin-top:120px}@media(max-width:760px){.project-reference{scroll-margin-top:200px}}

/* Shared appearance for all current and future project photos. */
.project-photos{--project-photo-radius:16px}.project-photos figure>a{display:block;border-radius:var(--project-photo-radius);overflow:hidden}.project-photos img{border-radius:var(--project-photo-radius)}
.project-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.project-example{min-width:0}.project-example h3{font-size:1.3rem;line-height:1.3}.project-example p{line-height:1.7}.project-example .project-photos{margin-top:20px}.project-example .project-photos img{height:260px;object-fit:cover}.project-example .project-kicker{letter-spacing:.07em}@media(max-width:850px){.project-example-grid{grid-template-columns:1fr}.project-example .project-photos{max-width:520px}}