:root{--r-xs:6px;--r-sm:10px;--r-md:18px;--r-lg:28px;--r-pill:999px;--bg:#f7f4ef;--surface:#fff;--stone:#f0ebe4;--stone-2:#e7e0d6;--ink:#23211f;--ink-2:#47433e;--muted:#6b665f;--line:#23211f14;--sage:#48664f;--sage-soft:#e3ece5;--sand:#77583a;--sand-soft:#f3e9da;--focus:#5a54c9;--shadow-sm:0 1px 2px #3024180a, 0 4px 14px -4px #30241812;--shadow-md:0 2px 6px #3024180a, 0 16px 36px -12px #30241824;--shadow-lg:0 4px 10px #3024180d, 0 30px 60px -18px #30241838;--font:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--w-light:260;--w-book:400;--w-medium:500;--w-semi:600;--w-bold:720;--pad:clamp(16px, 5vw, 72px);--max:1280px;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:var(--w-book);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}img{max-width:100%}button,a{color:inherit;font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.wrap{max-width:var(--max);padding:0 var(--pad);margin:0 auto}[hidden]{display:none!important}[data-view]{display:none}html:not([data-tab]) [data-view=projects],html[data-tab=projects] [data-view=projects],html[data-tab=resume] [data-view=resume],html[data-tab=about] [data-view=about]{display:block}.site-header{z-index:20;padding:14px var(--pad) 0;position:sticky;top:0}.header-bar{max-width:calc(var(--max) - 2 * var(--pad));border-radius:var(--r-pill);-webkit-backdrop-filter:saturate(1.4)blur(16px);backdrop-filter:saturate(1.4)blur(16px);box-shadow:var(--shadow-sm);background:#ffffffbd;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;padding:7px;display:grid}.brand{border-radius:var(--r-pill);background:var(--ink);width:42px;height:42px;color:var(--bg);cursor:pointer;font-size:11px;font-weight:var(--w-bold);letter-spacing:.06em;border:0}.seg{border-radius:var(--r-pill);background:var(--stone);gap:2px;padding:4px;display:flex}.seg button{border-radius:var(--r-pill);color:var(--muted);cursor:pointer;font-size:14px;font-weight:var(--w-semi);transition:background .25s var(--ease), color .25s var(--ease), box-shadow .25s var(--ease);background:0 0;border:0;padding:9px 20px}.seg button:hover{color:var(--ink)}.seg button.active{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm)}.view{animation:enter .45s var(--ease) both}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}.eyebrow{color:var(--muted);font-size:14px;font-weight:var(--w-medium);align-items:center;gap:9px;margin:0 0 20px;display:inline-flex}.eyebrow:before{content:"";border-radius:var(--r-pill);background:var(--sage);width:7px;height:7px;box-shadow:0 0 0 4px var(--sage-soft)}.pill-num{border-radius:var(--r-pill);background:var(--sand-soft);min-width:34px;color:var(--sand);font-size:12px;font-weight:var(--w-semi);font-variant-numeric:tabular-nums;text-align:center;place-self:start;padding:3px 9px;line-height:1.5;display:inline-block}.identity{grid-template-columns:1.2fr minmax(300px,1fr);align-items:end;gap:clamp(32px,6vw,96px);padding:clamp(56px,8vw,112px) 0 clamp(52px,7vw,96px);display:grid}.identity h1{font-size:clamp(38px,4.2vw,58px);font-weight:var(--w-light);letter-spacing:-.035em;margin:0;line-height:1.05}.identity-role{border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-sm);font-size:15px;font-weight:var(--w-semi);align-items:center;gap:11px;margin:30px 0 0;padding:9px 18px 9px 13px;display:inline-flex}.identity-role:before{content:"";border-radius:var(--r-pill);background:var(--sage);width:8px;height:8px;box-shadow:0 0 0 4px var(--sage-soft)}.identity-summary{color:var(--ink-2);font-size:clamp(19px,1.75vw,24px);font-weight:var(--w-light);letter-spacing:-.01em;margin:0;line-height:1.5}.projects-section{padding-bottom:clamp(56px,8vw,110px)}.section-intro{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.section-intro h2{font-size:clamp(24px,2.4vw,30px);font-weight:var(--w-bold);letter-spacing:-.03em;margin:0}.section-intro p{border-radius:var(--r-pill);background:var(--stone);color:var(--muted);font-size:13px;font-weight:var(--w-medium);align-items:center;gap:8px;margin:0;padding:8px 15px;display:inline-flex}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.project-card{border-radius:var(--r-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);color:inherit;transition:transform .4s var(--ease), box-shadow .4s var(--ease);padding:12px;text-decoration:none;display:block}a.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-card.featured{grid-column:1/-1;grid-template-columns:1.4fr 1fr;align-items:center;display:grid}.project-thumb{aspect-ratio:16/10;border-radius:var(--r-md);padding:clamp(20px,3.6vw,48px);position:relative;overflow:hidden}.project-details{padding:22px 14px 14px}.featured .project-details{padding:clamp(20px,3vw,44px)}.project-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-num{color:var(--muted);font-size:15px;font-weight:var(--w-light);font-variant-numeric:tabular-nums;letter-spacing:.02em}.status{border-radius:var(--r-pill);font-size:12.5px;font-weight:var(--w-semi);align-items:center;gap:7px;padding:6px 13px;display:inline-flex}.status-soon{background:var(--sand-soft);color:var(--sand)}.project-flags{align-items:center;gap:8px;display:inline-flex}.lock-badge{border-radius:var(--r-pill);background:var(--stone);width:32px;height:32px;color:var(--muted);place-items:center;display:inline-grid}.status-soon:before{content:"";border-radius:var(--r-pill);opacity:.6;background:currentColor;width:6px;height:6px}.project-details h3{font-size:clamp(26px,2.4vw,34px);font-weight:var(--w-bold);letter-spacing:-.035em;margin:22px 0 10px;line-height:1.08}.featured .project-details h3{font-size:clamp(32px,3.5vw,50px)}.project-details>p{max-width:46ch;color:var(--muted);margin:0;font-size:15.5px;line-height:1.65}.project-meta{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.project-meta span{border-radius:var(--r-pill);background:var(--stone);color:var(--ink-2);font-size:12.5px;font-weight:var(--w-medium);padding:7px 13px}.go{border-radius:var(--r-pill);background:var(--ink);width:48px;height:48px;color:var(--bg);transition:transform .4s var(--ease);place-items:center;margin-top:30px;font-size:18px;display:grid}a.project-card:hover .go{transform:translate(6px)}.is-soon{box-shadow:none;background:#ffffff80}.is-soon .project-thumb{filter:grayscale(.85)}.is-soon .project-thumb>*{opacity:.5}.is-soon h3{color:var(--ink-2)}.thumb-agent{background:linear-gradient(160deg,#ece5f8,#dbd0f1)}.ui-window{border-radius:var(--r-md);background:#fff;height:100%;overflow:hidden;box-shadow:0 24px 50px -20px #46326e61}.ui-top{border-bottom:1px solid #f1eef4;align-items:center;gap:6px;height:28px;padding:0 14px;display:flex}.ui-top i{border-radius:var(--r-pill);background:#e1dae8;width:7px;height:7px}.agent-layout{grid-template-columns:52px 1fr;height:calc(100% - 28px);display:grid}.agent-layout aside{background:#f8f6fa;flex-direction:column;align-items:center;gap:12px;padding-top:20px;display:flex}.agent-layout aside b{border-radius:var(--r-xs);background:#e9e3f1;width:20px;height:20px}.agent-layout aside b:first-child{background:#cdbff0}.agent-layout section{flex-direction:column;gap:clamp(8px,1.2vw,14px);min-height:0;padding:clamp(14px,2vw,24px) clamp(14px,2.2vw,28px);display:flex}.agents-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.agents-head h4{font-size:clamp(13px,1.5vw,19px);font-weight:var(--w-bold);letter-spacing:-.02em;margin:0}.agents-new{border-radius:var(--r-pill);color:#fff;font-size:10px;font-weight:var(--w-semi);background:#6a55b8;flex:none;padding:6px 12px}.agents-filters{gap:6px;display:flex}.agents-filters i{border-radius:var(--r-pill);background:#f2eef7;width:44px;height:14px}.agents-filters i:first-child{background:#e4dcf6}.agents-grid{flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:clamp(6px,1vw,12px);min-height:0;display:grid}.agents-grid div{border-radius:var(--r-sm);background:#fbfafc;border:1px solid #f0ecf4;flex-direction:column;gap:6px;padding:clamp(8px,1vw,12px);display:flex;position:relative}.agents-grid div:after{content:"";border-radius:var(--r-pill);background:#8fb79a;width:6px;height:6px;position:absolute;top:clamp(8px,1vw,12px);right:clamp(8px,1vw,12px)}.agents-grid div:nth-child(4):after,.agents-grid div:nth-child(6):after{background:#ddd6e3}.agents-grid b{aspect-ratio:1;border-radius:var(--r-xs);background:#cdbff0;width:clamp(14px,1.8vw,22px);margin-bottom:2px}.agents-grid div:nth-child(3n+2) b{background:#f3d5c0}.agents-grid div:nth-child(3n) b{background:#c8dcef}.agents-grid span{border-radius:var(--r-pill);background:#e6e1ed;height:5px}.agents-grid span:first-of-type{background:#cfc7da;width:70%}.agents-grid span:last-of-type{width:48%}.thumb-workbench{background:linear-gradient(160deg,#e5f0e9,#d2e5d9)}.wb-head{justify-content:space-between;align-items:center;display:flex}.wb-head span{color:#2f4537;font-size:clamp(15px,1.7vw,22px);font-weight:var(--w-bold);letter-spacing:-.02em}.wb-head b{border-radius:var(--r-pill);color:#fff;font-size:10px;font-weight:var(--w-medium);background:#48664f;padding:7px 13px}.wb-search{border-radius:var(--r-pill);background:#ffffffc7;width:62%;height:30px;margin:16px 0}.wb-grid{grid-template-columns:repeat(2,1fr);gap:10px;height:calc(100% - 78px);display:grid}.wb-grid i{border-radius:var(--r-sm);background:#ffffffd1;display:block}.thumb-partial{background:linear-gradient(160deg,#e4ebf7,#d2ddf1);place-items:center;display:grid}.partial-card{border-radius:var(--r-md);background:#fff;width:min(360px,92%);padding:clamp(14px,2vw,24px);box-shadow:0 24px 50px -20px #283c6461}.partial-card .sk{border-radius:var(--r-pill);background:#e9edf3;height:7px;display:block}.partial-card .sk-eyebrow{width:26%;height:6px}.partial-head{justify-content:space-between;align-items:center;gap:12px;margin:9px 0 16px;display:flex}.partial-card .sk-title{background:#c6cfdd;width:52%;height:clamp(10px,1.1vw,14px)}.partial-cta{border-radius:var(--r-pill);background:#5b74b8;flex:none;width:22%;height:clamp(14px,1.6vw,20px)}.partial-progress{border-radius:var(--r-pill);background:#e3e7ee;height:5px;margin-bottom:14px}.partial-progress i{border-radius:inherit;background:#5b74b8;width:62%;height:100%;display:block}.partial-row{border-top:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;display:flex}.partial-row .sk{width:42%}.partial-row+.partial-row .sk{width:30%}.split{border-radius:var(--r-pill);background:#e3e7ee;width:32%;height:7px;overflow:hidden}.split i{background:#a7b6dc;width:60%;height:100%;display:block}.partial-row+.partial-row .split i{width:35%}.page-heading{grid-template-columns:1fr minmax(300px,560px);align-items:end;gap:clamp(32px,6vw,96px);padding:clamp(64px,10vw,136px) 0 clamp(44px,6vw,80px);display:grid}.page-heading h1{font-size:clamp(60px,8.4vw,124px);font-weight:var(--w-light);letter-spacing:-.05em;margin:0;line-height:.94}.page-heading p.lede{color:var(--ink-2);margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.55}.heading-links{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.btn{border-radius:var(--r-pill);font-size:14px;font-weight:var(--w-semi);transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease);align-items:center;gap:8px;padding:12px 20px;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-soft{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.resume-layout{grid-template-columns:300px 1fr;align-items:start;gap:clamp(28px,5vw,72px);padding-bottom:clamp(56px,8vw,110px);display:grid}.resume-layout aside{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:28px;position:sticky;top:104px}.list-heading{font-size:14px;font-weight:var(--w-bold);margin:0 0 14px}.resume-layout aside ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.resume-layout aside li{border-radius:var(--r-pill);background:var(--stone);color:var(--ink-2);font-size:13.5px;font-weight:var(--w-medium);padding:8px 13px;line-height:1.3}.resume-group+.resume-group{border-top:1px solid var(--line);margin-top:28px;padding-top:26px}.timeline-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:0 6px;display:flex}.timeline-heading h2{font-size:clamp(24px,2.4vw,30px);font-weight:var(--w-bold);letter-spacing:-.03em;margin:0}.timeline-heading span{border-radius:var(--r-pill);background:var(--stone);color:var(--muted);font-size:13px;font-weight:var(--w-medium);padding:7px 14px}.timeline-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:4px clamp(18px,3vw,36px)}.timeline-card article{grid-template-columns:170px 1fr;gap:28px;padding:30px 0;display:grid}.timeline-card article+article{border-top:1px solid var(--line)}.timeline-card time{height:max-content;color:var(--muted);font-size:14px;font-weight:var(--w-medium);font-variant-numeric:tabular-nums;align-items:center;gap:9px;padding-top:5px;display:flex}.timeline-card time.current{color:var(--sage)}.timeline-card time.current:before{content:"";border-radius:var(--r-pill);background:var(--sage);width:7px;height:7px;box-shadow:0 0 0 4px var(--sage-soft);flex:none}.timeline-card h3{font-size:clamp(22px,2vw,28px);font-weight:var(--w-bold);letter-spacing:-.025em;margin:0 0 10px;line-height:1.15}.timeline-card article p{max-width:62ch;color:var(--muted);margin:0;font-size:15.5px;line-height:1.7}.education-heading{margin-top:56px}.about-heading h1{max-width:520px}.photo-story{grid-template-columns:1.2fr .8fr;align-items:end;gap:clamp(16px,2.4vw,32px);padding-bottom:clamp(64px,9vw,120px);display:grid}.personal-photo{border-radius:var(--r-lg);background:var(--stone-2);box-shadow:var(--shadow-md);margin:0;position:relative;overflow:hidden}.personal-photo img{object-fit:cover;width:100%;height:100%;display:block}.photo-professional{aspect-ratio:4/5}.photo-professional img{object-position:50% 42%}.photo-volleyball{aspect-ratio:3/4}.photo-volleyball img{object-position:50% 48%}.personal-photo figcaption{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);font-size:13px;font-weight:var(--w-semi);background:#ffffffd9;padding:8px 15px;position:absolute;bottom:16px;left:16px}.about-chapter{border-top:1px solid var(--line);grid-template-columns:minmax(180px,.55fr) 1.45fr;gap:clamp(28px,9vw,140px);padding:clamp(44px,6vw,80px) 0;display:grid}.about-chapter>h2{font-size:clamp(28px,3vw,40px);font-weight:var(--w-bold);letter-spacing:-.035em;margin:0;line-height:1.1}.about-copy{max-width:760px}.about-copy p{color:var(--ink-2);margin:0 0 22px;font-size:17px;line-height:1.75}.about-copy p:first-child{color:var(--ink);font-size:clamp(20px,2vw,26px);font-weight:var(--w-medium);letter-spacing:-.015em;line-height:1.45}.about-copy p:last-child{margin-bottom:0}.journey-section{border-top:1px solid var(--line);padding:clamp(44px,6vw,80px) 0 clamp(56px,8vw,100px)}.journey-heading{grid-template-columns:1fr minmax(300px,520px);align-items:end;gap:clamp(24px,6vw,80px);padding-bottom:36px;display:grid}.journey-heading h2{font-size:clamp(40px,5vw,72px);font-weight:var(--w-light);letter-spacing:-.045em;margin:0;line-height:1}.journey-heading>p{color:var(--ink-2);margin:0;font-size:17px;line-height:1.6}.journey-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 18px;display:grid}.journey-card{min-width:0;margin:0}.journey-card img{border-radius:var(--r-md);background:var(--stone-2);object-fit:cover;width:100%;height:250px;box-shadow:var(--shadow-sm);display:block}.journey-card figcaption{grid-template-columns:40px 1fr;align-items:start;gap:10px;padding-top:14px;display:grid}.journey-card figcaption p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.journey-conference-main{grid-column:span 5}.journey-conference-action{grid-column:span 7}.journey-conference-main img,.journey-conference-action img{height:320px}.journey-whiteboard,.journey-brainstorm,.journey-design-team{grid-column:span 4}.journey-early-days{grid-column:span 3}.journey-workshop{grid-column:span 5}.journey-team{grid-column:span 4}.journey-early-days img,.journey-workshop img,.journey-team img{height:270px}.journey-whiteboard img,.journey-design-team img{object-position:50% 42%}.journey-early-days img{object-position:50% 28%}.journey-team img{object-position:50% 44%}.interest-list{gap:12px;display:grid}.interest-list article{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:48px 1fr;gap:14px;padding:24px 26px;display:grid}.interest-list h3{font-size:21px;font-weight:var(--w-bold);letter-spacing:-.02em;margin:0 0 8px}.interest-list p{max-width:62ch;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.site-footer{padding-bottom:24px}.footer-bar{border-radius:var(--r-lg);background:var(--stone);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:20px 26px;font-size:14px;display:flex}.footer-bar a{border-radius:var(--r-pill);color:var(--ink);font-weight:var(--w-semi);transition:background .25s var(--ease);padding:8px 14px;text-decoration:none}.footer-bar a:hover{background:var(--surface)}.fx-layer{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:fixed;top:0;left:0}.is-soon{background:#fbfaf7}@media (width<=900px){.identity,.page-heading,.journey-heading,.projects-grid{grid-template-columns:1fr}.project-card.featured{display:block}.featured .project-details{padding:22px 14px 14px}.resume-layout{grid-template-columns:1fr}.resume-layout aside{position:static}.about-chapter{grid-template-columns:1fr}.journey-conference-main,.journey-conference-action,.journey-whiteboard,.journey-brainstorm,.journey-design-team,.journey-early-days,.journey-workshop,.journey-team{grid-column:span 6}.journey-card img,.journey-conference-main img,.journey-conference-action img,.journey-early-days img,.journey-workshop img,.journey-team img{height:240px}}@media (width>=901px) and (width<=1100px){.agents-grid div:nth-child(n+4){display:none}}@media (width<=620px){.site-header{padding-top:10px}.header-bar{grid-template-columns:auto 1fr;padding:6px}.brand{width:38px;height:38px;font-size:10px}.seg{justify-self:end}.seg button{padding:8px 13px;font-size:13px}.identity{padding-top:56px}.identity-role{font-size:14px}.section-intro{flex-direction:column;align-items:flex-start}.projects-grid{gap:16px}.project-card{border-radius:var(--r-md);padding:8px}.project-thumb{border-radius:var(--r-sm);padding:18px}.agent-layout{grid-template-columns:36px 1fr}.agent-layout aside b{width:14px;height:14px}.agents-grid{grid-template-columns:repeat(2,1fr)}.agents-grid div:nth-child(n+3){display:none}.wb-search{height:22px;margin:10px 0}.wb-grid{gap:6px;height:calc(100% - 58px)}.partial-row:last-child{display:none}.project-details,.featured .project-details{padding:18px 10px 12px}.page-heading{padding-top:56px}.resume-layout aside{padding:22px}.timeline-card article{grid-template-columns:1fr;gap:8px;padding:24px 0}.photo-story{grid-template-columns:1fr;gap:20px}.about-copy p{font-size:16px}.journey-grid{gap:24px 12px}.journey-card img,.journey-conference-main img,.journey-conference-action img,.journey-early-days img,.journey-workshop img,.journey-team img{height:170px}.journey-conference-main,.journey-conference-action{grid-column:1/-1}.journey-conference-main img,.journey-conference-action img{height:230px}.journey-card figcaption{grid-template-columns:1fr;gap:6px}.journey-card figcaption p{font-size:13px}.interest-list article{grid-template-columns:1fr;gap:10px;padding:20px}.footer-bar{padding:16px 18px}}@media (width<=360px){.agents-filters{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}