/* ============ TOKENS ============ */
  :root{
    --navy:#034867;     /* primary brand */
    --abyss:#012b3d;    /* hero depth */
    --ink:#011315;      /* deepest */
    --teal:#156082;     /* structural mid-tone */
    --mist:#88c7c8;     /* light teal accent */
    --steel:#5d7992;    /* muted text / tint */
    --paper:#f4f4f4;    /* light section bg */
    --cloud:#f8f8f8;    /* lighter bg */
    --line:#e0e4e7;     /* hairline borders */
    --white:#ffffff;

    --text:#0f2733;     /* body text on light */
    --text-soft:#4d6575;/* secondary text on light */

    --display:'Nunito', system-ui, sans-serif;
    --body:'Inter', system-ui, sans-serif;
    --mono:'IBM Plex Mono', ui-monospace, monospace;

    --container:1200px;
    --pad:clamp(1.25rem, 5vw, 2.5rem);
    --section-y:clamp(3rem, 6vw, 5rem);
    --radius:14px;
    --ease:cubic-bezier(.2,.7,.2,1);
  }

  /* ============ BASE ============ */
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;
    font-family:var(--body);
    color:var(--text);
    background:var(--white);
    -webkit-font-smoothing:antialiased;
    line-height:1.6;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  ::selection{background:var(--mist);color:var(--ink)}

  .wrap{max-width:var(--container);margin:0 auto;padding-inline:var(--pad)}

  /* shared eyebrow */
  .eyebrow{
    font-family:var(--mono);
    font-size:.72rem;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--teal);
    display:inline-flex;
    align-items:center;
    gap:.6rem;
    margin:0 0 1.1rem;
  }
  .eyebrow::before{
    content:"";
    width:26px;height:1px;
    background:var(--teal);
    display:inline-block;
    opacity:.7;
  }
  .eyebrow.light{color:var(--mist)}
  .eyebrow.light::before{background:var(--mist)}

  h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.1;letter-spacing:-.01em;margin:0}
  .section-head{max-width:62ch}
  .section-head h2{
    font-size: clamp(1.9rem,4vw,2.5rem);
}
  .section-head p:not(.eyebrow){color:var(--text-soft);font-size:1.08rem;margin:1.1rem 0 0;max-width:54ch}

  /* buttons */
  .btn{
    font-family:var(--mono);
    font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;
    display:inline-flex;align-items:center;gap:.6rem;
    padding:.95rem 1.5rem;border-radius:999px;
    border:1px solid transparent;cursor:pointer;
    transition:transform .25s var(--ease), background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);
    white-space:nowrap;
  }
  .btn .arrow{transition:transform .25s var(--ease)}
  .btn:hover .arrow{transform:translateX(4px)}
  .btn-primary{background:var(--teal);color:#fff}
  .btn-primary:hover{background:var(--navy);transform:translateY(-2px)}
  .btn-accent{background:var(--mist);color:var(--ink)}
  .btn-accent:hover{background:#fff;transform:translateY(-2px)}
  .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.32)}
  .btn-ghost:hover{border-color:var(--mist);color:var(--mist)}
  .btn-outline{background:transparent;color:var(--navy);border-color:var(--line)}
  .btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}

  /* ============ LOGO (real SVG art) ============ */
  /* "on-dark" = light artwork for dark backgrounds; "on-light" = dark-blue artwork for light backgrounds */
  .logo{display:inline-flex;align-items:center;line-height:0;text-decoration:none}
  .logo img{display:block;width:auto}
  .nav-logo .on-dark{height:41px;transition:opacity .3s var(--ease)}
  .nav-logo .on-light{height:40px;display:none}
  header.nav.scrolled .nav-logo .on-dark{display:none}
  header.nav.scrolled .nav-logo .on-light{display:block}
  .nav-logo:hover img{opacity:.85}
  .foot-logo .on-dark{height:57px}

  /* ============ NAV ============ */
  header.nav{position:fixed;inset:0 0 auto;z-index:60;transition:background .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);border-bottom:1px solid transparent}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;height:74px}
  header.nav.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);border-color:var(--line)}
  .nav-links{display:flex;align-items:center;gap:2rem}
  .nav-links a{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:#fff;opacity:.82;transition:opacity .2s, color .2s;position:relative;padding:.3rem 0}
  .nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--mist);transition:width .25s var(--ease)}
  .nav-links a:hover{opacity:1;color:var(--mist)}
  .nav-links a:hover::after{width:100%}
  header.nav.scrolled .nav-links a{color:var(--text)}
  header.nav.scrolled .nav-links a:hover{color:var(--teal)}
  header.nav.scrolled .nav-cta.btn-ghost{color:var(--navy);border-color:var(--line)}
  header.nav.scrolled .nav-cta.btn-ghost:hover{color:var(--teal);border-color:var(--teal)}
  .nav-toggle{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:.4rem}
  .nav-toggle span{width:24px;height:2px;background:#fff;transition:.3s var(--ease)}
  header.nav.scrolled .nav-toggle span{background:var(--navy)}

  /* ============ HERO ============ */
  .hero{
    position: relative;
    background: radial-gradient(120% 120% at 80% 0%, #06597f 0%, var(--navy) 38%, var(--abyss) 72%, var(--ink) 100%);
    color: #fff;
    overflow: hidden;
    padding-top: 74px;
}
  .hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(120% 100% at 70% 20%,#000 30%,transparent 80%);pointer-events:none}
  .hero-inner{
    position: relative;
    display: grid;
grid-template-columns:1.2fr .8fr;                                    align-items: center;
    gap: 3rem;
    /* [disabled]min-height: min(86vh,820px); */
    padding-block: clamp(3rem,7vw,5rem)
}
  .hero-copy{max-width:42rem;position:relative;z-index:2}
  .hero h1{font-size:clamp(2.5rem,5.4vw,2.75rem);font-weight:600;letter-spacing:-.01em}
  .hero h1 .accent{color:var(--mist)}
  .hero-sub{
    font-size: clamp(1.05rem,1.5vw,1.25rem);
    color: rgba(255,255,255,.82);
    margin-top: 1.6rem;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    max-width: 38ch;
    line-height: 1.6
}
  .hero-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2.4rem;
}

  /* orbital signature */
  .orbital-stage{position:relative;z-index:1;justify-self:center;width:min(100%,660px);aspect-ratio:1}
  .orbital{width:100%;height:100%;overflow:visible}
  .orbit-ring{fill:none;stroke:var(--mist);stroke-opacity:.28;stroke-width:1}
  .orbit-ring.faint{stroke-opacity:.16}
  .core-glow{filter:blur(1px)}
  .node{filter:drop-shadow(0 0 3px rgba(222,246,245,.95)) drop-shadow(0 0 7px rgba(136,199,200,.5))}
  .tick{stroke:var(--mist);stroke-opacity:.2;stroke-width:1}

  @keyframes core-pulse{0%,100%{opacity:.85;r:9}50%{opacity:1;r:11}}
  .core-dot{animation:core-pulse 4.5s ease-in-out infinite}

  /* ============ GENERIC SECTION ============ */
  section{padding-block:var(--section-y)}
  .lede{font-size:clamp(1.9rem,4vw,2.5rem);font-family:var(--display);font-weight:700;line-height:1.35;color:var(--text);letter-spacing:-.01em;max-width:24ch}
  .who-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
  .who-body p{color:var(--text-soft);font-size:1.08rem;margin:0 0 1.2rem}
  .who-body p:last-child{margin-bottom:0}
  .who-body strong{color:var(--text);font-weight:600}

  /* ============ SERVICES ============ */
  .services{background:var(--paper)}
  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}
  .svc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2rem 1.85rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);position:relative;overflow:hidden}
  .svc::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--teal);transition:width .35s var(--ease)}
  .svc:hover{transform:translateY(-5px);box-shadow:0 22px 45px -28px rgba(3,72,103,.45);border-color:transparent}
  .svc:hover::before{width:100%}
  .svc .num{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;color:var(--steel)}
  .svc h3{font-size:1.22rem;margin:1rem 0 .65rem;color:var(--navy)}
  .svc p{font-size:.96rem;color:var(--text-soft);margin:0}
  .svc-foot{margin-top:2.6rem;display:flex;justify-content:center}

  /* ============ APPROACH (dark) ============ */
  .approach{background:linear-gradient(180deg,var(--navy),var(--abyss));color:#fff;position:relative;overflow:hidden}
  .approach .hero-grid-lines{mask-image:radial-gradient(120% 100% at 30% 30%,#000 20%,transparent 75%)}
  .approach .section-head p:not(.eyebrow){color:rgba(255,255,255,.72)}
  .phases{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:3.5rem;counter-reset:phase;position:relative}
  .phase{position:relative;padding:0 1.2rem}
  .phase::before{counter-increment:phase;content:"0" counter(phase);font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;color:var(--mist);display:block}
  .phase .dot{width:13px;height:13px;border-radius:50%;background:var(--mist);margin:1.2rem 0;position:relative;z-index:2;box-shadow:0 0 0 5px rgba(136,199,200,.14)}
  .phase .track{position:absolute;top:calc(1.2rem + 6px);left:1.2rem;right:-1.2rem;height:1px;background:rgba(255,255,255,.16);z-index:1}
  .phase:last-child .track{display:none}
  .phase h3{font-size:1.18rem;margin:0 0 .55rem}
  .phase p{font-size:.92rem;color:rgba(255,255,255,.66);margin:0}

  /* ============ WHY ============ */
  .why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:3rem}
  .why{display:flex;gap:1.4rem;padding:1.8rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--cloud);transition:border-color .3s var(--ease),background .3s var(--ease)}
  .why:hover{border-color:var(--mist);background:#fff}
  .why .ic{flex:0 0 46px;height:46px;border-radius:11px;background:var(--navy);display:grid;place-items:center}
  .why .ic svg{width:22px;height:22px;stroke:var(--mist);fill:none;stroke-width:1.6}
  .why h3{font-size:1.12rem;color:var(--navy);margin:0 0 .4rem}
  .why p{font-size:.96rem;color:var(--text-soft);margin:0}

  /* ============ INDUSTRIES ============ */
  .industries{background:var(--paper)}
  .ind-list{margin-top:3rem;border-top:1px solid var(--line)}
  .ind{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:1.7rem 0;border-bottom:1px solid var(--line);transition:padding .3s var(--ease)}
  .ind:hover{padding-left:.6rem}
  .ind .ind-num{font-family:var(--mono);font-size:.78rem;color:var(--steel)}
  .ind .ind-name{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:600;color:var(--navy);letter-spacing:-.01em}
  .ind .ind-desc{font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);text-align:right;max-width:30ch}

  /* ============ CTA ============ */
  .cta{background:radial-gradient(120% 140% at 50% 0%, var(--teal) 0%, var(--navy) 45%, var(--abyss) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}
  .cta-inner{position:relative;z-index:2;max-width:46rem;margin:0 auto}
  .cta h2{font-size:clamp(1.9rem,4vw,2.5rem);font-weight:700;letter-spacing:-.01em}
  .cta p:not(.eyebrow){color:rgba(255,255,255,.8);font-size:1.12rem;margin:1.2rem auto 2.4rem;max-width:44ch}

  /* ============ FOOTER ============ */
  footer{background:var(--ink);color:rgba(255,255,255,.7);padding-block:clamp(3.5rem,7vw,5rem) 2rem}
  .foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem}
  .foot-brand .mark{font-size:1.7rem;margin-bottom:1.2rem}
  .foot-brand p{font-size:.95rem;max-width:32ch;line-height:1.6}
  .foot-col h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mist);margin:0 0 1.1rem;font-weight:500}
  .foot-col a,.foot-col span{display:block;font-size:.92rem;color:rgba(255,255,255,.66);margin-bottom:.7rem;transition:color .2s}
  .foot-col a:hover{color:var(--mist)}
  .badge-slot{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-width:140px;height:60px;padding:.5rem 1.1rem;border:1px dashed rgba(136,199,200,.45);border-radius:10px;color:rgba(136,199,200,.7);font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}
  .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:3.5rem;padding-top:1.8rem;border-top:1px solid rgba(255,255,255,.1);font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:rgba(255,255,255,.45)}
  .foot-bottom a:hover{color:var(--mist)}

  /* ============ REVEAL ANIM ============ */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
  .reveal.in{opacity:1;transform:none}

  /* ============ RESPONSIVE ============ */
  @media (max-width:980px){
    .hero-inner{grid-template-columns:1fr;min-height:auto;text-align:left}
    .orbital-stage{grid-row:1;width:min(80%,440px);opacity:.7;margin-bottom:-1rem}
    .who-grid{grid-template-columns:1fr;gap:1.5rem}
    .svc-grid{grid-template-columns:repeat(2,1fr)}
    .phases{grid-template-columns:1fr;gap:2.25rem}
    .phase{padding:0}
    .phase .track{display:none}
    .why-grid{grid-template-columns:1fr}
    .foot-top{grid-template-columns:1fr 1fr}
    .foot-brand{grid-column:1/-1}
  }
  @media (max-width:640px){
    .nav-links{position:fixed;inset:74px 0 auto;flex-direction:column;align-items:flex-start;gap:0;background:var(--white);padding:1rem var(--pad) 1.5rem;box-shadow:0 12px 30px -18px rgba(0,0,0,.4);transform:translateY(-130%);transition:transform .35s var(--ease);border-bottom:1px solid var(--line)}
    .nav-links.open{transform:none}
    .nav-links a{color:var(--text);width:100%;padding:.9rem 0;border-bottom:1px solid var(--line)}
    .nav-links .nav-cta{margin-top:1rem;width:100%;justify-content:center}
    .nav-toggle{display:flex}
    .svc-grid{grid-template-columns:1fr}
    .ind{grid-template-columns:auto 1fr;gap:1rem}
    .ind .ind-desc{display:none}
  }

  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation:none!important;transition:none!important}
    .reveal{opacity:1;transform:none}
  }

  /* ============ ABOUT PAGE (simple editorial, dark leadership feature) ============ */
  /* nav stays light on this page since there is no dark hero behind it */
  .nav-links a[aria-current="page"]{opacity:1}
  .nav-links a[aria-current="page"]::after{width:100%}
  .about-page header.nav{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);border-color:var(--line)}
  .about-page .nav-logo .on-dark{display:none}
  .about-page .nav-logo .on-light{display:block}
  .about-page .nav-links a{color:var(--text)}
  .about-page .nav-links a:hover{color:var(--teal)}
  .about-page .nav-links a[aria-current="page"]{color:var(--teal)}
  .about-page .nav-cta.btn-ghost{color:var(--navy);border-color:var(--line)}
  .about-page .nav-cta.btn-ghost:hover{color:var(--teal);border-color:var(--teal)}
  .about-page .nav-toggle span{background:var(--navy)}

  /* narrow reading column */
  .about-wrap{max-width:860px;margin:0 auto;padding-inline:var(--pad)}

  /* page header */
  .about-head{padding-top:calc(74px + clamp(2.75rem,6.5vw,5rem));padding-bottom:clamp(2.5rem,5.5vw,3.75rem);border-bottom:1px solid var(--line)}
  .about-head h1{font-size:clamp(2.1rem,4.6vw,2.9rem);font-weight:700;color:var(--navy);letter-spacing:-.02em;line-height:1.1;max-width:20ch}
  .about-intro{margin-top:1.9rem}
  .about-intro .about-lead{font-size:clamp(1.14rem,1.7vw,1.3rem);line-height:1.6;color:var(--text);font-weight:400;margin:0 0 1.3rem}
  .about-intro p{color:var(--text-soft);font-size:1.05rem;line-height:1.7;margin:0}

  /* content blocks (light) */
  .about-block{padding-block:clamp(2.5rem,5.5vw,4rem)}
  .about-block h2{font-size:clamp(1.55rem,3.1vw,2.05rem);font-weight:700;color:var(--navy);letter-spacing:-.015em;line-height:1.2;max-width:26ch;margin:0 0 1.5rem}
  .about-block p{color:var(--text-soft);font-size:1.05rem;line-height:1.75;margin:0 0 1.3rem}
  .about-block p:last-child{margin-bottom:0}

  /* pull quote */
  .pull-quote{margin:2rem 0;padding:.1rem 0 .1rem 1.5rem;border-left:3px solid var(--mist);font-family:var(--display);font-weight:700;font-size:clamp(1.35rem,2.7vw,1.85rem);line-height:1.32;letter-spacing:-.015em;color:var(--navy);max-width:24ch}

  /* leadership (dark feature band with profile card) */
  .about-leader{position:relative;background:linear-gradient(160deg,var(--navy) 0%,var(--abyss) 70%,var(--ink) 100%);color:#fff;padding-block:clamp(3rem,6.5vw,5rem)}
  .about-leader .hero-grid-lines{mask-image:radial-gradient(120% 100% at 75% 15%,#000 25%,transparent 78%)}
  .about-leader-inner{position:relative;z-index:2;max-width:960px;margin:0 auto;padding-inline:var(--pad)}
  .about-leader h2{color:#fff;font-size:clamp(1.55rem,3.1vw,2.05rem);font-weight:700;letter-spacing:-.015em;line-height:1.2;max-width:30ch;margin:0 0 clamp(2rem,4vw,2.75rem)}
  .leader{display:grid;grid-template-columns:320px minmax(0,1fr);gap:clamp(2rem,4vw,3rem);align-items:start}
  .leader-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);padding:2rem 1.8rem}
  .leader-photo{width:128px;height:128px;border-radius:50%;object-fit:cover;display:block;margin-bottom:1.4rem;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 28px -6px rgba(136,199,200,.4),0 16px 30px -14px rgba(0,0,0,.65)}
  .leader-role{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mist);margin:0 0 .4rem}
  .leader-name{font-family:var(--display);font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:-.01em;margin:0 0 1.4rem}
  .leader-creds{list-style:none;margin:0;padding:1.3rem 0 0;border-top:1px solid rgba(255,255,255,.15);display:grid;gap:.85rem}
  .leader-creds li{display:flex;gap:.7rem;font-size:.88rem;color:rgba(255,255,255,.78);line-height:1.45}
  .leader-creds li::before{content:"";flex:0 0 7px;height:7px;margin-top:.42rem;border-radius:50%;background:var(--mist)}
  .leader-bio>p{color:rgba(255,255,255,.82);font-size:1.05rem;line-height:1.75;margin:0 0 1.4rem}
  .leader-bio>p:last-child{margin-bottom:0}

  /* simple CTA */
  .about-cta{background:var(--paper);text-align:center;padding-block:clamp(3rem,6vw,4.5rem)}
  .about-cta h2{font-size:clamp(1.55rem,3.1vw,2.05rem);font-weight:700;color:var(--navy);letter-spacing:-.015em;margin:0 auto;max-width:22ch}
  .about-cta p{color:var(--text-soft);font-size:1.05rem;line-height:1.7;margin:1.1rem auto 1.9rem;max-width:54ch}

  @media (max-width:880px){
    .leader{grid-template-columns:1fr;gap:1.75rem}
    .leader-card{max-width:420px}
  }

  /* ============ SERVICES PAGE ============ */
  /* home page cards are now links */
  a.svc{display:block}
  .svc-more{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.1rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
  .svc-more .arrow{transition:transform .25s var(--ease)}
  .svc:hover .svc-more .arrow{transform:translateX(4px)}

  /* service detail sections */
  .svc-detail{padding-block:clamp(2.25rem,5vw,3.5rem);border-bottom:1px solid var(--line);scroll-margin-top:90px}
  .svc-detail:last-of-type{border-bottom:0}
  .svc-detail .svc-num{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;color:var(--steel);display:block;margin-bottom:.6rem}
  .svc-detail h2{font-size:clamp(1.45rem,2.9vw,1.9rem);font-weight:700;color:var(--navy);letter-spacing:-.015em;line-height:1.2;margin:0 0 1.2rem}
  .svc-detail p{color:var(--text-soft);font-size:1.05rem;line-height:1.75;margin:0 0 1.2rem}
  .svc-detail h3{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-weight:500;margin:1.6rem 0 .9rem}
  .svc-detail ul{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
  .svc-detail ul li{display:flex;gap:.7rem;font-size:1rem;color:var(--text-soft);line-height:1.55}
  .svc-detail ul li::before{content:"";flex:0 0 7px;height:7px;margin-top:.5rem;border-radius:50%;background:var(--mist)}

  /* ============ SERVICES PAGE: IMAGE LAYOUT ============ */
  .svc-detail .about-wrap{max-width:1000px;display:flex;align-items:center;gap:clamp(2rem,4vw,3.25rem)}
  .svc-text{flex:1 1 0;min-width:0}
  .svc-img{flex:0 0 clamp(240px,30vw,360px);margin:0}
  .svc-img img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 22px 45px -28px rgba(3,72,103,.45)}
  .svc-detail:nth-of-type(even) .about-wrap{flex-direction:row-reverse}
  @media (max-width:760px){
    .svc-detail .about-wrap,.svc-detail:nth-of-type(even) .about-wrap{flex-direction:column;align-items:flex-start}
    .svc-img{flex:0 0 auto;width:100%;max-width:420px}
  }

  /* ============ SUBPAGE HEADER TINT ============ */
  /* light brand-tinted wash behind the page header on About, Services, and Industries */
  .about-head{background:linear-gradient(180deg,#96afb4 0%,#bcc8ca 100%)}

  /* ============ INDUSTRIES PAGE: SPLIT SECTION LAYOUT ============ */
  /* image sits beside the header and intro only; support list runs full width below */
  .ind-page .svc-detail .about-wrap,.svc-page .svc-detail .about-wrap{display:block}
  .ind-page .svc-top,.svc-page .svc-top{display:flex;align-items:center;gap:clamp(2rem,4vw,3.25rem)}
  .ind-page .svc-detail:nth-of-type(even) .svc-top,.svc-page .svc-detail:nth-of-type(even) .svc-top{flex-direction:row-reverse}
  .ind-page .svc-list,.svc-page .svc-list{margin-top:1.9rem;background:var(--cloud);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.75rem 1.75rem}
  .ind-page .svc-list h3,.svc-page .svc-list h3{margin-top:0}
  .ind-page .svc-list ul,.svc-page .svc-list ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.75rem}
  @media (max-width:760px){
    .ind-page .svc-top,.ind-page .svc-detail:nth-of-type(even) .svc-top,.svc-page .svc-top,.svc-page .svc-detail:nth-of-type(even) .svc-top{flex-direction:column;align-items:flex-start}
    .ind-page .svc-list ul,.svc-page .svc-list ul{grid-template-columns:1fr}
  }

  /* ============ SDVOSB BADGE ============ */
  .badge-sdvosb{height:110px;width:auto;border-radius:6px;background:#fff}

  /* ============ CONTACT PAGE ============ */
  .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.4rem;background:#bcc8ca;border:1px solid #96afb4;border-radius:var(--radius);padding:1.75rem}
  .contact-form .cf-note{color:var(--text)}
  .contact-form .cf-full{grid-column:1/-1}
  .cf-field label{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:.45rem}
  .cf-field input,.cf-field textarea{width:100%;box-sizing:border-box;font-family:var(--body);font-size:1rem;color:var(--text);background:#fff;border:1px solid var(--navy);border-radius:10px;padding:.8rem .95rem;transition:border-color .2s}
  .cf-field input:focus,.cf-field textarea:focus{outline:none;border-color:var(--teal)}
  .cf-field textarea{min-height:170px;resize:vertical}
  .cf-actions{grid-column:1/-1;margin-top:.4rem}
  .cf-note{grid-column:1/-1;font-size:.85rem;color:var(--text-soft);margin:0}
  .cf-alert{border-radius:10px;padding:1rem 1.2rem;font-size:.97rem;margin-bottom:1.6rem}
  .cf-alert p{margin:.2rem 0;color:inherit}
  .cf-alert.ok{background:#aeded2;border:1px solid #88c7c8;color:#011315}
  .cf-alert.err{background:#d9bfc6;border:1px solid #aa9fa9;color:#011315}
  .cf-hp{position:absolute!important;left:-9999px;opacity:0;height:0;overflow:hidden}
  @media (max-width:640px){.contact-form{grid-template-columns:1fr}}

  /* ============ WHO WE ARE: HEADER LEFT, IMAGE RIGHT, TEXT BELOW ============ */
  .who-top{display:flex;align-items:center;gap:clamp(2rem,4vw,3.25rem)}
  .who-top .section-head{flex:1 1 0;min-width:0}
  .who-img{flex:0 0 clamp(240px,30vw,360px);margin:0}
  .who-img img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 22px 45px -28px rgba(3,72,103,.45)}
  #about .who-body{margin-top:2.4rem}
  @media (max-width:760px){
    .who-top{flex-direction:column;align-items:flex-start}
    .who-img{flex:0 0 auto;width:100%;max-width:420px}
  }

  /* ============ HOME SERVICE CARDS: FADED IMAGE BACKGROUNDS ============ */
  .svc-grid .svc:nth-child(1){--card-img:url('../img/training-programs.jpg')}
  .svc-grid .svc:nth-child(2){--card-img:url('../img/qualification-programs.jpg')}
  .svc-grid .svc:nth-child(3){--card-img:url('../img/instructor-development.jpg')}
  .svc-grid .svc:nth-child(4){--card-img:url('../img/elearning.jpg')}
  .svc-grid .svc:nth-child(5){--card-img:url('../img/lms.jpg')}
  .svc-grid .svc:nth-child(6){--card-img:url('../img/secure-platforms.jpg')}
  .svc{background-color:#fff;background-image:linear-gradient(rgba(255,255,255,.85),rgba(255,255,255,.85)),var(--card-img,none);background-size:cover;background-position:center;background-repeat:no-repeat}
  .svc:hover{background-image:linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)),var(--card-img,none)}