/* ── PROJECTS HERO ── */
.proj-hero{position:relative;min-height:72vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--hero-bg);padding-top:80px}
.proj-hero-bg{position:absolute;inset:0;z-index:2;background:linear-gradient(170deg,rgba(12,15,20,.98) 0%,rgba(12,15,20,.85) 55%,rgba(12,15,20,.55) 100%)}
.proj-hero-grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(200,136,10,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(200,136,10,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 75%,transparent 100%)}
.proj-hero-mosaic{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:3px}
.proj-hero-mosaic-img{width:100%;height:100%;object-fit:cover;filter:brightness(.25) saturate(0.6)}
.proj-hero-content{position:relative;z-index:10;padding:0 56px 72px;width:100%}
.proj-hero-breadcrumb{display:inline-flex;align-items:center;gap:10px;font-family:var(--fm);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(200,210,224,.4);margin-bottom:24px}
.proj-hero-breadcrumb a{color:rgba(200,210,224,.4);text-decoration:none;transition:color .2s}
.proj-hero-breadcrumb a:hover{color:var(--amber-light)}
.proj-hero-breadcrumb span{color:var(--amber-light)}
.proj-hero-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--fm);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber-light);margin-bottom:20px}
.proj-hero-eyebrow::before{content:'';width:36px;height:2px;background:var(--amber-light)}
.proj-hero-title{font-family:var(--fd);font-size:clamp(64px,9vw,120px);line-height:.88;letter-spacing:.01em;color:#f0f2f6;margin-bottom:24px;text-shadow:0 4px 32px rgba(0,0,0,.5)}
.proj-hero-title span{color:var(--amber-light)}
.proj-hero-body{font-size:17px;font-weight:300;color:rgba(200,210,224,.72);max-width:560px;margin-bottom:52px;line-height:1.8}
.proj-hero-stats{display:flex;gap:0;border-left:1px solid rgba(200,136,10,.2)}
.proj-stat{padding:0 40px;border-right:1px solid rgba(200,136,10,.2)}
.proj-stat:first-child{padding-left:32px}
.proj-stat-val{font-family:var(--fd);font-size:44px;color:#f0f2f6;line-height:1}
.proj-stat-val span{color:var(--amber-light)}
.proj-stat-label{font-family:var(--fm);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6b7280;margin-top:4px}


/* ── FEATURED PROJECT ── */
.proj-featured{padding:80px 56px 0;background:var(--bg)}
.proj-featured-card{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);overflow:hidden;position:relative}
.proj-featured-img-wrap{position:relative;overflow:hidden;min-height:520px}
.proj-featured-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s ease;display:block}
.proj-featured-card:hover .proj-featured-img{transform:scale(1.04)}
.proj-featured-img-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(18,21,26,.85) 100%),linear-gradient(to top,rgba(18,21,26,.5) 0%,transparent 40%)}
.proj-featured-badge{position:absolute;top:28px;left:28px;background:var(--amber);color:#fff;font-family:var(--fm);font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:6px 14px}
.proj-featured-content{padding:64px 56px;display:flex;flex-direction:column;justify-content:center}
.proj-featured-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--fm);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber-light);margin-bottom:20px}
.proj-featured-eyebrow::before{content:'';width:28px;height:1px;background:var(--amber-light)}
.proj-featured-title{font-family:var(--fd);font-size:clamp(36px,4vw,60px);color:#f0f2f6;line-height:.95;letter-spacing:.02em;margin-bottom:20px}
.proj-featured-desc{font-size:15px;font-weight:300;color:#8d96a4;line-height:1.85;margin-bottom:36px;max-width:420px}
.proj-featured-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.proj-tag{font-family:var(--fm);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber-light);border:1px solid rgba(200,136,10,.3);padding:5px 12px}
.proj-featured-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid rgba(255,255,255,.08);padding-top:36px}
.proj-meta-label{font-family:var(--fm);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#4a5060;margin-bottom:6px}
.proj-meta-val{font-size:15px;font-weight:500;color:#c8cdd6}

/* ── PROJECTS GRID ── */
.proj-grid-section{padding:56px 56px 120px;background:var(--bg)}
.proj-grid-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;gap:24px}
.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:var(--border-mid)}
.proj-card{background:var(--surface);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow .3s}
.proj-card:hover{box-shadow:0 8px 40px rgba(0,0,0,.12);z-index:1}
.proj-card--wide{grid-column:span 2}
.proj-card-img-wrap{position:relative;overflow:hidden}
.proj-card--wide .proj-card-img-wrap{aspect-ratio:16/7}
.proj-card:not(.proj-card--wide) .proj-card-img-wrap{aspect-ratio:4/3}
.proj-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease;filter:brightness(.92)}
.proj-card:hover .proj-card-img{transform:scale(1.05)}
.proj-card-cat{position:absolute;top:16px;left:16px;font-family:var(--fm);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:rgba(18,21,26,.65);backdrop-filter:blur(8px);padding:5px 12px;border-left:2px solid var(--amber)}
.proj-card-body{padding:28px 28px 32px;flex:1;display:flex;flex-direction:column}
.proj-card-title{font-family:var(--fd);font-size:26px;letter-spacing:.03em;color:var(--ink);line-height:1.05;margin-bottom:12px}
.proj-card-desc{font-size:13px;font-weight:300;color:var(--muted);line-height:1.78;flex:1;margin-bottom:20px}
.proj-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border)}
.proj-card-date{font-family:var(--fm);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint)}
.proj-card-type{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);display:flex;align-items:center;gap:8px}
.proj-card-type::before{content:'';width:16px;height:1px;background:var(--amber)}

