/* Shared navigation chrome. Analytical panels retain their own source palettes. */
:root{--experience-gutter:clamp(20px,5vw,72px);--experience-header-height:84px}
.experience-header{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;min-height:var(--experience-header-height);height:auto;padding:16px var(--experience-gutter);font-family:var(--brand-font);background:var(--brand-paper);color:var(--brand-ink);border-bottom:1px solid var(--brand-line)}
.experience-wordmark{display:inline-flex;align-items:center;flex:none;gap:10px;font:800 28px/1 var(--brand-font);text-decoration:none;color:inherit;white-space:nowrap;font-size:var(--brand-mark-size);letter-spacing:var(--brand-mark-tracking);min-height:44px}
.experience-wordmark :is(small,span:last-child:not(:only-child)){font:600 10px/1.4 var(--brand-font);letter-spacing:.02em}
.experience-wordmark small{max-width:11ch;white-space:normal}.experience-wordmark sub{font:inherit;font-size:60%;align-self:end;margin:0 0 9px -9px}
.experience-nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:4px 24px;margin-left:auto;font:var(--brand-nav-weight) var(--brand-nav-size)/1.5 var(--brand-font);letter-spacing:0}
.experience-nav :is(a,button),.experience-header>.plain-link,.experience-header>.experience-return,.experience-header>.geco-wordmark+a{display:inline-flex;align-items:center;padding-block:10px;line-height:1.5;text-decoration:none;color:inherit;font-size:var(--brand-nav-size);font-weight:var(--brand-nav-weight);letter-spacing:0;min-height:44px}
.experience-nav button{font-family:var(--brand-font)}.experience-header a:hover,.experience-nav button:hover{text-decoration:underline;text-underline-offset:5px}
.experience-header :is(a,button):focus-visible,.experience-wordmark:focus-visible{outline:3px solid var(--brand-focus);outline-offset:4px}
.experience-header .header-label{font:500 11px/1.5 var(--brand-font);letter-spacing:.02em}.experience-header .edition{font:500 12px/1.4 var(--brand-font);letter-spacing:0}.experience-header .edition>span{font-size:11px;letter-spacing:0}.experience-header>.plain-link{margin-left:auto}
.experience-header>.experience-return{font-weight:var(--brand-nav-weight);letter-spacing:0;font-family:var(--brand-font)}
.experience-header--map{background:transparent;border:0;color:inherit;min-height:76px;padding:0}.experience-header--map .experience-nav{font-size:var(--brand-nav-size)}.experience-header--map .experience-nav :is(a,button){font-size:var(--brand-nav-size)}.experience-header--map .experience-wordmark .eye-mark{margin-right:0}
@media(max-width:760px){:root{--experience-gutter:20px;--experience-header-height:76px}.experience-header{gap:8px 18px;padding-block:14px}.experience-wordmark{gap:8px;font-size:var(--brand-mark-size);letter-spacing:var(--brand-mark-tracking);min-height:44px}.experience-wordmark img{width:26px;height:auto}.experience-nav{gap:0 16px;font-size:var(--brand-nav-size)}.experience-nav :is(a,button),.experience-header>.plain-link,.experience-header>.experience-return,.experience-header>.geco-wordmark+a{;font-size:var(--brand-nav-size);letter-spacing:0;min-height:44px}.experience-header .header-label,.experience-header .edition{display:none}.experience-header>.plain-link{margin-left:auto}.experience-header>.experience-return{min-height:44px}.experience-header--map{padding:0;min-height:44px}.experience-header--map .experience-wordmark{;font-size:var(--brand-mark-size);letter-spacing:var(--brand-mark-tracking);min-height:44px}.experience-header--map .experience-nav{margin-left:auto}.experience-header--map .experience-wordmark>span:last-child{display:none}}
@media(max-width:380px){.experience-header{column-gap:12px}.experience-nav{gap:0 12px}.experience-wordmark{;font-size:var(--brand-mark-size);letter-spacing:var(--brand-mark-tracking);min-height:44px}.experience-wordmark small{font-size:9px}.experience-header>.plain-link{max-width:145px;text-align:right}}
@media(prefers-reduced-motion:reduce){.experience-header *{transition:none!important;animation:none!important}}

/* A sidebar keeps the shared wordmark compact rather than adding a second header. */
.rail .experience-wordmark{display:block;min-width:0;padding-left:10px}.rail .experience-wordmark>span{font-size:60%;vertical-align:sub;letter-spacing:0;margin-left:1px}.rail .experience-wordmark small{display:block;max-width:none;white-space:nowrap;margin-top:6px;font-size:9px;letter-spacing:.04em}
.masthead.experience-header #home-link{font:var(--brand-nav-weight) var(--brand-nav-size)/1.5 var(--brand-font);letter-spacing:0}.masthead.experience-header>.experience-wordmark{margin-right:auto}.masthead.experience-header>.plain-link{margin-left:0}.masthead.experience-header>.plain-link span{color:var(--brand-green)}
@media(max-width:760px){.rail .experience-wordmark{padding:0;font-size:var(--brand-mark-size);letter-spacing:var(--brand-mark-tracking);min-height:44px}.masthead.experience-header>.plain-link{flex-basis:100%;justify-content:flex-end;max-width:none;padding-block:5px}.masthead.experience-header{row-gap:0}.masthead.experience-header>.experience-return{font-size:12px}}
@media(max-width:380px){.masthead.experience-header>.experience-wordmark small{display:none}}
.experience-header--inverse{background:var(--brand-pine);color:var(--brand-on-green);border-color:#fffdf52b}.experience-header--inverse :is(a,button):focus-visible{outline-color:var(--brand-accent)}
.experience-header--map :is(a,button):focus-visible{outline-color:var(--brand-accent)}.has-cut[data-map-tone=light] .experience-header--map :is(a,button):focus-visible{outline-color:var(--brand-focus)}

@media(max-width:380px){.site-header.experience-header .nav-check{white-space:nowrap;font-size:var(--brand-nav-size);padding-inline:14px}}