/* Direction-aware header and full-screen navigation. */
html{scrollbar-gutter:stable}
body > header{position:sticky;top:0;z-index:1000;transition:transform .26s ease;will-change:transform}
body > header.header-hidden{transform:translateY(calc(-100% - 2px))}
body > header.header-scrolled{box-shadow:0 1px 0 #ffffff18}
html.nav-open{overflow:hidden}
.site-menu-overlay{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#000;color:var(--paper);overflow-y:auto;overscroll-behavior:contain}
.site-menu-overlay:not([open]){display:none}
.site-menu-overlay::backdrop{background:#000}
.site-menu-shell{min-height:100%;max-width:1600px;margin:0 auto;padding:28px 5% 24px;display:flex;flex-direction:column}
.site-menu-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:clamp(30px,6vh,70px)}
.site-menu-label{font-size:12px;letter-spacing:.16em;font-weight:700}
.site-menu-close{border:1px solid #777;background:transparent;color:inherit;padding:12px 18px;font:600 13px 'DM Sans',sans-serif;letter-spacing:.1em;min-height:48px;cursor:pointer}
.site-menu-close:hover{border-color:var(--yellow);color:var(--yellow)}
.site-menu-overlay .site-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8%;align-items:start;width:100%;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,6.2vw,88px);line-height:1;font-weight:800;letter-spacing:-.025em}
.site-menu-overlay .site-menu-links a{display:block;width:fit-content;padding:2px 0;color:var(--paper);transition:color .18s ease,translate .18s ease}
.site-menu-links a:hover,.site-menu-links a[aria-current="page"]{color:var(--yellow);translate:6px 0}
.site-menu-overlay :focus-visible{outline:2px solid var(--yellow);outline-offset:6px}
.site-menu-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:auto;padding-top:35px}
.site-menu-bottom p{max-width:340px;font-size:14px;line-height:1.6;color:#aaa}
.site-menu-orb{width:clamp(110px,17vw,220px);height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:650px){.site-menu-shell{padding:20px 6%}.site-menu-top{margin-bottom:28px}.site-menu-label{font-size:10px;letter-spacing:.1em}.site-menu-overlay .site-menu-links{grid-template-columns:1fr;gap:8px;font-size:clamp(36px,10vw,48px)}.site-menu-bottom{padding-top:25px;gap:18px}.site-menu-bottom p{font-size:11px;max-width:200px}.site-menu-orb{width:110px;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){body > header,.site-menu-links a{transition:none;will-change:auto}}

/* The header orb spirals into place on each page opening. */
body > header .logo img{
  transform-origin:50% 50%;
  animation:orb-spiral-in 3.4s cubic-bezier(.25,.55,.35,1) .15s both;
}
@keyframes orb-spiral-in{
  0%{opacity:0;transform:rotate(-540deg) scale(.015)}
  12%{opacity:.12}
  48%{opacity:.85}
  100%{opacity:1;transform:rotate(0deg) scale(1)}
}
@media(prefers-reduced-motion:reduce){
  body > header .logo img{animation:none;opacity:1;transform:none}
}