@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;margin:0;min-height:100%;padding:0;width:100%}#root,.app-container,body,html{background:#000;overflow:hidden}.app-container{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;position:relative;width:100vw}.seo-intro{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.header{background-color:#333;color:#fff;padding:1rem}.header nav ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.header nav ul li a{color:#fff;text-decoration:none}.viewer{background:#000;height:100vh;height:100dvh;inset:0;overflow:hidden;position:fixed;width:100vw;z-index:0}.viewer canvas{display:block;height:100%!important;width:100%!important}.toggle-button{background-color:#000000b3;border:none;border-radius:5px;bottom:20px;color:#fff;cursor:pointer;font-size:1rem;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%)}.section-panel{animation:section-panel-fade-in .7s ease-out both;background:linear-gradient(90deg,#000000f5,#000000db 50%,#000000ad);box-sizing:border-box;color:#f5f5f5eb;display:flex;flex-direction:column;font-family:DM Mono,Courier New,monospace;inset:0;overflow:hidden;padding:32px 56px 56px;position:fixed;z-index:10}.section-panel__chrome{align-items:center;color:#ffffff85;display:flex;flex:0 0 auto;font-size:.8rem;gap:24px;justify-content:space-between;margin-bottom:12vh;text-transform:lowercase}.section-panel__chrome p{margin:0}.section-panel__close{background:#0000;border:0;color:#ffffffb3;cursor:pointer;font:inherit;font-size:clamp(1.1rem,2vw,1.8rem);padding:8px 0 8px 24px;text-transform:lowercase}.section-panel__close:hover{color:#fff}.section-panel__content{display:flex;flex:1 1 auto;flex-direction:column;margin-left:clamp(0px,10vw,160px);min-height:0;width:min(760px,100%)}.section-panel h1{flex:0 0 auto;font-size:clamp(2.4rem,8vw,7rem);font-weight:300;line-height:.95;margin:0 0 48px;text-transform:lowercase}.section-panel__body{flex:1 1 auto;-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 34px,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(180deg,#0000 0,#000 34px,#000 calc(100% - 24px),#0000);min-height:0;overflow-y:auto;padding:28px 18px 56px 0;scrollbar-width:thin}.section-panel h2{color:#ffffffd1;font-size:.9rem;font-weight:500;margin:0 0 8px;text-transform:lowercase}.section-panel p{color:#ffffffb8;font-size:clamp(.95rem,1.4vw,1.2rem);font-weight:300;line-height:1.65;margin:0 0 22px}.project-list{grid-gap:34px;display:grid;gap:34px;list-style:none;margin:0;padding:0}.project-item{border-top:1px solid #ffffff38;padding-top:18px}.project-item a{grid-gap:10px;color:inherit;display:grid;gap:10px;text-decoration:none}.project-item a:hover strong{color:#fff}.project-item span{color:#ffffff75;font-size:.76rem;font-weight:500;text-transform:lowercase}.project-item strong{color:#ffffffe0;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:400}.project-item p{margin:0;max-width:640px}.resume-list{grid-gap:30px;display:grid;gap:30px}.resume-list section{border-top:1px solid #ffffff38;padding-top:18px}.resume-list p{margin-bottom:0;max-width:640px}.contact-link{align-items:center;color:#ffffffd1;display:inline-flex;gap:18px;text-decoration:none}.contact-links{grid-gap:22px;display:grid;gap:22px;justify-items:start}.contact-link:hover{color:#fff}.contact-link span{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:300;text-transform:lowercase}@media (max-width:720px){.viewer{touch-action:none}.section-panel{padding:calc(18px + env(safe-area-inset-top)) 22px calc(34px + env(safe-area-inset-bottom))}.section-panel__chrome{margin-bottom:10vh}.section-panel__content{margin-left:0}.section-panel h1{margin-bottom:34px}.section-panel__body{padding:22px 4px 44px 0}}@keyframes section-panel-fade-in{0%{opacity:0}to{opacity:1}}.header-bar{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;box-sizing:border-box;display:flex;gap:24px;height:150px;justify-content:space-between;left:0;-webkit-mask-image:linear-gradient(180deg,#000,#0000);mask-image:linear-gradient(180deg,#000,#0000);padding:calc(20px + env(safe-area-inset-top)) 80px 42px;pointer-events:none;position:fixed;top:0;width:100%;z-index:5}.header-bar .logo{color:#fff;font-family:Libre Barcode\ 39 Extended Text,serif;font-size:clamp(2.2rem,5vw,3rem);font-weight:500;line-height:1;min-width:0;white-space:nowrap}.header-bar .logo span+span:before{content:" "}.header-bar .social-links{align-items:center;display:flex;flex:0 0 auto;gap:20px;justify-content:flex-end;pointer-events:auto}.header-bar .social-links a{color:#fff;display:grid;height:40px;place-items:center;transition:color .2s;width:40px}.header-bar .social-links svg{height:34px;width:34px}.header-bar .social-links a:hover{color:#fff}@media (max-width:720px){.header-bar{align-items:flex-start;gap:12px;height:104px;padding:calc(14px + env(safe-area-inset-top)) 18px 28px}.header-bar .logo{grid-gap:10px;display:grid;font-size:clamp(1.65rem,8vw,2.15rem);gap:10px;line-height:1;white-space:normal}.header-bar .logo span{display:block}.header-bar .logo span+span:before{content:""}.header-bar .social-links{gap:10px}.header-bar .social-links a{height:34px;width:34px}.header-bar .social-links svg{height:28px;width:28px}}
/*# sourceMappingURL=main.d247cb8f.css.map*/