@font-face{font-family:"ULTON Navigation";src:url("/assets/inter-latin-variable.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
/* One shared header for every main page and Crystal Rush. */
body>.header.ulton-site-header{position:sticky;inset:0 auto auto;transform:none;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-content:normal;width:100%;max-width:none;height:auto;min-height:92px;margin:0;padding:14px max(32px,calc((100% - 1320px)/2));gap:24px;border:0;border-bottom:1px solid #2a4357;border-radius:0;background:#081b2bf5;color:#edf7ff;backdrop-filter:blur(14px);font:14px/1.5 "ULTON Navigation",Arial,sans-serif;box-shadow:none;letter-spacing:0}
body>.header.ulton-site-header:after{display:none}
.header.ulton-site-header .unified-brand{font:inherit;letter-spacing:0;display:flex;align-items:center;justify-self:start;gap:9px;width:auto;margin:0;padding:0;grid-column:1;grid-row:1;color:#fff}
.header.ulton-site-header .unified-brand img{display:block;width:42px;height:auto;max-width:none;flex:none}
.header.ulton-site-header .unified-brand .brand-lettering{display:block;width:160px!important;height:auto;max-width:none;flex:none}
.header.ulton-site-header nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;justify-self:end;grid-column:2;grid-row:1;width:auto;margin:0;padding:0;gap:23px;border:0;overflow:visible;text-shadow:none}
.header.ulton-site-header nav a{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:42px;margin:0;padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--tone-copy,#c6d5e1);font:600 14px/1.5 "ULTON Navigation",Arial,sans-serif;letter-spacing:0;text-decoration:none;white-space:nowrap;box-shadow:none}
.header.ulton-site-header nav a:hover,.header.ulton-site-header nav a[aria-current]{color:#a5edec}
.header.ulton-site-header nav .portfolio-nav-button{padding:10px 16px;background:#a5edec;color:#081b2b;border:1px solid #a5edec;border-radius:10px;font-weight:700}
.header.ulton-site-header .header-social{display:inline-flex;align-items:center;justify-content:center;grid-column:3;grid-row:1;width:42px;height:42px;margin:0;padding:0;border:1px solid #2a4357;border-radius:10px;color:#edf7ff;background:transparent}
.header.ulton-site-header .header-social svg{width:18px;height:18px}
.header.ulton-site-header .mobile-menu-toggle{display:none}
@media(max-width:1050px){
 body>.header.ulton-site-header{grid-template-columns:1fr auto;min-height:72px;padding:14px 20px;gap:0;background:#081b2b}
 .header.ulton-site-header .unified-brand{font:inherit;letter-spacing:0;gap:8px}.header.ulton-site-header .unified-brand img{width:32px}.header.ulton-site-header .unified-brand .brand-lettering{width:126px!important}
 .header.ulton-site-header .header-social{display:none}
 .header.ulton-site-header .mobile-menu-toggle{display:flex;align-items:center;gap:12px;grid-column:2;grid-row:1;min-height:44px;margin:0;padding:10px 13px;border:1px solid #2a4357;border-radius:8px;background:transparent;color:#edf7ff;font:600 14px/1.2 "ULTON Navigation",Arial,sans-serif}
 .header.ulton-site-header nav{display:none;grid-column:1/-1;grid-row:2;width:100%;padding-top:14px;margin-top:12px;border-top:1px solid #2a4357}
 .header.ulton-site-header .mobile-menu-toggle[aria-expanded="true"]+nav{display:flex;flex-direction:column;align-items:stretch;gap:4px}
 .header.ulton-site-header nav a{justify-content:flex-start;width:100%;min-height:46px;padding:12px 14px;font-size:16px;line-height:1.4;border-radius:7px}
 .header.ulton-site-header nav .portfolio-nav-button{margin-top:5px;min-height:46px;padding:12px 14px;font-size:16px}
}
/* Expanded play deliberately hides website chrome until the player closes it. */
body.crystal-rush-page.game-expanded>.header.ulton-site-header{display:none}

/* Portfolio's quiet menu feedback belongs to the shared header on every route. */
body>.header.ulton-site-header #main-navigation a{
  transition:filter 160ms ease,background-color 160ms ease,border-color 160ms ease,color 160ms ease!important;
  transform:none!important;translate:none!important;scale:none!important;
}
body>.header.ulton-site-header #main-navigation a::after{content:none!important;display:none!important;transition:none!important}
body>.header.ulton-site-header #main-navigation a{position:relative;isolation:isolate;overflow:hidden}
body>.header.ulton-site-header #main-navigation a::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:var(--header-reflection,linear-gradient(110deg,transparent 25%,#ffffff04 38%,#ffffff0f 50%,#ffffff04 62%,transparent 75%));
  transform:translateX(-125%);opacity:0;transition:transform .65s ease,opacity .2s ease;
}
body#site-liquid-glass:is(.crystal-rush-page,.portfolio-page:not(.portfolio-paper-shell))>.header.ulton-site-header #main-navigation a:not(.portfolio-nav-button)::before{background:linear-gradient(110deg,transparent 25%,#ffffff04 38%,#ffffff0f 50%,#ffffff04 62%,transparent 75%)}
body>.header.ulton-site-header #main-navigation .portfolio-nav-button::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(110deg,transparent 25%,#ffffff0a 38%,#ffffff33 50%,#ffffff0a 62%,transparent 75%);
  transform:translateX(-125%);opacity:0;transition:transform .65s ease,opacity .2s ease;
}
@media(hover:hover) and (pointer:fine){
  body>.header.ulton-site-header #main-navigation a:hover{filter:brightness(1.06)!important}
  body>.header.ulton-site-header #main-navigation a:hover::before{transform:translateX(125%);opacity:1}
}
body>.header.ulton-site-header #main-navigation a:focus-visible::before{transform:translateX(125%);opacity:1}
body>.header.ulton-site-header #main-navigation a:active{filter:brightness(.97)!important}
@media(prefers-reduced-motion:reduce){
  body>.header.ulton-site-header #main-navigation a{transition:none!important}
  body>.header.ulton-site-header #main-navigation a::before{display:none;transition:none}
}

@media(forced-colors:active){body>.header.ulton-site-header #main-navigation a::before{display:none!important}}

/* Clear local pill feedback keeps the glass and the label in separate paint layers. */
body>.header.ulton-site-header{--menu-hover:linear-gradient(145deg,#23465be6,#102d40ed);--menu-hover-rim:#a5edec66}
body#home-liquid-glass>.header.ulton-site-header,
body#site-liquid-glass:not(.crystal-rush-page):not(.portfolio-page)>.header.ulton-site-header,
body#site-liquid-glass.portfolio-paper-shell>.header.ulton-site-header{--menu-hover:linear-gradient(145deg,#ffffff8f,#dfeff5b8);--menu-hover-rim:#ffffffad}
body>.header.ulton-site-header #main-navigation a{font-weight:650!important;transition:background-color .18s ease,box-shadow .18s ease,color .18s ease!important}
body:is(#home-liquid-glass,#site-liquid-glass)>.header.ulton-site-header #main-navigation a{font-family:"ULTON Navigation",Inter,Arial,sans-serif!important;font-size:15px!important;font-weight:650!important;line-height:1.5!important}
body:is(#home-liquid-glass,#site-liquid-glass)>.header.ulton-site-header .mobile-menu-toggle{font:600 14px/1.2 "ULTON Navigation",Inter,Arial,sans-serif!important;min-height:44px!important}
body>.header.ulton-site-header #main-navigation a:not(.portfolio-nav-button){box-sizing:border-box;padding:10px 12px!important;border:1px solid transparent!important;border-radius:999px!important}
@media(min-width:1051px){body>.header.ulton-site-header #main-navigation{gap:5px!important}}
body>.header.ulton-site-header #main-navigation a:is(:hover,:active){filter:none!important}
@media(hover:hover) and (pointer:fine) and (forced-colors:none){
 body:is(#home-liquid-glass,#site-liquid-glass)>.header.ulton-site-header #main-navigation a:not(.portfolio-nav-button):hover{background:var(--menu-hover)!important;border-color:var(--menu-hover-rim)!important;box-shadow:inset 0 1px #ffffff80,0 5px 14px -7px #0d2a3d50!important}
 body:is(#home-liquid-glass,#site-liquid-glass)>.header.ulton-site-header #main-navigation .portfolio-nav-button:hover{border-color:#d8ffff!important;box-shadow:inset 0 1px #ffffff66,0 7px 18px -9px #0b35497a!important}
}
body>.header.ulton-site-header #main-navigation a:focus-visible{outline:2px solid #237b95;outline-offset:4px}
@media(prefers-reduced-motion:reduce){body>.header.ulton-site-header #main-navigation a{transition:none!important}}
@media(forced-colors:active){body>.header.ulton-site-header #main-navigation a:is(:hover,:focus-visible){background:Canvas!important;color:CanvasText!important;box-shadow:none!important;outline:2px solid Highlight}}

/* Keep the same physical bar position before and after scrolling on every route. */
body:is(#home-liquid-glass,#site-liquid-glass):not(.game-expanded):has(>.header.ulton-site-header){--site-header-inset:20px;padding-top:var(--site-header-inset)!important}
body:is(#home-liquid-glass,#site-liquid-glass):not(.game-expanded)>.header.ulton-site-header{top:var(--site-header-inset,20px)!important}
@media(max-width:600px){
 body:is(#home-liquid-glass,#site-liquid-glass):not(.game-expanded):has(>.header.ulton-site-header){--site-header-inset:max(14px,env(safe-area-inset-top,0px))}
 body#site-liquid-glass.portfolio-paper-shell{--portfolio-top-fill:var(--site-header-inset,max(14px,env(safe-area-inset-top,0px)))!important}
}

/* Direct Portfolio access beside an accessible, three-line mobile menu. */
.ulton-site-header .mobile-portfolio-button{display:none}
@media(max-width:1050px){
 body:is(#home-liquid-glass,#site-liquid-glass)>.header.ulton-site-header{grid-template-columns:minmax(0,1fr) auto 44px!important;column-gap:6px!important}
 body:is(#home-liquid-glass,#site-liquid-glass)>.header.ulton-site-header .mobile-portfolio-button{display:flex;align-items:center;justify-content:center;grid-column:2;grid-row:1;box-sizing:border-box;width:92px;min-height:44px;padding:8px;border:1px solid #b4d4df;border-radius:999px;background:linear-gradient(160deg,#24445b,#0a2235 75%);box-shadow:inset 0 1px #ffffff33;color:#fff!important;font:600 13px/1.2 "ULTON Navigation",Inter,Arial,sans-serif;text-decoration:none;white-space:nowrap}
 body:is(#home-liquid-glass,#site-liquid-glass)>.header.ulton-site-header .mobile-menu-toggle{grid-column:3;width:44px;height:44px;padding:9px!important;justify-content:center;border-radius:999px!important}
 body>.header.ulton-site-header .mobile-menu-toggle svg{display:block;flex:none;width:24px;height:24px}
 body>.header.ulton-site-header #main-navigation .portfolio-nav-button{display:none!important}
 body>.header.ulton-site-header .mobile-portfolio-button:focus-visible{outline:2px solid #237b95;outline-offset:3px}
}
@media(forced-colors:active){body>.header.ulton-site-header .mobile-portfolio-button{background:ButtonFace;color:ButtonText!important;border-color:ButtonText;box-shadow:none}}

/* Larger invisible tap area for the header wordmark link. */
.ulton-site-header .wordmark{position:relative}.ulton-site-header .wordmark::after{content:"";position:absolute;inset:-8px -6px}