/* ── IMPACT BANNER ── */
.proj-impact{position:relative;min-height:420px;display:flex;align-items:center;overflow:hidden;background:var(--ink)}
.proj-impact-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.2) grayscale(30%)}
.proj-impact-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(12,15,20,.97) 0%,rgba(12,15,20,.8) 55%,rgba(12,15,20,.45) 100%)}
.proj-impact-content{position:relative;z-index:2;padding:80px 56px;width:100%}
.proj-impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.proj-impact-quote{font-family:var(--fd);font-size:clamp(28px,3.5vw,48px);letter-spacing:.02em;color:#f0f2f6;line-height:1.05;margin-bottom:20px}
.proj-impact-quote span{color:var(--amber-light)}
.proj-impact-body{font-size:15px;font-weight:300;color:#8d96a4;line-height:1.85;max-width:520px}
.proj-numbers{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:rgba(200,136,10,.15)}
.proj-number-item{background:rgba(18,21,26,.8);padding:36px 32px;text-align:center;backdrop-filter:blur(4px)}
.proj-number-val{font-family:var(--fd);font-size:56px;color:var(--amber-light);line-height:1}
.proj-number-label{font-family:var(--fm);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#4a5060;margin-top:8px}

/* ── ENQUIRY ── */
.proj-enquiry{display:grid;grid-template-columns:1fr 1fr;min-height:480px}
.proj-enquiry-left{background:var(--amber);padding:80px 72px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.proj-enquiry-left::before{content:'QUOTE';position:absolute;left:-10px;bottom:-30px;font-family:var(--fd);font-size:140px;color:rgba(0,0,0,.08);pointer-events:none;white-space:nowrap}
.proj-enquiry-title{font-family:var(--fd);font-size:clamp(36px,4.5vw,58px);color:#fff;line-height:.95;letter-spacing:.02em;margin-bottom:18px;position:relative;z-index:1}
.proj-enquiry-body{font-size:16px;font-weight:300;color:rgba(255,255,255,.75);line-height:1.8;margin-bottom:36px;max-width:360px;position:relative;z-index:1}
.proj-enquiry-right{background:var(--bg-alt);padding:80px 72px;display:flex;flex-direction:column;justify-content:center;border-top:4px solid var(--amber)}
.proj-form{display:flex;flex-direction:column;gap:16px}
.proj-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.proj-form .form-field{display:flex;flex-direction:column;gap:7px}
.proj-form .form-field label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);font-family:var(--fm)}
.proj-form .form-field input,
.proj-form .form-field select,
.proj-form .form-field textarea{background:var(--surface);border:1px solid var(--border-mid);padding:13px 16px;font-family:var(--fb);font-size:15px;color:var(--ink-2);outline:none;transition:border-color .2s;-webkit-appearance:none}
.proj-form .form-field input:focus,
.proj-form .form-field select:focus,
.proj-form .form-field textarea:focus{border-color:var(--amber)}
.proj-form .form-field textarea{resize:vertical;min-height:90px}
.proj-form .btn-submit{background:var(--amber);color:#fff;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:17px 40px;border:none;cursor:pointer;clip-path:polygon(9px 0%,100% 0%,calc(100% - 9px) 100%,0% 100%);transition:background .2s;align-self:flex-start;font-family:var(--fb)}
.proj-form .btn-submit:hover{background:#a87008}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .proj-hero-content{padding:0 28px 56px}
  .proj-filter{padding:0 28px}
  .proj-featured{padding:56px 28px 0}
  .proj-featured-card{grid-template-columns:1fr}
  .proj-featured-img-wrap{min-height:360px}
  .proj-featured-content{padding:44px 36px}
  .proj-grid-section{padding:40px 28px 80px}
  .proj-grid{grid-template-columns:1fr 1fr}
  .proj-card--wide{grid-column:span 2}
  .proj-impact-content{padding:60px 28px}
  .proj-impact-grid{grid-template-columns:1fr}
  .proj-numbers{grid-template-columns:repeat(4,1fr)}
  .proj-enquiry-left,.proj-enquiry-right{padding:64px 40px}
  .proj-enquiry{grid-template-columns:1fr}
  .proj-form .form-row{grid-template-columns:1fr}
}
@media(max-width:700px){
  .proj-hero-stats{flex-wrap:wrap}
  .proj-stat{padding:0 24px 0 0;border:none;margin-bottom:16px}
  .proj-grid{grid-template-columns:1fr}
  .proj-card--wide{grid-column:span 1}
  .proj-numbers{grid-template-columns:1fr 1fr}
  .proj-featured-meta{grid-template-columns:1fr}
}