/* ═══════════════════════════════════════════════
   BMMGSC Theme – Main CSS
   Updated for new dark navy & gold design
   ═══════════════════════════════════════════════ */

:root{
  --navy:#0D1B2A;--navy-mid:#1A2F47;--navy-light:#243B55;
  --gold:#C4973A;--gold-light:#D4A84B;
  --cream:#F8F5EF;--white:#FFFFFF;
  --gray-100:#F4F4F2;--gray-300:#D1CEC8;--gray-500:#8A8880;--gray-700:#4A4845;
  --text:#1A1816;
  --t:.35s cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden}

/* ───────────────── NAV ───────────────── */
#site-nav {
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:100px;
  background:rgba(13,27,42,.97);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(196,151,58,.2);
  transition: height 0.3s ease;
}
#site-nav.scrolled { height: 80px; }
.nav-logo{display:flex;align-items:center;gap:14px;cursor:pointer}
.nav-img-logo { height: 72px; width: auto; transition: height 0.3s ease; }
#site-nav.scrolled .nav-img-logo { height: 54px; }

.nav-links{display:flex;gap:36px;align-items:center; transition: transform var(--t);}
.nav-menu-list { display: contents; }
.nav-menu-list li { display: contents; }
.nav-menu-list a, .nav-link{
  color:rgba(255,255,255,.8);font-size:15px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;
  cursor:pointer;transition:color var(--t);position:relative;padding-bottom:4px; text-decoration:none;
}
.nav-menu-list a::after, .nav-link::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gold);
  transform:scaleX(0);transform-origin:left;transition:transform var(--t)
}
.nav-menu-list a:hover, .nav-menu-list .current-menu-item > a, .nav-link:hover, .nav-link.al{color:var(--gold)}
.nav-menu-list a:hover::after, .nav-menu-list .current-menu-item > a::after, .nav-link:hover::after, .nav-link.al::after{transform:scaleX(1)}

.nav-cta{
  background:var(--gold);color:var(--navy);padding:10px 24px;font-size:14px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;transition:var(--t); text-decoration:none; display:inline-flex; align-items:center;
}
.nav-cta:hover{background:var(--gold-light)}

.nav-hamburger { display: none; flex-direction: column; gap: 5px; padding: 8px; background:transparent; border:none; }
.nav-hamburger span { display: block; width: 24px; height: 1.5px; background: var(--white); transition: var(--t); }
.nav-hamburger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-hamburger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-hamburger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ───────────────── BUTTONS ───────────────── */
.btn-p{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--gold);color:var(--navy);
  padding:16px 36px;font-size:15px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;transition:var(--t);text-decoration:none;
}
.btn-p:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 32px rgba(196,151,58,.4)}
.btn-o{
  display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--white);
  padding:15px 35px;font-size:15px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;border:1px solid rgba(255,255,255,.4);transition:var(--t);text-decoration:none;
}
.btn-o:hover{border-color:var(--gold);color:var(--gold)}
.btn-od{
  display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--navy);
  padding:15px 35px;font-size:15px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;border:1px solid var(--navy);transition:var(--t);text-decoration:none;
}
.btn-od:hover{background:var(--navy);color:var(--white)}

/* ───────────────── ICON SYSTEM ───────────────── */
.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;color:currentColor;fill:none;stroke:currentColor;stroke-width:1.5;}
.icon-lg{width:28px;height:28px}
.icon-xl{width:34px;height:34px}

.ico{
  width:54px;height:54px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(13,27,42,.06);
  border:1px solid rgba(13,27,42,.08);
  transition:var(--t);
  color: var(--navy);
}
.sc:hover .ico{background:rgba(196,151,58,.12);border-color:rgba(196,151,58,.25)}
.sc:hover .ico svg{color:var(--gold)}

.sector .ico{margin:0 auto 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.9)}
.sector:hover .ico{background:rgba(196,151,58,.14);border-color:rgba(196,151,58,.28)}
.sector .ico svg{color:rgba(255,255,255,.9)}
.sector:hover .ico svg{color:var(--gold)}

.ci-icon{width:44px;height:44px;border-radius:14px;background:rgba(196,151,58,.15);border:1px solid rgba(196,151,58,.3);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ci-icon svg{color:var(--gold)}

/* ───────────────── HERO (HOME) ───────────────── */
.hero{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;background:var(--navy)}
.hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 70% 50%,rgba(36,59,85,.8) 0%,transparent 60%),
    radial-gradient(ellipse 40% 40% at 90% 20%,rgba(196,151,58,.12) 0%,transparent 50%),
    linear-gradient(135deg,#0D1B2A 0%,#1A2F47 40%,#0D1B2A 100%)
}
.hero-grid{
  position:absolute;inset:0;opacity:.04;
  background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);
  background-size:60px 60px
}
.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.ho1{width:600px;height:600px;background:rgba(196,151,58,.08);top:-200px;right:-100px}
.ho2{width:400px;height:400px;background:rgba(36,59,85,.6);bottom:-100px;left:-100px}

