/* Staging-only visual harmonization; original About Us content and images retained. */
:root{--jeff-navy:#092d52;--jeff-gold:#b99650}
.jeff-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,4vw,58px);background:#fff;border-bottom:1px solid #e1e7ed}
.jeff-brand{display:block;flex:0 0 auto}.jeff-brand img{display:block;width:180px;max-width:35vw;height:auto}
.jeff-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.jeff-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid var(--jeff-navy);color:var(--jeff-navy);background:white;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;letter-spacing:.03em;text-decoration:none;transition:background .15s,color .15s}
.jeff-nav a:hover,.jeff-nav a:focus-visible,.jeff-nav a[aria-current="page"]{background:var(--jeff-navy);color:white}
.jeff-footer{background:var(--jeff-navy);color:#e7eff6;padding:50px clamp(20px,5vw,70px);font-family:Arial,Helvetica,sans-serif}
.jeff-footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:42px}
.jeff-footer-logo{width:210px;height:auto;filter:brightness(0) invert(1)}
.jeff-footer h2{color:#dfbb71;font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 15px}
.jeff-footer a{color:#f3f7fb;display:block;text-decoration:none;margin:0 0 12px;overflow-wrap:anywhere}
.jeff-footer a:hover{text-decoration:underline}.jeff-footer p{font-size:14px;line-height:1.7;color:#d4e0eb;margin:10px 0}
main h1.h-display{color:var(--jeff-navy);font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.025em}
main h2.h-section{color:var(--jeff-navy)}
@media(max-width:850px){.jeff-header{flex-direction:column;align-items:center;gap:15px}.jeff-nav{justify-content:center}.jeff-nav a{flex:1 1 180px}.jeff-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.jeff-brand img{max-width:210px;width:160px}.jeff-nav{width:100%;gap:7px}.jeff-nav a{flex:1 1 calc(50% - 8px);font-size:11px;padding:10px 5px;min-height:48px}.jeff-footer-grid{grid-template-columns:1fr;gap:24px}.jeff-footer{padding:36px 22px}}

/* About Us navy hero — staging redesign */
.about-hero{background:#092d52;color:#fff;overflow:hidden;border:0;position:relative}
.about-hero-inner{max-width:1180px;margin:auto;min-height:385px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:stretch;gap:28px;padding:0 24px}
.about-hero-copy{padding:57px 0 62px;position:relative;z-index:1}
.about-eyebrow{color:#e6b557;font:700 13px Arial,Helvetica,sans-serif;letter-spacing:.14em;margin:0 0 23px}
.about-hero h1{color:#fff;font:800 clamp(34px,4.1vw,54px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:0 0 19px}
.about-hero-copy>p:last-child{max-width:710px;color:#dce6f2;font:400 clamp(16px,1.4vw,19px)/1.6 Arial,Helvetica,sans-serif;margin:0}
.about-hero-art{min-height:385px;background-image:linear-gradient(90deg,#092d52 0%,rgba(9,45,82,.15) 35%,rgba(9,45,82,0) 100%),url('/who-we-are/about-gear-banner.webp');background-position:center,right center;background-size:cover,cover;background-repeat:no-repeat}
@media(max-width:760px){.about-hero-inner{grid-template-columns:1fr;gap:0;padding:0 22px}.about-hero-copy{padding:42px 0 28px}.about-hero-art{min-height:235px;background-position:center,center;background-size:cover,cover}}

/* Navigation refinement: current page is distinct from the primary quote CTA. */
.jeff-nav a[aria-current="page"]{
  background:#e9f2fa;
  color:#092d52;
  border-bottom:3px solid #b99650;
  padding-bottom:8px;
}
.jeff-nav a:last-child,
.jeff-nav a:last-child:hover,
.jeff-nav a:last-child:focus-visible{
  background:#092d52;
  color:#fff;
  border:1px solid #092d52;
}
.jeff-nav a:not(:last-child):hover,
.jeff-nav a:not(:last-child):focus-visible{
  background:#e9f2fa;
  color:#092d52;
}


/* Staging About Us header: same geometry as approved homepage and EDM Machining. */
@media (min-width: 851px) {
  .jeff-header {
    width: 100%;
    min-height: 92px;
    padding: 0 max(28px, calc((100vw - 1480px) / 2 + 28px));
    gap: 24px;
    justify-content: space-between;
  }
  .jeff-brand { flex: 0 0 auto; }
  .jeff-brand img { width: 180px; max-width: none; height: auto; }
  .jeff-nav { margin-left: auto; gap: 9px; flex-wrap: nowrap; align-items: center; justify-content: flex-end; }
  .jeff-nav a {
    min-height: 44px;
    padding: 10px 13px;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.2;
    white-space: nowrap;
    flex-shrink: 0;
  }
}