.site-header{position:absolute;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:100px;padding:22px max(24px,16.6667%);color:#9ed0ff;transition:translate .4s,background .3s;}
.site-header img,.site-menu-top img{display:block;width:44px;height:30px;object-fit:contain;}
.site-header button,.site-menu-top button{display:flex;align-items:center;gap:8px;background:none;border:0;border-radius:0;padding:10px 0;color:#9ed0ff;font:15px Aboreto,serif;cursor:pointer;}
.site-header button img,.site-menu-top button img{width:22px;height:22px;object-fit:contain;}
.site-header.is-floating{position:fixed;height:76px;background:#090f18bf;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #9ed0ff22;}
.site-header.is-floating.is-hidden{translate:0 -110%;pointer-events:none;}
body.has-site-menu:not(.portfolio-home):not(.portfolio-story){padding-top:100px;}
body:has(#site-menu[open]){overflow:hidden;}
#site-menu{position:fixed;inset:0;box-sizing:border-box;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;padding:0;background:#090f18f5;color:#9ed0ff;box-shadow:none;overflow-y:auto;backdrop-filter:blur(24px);}
#site-menu::backdrop{background:#090f18aa;backdrop-filter:blur(16px);}
#site-menu[open]{animation:site-menu-enter .5s cubic-bezier(.22,1,.36,1) both;}
#site-menu .site-menu-top{height:100px;padding:22px max(24px,16.6667%);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;}
#site-menu .site-menu-links{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:66.6667%;max-width:1280px;margin:clamp(50px,12vh,140px) auto 60px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;}
#site-menu .site-menu-links a{display:block;padding:0;color:#9ed0ff85;font:clamp(28px,3.3vw,54px)/1.25 Aboreto,serif;letter-spacing:-.07em;text-decoration:none;transition:color .3s,translate .3s,text-shadow .3s;}
#site-menu .site-menu-links a:hover,#site-menu .site-menu-links a:focus-visible{color:#c5e4ff;translate:8px 0;text-shadow:0 0 20px #9ed0ff55;}
.site-header a:focus-visible,.site-header button:focus-visible,#site-menu a:focus-visible,#site-menu button:focus-visible{outline:2px solid #9ed0ff;outline-offset:6px;}
footer,footer *{filter:none!important;opacity:1!important;text-shadow:none!important;}
@keyframes site-menu-enter{from{opacity:0;clip-path:inset(0 0 100%);}to{opacity:1;clip-path:inset(0);}}
@media(max-width:700px){.site-header,#site-menu .site-menu-top{height:84px;padding:20px 24px;}.site-header.is-floating{height:68px;}#site-menu .site-menu-links{width:calc(100% - 48px);gap:28px;margin-top:65px;}#site-menu .site-menu-links a{font-size:clamp(26px,7.2vw,36px);}.site-header img,.site-menu-top img{width:40px;height:28px;}body.has-site-menu:not(.portfolio-home):not(.portfolio-story){padding-top:84px;}}
@media(prefers-reduced-motion:reduce){#site-menu[open]{animation:none;}.site-header,#site-menu .site-menu-links a{transition:none;}}
.header-loading .site-header,.is-loading .site-header{visibility:hidden;pointer-events:none;}
.anta-loader{z-index:1000;}
#site-menu .site-menu-links a{display:flex;align-items:center;gap:28px;transform-origin:left center;color:#9ed0ff55;transition:color .4s,transform .5s,text-shadow .4s;}
#site-menu .site-menu-links a img{width:35px;height:31px;object-fit:contain;transform:scaleX(-1);opacity:0;transition:opacity .3s;filter:drop-shadow(0 0 8px #9ed0ff55);}
#site-menu .site-menu-links a.is-highlighted{color:#9ed0ff;transform:translateX(16px) scale(1.18);text-shadow:0 0 20px #9ed0ff33;}
#site-menu .site-menu-links a.is-highlighted img{opacity:1;}
#site-menu .site-menu-links a:hover,#site-menu .site-menu-links a:focus-visible{translate:0;}
@media(max-width:700px){#site-menu .site-menu-links a{gap:14px;font-size:27px;}#site-menu .site-menu-links a.is-highlighted{transform:translateX(6px) scale(1.06);}#site-menu .site-menu-links a img{width:29px;height:26px;}}
@media(prefers-reduced-motion:reduce){#site-menu .site-menu-links a,#site-menu .site-menu-links a img{transition:none;}}
html,body{overflow-x:clip;}
html.header-loading,html.header-loading body,html.menu-open,html.menu-open body{overflow:hidden!important;overscroll-behavior:none;}
html.header-loading .page-loader,html.header-loading .anta-loader{overflow:hidden;max-width:100vw;}
html.header-loading body::after{display:none;}
.menu-glyph{position:relative;display:block;width:24px;height:24px;flex-shrink:0;}
.menu-glyph i{position:absolute;left:2px;width:20px;height:1.5px;background:currentColor;top:11px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .2s;}
.menu-glyph i:first-child{transform:translateY(-6px);}.menu-glyph i:last-child{transform:translateY(6px);}
.site-header button:hover .menu-glyph i:first-child{transform:translateY(-7px);}.site-header button:hover .menu-glyph i:last-child{transform:translateY(7px);}
#site-menu.is-entered .menu-glyph i:first-child{transform:rotate(45deg);}#site-menu.is-entered .menu-glyph i:nth-child(2){opacity:0;transform:scaleX(.2);}#site-menu.is-entered .menu-glyph i:last-child{transform:rotate(-45deg);}
#site-menu.is-closing{animation:site-menu-exit .28s ease-in both;pointer-events:none;}
#site-menu .site-menu-links a{opacity:0;translate:0 14px;transition:opacity .45s,translate .5s,transform .4s,color .3s,text-shadow .3s;}
#site-menu.is-entered .site-menu-links a{opacity:1;translate:0;transition-delay:calc(var(--menu-order,0)*45ms);}
#site-menu .site-menu-links a img{filter:none;}
.achievement img,.stats img{object-fit:contain;}
@keyframes site-menu-exit{to{opacity:0;transform:translateY(-10px);}}
@media(prefers-reduced-motion:reduce){.menu-glyph i,#site-menu .site-menu-links a{transition:none!important;}#site-menu.is-closing{animation:none;}}
