nav{--nav-before-bg: hsla(248deg, 78%, 21%, .65);padding-block:5vh;padding-block:var(--pad-y, 5vh);position:fixed;inset:0 0 auto;z-index:9999}nav:before{position:absolute;inset:-.4rem;content:"";background-color:var(--nav-before-bg);filter:blur(.8rem);z-index:-1}.nav--small{--pad-y: 2.5vh}.nav__logo>svg{display:block;inline-size:min(100%,14rem);inline-size:min(100%,var(--logo-size, 14rem));height:auto}@media only screen and (max-width: 425px){.nav__logo>svg{--logo-size: 10rem}}.nav__container{display:flex;flex-flow:row nowrap;align-items:center;align-content:normal;justify-content:space-between;gap:0;margin-inline:auto;position:relative}.nav__menu{--menu-trans-x: 60%;--menu-animation: none;display:none;display:var(--menu-display, none);flex-flow:column wrap;align-items:flex-end;align-content:normal;justify-content:flex-start;gap:clamp(1.6rem,4vh,3.2rem);padding-block:3.2rem;position:absolute;inset:100% 0 auto auto;min-block-size:85svb;margin:0;opacity:0;list-style:none;isolation:isolate}@media only screen and (max-width: 768px){.nav__menu{--menu-trans-x: 80%}}@media only screen and (max-width: 425px){.nav__menu{--menu-trans-x: 80%}}.nav__menu--open{--menu-animation: menuBlob var(--anim-duration, 30s) infinite ease-in-out;--menu-display: flex;animation:showMenu .25s forwards linear;animation-delay:.05s}.nav__menu:before,.nav__menu:after{position:fixed;inset:0 0 auto auto;content:"";min-inline-size:70vw;min-inline-size:var(--min-inl-size, 70vw);min-block-size:100vh;aspect-ratio:1;background-color:#001690;animation:var(--menu-animation);z-index:-1}@media only screen and (max-width: 1920px){.nav__menu:before,.nav__menu:after{--min-inl-size: 25vw}}.nav__menu:after{--anim-duration: 45s;animation-direction:reverse}.nav__menu a{position:relative;font-family:prometo,sans-serif;font-size:1.2em;color:#fff;text-decoration:none;text-transform:uppercase;white-space:nowrap;overflow:hidden}.nav__menu a:before{position:absolute;inset:auto auto -.1em 0;content:"";width:100%;height:.2em;background-image:linear-gradient(90deg,hsl(200,75%,58%),hsl(231,80%,50%));opacity:0;opacity:var(--underline-opacity, 0);transform:translateY(.1em);transform:translateY(var(--underline-trans-y, .1em));transition:opacity .25s ease-in-out,transform .25s ease-in-out;isolation:isolate;border-radius:100vmax}@media (hover: hover){.nav__menu a:hover:hover,.nav__menu a:hover:focus{--underline-trans-y: 0;--underline-opacity: 1}}.nav__burger{position:relative;display:grid;place-items:center;inline-size:2.4rem;inline-size:var(--burger-width, 2.4rem);aspect-ratio:4/3;padding:0;background-color:#0000;border-color:#0000;color:#fff;isolation:isolate;cursor:pointer}.nav__burger>span{--trans-fnc: ease-in;border-radius:100vmax;position:absolute;display:block;inline-size:100%;block-size:.2rem;background:hsl(0,0%,100%);transition:transform .25s ease-in-out}.nav__burger>span:nth-child(1){translate:0 calc(-.8rem + 50%);rotate:0;transition:rotate .25s ease-in-out,translate .25s ease-in-out}.nav__burger>span:nth-child(2){opacity:1;scale:1 1;transition:scale .25s ease-in-out,opacity .25s ease-in-out}.nav__burger>span:nth-child(3){translate:0 calc(.8rem - 50%);rotate:0;transition:rotate .25s ease-in-out,translate .25s ease-in-out}.nav__burger--open>span{--trans-fnc: ease-in;--line-trans-y: 1em}@media only screen and (max-width: 425px){.nav__burger--open>span{--line-trans-y: .66em}}.nav__burger--open>span:nth-child(1){translate:0 0;rotate:-45deg}.nav__burger--open>span:nth-child(2){opacity:0;scale:0 0}.nav__burger--open>span:nth-child(3){translate:0 0;rotate:45deg}html.overflow-hidden header,html.overflow-hidden main,html.overflow-hidden footer{filter:blur(.4rem);pointer-events:none}html.overflow-hidden body{overflow:hidden}html.overflow-hidden body:after{position:absolute;inset:0;content:"";background-color:#170c5f59}@keyframes menuBlob{0%{border-radius:57% 43% 44% 56%/41% 43% 57% 59%;transform:translate(var(--menu-trans-x)) scale(1.5) rotate(0)}25%{border-radius:37% 63% 63% 37%/37% 58% 42% 63%;transform:translate(var(--menu-trans-x)) scale(1.5) rotate(90deg)}50%{border-radius:29% 71% 63% 37%/59% 39% 61% 41%;transform:translate(var(--menu-trans-x)) scale(1.5) rotate(180deg)}75%{border-radius:37% 63% 57% 43%/66% 48% 52% 34%;transform:translate(var(--menu-trans-x)) scale(1.5) rotate(270deg)}to{border-radius:57% 43% 44% 56%/41% 43% 57% 59%;transform:translate(var(--menu-trans-x)) scale(1.5) rotate(360deg)}}@keyframes showMenu{to{opacity:1}}