/* The top bar of every page of theaiadoption.com: one definition (Alex, 2026-10-05: the bar changed size
   from one page to the next). It covers the three header markups still in the pages: the home page
   (header.site-header), the editorial pages, blog and insights (header.editorial-header) and the case
   studies (header.siteheader). Imported first by home.css, editorial-pages.css and
   case-studies/case-studies.css; the element in each selector makes it win over the older header rules
   left in those files. Values are the home page's, except that the bar goes on two lines from 720 px
   down (the home did it from 600 px, and five links no longer fit on one line below 720 px).
   The longer What we can build link uses a two-row header below 1025 px; narrow phones wrap the nav links too.
   Change the bar here, nowhere else. */

:root{--site-header-h:76px}

:is(header.site-header,header.editorial-header,header.siteheader){box-sizing:border-box;position:sticky;top:0;z-index:20;display:flex;flex-wrap:nowrap;align-items:center;gap:32px;height:76px;min-height:0;max-width:none;margin:0;padding:0 clamp(24px,4vw,64px);background:#f4f1ea;border:0;border-bottom:1px solid #00304918;color:#003049;font-family:'DM Sans',DM,'Segoe UI',sans-serif;line-height:normal;-webkit-font-smoothing:antialiased}

:is(header.site-header,header.editorial-header,header.siteheader) .brand{display:inline-flex;flex:none;align-items:center;gap:14px;min-height:0;margin:0;color:#003049;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-.7px;line-height:normal;white-space:nowrap}
:is(header.site-header,header.editorial-header,header.siteheader) .brand img{flex:none;width:32px;height:32px}

:is(header.site-header,header.editorial-header,header.siteheader)>nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:normal;flex-basis:auto;order:0;gap:30px;margin:0 0 0 auto;padding:0;font-size:13px}
:is(header.site-header,header.editorial-header,header.siteheader)>nav a{position:relative;display:block;min-height:0;padding:9px 0;color:#003049;font-size:13px;font-weight:500;letter-spacing:normal;line-height:normal;text-decoration:none;white-space:nowrap}
:is(header.site-header,header.editorial-header,header.siteheader)>nav a::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
:is(header.site-header,header.editorial-header,header.siteheader)>nav a:hover::after{transform:scaleX(1)}
/* the page you are on: the same line, kept */
:is(header.site-header,header.editorial-header,header.siteheader)>nav a[aria-current]{text-decoration:none}
:is(header.site-header,header.editorial-header,header.siteheader)>nav a[aria-current]::after{transform:scaleX(1)}

/* the call button: .nav-cta on the home page, .audit-button on editorial pages, .button on case studies */
:is(header.site-header,header.editorial-header,header.siteheader)>a:not(.brand){display:inline-flex;flex:none;align-items:center;justify-content:center;gap:24px;margin:0;padding:12px 20px;border:0;border-radius:999px;background:#003049;color:#fff;box-shadow:none;font-size:13px;font-weight:600;letter-spacing:normal;line-height:normal;text-decoration:none;white-space:nowrap;transition:background-color .25s,color .25s,box-shadow .25s}
:is(header.site-header,header.editorial-header,header.siteheader)>a:not(.brand):hover{background:#fff;color:#003049;box-shadow:inset 0 0 0 1px #00304926}
:is(header.site-header,header.editorial-header,header.siteheader)>a:not(.brand):active{transform:translateY(1px)}
:is(header.site-header,header.editorial-header,header.siteheader)>a:not(.brand)>svg{flex:none;width:.72em;height:.72em;color:inherit;transition:transform .25s cubic-bezier(.22,.68,0,1)}
:is(header.site-header,header.editorial-header,header.siteheader)>a:not(.brand):hover>svg{transform:translate(3px,-3px)}
/* the case-study arrow is drawn on a 24-unit grid: the same stroke as the 12-unit one */
header.siteheader>a:not(.brand)>svg.icon{fill:none;stroke:currentColor;stroke-width:4}
:is(header.site-header,header.editorial-header,header.siteheader) a:focus-visible{outline:3px solid #1891c5;outline-offset:5px}

/* the case studies' Menu button: the bar shows its links on every width, like the other pages */
header.siteheader .mobile-menu{display:none}

@media (max-width:1100px){
  :is(header.site-header,header.editorial-header,header.siteheader){gap:24px}
  :is(header.site-header,header.editorial-header,header.siteheader)>nav{gap:22px}
}
@media (max-width:900px){
  :is(header.site-header,header.editorial-header,header.siteheader)>nav{gap:14px}
  :is(header.site-header,header.editorial-header,header.siteheader)>nav a{font-size:11px}
}
@media (max-width:820px){
  :root{--site-header-h:68px}
  :is(header.site-header,header.editorial-header,header.siteheader){height:68px;gap:20px}
  :is(header.site-header,header.editorial-header,header.siteheader) .brand{gap:10px;font-size:17px}
  :is(header.site-header,header.editorial-header,header.siteheader) .brand img{width:28px;height:28px}
  :is(header.site-header,header.editorial-header,header.siteheader)>a:not(.brand){gap:16px;padding:10px 15px;font-size:12px}
}
@media (max-width:1024px){
  :root{--site-header-h:109px}
  :is(header.site-header,header.editorial-header,header.siteheader){flex-wrap:wrap;height:auto;min-height:68px;gap:12px;padding:14px 20px 10px}
  :is(header.site-header,header.editorial-header,header.siteheader) .brand{gap:8px;font-size:16px;letter-spacing:-.5px}
  :is(header.site-header,header.editorial-header,header.siteheader)>a:not(.brand){margin-left:auto;gap:12px;padding:9px 13px;font-size:11px}
  :is(header.site-header,header.editorial-header,header.siteheader)>nav{order:3;flex-basis:100%;flex-wrap:wrap;justify-content:space-between;column-gap:12px;row-gap:0;margin:0;padding:8px 0 0;min-width:0}
  :is(header.site-header,header.editorial-header,header.siteheader)>nav a{font-size:11px}
}
@media (max-width:430px){
  :root{--site-header-h:140px}
  :is(header.site-header,header.editorial-header,header.siteheader)>nav{justify-content:flex-start}
}
@media (max-width:380px){
  :root{--site-header-h:142px}
  :is(header.site-header,header.editorial-header,header.siteheader) .brand-label{display:none}
  /* editorial and case-study brands have no label element: the text is hidden by its size */
  :is(header.editorial-header,header.siteheader) .brand{gap:0;font-size:0}
  :is(header.site-header,header.editorial-header,header.siteheader) .brand img{width:30px;height:30px}
  :is(header.site-header,header.editorial-header,header.siteheader)>a:not(.brand){font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  :is(header.site-header,header.editorial-header,header.siteheader)>nav a::after,
  :is(header.site-header,header.editorial-header,header.siteheader)>a:not(.brand),
  :is(header.site-header,header.editorial-header,header.siteheader)>a:not(.brand)>svg{transition:none}
}
@media print{:is(header.site-header,header.editorial-header,header.siteheader){display:none}}