.hero-content{
  position:relative;z-index:2;padding:140px 5% 100px;max-width:1300px;margin:0 auto;width:100%;
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center
}
@keyframes fsu{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes scrl{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes scrollx{to{transform:translateX(-50%)}}

.hero-left{animation:fsu 1s ease both}
.hero-tag{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(196,151,58,.4);padding:8px 18px;margin-bottom:36px}
.hero-tag-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}
.hero-tag-text{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:500}
.hero-h1{font-family:'DM Serif Display',serif;font-size:clamp(44px,5.5vw,74px);line-height:1.06;color:var(--white);margin-bottom:28px;font-weight:400}
.hero-h1 em{color:var(--gold);font-style:italic}
.hero-sub{font-size:19px;line-height:1.7;color:rgba(255,255,255,.65);margin-bottom:52px;max-width:520px;font-weight:300}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-right{animation:fsu 1s .2s ease both}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.hero-stat{padding:36px 32px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:var(--t)}
.hero-stat:hover{background:rgba(196,151,58,.06);border-color:rgba(196,151,58,.2)}
.hero-stat-num{font-family:'Cormorant Garamond',serif;font-size:54px;font-weight:300;color:var(--gold);line-height:1;margin-bottom:8px}
.hero-stat-label{font-size:14px;color:rgba(255,255,255,.5);letter-spacing:.06em;text-transform:uppercase}
.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2}
.hero-scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrl 2s infinite}
.hero-scroll-text{font-size:12px;color:rgba(255,255,255,.4);letter-spacing:.12em;text-transform:uppercase}

/* ───────────────── SECTION TITLES ───────────────── */
.st{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}
.stl{width:32px;height:1px;background:var(--gold)}
.stt{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}
.sh2{font-family:'DM Serif Display',serif;font-size:clamp(34px,4vw,54px);line-height:1.1;color:var(--navy);font-weight:400;margin-bottom:20px;}
.sh2w{color:var(--white)}
.sl{font-size:19px;line-height:1.75;color:var(--gray-700);max-width:680px;margin-top:20px;font-weight:300}

/* ───────────────── ABOUT STRIP ───────────────── */
.about-strip{padding:100px 5%;background:var(--cream)}
.asi{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:100px;align-items:center}
.asf{aspect-ratio:4/5;background:var(--navy);position:relative;overflow:hidden}
.asp{position:absolute;inset:0;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);display:flex;align-items:center;justify-content:center}
.asa{position:absolute;bottom:-24px;right:-24px;width:140px;height:140px;background:var(--gold);display:flex;align-items:center;justify-content:center;flex-direction:column}
.asan{font-family:'Cormorant Garamond',serif;font-size:38px;color:var(--navy);line-height:1}
.asal{font-size:12px;color:var(--navy);letter-spacing:.06em;text-transform:uppercase}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.pillar{padding:24px;border-left:2px solid var(--gold);background:var(--white)}
.pillar-t{font-size:15px;font-weight:600;color:var(--navy);letter-spacing:.04em;margin-bottom:6px}
.pillar-d{font-size:15px;color:var(--gray-500);line-height:1.6}

/* ───────────────── SERVICES (HOME GRID) ───────────────── */
.services-sec{padding:100px 5%;background:var(--white)}
.ssi{max-width:1300px;margin:0 auto}
.sh{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;flex-wrap:wrap;gap:30px}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;background:var(--gray-300);border:1px solid var(--gray-300)}
.sc{background:var(--white);padding:44px 36px;position:relative;overflow:hidden;cursor:pointer;transition:background var(--t);text-decoration:none;display:block;}
.sc::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.sc:hover{background:var(--navy)}
.sc:hover::before{transform:scaleX(1)}
.sc:hover .sct,.sc:hover .scd{color:rgba(255,255,255,.7)}
.sc:hover .scl{color:var(--gold)}
.sct{font-family:'DM Serif Display',serif;font-size:22px;color:var(--navy);margin:20px 0 14px;font-weight:400;line-height:1.2;transition:color var(--t)}
.scd{font-size:16px;line-height:1.7;color:var(--gray-500);margin-bottom:28px;transition:color var(--t)}
.scl{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:none;border:none;cursor:pointer;transition:color var(--t)}
.sc:hover .sct,.sc:hover .scd{color:rgba(255,255,255,.75)}
.sc:hover .scl{color:var(--gold)}

