/* Names own their natural width. Navigation follows them with a real gap. */
body:has(#collection-opening)>header.nav {position:sticky;top:0;z-index:50}
html:has(#collection-opening) {scroll-padding-top:calc(var(--collection-header-height,90px) + 12px)}
#chun-five-stops header.site-header,
body>header.nav {display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
#chun-five-stops header.site-header .identity-nav {
 display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-start;
 width:auto;min-width:0;max-width:100%;gap:8px 24px;
}
#chun-five-stops header.site-header .brand,
body>header.nav>.brand {
 display:inline-flex!important;align-items:center;justify-content:flex-start;
 flex:0 1 auto;gap:10px;min-width:0;max-width:100%;padding:0;white-space:normal;
}
#chun-five-stops header.site-header .brand-icon,
body>header.nav .brand-icon {display:block;width:36px;height:36px;max-width:none;flex:none;object-fit:contain}
#chun-five-stops header.site-header .brand-name,
body>header.nav .brand-name {min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.15;color:inherit}
#chun-five-stops header.site-header .section-switch,
body>header.nav>.worlds {display:flex;flex:none;flex-wrap:wrap;margin-left:0;gap:12px}
#chun-five-stops header.site-header .site-nav,
body>header.nav>nav {
 display:flex;flex:0 1 auto;flex-wrap:wrap!important;align-items:center;justify-content:flex-start;
 min-width:0;width:auto;margin-left:auto;gap:8px 20px;
}
@media(max-width:900px){
 #chun-five-stops header.site-header .identity-nav {width:100%;gap:4px 14px}
 #chun-five-stops header.site-header .brand-icon,
 body>header.nav .brand-icon {width:28px;height:28px}
 #chun-five-stops header.site-header .brand,
 body>header.nav>.brand {gap:8px}
 #chun-five-stops header.site-header .site-nav,
 body>header.nav>nav {width:100%;margin-left:0;gap:4px 14px}
 #chun-five-stops header.site-header .site-nav .back-top {margin-left:auto}
 #chun-five-stops header.site-header .site-nav .back-top {width:38px;min-height:44px;padding:4px;flex:none}
 #chun-five-stops header.site-header .back-top .back-top-full {display:none!important}
 #chun-five-stops header.site-header .back-top .back-top-short {display:inline!important}
}
#chun-five-stops header.site-header .back-top[hidden] {display:none!important}
#chun-five-stops header.site-header .site-nav a,body>header.nav>nav a{font-family:'Chun Mono',monospace!important;font-weight:400!important}
/* Compact from arrival on every page, with stable height and 44px links. */
#chun-five-stops header.site-header,body>header.nav {min-height:0;padding:6px 5%;gap:4px 20px}
#chun-five-stops header.site-header .brand,body>header.nav>.brand {font-size:28px;min-height:44px}
#chun-five-stops header.site-header .brand-icon,body>header.nav .brand-icon {width:28px;height:28px}
#chun-five-stops header.site-header .site-nav a,body>header.nav>nav a,
#chun-five-stops header.site-header .section-switch a,body>header.nav>.worlds a {display:inline-flex;align-items:center;min-height:44px}
.exhibition {padding-top:16px!important}
.mast {padding-top:0!important;padding-bottom:0!important}
.mast nav {gap:20px}
.mast .identity>span {font-size:clamp(24px,2.4vw,34px)}
.mast .identity small {margin-top:3px}
.mast nav a,.mast nav button {min-height:44px;display:inline-flex;align-items:center}
@media(max-width:900px){
 #chun-five-stops header.site-header,body>header.nav {padding:4px 6%;gap:2px 12px}
 #chun-five-stops header.site-header .brand,body>header.nav>.brand {font-size:22px}
 #chun-five-stops header.site-header .brand-icon,body>header.nav .brand-icon {width:24px;height:24px}
 body>header.nav>nav {column-gap:16px}
 .exhibition {padding-top:10px!important}
 .mast nav {gap:16px}
}
@media(max-width:360px){
 #chun-five-stops header.site-header .brand {font-size:20px}
 #chun-five-stops header.site-header .identity-nav {column-gap:6px}
 #chun-five-stops header.site-header .brand {gap:6px}
 #chun-five-stops header.site-header .section-switch {gap:10px}
 #chun-five-stops header.site-header .section-switch a {font-size:10px!important}
 #chun-five-stops header.site-header .site-nav {column-gap:8px}
 #chun-five-stops header.site-header .site-nav a {font-size:12px!important}
}