:root{
  --perge-paper:#f2f1ec;
  --perge-paper-2:#ecebe5;
  --perge-ink:#171b1f;
  --perge-orange:#f15a24;
}

/* CONSISTENT HEADER LAYOUT */
.site-header--consistent{
  position:absolute !important;
  inset:0 0 auto !important;
  z-index:1100 !important;
  background:transparent !important;
  border-bottom:1px solid transparent !important;
  transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease;
}
.nav-wrap--consistent{
  min-height:68px !important;
  display:grid !important;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
}
.nav-brand--consistent{
  width:154px !important;
  display:block;
}
.nav-brand--consistent img{
  width:100%;
  height:auto;
  display:block;
  filter:none !important;
}
.desktop-nav--consistent{
  justify-self:end;
  margin-left:0 !important;
}

/* Transparent initial state:
   light home -> dark nav; dark internal heroes -> white nav */
body:not(.internal-page) .site-header--consistent:not(.is-scrolled):not(.is-menu-open) .desktop-nav a{
  color:#20252a !important;
}
body.internal-page .site-header--consistent:not(.is-scrolled):not(.is-menu-open) .desktop-nav a{
  color:#fff !important;
}

/* Glass on scroll */
.site-header--consistent.is-scrolled{
  position:fixed !important;
  background:rgba(12,15,18,.76) !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
  -webkit-backdrop-filter:blur(15px) saturate(1.1);
  backdrop-filter:blur(15px) saturate(1.1);
  box-shadow:0 8px 30px rgba(0,0,0,.11);
}
.site-header--consistent.is-scrolled .desktop-nav a{color:#fff !important}
.site-header--consistent.is-scrolled .menu-button span:not(.sr-only){background:#fff !important}
.site-header--consistent.is-scrolled .menu-button{border-color:rgba(255,255,255,.18) !important}
.site-header--consistent.is-scrolled .nav-brand img{filter:none !important}

/* Hamburger */
.menu-button--consistent{
  position:relative;
  width:46px !important;
  height:42px !important;
  min-width:46px !important;
  min-height:42px !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.menu-button--consistent span:not(.sr-only){
  position:absolute;
  left:12px;
  width:21px !important;
  height:1.5px !important;
  margin:0 !important;
  transition:transform .24s ease,top .24s ease,width .24s ease,background .24s ease;
}
.menu-button--consistent span:not(.sr-only):first-child{top:15px}
.menu-button--consistent span:not(.sr-only):nth-child(2){top:24px;width:15px !important;left:18px}
.menu-button--consistent[aria-expanded="true"]{
  border-color:rgba(241,90,36,.48) !important;
  background:rgba(241,90,36,.08) !important;
}
.menu-button--consistent[aria-expanded="true"] span:not(.sr-only):first-child{top:20px;transform:rotate(45deg)}
.menu-button--consistent[aria-expanded="true"] span:not(.sr-only):nth-child(2){top:20px;left:12px;width:21px !important;transform:rotate(-45deg)}

/* Menu open = warm glass, logo remains official colors */
.site-header--consistent.is-menu-open{
  background:rgba(242,241,236,.94) !important;
  border-bottom-color:rgba(20,25,30,.08) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.1);
  backdrop-filter:blur(18px) saturate(1.1);
}
.site-header--consistent.is-menu-open .nav-brand img{
  filter:none !important;
}
.site-header--consistent.is-menu-open .menu-button span:not(.sr-only){background:#20252a !important}
.site-header--consistent.is-menu-open .mobile-menu{
  background:rgba(242,241,236,.97) !important;
  color:#20252a;
  border-top:0 !important;
  border-bottom:1px solid rgba(20,25,30,.09) !important;
  box-shadow:0 18px 45px rgba(20,25,30,.12) !important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.site-header--consistent.is-menu-open .mobile-menu-inner{
  padding-top:8px;
  padding-bottom:18px;
}
.site-header--consistent.is-menu-open .mobile-menu-inner a{
  display:flex;
  align-items:center;
  min-height:54px;
  color:#252b30 !important;
  border-bottom:1px solid rgba(20,25,30,.08) !important;
  font-weight:650;
}
.site-header--consistent.is-menu-open .mobile-menu-inner a::after{
  content:"→";
  margin-left:auto;
  color:var(--perge-orange);
}
.site-header--consistent.is-menu-open .mobile-menu-inner a:last-child{border-bottom:0 !important}

/* Internal content harmony */
.contact-top-dark .contact-intro{padding-top:112px !important}
.warranty-hero{padding-top:132px !important}

.about-intro,
.capability-strip,
.industries-section,
.principles-section--v77,
.location-section,
.warranty-quick,
.warranty-content,
.warranty-documents{
  background:#f2f1ec !important;
}
.capability-card,
.principle-card,
.document-card,
.warranty-quick article{
  box-shadow:0 10px 26px rgba(20,25,30,.055);
}
.people-section--v75,
.contact-top-dark,
.warranty-hero,
.about-closing,
.site-footer{
  background-color:#090c0f;
}

/* Mobile */
@media(max-width:820px){
  .nav-wrap--consistent{
    min-height:64px !important;
    grid-template-columns:auto 1fr auto;
  }
  .desktop-nav--consistent{display:none !important}
  .nav-brand--consistent{width:132px !important}
  .site-header--consistent .mobile-menu{top:100%}
  body:not(.internal-page) .site-header--consistent:not(.is-scrolled):not(.is-menu-open) .menu-button span:not(.sr-only){background:#20252a}
  body.internal-page .site-header--consistent:not(.is-scrolled):not(.is-menu-open) .menu-button span:not(.sr-only){background:#fff}
  body.internal-page .site-header--consistent:not(.is-scrolled):not(.is-menu-open) .menu-button{border-color:rgba(255,255,255,.22)}
}
@media(max-width:390px){
  .nav-brand--consistent{width:120px !important}
}
@media(prefers-reduced-motion:reduce){
  .site-header--consistent,
  .menu-button--consistent,
  .menu-button--consistent span:not(.sr-only){
    transition:none !important;
  }
}