/* One shared type scale and alignment for the site header. */
#app header.navbar .navbar-address {display:flex}
#app header.navbar .navbar-address > .text-line:last-child,
#app header.navbar > .navbar-about {display:none}
@media(min-width:1024px){
 #app header.navbar {display:grid!important;grid-template-columns:64px max-content minmax(80px,1fr) minmax(96px,1fr) minmax(152px,1.4fr) minmax(90px,1fr) minmax(110px,1fr) minmax(80px,1fr);grid-template-rows:56px;column-gap:12px!important;align-items:center;justify-content:space-between}
 #app header.navbar > a:first-child {grid-column:1;width:64px!important;align-self:center}
 #app header.navbar > a:first-child > div {width:64px!important;height:56px!important}
 #app header.navbar > a:first-child .logo-mask {width:64px!important;flex:none}
 #app header.navbar > .navbar-address {grid-column:2;white-space:nowrap}
 #app header.navbar > .headens-store-entry--header {grid-column:3}
 #app header.navbar > .text-block-2 {grid-column:4}
 #app header.navbar > .headens-locale-switcher {grid-column:5}
 #app header.navbar > .headens-theme-toggle {grid-column:6}
 #app header.navbar > .sound-toggle-parent {grid-column:7}
 #app header.navbar > #headens-privacy-launcher {grid-column:8;position:static!important;width:auto!important;text-align:center}
 #app header.navbar > :is(.navbar-address,.headens-store-entry--header,.text-block-2,.headens-locale-switcher,.headens-theme-toggle,.sound-toggle-parent,#headens-privacy-launcher),
 #app header.navbar :is(button,.headens-locale-switcher__choices,.headens-theme-toggle__choices),
 #app .text-block-2-accent {font-family:'SF Mono','JetBrains Mono',ui-monospace,Consolas,monospace!important;font-size:12px!important;font-weight:500!important;line-height:18px!important;letter-spacing:.04em!important}
 #app header.navbar > :is(.navbar-address,.headens-store-entry--header,.text-block-2,.headens-locale-switcher,.headens-theme-toggle,.sound-toggle-parent,#headens-privacy-launcher) {grid-row:1;margin:0!important;padding:0!important;min-height:44px;align-self:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}
 #app header.navbar > .navbar-address {font-weight:700!important}
 #app header.navbar .headens-locale-switcher__label,#app header.navbar .headens-theme-toggle__label {display:none}
 #app header.navbar .headens-locale-switcher__choices,#app header.navbar .headens-theme-toggle__choices {gap:8px}
 #app header.navbar .sound-toggle-parent button {display:inline-flex;align-items:center;gap:8px;margin:0}
 #app .text-block-2-accent {display:flex;align-items:center;justify-content:center;background:linear-gradient(var(--headens-yellow),var(--headens-yellow)) center / 100% 20px no-repeat!important}
 #app header.navbar > .text-block-2 {width:max-content;justify-self:center;padding-inline:6px!important}
}
@media(min-width:640px) and (max-width:1023px){
 #app header.navbar {align-items:center!important}
 #app header.navbar > .navbar-address {font-size:14px!important;font-weight:700;margin-inline-end:auto}
 #app header.navbar > .headens-store-entry--header {display:none}
}
/* Keep the brand readable inside the original mobile header. */
@media(max-width:639px){
 #app header.navbar-mobile {grid-template-columns:56px minmax(0,1fr) 52px!important}
 #app header.navbar-mobile > a:first-child > div {width:56px!important;height:48px!important}
 #app header.navbar-mobile > a:first-child .logo-mask {width:56px!important;flex:none}
}

