/* Scoped commercial navigation; worlds keep their own styling and lifecycle. */
.site-header{position:sticky;top:0;height:74px;min-height:74px;flex-wrap:nowrap;padding:0 var(--gutter);z-index:20;background:rgba(15,18,21,.96);color:#f5ede3;border-bottom:1px solid #6d5543;backdrop-filter:blur(16px);gap:24px}
.site-header .site-name{font-size:18px}.site-header .site-nav{width:auto;display:flex;gap:clamp(12px,2vw,30px);font-size:11px;flex-wrap:nowrap}
.site-header .site-nav a{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 2px;letter-spacing:.06em;color:#f5ede3}
.site-header .site-nav a:hover,.site-header .site-nav a[aria-current]{color:#ffbd8d}.site-header .site-nav a[aria-current]::after{transform:scaleX(1)}
.site-header a:focus-visible,.nav-toggle:focus-visible,.portal-services:focus-visible{outline:2px solid #ffbd8d;outline-offset:4px;border-radius:2px}
.site-header .nav-explore{border-left:1px solid #6d5543;padding-left:20px}.nav-explore small{font-size:8px;color:#dcc5b3;letter-spacing:.08em}
.nav-toggle{min-height:44px;padding:8px 14px;background:transparent;color:#f5ede3;border:1px solid #95765e;font:inherit;font-size:11px;letter-spacing:.1em}.nav-toggle[hidden]{display:none}
#top,#websites,#web-showroom,#about,#contact,#work,#spotlight{scroll-margin-top:90px}
.portal-services{position:relative;z-index:3;display:flex;flex-direction:column;gap:5px;min-height:44px;color:#f5ede3;font-size:10px;letter-spacing:.08em}.portal-services strong{color:#ffbd8d;font-size:12px}.portal-services:hover strong{text-decoration:underline}
@media(max-width:900px){.site-header{height:68px;min-height:68px;padding:0 20px}.site-header .site-name{font-size:16px}.site-header .site-nav{font-size:10px;gap:12px}.nav-explore small{display:none}}
@media(max-width:760px){.site-header{height:auto;min-height:68px;flex-wrap:wrap;gap:0;justify-content:space-between;padding:10px 20px}.site-header .site-nav{width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}.site-header .site-nav[hidden]{display:none}.site-header .site-nav a{min-height:48px;font-size:12px;padding:10px 8px}.site-header .nav-explore{margin-top:8px;border-left:0;border-top:1px solid #6d5543;padding-top:16px}.nav-explore small{display:inline;margin-left:auto}.site-header .site-nav a::after{right:auto;width:32px;bottom:4px}#top,#websites,#web-showroom,#about,#contact,#work,#spotlight{scroll-margin-top:84px}.portal-services{font-size:8px}.portal-services strong{font-size:10px}body>header .edition{display:none}}
@media(prefers-reduced-motion:reduce){.site-header .site-nav a::after{transition:none}}
.site-header .sound-toggle{color:#f5ede3;border-color:#95765e;background:transparent;min-height:44px;padding:8px 10px}.site-header .sound-toggle:focus-visible{outline:2px solid #ffbd8d;outline-offset:3px}
@media(max-width:760px){.site-header .site-name{font-size:clamp(12px,4vw,16px)}.nav-toggle{padding:8px 10px;font-size:10px}}

@media(max-width:760px){.site-header:not(.nav-ready){position:relative}}

@media(max-width:360px){.site-header{padding-left:12px;padding-right:12px}.site-header .site-name{font-size:12px}.site-header .site-name span{display:block;font-size:10px;letter-spacing:.12em}.site-header .nav-toggle{margin-left:auto}}

@media(min-width:761px){.site-header .site-nav{gap:clamp(8px,1.3vw,20px)}.site-header .nav-explore{padding-left:12px}}
@media(min-width:761px) and (max-width:1100px){.site-header .site-nav{gap:8px;font-size:9px}.site-header .site-name{font-size:14px}.site-header{gap:12px;padding-left:20px;padding-right:20px}}
/* A clear express entrance on the portal. */
body>header .portal-services{min-height:62px;justify-content:center;align-items:center;text-align:center;gap:7px;padding:12px 26px;border:1px solid #ffc18f;border-radius:6px;background:#ffad73;color:#21160f;text-decoration:none;box-shadow:0 5px 24px #ff843d28;font-size:10px;letter-spacing:.09em}
body>header .portal-services strong{color:#21160f;font-size:16px;font-weight:800;letter-spacing:.04em}
body>header .portal-services:hover{background:#ffc596;box-shadow:0 5px 30px #ff843d40}
body>header .portal-services:hover strong{text-decoration:none}
@media(max-width:700px){body>header:has(.portal-services){flex-wrap:wrap;gap:22px;padding-bottom:14px}body>header .portal-services{order:3;width:100%;min-height:62px;padding:12px 18px;font-size:10px}body>header .portal-services strong{font-size:16px}}

/* Centre the express entrance independently of unequal header side labels. */
@media(min-width:701px){body>header:has(.portal-services){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}body>header:has(.portal-services) .identity{justify-self:start}body>header:has(.portal-services) .edition{justify-self:end}}