/* ───────────────── SECTORS ───────────────── */
.sectors-sec{padding:100px 5%;background:var(--navy)}
.sectgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-top:60px; border:1px solid rgba(255,255,255,.06);}
.sector{padding:52px 24px;text-align:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:var(--t)}
.sector:hover{background:rgba(196,151,58,.1);border-color:rgba(196,151,58,.3);transform:translateY(-4px)}
.secn{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--white);font-weight:400}
.secs{font-size:13px;color:rgba(255,255,255,.4);margin-top:6px;letter-spacing:.06em;text-transform:uppercase}

/* ───────────────── VISION / MISSION ───────────────── */
.vm-sec{padding:120px 5%;background:var(--cream);position:relative;overflow:hidden}
.vm-sec::before{content:'"';position:absolute;top:40px;right:5%;font-family:'Cormorant Garamond',serif;font-size:322px;color:rgba(13,27,42,.04);line-height:1;pointer-events:none}
.vmi{max-width:1300px;margin:0 auto}
.vmg{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:60px; background:var(--gray-300); border:1px solid var(--gray-300);}
.vmc{padding:60px 52px;background:var(--white);position:relative;box-shadow:0 0 0 transparent;transition:transform 0.4s ease, box-shadow 0.4s ease}
.vmc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transition:height 0.3s ease, box-shadow 0.3s ease}
.vmc:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(13,27,42,0.08)}
.vmc:hover::before{height:6px;box-shadow:0 4px 15px rgba(196,151,58,0.4)}
.vmcn{background:var(--navy)}
.vmcn:hover{box-shadow:0 20px 40px rgba(13,27,42,0.25)}
.vmcl{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:28px}
.vmcq{font-family:'DM Serif Display',serif;font-size:clamp(24px,2.2vw,34px);color:var(--navy);line-height:1.25;font-weight:400;font-style:italic}
.vmcqw{color:var(--white)}
.vmcb{font-size:17px;line-height:1.8;color:var(--gray-500);margin-top:24px}
.vmcbw{color:rgba(255,255,255,.6)}

/* ───────────────── PARTNERS ───────────────── */
.partners-sec{padding:80px 5%;background:var(--white);overflow:hidden}
.pt-wrap{overflow:hidden;margin-top:50px;position:relative}
.pt-wrap::before,.pt-wrap::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2}
.pt-wrap::before{left:0;background:linear-gradient(to right,white,transparent)}
.pt-wrap::after{right:0;background:linear-gradient(to left,white,transparent)}
.pt-track{display:flex;gap:60px;animation:scrollx 30s linear infinite;width:max-content}
.plogo{
  width:160px;height:70px;background:var(--gray-100);border:1px solid var(--gray-300);
  display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--gray-500);
  letter-spacing:.06em;text-transform:uppercase;font-weight:500;flex-shrink:0;transition:var(--t)
}
.plogo:hover{border-color:var(--gold);color:var(--navy)}

/* ───────────────── CONTACT STRIP (HOME) ───────────────── */
.cstrip{padding:100px 5%;background:var(--navy);position:relative;overflow:hidden}
.cstrip::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(196,151,58,.08) 0%,transparent 60%)}
.csi{max-width:1300px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ci-info{margin-top:40px;display:flex;flex-direction:column;gap:16px}
.ci-item{display:flex;align-items:center;gap:16px}
.ci-text{font-size:17px;color:rgba(255,255,255,.8)}
.ci-label{font-size:13px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.06em}
.cfc{background:var(--white);padding:52px}
.fg{margin-bottom:20px}
.fg label{display:block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-700);margin-bottom:8px}
.fg input,.fg textarea,.fg select{
  width:100%;padding:14px 18px;border:1px solid var(--gray-300);background:var(--gray-100);
  font-family:'DM Sans',sans-serif;font-size:16px;color:var(--text);transition:var(--t);
  outline:none;appearance:none
}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--gold);background:var(--white)}
.fg textarea{resize:vertical;min-height:120px}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* ───────────────── FOOTER ───────────────── */
footer{background:rgba(8,15,24,1);padding:70px 5% 30px}
.fi{max-width:1300px;margin:0 auto}
.ft{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.08)}
.fbd{font-size:16px;color:rgba(255,255,255,.4);line-height:1.7;margin-top:20px}
.fct{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.fls{display:flex;flex-direction:column;gap:12px}
.fl{font-size:16px;color:rgba(255,255,255,.5);cursor:pointer;transition:color var(--t);text-decoration:none}
.fl:hover{color:var(--gold)}
.fb{display:flex;justify-content:space-between;align-items:center;padding-top:30px;flex-wrap:wrap;gap:16px}
.fc{font-size:14px;color:rgba(255,255,255,.3)}
.fbadge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(196,151,58,.3);padding:6px 14px;font-size:13px;color:var(--gold)}