/* Primary pages lead; existing settings retain their original event owners. */
.headens-primary-nav, .headens-settings-toggle {display:none}
@media(min-width:1024px){
 #app header.navbar {grid-template-columns:64px max-content minmax(0,1fr) max-content max-content!important;column-gap:18px!important}
 #app header.navbar > .navbar-address {grid-column:2!important;justify-content:flex-start!important}
 #app header.navbar > .headens-primary-nav {display:flex;grid-column:3;grid-row:1;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,24px);min-width:0}
 #app header.navbar .headens-primary-nav a {display:inline-flex;align-items:center;min-height:44px;color:var(--text);font-family:'SF Mono',monospace;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:uppercase;white-space:nowrap;text-decoration:none}
 #app header.navbar .headens-primary-nav a:hover,#app header.navbar .headens-primary-nav a[aria-current="page"] {text-decoration:underline;text-decoration-color:var(--headens-yellow);text-decoration-thickness:2px;text-underline-offset:6px}
 #app header.navbar > .text-block-2 {grid-column:4!important}
 #app header.navbar > .headens-settings-toggle {display:inline-flex;grid-column:5;grid-row:1;align-items:center;justify-content:center;min-height:44px;padding:0 8px;border:0;color:var(--text);background:transparent;font-family:'SF Mono',monospace;font-size:12px!important;letter-spacing:0!important;text-transform:uppercase;cursor:pointer}
 #app header.navbar > :is(.headens-locale-switcher,.headens-theme-toggle,.sound-toggle-parent,#headens-privacy-launcher) {display:none!important}
 #app header.navbar[data-headens-settings-open="true"] > :is(.headens-locale-switcher,.headens-theme-toggle,.sound-toggle-parent,#headens-privacy-launcher) {display:flex!important;position:absolute!important;left:auto!important;right:calc(6.5vw + var(--headens-crt-safe-inline))!important;top:calc(100% + var(--settings-offset,8px))!important;bottom:auto!important;width:284px!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0 18px!important;z-index:20!important;background:var(--canvas)!important;border:1px solid var(--border-strong);border-bottom:0;justify-content:space-between!important;box-shadow:0 8px 24px #00000014;grid-column:auto!important;grid-row:auto!important}
 #app header.navbar[data-headens-settings-open="true"] > .headens-theme-toggle {--settings-offset:60px}
 #app header.navbar[data-headens-settings-open="true"] > .sound-toggle-parent {--settings-offset:112px}
 #app header.navbar[data-headens-settings-open="true"] > #headens-privacy-launcher {--settings-offset:112px;border-bottom:1px solid var(--border-strong);justify-content:center!important}
 #app header.navbar[data-headens-settings-open="true"] :is(.headens-locale-switcher__label,.headens-theme-toggle__label) {display:inline}
 #app header.navbar .headens-locale-switcher__choices button {min-width:34px;min-height:44px}
 #app header.navbar :is(.headens-primary-nav a,.headens-settings-toggle):focus-visible {outline:2px solid var(--headens-yellow);outline-offset:3px}
}
@media(min-width:1024px) and (max-width:1199px){
 #app header.navbar {column-gap:10px!important}
 #app header.navbar > .headens-primary-nav {gap:10px}
 #app header.navbar .headens-primary-nav a,#app header.navbar > .headens-settings-toggle {font-size:12px!important}
}
/* Keep the original mobile menu, with page links before auxiliary controls. */
@media(max-width:1023px){
 body.headens-entered [data-headens-menu-nav-host] {height:auto!important;max-height:calc(100dvh - 8px);padding-bottom:24px}
 body.headens-entered [data-headens-menu-nav-content] {display:flex!important;flex-direction:column!important;align-items:stretch;gap:16px;min-height:0!important;padding-bottom:0!important}
 body.headens-entered [data-headens-menu-nav-content] > .headens-mobile-route-nav {position:static!important;order:-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-inline:4vw}
 body.headens-entered [data-headens-menu-nav-content] > .headens-mobile-route-nav a {font-size:12px;text-transform:uppercase}
}


@media(max-width:1023px){
 body.headens-entered [data-headens-menu-nav-content] > :is(.headens-locale-switcher,#headens-privacy-launcher) {position:static!important;inset:auto!important;transform:none!important;width:auto!important;margin:0 4vw!important;align-self:stretch;min-height:44px}
 body.headens-entered [data-headens-menu-nav-content] > .headens-locale-switcher {flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
 body.headens-entered [data-headens-menu-nav-content] > :is(div:first-child,button[data-headens-contact-trigger="mobile"]) {margin-inline:4vw}
 body.headens-entered [data-headens-menu-nav-content] {padding-bottom:16px!important}
}
@media(max-width:1023px){
 body.headens-entered [data-headens-menu-nav-content] [data-headens-mobile-social-group] {display:none}
 body.headens-entered [data-headens-menu-nav-content] > div:first-child {gap:0!important}
 body.headens-entered [data-headens-menu-nav-content] > #headens-privacy-launcher {text-align:left;align-self:flex-start;font-size:12px;letter-spacing:0}
}



/* The launch edition keeps the existing site shell without commerce widgets. */
body:has(.headens-route-terminal[data-headens-open="true"]:not([hidden])) #lenis-wrapper *{visibility:hidden!important}
html[data-headens-release="first"] #headens-hanoi-hud :is([data-hanoi-row="condition"],[data-hanoi-row="temperature"],[data-hanoi-row="humidity"],[data-hanoi-row="wind"],.headens-hanoi-hud__source){display:none!important}
html[data-headens-release="first"] [data-headens-copy-suppressed="true"]{display:none!important}