/* One header layout for every public page, isolated from page-specific styles. */
@font-face { font-family: AG Navigation; font-style: normal; font-weight: 400 800; font-display: swap; src: url('/assets/home-refresh/inter.woff2') format('woff2'); }
#ag-site-header { position: sticky; top: 0; z-index: 50; height: 88px; background: #090b0ef5; border-bottom: 1px solid #ffffff16; box-shadow: none; font-family: AG Navigation, Inter, sans-serif; }
#ag-site-header .nav { display: flex; align-items: center; justify-content: space-between; max-width: 1328px; height: 100%; margin: 0 auto; padding: 0 40px; gap: 24px; }
#ag-site-header .brand { display: inline-flex; align-items: center; min-width: 220px; gap: 13px; }
#ag-site-header .brand img { width: 48px; height: 48px; object-fit: contain; }
#ag-site-header .brand strong { font: 600 22px/1 Georgia, serif; color: #f4f1eb; }
#ag-site-header .brand span { display: block; margin-top: 5px; font-size: 10px; line-height: 1.2; color: #f5efe4a6; }
#ag-site-header .brand > span > span { max-width: none; }
#ag-site-header .ag-menu { display: flex; position: static; align-items: center; gap: 28px; padding: 0; margin: 0; background: transparent; border: 0; font: 600 12px/1.2 AG Navigation, Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
#ag-site-header .ag-menu a { display: block; padding: 16px 0; color: #a7adb4; border-bottom: 2px solid transparent; white-space: nowrap; }
#ag-site-header .ag-menu a:hover, #ag-site-header .ag-menu a[aria-current] { color: #f4f1eb; border-bottom-color: #d5a36a; }
#ag-site-header .nav-actions { display: flex; align-items: center; gap: 12px; }
#ag-site-header .ag-nav-contact { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 19px; background: #d5a36a; border: 1px solid #d5a36a; border-radius: 2px; color: #1b130c; font: 600 12px/1.4 AG Navigation, Inter, sans-serif; letter-spacing: 0; white-space: nowrap; }
#ag-site-header .ag-nav-contact:hover { background: #f1c78e; }
#ag-site-header .nav-toggle { display: none; width: 44px; height: 44px; padding: 0; color: #f4f1eb; background: transparent; border: 1px solid #d5a36a57; }
#ag-site-header :focus-visible { outline: 2px solid #f1c78e; outline-offset: 5px; }
@media (max-width:1100px) {
  #ag-site-header .nav { padding-inline: 28px; gap: 20px; }
  #ag-site-header .brand { min-width: 190px; }
}
@media (max-width:900px) {
  #ag-site-header { height: 76px; }
  #ag-site-header .nav-toggle { display: block; }
  #ag-site-header .ag-menu { display: none; position: absolute; top: 76px; left: 0; right: 0; padding: 20px 32px; flex-direction: column; align-items: stretch; gap: 0; background: #101318; border-bottom: 1px solid #d5a36a66; }
  #ag-site-header .nav.is-open .ag-menu { display: flex; }
  #ag-site-header .ag-menu a { padding: 15px 0; }
}
@media (max-width:600px) {
  #ag-site-header .nav { padding-inline: 20px; gap: 10px; }
  #ag-site-header .brand { min-width: 0; gap: 9px; }
  #ag-site-header .brand img { width: 40px; height: 40px; }
  #ag-site-header .brand strong { font-size: 20px; }
  #ag-site-header .brand > span > span { max-width: 95px; font-size: 8px; }
  #ag-site-header .nav-actions { gap: 8px; }
  #ag-site-header .ag-nav-contact { min-height: 40px; padding: 8px 10px; font-size: 11px; }
  #ag-site-header .nav-toggle { width: 38px; height: 40px; }
}