.dot-grid{width:100%;height:100%;position:relative;overflow:hidden}.dot-grid__canvas{pointer-events:none;display:block;position:absolute;inset:0}
.gradual-blur{z-index:5}.gradual-blur__layer{position:absolute;inset:0}
.staggered-menu{z-index:200;position:relative}.staggered-menu__toggle{cursor:pointer;z-index:210;background:0 0;border:none;align-items:center;gap:10px;padding:8px;display:flex;position:relative}.staggered-menu__toggle-label{text-transform:uppercase;letter-spacing:.12em;font-family:JetBrains Mono,monospace;font-size:12px}.staggered-menu__burger{width:22px;height:14px;position:relative}.staggered-menu__burger i{border-radius:20px;width:100%;height:2px;transition:all .35s;position:absolute;left:0}.staggered-menu__burger i:first-child{top:0}.staggered-menu__burger i:last-child{top:100%;transform:translateY(-100%)}.staggered-menu__burger.is-open i:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.staggered-menu__burger.is-open i:last-child{top:50%;transform:translateY(-50%)rotate(-45deg)}.staggered-menu__overlay{z-index:195;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(24px);background:radial-gradient(circle at 0 0,#6052ff47,#0000 45%),radial-gradient(circle at 100% 100%,#8a5cff3d,#0000 45%),#080a1473;position:fixed;inset:0;overflow:hidden}.staggered-menu__overlay.is-open{visibility:visible;pointer-events:auto}.staggered-menu__overlay:before,.staggered-menu__overlay:after{content:"";filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.staggered-menu__overlay:before{opacity:.35;background:#604bff;width:420px;height:420px;top:-150px;left:-80px}.staggered-menu__overlay:after{opacity:.3;background:#8b5cff;width:360px;height:360px;bottom:-120px;right:-100px}.staggered-menu__panels{flex-direction:row-reverse;display:flex;position:absolute;inset:0}.staggered-menu--left .staggered-menu__panels{flex-direction:row}.staggered-menu__panel{-webkit-backdrop-filter:blur(40px);background:linear-gradient(135deg,#ffffff14,#ffffff05);border-left:1px solid #ffffff14;flex:1;transition:transform .6s cubic-bezier(.77,0,.18,1);transform:translate(100%);box-shadow:inset 1px 0 #ffffff0d,0 0 50px #0000002e}.staggered-menu--left .staggered-menu__panel{transform:translate(-100%)}.staggered-menu__overlay.is-open .staggered-menu__panel{transform:translate(0%)}.staggered-menu__content{-webkit-backdrop-filter:blur(35px);opacity:0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:32px;flex-direction:column;justify-content:center;padding:70px;transition:opacity .4s .35s,transform .4s .35s;display:flex;position:absolute;inset:5%;transform:scale(.97);box-shadow:0 25px 80px #00000059}.staggered-menu__overlay.is-open .staggered-menu__content{opacity:1;transform:scale(1)}.staggered-menu__logo{filter:brightness(0)invert();width:180px;margin-bottom:55px}.staggered-menu__nav ul{flex-direction:column;gap:22px;list-style:none;display:flex}.staggered-menu__nav li{overflow:hidden}.staggered-menu__nav a{color:#fff;opacity:0;align-items:center;gap:18px;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;text-decoration:none;transition:opacity .45s,transform .45s,color .35s,padding-left .35s,text-shadow .35s;display:flex;transform:translateY(24px)}.staggered-menu__overlay.is-open .staggered-menu__nav a{opacity:1;transform:translateY(0)}.staggered-menu__overlay:not(.is-open) .staggered-menu__nav a{transition-delay:0s!important}.staggered-menu__nav a:hover{color:#9b74ff;text-shadow:0 0 15px #9b74ffb3;padding-left:18px}.staggered-menu__num{color:#fff;opacity:.45;width:38px;font-family:JetBrains Mono,monospace;font-size:14px}.staggered-menu__socials{flex-wrap:wrap;gap:18px;margin-top:60px;display:flex}.staggered-menu__socials a{color:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);letter-spacing:.08em;text-transform:uppercase;opacity:0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50px;padding:10px 18px;font-family:JetBrains Mono,monospace;font-size:12px;text-decoration:none;transition:opacity .4s,transform .4s,background .3s,color .3s;transform:translateY(15px)}.staggered-menu__overlay.is-open .staggered-menu__socials a{opacity:1;transform:translateY(0)}.staggered-menu__socials a:hover{color:#fff;background:#ffffff24;transform:translateY(-5px)}@media (max-width:768px){.staggered-menu__content{padding:35px;inset:20px}.staggered-menu__nav a{font-size:25px}.staggered-menu__logo{width:140px}}.staggered-menu__close{-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;z-index:20;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;font-weight:300;line-height:1;transition:background .3s,transform .3s,border-color .3s,box-shadow .3s;display:flex;position:absolute;top:28px;right:28px}.staggered-menu__close:hover{background:#5227ff40;border-color:#ffffff59;transform:rotate(90deg)scale(1.08);box-shadow:0 0 25px #5227ff73}.staggered-menu__close:active{transform:scale(.95)}@media (max-width:768px){.staggered-menu__close{width:46px;height:46px;font-size:22px;top:20px;right:20px}}