/* Shared chrome keeps its geometry while the page content changes. */
:root{--site-header-height:82px}
.site-header{position:fixed;inset:0 auto auto 0;z-index:12;width:100vw;max-width:none;height:var(--site-header-height);box-sizing:border-box;margin:0;padding:0 28px;display:flex;align-items:center;justify-content:flex-start;gap:36px;border:0;background:transparent;pointer-events:none;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;animation:none;translate:none;transform:none}
.site-header>*{pointer-events:auto}
.site-header .brand{position:relative;z-index:1;isolation:isolate}
.site-header .brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:0;margin:0;padding:0;color:#ededed;background:none;font:500 12px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px;text-decoration:none;text-shadow:none;white-space:nowrap;transform:none}
.site-header .brand b{display:none}
.site-header .brand:after{content:' / ATLAS';display:block;margin:0 0 0 8px;padding:0;font:inherit;letter-spacing:inherit;color:inherit;opacity:.75}
.site-header .brand .mark{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:38px;height:38px;margin:0 14px 0 0;padding:0;border:0;border-radius:0;background:none;color:#bbb;line-height:1}
.site-header .mark :is(svg,img){display:block;width:28px;height:28px;overflow:visible;fill:none;stroke:#bbb;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.site-header .mark svg path{fill:none;stroke:#bbb;stroke-width:1.35}
.site-header .header-action{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;margin:0;padding:0 14px;border:0;border-radius:999px;background:none;color:#597f99;font:400 11px/normal "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.1px;text-decoration:none;white-space:nowrap;transform:none}
.site-header .header-action:after{content:'';position:absolute;inset:7px 0;height:auto;box-sizing:border-box;border:1px solid #597f99;border-radius:999px;background:transparent;pointer-events:none;transition:background-color 240ms ease}
.site-header .header-action:hover,.site-header .header-action[aria-current=page]{color:#597f99}
.site-header .header-action:hover:after{background:rgba(89,127,153,.12)}
.site-header .header-back{display:flex;flex:0 0 44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:static;width:44px;height:44px;box-sizing:border-box;margin:0 0 0 auto;padding:10px;border:0;border-radius:0;background:none;backdrop-filter:none;color:#bbb;text-decoration:none;transform:none}
.site-header .header-back svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}
.site-header .header-back:hover{color:#eee}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #eee;outline-offset:3px}
.immersive-atlas .map-toolbar{animation:none;translate:none}
body.action-page{padding-top:var(--site-header-height)}
.action-page .site-header{background:#000}
.action-page .action-hero{min-height:calc(100svh - var(--site-header-height))}
@media(max-width:1000px){.site-header .brand{font-size:10px}}
@media(max-height:650px) and (min-width:761px){:root{--site-header-height:66px}}
@media(max-width:760px), (max-width:1000px) and (max-height:500px){
 :root{--site-header-height:60px}
 .site-header{padding:0 16px;gap:14px}
 .site-header .brand{font-size:10px;letter-spacing:1.5px}
 .site-header .brand .mark{width:28px;height:28px;margin-right:9px}
 .site-header .mark :is(svg,img){width:25px;height:25px}
 .site-header .header-action{padding:0 10px;font-size:10px}
}
@media(max-width:390px){
 .site-header .brand{font-size:9px;letter-spacing:1.1px}
 .site-header .brand .mark{width:24px;height:24px;margin-right:8px}
 .site-header .mark :is(svg,img){width:24px;height:24px}
}
@media(max-width:360px){
 .site-header{gap:8px}
 .site-header .header-action{padding:0 8px}
}
@media(prefers-reduced-motion:reduce){.site-header .header-action:after{transition:none}}
@media(max-width:760px), (max-width:1000px) and (max-height:500px){
 .action-page .site-header .brand,.action-page .site-header .brand:after{font-size:8px;letter-spacing:1.1px}
 .action-page .site-header .brand .mark{width:22px;height:22px;margin-right:7px}
 .action-page .site-header .mark :is(svg,img){width:20px;height:20px}
 .action-page .site-header .header-action{display:none}
}