:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111418;--muted:#5f666f;--soft:#11141814;--line:#11141821;--panel:#ffffffb8;--paper:#f7f3eb;--accent:#0d7c66;--accent-ink:#063f35;--warm:#c8593f;--blue:#2858a7;--shadow:0 28px 90px #2b2d3029;--content-width:min(1000px, 80vw);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 82% 8%,#0d7c6621,#0000 30rem),radial-gradient(circle at 7% 58%,#c8593f1c,#0000 28rem),linear-gradient(135deg,#fbf8f1 0%,#f3eee5 42%,#eef2ef 100%);margin:0;overflow-x:hidden}body:before{z-index:-3;pointer-events:none;content:"";background-image:linear-gradient(#1114180b 1px,#0000 1px),linear-gradient(90deg,#1114180a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 84%);mask-image:linear-gradient(#000,#0000 84%)}a{color:inherit;text-decoration:none}#road-line,#scene{z-index:-2;width:100%;height:100%;position:fixed;inset:0}#road-line{pointer-events:none}#scene{cursor:grab;opacity:.72;touch-action:none;will-change:transform;background:0 0}#scene:active{cursor:grabbing}.grain{z-index:-1;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{z-index:8;width:var(--content-width);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:#ffffffa8;border-radius:8px;justify-content:space-between;align-items:center;height:56px;padding:8px 8px 8px 14px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 42px #33363a1c}.brand{cursor:pointer;appearance:none;background:#ffffff9e;border:1px solid #1114181a;border-radius:7px;place-items:center;width:36px;height:36px;padding:0;display:grid;overflow:hidden;box-shadow:0 8px 22px #2124271f}.brand img{object-fit:cover;view-transition-name:profile-photo;width:100%;height:100%;display:block}body.photo-open .brand img{view-transition-name:none}.brand:hover{border-color:#0d7c6666}.site-nav{scrollbar-width:none;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{color:#2b3036;border-radius:7px;flex:none;padding:10px 12px;font-size:13px;font-weight:650}.site-nav a:hover{background:#1114180f}#app{z-index:1;position:relative}.hero{min-height:90svh;width:var(--content-width);grid-template-columns:minmax(0,.92fr) minmax(280px,.42fr);align-items:end;gap:clamp(28px,5vw,72px);margin:0 auto;padding:156px 0 56px;display:grid}.hero-copy{max-width:780px}.hero-single{grid-template-columns:minmax(0,.84fr)}.eyebrow{color:var(--accent-ink);letter-spacing:.11em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:760}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:820px;margin-bottom:24px;font-size:clamp(52px,7.4vw,96px);line-height:.92}.lede{color:#2c3238;max-width:650px;margin-bottom:30px;font-size:clamp(18px,2.1vw,24px);line-height:1.42}.hero-actions,.contact-links{flex-wrap:wrap;gap:10px;display:flex}.button,.contact-links a,.contact-email{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;appearance:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff8f;border-radius:7px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:720;display:inline-flex;box-shadow:0 10px 30px #21242714}.button.primary{background:var(--ink);color:#fff;border-color:#0000}.button:hover,.contact-links a:hover,.contact-email:hover{background:#ffffffd1;border-color:#0d7c6666}.button.primary:hover{background:#2d3339}.hero-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);border-radius:8px;margin-bottom:120px;padding:18px}.panel-kicker{color:var(--warm);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:760;display:block}.hero-panel p{color:#2d343b;margin-bottom:0;font-size:16px;line-height:1.55}.section{width:var(--content-width);margin:0 auto;padding:clamp(68px,10vw,118px) 0;scroll-margin-top:92px}.section-heading{max-width:780px;margin-bottom:30px}.section h2{letter-spacing:0;margin-bottom:0;font-size:clamp(32px,4vw,54px);line-height:1.04}.intro-grid{grid-template-columns:minmax(0,.72fr) minmax(260px,.42fr);align-items:start;gap:clamp(24px,5vw,64px);display:grid}.intro-grid>p{color:#30373f;max-width:680px;font-size:clamp(22px,3.2vw,38px);line-height:1.18}.signal-list{gap:10px;margin:0;display:grid}.signal-list div,.timeline-item{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff94;border-radius:8px;box-shadow:0 18px 48px #2b2d301a}.signal-list div{padding:16px}.signal-list dt{color:var(--muted);text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:720}.signal-list dd{margin:0;font-size:17px;font-weight:740}.signal-list dd span{color:#4f5964;margin-top:6px;font-size:14px;font-weight:650;line-height:1.35;display:block}.skills-section{padding-top:clamp(24px,5vw,56px)}.skill-pills{flex-wrap:wrap;gap:10px;display:flex}.skill-pills span{border:1px solid var(--line);color:#222a31;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff9e;border-radius:8px;align-items:center;max-width:100%;min-height:40px;padding:0 14px;font-size:14px;font-weight:720;line-height:1.25;display:inline-flex;box-shadow:0 12px 34px #2b2d3014}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.contribution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.18);backdrop-filter:blur(20px)saturate(1.18);background:#ffffff9e;border-radius:8px;flex-direction:column;justify-content:flex-end;min-height:270px;padding:22px;transition:transform .18s,border-color .18s,background .18s;display:flex;box-shadow:0 18px 54px #2b2d301a}.work-card.featured{color:#fff;background:linear-gradient(135deg,#111418e6,#14443bd1),#111418e6;grid-column:span 2}.work-card:hover{background:#ffffffd6;border-color:#0d7c6675;transform:translateY(-3px)}.work-card.featured:hover{background:linear-gradient(135deg,#111418f0,#14443be0),#111418e6}.work-type{color:var(--accent-ink);letter-spacing:.1em;text-transform:uppercase;margin-bottom:auto;font-size:12px;font-weight:760}.featured .work-type{color:#8ee2c8}.work-card h3{letter-spacing:0;margin:52px 0 12px;font-size:clamp(24px,3vw,36px);line-height:1.02}.work-card p{color:#394049;margin-bottom:0;font-size:15px;line-height:1.55}.work-card.featured p{color:#ffffffc7}.subsection-heading{max-width:720px;margin:clamp(42px,7vw,72px) 0 18px}.subsection-heading h3{letter-spacing:0;margin:0;font-size:clamp(28px,4vw,48px);line-height:1.04}.contribution-card{min-height:230px}.timeline{gap:12px;display:grid}.timeline-item{grid-template-columns:minmax(110px,.24fr) 1fr;gap:22px;padding:22px;display:grid}.timeline-item span{color:var(--accent-ink);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:780}.timeline-item h3{margin-bottom:8px;font-size:clamp(22px,3vw,34px);line-height:1.08}.timeline-item p{color:#3b424a;max-width:700px;margin-bottom:0;font-size:16px;line-height:1.58}.contact-section{grid-template-columns:minmax(0,.7fr) minmax(280px,.42fr);align-items:end;gap:clamp(28px,5vw,72px);min-height:92svh;padding-top:22svh;padding-bottom:54px;display:grid}.contact-section h2{max-width:720px}#contact{scroll-margin-top:96px}.contact-links{align-content:center;align-self:end;padding-bottom:10px}.photo-preview{z-index:20;opacity:0;pointer-events:none;place-items:center;padding:24px;transition:opacity .18s;display:grid;position:fixed;inset:0}.photo-preview.is-open{opacity:1;pointer-events:auto}.photo-preview-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);appearance:none;background:#0a0d1194;border:0;position:absolute;inset:0}.photo-preview-image{aspect-ratio:1;cursor:pointer;object-fit:cover;view-transition-name:none;background:#ffffffb8;border:8px solid #ffffffb8;border-radius:8px;width:min(512px,100vw - 48px,100svh - 48px);display:block;position:relative;box-shadow:0 36px 110px #060a105c}body.photo-open .photo-preview-image{view-transition-name:profile-photo}::view-transition-group(profile-photo){animation-duration:.36s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(profile-photo){border-radius:8px;height:100%;overflow:clip}::view-transition-new(profile-photo){border-radius:8px;height:100%;overflow:clip}.hud{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:9;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:#ffffffad;border-radius:8px;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(360px,100vw - 36px);padding:8px;display:flex;position:fixed;box-shadow:0 18px 60px #1e3e5c2e}.bottom-shape-tooltip{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#111418eb;border:1px solid #11141821;border-radius:8px;max-width:min(300px,100vw - 44px);padding:10px 12px;font-size:13px;font-weight:740;line-height:1.2;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 12px);right:10px;transform:translateY(6px);box-shadow:0 18px 48px #12161b2e}.bottom-shape-tooltip:after{content:"";background:#111418eb;width:10px;height:10px;position:absolute;bottom:-6px;right:48px;transform:rotate(45deg)}.bottom-shape-tooltip.is-visible{opacity:1;transform:translateY(0)}.hud .runtime-status,.hud .range-control,.hud #motion-toggle,.hud #reset-view{display:none}.runtime-status{color:#111820;white-space:nowrap;background:#ffffffb3;border-radius:7px;place-items:center;min-height:40px;padding:0 12px;font-size:11px;font-weight:700;line-height:1;display:grid}.fps-counter{min-width:58px}.runtime-status[data-mode=webgpu]{color:#053d2a;background:#d6ffecbd}.runtime-status[data-mode=unsupported]{color:#473312;background:#fff1cec2}.range-control{width:118px;min-height:40px;color:var(--ink);font-variant-numeric:tabular-nums;background:#ffffff94;border-radius:7px;grid-template-columns:52px 1fr;align-items:center;gap:6px;padding:0 6px;font-size:11px;line-height:1;display:grid}.range-control input{width:100%;accent-color:var(--ink)}.icon-button{width:40px;height:40px;color:var(--ink);appearance:none;background:#ffffff94;border:1px solid #0000;border-radius:7px;place-items:center;display:grid;position:relative}.icon-button:hover{background:#e0f6efb8;border-color:#0d7c6657}.shape-strip{align-items:center;gap:6px;max-width:256px;min-height:40px;display:flex;overflow-x:auto}.shape-button{min-width:40px;max-width:112px;height:40px;color:var(--ink);font:inherit;white-space:nowrap;text-overflow:ellipsis;appearance:none;background:#ffffff94;border:1px solid #0000;border-radius:7px;padding:0 10px;font-size:11px;font-weight:700;overflow:hidden}.shape-button:hover,.shape-button.is-active{background:#e0f6efb8;border-color:#0d7c6657}.button:focus-visible,.contact-links a:focus-visible,.contact-email:focus-visible,.work-card:focus-visible,.icon-button:focus-visible,.shape-button:focus-visible,.site-nav a:focus-visible,.brand:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.icon-button .play,.is-paused .pause{display:none}.is-paused .play{display:block}@media (width<=900px){.hero,.intro-grid,.contact-section{grid-template-columns:1fr}.hero{align-items:end;min-height:92svh}.contact-section{align-items:start;gap:34px;min-height:max(640px,100svh - 24px);padding-top:clamp(250px,34svh,330px);padding-bottom:clamp(150px,20svh,190px)}.contact-section h2{max-width:760px;font-size:clamp(44px,8vw,72px)}.contact-links{align-self:start;padding-bottom:0}.hero-single{grid-template-columns:1fr}.hero-panel{max-width:520px;margin-bottom:0}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card.featured{grid-column:span 2}}@media (width<=680px){#scene{opacity:.56}.site-header{width:var(--content-width);top:10px}.site-nav a{padding:10px 4px;font-size:10px}.hero{min-height:98svh;padding-top:150px;padding-bottom:30px}h1{font-size:clamp(40px,12.8vw,62px)}.lede{font-size:18px}.hero-panel{display:none}.work-grid,.work-card.featured{grid-column:span 1;grid-template-columns:1fr}.work-card{min-height:230px}.skill-pills span{min-height:38px;padding:8px 12px;font-size:13px}.timeline-item{grid-template-columns:1fr}.contact-section{gap:26px;min-height:max(920px,100svh - 18px);padding-top:clamp(390px,48svh,450px);padding-bottom:78px}.contact-section h2{font-size:clamp(38px,11.4vw,58px)}.contact-links{grid-template-columns:1fr;gap:10px;display:grid}.contact-links a,.contact-email{width:100%}.hud{max-width:calc(100vw - 24px);bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#scene{cursor:default}.work-card{transition:none}}