.primery-hero{position:relative;min-height:500px;display:flex;align-items:flex-end;overflow:hidden}
.primery-hero::before{content:"";position:absolute;inset:0;z-index:0;background:url(/images/primery-hero.jpg) center center/cover no-repeat;filter:brightness(.45)}
.primery-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(8,10,11,1) 0%,rgba(8,10,11,.5) 50%,rgba(8,10,11,.1) 100%)}
.primery-hero-inner{position:relative;z-index:2;width:100%;padding:64px 0 56px}
.primery-hero .eyebrow{margin-bottom:20px}
.primery-hero h1{font-size:clamp(26px,3.2vw,48px);line-height:1.02;max-width:680px}
.primery-hero p{color:var(--muted);font-size:16px;max-width:500px;margin-top:16px;line-height:1.65}
.primery-stats{display:flex;gap:48px;margin-top:32px;flex-wrap:wrap}
.primery-stat span{font-family:var(--display);font-size:28px;font-weight:800;color:var(--gold);display:block;line-height:1}
.primery-stat label{font-size:12px;color:var(--muted-2);letter-spacing:1px;text-transform:uppercase;margin-top:4px;display:block}

.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:64px 0 80px}
.proj-card{background:var(--bg2);display:flex;flex-direction:column;text-decoration:none;transition:background .3s;position:relative;overflow:hidden}
.proj-card:hover{background:var(--surface)}
.proj-card-img{aspect-ratio:4/3;overflow:hidden;position:relative}
.proj-card-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.8);transition:transform .5s}
.proj-card:hover .proj-card-img img{transform:scale(1.04)}
.proj-card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,10,11,.6) 0%,transparent 50%)}
.proj-card-service{position:absolute;top:16px;left:16px;background:var(--gold);color:#0A0E0F;font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 10px;z-index:1}
.proj-card-body{padding:22px 24px 28px;flex:1;display:flex;flex-direction:column}
.proj-card-meta{display:flex;gap:16px;margin-bottom:12px}
.proj-card-city{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);opacity:.8}
.proj-card-year{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-2)}
.proj-card-title{font-family:var(--display);font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;line-height:1.25;margin-bottom:10px;letter-spacing:.3px;transition:color .2s}
.proj-card:hover .proj-card-title{color:var(--gold-1)}
.proj-card-area{font-size:12px;color:var(--muted-2);margin-bottom:12px}
.proj-card-desc{font-size:13px;color:var(--muted);line-height:1.7;flex:1}
.proj-card-link{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);opacity:0;transform:translateY(4px);transition:all .2s}
.proj-card:hover .proj-card-link{opacity:1;transform:translateY(0)}

@media(max-width:960px){.projects-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.projects-grid{grid-template-columns:1fr}.primery-stats{gap:24px}}