.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;align-items:start}
.project-slot{min-width:0;background:#fff;padding:16px}
.project-slot--wide{grid-column:1/-1}
.project-slot>a,.project-slot picture{display:block}
.project-slot img{display:block;width:100%;height:auto}
.project-slot .project-caption{display:block;padding:6px 8px 8px;margin-top:16px}
.project-caption h3{font-size:1.25rem;margin-bottom:6px}
.project-caption p{font-size:.9375rem;margin:0;max-width:680px}
.comparison-labels{display:flex;justify-content:space-between;padding:0 8px 10px;font-size:.7rem;font-weight:700;letter-spacing:.12em;color:#49635d;text-transform:uppercase}
.comparison-stacked{display:none}
.project-slot--stacked .comparison-labels{justify-content:flex-start;gap:24px}
.project-slot a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:700px){.project-gallery{grid-template-columns:1fr;gap:24px}.project-slot--wide{grid-column:auto}.project-slot--responsive .comparison-horizontal{display:none}.project-slot--responsive .comparison-stacked{display:flex;justify-content:flex-start;gap:24px}.project-slot{padding:10px}}