:root{--navy:#071a2b;--gold:#d8a62a;--ink:#102235;--muted:#64748b;--bg:#f5f7fa;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,26,43,.97);box-shadow:0 5px 25px #0002}.navbar-brand{display:flex;align-items:center;min-width:150px}.navbar-brand img{width:150px;height:130px;object-fit:contain;object-position:center}.navbar-nav a{color:#fff;padding:.65rem .8rem;font-weight:600}.dropdown-menu a{color:var(--ink)}.btn-gold{background:var(--gold);color:#071a2b;border:0;font-weight:800;padding:.8rem 1.2rem}.btn-gold:hover{background:#efc454;color:#071a2b}.hero{min-height:680px;background:linear-gradient(90deg,#061a2be8,#061a2b66),url('../images/construction.jpg') center/cover;display:flex;align-items:center;color:#fff}.hero h1{font-size:clamp(2.7rem,6vw,5.6rem);font-weight:900;line-height:1.02;max-width:850px}.hero p{font-size:1.2rem;max-width:700px;color:#e7edf3}.eyebrow{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.14em}.section{padding:90px 0}.section-title{font-weight:900;font-size:clamp(2rem,4vw,3.4rem)}.cardx{background:var(--card);border-radius:24px;overflow:hidden;box-shadow:0 10px 35px #091a2b12;height:100%;transition:.25s}.cardx:hover{transform:translateY(-5px);box-shadow:0 18px 45px #091a2b20}.cardx img{width:100%;height:250px;object-fit:cover}.cardx-body{padding:28px}.iconbox{width:62px;height:62px;border-radius:18px;background:#fbf4e2;color:#c79116;display:grid;place-items:center;font-size:1.4rem}.stats{background:var(--navy);color:#fff}.stat strong{font-size:3rem;color:var(--gold);display:inline-block;font-variant-numeric:tabular-nums}.stat-suffix{font-size:2rem;color:var(--gold);font-weight:900;margin-left:2px}.footer{background:#061523;color:#c8d1dc}.footer h5{color:#fff}.footer a{display:block;margin:.35rem 0}.footer-logo{height:100px}.socials{display:flex;gap:12px}.socials a{display:grid;place-items:center;width:42px;height:42px;background:#ffffff12;border-radius:50%}.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#20c76b;color:#fff;display:grid;place-items:center;font-size:1.6rem;z-index:80;box-shadow:0 10px 30px #0003}.donate{position:fixed;right:22px;bottom:92px;background:var(--gold);padding:.7rem 1rem;border-radius:999px;font-weight:800;z-index:79}.cookie{position:fixed;left:20px;bottom:20px;max-width:360px;background:#fff;padding:18px;border-radius:16px;box-shadow:0 15px 45px #0003;z-index:100}.dark{--bg:#0b1118;--card:#121c26;--ink:#f4f7fa;--muted:#b6c1cc}.dark .cookie,.dark .dropdown-menu{background:#121c26;color:#fff}.mobile-menu-btn{border:1px solid #ffffff80!important;background:transparent!important;width:48px;height:44px;border-radius:10px!important;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px}.mobile-menu-btn span{display:block;width:24px;height:2px;background:#fff;border-radius:4px}.mode-btn{border:1px solid #ffffff55;background:transparent;color:#fff;border-radius:50%;width:38px;height:38px}.lang{border:1px solid #ffffff55;border-radius:20px!important}.project-filter button{border:1px solid #ddd;background:#fff;border-radius:30px;padding:.5rem 1rem}.project-filter button.active{background:var(--gold);border-color:var(--gold)}.gallery img{height:210px;object-fit:cover;border-radius:18px;width:100%}#loader{position:fixed;inset:0;background:#071a2b;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:12px}#loader img{width:170px;max-height:130px;object-fit:contain}.form-control,.form-select{padding:.8rem;border-radius:12px}.admin-sidebar{min-height:100vh;background:#071a2b;color:#fff}.admin-sidebar a{display:block;padding:.75rem 1rem;color:#d9e1ea;border-radius:10px}.admin-sidebar a:hover,.admin-sidebar a.active{background:#ffffff12;color:#fff}.dashboard-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 25px #0000000d}.table img{width:60px;height:45px;object-fit:cover;border-radius:8px}@media(max-width:991px){.navbar-nav{padding:15px 0}.hero{min-height:600px}.section{padding:65px 0}}

.director-section{background:linear-gradient(135deg,#fff,#f4f6f8)}
.director-photo-wrap{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 25px 60px #071a2b22;max-width:520px;margin:auto}.director-photo-wrap:after{content:"";position:absolute;inset:18px;border:1px solid #d8a62a66;border-radius:22px;pointer-events:none}.director-photo-wrap img{width:100%;height:620px;object-fit:cover;object-position:center top;display:block}.director-quote{font-size:clamp(0.800rem,1.05vw,0.8rem);line-height:1.7;color:#304457;border-left:5px solid var(--gold);padding-left:24px;margin-top:28px}.testimonials-section{background:#f8f9fb}.testimonial-viewport{overflow:hidden;position:relative;margin:0 -10px;padding:10px}.testimonial-track{display:flex;gap:22px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:8px}.testimonial-track::-webkit-scrollbar{display:none}.testimonial-card{flex:0 0 min(390px,86vw);background:#fff;border:1px solid #e7ebef;border-radius:24px;padding:28px;box-shadow:0 12px 35px #071a2b0d;scroll-snap-align:start}.testimonial-top{display:flex;align-items:center;gap:16px}.testimonial-top img{width:68px;height:68px;object-fit:cover;border-radius:50%;border:3px solid #f0d58a}.testimonial-top h3{font-size:1.05rem;margin:0}.testimonial-top p{margin:2px 0 0;color:#718096;font-size:.9rem}.stars{color:var(--gold);letter-spacing:2px;margin:18px 0 10px}.testimonial-text{font-size:1.02rem;color:#334155;line-height:1.75;margin:0}.testimonial-empty{text-align:center;padding:55px 25px}.testimonial-empty i{font-size:2.5rem;color:var(--gold);margin-bottom:15px}.dark .director-section,.dark .testimonials-section{background:#0f1720}.dark .director-quote,.dark .testimonial-text{color:#d5dee7}.dark .testimonial-card{background:#121c26;border-color:#243443}
@media(max-width:991px){.mobile-menu-btn{display:flex;margin-left:auto}.navbar-collapse{background:#071a2b;padding:12px 4px 18px;margin-top:10px;border-top:1px solid #ffffff18}.navbar-nav{padding:8px 0}.navbar-nav a{display:block;padding:.75rem .9rem}.navbar-nav .btn-gold{margin:8px 0}.navbar-brand img{width:132px;height:60px}.director-photo-wrap img{height:520px}}
@media(max-width:575px){.navbar-brand{min-width:130px}.navbar-brand img{width:125px;height:58px}.hero{min-height:570px}.section{padding:20px 0}.stat strong{font-size:2.3rem}.stat-suffix{font-size:1.5rem}.director-photo-wrap img{height:430px}.testimonial-card{padding:22px}}
.page-hero{padding:130px 0 90px;background:linear-gradient(90deg,#071a2bf0,#071a2b99),url('../images/construction.jpg') center/cover;color:#fff}.page-hero h1{font-size:clamp(2.5rem,5vw,4.6rem);font-weight:900;max-width:900px}.page-hero p{max-width:720px;font-size:1.15rem;color:#e5edf5}.accordion-item{border:0;margin-bottom:8px;border-radius:14px!important;overflow:hidden;box-shadow:0 6px 25px #071a2b0c}.accordion-button{font-weight:800;padding:20px 22px}.accordion-button:not(.collapsed){background:#fbf4e2;color:#071a2b;box-shadow:none}


/* BAMAC visual refresh — image-led homepage showcase */
.bamac-visual-showcase{background:#f4f5f6}
.bamac-gallery-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:245px 245px;gap:18px}
.bamac-gallery-item{position:relative;display:block;overflow:hidden;border-radius:18px;min-height:210px;background:#17202b;color:#fff;text-decoration:none;isolation:isolate}
.bamac-gallery-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.76));z-index:0}
.bamac-gallery-item img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .55s ease}
.bamac-gallery-item:hover img{transform:scale(1.055)}
.bamac-gallery-item span{position:absolute;left:22px;bottom:18px;color:#fff;font-weight:700;font-size:1rem;z-index:1}
.bamac-gallery-large{grid-row:span 2}
.capability-card{height:100%;padding:28px 24px;background:#fff;border:1px solid #e6e8eb;border-radius:16px;box-shadow:0 12px 34px rgba(17,28,42,.045)}
.capability-card>span{display:inline-flex;color:#d6a62a;font-weight:800;letter-spacing:.12em;margin-bottom:20px}
.capability-card h3{font-size:1.18rem;font-weight:750;color:#172333}
.capability-card p{color:#687381;margin:0;line-height:1.75}
@media(max-width:767.98px){.bamac-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 170px 170px;gap:10px}.bamac-gallery-large{grid-row:span 2}.bamac-gallery-item{border-radius:12px}.bamac-gallery-item span{left:12px;bottom:12px;font-size:.82rem}.capability-card{padding:22px}}

/* BAMAC corporate design system — desktop, tablet and mobile */
:root{--navy:#172d55;--gold:#f4b84b;--orange:#ef7625;--ink:#18243a;--bg:#f5f6f8}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#202b3c;line-height:1.75}h1,h2,h3,h4{letter-spacing:-.025em}.site-header{background:rgba(13,22,39,.97);backdrop-filter:blur(14px)}.navbar-nav a{font-size:.94rem}.navbar-nav a:hover{color:#f4b84b}.hero{min-height:min(790px,86vh);background-image:linear-gradient(90deg,rgba(9,19,36,.94) 0%,rgba(9,19,36,.78) 48%,rgba(9,19,36,.22) 100%),url('../images/gallery/construction-excavator-site.jpg');background-position:center;background-size:cover}.hero h1,.page-hero h1{letter-spacing:-.045em}.hero p,.page-hero p{line-height:1.8}.page-hero{padding:clamp(90px,12vw,160px) 0 100px;background-image:linear-gradient(90deg,rgba(12,24,45,.94),rgba(12,24,45,.67)),url('../images/gallery/tower-cranes-at-sunset.jpg');background-size:cover;background-position:center}.section{padding:clamp(58px,7vw,104px) 0}.section-title{line-height:1.12;letter-spacing:-.04em}.cardx{border:1px solid #e7eaf0;border-radius:18px;box-shadow:0 14px 44px rgba(16,31,56,.07)}.cardx img{height:280px}.cardx-body h2,.cardx-body h3{font-weight:800;line-height:1.2}.bamac-visual-showcase{background:#f0f2f5}.bamac-gallery-item{border-radius:12px}.capability-card{border-radius:12px;border-top:3px solid var(--gold)}.value-panel{background:#172d55;color:#fff;border-radius:18px;padding:clamp(28px,4vw,48px);box-shadow:0 16px 40px #172d5520}.value-panel i{font-size:2rem;color:var(--gold);margin-bottom:24px}.value-panel h2{font-size:2rem;font-weight:850}.value-panel p{color:#e4eaf3}.value-card{height:100%;background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:28px;box-shadow:0 10px 32px #172d5508}.value-card span,.process-card span,.service-number{color:#d88c27;font-weight:900;letter-spacing:.12em}.value-card h3{font-size:1.2rem;font-weight:800;margin:15px 0}.value-card p,.sector-card p{color:#64748b;margin:0}.brand-promise{padding:46px 20px;background:#172d55;color:#fff;border-radius:16px}.brand-promise h2{font-weight:900}.brand-promise p{color:#f4b84b;font-size:1.1rem;margin:8px 0 0}.process-grid>div{border-left:2px solid #f4b84b;padding-left:22px}.process-grid b{font-size:1.1rem;color:#172d55}.q.hse-commitment,.hse-commitment{background:#f4b84b;padding:30px;border-radius:14px;color:#172d55}.sector-card{height:100%;border:1px solid #e7eaf0;border-radius:14px;padding:25px;background:#fff}.sector-card i{font-size:1.7rem;color:#d88c27;margin-bottom:18px}.sector-card h3{font-size:1.1rem;font-weight:800}.service-long-copy p{font-size:1.07rem;line-height:1.9;color:#4c596c;margin:0 0 1.35rem}.service-feature-box{padding:28px;border-radius:16px;background:#172d55;color:#fff}.service-feature-box h3{font-size:1.25rem;font-weight:800}.service-feature-box ul{list-style:none;padding:0;margin:18px 0 0}.service-feature-box li{padding:8px 0;border-bottom:1px solid #ffffff22;color:#e7edf6}.service-feature-box li i{color:#f4b84b;margin-right:10px}.process-card{height:100%;padding:28px;border:1px solid #e6eaf0;border-radius:14px;background:#fff}.process-card h3{font-size:1.2rem;font-weight:800;margin:15px 0}.service-landing-card .cardx-body{padding:clamp(22px,3vw,34px)}.service-landing-card h2{font-size:1.5rem}.service-landing-card p{color:#64748b;line-height:1.8}.director-quote{color:#34445a}.director-photo-wrap img{object-position:center 25%}.footer{background:#101c31}.donate{background:#f4b84b;color:#172d55}.whatsapp{box-shadow:0 8px 28px #0003}.cookie{border:1px solid #e6eaf0}
@media(max-width:991px){.site-header .navbar-collapse{max-height:calc(100vh - 78px);overflow-y:auto}.hero{min-height:620px}.page-hero{padding:105px 0 75px}.section{padding:65px 0}.cardx img{height:245px}}
@media(max-width:767px){.hero{min-height:580px;background-position:58% center}.hero h1{font-size:clamp(2.55rem,12vw,4rem)}.page-hero{padding:90px 0 62px}.page-hero h1{font-size:clamp(2.35rem,10vw,3.6rem)}.section-title{font-size:clamp(1.9rem,8vw,2.7rem)}.bamac-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 155px 155px}.director-photo-wrap img{height:440px}.value-panel{padding:28px}.brand-promise{padding:32px 18px}}
@media(max-width:420px){.navbar-brand img{width:112px}.hero{min-height:560px}.hero .btn{width:100%}.cardx img{height:215px}.cookie{left:10px;right:10px;bottom:10px;max-width:none}}