body{font-family:Google Sans,sans-serif;height:100%;margin:0;padding:0}.background,.background-white{background-size:cover;background:#fff;position:fixed}.background-black{background-color:#000;background-size:cover;position:fixed}.panel{background-color:#fff;border-radius:20px;box-shadow:0 10px #fff;text-align:center}.logo-container{bottom:0;height:30%;left:0;margin:auto;min-width:300px;position:absolute;right:0;top:-15%;width:25%;z-index:100}.logo{height:100%;min-width:200px;width:60%}.swipe-up-container{bottom:1%;cursor:pointer;left:0;margin:auto;right:0;width:100%}.swipe-up{height:40px!important}.swipe-up-container h3{color:#00539c;margin:10px;text-align:center}.title{color:grey;font-size:1.5rem;margin-bottom:0;margin-top:2%;text-align:center}.content-container{margin:1% 5%}.progress-bar-container{padding:5px 0 0}.progress-bar{animation:scale-width .75s cubic-bezier(0,0,.35,1)}.project-container{animation:fade-in 1s ease;border-radius:20px;box-shadow:0 .5rem 1rem #00000026;cursor:pointer;margin:25px 0;padding:20px;transition:.6s}.project-description-container h3{color:#000;font-weight:700;margin:0}.project-description-container p{color:grey;float:left;font-size:medium;margin:20px 10px 20px 0;width:75%}.project-container img{border-radius:18px;box-shadow:0 .5rem 1rem #00000026;float:right;max-width:100px;min-width:50px;width:15%}.project-labels{clear:both}.project-label{border-radius:20px;clear:both;color:#fff;display:inline-block;font-size:.8rem;margin-bottom:8px;margin-right:8px;margin-top:8px;padding:6px 10px}.project-container:hover{background-color:#e7e7e7}@keyframes fade-in{0%{opacity:0}to{opacity:100%}}@keyframes scale-width{0%{width:0}to{width:100%}}@media only screen and (min-width:1200px){body{margin-left:3rem;margin-right:3rem}.project-container:nth-child(2n){float:right}.project-container:nth-child(odd){float:left}.project-container{height:200px;width:40%}.project-description-container p{height:9npm 0}.swipe-up-container{width:20%}}.homepage{--deep-blue:#00539c;background:#fff;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;position:relative}.homepage:after,.homepage:before{display:none}.homepage:before{border:1px solid #00539c14;box-shadow:0 0 0 8vw rgba(0,83,156,.018),0 0 0 18vw rgba(0,83,156,.012);height:62vw;right:-18vw;top:-28vw;width:62vw}.homepage:after{border:1px solid #00539c0f;bottom:-32vw;box-shadow:0 0 0 11vw rgba(0,83,156,.014);height:55vw;left:-18vw;width:55vw}.ambient-grid{background-image:linear-gradient(rgba(0,83,156,.035) 1px,#0000 0),linear-gradient(90deg,rgba(0,83,156,.035) 1px,#0000 0);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at center,#000 0,#0000 74%);mask-image:radial-gradient(circle at center,#000 0,#0000 74%);opacity:.38;z-index:-1}.ambient-grid,.network-canvas{inset:0;pointer-events:none;position:fixed}.network-canvas{display:block;height:100%;width:100%;z-index:0}.logo-stage{animation:stage-arrival 1.15s cubic-bezier(.16,1,.3,1) both;display:grid;inset:0;place-items:center;pointer-events:none;position:absolute;transform:translateY(-4vh);z-index:2}.logo-container{--logo-rotate-x:0deg;--logo-rotate-y:0deg;--glow-x:50%;--glow-y:50%;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;cursor:default;height:auto;inset:auto;margin:0;min-width:0;padding:0;pointer-events:auto;position:relative;transform:perspective(900px) rotateX(var(--logo-rotate-x)) rotateY(var(--logo-rotate-y));transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease;width:clamp(210px,21vw,300px)}.logo-container:hover{box-shadow:none}.logo-container .logo{display:block;filter:drop-shadow(0 6px 10px rgba(0,83,156,.07));height:auto;min-width:0;position:relative;transform:translateZ(24px) scale(.97);transition:transform .5s cubic-bezier(.16,1,.3,1);width:100%;will-change:filter,transform;z-index:1}.logo-container:hover .logo{transform:translateZ(32px) scale(1)}.logo-node{--node-delay:0s;--beam-angle:0deg;animation:logo-node-core 3.8s calc(.08s + var(--node-delay)) linear backwards;background:var(--deep-blue);border:1.5px solid #fffffff5;border-radius:50%;box-shadow:0 0 0 3px #00539c12;height:5px;position:absolute;transition:box-shadow .4s ease,transform .4s ease;width:5px;z-index:3}.logo-node:after,.logo-node:before{content:"";pointer-events:none;position:absolute}.logo-node:before{animation:logo-node-ripple 3.8s calc(.08s + var(--node-delay)) linear both;border:1px solid #00539c61;border-radius:50%;inset:-4px;opacity:0}.logo-node:after{animation:logo-node-beam 3.8s calc(.08s + var(--node-delay)) linear both;background:linear-gradient(90deg,#00539cb3,#00539c00);height:1px;left:50%;opacity:0;top:50%;transform:rotate(var(--beam-angle)) scaleX(0);transform-origin:0 50%;width:23px}.logo-node-top{--node-delay:0s;--beam-angle:90deg;left:27%;top:-20px}.logo-node-right{--node-delay:0.16s;--beam-angle:180deg;right:-20px;top:34%}.logo-node-bottom{--node-delay:0.32s;--beam-angle:-90deg;bottom:-20px;right:24%}.logo-node-left{--node-delay:0.48s;--beam-angle:0deg;bottom:28%;left:-20px}.logo-container:hover .logo-node{animation:logo-node-grow .55s var(--node-delay) ease-in-out 1 backwards;box-shadow:0 0 0 3px #00539c12;transform:scale(1.5)}@keyframes logo-node-grow{0%{transform:scale(1)}50%{transform:scale(1.65)}to{transform:scale(1.5)}}@keyframes logo-node-core{0%{background:#83bfe5;box-shadow:0 0 0 0 #00539c00;opacity:0}8%{background:#1884c5;box-shadow:0 0 0 7px #00539c14;opacity:1}18%,28%,48%,73%,94%,to{background:var(--deep-blue);box-shadow:0 0 0 5px #00539c14;opacity:1}35%,80%{background:#2b99d4;box-shadow:0 0 0 8px #00539c1a,0 0 22px #00539c7a;opacity:1}}@keyframes logo-node-ripple{0%,27%,47%,73%,93%,to{opacity:0;transform:scale(.65)}32%,78%{opacity:.42;transform:scale(.85)}43%,89%{opacity:0;transform:scale(2.25)}}@keyframes logo-node-beam{0%,28%,47%,74%,93%,to{opacity:0;transform:rotate(var(--beam-angle)) scaleX(0)}34%,80%{opacity:.66;transform:rotate(var(--beam-angle)) scaleX(1)}43%,89%{opacity:0;transform:rotate(var(--beam-angle)) scaleX(1.35)}}.homepage .swipe-up-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;padding:8px 18px 12px;transition:transform .25s ease,opacity .25s ease;width:min(220px,calc(100% - 40px));z-index:4}.homepage .swipe-up-container:hover{background:#0000;box-shadow:none;transform:translateY(-4px)}.homepage .swipe-up{height:28px!important}.homepage .swipe-up-container h3{font-size:.82rem;font-weight:600;letter-spacing:.11em;margin:6px 0 0;text-transform:uppercase}@keyframes stage-arrival{0%{opacity:0;transform:translateY(calc(-4vh + 20px)) scale(.97)}to{opacity:1;transform:translateY(-4vh) scale(1)}}@media (prefers-reduced-motion:reduce){.logo,.logo-container,.logo-container:before,.logo-container:hover .logo,.logo-container:hover .logo-node,.logo-container:hover .logo-node:after,.logo-container:hover .logo-node:before,.logo-container:hover:before,.logo-node,.logo-node:after,.logo-node:before,.logo-stage,.swipe-up-container{animation:none;transition:none}}@media only screen and (max-width:600px){.ambient-grid{background-size:54px 54px;opacity:.3}.logo-stage{transform:translateY(-6vh)}.logo-container{border-radius:0;padding:0;width:min(64vw,240px)}.homepage .swipe-up-container{bottom:max(14px,env(safe-area-inset-bottom))}}@media only screen and (min-width:1200px){.homepage{margin-left:-3rem;width:calc(100% + 6rem)}}
/*# sourceMappingURL=main.6e169359.css.map*/