/* Eya-Macethe homepage photo composition fix — 25 Sep 2026
   Keep the important subject visible. Never zoom/crop a photograph merely to fill a card. */

/* HERO: preserve full engineering scene; text occupies the naturally quieter left area. */
.hero{position:relative;overflow:hidden;background:#061b2a;min-height:680px}
.hero-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:right center!important;background:#061b2a}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#061b2a 0%,rgba(6,27,42,.97) 31%,rgba(6,27,42,.72) 50%,rgba(6,27,42,.12) 73%,rgba(6,27,42,0) 88%)}
.hero-content{position:relative;z-index:2;max-width:760px}

/* All homepage photo cards use a deliberate viewing window with CONTAIN, never COVER. */
.engineering-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 38px;align-items:stretch}
.engineering-photo-grid figure{margin:0;overflow:hidden;border-radius:14px;background:#0a2536;display:flex;flex-direction:column}
.engineering-photo-grid img{display:block!important;width:100%!important;height:300px!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;background:#eef2f4}
.engineering-photo-grid figcaption{padding:16px 18px;color:#fff;font-weight:650;font-size:16px;margin-top:auto}

/* Field-work portraits need more vertical room so poles, workers and equipment remain visible. */
#project-photographs .engineering-photo-grid img{height:430px!important;background:#e9eef1}

/* Other project imagery: show the complete frame and accept clean empty space around it. */
.project-grid img,.project-card img,.project img{display:block!important;width:100%!important;height:330px!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;background:#eef2f4}
.enquiry-photo{display:block!important;width:100%!important;height:360px!important;object-fit:contain!important;object-position:center center!important;background:#eef2f4;border-radius:14px;margin-bottom:28px}
.engineering-photo-grid picture,.project-grid picture{display:block;height:auto!important;overflow:visible!important}

@media(max-width:900px){
 .hero{min-height:760px}
 .hero-media{height:48%!important;top:auto!important;bottom:0!important;object-position:center bottom!important}
 .hero-overlay{background:linear-gradient(180deg,#061b2a 0%,#061b2a 49%,rgba(6,27,42,.78) 66%,rgba(6,27,42,.08) 100%)}
 .hero-content{max-width:none}
 .engineering-photo-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .engineering-photo-grid{grid-template-columns:1fr;gap:18px}
 .engineering-photo-grid img,#project-photographs .engineering-photo-grid img{height:auto!important;max-height:620px!important}
 .project-grid img,.enquiry-photo{height:auto!important;max-height:620px!important}
 .hero{min-height:820px}
}