.project-showcase{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.project-feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:.82fr 1.18fr;min-height:355px}
.project-feature[hidden]{display:none}
.project-feature-large{grid-column:1/-1;grid-template-columns:1.1fr .9fr;min-height:490px}
.project-art{position:relative;overflow:hidden;background:var(--forest);color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.project-art:before,.project-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%}
.project-art:before{width:330px;height:330px;right:-120px;top:-100px}
.project-art:after{width:180px;height:180px;right:-40px;bottom:-80px}
.project-art span,.project-art strong,.project-art small{position:relative;z-index:1}
.project-art span{font-size:9px;letter-spacing:.13em}
.project-art strong{font:800 clamp(33px,4.8vw,72px) "Manrope";color:var(--lime)}
.project-art small{font-size:10px;color:#bcc9ce}
.project-art.has-photo{padding:0;justify-content:flex-end}
.project-art.has-photo:before,.project-art.has-photo:after{display:none}
.project-art.has-photo img.project-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.project-art.has-photo .photo-caption{position:relative;z-index:1;display:flex;flex-direction:column;padding:24px 28px;background:linear-gradient(180deg,rgba(16,31,36,0),rgba(16,31,36,.88) 45%)}
.project-art.has-photo .photo-caption strong{font:800 clamp(28px,3.4vw,52px) "Manrope";color:var(--lime)}
.project-gallery{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:0 28px 24px;background:rgba(16,31,36,.88)}
.project-gallery img{width:100%;height:74px;object-fit:cover;display:block;border:1px solid rgba(255,255,255,.2)}
.art-drawing{background:var(--paper);color:var(--ink);padding:0;justify-content:flex-end}
.art-drawing:before,.art-drawing:after{display:none}
.art-drawing svg{position:absolute;inset:0;width:100%;height:100%}
.art-drawing .photo-caption{position:relative;z-index:1;display:flex;flex-direction:column;padding:24px 28px;background:linear-gradient(180deg,rgba(245,247,241,0),rgba(16,31,36,.9) 45%);color:#fff}
.art-drawing .photo-caption strong{font:800 clamp(28px,3.4vw,52px) "Manrope";color:var(--lime)}
.art-drawing .photo-caption small{color:#bcc9ce}
.art-grid{background:#17333a}
.art-storage{background:#0d3a42}
.art-review{background:#101f24}
.art-industry{background:#067f94}
.project-info{padding:34px;display:flex;flex-direction:column}
.project-info .tag{font-size:9px;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.project-info h3{font-size:27px;margin:22px 0 12px}
.project-info p{font-size:13px}
.project-outcomes{display:flex;gap:25px;margin:18px 0}
.project-outcomes span{font-size:9px;color:var(--muted)}
.project-outcomes b{display:block;font:800 23px "Manrope";color:var(--ink)}
.expert-cta{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;font-size:11px;font-weight:800;display:flex;justify-content:space-between}
.expert-cta:hover{color:var(--green)}
.capability-band{background:var(--forest);color:#fff;padding:90px max(24px,8vw);display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.capability-band h2{font-size:44px}
.capability-band p{color:#b6c3c8}
.capability-tags{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-content:center}
.capability-tags span{border:1px solid rgba(255,255,255,.22);padding:12px 15px;font-size:10px;color:#c5d1d5;text-align:center}
@media(max-width:950px){.project-showcase{grid-template-columns:1fr}
.project-feature,.project-feature-large{grid-column:auto;grid-template-columns:1fr 1fr}
}
@media(max-width:650px){.project-feature,.project-feature-large{grid-template-columns:1fr}
.project-art{min-height:250px}
.capability-band{grid-template-columns:1fr;padding:70px 24px}
.capability-band h2{font-size:36px}
}