/* Infrastructure page sections */
.nd .hero{margin-top:var(--nav-h);background:var(--black);padding:100px 60px 80px;position:relative;overflow:hidden}
.nd .hero h1{font-size:clamp(48px,7vw,96px);font-weight:200;line-height:1.0;letter-spacing:-.03em;color:var(--white);max-width:700px}
.nd .hero h1 em{font-style:normal;color:var(--red)}
.nd .hero-sub{margin-top:32px;font-size:15px;font-weight:300;color:rgba(255,255,255,.45);max-width:520px;line-height:1.8}
.nd .stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08);background:var(--black)}
.nd .stat{padding:40px 60px;border-right:1px solid rgba(255,255,255,.08)}
.nd .stat:last-child{border-right:none}
.nd .stat-num{font-size:clamp(32px,4vw,52px);font-weight:200;color:var(--white);letter-spacing:-.02em;line-height:1}
.nd .stat-num em{color:var(--red);font-style:normal}
.nd .stat-label{font-size:11px;font-weight:300;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:10px}
.nd .sec{padding:80px 60px}
.nd .sec.alt{background:var(--gray-light)}
.nd .sec-label{font-size:11px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:40px;display:flex;align-items:center;gap:14px}
.nd .sec-label::after{content:'';height:1px;background:var(--gray-mid);width:60px}
.nd .sec-title{font-size:clamp(28px,4vw,48px);font-weight:200;letter-spacing:-.02em;margin-bottom:16px}
.nd .sec-body{font-size:14px;font-weight:300;color:var(--gray-text);line-height:1.8;max-width:600px;margin-bottom:48px}
.nd .unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gray-mid)}
.nd .unit-card{background:var(--white);padding:36px 28px;position:relative;transition:background .2s}
.nd .unit-card:hover{background:var(--gray-light)}
.nd .unit-num{font-size:48px;font-weight:200;color:var(--gray-mid);letter-spacing:-.04em;line-height:1;margin-bottom:20px;transition:color .3s}
.nd .unit-card:hover .unit-num{color:rgba(237,28,36,.15)}
.nd .unit-name{font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.nd .unit-loc{font-size:12px;font-weight:300;color:var(--red);letter-spacing:.08em;margin-bottom:12px}
.nd .unit-size{font-size:22px;font-weight:200;letter-spacing:-.01em;margin-bottom:8px}
.nd .unit-focus{font-size:12px;font-weight:300;color:var(--gray-text);line-height:1.6}
.nd .machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-mid)}
.nd .machine-card{background:var(--white);padding:32px;display:flex;gap:20px;align-items:flex-start;transition:background .2s;cursor:default}
.nd .machine-card:hover{background:var(--gray-light)}
.nd .machine-icon{width:48px;height:48px;flex-shrink:0;border:1px solid var(--gray-mid);display:flex;align-items:center;justify-content:center;transition:border-color .2s}
.nd .machine-card:hover .machine-icon{border-color:var(--red)}
.nd .machine-icon svg{width:22px;height:22px;fill:none;stroke:var(--black);stroke-width:1.2;transition:stroke .2s}
.nd .machine-card:hover .machine-icon svg{stroke:var(--red)}
.nd .machine-name{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.nd .machine-desc{font-size:12px;font-weight:300;color:var(--gray-text);line-height:1.6}
.nd .machine-tag{display:inline-block;margin-top:8px;font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;border:1px solid var(--gray-mid);color:var(--gray-text)}
.nd .process-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;position:relative}
.nd .process-grid::before{content:'';position:absolute;top:28px;left:0;right:0;height:1px;background:var(--gray-mid);z-index:0}
.nd .process-step{padding:0 20px 0 0;position:relative;z-index:1}
.nd .step-dot{width:10px;height:10px;border:1px solid var(--black);background:var(--white);border-radius:50%;margin-bottom:20px;transition:background .3s,border-color .3s}
.nd .process-step:hover .step-dot{background:var(--red);border-color:var(--red)}
.nd .step-num{font-size:10px;font-weight:400;letter-spacing:.15em;color:var(--gray-text);margin-bottom:8px}
.nd .step-name{font-size:13px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}
.nd .step-desc{font-size:11px;font-weight:300;color:var(--gray-text);line-height:1.6}
.nd .dark-sec{background:var(--black);padding:80px 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.nd .dark-sec h2{font-size:clamp(32px,4.5vw,56px);font-weight:200;color:var(--white);letter-spacing:-.02em}
.nd .dark-sec h2 em{font-style:normal;color:var(--red)}
.nd .dark-sec p{font-size:14px;font-weight:300;color:rgba(255,255,255,.45);line-height:1.8;margin-top:20px}
.nd .dark-sec-right{display:flex;flex-direction:column;gap:24px}
.nd .dark-fact{border-left:1px solid rgba(255,255,255,.1);padding-left:24px}
.nd .dark-fact strong{font-size:28px;font-weight:200;color:var(--white);display:block;letter-spacing:-.02em}
.nd .dark-fact strong em{color:var(--red);font-style:normal}
.nd .dark-fact span{font-size:11px;font-weight:300;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.35)}
.nd .gallery-strip{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:280px;gap:1px;background:var(--gray-mid)}
.nd .gallery-cell{background:var(--black);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:16px}
.nd .gallery-cell:nth-child(1){grid-column:span 2;background:#111}
.nd .gallery-cell:nth-child(3){grid-column:span 2;background:#1a1a1a}
.nd .gallery-cell::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 60%)}
.nd .gallery-cell .ph{position:relative;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.8)}
@media(max-width:1024px){
  .nd .stats{grid-template-columns:repeat(2,1fr)}
  .nd .unit-grid{grid-template-columns:repeat(2,1fr)}
  .nd .machine-grid{grid-template-columns:repeat(2,1fr)}
  .nd .process-grid{grid-template-columns:repeat(4,1fr);gap:32px 0}
  .nd .process-step{padding-bottom:32px}
}
@media(max-width:768px){
  .nd .hero,.nd .sec,.nd .dark-sec{padding-left:24px;padding-right:24px}
  .nd .stats{grid-template-columns:1fr 1fr}
  .nd .stat{padding:28px 24px}
  .nd .unit-grid{grid-template-columns:1fr}
  .nd .machine-grid{grid-template-columns:1fr}
  .nd .process-grid{grid-template-columns:repeat(2,1fr)}
  .nd .dark-sec{grid-template-columns:1fr;gap:40px}
  .nd .gallery-strip{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .nd .gallery-cell{min-height:140px}
  .nd .gallery-cell:nth-child(1),.nd .gallery-cell:nth-child(3){grid-column:span 1}
}

/* Gallery cells are real <img> now (background-image cannot carry srcset).
   The gradient ::before must stay above the photo and below the label. */
.nd .gallery-cell img.cell-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nd .gallery-cell::before{z-index:1}
.nd .gallery-cell .ph{z-index:2}
/* Facility unit photo — bleeds to the card edge, above the number. */
.nd .unit-img{margin:-36px -28px 20px;aspect-ratio:16/10;overflow:hidden;background:var(--gray-light)}
.nd .unit-img img{width:100%;height:100%;object-fit:cover;display:block}