/* Native Navigation owns every label and URL. This layer changes only presentation.
 * Keep 75rem synchronized with base.css and the existing mobile controller. */
@media (min-width: 75rem) {
 /* Reserve the expanded height even while the visible surface contracts. */
 .wp-site-blocks > header.wp-block-template-part:has(.matrix-header) {
  position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 100;
  block-size: 90px; pointer-events: none;
 }
 .matrix-header.matrix-header {
  box-sizing: border-box; block-size: 90px; padding: 0; pointer-events: auto;
  border-block-end: 1px solid rgb(11 32 43 / 7%);
  background: #fff; color: var(--matrix-text);
 }
 .matrix-header .matrix-header__inner {
  block-size: 89px; grid-template-columns: 216px minmax(0, 1fr);
  column-gap: 32px;
 }
 .matrix-header__logo img { inline-size: 216px; block-size: auto; max-block-size: 72px; transform-origin: left center; }
 .matrix-header__nav { inline-size: 100%; font-size: 15px; font-weight: 550; letter-spacing: -.015em; }
 .matrix-header__nav .wp-block-navigation__responsive-container:not(.is-menu-open),
 .matrix-header__nav .wp-block-navigation__responsive-container-content { inline-size: 100%; }
 .matrix-header__nav .wp-block-navigation__container {
  inline-size: 100%; flex-wrap: nowrap; justify-content: flex-start;
  gap: clamp(32px, 2.4vw, 40px);
 }
 .matrix-header .wp-block-navigation-item { flex-shrink: 0; }
 .matrix-header__nav .wp-block-navigation__container > .wp-block-navigation-item:first-child { margin-inline-start: auto; }
 .matrix-header .wp-block-navigation-item__content { padding-inline: 0; color: var(--matrix-text); }
 .matrix-header .wp-block-navigation-item:not(.matrix-header__menu-quote) > .wp-block-navigation-item__content:is(:hover, :active),
 .matrix-header .current-menu-item > .wp-block-navigation-item__content,
 .matrix-header .wp-block-navigation-item__content[aria-current] { color: var(--matrix-text); text-decoration: none; }
 .matrix-header__nav .wp-block-navigation-item:not(.matrix-header__menu-call, .matrix-header__menu-quote) > a { position: relative; }
 .matrix-header__nav .wp-block-navigation-item:not(.matrix-header__menu-call, .matrix-header__menu-quote) > a::after {
  content: ''; position: absolute; inset: auto 0 0; block-size: 2px;
  background: var(--matrix-green); transform: scaleX(0); transform-origin: left;
 }
 .matrix-header__nav .wp-block-navigation-item:not(.matrix-header__menu-call, .matrix-header__menu-quote) > a:is(:hover, :focus-visible, [aria-current])::after,
 .matrix-header__nav .current-menu-item > a::after { transform: scaleX(1); }
 .matrix-header__nav .matrix-header__menu-call { margin-inline-start: auto; }
 .matrix-header .matrix-header__menu-call a {
  gap: 10px; padding: 0; min-block-size: 44px; font-size: 15px; font-weight: 600;
  border-radius: 0; background: none; box-shadow: none;
 }
 .matrix-header .matrix-header__menu-call a::before {
  content: ''; inline-size: 18px; block-size: 18px; flex: 0 0 18px; background: var(--matrix-green);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3H4a1 1 0 0 0-1 1c0 9.4 7.6 17 17 17a1 1 0 0 0 1-1v-4l-5-2-2 2a14 14 0 0 1-6-6l2-2-2-5Z'/%3E%3C/svg%3E") center / contain no-repeat;
 }
 .matrix-header .matrix-header__nav .matrix-header__menu-call .wp-block-navigation-item__content:is(:hover, :focus-visible) { color: var(--matrix-green); }
 .matrix-header__nav .matrix-header__menu-quote { position: relative; }
 .matrix-header__nav .matrix-header__menu-quote::before {
  content: ''; position: absolute; inset-inline-start: calc(clamp(32px, 2.4vw, 40px) / -2);
  inset-block-start: 50%; transform: translateY(-50%); inline-size: 1px; block-size: 26px; background: rgb(11 32 43 / 12%);
 }
 .matrix-header .matrix-header__menu-quote a {
  min-block-size: 52px; padding: 12px 24px; gap: 12px; border-radius: 6px;
  font-size: 15px; font-weight: 650; color: #fff; box-shadow: none;
 }
 .matrix-header .matrix-header__menu-quote a::after {
  content: ''; inline-size: 18px; block-size: 18px; flex: 0 0 18px; background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16m-6-6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
 }
 .matrix-header .matrix-header__menu-quote a:hover { box-shadow: var(--matrix-shadow-button-hover); }
 .matrix-header .matrix-header__menu-quote a:focus-visible { box-shadow: var(--matrix-focus-ring); }
 .matrix-header.is-compact {
  block-size: 74px; background: rgb(255 255 255 / 96%) !important;
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
 }
 .matrix-header.is-compact .matrix-header__inner { transform: translateY(-8px); }
 .matrix-header.is-compact .matrix-header__logo img { transform: scale(.9); }
 .matrix-header.is-compact .matrix-header__menu-quote a { min-block-size: 46px; padding-block: 9px; }
 /* Anchor destinations clear the sticky surface, including the admin toolbar. */
 html { scroll-padding-block-start: calc(90px + var(--wp-admin--admin-bar--height, 0px)); }
 @media (prefers-reduced-motion: no-preference) {
  .matrix-header { transition: block-size 280ms var(--matrix-ease), background-color 280ms var(--matrix-ease); }
  .matrix-header__inner, .matrix-header__logo img { transition: transform 280ms var(--matrix-ease); }
  .matrix-header__nav .wp-block-navigation-item > a::after { transition: transform 280ms var(--matrix-ease); }
  .matrix-header .matrix-header__menu-call a { transition: color 220ms var(--matrix-ease); }
  .matrix-header .matrix-header__menu-quote a { transition: min-block-size 280ms var(--matrix-ease), padding-block 280ms var(--matrix-ease), transform 220ms var(--matrix-ease), box-shadow 220ms var(--matrix-ease); }
  .matrix-header .matrix-header__menu-quote a::after { transition: transform 220ms var(--matrix-ease); }
  .matrix-header .matrix-header__menu-quote a:hover { transform: translateY(-1px); }
  .matrix-header .matrix-header__menu-quote a:hover::after { transform: translateX(3px); }
  .matrix-header .matrix-header__menu-quote a:active { transform: none; }
 }
 @media (prefers-reduced-motion: reduce) {
  .matrix-header, .matrix-header__inner, .matrix-header__logo img, .matrix-header .wp-block-navigation-item > a,
  .matrix-header .wp-block-navigation-item > a::after { transition: none; }
  .matrix-header .matrix-header__menu-quote a:is(:hover, :active),
  .matrix-header .matrix-header__menu-quote a:is(:hover, :active)::after { transform: none; }
 }
}