:root {
  --navy:#061827;
  --navy-2:#0a2235;
  --ink:#102236;
  --gold:#c9a55a;
  --gold-deep:#b69149;
  --paper:#f4f3ef;
  --white:#ffffff;
  --muted:#65717d;
  --line:#d9d8d2;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:"Manrope",sans-serif; color:var(--ink); background:var(--white); -webkit-font-smoothing:antialiased; }
a { text-decoration:none; }
img { display:block; width:100%; }

.container-xxl { max-width:1420px; }
.section-pad { padding:105px 0; }
.bg-white { background:var(--white)!important; }

h1,h2,h3,h4 { font-weight:800; letter-spacing:-0.04em; }
h2 { font-size:clamp(2rem,3.3vw,4rem); line-height:1.04; margin:0 0 24px; }
.lead-copy { font-size:1.08rem; line-height:1.85; color:#566371; max-width:720px; }

.eyebrow { display:flex; align-items:center; gap:12px; text-transform:uppercase; font-size:.72rem; letter-spacing:.13em; font-weight:700; color:#7a8086; margin-bottom:18px; }
.eyebrow span { width:28px; height:3px; background:var(--gold); display:inline-block; }
.eyebrow.light { color:#c8d0d6; }

.brand-mark { display:inline-flex; flex-direction:column; color:#fff!important; line-height:1; }
.brand-main { font-size:2rem; font-weight:700; letter-spacing:.02em; }
.brand-sub { font-size:.55rem; letter-spacing:.54em; color:var(--gold); margin-top:5px; }

.site-header { border-bottom:1px solid rgba(255,255,255,.08); }
.navbar .nav-link { color:rgba(255,255,255,.88); text-transform:uppercase; font-size:.72rem; letter-spacing:.06em; font-weight:700; }
.navbar .nav-link:hover { color:var(--gold); }

.btn { border-radius:0; padding:15px 24px; font-size:.76rem; text-transform:uppercase; letter-spacing:.04em; font-weight:800; display:inline-flex; align-items:center; gap:14px; }
.btn-gold { background:var(--gold); color:#fff; border:1px solid var(--gold); }
.btn-gold:hover { background:var(--gold-deep); color:#fff; border-color:var(--gold-deep); }
.btn-outline-light-custom { color:#fff; border:1px solid rgba(255,255,255,.35); }
.btn-outline-light-custom:hover { background:#fff; color:var(--navy); }
.text-link { text-transform:uppercase; font-size:.75rem; font-weight:800; letter-spacing:.04em; color:var(--ink); display:inline-flex; gap:12px; align-items:center; padding-bottom:8px; border-bottom:1px solid var(--gold); }

.hero-section { position:relative; min-height:760px; color:#fff; background-image:url("https://images.unsplash.com/photo-1565043666747-69f6646db940?auto=format&fit=crop&w=2200&q=88"); background-position:center; background-size:cover; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,12,22,.93) 0%,rgba(2,18,31,.76) 42%,rgba(3,13,21,.22) 72%,rgba(2,10,18,.55) 100%); }
.hero-title { font-size:clamp(3.8rem,7vw,7.9rem); line-height:.88; margin:0; max-width:980px; }
.hero-copy { font-size:1.12rem; color:rgba(255,255,255,.82); margin-top:26px; max-width:480px; line-height:1.7; }
.hero-index { display:flex; flex-direction:column; gap:28px; padding:32px 28px; border-left:1px solid rgba(255,255,255,.18); }
.hero-index a { color:#dfe6eb; text-transform:uppercase; font-size:.75rem; letter-spacing:.07em; }
.hero-index a span { color:var(--gold); font-size:.64rem; margin-right:18px; }
.hero-bottom-line { display:flex; justify-content:space-between; text-transform:uppercase; font-size:.65rem; font-weight:700; letter-spacing:.08em; color:#d5dde2; }

.heritage-visual { position:relative; padding-right:70px; }
.heritage-visual img { min-height:390px; object-fit:cover; filter:saturate(.65); }
.heritage-card { position:absolute; right:0; bottom:-28px; background:var(--gold); color:#fff; width:210px; padding:28px; }
.heritage-card small,.heritage-card strong,.heritage-card p { display:block; }
.heritage-card strong { font-size:2.5rem; font-weight:500; letter-spacing:-.04em; }
.heritage-card p { margin:18px 0 0; text-transform:uppercase; font-size:.72rem; font-weight:800; line-height:1.6; }
.small-rule { width:34px; height:3px; background:#fff; display:block; margin-bottom:20px; }

.stats-band { background:var(--navy); color:#fff; }
.stat-item { padding:28px 16px; border-right:1px solid rgba(255,255,255,.18); }
.stat-item:last-child { border-right:0; }
.stat-item strong { display:block; font-size:2rem; line-height:1; }
.stat-item span { display:block; font-size:.65rem; text-transform:uppercase; letter-spacing:.04em; color:#c6cfd6; margin-top:9px; }

.business-grid > div { min-height:560px; }
.business-card { min-height:560px; position:relative; background-size:cover; background-position:center; color:#fff; overflow:hidden; }
.business-engineering { background-image:url("https://images.unsplash.com/photo-1565043666747-69f6646db940?auto=format&fit=crop&w=1200&q=85"); }
.business-commodities { background-image:url("https://images.unsplash.com/photo-1617038220319-276d3cfab638?auto=format&fit=crop&w=1200&q=85"); }
.business-construction { background-image:url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1200&q=85"); }
.business-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,16,27,.08) 18%,rgba(3,16,27,.92) 88%); }
.business-content { position:absolute; left:0; right:0; bottom:0; padding:42px; }
.business-number { font-size:.75rem; color:var(--gold); font-weight:800; letter-spacing:.12em; }
.business-content h3 { font-size:2rem; margin:14px 0 12px; }
.business-content p { max-width:360px; color:#e0e5e9; }
.business-content ul { list-style:none; padding:0; margin:24px 0; color:#d2dae0; font-size:.88rem; line-height:1.6; }
.business-content a { color:#fff; text-transform:uppercase; font-weight:800; font-size:.73rem; }

.engineering-image-wrap { position:relative; }
.engineering-image-wrap > img { height:520px; object-fit:cover; }
.capability-panel { position:absolute; right:0; bottom:0; width:min(330px,72%); background:rgba(5,24,39,.95); color:#fff; padding:26px 30px; display:grid; gap:14px; }
.capability-panel span { padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.12); font-size:.84rem; }
.capability-panel span:last-child { border-bottom:0; }

.project-card img { aspect-ratio:4/3; object-fit:cover; margin-bottom:16px; }
.project-card h4 { font-size:1rem; margin-bottom:5px; }
.project-card p,.project-card span { margin:0; color:#7a858f; font-size:.8rem; }

.timeline-section { background:var(--paper); }
.section-side-note { text-transform:uppercase; text-align:right; color:#8f969c; font-size:.7rem; letter-spacing:.1em; font-weight:700; }
.timeline-grid { display:grid; grid-template-columns:repeat(7,1fr); position:relative; gap:18px; }
.timeline-grid::before { content:""; position:absolute; top:8px; left:0; right:0; height:1px; background:#bbb8ae; }
.timeline-item { position:relative; padding-top:30px; }
.timeline-item i { position:absolute; top:0; left:0; width:16px; height:16px; background:var(--gold); border-radius:50%; border:3px solid var(--paper); box-shadow:0 0 0 1px var(--gold); }
.timeline-item strong { font-size:.9rem; }
.timeline-item p { font-size:.74rem; line-height:1.5; color:#717980; margin-top:8px; }

.client-logo-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:22px; align-items:center; }
.client-logo-grid span { text-align:center; font-weight:800; font-size:1.1rem; color:#545b61; filter:grayscale(1); letter-spacing:-.03em; }

.global-cta { position:relative; background-image:url("https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?auto=format&fit=crop&w=2200&q=88"); background-size:cover; background-position:center; }
.global-cta-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,22,36,.97) 0%,rgba(4,22,36,.82) 48%,rgba(4,22,36,.15) 100%); }
.min-vh-50 { min-height:520px; }
.display-title { font-size:clamp(2.8rem,5vw,5.4rem); line-height:.95; }
.cta-copy { max-width:620px; font-size:1.03rem; line-height:1.7; }
.cta-values { border-left:1px solid rgba(255,255,255,.3); padding-left:32px; display:flex; flex-direction:column; text-transform:uppercase; color:#fff; font-size:.75rem; line-height:1.7; font-weight:800; }

.site-footer { background:#031421; color:#fff; }
.footer-nav a,.footer-bottom a,.footer-bottom span { color:#b8c1c8; font-size:.72rem; text-transform:uppercase; }
.footer-social { display:inline-flex; width:30px; height:30px; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.2); margin-left:8px; font-size:.75rem; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1); color:#8d9aa4; }
.footer-bottom div { display:flex; flex-wrap:wrap; gap:20px; }

@media (max-width:1199.98px) {
  .hero-section { min-height:700px; }
  .hero-title { font-size:clamp(3.8rem,8vw,6.8rem); }
  .timeline-grid { grid-template-columns:repeat(4,1fr); row-gap:35px; }
  .timeline-grid::before { display:none; }
  .timeline-item { border-top:1px solid #bbb8ae; }
  .client-logo-grid { grid-template-columns:repeat(4,1fr); }
}

@media (max-width:991.98px) {
  .site-header { background:rgba(2,16,28,.92); }
  .navbar-collapse { padding:18px 0 8px; }
  .navbar .nav-link { padding:.7rem 0; }
  .section-pad { padding:78px 0; }
  .hero-section { min-height:720px; }
  .hero-title { font-size:clamp(3.2rem,12vw,6rem); }
  .heritage-visual { padding-right:40px; margin-top:15px; }
  .business-grid > div,.business-card { min-height:490px; }
  .business-content { padding:30px; }
  .engineering-image-wrap > img { height:430px; }
}

@media (max-width:767.98px) {
  .section-pad { padding:62px 0; }
  h2 { font-size:2.2rem; }
  .hero-section { min-height:680px; background-position:62% center; }
  .hero-overlay { background:linear-gradient(90deg,rgba(2,15,26,.94),rgba(2,15,26,.72)); }
  .hero-title { font-size:3.7rem; }
  .hero-copy { font-size:1rem; }
  .heritage-visual { padding-right:0; padding-bottom:72px; }
  .heritage-card { right:18px; bottom:0; width:180px; }
  .stat-item { border-bottom:1px solid rgba(255,255,255,.12); }
  .business-grid { margin:0; }
  .business-content h3 { font-size:1.7rem; }
  .timeline-grid { grid-template-columns:1fr 1fr; }
  .client-logo-grid { grid-template-columns:repeat(2,1fr); row-gap:36px; }
  .capability-panel { position:relative; width:100%; }
  .engineering-image-wrap > img { height:330px; }
}

/* =========================================================
   BSR ENGINEERING PAGE
   Shares the global BSR system above; engineering-only rules
   are namespaced to keep the homepage unchanged.
   ========================================================= */

.engineering-page .navbar .nav-link.active { color:var(--gold); position:relative; }
.engineering-page .navbar .nav-link.active::after { content:""; position:absolute; left:.5rem; right:.5rem; bottom:2px; height:1px; background:var(--gold); }

.engineering-hero { position:relative; min-height:720px; color:#fff; background-image:url("https://images.unsplash.com/photo-1565043666747-69f6646db940?auto=format&fit=crop&w=2200&q=90"); background-size:cover; background-position:center; }
.engineering-hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,13,23,.95) 0%,rgba(2,18,31,.83) 43%,rgba(2,15,25,.18) 72%,rgba(2,13,22,.62) 100%); }
.engineering-hero-title { margin:0; max-width:860px; font-size:clamp(3rem,5.8vw,6.4rem); line-height:.98; letter-spacing:-.055em; }
.engineering-hero-copy { max-width:640px; margin:26px 0 0; color:rgba(255,255,255,.82); line-height:1.8; font-size:1.05rem; }
.engineering-hero-index { min-width:250px; padding:28px 0 28px 32px; border-left:1px solid rgba(255,255,255,.23); display:grid; gap:15px; text-transform:uppercase; font-size:.7rem; letter-spacing:.08em; font-weight:700; color:#e5eaed; }

.engineering-stats { border-bottom:1px solid var(--line); }
.engineering-stat { padding:34px 16px; border-right:1px solid var(--line); }
.engineering-stat:last-child { border-right:0; }
.engineering-stat strong { display:block; color:var(--ink); font-size:clamp(1.65rem,2.4vw,2.5rem); line-height:1; font-weight:700; text-transform:uppercase; }
.engineering-stat span { display:block; margin-top:9px; color:#63707c; text-transform:uppercase; letter-spacing:.05em; font-size:.64rem; font-weight:800; }

.engineering-approach-visual { position:relative; padding-right:54px; }
.engineering-approach-visual > img { height:500px; object-fit:cover; }
.engineering-principles-card { position:absolute; right:0; bottom:0; width:205px; background:var(--gold); color:#fff; padding:30px 27px; display:grid; gap:8px; }
.engineering-principles-card strong { text-transform:uppercase; letter-spacing:.08em; font-size:.76rem; }

.engineering-capabilities { background:#f8f8f6; }
.capability-card { height:100%; min-height:235px; padding:31px 30px; background:#fff; border:1px solid #ecebe6; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.capability-card:hover { transform:translateY(-4px); border-color:#dfd8c8; box-shadow:0 14px 38px rgba(13,33,50,.07); }
.capability-icon { display:flex; width:48px; height:48px; align-items:center; justify-content:center; margin-bottom:24px; color:var(--gold); border:1px solid #d7c596; border-radius:50%; font-size:1.25rem; }
.capability-card h3 { margin:0 0 12px; font-size:1.08rem; letter-spacing:-.03em; }
.capability-card p { margin:0; color:#65717d; line-height:1.65; font-size:.86rem; }

.turnkey-grid { background:#fff; }
.turnkey-image { height:100%; min-height:580px; object-fit:cover; }
.turnkey-copy { padding:60px 60px 60px 70px; }
.engineering-benefits > div { display:flex; flex-direction:column; }
.engineering-benefits span { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border:1px solid var(--gold); border-radius:50%; color:var(--gold); font-size:.65rem; font-weight:800; margin-bottom:14px; }
.engineering-benefits strong { font-size:.82rem; margin-bottom:5px; }
.engineering-benefits small { color:#818a92; line-height:1.5; font-size:.7rem; }

.process-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:28px; position:relative; }
.process-grid::before { content:""; position:absolute; left:5%; right:5%; top:55px; height:1px; background:#d7c596; }
.process-step { position:relative; z-index:1; background:#fff; }
.process-step em { display:block; font-style:normal; font-weight:800; font-size:.78rem; margin-bottom:15px; }
.process-step i { display:flex; align-items:center; justify-content:center; width:66px; height:66px; border:1px solid #d5bd82; border-radius:50%; background:#fff; color:var(--gold); font-style:normal; font-size:1.2rem; margin-bottom:19px; }
.process-step h3 { font-size:.88rem; margin:0 0 7px; }
.process-step p { color:#77818a; font-size:.72rem; line-height:1.55; margin:0; max-width:150px; }
.process-step:not(:last-child)::after { content:"→"; position:absolute; right:-18px; top:45px; color:var(--gold); font-size:1.1rem; }

.engineering-industries { background:#f7f7f5; }
.industry-card { position:relative; height:180px; background-size:cover; background-position:center; overflow:hidden; }
.industry-card::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(4,21,34,.05),rgba(4,21,34,.83)); }
.industry-card span { position:absolute; left:22px; bottom:20px; color:#fff; text-transform:uppercase; letter-spacing:.06em; font-weight:800; font-size:.78rem; }

.engineering-project-card img { aspect-ratio:4/3; object-fit:cover; margin-bottom:16px; }
.engineering-project-card h3 { font-size:1rem; margin:0 0 6px; }
.engineering-project-card p { margin:0 0 9px; color:#7a858f; font-size:.8rem; }
.engineering-project-card a { color:var(--ink); text-transform:uppercase; letter-spacing:.04em; font-weight:800; font-size:.68rem; }
.engineering-project-card a span { color:var(--gold); }

.engineering-cta { position:relative; background-image:url("https://images.unsplash.com/photo-1563770660941-10a63607692e?auto=format&fit=crop&w=2200&q=88"); background-size:cover; background-position:center; }
.engineering-cta-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,30,.98) 0%,rgba(2,18,30,.87) 48%,rgba(2,18,30,.26) 100%); }

@media (max-width:1199.98px) {
  .engineering-hero { min-height:680px; }
  .process-grid { grid-template-columns:repeat(3,1fr); row-gap:45px; }
  .process-grid::before { display:none; }
  .process-step { border-top:1px solid #d7c596; padding-top:18px; }
  .process-step:not(:last-child)::after { display:none; }
}

@media (max-width:991.98px) {
  .engineering-approach-visual { padding-right:35px; }
  .engineering-approach-visual > img { height:430px; }
  .turnkey-copy { padding:50px 0 0; }
  .turnkey-image { min-height:420px; }
  .engineering-stat:nth-child(2) { border-right:0; }
  .engineering-stat:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}

@media (max-width:767.98px) {
  .engineering-page .navbar .nav-link.active::after { display:none; }
  .engineering-hero { min-height:690px; background-position:60% center; }
  .engineering-hero-overlay { background:linear-gradient(90deg,rgba(2,15,26,.96),rgba(2,15,26,.72)); }
  .engineering-hero-title { font-size:3.35rem; }
  .engineering-approach-visual { padding-right:0; padding-bottom:80px; }
  .engineering-approach-visual > img { height:340px; }
  .engineering-principles-card { right:18px; bottom:0; width:178px; }
  .capability-card { min-height:auto; }
  .process-grid { grid-template-columns:1fr 1fr; }
  .industry-card { height:150px; }
  .turnkey-image { min-height:330px; }
}

@media (max-width:479.98px) {
  .engineering-hero-title { font-size:2.75rem; }
  .engineering-stat { padding:27px 10px; }
  .engineering-stat strong { font-size:1.55rem; }
  .process-grid { grid-template-columns:1fr; }
  .process-step p { max-width:none; }
}

/* =========================================================
   BSR ABOUT PAGE
   Uses the shared global BSR system and one common stylesheet.
   ========================================================= */

.about-page .navbar .nav-link.active { color:var(--gold); position:relative; }
.about-page .navbar .nav-link.active::after { content:""; position:absolute; left:.5rem; right:.5rem; bottom:2px; height:1px; background:var(--gold); }

.about-hero { position:relative; min-height:650px; color:#fff; background-image:url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2200&q=90"); background-size:cover; background-position:center; }
.about-hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,13,23,.97) 0%,rgba(2,18,31,.87) 43%,rgba(2,15,25,.32) 72%,rgba(2,13,22,.58) 100%); }
.about-hero-title { max-width:720px; margin:0; font-size:clamp(3rem,5.7vw,6rem); line-height:.98; letter-spacing:-.055em; }
.about-hero-copy { max-width:680px; margin:24px 0 0; color:rgba(255,255,255,.84); line-height:1.78; font-size:1.03rem; }
.about-hero-values { min-width:250px; padding:28px 0 28px 32px; border-left:1px solid rgba(255,255,255,.26); display:grid; gap:10px; text-transform:uppercase; font-size:.72rem; letter-spacing:.08em; font-weight:700; color:#e9ecef; }

.about-stats { border-bottom:1px solid var(--line); }
.about-stat { padding:34px 16px; border-right:1px solid var(--line); }
.about-stat:last-child { border-right:0; }
.about-stat strong { display:block; color:var(--ink); font-size:clamp(1.6rem,2.3vw,2.45rem); line-height:1; font-weight:700; text-transform:uppercase; }
.about-stat span { display:block; margin-top:9px; color:#63707c; text-transform:uppercase; letter-spacing:.05em; font-size:.64rem; font-weight:800; }

.about-history-visual { display:grid; grid-template-columns:1.08fr .92fr; min-height:430px; overflow:hidden; }
.history-image { position:relative; margin:0; overflow:hidden; }
.history-image img { width:100%; height:100%; min-height:430px; object-fit:cover; filter:saturate(.9); }
.history-image-past img { filter:grayscale(1) contrast(.95); }
.history-image-now { clip-path:polygon(10% 0,100% 0,100% 100%,0 100%); margin-left:-7%; }
.history-image figcaption { position:absolute; left:28px; bottom:26px; color:#fff; text-transform:uppercase; text-shadow:0 2px 12px rgba(0,0,0,.42); }
.history-image figcaption strong { display:block; font-size:1.65rem; line-height:1; }
.history-image figcaption span { display:block; margin-top:5px; font-size:.66rem; letter-spacing:.08em; font-weight:700; }

.section-note { color:#7d8489; font-size:.68rem; line-height:1.45; text-transform:uppercase; letter-spacing:.08em; font-weight:700; text-align:right; }
.about-timeline { position:relative; display:grid; grid-template-columns:repeat(6,1fr); gap:22px; }
.about-timeline::before { content:""; position:absolute; left:0; right:0; top:10px; height:1px; background:#cfbf97; }
.about-timeline article { position:relative; padding-top:30px; }
.about-timeline article > span { position:absolute; top:4px; left:0; width:13px; height:13px; background:var(--gold); border-radius:50%; box-shadow:0 0 0 5px #fff; }
.about-timeline strong { display:block; color:var(--ink); font-size:.83rem; margin-bottom:8px; }
.about-timeline p { margin:0; color:#75818a; font-size:.75rem; line-height:1.6; }

.about-business-card { position:relative; min-height:420px; background-size:cover; background-position:center; overflow:hidden; }
.about-business-card.engineering-card { background-image:url("https://images.unsplash.com/photo-1565043666747-69f6646db940?auto=format&fit=crop&w=1100&q=85"); }
.about-business-card.commodities-card { background-image:url("https://images.unsplash.com/photo-1515562141207-7a88fb7ce338?auto=format&fit=crop&w=1100&q=85"); }
.about-business-card.construction-card { background-image:url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1100&q=85"); }
.about-business-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(2,18,30,.03),rgba(2,18,30,.88)); }
.about-business-copy { position:absolute; left:0; right:0; bottom:0; padding:34px; color:#fff; }
.about-business-copy h3 { font-size:1.55rem; margin:0 0 10px; text-transform:uppercase; }
.about-business-copy p { max-width:300px; color:rgba(255,255,255,.8); font-size:.9rem; line-height:1.6; }
.about-business-copy a { color:#fff; text-transform:uppercase; letter-spacing:.05em; font-size:.68rem; font-weight:800; }
.about-business-copy a span { color:var(--gold); }

.about-approach { background:#f8f8f6; }
.approach-grid { border-left:1px solid var(--line); }
.approach-item { min-height:220px; padding:18px 34px 10px; border-right:1px solid var(--line); }
.approach-icon { width:54px; height:54px; display:flex; align-items:center; justify-content:center; margin-bottom:22px; color:var(--gold); border:1px solid #d7c596; border-radius:50%; font-weight:800; }
.approach-item h3 { margin:0 0 10px; font-size:.9rem; text-transform:uppercase; letter-spacing:.02em; }
.approach-item p { margin:0; color:#7b858d; font-size:.78rem; line-height:1.6; }

.leader-card { display:grid; grid-template-columns:140px 1fr; align-items:center; gap:26px; }
.leader-card img { width:140px; height:170px; object-fit:cover; filter:saturate(.88); }
.leader-card h3 { margin:0 0 5px; font-size:.95rem; }
.leader-card p { margin:0; color:#707b84; font-size:.78rem; }
.leader-card span { display:block; width:42px; height:1px; background:var(--gold); margin-top:18px; }
.about-logo-grid span { font-size:clamp(.8rem,1.4vw,1.1rem); }

.about-global { background:#f5f5f2; }
.world-map { position:relative; min-height:330px; display:flex; align-items:center; justify-content:center; overflow:hidden; background-image:radial-gradient(circle at 20% 50%,#d4d4ce 1px,transparent 1px); background-size:8px 8px; opacity:.95; }
.world-silhouette { font-size:clamp(4rem,11vw,9rem); font-weight:800; letter-spacing:.08em; color:#d5d7d3; opacity:.85; user-select:none; }
.map-dot { position:absolute; width:11px; height:11px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 7px rgba(194,159,82,.15); }
.dot-uk { left:47%; top:31%; } .dot-us { left:24%; top:42%; } .dot-me { left:57%; top:51%; } .dot-asia { left:73%; top:47%; }
.region-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 20px; margin-top:25px; color:#68747d; font-size:.74rem; text-transform:uppercase; letter-spacing:.06em; }
.region-list span { padding-left:14px; border-left:2px solid #d6bc7b; }

.about-cta { background-image:url("https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?auto=format&fit=crop&w=2200&q=88"); background-size:cover; background-position:center; }
.about-cta-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,30,.98) 0%,rgba(2,18,30,.88) 48%,rgba(2,18,30,.3) 100%); }

@media (max-width:1199.98px) {
  .about-hero { min-height:620px; }
  .about-timeline { grid-template-columns:repeat(3,1fr); row-gap:36px; }
  .about-timeline::before { display:none; }
  .about-timeline article { border-top:1px solid #cfbf97; }
  .about-timeline article > span { top:-7px; }
}

@media (max-width:991.98px) {
  .about-history-visual { min-height:380px; }
  .history-image img { min-height:380px; }
  .about-stat:nth-child(2) { border-right:0; }
  .about-stat:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .approach-grid { border-left:0; }
  .approach-item { border-top:1px solid var(--line); border-right:0; padding:30px 0; min-height:auto; }
  .leader-card { grid-template-columns:120px 1fr; }
  .leader-card img { width:120px; height:150px; }
}

@media (max-width:767.98px) {
  .about-page .navbar .nav-link.active::after { display:none; }
  .about-hero { min-height:650px; background-position:62% center; }
  .about-hero-overlay { background:linear-gradient(90deg,rgba(2,15,26,.97),rgba(2,15,26,.74)); }
  .about-hero-title { font-size:3.45rem; }
  .about-history-visual { grid-template-columns:1fr; }
  .history-image-now { clip-path:none; margin-left:0; }
  .history-image img { min-height:280px; }
  .about-timeline { grid-template-columns:1fr 1fr; }
  .about-business-card { min-height:360px; }
  .world-map { min-height:240px; }
  .leader-card { grid-template-columns:100px 1fr; gap:20px; }
  .leader-card img { width:100px; height:130px; }
}

@media (max-width:479.98px) {
  .about-hero-title { font-size:2.85rem; }
  .about-stat { padding:27px 10px; }
  .about-stat strong { font-size:1.45rem; }
  .about-timeline { grid-template-columns:1fr; }
  .leader-card { grid-template-columns:1fr; }
  .leader-card img { width:100%; height:320px; }
}

/* =========================================================
   BSR CONSTRUCTION PAGE
   Shares the global BSR system above; construction-only rules
   are namespaced so the other pages remain unchanged.
   ========================================================= */

.construction-page .navbar .nav-link.active { color:var(--gold); position:relative; }
.construction-page .navbar .nav-link.active::after { content:""; position:absolute; left:.5rem; right:.5rem; bottom:2px; height:1px; background:var(--gold); }

.construction-hero { position:relative; min-height:760px; color:#fff; background-image:url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=2200&q=90"); background-size:cover; background-position:center 45%; }
.construction-hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,13,23,.96) 0%,rgba(2,18,31,.82) 43%,rgba(2,15,25,.16) 72%,rgba(2,13,22,.62) 100%); }
.construction-hero-title { margin:0; max-width:860px; font-size:clamp(3.2rem,5.9vw,6.7rem); line-height:.95; letter-spacing:-.055em; }
.construction-hero-copy { max-width:610px; margin:26px 0 0; color:rgba(255,255,255,.82); line-height:1.8; font-size:1.05rem; }
.construction-hero-index { min-width:260px; padding:28px 0 28px 32px; border-left:1px solid rgba(255,255,255,.23); display:grid; gap:15px; text-transform:uppercase; font-size:.7rem; letter-spacing:.08em; font-weight:700; color:#e5eaed; }
.construction-hero-notes { grid-template-columns:repeat(3,minmax(0,1fr)) 1.4fr; gap:0; max-width:900px; text-transform:uppercase; font-size:.66rem; letter-spacing:.08em; line-height:1.5; font-weight:800; color:#e3e8eb; }
.construction-hero-notes > * { padding:0 28px; border-left:1px solid rgba(255,255,255,.22); }
.construction-hero-notes > *:first-child { border-left:0; padding-left:0; }
.construction-hero-notes strong { color:#fff; font-size:.74rem; }

.construction-stats { border-bottom:1px solid var(--line); }
.construction-stat { padding:34px 16px; border-right:1px solid var(--line); }
.construction-stat:last-child { border-right:0; }
.construction-stat strong { display:block; color:var(--ink); font-size:clamp(1.45rem,2.2vw,2.4rem); line-height:1.05; font-weight:700; text-transform:uppercase; }
.construction-stat span { display:block; margin-top:9px; color:#63707c; text-transform:uppercase; letter-spacing:.05em; font-size:.64rem; font-weight:800; }

.construction-approach-visual { position:relative; padding-right:54px; }
.construction-approach-visual > img { height:500px; object-fit:cover; }
.construction-principles-card { position:absolute; right:0; bottom:0; width:205px; background:var(--gold); color:#fff; padding:30px 27px; display:grid; gap:8px; }
.construction-principles-card strong { text-transform:uppercase; letter-spacing:.08em; font-size:.76rem; }

.construction-capabilities { background:#f8f8f6; }
.construction-capability-card { height:100%; min-height:240px; padding:30px 24px; background:#fff; border:1px solid #ecebe6; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.construction-capability-card:hover { transform:translateY(-4px); border-color:#dfd8c8; box-shadow:0 14px 38px rgba(13,33,50,.07); }
.construction-capability-icon { display:flex; width:48px; height:48px; align-items:center; justify-content:center; margin-bottom:24px; color:var(--gold); border:1px solid #d7c596; border-radius:50%; font-size:1.22rem; }
.construction-capability-card h3 { margin:0 0 12px; font-size:.98rem; letter-spacing:-.03em; }
.construction-capability-card p { margin:0; color:#65717d; line-height:1.65; font-size:.82rem; }

.construction-process { background:#fff; }
.construction-process-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:24px; position:relative; }
.construction-process-grid::before { content:""; position:absolute; left:4%; right:4%; top:54px; height:1px; background:#d7c596; }
.construction-process-step { position:relative; z-index:1; background:#fff; }
.construction-process-step em { display:block; font-style:normal; font-weight:800; font-size:.78rem; margin-bottom:15px; }
.construction-process-step i { display:flex; align-items:center; justify-content:center; width:66px; height:66px; border:1px solid #d5bd82; border-radius:50%; background:#fff; color:var(--gold); font-style:normal; font-size:1.18rem; margin-bottom:18px; }
.construction-process-step h3 { font-size:.88rem; margin:0 0 7px; }
.construction-process-step p { color:#77818a; font-size:.72rem; line-height:1.55; margin:0; max-width:145px; }
.construction-process-step:not(:last-child)::after { content:"→"; position:absolute; right:-15px; top:44px; color:var(--gold); font-size:1.08rem; }

.construction-projects { background:#f7f7f5; }
.construction-project-card img { aspect-ratio:1.4/1; object-fit:cover; margin-bottom:16px; }
.construction-project-card h3 { font-size:1rem; margin:0 0 6px; }
.construction-project-card p,.construction-project-card span { display:block; margin:0; color:#7a858f; font-size:.78rem; line-height:1.55; }
.construction-project-card a { display:inline-flex; align-items:center; gap:8px; margin-top:10px; color:var(--ink); text-transform:uppercase; letter-spacing:.04em; font-weight:800; font-size:.68rem; }
.construction-project-card a b { color:var(--gold); font-weight:800; }

.construction-sector-card { position:relative; height:190px; background-size:cover; background-position:center; overflow:hidden; }
.construction-sector-card::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(4,21,34,.04),rgba(4,21,34,.84)); }
.construction-sector-card span { position:absolute; left:20px; bottom:18px; color:#fff; text-transform:uppercase; letter-spacing:.06em; font-weight:800; font-size:.75rem; }

.construction-cta { position:relative; background-image:url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=2200&q=88"); background-size:cover; background-position:center; }
.construction-cta-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,30,.98) 0%,rgba(2,18,30,.88) 48%,rgba(2,18,30,.26) 100%); }

@media (max-width:1199.98px) {
  .construction-hero { min-height:700px; }
  .construction-process-grid { grid-template-columns:repeat(3,1fr); row-gap:45px; }
  .construction-process-grid::before { display:none; }
  .construction-process-step { border-top:1px solid #d7c596; padding-top:18px; }
  .construction-process-step:not(:last-child)::after { display:none; }
}

@media (max-width:991.98px) {
  .construction-approach-visual { padding-right:35px; }
  .construction-approach-visual > img { height:430px; }
  .construction-stat:nth-child(2) { border-right:0; }
  .construction-stat:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}

@media (max-width:767.98px) {
  .construction-page .navbar .nav-link.active::after { display:none; }
  .construction-hero { min-height:710px; background-position:58% center; }
  .construction-hero-overlay { background:linear-gradient(90deg,rgba(2,15,26,.97),rgba(2,15,26,.72)); }
  .construction-hero-title { font-size:3.35rem; }
  .construction-approach-visual { padding-right:0; padding-bottom:80px; }
  .construction-approach-visual > img { height:340px; }
  .construction-principles-card { right:18px; bottom:0; width:180px; }
  .construction-capability-card { min-height:auto; }
  .construction-process-grid { grid-template-columns:1fr 1fr; }
  .construction-sector-card { height:155px; }
}

@media (max-width:479.98px) {
  .construction-hero-title { font-size:2.8rem; }
  .construction-stat { padding:27px 10px; }
  .construction-stat strong { font-size:1.35rem; }
  .construction-process-grid { grid-template-columns:1fr; }
  .construction-process-step p { max-width:none; }
}

/* =========================================================
   BSR COMMODITIES PAGE
   ========================================================= */
.commodities-page .navbar .nav-link.active::after { content:""; display:block; width:38px; height:2px; background:var(--gold); margin:8px auto 0; }
.commodities-hero { position:relative; min-height:760px; color:#fff; background-image:url("https://images.unsplash.com/photo-1605100804763-247f67b3557e?auto=format&fit=crop&w=2200&q=90"); background-size:cover; background-position:center; overflow:hidden; }
.commodities-hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,15,26,.97) 0%,rgba(2,15,26,.84) 46%,rgba(2,15,26,.28) 78%,rgba(2,15,26,.6) 100%); }
.commodities-hero-title { max-width:760px; margin:18px 0 18px; font-size:clamp(3.1rem,6.3vw,6rem); line-height:.96; letter-spacing:-.055em; font-weight:800; }
.commodities-hero-copy { max-width:680px; color:rgba(255,255,255,.82); line-height:1.72; font-size:1rem; }
.commodities-hero-index { min-width:230px; padding-left:28px; border-left:1px solid rgba(199,160,76,.72); display:grid; gap:16px; }
.commodities-hero-index span { text-transform:uppercase; letter-spacing:.06em; font-size:.76rem; font-weight:700; }
.commodities-hero-note { position:absolute; right:12px; bottom:50px; padding-left:25px; border-left:1px solid rgba(199,160,76,.7); text-transform:uppercase; letter-spacing:.06em; font-size:.72rem; line-height:1.75; font-weight:700; }

.commodities-stats { border-bottom:1px solid var(--line); }
.commodities-stat { padding:34px 16px; border-right:1px solid var(--line); }
.commodities-stat:last-child { border-right:0; }
.commodities-stat strong { display:block; color:var(--ink); font-size:clamp(1.45rem,2.2vw,2.35rem); line-height:1.05; font-weight:700; text-transform:uppercase; }
.commodities-stat span { display:block; margin-top:9px; color:#63707c; text-transform:uppercase; letter-spacing:.05em; font-size:.64rem; font-weight:800; }

.commodities-approach-visual { position:relative; }
.commodities-approach-visual img { width:100%; height:470px; object-fit:cover; }
.commodities-approach-list { position:absolute; right:0; top:0; bottom:0; width:230px; padding:40px 28px; background:linear-gradient(90deg,rgba(2,18,30,.28),rgba(2,18,30,.9)); color:#fff; display:flex; flex-direction:column; justify-content:center; gap:13px; }
.commodities-approach-list strong { font-size:.74rem; text-transform:uppercase; letter-spacing:.08em; }

.commodities-portfolio { background:#f8f8f6; }
.commodity-card { height:100%; background:#fff; border:1px solid #ecebe6; padding-bottom:24px; }
.commodity-card img { width:100%; aspect-ratio:1.35/1; object-fit:cover; }
.commodity-card h3 { margin:20px 22px 8px; font-size:1.12rem; }
.commodity-card p { margin:0 22px 18px; color:#687480; line-height:1.65; font-size:.82rem; }
.commodity-card a { margin:0 22px; color:var(--ink); font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; font-weight:800; }
.commodity-card a span { color:var(--gold); margin-left:6px; }

.commodities-advantage-card { height:100%; padding:18px 16px 8px; border-left:1px solid #e8e5de; text-align:center; }
.commodities-advantage-card > span { display:flex; width:50px; height:50px; margin:0 auto 18px; align-items:center; justify-content:center; border:1px solid #d8c28e; border-radius:50%; color:var(--gold); font-size:1.25rem; }
.commodities-advantage-card h3 { font-size:.82rem; text-transform:uppercase; letter-spacing:.02em; }
.commodities-advantage-card p { color:#76818b; font-size:.72rem; line-height:1.55; }

.commodities-reach { background:#f7f7f5; }
.commodities-map { min-height:340px; display:grid; grid-template-columns:1fr 190px; align-items:center; gap:35px; }
.map-placeholder { min-height:280px; border:1px solid #ddd8cb; background:radial-gradient(circle at 28% 45%,rgba(199,160,76,.16),transparent 3%),radial-gradient(circle at 54% 42%,rgba(199,160,76,.16),transparent 3%),radial-gradient(circle at 73% 48%,rgba(199,160,76,.16),transparent 3%),linear-gradient(135deg,#eef0f0,#dfe4e5); display:flex; align-items:center; justify-content:center; color:#87919a; text-align:center; font-weight:800; letter-spacing:.18em; line-height:1.7; }
.commodities-map ul { list-style:none; margin:0; padding:0 0 0 24px; border-left:1px solid #d6bd83; }
.commodities-map li { padding:7px 0; text-transform:uppercase; letter-spacing:.05em; font-size:.75rem; font-weight:700; color:#5b6670; }

.commodities-market-card { position:relative; height:190px; background-size:cover; background-position:center; overflow:hidden; }
.commodities-market-card::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(2,18,30,.08),rgba(2,18,30,.82)); }
.commodities-market-card span { position:absolute; left:18px; bottom:16px; color:#fff; text-transform:uppercase; letter-spacing:.05em; font-weight:800; font-size:.72rem; }

.commodities-cta { position:relative; background-image:url("https://images.unsplash.com/photo-1610375461246-83df859d849d?auto=format&fit=crop&w=2200&q=88"); background-size:cover; background-position:center; }
.commodities-cta-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,30,.98) 0%,rgba(2,18,30,.9) 45%,rgba(2,18,30,.28) 100%); }

@media (max-width:1199.98px) {
  .commodities-hero { min-height:700px; }
  .commodities-map { grid-template-columns:1fr 170px; }
}
@media (max-width:991.98px) {
  .commodities-stat:nth-child(2) { border-right:0; }
  .commodities-stat:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .commodities-approach-visual img { height:420px; }
  .commodities-approach-list { width:210px; }
  .commodities-map { grid-template-columns:1fr; }
  .commodities-map ul { display:grid; grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767.98px) {
  .commodities-page .navbar .nav-link.active::after { display:none; }
  .commodities-hero { min-height:700px; background-position:62% center; }
  .commodities-hero-title { font-size:3.25rem; }
  .commodities-hero-overlay { background:linear-gradient(90deg,rgba(2,15,26,.97),rgba(2,15,26,.74)); }
  .commodities-approach-visual img { height:330px; }
  .commodities-approach-list { position:static; width:100%; background:var(--ink); }
  .commodities-advantage-card { border-left:0; border-top:1px solid #e8e5de; }
  .commodities-market-card { height:155px; }
}
@media (max-width:479.98px) {
  .commodities-hero-title { font-size:2.7rem; }
  .commodities-stat { padding:27px 10px; }
  .commodities-stat strong { font-size:1.35rem; }
  .commodities-map ul { grid-template-columns:1fr; }
}

/* =========================================================
   CONTACT PAGE
   ========================================================= */
.contact-page .navbar .nav-link.active { color:#fff; position:relative; }
.contact-page .navbar .nav-link.active::after { content:""; position:absolute; left:0; right:0; bottom:-8px; margin:auto; width:34px; height:2px; background:var(--gold); }

.contact-hero { min-height:720px; position:relative; background-image:url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=2400&q=88"); background-size:cover; background-position:center; color:#fff; }
.contact-hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,16,28,.98) 0%,rgba(1,16,28,.8) 46%,rgba(1,16,28,.38) 100%); }
.contact-hero-title { font-size:clamp(3.6rem,6vw,6.5rem); line-height:.98; letter-spacing:-.055em; font-weight:800; max-width:850px; }
.contact-hero-copy { max-width:650px; font-size:1.08rem; line-height:1.75; color:rgba(255,255,255,.78); }
.contact-hero-note { border-left:1px solid rgba(204,165,86,.85); padding:18px 0 18px 28px; font-size:.84rem; line-height:2; font-weight:800; text-transform:uppercase; letter-spacing:.06em; min-width:230px; }

.contact-pillars { border-bottom:1px solid var(--line); }
.contact-pillar { min-height:160px; padding:30px 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-right:1px solid var(--line); }
.contact-pillar:last-child { border-right:0; }
.contact-pillar .contact-icon { display:block; color:var(--gold); font-size:2.25rem; line-height:1; margin-bottom:14px; }
.contact-pillar strong { text-transform:uppercase; font-size:.82rem; letter-spacing:.04em; }
.contact-pillar small { display:block; margin-top:6px; color:#6d7680; font-size:.86rem; }

.contact-main h2, .contact-reach h2 { font-size:clamp(2.35rem,4vw,4rem); }
.contact-form .form-control, .contact-form .form-select { min-height:58px; border:1px solid #e8e9ea; border-radius:0; background:#f4f5f6; padding:16px 18px; color:var(--ink); box-shadow:none; }
.contact-form textarea.form-control { min-height:170px; resize:vertical; }
.contact-form .form-control:focus, .contact-form .form-select:focus { border-color:var(--gold); background:#fff; box-shadow:0 0 0 3px rgba(199,160,76,.11); }
.contact-privacy { margin-top:18px; color:#7a838c; font-size:.82rem; max-width:560px; }

.office-card { height:100%; border:1px solid #ece9e2; background:#fafafa; overflow:hidden; }
.office-card img { width:100%; height:185px; object-fit:cover; display:block; }
.office-card-body { padding:18px 17px 20px; }
.office-card h3 { margin:0; font-size:1rem; text-transform:uppercase; letter-spacing:.02em; }
.office-role { margin:3px 0 12px; color:#6f7780; font-size:.78rem; font-weight:600; }
.office-card address { margin:0; color:#5f6972; line-height:1.65; font-size:.8rem; font-style:normal; }
.contact-direct { display:flex; flex-wrap:wrap; gap:10px 22px; padding-top:18px; border-top:1px solid #ece9e2; }
.contact-direct a { color:var(--ink); text-decoration:none; font-size:.86rem; font-weight:700; }
.contact-direct a:hover { color:var(--gold-dark); }

.contact-reach { background:#f4f4f2; }
.contact-map { min-height:340px; display:grid; grid-template-columns:1fr 190px; align-items:center; gap:35px; }
.contact-map-art { min-height:280px; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:800; letter-spacing:.2em; line-height:1.7; color:#8b949b; border:1px solid #deded8; background:radial-gradient(circle at 25% 44%,rgba(199,160,76,.32),transparent 2.2%),radial-gradient(circle at 48% 38%,rgba(199,160,76,.32),transparent 2.2%),radial-gradient(circle at 68% 46%,rgba(199,160,76,.32),transparent 2.2%),radial-gradient(circle at 80% 61%,rgba(199,160,76,.32),transparent 2.2%),linear-gradient(135deg,#f9f9f7,#e2e5e5); }
.contact-map ul { list-style:none; margin:0; padding:0 0 0 24px; border-left:1px solid #d5b96f; }
.contact-map li { padding:7px 0; text-transform:uppercase; font-size:.75rem; font-weight:700; color:#66717b; letter-spacing:.05em; }

.contact-cta { position:relative; background-image:url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=2400&q=88"); background-size:cover; background-position:center; }
.contact-cta-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,30,.98) 0%,rgba(2,18,30,.86) 43%,rgba(2,18,30,.35) 100%); }

.btn-outline-gold { display:inline-flex; align-items:center; gap:14px; border:1px solid var(--gold); color:var(--gold-dark); border-radius:0; padding:14px 19px; text-transform:uppercase; letter-spacing:.035em; font-size:.76rem; font-weight:800; }
.btn-outline-gold:hover { background:var(--gold); color:#fff; }

@media (min-width:1200px) {
  .contact-office-grid .office-card img { height:165px; }
}
@media (max-width:1199.98px) {
  .contact-hero { min-height:690px; }
  .contact-office-grid .office-card { display:grid; grid-template-columns:180px 1fr; }
  .contact-office-grid .office-card img { height:100%; min-height:180px; }
  .contact-map { grid-template-columns:1fr 170px; }
}
@media (max-width:991.98px) {
  .contact-pillar:nth-child(2) { border-right:0; }
  .contact-pillar:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .contact-office-grid .office-card { display:block; }
  .contact-office-grid .office-card img { height:180px; }
  .contact-map { grid-template-columns:1fr; }
  .contact-map ul { display:grid; grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767.98px) {
  .contact-page .navbar .nav-link.active::after { display:none; }
  .contact-hero { min-height:700px; background-position:62% center; }
  .contact-hero-overlay { background:linear-gradient(90deg,rgba(1,16,28,.98),rgba(1,16,28,.72)); }
  .contact-hero-title { font-size:3.35rem; }
  .contact-pillar { min-height:135px; padding:24px 10px; }
  .contact-map ul { grid-template-columns:1fr; }
}
@media (max-width:479.98px) {
  .contact-hero-title { font-size:2.8rem; }
  .contact-pillar strong { font-size:.72rem; }
  .contact-pillar small { font-size:.76rem; }
}