.portfolio-hero{padding:108px clamp(28px,4.15vw,83px) 130px;border-bottom:1px solid var(--line)}.portfolio-hero h1{font:600 clamp(64px,6.2vw,105px)/.96 "Cormorant Garamond",serif;margin:0 0 38px}.portfolio-hero>p:last-child{max-width:860px;font-size:23px;line-height:1.65;font-weight:600;color:#655e59}.filters{height:92px;display:flex;gap:42px;align-items:center;padding:0 clamp(28px,4.15vw,83px);overflow:auto;border-bottom:1px solid var(--line)}.filters button{height:100%;border:0;border-bottom:3px solid transparent;background:transparent;text-transform:uppercase;color:#736b66;font:600 14px Jost,sans-serif;letter-spacing:2.5px;white-space:nowrap;cursor:pointer}.filters button.active{color:var(--gold);border-color:var(--gold)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:140px clamp(28px,4.15vw,83px)}.portfolio-card{border:1px solid var(--line);background:#fbf7f1;overflow:hidden}.portfolio-card img{height:345px;width:100%;object-fit:cover;display:block}.portfolio-card div{padding:24px 28px 28px}.portfolio-card p{color:var(--gold);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0 0 7px}.portfolio-card h2{font-size:34px;margin:0}.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:70px}@media(max-width:900px){.portfolio-hero{padding:75px 28px}.filters{padding:0 28px;gap:27px}.portfolio-grid{grid-template-columns:1fr 1fr;padding:70px 28px;gap:18px}}@media(max-width:540px){.portfolio-grid{grid-template-columns:1fr}.portfolio-hero h1{font-size:62px}}
