.transition{position:fixed;inset:0;z-index:1300;width:100vw;height:100svh;overflow:hidden;visibility:hidden;pointer-events:none}html[data-page-transition=pending] .transition,body.transition-active .transition{visibility:visible}.transition-overlay{position:absolute;inset:0;width:100%;height:100%;background-color:#7134ff;transform:translateY(100%);will-change:transform}html[data-page-transition=pending]{background-color:#000}html[data-page-transition=pending] body>:not(.transition){visibility:hidden}html[data-page-transition=pending] .transition-overlay{transform:translateY(0)}.nav{position:fixed;top:0;left:0;width:100%;padding:2rem var(--site-gutter);display:flex;justify-content:space-between;mix-blend-mode:difference;z-index:1070}.nav .container{display:flex;justify-content:space-between;align-items:center}.nav .logo,.nav .menu-toggle-btn{padding:.25rem;cursor:pointer}.nav .logo a,.nav .menu-toggle-btn span{color:var(--tone-400);-webkit-user-select:none;user-select:none}.nav .logo a{font-size:1.35rem;font-weight:600}.nav .menu-toggle-btn{padding:0;appearance:none;color:inherit;background:transparent;border:0;font:inherit}.nav .menu-toggle-btn-wrapper{position:relative;width:4.5rem;height:1.7rem;padding:0;overflow:hidden;display:grid;place-items:center}.nav .menu-toggle-btn-wrapper>span{position:absolute;inset:0;display:grid;place-items:center;color:var(--tone-400);font-size:1.35rem;font-weight:600;line-height:1;margin:0;transition:transform .58s cubic-bezier(.22,1,.36,1)}.nav .menu-toggle-text-primary{transform:translateY(0)}.nav .menu-toggle-text-secondary{transform:translateY(105%)}.nav .menu-toggle-btn:hover .menu-toggle-text-primary,.nav .menu-toggle-btn:focus-visible .menu-toggle-text-primary{transform:translateY(-105%)}.nav .menu-toggle-btn:hover .menu-toggle-text-secondary,.nav .menu-toggle-btn:focus-visible .menu-toggle-text-secondary{transform:translateY(0)}.nav .logo a{display:flex;justify-content:center;align-items:center;gap:.5rem}.nav .logo a span{position:relative;display:inline-block;width:.5rem;height:.5rem;background-color:var(--tone-500);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav-overlay{position:fixed;top:0;left:0;z-index:1060;width:100%;height:100svh;background-color:var(--tone-100);clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);overflow:hidden;pointer-events:none}.nav-overlay:before{content:"";position:absolute;inset:0;z-index:0;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px}.nav-overlay .nav-items{position:absolute;z-index:1;top:50%;right:0%;width:50%;display:flex;flex-direction:column;align-items:flex-start;transform:translateY(-50%)}.nav-overlay .nav-items .nav-item{position:relative;width:100%;opacity:0;transform:translateY(100%);will-change:transform}.nav-overlay .nav-items .nav-item a{font-size:clamp(3.75rem,5.5vw,6.8rem);line-height:.9;color:var(--tone-400);-webkit-user-select:none;user-select:none}.nav-overlay .nav-items .nav-item.active a{color:#7134ff}.nav-overlay .nav-footer{position:absolute;z-index:1;left:0;bottom:0;width:100%;gap:1rem;text-align:center}.nav-overlay .nav-footer .container{display:flex;justify-content:space-between;align-items:flex-end;padding:2em 2.5em}.nav-overlay .nav-footer .nav-footer-item{display:flex;gap:2rem}.nav-overlay .nav-footer .nav-footer-item a{color:var(--tone-400)}@media(max-width:1000px){.nav{padding:1.5rem var(--site-gutter)}.nav-overlay .nav-items{left:var(--site-gutter);width:100%;transform:translateY(-50%)}.nav-overlay .nav-items .nav-item a{font-size:clamp(3.25rem,14vw,7rem)}.nav-overlay .nav-footer{gap:0;align-items:center}.nav-overlay .nav-footer .nav-footer-item{gap:1rem}.nav-overlay .nav-footer .container{padding:var(--site-gutter)}}@media(max-height:720px){.nav-overlay .nav-items .nav-item a{font-size:clamp(2.5rem,9.5vh,4.5rem);line-height:.88}}