:root{--bg:#0b0a09;--bg-2:#141210;--surface:#1b1815;--line:#f1ece41f;--text:#f1ece4;--muted:#9a9187;--accent:#ff6b3d;--accent-2:#ffd166;--display:"Syne", "Inter", system-ui, sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}em{color:var(--accent);font-style:normal}.mono{letter-spacing:.02em;font-family:JetBrains Mono,monospace;font-size:.8rem}.dim{color:var(--muted)}.kicker{color:var(--accent);text-transform:uppercase}::selection{background:var(--accent);color:var(--bg)}.progress{background:var(--accent);transform-origin:0;z-index:100;height:2px;position:fixed;inset:0 0 auto}.nav{z-index:50;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:20px clamp(16px,4vw,48px);transition:background .3s,padding .3s,border-color .3s;display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--line);background:#0b0a09cc;padding-block:14px}.logo{font-family:var(--display);letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.logo span{color:var(--accent);margin-left:2px;font-size:.6em}.links{gap:clamp(16px,3vw,36px);display:flex}.links a{text-transform:capitalize;color:var(--muted);font-size:.9rem;transition:color .2s;position:relative}.links a sup{color:var(--accent);margin-right:4px;font-family:JetBrains Mono,monospace;font-size:.6rem}.links a:after{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform .4s var(--ease);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.links a:hover,.links a.active{color:var(--text)}.links a:hover:after,.links a.active:after{transform-origin:0;transform:scaleX(1)}.menu-btn{text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:.8rem;display:none}.hero{flex-direction:column;justify-content:flex-end;min-height:100svh;padding-top:120px;display:flex;position:relative;overflow:hidden}.scene,.scene-fallback{inset:0;position:absolute!important}.scene-fallback{background:radial-gradient(circle at 50% 45%, #ff6b3d59, transparent 30%), var(--bg)}.hero:after{content:"";background:linear-gradient(transparent, var(--bg));pointer-events:none;height:45%;position:absolute;inset:auto 0 0}.hero-hint{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);white-space:nowrap;pointer-events:none;background:#0b0a0999;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:6px 14px;font-size:.78rem;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%)}.hint-touch{display:none}@media (hover:none){.hint-mouse{display:none}.hint-touch{display:inline}}.pulse{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ff6b3d99}70%,to{box-shadow:0 0 0 8px #ff6b3d00}}.hero-overlay{z-index:3;pointer-events:none;padding:0 clamp(16px,4vw,48px) clamp(24px,5vh,48px);position:relative}.hero-overlay a,.hero-overlay button{pointer-events:auto}.hero-meta{color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:8px;padding-bottom:10px;font-family:JetBrains Mono,monospace;font-size:.8rem;display:flex}.role-swap{color:var(--accent);display:inline-block;overflow:hidden}.role-swap>span{display:inline-block}.hero-name{font-family:var(--display);letter-spacing:-.05em;text-transform:uppercase;flex-wrap:wrap;column-gap:.25em;margin:0;font-size:clamp(2.2rem,11.5vw,12rem);font-weight:800;line-height:.88;display:flex}.hero-name .line{padding-bottom:.04em;display:block;overflow:hidden}.hero-name .line>span{white-space:nowrap;display:block}.hero-bottom{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:20px;display:flex}.hero-bottom p{max-width:440px;color:var(--muted);margin:0}.cta{flex-wrap:wrap;gap:10px;display:flex}.btn{border:1px solid var(--line);background:#0b0a0980;border-radius:999px;padding:11px 20px;font-size:.9rem;font-weight:500;transition:background .25s,color .25s,border-color .25s,transform .25s;display:inline-block}.btn:hover{border-color:var(--text);transform:translateY(-2px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.btn.primary:hover{background:var(--text);border-color:var(--text)}.planet-label{border:1px solid var(--accent);white-space:nowrap;background:#0b0a09d9;border-radius:10px;flex-direction:column;align-items:center;padding:6px 12px;font-size:.8rem;line-height:1.3;display:flex}.planet-label strong{font-family:var(--display);font-size:.95rem}.planet-label span{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.68rem}main{z-index:1;position:relative}.section{width:min(1200px,100% - 32px);margin:0 auto;padding:clamp(80px,12vh,140px) 0 20px}.section-title{margin-bottom:40px}.section-title h2{font-family:var(--display);letter-spacing:-.04em;margin:8px 0 calc(12px - .12em);padding-bottom:.12em;font-size:clamp(2rem,10vw,6rem);font-weight:800;line-height:.95;overflow:hidden}.section-title h2 span{display:block}.section-title p{color:var(--muted);margin:0}.filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filter{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 16px;font-size:.85rem;transition:all .25s}.filter:hover{color:var(--text);border-color:var(--text)}.filter.active{background:var(--text);border-color:var(--text);color:var(--bg)}.rows{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.rows li{border-bottom:1px solid var(--line);overflow:hidden}.row{text-align:left;isolation:isolate;grid-template-columns:56px 1fr 260px 64px 32px;align-items:center;gap:20px;width:100%;padding:28px 12px;display:grid;position:relative}.row:before{content:"";z-index:-1;background:var(--c,var(--accent));transform-origin:bottom;transition:transform .45s var(--ease);position:absolute;inset:0;transform:scaleY(0)}.row:hover:before,.row:focus-visible:before{transform-origin:top;transform:scaleY(1)}.row:focus-visible{outline:none}.row>*{transition:color .3s, transform .45s var(--ease)}.row:hover>*,.row:focus-visible>*{color:var(--bg)}.row-num{color:var(--muted)}.row-main{flex-direction:column;min-width:0;display:flex}.row:hover .row-main{transform:translate(10px)}.row-title{font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:12px;font-size:clamp(1.4rem,3.2vw,2.4rem);font-weight:700;line-height:1.1;display:flex}.live{color:#7bd88f;letter-spacing:0;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:400}.row-tagline{color:var(--muted);margin-top:4px;font-size:.95rem}.row:hover .row-tagline,.row:hover .live,.row:hover .row-num{color:#0b0a09bf}.row-stack{color:var(--muted)}.row-year{color:var(--muted);text-align:right}.row-arrow{text-align:right;font-size:1.4rem}.row:hover .row-arrow{transform:rotate(45deg)}.overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050403b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--bg-2);border-radius:24px;width:min(640px,100%);max-height:calc(100vh - 32px);padding:clamp(24px,4vw,40px);position:relative;overflow-y:auto;box-shadow:0 40px 80px -30px #000c}.modal h3{font-family:var(--display);letter-spacing:-.04em;margin:10px 0 12px;font-size:clamp(2rem,5vw,2.8rem);font-weight:800;line-height:1}.modal-lead{color:var(--muted);margin:0;font-size:1.05rem}.close{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);background:#0b0a09b3;border-radius:50%;width:38px;height:38px;transition:transform .3s,background .3s;position:absolute;top:18px;right:18px}.close:hover{background:var(--accent);color:var(--bg);transform:rotate(90deg)}.highlights{gap:10px;margin:24px 0;padding:0;list-style:none;display:grid}.highlights li{padding-left:24px;position:relative}.highlights li:before{content:"→";color:var(--accent);position:absolute;left:0}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 11px;font-family:JetBrains Mono,monospace;font-size:.72rem}.modal .cta{margin:28px 0 18px}.skills .section:first-child{padding-bottom:0}.marquee{border-block:1px solid var(--line);margin-top:-1px;padding:18px 0;overflow:hidden}.marquee-track{width:max-content;animation:38s linear infinite marquee;display:flex}.marquee.reverse .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.marquee-item{font-family:var(--display);letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:28px;padding-right:28px;font-size:clamp(1.8rem,5vw,3.6rem);font-weight:700;transition:color .2s;display:inline-flex}.marquee.reverse .marquee-item{color:#0000;-webkit-text-stroke:1px var(--muted)}.marquee-item em{-webkit-text-stroke:0;font-size:.5em}.skill-cols{grid-template-columns:repeat(4,1fr);gap:24px;padding-top:48px;display:grid}.skill-cols h3{color:var(--accent);text-transform:uppercase;margin:0 0 12px;font-weight:500}.skill-cols ul{margin:0;padding:0;list-style:none}.skill-cols li{border-bottom:1px solid var(--line);color:var(--muted);transition:color .2s, padding .3s var(--ease);padding:6px 0}.skill-cols li:hover{color:var(--text);padding-left:8px}.exp{border-top:1px solid var(--line)}.exp-item{border-bottom:1px solid var(--line)}.exp-row{text-align:left;grid-template-columns:56px 1fr auto 40px;align-items:center;gap:20px;width:100%;padding:30px 12px;display:grid}.exp-head{flex-direction:column;display:flex}.exp-company{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:700;line-height:1.1;transition:color .2s}.exp-row:hover .exp-company,.exp-item.open .exp-company{color:var(--accent)}.exp-role{color:var(--text);margin-top:4px}.exp-when{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.exp-toggle{border:1px solid var(--line);border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.2rem;transition:background .25s,color .25s,border-color .25s;display:grid}.exp-item.open .exp-toggle{background:var(--accent);border-color:var(--accent);color:var(--bg)}.exp-points{color:var(--muted);gap:10px;margin:0;padding:0 12px 0 88px;list-style:none;display:grid;overflow:hidden}.exp-points li{padding-left:22px;position:relative}.exp-points li:last-child{padding-bottom:30px}.exp-points li:before{content:"→";color:var(--accent);position:absolute;left:0}.edu{border:1px solid var(--line);background:var(--bg-2);border-radius:20px;grid-template-columns:120px 1fr auto;align-items:baseline;gap:20px;margin-top:48px;padding:28px;display:grid}.edu h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(1.2rem,2.6vw,1.7rem);line-height:1.2}.edu p{margin:0}.about{grid-template-columns:minmax(200px,340px) 1fr;align-items:start;gap:clamp(28px,5vw,72px);display:grid}.about-photo{position:relative}.about-photo img{aspect-ratio:4/5;object-fit:cover;filter:grayscale()contrast(1.05);width:100%;transition:filter .6s var(--ease);border-radius:20px;display:block}.about-photo:hover img{filter:grayscale(0)}.about-photo:after{content:"";border:1px solid var(--accent);z-index:-1;border-radius:20px;position:absolute;inset:12px -12px -12px 12px}.about-photo span{color:var(--text);background:#0b0a09cc;border-radius:999px;padding:4px 10px;position:absolute;bottom:14px;left:14px}.about-text p{color:var(--muted);max-width:640px;margin:0 0 18px;font-size:1.05rem}.about-text .about-lead{color:var(--text);font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:600;line-height:1.3}.about-text .cta{margin:28px 0 16px}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:clamp(56px,8vw,96px);display:grid}.stat{flex-direction:column;gap:4px;padding:28px 20px;display:flex}.stat+.stat{border-left:1px solid var(--line)}.stat strong{font-family:var(--display);letter-spacing:-.04em;color:var(--accent);font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1}.stat span{color:var(--muted);font-size:.9rem}.pillars{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.pillar{border:1px solid var(--line);background:var(--bg-2);transition:border-color .3s, transform .3s var(--ease);border-radius:20px;padding:28px}.pillar:hover{border-color:var(--accent);transform:translateY(-4px)}.pillar h3{font-family:var(--display);letter-spacing:-.03em;margin:8px 0 10px;font-size:2rem;font-weight:800}.pillar p{color:var(--muted);margin:0}.contact{padding-bottom:60px}.contact-big{font-family:var(--display);letter-spacing:-.05em;margin:16px 0 24px;font-size:clamp(2rem,9vw,8.5rem);font-weight:800;line-height:.9}.contact-big>span{white-space:nowrap;margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:hidden}.contact-sub{color:var(--muted);margin:0 0 32px;font-size:1.1rem}.email{font-family:var(--display);letter-spacing:-.02em;border-bottom:2px solid var(--accent);overflow-wrap:anywhere;text-align:left;flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;padding-bottom:6px;font-size:clamp(1.2rem,4vw,2.4rem);font-weight:700;transition:color .2s;display:inline-flex}.email:hover{color:var(--accent)}.copy-state{color:var(--muted)}.alt-email{flex-wrap:wrap;align-items:baseline;gap:12px;margin:18px 0 0;display:flex}.alt-email button{border-bottom:1px solid var(--line);overflow-wrap:anywhere;font-size:1.05rem;transition:color .2s,border-color .2s}.alt-email button:hover{color:var(--accent);border-color:var(--accent)}.socials{flex-wrap:wrap;gap:28px;margin-top:48px;display:flex}.socials a{color:var(--muted);transition:color .2s}.socials a:hover{color:var(--accent)}.footer{z-index:1;border-top:1px solid var(--line);position:relative;overflow:hidden}.wordmark{padding:clamp(24px,4vw,48px) clamp(16px,4vw,48px) 0;display:block}.wordmark span{font-family:var(--display);letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;color:#0000;-webkit-text-stroke:1px #f1ece440;background:linear-gradient(90deg, var(--accent), var(--accent-2)) no-repeat 0 0 / 0% 100%;transition:background-size .9s var(--ease), -webkit-text-stroke-color .4s;-webkit-background-clip:text;background-clip:text;padding-bottom:.04em;font-size:10vw;font-weight:800;line-height:.85;display:inline-block}.wordmark:hover span{-webkit-text-stroke-color:transparent;background-size:100% 100%}.footer-row{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:24px clamp(16px,4vw,48px) 28px;font-size:.8rem;display:flex}.footer-row a:hover{color:var(--accent)}.grain{z-index:150;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}}.cursor-ring{border:1px solid var(--accent);pointer-events:none;z-index:300;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;transition:background .25s,border-color .25s;position:fixed;top:0;left:0}.cursor-ring.active{background:#ff6b3d2e;border-color:#0000}html{scrollbar-color:#3a342e var(--bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#3a342e;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.roll{vertical-align:top;line-height:1.4;display:inline-block;position:relative;overflow:hidden}.roll>span,.roll:after{transition:transform .45s var(--ease);display:block}.roll:after{content:attr(data-text);position:absolute;top:100%;left:0}.btn:hover .roll>span,.btn:hover .roll:after{transform:translateY(-100%)}.hero-name .char{pointer-events:auto;transition:transform .5s var(--ease), color .3s;display:inline-block}.hero-name .char:hover{color:var(--accent);transition-duration:.15s;transform:translateY(-10%)rotate(-4deg)}.cover{aspect-ratio:16/10;color:var(--c);background:radial-gradient(circle at 75% 75%, color-mix(in srgb, var(--c) 35%, transparent), transparent 55%), linear-gradient(140deg, #1d1a17, #0d0b0a);border:1px solid color-mix(in srgb, var(--c) 30%, transparent);border-radius:16px;position:relative;overflow:hidden}.cover-art{width:100%;height:100%;position:absolute;inset:0}.cover-top{color:var(--text);opacity:.8;text-transform:uppercase;justify-content:space-between;display:flex;position:absolute;inset:14px 16px auto}.cover-bottom{flex-direction:column;gap:2px;max-width:62%;display:flex;position:absolute;inset:auto 16px 14px}.cover-bottom strong{font-family:var(--display);letter-spacing:-.03em;color:var(--text);font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:800;line-height:1.05}.cover-bottom span{color:var(--c);font-size:.7rem}.preview{z-index:40;pointer-events:none;width:340px;margin:-110px 0 0 28px;position:fixed;top:0;left:0}.preview-inner{border-radius:16px;box-shadow:0 30px 60px -20px #000c}@media (hover:none),(width<=900px){.preview{display:none}}.modal-cover{margin:-8px -8px 24px}.modal-cover .cover-bottom strong{display:none}.section-title{position:relative}.section-title:before{content:attr(data-num);z-index:-1;font-family:var(--display);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1px #f1ece412;pointer-events:none;font-size:clamp(6rem,18vw,15rem);font-weight:800;line-height:1;position:absolute;top:-.2em;right:0}.pillar-top{justify-content:space-between;align-items:flex-start;display:flex}.pillar-icon{width:46px;height:46px;color:var(--accent);transition:background .3s, color .3s, transform .4s var(--ease);background:#ff6b3d1a;border-radius:12px;padding:10px}.pillar-icon svg{width:100%;height:100%}.pillar:hover .pillar-icon{background:var(--accent);color:var(--bg);transform:rotate(-8deg)scale(1.08)}@media (width<=900px){.row{grid-template-columns:40px 1fr 28px}.row-stack,.row-year{display:none}.skill-cols{grid-template-columns:repeat(2,1fr)}.exp-row{grid-template-columns:40px 1fr 40px}.exp-when{text-align:left;grid-area:2/2;align-items:flex-start}.exp-toggle{grid-area:1/3}.exp-points{padding-left:12px}.about{grid-template-columns:1fr}.about-photo{max-width:280px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:none}.stat:nth-child(n+3){border-top:1px solid var(--line)}.pillars{grid-template-columns:1fr}.edu{grid-template-columns:1fr;gap:8px}}@media (width<=640px){.menu-btn{display:block}.links{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:8px 16px 16px;display:none;position:absolute;top:100%;left:0;right:0}.links.open{display:flex}.links a{font-size:1.4rem;font-family:var(--display);border-bottom:1px solid var(--line);padding:14px 0}.links a:after{display:none}.scene{-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000);height:62%!important}.hero-hint{white-space:normal;text-align:center;width:max-content;font-size:.7rem;top:76px}.hero-bottom .btn{padding:10px 16px;font-size:.85rem}.hero-meta .role-swap{display:none}.row{gap:12px;padding:22px 4px}.skill-cols{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}