.menu{clip-path:circle(0%);z-index:100;background-image:url(/optimized/backgrounds/background-studio222.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100svh;padding:1rem;position:fixed;top:0;left:0;overflow:hidden}.menu-wrapper{background:0 0;border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;height:100%;display:flex;position:relative;transform:translateY(-4em)}.date-time-container{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.date-display{position:relative}.date-text{font-family:var(--font-libre-caslon-display),serif;color:#14305d;text-align:center;text-shadow:0 0 4px #fffc,0 0 8px #fff9,0 0 12px #fff6,0 0 16px #fff3;margin:0;font-size:2.25rem;font-weight:400;animation:4s ease-in-out infinite handwrittenGlow}.time-display{position:relative}.time-text{font-family:var(--font-libre-caslon-display),serif;color:#14305d;text-align:center;letter-spacing:.1em;text-shadow:0 0 2.4px #2bced652,0 0 4.8px #2bced63d,0 0 7.2px #2bced629,0 0 9.6px #2bced614;margin:0;font-size:2.5rem;font-weight:700;animation:2s ease-in-out infinite techGlow}.links-container{justify-content:center;align-items:center;display:flex}.links{flex-direction:column;align-items:center;gap:.57rem;display:flex}@keyframes handwrittenGlow{0%,to{text-shadow:0 0 4px #fffc,0 0 8px #fff9,0 0 12px #fff6,0 0 16px #fff3}50%{text-shadow:0 0 6px #fff,0 0 12px #fffc,0 0 18px #fff9,0 0 24px #fff6}}@keyframes techGlow{0%,to{text-shadow:0 0 2.4px #2bced652,0 0 4.8px #2bced63d,0 0 7.2px #2bced629,0 0 9.6px #2bced614}50%{text-shadow:0 0 3.2px #2bced666,0 0 6.4px #2bced652,0 0 9.6px #2bced63d,0 0 12.8px #2bced629}}.link{pointer-events:auto;margin-bottom:.57rem;position:relative}.link a{text-align:center;-webkit-backdrop-filter:blur(25px)saturate(200%);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 50%,#ffffff14 100%);border:1px solid #fff3;border-radius:1.14rem;justify-content:center;align-items:center;width:13.2rem;padding:.43rem .86rem;transition:background .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite subtleGlow;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 1px 5px #00000003,0 2px 8px #00000008,0 4px 16px #00000005,inset 0 1px #ffffff0d,inset 0 -1px #00000003}.link a h2{color:#14305d;pointer-events:auto;font-size:1.32rem;line-height:1.4;font-family:var(--font-libre-caslon-display),serif;letter-spacing:.02em;text-align:center;z-index:10;text-shadow:.3px 0 #14305db3,-.3px 0 #14305db3,0 .3px #14305db3,0 -.3px #14305db3,0 0 1px #ffffff3b,0 0 2px #ffffff2e,0 0 4px #ffffff21,0 0 6px #ffffff14,0 0 8px #ffffff0d,0 0 10px #ffffff08;width:100%;margin:0;font-weight:400;text-decoration:none;transition:color .3s ease-out,text-shadow .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:relative}.link a h2:after{content:"";background:linear-gradient(90deg,#0000 0%,#14b8a6cc 50%,#0000 100%);border-radius:1px;width:0;height:2px;transition:width .5s ease-out;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.link a:before{content:"";opacity:0;z-index:1;background:0 0;border-radius:1.14rem;transition:opacity .3s ease-out;position:absolute;inset:0}.link a:after{content:"";opacity:0;-webkit-mask-composite:xor;-webkit-mask-composite:xor;z-index:2;background:0 0;border-radius:1.14rem;padding:1px;transition:opacity .3s ease-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.link a:hover{background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0f 50%,#ffffff14 100%);transform:scale(1.05)}.link a:hover:before,.link a:hover:after{opacity:0}.link a:active{transform:scale(.98)}.link a:active:before{opacity:0;background:0 0}.link a:hover h2{color:#14305d;text-shadow:.3px 0 #14305db3,-.3px 0 #14305db3,0 .3px #14305db3,0 -.3px #14305db3,0 0 1.5px #ffffff40,0 0 3px #fff3,0 0 5px #ffffff26,0 0 7px #ffffff1a,0 0 9px #ffffff14,0 0 12px #ffffff0d;transform:scale(1.02)}.link a:hover h2:after{width:80%}.split-line{will-change:transform;pointer-events:auto;overflow:hidden}@media (min-width:1200px){.date-text{font-size:2.5875rem}.time-text{font-size:2.875rem}.link a h2{font-size:1.518rem}}@media (max-width:1000px){.date-text{font-size:1.2rem}.time-text{font-size:2rem}.link a{-webkit-backdrop-filter:blur(25px)saturate(200%);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 50%,#ffffff14 100%);border:1px solid #fff3;justify-content:center;align-items:center;width:max(10em,min(13.2rem,25vw));padding:.39rem .78rem;display:flex}.link a h2{text-align:center;letter-spacing:.02em;z-index:10;text-shadow:.25px 0 #14305db3,-.25px 0 #14305db3,0 .25px #14305db3,0 -.25px #14305db3;font-size:1.1rem;font-weight:400;line-height:1.1}.menu-wrapper{justify-content:center;gap:2rem;transform:translateY(-4em)}.date-time-container{margin-bottom:1rem}}
.menu-toggle{-webkit-backdrop-filter:blur(30px)saturate(180%)brightness(1.1);transform-origin:100%;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0a 30%,#ffffff05 60%,#ffffff14 100%);border:1px solid #ffffff40;border-radius:8rem;width:130px;height:53px;transition:width .5s cubic-bezier(.075,.82,.165,1),background .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite subtleGlow;position:fixed;bottom:2rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff26,0 4px 16px #00000014,0 8px 32px #0000001f,0 16px 64px #00000014,inset 0 1px #fff6,inset 0 2px 4px #ffffff1a,inset 0 -1px #00000014,inset 0 -2px 4px #0000000d}.menu-toggle:before{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000 0%,#fff6 20%,#ffffff73 50%,#fff6 80%,#0000 100%);border-radius:4rem 4rem 0 0;height:1px;position:absolute;top:0;left:0;right:0}.menu-toggle:after{content:"";pointer-events:none;z-index:2;border-radius:inherit;background:linear-gradient(#ffffff4d 0%,#ffffff1a 8%,#0000 15%),linear-gradient(#0000 75%,#00000014 88%,#00000026 100%),linear-gradient(90deg,#fff3 0%,#0000 8% 92%,#fff3 100%);position:absolute;inset:0}.menu-circle{-webkit-backdrop-filter:blur(20px)saturate(200%)brightness(1.1);transform-origin:50%;z-index:5;background:linear-gradient(135deg,#fff9 0%,#fff6 30%,#fff3 60%,#ffffff80 100%);border:1px solid #ffffffb3;border-radius:4rem;width:48px;height:48px;transition:width .5s cubic-bezier(.65,0,.076,1);position:absolute;top:2px;left:1px;overflow:hidden;transform:scale(0);box-shadow:0 0 0 1px #ffffff4d,0 2px 8px #00000014,0 4px 16px #0000000f,0 8px 32px #0000000a,inset 0 1px 2px #fff6,inset 0 2px 4px #ffffff1a,inset 0 -1px 1px #00000014,inset 0 -2px 2px #0000000d}.menu-circle:before{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000 0%,#ffffff73 30%,#ffffff80 50%,#ffffff73 70%,#0000 100%);border-radius:4rem 4rem 0 0;height:1px;position:absolute;top:0;left:0;right:0}.menu-circle:after{content:"";pointer-events:none;z-index:2;border-radius:inherit;background:linear-gradient(#fff6 0%,#ffffff26 10%,#0000 20%),linear-gradient(#0000 70%,#0000001a 85%,#0003 100%),linear-gradient(90deg,#ffffff40 0%,#0000 10% 90%,#ffffff40 100%);position:absolute;inset:0}@keyframes subtleGlow{0%,to{box-shadow:0 0 0 1px #ffffff1a,0 4px 16px #0000001a,0 8px 32px #00000026,0 16px 64px #0000001a,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}50%{box-shadow:0 0 0 1px #ffffff26,0 4px 20px #0000001f,0 8px 40px #0000002e,0 16px 80px #0000001f,inset 0 1px #fff6,inset 0 -1px #00000014}}.menu-toggle:hover{-webkit-backdrop-filter:blur(30px)saturate(180%)brightness(1.1);background:linear-gradient(135deg,#ffffff52 0%,#ffffff3d 30%,#ffffff38 60%,#ffffff47 100%);animation:3s ease-in-out infinite subtleGlow;transform:translate(-50%)scale(1.02);box-shadow:0 0 0 1px #ffffff26,0 4px 16px #00000014,0 8px 32px #0000001f,0 16px 64px #00000014,inset 0 1px #fff6,inset 0 2px 4px #ffffff1a,inset 0 -1px #00000014,inset 0 -2px 4px #0000000d}.menu-toggle:hover:after{background:linear-gradient(#fff6 0%,#fff3 8%,#0000 15%),linear-gradient(#0000 75%,#0000001f 88%,#0003 100%),linear-gradient(90deg,#ffffff4d 0%,#0000 8% 92%,#ffffff4d 100%)}.menu-hover-text{opacity:0;z-index:20;pointer-events:none;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-hover-text .hover-text{color:#010e18;font-family:var(--font-libre-caslon-display),serif;letter-spacing:-.01em;white-space:nowrap;text-shadow:0 0 4px #ffffffe6,0 0 8px #ffffffb3,0 0 16px #ffffff80,0 0 24px #ffffff4d,0 0 32px #fff3,0 0 40px #ffffff1a;margin:0;padding-right:4px;font-size:.936rem;font-weight:500}.menu-toggle:hover .menu-circle{width:calc(100% - 2px);transform:scale(1)}.menu-toggle:hover .menu-toggle-icon{-webkit-backdrop-filter:blur(25px)saturate(220%)brightness(1.2);background:linear-gradient(135deg,#ffffffb3 0%,#ffffff80 30%,#ffffff4d 60%,#fff9 100%);border:1px solid #fffc;box-shadow:0 0 0 1px #fff6,0 4px 12px #0000001a,0 8px 24px #00000014,0 16px 48px #0000000f,inset 0 1px 2px #ffffff80,inset 0 2px 6px #ffffff26,inset 0 -1px 1px #0000000f,inset 0 -2px 4px #00000014}.menu-toggle:hover .menu-toggle-icon:after{background:radial-gradient(at 30% 20%,#ffffff4d 0%,#ffffff26 40%,#0000 70%)}.menu-toggle:hover .menu-toggle-icon{opacity:0;-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:none}.menu-toggle:hover .hamburger{opacity:0;transform:translate(-50%,-50%)translate(.75rem)}.menu-toggle:hover .menu-hover-text{opacity:1}.menu-toggle:hover .menu-copy{opacity:0}@keyframes hoverGlow{0%,to{box-shadow:0 0 0 1px #fff3,0 8px 24px #0000001f,0 16px 48px #0000002e,0 32px 96px #00000026,0 0 24px #2bced659,0 0 48px #2bced633,inset 0 1px #fff6,inset 0 -1px #0000000d}50%{box-shadow:0 0 0 1px #ffffff40,0 8px 32px #00000026,0 16px 64px #00000038,0 32px 128px #0000002e,0 0 32px #2bced673,0 0 64px #2bced64d,inset 0 1px #ffffff80,inset 0 -1px #00000008}}.menu-toggle:active{background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 50%,#ffffff0a 100%);animation:none;transform:translate(-50%)scale(.98);box-shadow:0 0 0 1px #ffffff26,0 2px 8px #0000001a,0 4px 16px #0000001f,0 8px 32px #00000014,inset 0 1px #fff3,inset 0 -1px #0000001a}.menu-copy{color:#010e18;font-family:var(--font-libre-caslon-display),serif;letter-spacing:.01em;pointer-events:none;z-index:1;text-shadow:0 0 4px #ffffffe6,0 0 8px #ffffffb3,0 0 16px #ffffff80,0 0 24px #ffffff4d,0 0 32px #fff3,0 0 40px #ffffff1a;font-weight:800;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),text-shadow .4s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:15px;transform:translateY(-50%)}@media (min-width:1200px){.menu-hover-text .hover-text{font-size:1.0764rem}.menu-copy{font-size:1.29168rem}}.menu-copy .menu-text{margin:0;padding-right:7px;font-size:1.1232rem}.menu-toggle:hover .menu-copy{text-shadow:0 0 6px #fff,0 0 12px #fffc,0 0 20px #fff9,0 0 28px #fff6,0 0 36px #ffffff4d,0 0 48px #fff3;transform:translateY(-50%)scale(1.02)}.menu-toggle.opened{-webkit-backdrop-filter:none;background:#fffffff2;animation:none;box-shadow:0 0 0 1px #ffffff4d,0 4px 16px #0000001a,0 8px 32px #00000026,0 16px 64px #0000001a,inset 0 1px #fff9,inset 0 2px 4px #fff3,inset 0 -1px #0000001a,inset 0 -2px 4px #00000014}.menu-toggle.opened .menu-copy{opacity:.85;text-shadow:0 0 3px #fffc,0 0 6px #fff9,0 0 12px #fff6,0 0 18px #fff3}.menu-toggle-icon{-webkit-backdrop-filter:blur(20px)saturate(200%)brightness(1.1);z-index:15;background:linear-gradient(135deg,#fff9 0%,#fff6 30%,#fff3 60%,#ffffff80 100%);border:1px solid #ffffffb3;border-radius:100%;width:48px;height:48px;transition:all .5s cubic-bezier(.65,0,.076,1);position:absolute;top:2px;left:1px;overflow:hidden;box-shadow:0 0 0 1px #ffffff4d,0 2px 8px #00000014,0 4px 16px #0000000f,0 8px 32px #0000000a,inset 0 1px 2px #fff6,inset 0 2px 4px #ffffff1a,inset 0 -1px 1px #00000014,inset 0 -2px 2px #0000000d}.menu-toggle-icon:before{content:"";pointer-events:none;z-index:1;filter:blur(.5px);background:linear-gradient(45deg,#0000 0%,#fff9 30%,#fffc 50%,#fff6 70%,#0000 100%);width:60%;height:150%;transition:left .6s cubic-bezier(.23,1,.32,1);position:absolute;top:-25%;left:-50%;transform:skew(-25deg)}.menu-toggle-icon:after{content:"";pointer-events:none;z-index:2;border-radius:inherit;background:radial-gradient(at 35% 25%,#fff3 0%,#0000 50%);position:absolute;inset:0}.hamburger{will-change:transform;justify-content:center;align-items:center;width:30px;height:30px;transition:all .5s cubic-bezier(.65,0,.076,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-bar{background:#010e18;border-radius:1px;width:15px;height:1.5px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 0 2px #010e184d,0 0 4px #010e1833}.menu-bar[data-position=top]{transform:translateY(-4px)}.menu-bar[data-position=middle]{transform:translateY(0)}.menu-bar[data-position=bottom]{transform:translateY(4px)}.menu-toggle.opened .menu-bar[data-position=top]{transform:translateY(0)rotate(45deg)scaleX(1.05);box-shadow:0 0 3px #010e1866,0 0 6px #010e184d}.menu-toggle.opened .menu-bar[data-position=middle]{opacity:0;transform:translateY(0)scaleX(0)}.menu-toggle.opened .menu-bar[data-position=bottom]{transform:translateY(0)rotate(-45deg)scaleX(1.05);box-shadow:0 0 3px #010e1866,0 0 6px #010e184d}.menu-toggle.opened{background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 50%,#ffffff0a 100%);animation:2s ease-in-out infinite openedGlow}@keyframes openedGlow{0%,to{box-shadow:0 0 0 1px #ffffff1f,0 4px 16px #00000014,0 8px 32px #0000001f,0 16px 64px #00000014,inset 0 1px #ffffff40,inset 0 -1px #00000014}50%{box-shadow:0 0 0 1px #ffffff2e,0 4px 20px #0000001a,0 8px 40px #00000026,0 16px 80px #0000001a,inset 0 1px #ffffff59,inset 0 -1px #0000000f}}
