/* Consistent project presentation, shared by the home selection and archive. */
.projects{background:#f7f7f2}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}
.project-card,.project-card:nth-child(4n+2){padding:0;min-width:0}
.project-card .photo,.project-card:nth-child(4n+3) .photo{aspect-ratio:16/9!important;background:#e9eae4;overflow:hidden}
.project-card .photo img{width:100%;height:100%;object-fit:contain;transform:none}
.project-card .card-info{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 0 23px;border-bottom:1px solid #d6d9cf}
.project-card .category{font-size:12px;color:#68705f;letter-spacing:.15px;line-height:1.5}
.project-card h3{font-size:clamp(20px,1.65vw,28px);line-height:1.25;letter-spacing:-.5px;font-weight:500;margin-top:6px}
.project-card .project-arrow{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border:1px solid #cfd3c7;border-radius:50%;font-size:22px;transition:background .2s,color .2s}
.project-card:hover .project-arrow,.project-card:focus-visible .project-arrow{background:#303b2d;color:white;border-color:#303b2d}
body[data-page="home"] .projects{padding:76px 4% 64px}
body[data-page="home"] .project-card .photo{aspect-ratio:2.1!important}
body[data-page="home"] .project-card .photo img{object-fit:cover;object-position:center}
body[data-page="home"] .projects .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px}
body[data-page="home"] .projects .section-head h2{font-size:clamp(34px,3.5vw,54px);font-weight:500;letter-spacing:-1.7px;margin-top:15px}
.selection-description{font-size:15px;line-height:1.65;color:#676d61;max-width:460px;margin-top:14px}
.archive-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:14px;white-space:nowrap;padding:13px 0;border-bottom:1px solid #394431}
.archive-link span{font-size:22px}
body[data-page="home"] .projects-bottom{display:none}
.project-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;margin:32px 0}
.filters{display:flex;flex-wrap:wrap;gap:8px;border:0}
.filters button{display:flex;align-items:center;gap:8px;border:1px solid #d4d8cd;border-radius:5px;padding:11px 15px;font-size:13px;font-weight:400;line-height:1.4;background:transparent;white-space:nowrap}
.filters button:after{display:none}
.filters button.active,.filters button[aria-pressed="true"]{background:#303b2d;border-color:#303b2d;color:#fff}
.filters button:hover:not(.active){background:#e9ece3}
.filters .filter-count{font-size:11px;line-height:1.4;opacity:.7;font-variant-numeric:tabular-nums}
.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d4d8cd;border-radius:5px;padding:0 14px;min-width:190px}
.search input{padding:12px 0;background:transparent;border:0;outline-offset:4px;width:165px;font-size:13px}
.search>span{font-size:21px;color:#69745f}
.projects-bottom{margin-top:30px}
@media(max-width:1000px){.project-tools{align-items:stretch;flex-direction:column;gap:16px}.search{max-width:320px}.search input{width:100%}}
@media(max-width:680px){body[data-page="home"] .projects{padding:48px 6%}.project-grid{grid-template-columns:1fr;gap:28px}.project-card .card-info{padding:16px 0 20px}.project-card h3{font-size:23px}.project-card .category{font-size:12px}.project-card .project-arrow{width:36px;height:36px}.project-card .photo{aspect-ratio:16/9!important}body[data-page="home"] .projects .section-head{display:block;margin-bottom:26px}.selection-description{font-size:14px}.archive-link{margin-top:21px;font-size:13px}.filters{gap:7px}.filters button{font-size:12px;padding:9px 11px}.search{max-width:none}.project-tools{margin:24px 0}.projects-bottom{align-items:center;gap:15px}}
