:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@font-face{font-family:Basis33;src:url(/fonts/basis33.ttf)format("truetype")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#2038c9;--foreground:#f4f0e6}*{box-sizing:border-box}html,body,#root{background-color:var(--background);width:100%;min-height:100%;color:var(--foreground);margin:0}body{min-width:320px;font-family:Basis33,monospace}h1,h2,h3,h4,h5,h6,p,li,button,a{color:var(--foreground)}.home{grid-template-columns:1fr 1fr;width:100%;min-height:100svh;display:grid}.intro{text-align:left;flex-direction:column;justify-content:center;align-items:flex-end;padding:10vh 5vw;display:flex}.intro h1{margin:0;font-family:Basis33,monospace;font-size:clamp(3rem,6vw,7rem);line-height:.9}.intro p{max-width:500px;margin-top:2rem;font-family:Basis33,monospace;font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.4}.menu{justify-content:center;align-items:center;padding:10vh 5vw;display:flex}.section-menu{outline:none;justify-content:center;width:100%;display:flex}.section-menu:before,.section-menu:after{content:"";background:currentColor;height:1px;position:absolute;left:0;right:0}.section-menu:before{top:0}.section-menu:after{bottom:0}.menu-content{width:min(100%,500px);font-family:Basis33,monospace}.menu-title{white-space:nowrap;align-items:center;gap:1rem;margin:0 0 1.2rem;display:flex}.menu-title:before,.menu-title:after{content:"";background:currentColor;flex:1;height:1px}.menu-content ul{width:fit-content;margin:0 auto;padding:0;list-style:none}.menu-content li{cursor:pointer;align-items:baseline;font-weight:400;display:flex}.menu-content li.selected{text-shadow:.7px 0}.cursor{width:1.5em;display:inline-block}.menu-help{width:100%;margin:1.8rem auto 0;padding-top:1rem;position:relative}.menu-help:before{content:"";background:currentColor;height:1px;position:absolute;top:0;left:0;right:0}.menu-help-content{width:fit-content;margin:0 auto}.menu-help-content p{text-align:left;margin:0}.programmer{width:100%;height:100svh;padding:10vh 5vw;font-family:Basis33,monospace}.programmer-intro{text-align:center;max-width:700px;margin:0 auto 8vh}.programmer h2{margin:0;font-family:Basis33,monospace;font-size:clamp(3rem,6vw,7rem);line-height:.9}.programmer-intro p{text-align:center;margin-top:2rem;font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.4}.project-carousel{align-items:center;gap:2rem;width:100%;display:flex}.project-carousel-viewport{flex:1;min-width:0;overflow:hidden}.project-carousel-container{display:flex}.project-card{border:1px solid;flex:0 0 clamp(400px,55vw,850px);grid-template-columns:55% 45%;min-width:0;height:clamp(225px,24.6vw,380px);margin-right:2rem;display:grid}.project-video{border-right:1px solid;justify-content:center;align-items:center;min-width:0;min-height:0;padding:8px;display:flex;overflow:hidden}.project-video-frame{aspect-ratio:16/9;width:100%;max-width:100%;overflow:hidden}.project-video-frame iframe{border:0;width:100%;height:100%;display:block}.project-info{grid-template-rows:auto auto 1fr auto;min-width:0;min-height:0;padding:.8rem 1.2rem;font-size:clamp(.75rem,1vw,1rem);display:grid}.project-title{align-self:start;min-width:0}.project-title h3{text-align:center;text-shadow:.7px 0;margin:0}.project-github{align-self:start;min-width:0}.project-github a{color:inherit;text-align:left}.project-description{align-self:center;min-width:0;min-height:0;overflow:hidden}.project-description p{text-align:left;margin:0;line-height:1.3}.project-technologies{align-self:end;min-width:0}.project-technologies span{text-align:center;text-shadow:.7px 0;display:block}.carousel-button{color:inherit;cursor:pointer;background:0 0;border:none;flex:none;font-family:Basis33,monospace;font-size:2rem}.mouse-pet{z-index:9999;cursor:pointer;position:fixed;bottom:20px;left:20px}.mouse-pet img{width:80px;height:auto;display:block}.mouse-phrase{white-space:nowrap;margin-bottom:10px;position:absolute;bottom:100%;left:0}.creative-code{width:100%;min-height:100svh;padding:8vh 5vw;font-family:Basis33,monospace}.creative-code-intro{text-align:center;max-width:700px;margin:0 auto 3vh}.creative-code h2{margin:0;font-family:Basis33,monospace;font-size:clamp(3rem,6vw,7rem);line-height:.9}.creative-code-intro p{text-align:center;margin-top:2rem;font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.4}.creative-code-tool{flex-direction:column;align-items:center;gap:.5rem;display:flex}.creative-code-upload{color:inherit;cursor:pointer;background:0 0;border:1px solid;padding:.5rem 1rem;font-family:Basis33,monospace;font-size:1rem}.creative-code-upload:hover{text-shadow:.7px 0}.creative-code-canvas{border:1px solid;width:min(70vw,600px);height:auto;margin-top:1rem;display:block}.botanist{width:100%;min-height:100svh;padding:10vh 5vw;font-family:Basis33,monospace}.botanist h2{text-align:center;margin:0;font-family:Basis33,monospace;font-size:clamp(3rem,6vw,7rem);line-height:.9}.botanist-content{grid-template-columns:1fr 1fr;align-items:center;gap:5vw;width:100%;margin-top:8vh;display:grid}.botanist-text{justify-self:end;max-width:550px;font-size:clamp(.9rem,1.2vw,1.2rem);line-height:1.4}.botanist-text p{text-align:left;margin:0 0 1.4rem}.botanist-text p:last-child{margin-bottom:0}.botanist-carousel{aspect-ratio:1;justify-self:center;align-items:center;gap:1rem;width:min(100%,380px);display:flex}.botanist-carousel-viewport{background:var(--foreground);border-radius:12px;flex:1;min-width:0;height:100%;overflow:hidden}.botanist-carousel-container{height:100%;display:flex}.botanist-photo{flex:0 0 100%;justify-content:center;align-items:center;height:100%;display:flex}.botanist-photo img{object-fit:contain;width:90%;height:90%;display:block}.botanist-carousel-button{color:inherit;cursor:pointer;background:0 0;border:none;flex:none;font-family:Basis33,monospace;font-size:2rem}.botanist-carousel-button:hover{text-shadow:.7px 0}.musician{width:100%;min-height:100svh;padding:10vh 5vw;font-family:Basis33,monospace}.musician h2{text-align:center;margin:0 0 8vh;font-family:Basis33,monospace;font-size:clamp(3rem,6vw,7rem);line-height:.9}.music-project{width:100%;max-width:1100px;margin:0 auto 10vh}.music-project-title{text-align:center;margin:0 0 3rem;font-size:clamp(2rem,3vw,3rem)}.music-project-main{grid-template-columns:1fr .8fr;align-items:center;gap:5vw;display:grid}.music-project-about{align-items:center;gap:2rem;display:flex}.music-project-profile-container{text-align:center;flex-direction:column;flex:0 0 120px;align-items:center;gap:.7rem;font-size:.85rem;display:flex}.music-project-profile{object-fit:cover;border-radius:6px;width:120px;height:120px;display:block}.music-project-description{flex:1;min-width:0;font-size:clamp(.9rem,1.1vw,1.1rem);line-height:1.4}.music-project-description p{text-align:left;margin:0 0 1.2rem}.music-project-description p:last-child{margin-bottom:0}.music-project-tracks{flex-direction:column;gap:1rem;display:flex}.music-track{width:100%;color:inherit;flex-direction:row;align-items:center;gap:1.5rem;font-size:1rem;text-decoration:none;display:flex}.music-track img{object-fit:cover;flex:0 0 100px;width:100px;height:100px;display:block}.music-track span{text-align:left}.music-track:hover span{text-shadow:.7px 0}.music-project-links{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 2rem;margin-top:2.5rem;font-size:.95rem;display:flex}.music-project-links a{color:inherit;text-decoration:none}.music-project-links a strong{text-shadow:.5px 0,-.5px 0;font-weight:400}.music-project-links a:hover{text-shadow:.7px 0}@media (width>=1250px){.project-card{flex:0 0 650px;height:300px}}@media (width<=700px){.home{grid-template-columns:1fr;align-content:center;row-gap:8vh}.intro,.menu{padding:6vh 7vw}.intro{text-align:left;align-items:flex-start}.menu{min-height:0}.menu-content{width:100%}.programmer{padding:8vh 7vw}.programmer-intro{margin-bottom:5vh}.project-carousel{gap:.5rem}.project-card{flex:0 0 clamp(205px,55vw,270px);grid-template-columns:1fr;height:auto}.project-video{border-bottom:1px solid;border-right:none;height:160px;padding:10px 20px}.project-video-frame{aspect-ratio:16/9;width:100%;max-width:230px;height:auto}.project-info{grid-template-rows:auto auto 1fr auto;padding:1rem;font-size:clamp(.7rem,3vw,.8rem)}.botanist{padding:8vh 7vw}.botanist-content{grid-template-columns:1fr;gap:5vh;margin-top:5vh}.botanist-text{justify-self:stretch;max-width:100%;font-size:1rem}.botanist-text p{margin-bottom:1.2rem}.botanist-carousel{justify-self:center;width:280px;height:280px}.musician{padding:8vh 7vw}.musician h2{margin-bottom:6vh}.music-project{margin-bottom:9vh}.music-project-title{margin-bottom:2rem;font-size:2rem}.music-project-main{grid-template-columns:1fr;gap:2.5rem}.music-project-about{align-items:flex-start;gap:1rem}.music-project-profile-container{flex:0 0 80px;gap:.5rem;font-size:.7rem}.music-project-profile{width:80px;height:80px}.music-project-description{font-size:.85rem;line-height:1.4}.music-project-description p{margin-bottom:.9rem}.music-project-tracks{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.music-track{text-align:center;flex-direction:column;align-items:center;gap:.7rem;width:100%;min-width:0;font-size:.8rem;display:flex}.music-track img{aspect-ratio:1;object-fit:cover;flex:none;width:100%;height:auto;display:block}.music-track span{text-align:center}.music-project-links{flex-direction:column;gap:.8rem;margin-top:2rem;font-size:.8rem}}