/* ───────────────── PAGE HERO (ABOUT/SERVICES/CONTACT) ───────────────── */
.ph{
  padding:200px 5% 90px;
  background:var(--navy);
  position:relative;overflow:hidden
}
.phi{max-width:1300px;margin:0 auto;position:relative;z-index:2}
.phg{
  position:absolute;inset:0;opacity:.03;
  background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);
  background-size:60px 60px
}
.bcrumb{
  margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;
  font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)
}
.bcrumb a{color:rgba(255,255,255,.72);text-decoration:none;transition:var(--t)}
.bcrumb a:hover{color:var(--gold)}
.ph-actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}

/* ───────────────── ABOUT PAGE CONTENT ───────────────── */
.about-story{padding:100px 5%}
.asi2{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:start}
.ast p{font-size:18px;line-height:1.8;color:var(--gray-700);margin-top:20px}
.tl{margin-top:50px}
.tli{display:flex;gap:24px;margin-bottom:36px}
.tldw{display:flex;flex-direction:column;align-items:center}
.tld{width:12px;height:12px;background:var(--gold);border-radius:50%;flex-shrink:0}
.tll{width:1px;flex:1;background:var(--gray-300);min-height:30px}
.tlc{padding-bottom:20px}
.tly{font-size:13px;color:var(--gold);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.tlt{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:6px}
.tldesc{font-size:16px;color:var(--gray-500);line-height:1.6}

/* Values */
.values-sec{padding:0 5% 100px}
.vg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px}
.vc{padding:44px 32px;border:1px solid var(--gray-300);position:relative;transition:var(--t);background:var(--white)}
.vc:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.06)}
.vcn{font-family:'Cormorant Garamond',serif;font-size:82px;color:var(--gray-100);position:absolute;top:16px;right:24px;line-height:1;font-weight:300}
.vci{margin-bottom:18px}
.vct{font-family:'DM Serif Display',serif;font-size:22px;color:var(--navy);margin-bottom:14px}
.vcd{font-size:16px;color:var(--gray-500);line-height:1.7}

/* Team */
.team-sec{padding:100px 5%;background:var(--cream)}
.tsi{max-width:1300px;margin:0 auto}
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}
.tc{background:var(--white);border:1px solid rgba(0,0,0,.05)}
.tph{aspect-ratio:3/4;background:var(--navy-mid);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.2);font-size:16px;letter-spacing:.06em;text-transform:uppercase}
.tin{padding:28px 28px 32px}
.tn{font-family:'DM Serif Display',serif;font-size:24px;color:var(--navy);margin-bottom:4px}
.tr{font-size:14px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-bottom:14px}
.tb{font-size:16px;color:var(--gray-500);line-height:1.6}

/* ───────────────── SERVICES PAGE CONTENT ───────────────── */
.sps{padding:80px 5%}
.spi{max-width:1300px;margin:0 auto}
.sdg{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:60px;background:var(--gray-300);border:1px solid var(--gray-300)}
.sdc{background:var(--white);padding:52px 44px;transition:background var(--t);position:relative;overflow:hidden}
.sdc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}
.sdc:hover{background:var(--cream)}
.sdc:hover::after{transform:scaleX(1)}
.sdcn{font-family:'Cormorant Garamond',serif;font-size:66px;color:var(--gray-100);line-height:1;margin-bottom:-10px;font-weight:300}
.sdci{margin:18px 0 18px}
.sdct{font-family:'DM Serif Display',serif;font-size:28px;color:var(--navy);margin-bottom:16px;font-weight:400}
.sdcd{font-size:15px;color:var(--gray-500);line-height:1.75;margin-bottom:28px}
.sdcl, .sdcd ul{list-style:none;margin-bottom:32px;padding:0;margin-top:16px}
.sdcl li, .sdcd ul li{font-size:14px;color:var(--gray-700);padding:8px 0;border-bottom:1px solid var(--gray-100);display:flex;align-items:flex-start;gap:10px}
.sdcl li::before, .sdcd ul li::before{content:'→';color:var(--gold);flex-shrink:0;margin-top:1px;font-family:sans-serif;}
.scta{margin-top:80px;padding:80px 60px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px}
.sctat{font-family:'DM Serif Display',serif;font-size:34px;color:var(--white);max-width:500px}

