/* =========================================================
   FINAL — UNIFORM HEADER NAV TEXT SIZE (fixes mismatched
   sizes between Home/About/Capabilities/Projects vs
   Equipment/Clients). Must be the LAST CSS loaded on every
   page so nothing overrides it back.
   ========================================================= */

/* Every direct nav item — plain links AND dropdown buttons —
   gets exactly the same font metrics. */
.site-header .main-nav,
.site-header.is-scrolled .main-nav,
body.equipment-page-body .site-header .main-nav,
body.clients-page .site-header .main-nav,
body.standalone-page .site-header .main-nav,
body.leadership-page .site-header .main-nav,
body.reach-page .site-header .main-nav,
body.home-page .site-header .main-nav {
  font-size: 17px !important;
  font-weight: 600 !important;
  gap: 32px !important;
  align-items: center !important;
}

.site-header .main-nav > a:not(.nav-cta),
.site-header .nav-dropdown > .nav-drop-trigger,
.site-header.is-scrolled .main-nav > a:not(.nav-cta),
.site-header.is-scrolled .nav-dropdown > .nav-drop-trigger,
body.equipment-page-body .site-header .main-nav > a:not(.nav-cta),
body.equipment-page-body .site-header .nav-dropdown > .nav-drop-trigger,
body.clients-page .site-header .main-nav > a:not(.nav-cta),
body.clients-page .site-header .nav-dropdown > .nav-drop-trigger {
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
}

/* The nav-label span (added by script.js) must not carry its
   own size — force it to inherit so it can never diverge. */
.site-header .nav-label {
  font-size: inherit !important;
  font-weight: inherit !important;
}

/* Dropdown arrow glyph stays small and consistent */
.site-header .nav-drop-trigger span:not(.nav-label) {
  font-size: 13px !important;
}

/* CONTACT pill button — deliberately its own (smaller, bold, mono) size */
.site-header .main-nav a.nav-cta,
.site-header.is-scrolled .main-nav a.nav-cta {
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 0 22px !important;
}

/* Dropdown menu items (the flyout lists under About/Capabilities/Projects) */
.site-header .nav-dropdown-menu a {
  font-size: 15px !important;
  font-weight: 500 !important;
}

/* Mobile / tablet — same idea, slightly smaller, still uniform */
@media (max-width: 1180px) {
  .site-header .main-nav,
  .site-header.is-scrolled .main-nav {
    font-size: 16px !important;
    gap: 0 !important;
  }
  .site-header .main-nav > a:not(.nav-cta),
  .site-header .nav-dropdown > .nav-drop-trigger,
  .site-header.is-scrolled .main-nav > a:not(.nav-cta),
  .site-header.is-scrolled .nav-dropdown > .nav-drop-trigger {
    font-size: 16px !important;
    font-weight: 600 !important;
  }
}

/* =========================================================
   FIX — REMOVE GLASS/BLUR FINISH FROM EQUIPMENT PAGE HEADER
   ========================================================= */
@media (min-width: 901px) {
  body.equipment-page-body .site-header {
    background: transparent !important;
    box-shadow: none !important;
  }
  body.equipment-page-body .site-header .nav-inner {
    background: transparent !important;
    border-bottom: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  body.equipment-page-body .site-header .main-nav > a,
  body.equipment-page-body .site-header .nav-drop-trigger,
  body.equipment-page-body .site-header .nav-drop-trigger span {
    color: #fff !important;
    text-shadow: none !important;
  }
  body.equipment-page-body .site-header .main-nav > a.nav-cta {
    background: #c8102e !important;
    color: #fff !important;
    border-color: #c8102e !important;
  }
  body.equipment-page-body .site-header.is-scrolled,
  body.equipment-page-body .site-header.is-scrolled .nav-inner {
    background: #214275 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 4px 18px rgba(0,0,0,.22) !important;
    border-bottom: none !important;
  }
}

@media (max-width: 900px) {
  body.equipment-page-body .site-header {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  body.equipment-page-body .site-header.is-scrolled {
    background: #214275 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  body.equipment-page-body .site-header .nav-inner {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}
.equipment-step-card.project-card-clickable{cursor:pointer}
.equipment-step-media{position:relative}
.equipment-step-card .project-view-badge{left:16px;bottom:16px}
.equipment-step-card:hover .project-view-badge,
.equipment-step-card:focus-visible .project-view-badge{opacity:1;transform:translateY(0)}
/* =========================================================
   FINAL — CONTACT BUTTON RED ON EVERY PAGE / EVERY HEADER STATE
   ========================================================= */
.site-header .main-nav > a.nav-cta,
.site-header.is-scrolled .main-nav > a.nav-cta,
body.home-page .site-header .main-nav > a.nav-cta,
body.home-page .site-header.is-scrolled .main-nav > a.nav-cta,
body.leadership-page .site-header .main-nav > a.nav-cta,
body.leadership-page .site-header.is-scrolled .main-nav > a.nav-cta,
body.equipment-page-body .site-header .main-nav > a.nav-cta,
body.equipment-page-body .site-header.is-scrolled .main-nav > a.nav-cta,
body.clients-page .site-header .main-nav > a.nav-cta,
body.clients-page .site-header.is-scrolled .main-nav > a.nav-cta,
body.standalone-page .site-header .main-nav > a.nav-cta,
body.standalone-page .site-header.is-scrolled .main-nav > a.nav-cta,
body.reach-page .site-header .main-nav > a.nav-cta,
body.reach-page .site-header.is-scrolled .main-nav > a.nav-cta {
  background: #c8102e !important;
  background-color: #c8102e !important;
  color: #ffffff !important;
  border-color: #c8102e !important;
  box-shadow: none !important;
}

.site-header .main-nav > a.nav-cta:hover,
.site-header.is-scrolled .main-nav > a.nav-cta:hover {
  background: #a80d26 !important;
  background-color: #a80d26 !important;
  color: #ffffff !important;
  border-color: #a80d26 !important;
}


/* PHILOSOPHY PAGE — remove the white line under the header */
body.standalone-page .site-header,
body.standalone-page .site-header:not(.is-scrolled),
body.standalone-page .site-header.is-scrolled {
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
}

body.standalone-page .site-header .nav-inner,
body.standalone-page .site-header:not(.is-scrolled) .nav-inner,
body.standalone-page .site-header.is-scrolled .nav-inner {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.standalone-page .site-header::before,
body.standalone-page .site-header::after,
body.standalone-page .site-header .nav-inner::before,
body.standalone-page .site-header .nav-inner::after {
  display: none !important;
  content: none !important;
}

/* Only show the shadow once the header turns solid blue */
body.standalone-page .site-header:not(.is-scrolled) {
  box-shadow: none !important;
}