:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--code-bg:#f4f3ec;--sans:"Poppins", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Poppins", 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;--code-bg:#1f2028}}#root{z-index:1;width:100%;height:100svh;position:relative}body{background:var(--bg);margin:0;position:relative;overflow:hidden}body:before{content:"";z-index:0;filter:brightness(1.12)contrast(.97);background:url(/bamboo_background.jpg) 50%/cover no-repeat;position:fixed;inset:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}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%}.tile-label{transform-origin:top;pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;display:flex}.tile-label__dot{background:#fff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 5px #fff9}.tile-label__line{background:#ffffffe6;width:1px;height:26px;margin-top:-1px;box-shadow:0 0 3px #00000080}.tile-label__text{letter-spacing:.03em;text-transform:uppercase;color:#f7f5ee;text-shadow:0 1px 5px #000000b3;margin-top:6px;font-family:Zen Old Mincho,serif;font-size:15.5px;font-weight:600}.scroll-popup__backdrop{z-index:20;pointer-events:none;justify-content:center;align-items:center;animation:.2s scroll-popup-fade;display:flex;position:fixed;inset:0}.scroll-popup{pointer-events:auto;flex-direction:column;align-items:center;width:min(900px,100% - 48px);display:flex;transform:translateY(-9vh);container-type:inline-size}.scroll-popup:focus{outline:none}.scroll-popup__rod{background:linear-gradient(#5c4028,#3b2a1d);border-radius:999px;flex-shrink:0;width:calc(100% + clamp(16px,5.33cqw,48px));height:clamp(12px,2.67cqw,24px);box-shadow:0 3px 10px #00000073}.scroll-popup__reveal{width:100%;transition:height .6s cubic-bezier(.3,.7,.3,1);overflow:hidden}.scroll-popup__paper{-webkit-backdrop-filter:blur(4px);background:#f8f5eea6;flex-direction:column;justify-content:flex-start;width:100%;height:100%;display:flex;position:relative;box-shadow:0 20px 50px #0006}.scroll-popup__content{color:#1a1a1a;text-align:center;opacity:0;flex-direction:column;height:100%;padding:clamp(20px,5.33cqw,48px) clamp(16px,2.89cqw,26px);transition:opacity .35s;display:flex}.scroll-popup__content--visible{opacity:1}.scroll-popup__content--projects{padding-top:clamp(20px,5.33cqw,48px);padding-bottom:clamp(12px,2.67cqw,24px)}.scroll-popup__content--about{padding-top:clamp(24px,6.67cqw,60px)}@keyframes scroll-popup-fade{0%{opacity:0}}.scroll-popup__close{color:#1a1a1a;opacity:.5;cursor:pointer;background:0 0;border:none;font-size:clamp(24px,5.33cqw,48px);line-height:1;position:absolute;top:8px;right:12px}.scroll-popup__close:hover{opacity:.8}.scroll-popup__close:focus-visible{outline-offset:2px;outline:2px solid #1a1a1a}.scroll-popup__portrait{object-fit:cover;border:3px solid #1b2a38;border-radius:50%;width:clamp(80px,23.33cqw,210px);height:clamp(80px,23.33cqw,210px);margin:0 auto;box-shadow:0 4px 12px #00000059}.scroll-popup__name{color:#1a1a1a;margin:0;font-size:clamp(18px,3.22cqw,29px)}.scroll-popup__portrait+.scroll-popup__name{margin-top:16px;font-size:clamp(22px,5.33cqw,48px)}.scroll-popup__name--contact{color:#2b2b2b;font-size:clamp(22px,5.33cqw,48px)}.scroll-popup__content--projects .scroll-popup__name{font-size:clamp(22px,5.33cqw,48px)}.scroll-popup__text{margin:10px 0 0;font-size:clamp(14px,2.22cqw,20px);line-height:1.5}.scroll-popup__list{text-align:left;flex-direction:column;gap:clamp(10px,2.67cqw,24px);margin:clamp(14px,3.33cqw,30px) 0 0;padding:0;font-size:clamp(13px,2.22cqw,20px);list-style:none;display:flex}.scroll-popup__list li{flex-direction:column;gap:2px;display:flex}.scroll-popup__project-title-row{align-items:center;gap:8px;display:flex}.scroll-popup__project-title{font-size:clamp(14px,3.11cqw,28px);font-weight:600}.scroll-popup__project-title-row a{color:#1a1a1a;display:flex}.scroll-popup__links{justify-content:center;align-items:center;gap:clamp(16px,9.78cqw,88px);margin:auto 0;padding:0;list-style:none;display:flex}.scroll-popup__links a{color:#2b2b2b;opacity:.85;transition:opacity .15s;display:flex}.scroll-popup__links a:hover,.scroll-popup__links a:focus-visible{opacity:1}@media (prefers-reduced-motion:reduce){.scroll-popup__backdrop{animation:none}.scroll-popup__reveal,.scroll-popup__content{transition:none}}canvas{display:block}