:root{--bg:#0a0b0d;--surface:#000;--panel:#111418;--button:#191d22;--button-hover:#20252b;--graphite:#111316;--graphite-soft:#191c20;--line:#ffffff13;--text:#f4f5f2;--muted:#9da4aa;--faint:#697078;--accent:#d8ddd8;--page-max:1080px;--section-gap:clamp(32px, 5vw, 72px);--content-gap:24px;--headline:clamp(2.15rem, 4.2vw, 3.9rem);--body-size:clamp(.98rem, 1.1vw, 1.08rem);color:var(--text);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}:root[data-theme=light]{--bg:#f3f3ef;--surface:#f8f8f4;--panel:#fff;--button:#e7e7e0;--button-hover:#ddddd4;--line:#080a0c21;--text:#080a0c;--muted:#4f565d;--faint:#737a80;--accent:#151719}*{box-sizing:border-box}*,:before,:after{transition:background-color .36s,color .36s,border-color .36s,box-shadow .36s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none;animation:none}}html{scroll-behavior:smooth;overscroll-behavior-y:auto;background:var(--bg);width:100%;min-height:100%}body{overscroll-behavior-y:auto;background:var(--bg);min-width:320px;min-height:100vh;margin:0;position:relative;overflow-x:hidden}body.menu-open{overflow:hidden}#root{z-index:0;isolation:isolate;background:var(--bg);min-height:100vh;position:relative}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.track-background{z-index:-1;background:var(--bg);pointer-events:none;backface-visibility:hidden;width:100vw;height:100vh;min-height:100vh;transition:background-color .42s;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.track-background:before{content:"";opacity:.18;background:repeating-linear-gradient(115deg,#0000 0 18px,#ffffff0b 19px 20px);animation:22s linear infinite track-drift;position:absolute;inset:-18%;transform:translate(-24px)}:root[data-theme=light] .track-background{opacity:1;filter:none}:root[data-theme=light] .track-background:before{opacity:.22;background:repeating-linear-gradient(115deg,#0000 0 18px,#080a0c0b 19px 20px)}@keyframes track-drift{to{transform:translate(24px)}}.menu-toggle,.menu-scrim{display:none}.sidebar{z-index:20;border-right:1px solid var(--line);background:var(--surface);justify-content:center;align-items:center;width:188px;padding:30px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{height:42px;color:var(--text);letter-spacing:.12em;align-items:center;gap:10px;font-size:.88rem;font-weight:400;display:inline-flex}.nav-stack{flex-direction:column;align-items:center;gap:18px;margin:0;display:flex}.theme-toggle{min-width:0;min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:5px;margin-top:0;padding:0;font-size:.84rem;font-weight:400;line-height:1;display:inline-flex;position:absolute;bottom:22vh;left:50%;transform:translate(-50%)}.theme-toggle:hover{color:var(--muted);background:0 0}.nav-link{width:fit-content;min-height:34px;color:var(--muted);justify-content:center;align-items:center;padding:0;font-size:.98rem;font-weight:400;transition:color .18s,font-size .18s;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active{font-size:1.12rem}.viewport{z-index:1;background:0 0;min-height:100vh;margin-left:188px;padding:clamp(40px,5.6vw,76px);position:relative}.page{z-index:1;background:0 0;flex-direction:column;justify-content:center;min-height:calc(100vh - clamp(80px,11.2vw,152px));display:flex;position:relative}.page-grid{gap:var(--section-gap);grid-template-columns:1fr;align-items:start;width:100%;max-width:860px;display:grid}.page-header p{max-width:660px;color:var(--muted);margin:0;font-size:clamp(1.05rem,1.4vw,1.28rem);font-weight:400;line-height:1.75}.page-content{gap:var(--content-gap);flex-direction:column;max-width:720px;padding-top:0;display:flex}.resume-link{width:fit-content;color:var(--text);text-underline-offset:4px;background:0 0;align-items:center;font-size:.96rem;font-style:italic;font-weight:400;line-height:1.3;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.resume-link:hover{color:var(--muted)}.about-intro{gap:18px;max-width:720px;display:grid}.about-intro h1{color:var(--text);font-size:var(--headline);margin:0;font-weight:400;line-height:.95}.about-intro p{max-width:660px;color:var(--muted);margin:0;font-size:clamp(1.05rem,1.4vw,1.28rem);font-weight:400;line-height:1.75}.text-columns{color:var(--muted);gap:18px;font-size:1rem;font-weight:300;line-height:1.85;display:grid}.text-columns p{margin:0}.minimal-list{gap:var(--content-gap);display:grid}.minimal-item{padding-bottom:var(--content-gap);border-bottom:1px solid var(--line)}.minimal-item:last-child{border-bottom:0;padding-bottom:0}.minimal-item span,.contact-list span{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:400;display:block}.minimal-item h2{margin:12px 0 8px;font-size:clamp(1.02rem,1.25vw,1.18rem);font-weight:400;line-height:1.35}.experience-title{flex-wrap:wrap;align-items:baseline;gap:6px 32px;display:flex}.certificate-link{font-size:.92em}.current-study{align-items:center;gap:8px;width:fit-content;display:inline-flex}.current-dot{background:#29c765;border-radius:50%;flex:none;width:8px;height:8px;margin-left:0;display:inline-flex;box-shadow:0 0 0 3px #29c76524}.minimal-item p,.minimal-item li{color:var(--muted);margin:0;font-size:clamp(1.02rem,1.18vw,1.12rem);font-weight:300;line-height:1.72}.minimal-item ul{gap:5px;margin:0;padding-left:18px;display:grid}.contact-list{gap:20px;display:grid}.contact-list a{color:var(--muted);font-size:clamp(1.02rem,1.18vw,1.12rem);line-height:1.55;display:block}.contact-list a:hover{color:var(--text)}@media (width<=1100px){:root{--section-gap:30px;--headline:clamp(2.05rem, 5.8vw, 3.35rem)}.viewport{padding:clamp(36px,5vw,64px)}.page-grid{max-width:760px}}@media (width<=920px){:root{--section-gap:30px;--headline:clamp(2rem, 7vw, 3rem)}.sidebar{border-right:0;border-bottom:1px solid var(--line);justify-content:center;align-items:center;width:auto;height:72px;padding:12px 16px;display:flex;bottom:auto;right:0}.brand span,.nav-link span{display:inline}.nav-stack{flex-direction:row;gap:clamp(12px,2.2vw,20px);margin-top:0}.theme-toggle{margin-top:0;margin-left:18px;position:static;transform:none}.nav-link{justify-content:center;width:auto;min-width:42px;min-height:44px;padding:0}.nav-link:hover,.nav-link.active{color:var(--text)}.viewport{margin-left:0;padding:108px clamp(22px,5vw,44px) 48px}.page{min-height:calc(100vh - 156px)}.page-grid{gap:var(--section-gap);max-width:720px}.page-content{max-width:620px;padding-top:0}}@media (width<=768px){:root{--section-gap:24px;--content-gap:20px;--headline:clamp(1.9rem, 10vw, 2.7rem);--body-size:clamp(.96rem, 3.8vw, 1.04rem)}.sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);will-change:transform;border-bottom:0;justify-content:flex-start;width:min(78vw,290px);height:100vh;padding:92px 28px 34px;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s;inset:0 auto 0 0;transform:translate(-104%)}.sidebar.is-open{transform:translate(0,0);box-shadow:18px 0 80px #0000005c}.menu-toggle{z-index:40;border:1px solid var(--line);width:46px;height:46px;color:var(--text);background:color-mix(in srgb, var(--surface) 84%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;top:16px;left:16px}.menu-toggle:hover{color:var(--muted)}.menu-scrim{z-index:18;opacity:0;pointer-events:none;background:#00000061;border:0;transition:opacity .26s;display:block;position:fixed;inset:0}body.menu-open .menu-scrim{opacity:1;pointer-events:auto}.brand{display:none}.nav-stack{flex-direction:column;align-items:flex-start;gap:8px;width:100%;max-width:none;overflow:visible}.theme-toggle{min-height:48px;margin:18px 0 0;padding:0;font-size:.92rem;position:static;transform:none}.nav-link{width:100%;min-width:0;min-height:48px;color:var(--muted);justify-content:flex-start;font-size:1.06rem}.nav-link.active{font-size:1.22rem}.viewport{margin-left:0;padding:96px clamp(18px,5.4vw,30px) 40px}.page{justify-content:center;min-height:calc(100vh - 136px)}.page-grid,.page-content,.about-intro{width:100%;max-width:none}.page-header p{max-width:100%;font-size:var(--body-size);line-height:1.68}.about-intro{gap:16px}.about-intro h1{max-width:11ch;line-height:1}.about-intro p{max-width:34rem;font-size:var(--body-size);line-height:1.68}.resume-link{align-items:center;min-height:44px;font-size:.98rem}.minimal-item h2{margin-top:10px;font-size:clamp(1rem,4.2vw,1.12rem)}.minimal-item p,.minimal-item li,.contact-list a{font-size:var(--body-size);overflow-wrap:anywhere}.contact-list a{flex-direction:column;justify-content:center;min-height:48px;display:flex}.current-dot{width:7px;height:7px}}@media (width<=420px){:root{--headline:clamp(1.75rem, 11vw, 2.25rem)}.viewport{padding-left:16px;padding-right:16px}.minimal-item{padding-bottom:18px}.minimal-item ul{padding-left:16px}}