@font-face{font-family:Unbounded;src:url('assets/fonts/unbounded-variable.ttf') format('truetype');font-weight:200 900;font-display:swap}
.site-menu{position:fixed;z-index:50;right:5vw;top:30px;width:46px;height:46px;font-family:Onest,Arial,sans-serif;isolation:isolate}.menu-trigger{position:relative;z-index:3;display:grid;align-content:center;justify-content:center;gap:5px;width:46px;height:46px;padding:0;border:1px solid #ffffff42;border-radius:50%;background:linear-gradient(145deg,#ffffff1e,#ffffff05 55%,#abc99512);color:#e3ebda;box-shadow:inset 0 1px 1px #ffffff73,inset 0 -3px 6px #0005,0 4px 15px #0003;backdrop-filter:blur(15px) saturate(1.4);cursor:var(--ds-cursor-pointer,pointer)}.menu-trigger i{display:block;width:16px;height:1px;background:currentColor;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.site-menu.is-open .menu-trigger i:first-child{transform:translateY(3px) rotate(45deg)}.site-menu.is-open .menu-trigger i:last-child{transform:translateY(-3px) rotate(-45deg)}
.menu-items{position:absolute;right:0;top:62px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:236px}.menu-item{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:236px;height:48px;padding:0 20px;border:1px solid #e6f4dc32;border-radius:25px;color:#dfe8d7;background:linear-gradient(155deg,#46543a70,#1b261cd6 58%,#2d3b2980);box-shadow:inset 0 1px 1px #ffffff4f,inset 0 -3px 8px #0003,0 8px 18px #0003;backdrop-filter:blur(20px) saturate(1.5);font:400 13px/1.4 Onest,Arial,sans-serif;text-decoration:none;text-align:center;cursor:var(--ds-cursor-pointer,pointer);opacity:0;transform:translate(95px,calc(-62px - var(--i)*60px)) scale(.19);transform-origin:center;transition:transform .65s cubic-bezier(.22,1.15,.25,1),opacity .16s;transition-delay:calc(var(--i)*.045s)}.menu-item span{opacity:0;transition:opacity .14s}.site-menu.is-open .menu-item{transform:translate(0,0) scale(1);opacity:1}.site-menu.is-open .menu-item span{opacity:1;transition-delay:calc(.2s + var(--i)*.045s)}.menu-item:hover{color:#f3f8ee;border-color:#d5eac75c;background-color:#a0b78b15}.menu-item:active{scale:.98}.menu-trigger:focus-visible,.menu-item:focus-visible{outline:2px solid #73f639;outline-offset:4px}
.menu-liquid{position:absolute;z-index:-1;right:0;top:0;width:236px;height:320px;filter:url(#navigation-goo);pointer-events:none;opacity:0;transition:opacity .2s}.site-menu.is-moving .menu-liquid{opacity:.55}.menu-liquid>i{position:absolute;right:0;top:0;width:46px;height:46px;border-radius:50%;background:#77866b}.menu-liquid>b{position:absolute;right:0;top:62px;width:236px;height:48px;border-radius:26px;background:#77866b;transform:translate(95px,-62px) scale(.19);transition:transform .65s cubic-bezier(.22,1.15,.25,1);transition-delay:calc(var(--i)*.045s)}.site-menu.is-open .menu-liquid>b{transform:translate(0,calc(var(--i)*60px)) scale(1)}
body[data-page=home] .portal h2{font-family:Unbounded,Onest,sans-serif;font-weight:300;font-size:78px;letter-spacing:-.065em}body[data-page=home] .portal h2 span{font-weight:300}
@media(max-width:1100px){body[data-page=home] .portal h2{font-size:65px}}
@media(max-width:600px){.site-menu{right:24px;top:15px;width:40px;height:40px}.menu-trigger{width:40px;height:40px}.menu-items{top:56px}.menu-liquid>i{width:40px;height:40px}.menu-item{width:220px}.menu-items{min-width:220px}.menu-liquid{width:220px}.menu-liquid>b{width:220px;top:56px}body[data-page=home] .portal h2{font-size:59px}}
@media(max-width:360px){body[data-page=home] .portal h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.site-menu *{transition:none!important}.menu-liquid{display:none}}

/* Home navigation appears together, after the large hero logo yields to modules. */
.home-brand{position:fixed;z-index:50;left:5vw;top:30px;width:112px;height:46px;display:flex;align-items:center}.home-brand img{width:100%;height:auto}
.home-brand,body[data-page=home] .site-menu{opacity:var(--home-header-opacity,0);visibility:var(--home-header-visibility,hidden);transform:translateY(calc((1 - var(--home-header-opacity,0)) * -6px))}
.home-brand[inert],body[data-page=home] .site-menu[inert]{pointer-events:none}
@media(max-width:600px){.home-brand{left:24px;top:15px;width:92px;height:40px}}
@media(prefers-reduced-motion:reduce){.home-brand,body[data-page=home] .site-menu{transform:none}}