.work-hero{padding:clamp(70px,9vw,125px) var(--pad) 70px;background:var(--ink);color:#fff}.work-hero-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:70px;align-items:end}.work-hero h1{font:400 clamp(58px,8vw,116px)/.92 Georgia,serif;letter-spacing:-.055em;margin:0}.work-hero h1 em{font-weight:400;color:#77cf9b}.work-hero .intro{max-width:490px;color:#c2d0cb;font-size:18px;margin:0}.work-stats{margin-top:75px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #456055}.work-stat{padding:28px 25px 0 0;border-right:1px solid #456055;min-height:145px}.work-stat+.work-stat{padding-left:25px}.work-stat:last-child{border-right:0}.work-stat strong{display:block;font:400 clamp(38px,5vw,65px)/1 Georgia,serif}.work-stat span{display:block;margin-top:10px;color:#a9bbb4;font-size:13px}.work-catalog{padding:80px var(--pad) 130px}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.category-card{padding:28px;min-height:220px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;text-align:left;color:var(--ink);font:inherit;cursor:pointer}.category-card+.category-card{border-left:0}.category-card:first-child{background:var(--lime);color:#fff}.category-card small{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.category-card strong{font:400 38px/1 Georgia,serif;margin-top:auto}.category-card span{color:var(--muted);font-size:14px;margin-top:9px}.category-card:first-child span{color:#d9f1e3}.filters{display:flex;gap:8px;margin-bottom:45px;overflow:auto;padding-bottom:3px}.filter{border:1px solid var(--line);background:transparent;padding:12px 18px;color:var(--ink);white-space:nowrap;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:#fff}.project-group{margin:0 0 80px}.project-group[hidden]{display:none}.group-head{display:grid;grid-template-columns:1fr;gap:0;align-items:end;padding-bottom:25px;border-bottom:2px solid var(--ink)}.group-head h2{font:400 clamp(42px,5vw,68px)/1 Georgia,serif;letter-spacing:-.045em;margin:0}.group-head p{margin:0;color:var(--muted);max-width:540px;justify-self:end}.project-list{list-style:none;margin:0;padding:0}.project-row{display:grid;grid-template-columns:90px minmax(220px,1.3fr) 1fr 120px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.project-row time{font-weight:750;color:var(--lime)}.project-row strong{font:400 21px/1.2 Georgia,serif}.project-row span{color:var(--muted);font-size:14px}.project-row b{text-align:right;font-size:14px}.pending-box{margin-top:25px;padding:35px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:40px}.pending-box h3{font:400 29px/1.1 Georgia,serif;margin:0}.pending-box p{margin:0;color:var(--muted)}.work-contact{padding:70px var(--pad);background:var(--lime);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.work-contact h2{font:400 clamp(38px,5vw,66px)/1 Georgia,serif;letter-spacing:-.045em;margin:0;max-width:780px}.work-contact .button{background:#fff;color:var(--ink)}body.projects-page footer{border-top:0}
@media(max-width:850px){.work-hero-grid,.group-head{grid-template-columns:1fr}.work-hero .intro,.group-head p{justify-self:start}.work-stats{grid-template-columns:1fr 1fr}.work-stat:last-child{grid-column:1/-1;border-top:1px solid #456055}.category-cards{grid-template-columns:1fr}.category-card+.category-card{border-left:1px solid var(--line);border-top:0}.project-row{grid-template-columns:70px 1fr 100px}.project-row span{grid-column:2}.project-row b{grid-column:3;grid-row:1/3}.pending-box{grid-template-columns:1fr}.work-contact{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.work-stats{grid-template-columns:1fr}.work-stat,.work-stat+.work-stat{padding:22px 0;border-right:0;border-bottom:1px solid #456055}.work-stat:last-child{grid-column:auto;border-top:0}.project-row{grid-template-columns:55px 1fr}.project-row b{grid-column:2;grid-row:auto;text-align:left}.work-catalog{padding-top:55px}.category-card{min-height:180px}}

.category-card:first-child{background:#fff;color:var(--ink)}
.category-card.active{background:var(--lime);color:#fff}
.category-card.active span{color:#d9f1e3}
.category-card{align-items:flex-start;justify-content:flex-start;gap:42px}
.category-card small{line-height:1}
.category-card strong{margin-top:0}
@media(max-width:520px){.category-card{gap:32px}}
.project-group[data-project-group="facades"] .project-row,
.project-group[data-project-group="roofs"] .project-row{grid-template-columns:90px minmax(220px,1.3fr) 1fr}
.project-group[data-project-group="facades"] .project-row b,
.project-group[data-project-group="roofs"] .project-row b{display:none}
.project-group[data-project-group="facades"] .project-row span{display:none}
@media(max-width:850px){.project-group[data-project-group="facades"] .project-row,.project-group[data-project-group="roofs"] .project-row{grid-template-columns:70px 1fr}.project-group[data-project-group="facades"] .project-row span,.project-group[data-project-group="roofs"] .project-row span{grid-column:2}}
@media(max-width:520px){.project-group[data-project-group="facades"] .project-row,.project-group[data-project-group="roofs"] .project-row{grid-template-columns:55px 1fr}}
.project-row strong.has-photo{display:grid;grid-template-columns:minmax(0,1fr) 116px;align-items:center;gap:22px;width:100%}.project-row strong.has-photo img{width:116px;height:78px;object-fit:cover;justify-self:end}
@media(min-width:851px){.project-row strong.has-photo{grid-template-columns:minmax(0,1fr) 190px;gap:28px}.project-row strong.has-photo img{width:190px;height:126px}.project-group[data-project-group="facades"] .project-row{padding:26px 0}}
@media(max-width:850px){.project-row strong.has-photo{grid-template-columns:minmax(0,1fr) 106px;gap:16px}.project-row strong.has-photo img{width:106px;height:72px}}
@media(max-width:520px){.project-row strong.has-photo{gap:14px}}
