/* One navigation component for the selected homepage and every supporting page. */
@font-face{font-family:HatchNavGeist;src:url('/redesign/assets/geist.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:HatchNavWordmark;src:url('/redesign/assets/montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}
:is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header.site-header{
 position:fixed;top:18px;left:28px;right:28px;max-width:1336px;margin:0 auto;z-index:90;
 font-family:HatchNavGeist,Arial,sans-serif;line-height:1.4;color:#f4f8ff;
}
:is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header.site-header .nav-shell{
 display:flex;align-items:center;gap:18px;width:100%;min-height:64px;padding:11px 14px 11px 24px;box-sizing:border-box;
 border-radius:999px;background:linear-gradient(115deg,#ffffff13,#ffffff04),rgba(22,25,31,.43);
 backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);
 border:1px solid #ffffff36;box-shadow:inset 0 1px 0 #ffffff1c,0 8px 28px #00000015;color:#f4f8ff;
}
:is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header.site-header.scrolled .nav-shell{
 background:linear-gradient(115deg,#ffffff0d,#ffffff03),rgba(22,25,31,.62);
}
.hatch-header .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;color:inherit;margin-right:auto}
.hatch-header.site-header .brand img{width:29px;height:31px;object-fit:contain}
.hatch-header.site-header .brand span{font-family:HatchNavWordmark,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;color:#f4f8ff;white-space:nowrap}
:is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header .nav-links{display:flex;align-items:center;gap:23px;margin:0;font-family:inherit;font-size:13px;font-weight:500;color:#e7effa;white-space:nowrap}
:is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header .nav-links a{padding:7px 0;border:0;text-decoration:none;color:#e7effa;transition:color .2s}
:is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header .nav-links a:is(:hover,[aria-current="page"]){color:#edc5fa}
.hatch-header .header-theme{display:flex;flex-shrink:0;align-items:center;padding:2px;border-radius:999px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff17;color:#bec9d9}
.hatch-header .header-theme button{width:28px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:transparent;color:inherit;cursor:pointer;transition:background .2s,color .2s}
.hatch-header .header-theme button svg{width:15px;height:15px}
.hatch-header .header-theme button[aria-pressed="true"]{background:#ffffff20;color:#fff;box-shadow:0 1px 4px #0002}
.hatch-header .header-theme button:hover{color:#fff;background:#ffffff14}
.hatch-header .hatch-nav-actions{display:flex;flex-shrink:0;align-items:center;gap:8px}
.hatch-header .hatch-nav-actions a{display:inline-flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;min-height:40px;padding:10px 16px;border-radius:999px;font:600 12px/1.4 HatchNavGeist,Arial,sans-serif;text-decoration:none;white-space:nowrap;transition:background .2s,opacity .2s}
.hatch-header .hatch-nav-brief{color:#f4f8ff;border:1px solid #ffffff30;background:#ffffff06}
.hatch-header .hatch-nav-brief:hover{background:#ffffff16}
.hatch-header .hatch-nav-book{background:linear-gradient(115deg,#DDA0F1,#7CCBF8);color:#173048;border:1px solid transparent}
.hatch-header .hatch-nav-book:hover{opacity:.9}
.hatch-header.site-header .menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:38px;margin:0;padding:7px 12px;border:1px solid #ffffff2b;border-radius:999px;background:#ffffff08;color:#f4f8ff;font:500 12px/1.4 HatchNavGeist,Arial,sans-serif;cursor:pointer}
.hatch-header .menu-toggle svg{width:20px;height:20px}
:is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header #mobile-nav{position:absolute;top:calc(100% + 10px);left:0;right:0;display:flex;flex-direction:column;gap:3px;margin:0;padding:14px;border:1px solid #ffffff30;border-radius:24px;background:rgba(22,25,31,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 16px 35px #0002}
:is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header #mobile-nav[hidden]{display:none!important}
:is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header #mobile-nav a{display:block;padding:12px 14px;border-radius:12px;color:#e7effa;font:500 14px/1.4 HatchNavGeist,Arial,sans-serif;text-decoration:none}
:is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header #mobile-nav a:hover{background:#ffffff0d}
:is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header #mobile-nav .hatch-mobile-book{margin-top:5px;background:linear-gradient(115deg,#DDA0F1,#7CCBF8);color:#173048;text-align:center;font-weight:600}
.hatch-header :focus-visible{outline:2px solid #DDA0F1;outline-offset:4px}
.sp-page{padding-top:82px}
@media(max-width:1120px){
 :is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header.site-header{left:20px;right:20px}
 :is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header .nav-links{display:none}
 .hatch-header.site-header .menu-toggle{display:flex}
}
@media(max-width:680px){
 :is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header.site-header{top:12px;left:12px;right:12px}
 :is(.space-next[data-preview="dark-gallery"],.sp-page) .hatch-header.site-header .nav-shell{min-height:56px;padding:8px 10px 8px 14px;gap:8px}
 .hatch-header.site-header .brand{gap:8px}
 .hatch-header.site-header .brand img{width:24px;height:26px}
 .hatch-header.site-header .brand span{font-size:10px;letter-spacing:1.2px}
 .hatch-header .hatch-nav-actions{display:none}
 .hatch-header.site-header .menu-toggle{font-size:11px;padding:7px 10px}
 .sp-page{padding-top:70px}
}

body[data-theme=light] .hatch-header.site-header .nav-shell{background:rgba(18,28,43,.84)!important}