/* Page-specific styles only. Shared styles are in assets/css/ */
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px;flex-wrap:wrap}
.filters{display:flex;gap:clamp(20px,3.5vw,36px);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;margin-bottom:clamp(40px,6vw,70px);border-bottom:1px solid var(--taupe);padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--brass) rgba(207,195,179,.25)}
.filters::-webkit-scrollbar{height:4px}
.filters::-webkit-scrollbar-track{background:rgba(207,195,179,.25);border-radius:4px}
.filters::-webkit-scrollbar-thumb{background:var(--brass);border-radius:4px}
.filters::-webkit-scrollbar-thumb:hover{background:var(--espresso)}
.filters button{background:none;border:0;font:inherit;font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;font-weight:500;color:var(--muted);padding:0 0 14px;cursor:pointer;position:relative;transition:color .3s;flex-shrink:0;white-space:nowrap}
.filters button.on,.filters button:hover{color:var(--espresso)}
.filters button.on::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--brass)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px) clamp(24px,4vw,70px);align-items:start}
.proj{transition:opacity .5s,transform .5s}
.proj.hide{display:none}
.proj:nth-child(even){margin-top:110px}
.proj figure{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--sand)}
.proj img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.proj:hover img{transform:scale(1.06)}
.proj .tag{position:absolute;top:20px;left:20px;background:var(--ivory);padding:6px 14px;font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;font-weight:500}
.proj .meta{display:flex;gap:22px;align-items:baseline;padding-top:24px}
.proj .no{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--brass)}
.proj h3{font-size:clamp(1.8rem,2.8vw,2.5rem);font-weight:500}
.proj p{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.more{text-align:center;margin-top:100px}
a.proj{display:block}
.proj:nth-child(even){margin-top:0}
.proj.low{margin-top:110px}
@media(max-width:900px){.grid{grid-template-columns:1fr}.proj.low{margin-top:0}}