#splash-screen{width:100%;min-height:100lvh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.splash-screen-title-and-subtitles{width:29rem;margin:0 auto}#splash-screen-background{height:100lvh;width:100lvw;position:absolute;z-index:-2;overflow:hidden;isolation:isolate}#splash-screen-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 72% 82% at 50% 38%,rgba(0,0,0,.3) 0%,transparent 100%)}#splash-screen-title-container{margin:auto;width:800px;min-width:500px;padding:100px;position:relative;z-index:1}#splash-screen-title{font:600 64px Google Sans Code,monospace;line-height:.74;margin:0;animation:fadeSlideIn .5s ease-out both;animation-delay:60ms}.splash-screen-subtitles-container{margin:18px 0}.splash-screen-subtitle-container{line-height:1;margin:8px 0;text-align:left;animation:fadeSlideIn .5s ease-out both}.splash-screen-subtitles-container .splash-screen-subtitle-container:nth-child(1){animation-delay:.22s}.splash-screen-subtitles-container .splash-screen-subtitle-container:nth-child(2){animation-delay:.36s}.splash-screen-subtitles-container .splash-screen-subtitle-container:nth-child(3){animation-delay:.49s}.splash-screen-subtitle{font:200 16px Google Sans Code,monospace;display:block;line-height:.9}.splash-screen-icons{gap:12px;width:100%;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center}.project-prose-block{position:relative;width:100%;margin:28px auto 0;animation:fadeIn .5s ease-out both;animation-delay:.82s}.project-prose{width:29rem;max-width:100%;margin:0 auto;text-align:center;font:300 15px Google Sans Code,monospace;color:#e7efe794;line-height:1.5}.project-prose-link{color:#e7efe7eb;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:1px;transition:color .2s ease,border-color .2s ease}.project-prose-link:hover,.project-prose-link:focus-visible{color:#6dff6d;border-bottom-color:#6dff6d8c;outline:none}.project-teaser{position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;padding:0 16px;text-align:center;font:300 12px Google Sans Code,monospace;color:#e7efe766;line-height:1.3;opacity:0;pointer-events:none;transition:opacity .14s ease}.project-teaser-visible{opacity:1}.splash-screen-icon-wrapper{-webkit-backdrop-filter:blur(8px) saturate(90%);backdrop-filter:blur(8px) saturate(90%);border:transparent 1px solid;border-radius:20px;animation:fadeIn .5s ease-out both;animation-delay:.62s}.splash-screen-icons .splash-screen-icon-wrapper:nth-child(1){animation-delay:.62s}.splash-screen-icons .splash-screen-icon-wrapper:nth-child(2){animation-delay:655ms}.splash-screen-icons .splash-screen-icon-wrapper:nth-child(3){animation-delay:.69s}.splash-screen-icons .splash-screen-icon-wrapper:nth-child(4){animation-delay:725ms}.splash-screen-icons .splash-screen-icon-wrapper:nth-child(5){animation-delay:.76s}.splash-screen-divider{border:none;border-top:1px solid #ffffff20;margin:18px auto;width:29rem;animation:fadeIn .4s ease-out both;animation-delay:.54s}.splash-screen-icon{transform:translateZ(0);height:50px;width:auto;display:flex;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;color:inherit;font:inherit;align-content:center;align-items:center;background-color:#3a3a3a2a;border:#ffffff25 1px solid;border-radius:20px;padding:20px;transition:transform .25s ease,box-shadow .25s ease,color .25s ease,background-color .25s ease,border-color .25s ease}.splash-screen-icon:hover{transform:translateZ(0) translateY(-2px);color:#6dff6d;background-color:#005a002a;border:#5beb5b40 1px solid;box-shadow:0 8px 18px #62eb621f}.splash-screen-icon:focus-visible,.resume-modal-close:focus-visible{outline:2px solid #6dff6d;outline-offset:4px}.splash-screen-icon>svg{display:inline-block;height:24px;width:24px;margin-right:8px}.splash-screen-icon>span{font:300 16px Roboto Flex,sans-serif}#splash-screen-dots{position:absolute;background-image:radial-gradient(#808080 25%,transparent 75%);background-size:4px 4px;width:100%;height:100%;top:0;left:0;opacity:.05;z-index:-1}.resume-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.resume-modal-closed{opacity:0;visibility:hidden;pointer-events:none}.resume-modal-open{opacity:1;visibility:visible}.resume-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.resume-modal-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px}.resume-glass{max-width:520px;width:100%;background:#0f140fd1;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden}.resume-modal-content{position:relative;padding:24px;display:flex;flex-direction:column;align-items:center}.resume-glass.modal-scale-in{animation:scaleIn .26s ease-out}.resume-modal-backdrop.modal-fade-in{animation:fadeIn .2s ease-out}.resume-glass.modal-scale-out{animation:scaleOut .22s ease-in forwards}.resume-modal-backdrop.modal-fade-out{animation:fadeOut .2s ease-in forwards}.resume-modal-close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;height:36px;width:36px;border:1px solid #ffffff25;border-radius:999px;background:#ffffff0f;cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.resume-modal-title{font:600 24px Google Sans Code,monospace;margin:0 0 6px}.resume-modal-subtitle{font:300 14px Google Sans Code,monospace;margin:0 0 16px}.resume-modal-actions{display:flex;gap:12px;flex-wrap:wrap}.resume-modal-close:hover{background:#ffffff18;border-color:#ffffff40;transform:scale(1.06) rotate(6deg)}.resume-modal-close:active{transform:scale(.96) rotate(-4deg)}footer{position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:min(40vw,32rem);padding:20px;border:1px solid #ffffff25;background:linear-gradient(120deg,#3a3a3a2a,#3a3a3a20);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);text-align:center;font:100 12px Google Sans Code,monospace;border-radius:20px;margin:30px auto;animation:fadeIn .5s ease-out both;animation-delay:.94s}footer p{margin:0}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 4px #6dff6de6,0 0 8px #6dff6d66}50%{opacity:.55;box-shadow:0 0 2px #6dff6d66}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes veilDrift{0%{transform:translate3d(-3%,-2%,0) scale(1);opacity:.82}to{transform:translate3d(3%,2%,0) scale(1.08);opacity:1}}@keyframes gridPulse{0%,to{opacity:.08}50%{opacity:.18}}@media (max-width: 900px){#splash-screen-title-container{width:min(100%,640px);min-width:0;padding:80px 32px}#splash-screen-title{font-size:clamp(42px,9vw,58px);line-height:.9;text-align:center}.splash-screen-title-and-subtitles{width:100%;margin:0 auto}.splash-screen-subtitles-container,.splash-screen-subtitle-container{text-align:center}.splash-screen-icons{max-width:540px;margin:0 auto}}@media (max-width: 640px){#splash-screen{flex-direction:column;align-items:stretch;min-height:100dvh}#splash-screen-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(2,5,2,.62) 0%,rgba(2,5,2,.22) 44%,transparent 70%)}#splash-screen-title-container{padding:48px 20px 76px;width:100%}.splash-screen-title-and-subtitles{width:100%}#splash-screen-title{font-size:clamp(34px,10vw,46px)}.splash-screen-subtitle{font-size:14px;line-height:1.1}.splash-screen-subtitle-container{margin:5px 0}.splash-screen-subtitles-container{margin:12px 0}.splash-screen-icons{gap:6px;flex-direction:column;align-items:stretch}.splash-screen-icon{width:100%;height:40px;padding:10px 20px;justify-content:center}.splash-screen-divider{width:80%;margin:12px auto}.project-prose-block{margin-top:20px}.project-prose{width:100%;font-size:14px}.project-teaser{font-size:11px}.resume-modal-panel{padding:16px}.resume-glass{width:100%;max-width:none}.resume-modal-content{padding:20px 18px 28px}.resume-modal-actions{width:100%;flex-direction:column}.resume-modal-actions .splash-screen-icon{width:100%}.resume-modal-close{top:-20px}footer{position:fixed;bottom:16px;left:16px;right:16px;transform:none;width:calc(100% - 32px);margin:0;background-color:transparent;border:none}}
