/* Projects page and the "View all" button on the home page. */
.gallery-card[hidden]{display:none!important}
.projects-more{display:flex;justify-content:center;margin:44px 0 0}
.projects-more-btn,.projects-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 34px;border:1px solid #711927;color:#5a101d;background:transparent;font:600 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .3s,color .3s}
.projects-more-btn:hover,.projects-btn:hover,.projects-more-btn:focus-visible,.projects-btn:focus-visible{background:#711927;color:#fffaf2}
.projects-page .section-head h1{font-family:var(--serif);font-weight:500;font-size:clamp(44px,6vw,76px);line-height:1;margin:0}
.projects-page .section-head h1 em{color:#e6d398}
.projects-page .section-head>p a{color:#711927}
.projects-page .work{padding-top:150px}
.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 14px}
.project-filters .pf{padding:11px 22px;border:1px solid #b8915a;background:transparent;color:#5a101d;font:600 11px/1 'DM Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s}
.project-filters .pf:hover{background:#f0e6d3}
.project-filters .pf.on{background:#711927;border-color:#711927;color:#fffaf2}
.project-count{margin:0 0 22px;color:#8a7a6e;font-size:12px;letter-spacing:.08em}
.projects-cta{text-align:center;margin:64px 0 8px}
.projects-cta p{font-family:var(--serif);font-size:28px;margin:0 0 22px;color:#171211}
@media(max-width:680px){
  .projects-page .work{padding-top:120px}
  .projects-page .work .gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:visible;scroll-snap-type:none;padding:0}
  .projects-page .work .gallery>.gallery-card{width:auto;flex:none}
  .projects-page .work .gallery>.gallery-card>div:first-child,.projects-page .work .gallery>.gallery-card.tall>div:first-child,.projects-page .work .gallery>.gallery-card .pilot-project-visual{height:190px}
  .projects-page .work .gallery .gallery-card>div:last-child>small{display:none}
  .projects-page .work .gallery .gallery-card>div:last-child>b{font-size:19px}
  .project-filters .pf{padding:10px 16px}
  .projects-more{margin-top:28px}
}