/* Canonical primary navigation frame for every VALO page. */
.site-header{--paper:var(--brand-50);--surface:var(--brand-25);--sand:var(--brand-100);--rule:var(--brand-200);--ink:var(--brand-950);--ink-soft:var(--brand-850);--muted:var(--brand-700);--focus:var(--brand-600);--dark-hover:var(--brand-850);--ink-rgb:19,14,12;--radius-button:var(--valo-control-radius-pill);--radius-panel:var(--valo-control-radius-menu);--shadow-float:0 2px 4px rgba(var(--ink-rgb),.05),0 28px 60px -26px rgba(var(--ink-rgb),.38);--motion-ease:cubic-bezier(.16,1,.3,1);font-family:'Archivo Variable',Archivo,system-ui,sans-serif;font-weight:400;font-stretch:100%;line-height:1.5;color:var(--ink)}
.site-header,.site-header *{box-sizing:border-box}
.site-header :is(a,button):focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.site-header{position:sticky;inset-block-start:0;z-index:40;width:100%;max-width:none;margin:0;padding:16px 24px 0;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;inline-size:min(1180px,100%);min-block-size:72px;margin-inline:auto;padding:10px 12px 10px 28px;border:1px solid var(--rule);border-radius:var(--radius-button);background:var(--surface)}
.wordmark{display:inline-flex;align-items:center;min-block-size:44px;flex:none;text-decoration:none}.wordmark img{display:block;width:106px;min-width:90px;height:auto}.wordmark-tag{margin-inline-start:14px;font-size:12px;color:var(--muted);font-weight:500}
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-inline-size:0}.header-signin{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:48px;padding:0 18px;border-radius:var(--radius-button);font-size:14px;font-weight:500;text-decoration:none;color:var(--ink-soft)}.header-signin:hover,.header-signin[aria-current]{background:var(--sand);color:var(--ink)}.header-signin.header-cta{background:var(--ink);color:var(--paper);padding-inline:22px}.header-signin.header-cta:hover{background:var(--dark-hover)}.header-cta-icon{display:none}.header-cta-label{position:static;width:auto;height:auto;clip-path:none;overflow:visible;white-space:nowrap}.header-cta-arrow{display:block}
.site-menu{display:none;position:relative;flex:none}.site-menu-trigger{display:grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink)}.site-menu-trigger:hover,.site-menu-trigger[aria-expanded=true]{background:var(--sand)}
.site-menu-panel{position:absolute;inset-inline-end:-8px;inset-block-start:calc(100% + 20px);inline-size:min(304px,calc(100vw - 32px));padding:12px;border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-float)}.site-menu-panel[hidden]{display:none}.site-menu-panel>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-block-size:56px;padding:14px 18px;border-radius:var(--radius-button);font-size:16px;text-decoration:none}.site-menu-panel>a:hover,.site-menu-panel>a[aria-current]{background:var(--sand)}
@media(max-width:760px){.site-header{padding:12px 12px 0}.site-header-inner{min-block-size:68px;gap:8px;padding:8px 8px 8px 18px}.wordmark img{width:92px}.wordmark-tag{margin-inline-start:8px;font-size:11px}.header-tools{gap:4px}.header-tools>.header-secondary{display:none}.site-menu{display:block}.header-signin.header-cta{width:auto;height:auto;min-block-size:44px;padding:0 16px;font-size:12px}.header-cta-arrow{display:none}.site-header .wordmark-tag{display:none}.site-menu-panel{inset-block-start:calc(100% + 16px)}}
@media(max-width:359px){.wordmark img{width:90px}.header-signin.header-cta{padding-inline:12px}.site-header-inner{padding-inline-start:14px;gap:4px}.header-tools{gap:0}}
@media(forced-colors:active){.site-header-inner,.site-menu-panel{border-color:CanvasText}.site-menu-trigger[aria-expanded=true]{outline:1px solid ButtonText}}

/* Only the outer pill changes size. Logo and actions keep their reading order. */
.site-header-scrollable{--header-footprint:104px;min-block-size:var(--header-footprint);padding-block:16px;background:var(--paper);--header-wordmark-width:96px;--header-wordmark-inset:14px;--header-control-inset:12px}
.site-header-scrollable .site-header-inner{position:relative;padding-inline:var(--header-control-inset);transition:inline-size 220ms var(--motion-ease),min-block-size 220ms var(--motion-ease),padding-block 220ms var(--motion-ease)}
.site-header-scrollable .wordmark{position:relative;min-block-size:48px;padding-inline:var(--header-wordmark-inset);line-height:1}
.site-header-scrollable .wordmark img{inline-size:var(--header-wordmark-width);block-size:auto;aspect-ratio:447 / 182}
/* All pages use the same open frame; system colours keep their existing outline. */
@media (forced-colors: none) {
  .site-header:not(.site-header-scrolled){background:transparent}
  .site-header:not(.site-header-scrolled) .site-header-inner{background:transparent;border-color:transparent}
  .site-header:not(.site-header-scrolled) .header-tools{background:var(--surface);border-radius:var(--radius-button)}
}
.site-header-scrollable.site-header-scrolled{padding-block:8px;background:transparent;pointer-events:none}
.site-header-scrolled .site-header-inner{inline-size:min(400px,calc(100vw - 40px));min-block-size:68px;padding-block:8px;pointer-events:auto;box-shadow:var(--shadow-float)}
.site-header-scrolled .wordmark-tag{display:none}
.site-header-scrolled .header-tools>.header-secondary{display:none}
.site-header-scrolled .header-signin.header-cta{flex:none;min-block-size:44px;padding-inline:16px}
.site-header-scrolled .header-cta-arrow{display:none}
.site-header-scrolled .site-menu{display:block}
@media(max-width:760px){
  .site-header-scrollable{--header-footprint:92px;min-block-size:var(--header-footprint);padding-block:12px;--header-wordmark-width:90px;--header-wordmark-inset:12px;--header-control-inset:8px}
  .site-header-scrollable .wordmark{min-block-size:44px}
  .site-header-scrolled .site-header-inner{inline-size:min(300px,calc(100vw - 40px));min-block-size:64px;padding-block:9px}
  .site-header-scrolled .header-signin.header-cta{inline-size:44px;padding:0}
  .site-header-scrolled .header-cta-icon{display:block}
  .site-header-scrolled .header-cta-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(max-width:359px){
  .site-header-scrollable{--header-wordmark-width:90px}
  .site-header-agent .header-cta-preview{inline-size:44px;padding:0}
  .site-header-agent .header-cta-preview .header-cta-icon{display:block}
  .site-header-agent .header-cta-preview .header-cta-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
.site-menu-panel:not([hidden]){animation:site-menu-open 180ms var(--motion-ease)}
@keyframes site-menu-open{from{clip-path:inset(0 0 22% 0 round 24px);transform:translateY(-4px)}to{clip-path:inset(0 round 24px);transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.site-header .site-header-inner{transition:none}.site-menu-panel:not([hidden]){animation:none}}