.sites-head{padding:clamp(2.2rem,5vw,4rem) 0 0}
.sites-head h1{font-size:clamp(2.6rem,1.2rem + 4.2vw,4.6rem);max-width:14ch}
.sites-head .lede{margin-top:1rem;max-width:40rem;color:var(--muted)}
.find{display:grid;gap:.35rem;max-width:28rem;margin:1.6rem 0 .4rem;font-weight:600}
.find input{font:inherit;min-height:48px;padding:.65rem 1rem;border:1.5px solid var(--ink);border-radius:999px;background:var(--surface);color:var(--ink)}
.count{color:var(--muted);margin:0 0 1.1rem}
.gallery{display:grid;gap:1rem;padding-bottom:clamp(3rem,8vw,6rem)}
@media(min-width:720px){.gallery{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.gallery{grid-template-columns:1fr 1fr 1fr}}
.work{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;min-height:100%}
.work[hidden]{display:none}
.work:hover{border-color:var(--ink)}
.work__shot{aspect-ratio:16/10;background:var(--ground-2);overflow:hidden}
.work__shot img{width:100%;height:100%;object-fit:cover;object-position:center}
.work__shot.top img{object-position:top center}
.work__bd{display:grid;gap:.3rem;padding:1rem 1.05rem 1.15rem}
.work__bd h2{font-size:1.45rem}
.work__k{font-weight:600;font-size:.95rem}
.work__line{color:var(--muted)}
.work__go{font-weight:700;margin-top:.25rem}
.nav a[aria-current="page"]{background:var(--accent)}
#empty{margin:0 0 3rem}