/* ───────────────── CONTACT PAGE CONTENT ───────────────── */
.cp{padding:80px 5% 100px}
.cpi{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:80px}
.cib{padding-top:20px}
.citem{margin-bottom:44px}
.cil{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.civ{font-size:19px;color:var(--navy)}
.cin{font-size:16px;color:var(--gray-500);margin-top:4px}
.cs{display:flex;gap:12px;margin-top:14px}
.sb{
  width:44px;height:44px;border-radius:14px;
  background:var(--navy);display:flex;align-items:center;justify-content:center;
  color:var(--white);cursor:pointer;transition:var(--t);border:none; text-decoration:none;
}
.sb:hover{background:var(--gold);color:var(--navy)}
.mp{
  aspect-ratio:16/9;background:var(--navy-mid);margin-top:40px;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:rgba(255,255,255,.4)
}
.cfull{background:var(--cream);padding:52px;border:1px solid rgba(0,0,0,.05)}

/* ───────────────── WP SPECIFIC STYLES ───────────────── */
.bmmgsc-contact-form .fg { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.bmmgsc-contact-form .fr { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.bmmgsc-form-msg { padding: 12px 16px; font-size:15px; margin-bottom: 16px; display: none; }
.bmmgsc-form-msg.success { display: block; background: rgba(34,197,94,.15); border: 1px solid rgba(34,197,94,.3); color: #22c55e; }
.bmmgsc-form-msg.error   { display: block; background: rgba(239,68,68,.12);  border: 1px solid rgba(239,68,68,.25);  color: #ef4444; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output {
    border-color: rgba(239,68,68,.8); margin:15px 0 0; padding:12px; font-size:14px;
}
.wpcf7 form.sent .wpcf7-response-output { border-color: rgba(34,197,94,.8); margin:15px 0 0; padding:12px; font-size:14px; }

.entry-content p { margin-bottom: 20px; }
.entry-content h2 { font-family: 'DM Serif Display',serif; font-size:30px; color: var(--navy); margin: 36px 0 16px; }
.entry-content h3 { font-family: 'DM Serif Display',serif; font-size:24px; color: var(--navy); margin: 28px 0 12px; }
.entry-content ul { list-style: disc; padding-left: 24px; margin-bottom: 20px; }
.entry-content li { margin-bottom: 6px; font-size:17px; line-height: 1.7; color: var(--gray-700); }
.entry-content a { color: var(--gold); text-decoration: underline; }

.blog-card { background: var(--white); border: 1px solid var(--gray-300); overflow: hidden; transition: var(--t); }
.blog-card:hover { box-shadow: 0 8px 32px rgba(13,27,42,.1); transform: translateY(-3px); border-color: var(--gold); }
.plogo-card:hover { background: var(--cream); }

:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; top: -100%; left: 8px; z-index: 9999; background: var(--navy); color: var(--white); padding: 8px 16px; font-size:16px; text-decoration: none; }
.skip-link:focus { top: 8px; }

.admin-bar #site-nav { top: 32px; }
@media (max-width: 782px) { .admin-bar #site-nav { top: 46px; } }

/* ───────────────── RESPONSIVE ───────────────── */
@media(max-width:1024px){
  .hero-content{grid-template-columns:1fr}
  .hero-right{display:none}
  .asi,.asi2,.csi{grid-template-columns:1fr;gap:60px}
  .sectgrid{grid-template-columns:repeat(3,1fr)}
  .vg{grid-template-columns:repeat(2,1fr)}
  .ft{grid-template-columns:1fr 1fr;gap:40px}
  .cpi{grid-template-columns:1fr}
}
@media(max-width:860px){
  .nav-hamburger { display: flex; }
  .nav-links {
    position: fixed; inset: 0; top: 80px;
    background: var(--navy);
    flex-direction: column; justify-content: center; align-items: flex-start;
    padding: 40px 6%; gap: 28px;
    transform: translateX(100%); transition: transform var(--t); z-index: 999;
  }
  .nav-links.open { transform: translateX(0); }
  .fr{grid-template-columns:1fr}
}
@media(max-width:768px){
  .sgrid,.vmg,.sdg{grid-template-columns:1fr}
  .sectgrid{grid-template-columns:repeat(2,1fr)}
  .tg{grid-template-columns:1fr}
  .ft{grid-template-columns:1fr}
  .scta{text-align:center;justify-content:center}
  .ph{padding:140px 5% 80px}
}