.projects-hero{position:relative;display:grid;min-height:min(640px,calc(100svh - 118px));align-items:center;overflow:hidden;color:#fff;isolation:isolate}.projects-hero__image{position:absolute;z-index:-2;inset:0;background:url('../assets/images/projects-hero-construction.jpg') center/cover;transform:scale(1.02)}.projects-hero__overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,20,33,.96),rgba(5,24,40,.72),rgba(7,23,36,.28))}.projects-hero__content{padding:96px 0 146px}.projects-hero h1{color:#fff;font:800 clamp(2.7rem,5.25vw,5rem)/1.08 var(--sans-display);letter-spacing:-.055em}.project-filter{padding:27px 0;background:var(--surface);border-bottom:1px solid var(--line)}.project-filter__buttons{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.project-filter button{padding:10px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-soft);font:700 .74rem var(--sans-body);letter-spacing:.015em;cursor:pointer;transition:color .2s,border-color .2s}.project-filter button.is-active,.project-filter button:hover{border-color:var(--signal);background:transparent;color:var(--ink)}.projects-list{padding:clamp(90px,10vw,145px) 0;background:var(--bg-primary)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.project-card{position:relative;overflow:hidden;background:var(--bg-primary);cursor:pointer;transition:background .2s}.project-card[hidden]{display:none}.project-card::after{position:absolute;z-index:1;top:0;right:0;left:0;height:240px;background:linear-gradient(180deg,rgba(3,17,29,0) 30%,rgba(3,17,29,.84) 100%);content:'';pointer-events:none}.project-card img{width:100%;height:240px;object-fit:cover;transition:transform .35s ease,filter .35s ease}.project-card>div{padding:25px 26px 28px}.project-card h2{position:absolute;z-index:2;right:26px;bottom:calc(100% - 220px);left:26px;margin:0;color:#fff;font:700 1.15rem/1.35 var(--sans-display);letter-spacing:-.025em;text-shadow:0 2px 14px rgba(0,0,0,.42)}.project-card p{margin-top:12px;color:var(--ink-soft);font-size:.88rem;line-height:1.65}.project-card .project-card__meta{margin-top:2px;padding-top:8px;color:var(--signal);font-size:.7rem;font-weight:700;line-height:1.45}.project-card:hover img{filter:saturate(1.12);transform:scale(1.035)}.project-card:hover{background:var(--surface)}.projects-cta{position:relative;display:grid;min-height:500px;align-items:center;overflow:hidden;color:#fff;isolation:isolate}.projects-cta__image{position:absolute;z-index:-2;inset:0;background:url('../assets/images/power-generation.jpg') center/cover}.projects-cta__overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,20,33,.94),rgba(4,20,33,.56))}.projects-cta__content{max-width:690px;padding:75px 0}.projects-cta h2{color:#fff;font:800 clamp(2.25rem,3.85vw,3.7rem)/1.1 var(--sans-display);letter-spacing:-.05em}.projects-cta p{margin:20px 0 30px;color:rgba(255,255,255,.84);font-size:1rem;line-height:1.7}.project-modal{position:fixed;z-index:10002;inset:0;display:grid;place-items:center;padding:24px;background:rgba(4,20,33,.7)}.project-modal[hidden]{display:none}.project-modal__dialog{position:relative;width:min(630px,100%);max-height:90vh;overflow:auto;padding:28px;background:var(--bg-primary)}.project-modal img{width:100%;max-height:310px;object-fit:cover}.project-modal__close{position:absolute;top:9px;right:12px;width:34px;height:34px;border:0;background:var(--navy);color:#fff;font-size:1.5rem;cursor:pointer}.project-modal h2{margin-top:20px;color:var(--ink);font:700 1.55rem var(--sans-display)}.project-modal p{margin-top:10px;color:var(--ink-soft);line-height:1.7}.project-modal__meta{color:var(--signal)!important;font-size:.75rem;font-weight:700}@media(max-width:820px){.projects-grid{grid-template-columns:repeat(2,1fr)}.projects-hero{min-height:590px}}@media(max-width:540px){.projects-grid{grid-template-columns:1fr}.project-card img,.project-card::after{height:235px}.project-card h2{bottom:calc(100% - 215px)}.projects-hero__content{padding:75px 0 100px}.projects-hero h1{font-size:clamp(2.45rem,12vw,3.2rem)}.project-filter__buttons{justify-content:start}.projects-cta{min-height:455px}}
.project-card::after,.project-card h2{transition:transform .35s ease;transform-origin:center top}.project-card:hover::after,.project-card:hover h2{transform:scale(1.035)}.project-card>div{padding:24px 26px 28px}.project-card .project-card__meta{margin:0;padding:0 0 12px}.project-card .project-card__meta+p{margin:0}