*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}:root{--bg:#0a0a0a;--bg2:#111;--text:#f0f0f0;--text-muted:#f0f0f07a;--text-dim:#f0f0f038;--border:#f0f0f01a;--hover-bg:#f0f0f00a;--red:#dc0000;--red-dim:#dc000099;--font-display:"Manrope", sans-serif;--font-serif:"Playfair Display", serif;--font-ui:"Manrope", sans-serif;--font-mono:"Courier Prime", monospace;--space-xs:8px;--space-sm:16px;--space-md:32px;--space-lg:64px;--space-xl:80px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}.noise{z-index:1;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:256px 256px;position:fixed;inset:0}#cur-ring{z-index:9998;pointer-events:none;border:1.5px solid #dc0000bf;border-radius:50%;width:36px;height:36px;transition:width .3s,height .3s,border-color .3s;position:fixed;top:-40px;left:-40px;transform:translate(-50%,-50%)}.page{z-index:2;position:relative}nav{-webkit-backdrop-filter:blur(14px);z-index:100;background:#0a0a0aeb;border-bottom:1px solid #f0f0f012;justify-content:space-between;align-items:center;height:56px;padding:0 80px;display:flex;position:sticky;top:20px}.nav-left,.nav-right{align-items:center;display:flex}.nav-right{margin-left:auto}nav.nav-center{justify-content:center}nav.nav-center .nav-left{position:absolute;left:50%;transform:translate(-50%)}.nav-item{z-index:2;cursor:pointer;align-items:center;padding:0 28px 0 0;text-decoration:none;display:flex;position:relative}.nav-right .nav-item{border:1px solid var(--red);border-radius:3px;padding:16px 10px;transition:background-color .2s,color .2s}.nav-right .nav-item:hover{background-color:var(--red)}.nav-right .nav-item:hover .nav-letter{color:#fff}nav.nav-center .nav-item{padding:0 28px}.nav-word{display:flex;overflow:visible}.nav-letter{font-family:var(--font-ui);letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;will-change:transform;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:500;line-height:1;transition:color .2s;display:inline-block}.nav-item:hover .nav-letter{color:#f0f0f0e6}.nav-item.active .nav-letter{color:#f0f0f0d9}.footer{z-index:2;justify-content:space-between;align-items:center;padding:28px 80px;display:flex;position:relative}.footer.footer-bordered{border-top:1px solid var(--border)}.footer-love{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:400}.footer-love em{font-style:italic;font-family:var(--font-serif);letter-spacing:.04em;text-transform:none;color:var(--text-muted);font-size:12px}.footer-socials{align-items:center;gap:24px;display:flex}.social-link{color:var(--text-dim);justify-content:center;align-items:center;text-decoration:none;transition:color .2s,transform .2s;display:flex}.social-link:hover{color:var(--text);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{transform:translateY(110%)}to{transform:none}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:900px){nav,nav.nav-center{padding:0 48px}nav.nav-center .nav-left{position:static;left:auto;transform:none}.nav-item{padding-right:20px}nav.nav-center .nav-item{padding:0 18px}.nav-right .nav-item{padding:12px 20px}.footer{padding:28px 48px}}@media (max-width:700px){#cur-ring{display:none}nav{padding:0 36px}nav.nav-center .nav-left{position:static;transform:none}nav.nav-center .nav-item{padding:0 14px}.nav-right .nav-item{padding:10px 6px}.footer{padding:24px 36px}}@media (max-width:480px){nav,nav.nav-center{padding:0 24px}nav.nav-center .nav-item{padding:0 10px}.nav-letter{letter-spacing:.1em;font-size:9px}.nav-right{display:none}.footer{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 24px}}.hello-tag{font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);z-index:1;align-items:center;gap:12px;margin-bottom:36px;font-size:11px;font-weight:500;animation:.7s .25s both fadeUp;display:flex;position:relative}.hello-tag:before{content:"";background:#f0f0f047;width:20px;height:1px}.main{flex-direction:column;justify-content:flex-start;gap:20px;padding:72px 80px 96px;display:flex;position:relative;overflow:hidden}.marquee-wrap{pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;position:absolute;bottom:24px;left:0;right:0;overflow:hidden}.marquee-inner{white-space:nowrap;animation:22s linear infinite marquee;display:flex}.marquee-inner span{font-family:var(--font-display);color:#f0f0f00a;letter-spacing:-.02em;flex-shrink:0;padding-right:56px;font-size:160px;font-weight:700}.headline{z-index:1;position:relative}.hero-body{z-index:1;max-width:560px;animation:.7s .55s both fadeUp;position:relative}.hero-body p{font-family:var(--font-ui);color:var(--text-muted);font-size:18px;font-style:normal;font-weight:400;line-height:1.8}.hl-stack{flex-direction:column;gap:0;display:flex}.hl-row{flex-wrap:wrap;align-items:baseline;gap:.2em;display:flex}.hl-word{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);white-space:nowrap;font-size:clamp(48px,6vw,80px);font-weight:300;line-height:1;animation:.95s cubic-bezier(.16,1,.3,1) both slideUp;display:inline-flex;overflow:visible}.hl-row:first-child .hl-word:first-child{animation-delay:0s}.hl-row:first-child .hl-word:nth-child(3){animation-delay:80ms}.hl-row:nth-child(2) .hl-word:first-child{animation-delay:.16s}.hl-row:nth-child(2) .hl-word:nth-child(2){color:var(--text-muted);font-style:italic;font-weight:200;animation-delay:.22s}.hl-row:nth-child(2) .hl-word:nth-child(3){animation-delay:.28s}.hl-sep{font-family:var(--font-mono);color:var(--red);flex-shrink:0;align-self:center;font-size:clamp(14px,1.8vw,28px);animation:.5s .3s both fadeIn}.hl-word .char{will-change:transform;color:inherit;transition:color .25s;display:inline-block}.hero-body p em{color:var(--text);font-style:normal}.projects-section{z-index:2;padding:48px 80px 100px;position:relative}.section-header{justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:8px;display:flex}.section-label{font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:12px;font-size:10px;font-weight:500;display:flex}.section-label:before{content:"";background:#f0f0f047;width:20px;height:1px}.section-count{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-dim);font-size:10px}.project-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:0 32px;padding:28px 0;text-decoration:none;transition:padding-left .25s;display:grid;position:relative;overflow:hidden}.project-row:hover{padding-left:8px}.proj-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);z-index:1;font-size:clamp(22px,3vw,44px);font-weight:300;line-height:1.1;position:relative}.proj-italic{color:var(--text-muted);letter-spacing:0;font-size:.55em;font-style:italic;font-weight:200;transition:color .25s}.project-row:hover .proj-italic{color:var(--red)}.proj-desc{font-family:var(--font-ui);letter-spacing:.01em;color:var(--text-muted);opacity:0;max-height:0;font-size:11px;font-weight:400;line-height:1.6;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .35s,padding-top .3s;display:block;overflow:hidden}.project-row:hover .proj-desc{opacity:.7;max-height:2.5em;padding-top:6px}.proj-arrow{color:var(--text-dim);z-index:1;font-size:16px;transition:color .25s,transform .35s cubic-bezier(.16,1,.3,1);position:relative}.project-row:hover .proj-arrow{color:var(--text);transform:translate(4px,-4px)}@media (max-width:900px){.main{padding:56px 48px 72px}.projects-section{padding:40px 48px 80px}}@media (max-width:700px){.main{padding:48px 36px 64px}.projects-section{padding:32px 36px 64px}.project-row{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:8px 12px;padding:20px 0}.proj-name{grid-area:1/1;font-size:clamp(20px,5vw,32px)}.proj-arrow{grid-area:1/2/3;align-self:center}}@media (max-width:480px){.main{padding:40px 24px 56px}.projects-section{padding:28px 24px 56px}.project-row:hover{padding-left:0}}.about-right,.about-right *{opacity:1!important;visibility:visible!important}.ar-title,.ar-intro,.ar-bio,.ar-exp-company,.ar-exp-role,.ar-edu-school,.ar-edu-degree,.ar-link,.ar-list-item,.ar-lang-row{color:#fff!important}.ar-eyebrow,.ar-label,.ar-exp-period,.ar-edu-gpa,.ar-lang-level{color:#888!important}