:root{--paper:#efede7;--paper-2:#f7f6f2;--ink:#16181d;--sub:#5d6068;--muted:#868991;--hair:#16181d1f;--accent:#2a4bd7;--grid:#2a4bd70f;--band:#14235c;--band-ink:#d6e2ff;--sans:"Instrument Sans", -apple-system, "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--display:"Inter Tight", "Helvetica Neue", Arial, var(--sans);--ease:cubic-bezier(.16, .84, .22, 1);--gutter:clamp(16px, 3vw, 28px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}::selection{background:var(--band);color:var(--band-ink)}.band ::selection{background:var(--band-ink);color:var(--band)}.work-show ::selection{background:var(--band-ink);color:var(--band)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.mono{font-family:var(--mono)}.paper{pointer-events:none;z-index:0;position:fixed;inset:0}.paper:before{content:"";background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 15%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 15%,#0000 75%)}.paper:after{content:"";background:radial-gradient(90% 80% at 50% 45%,#0000 55%,#3c321e1a 100%);position:absolute;inset:0}.nav{z-index:20;padding:0 var(--gutter);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:16px;left:0;right:0}.nav-group{pointer-events:auto;gap:6px;display:flex}.nav-contact{justify-self:end}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav-name{pointer-events:auto;color:var(--sub);justify-self:start;align-items:center;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.nav-name:hover{color:var(--ink)}.name-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin:0 5px}.nav-name:hover .name-dot{animation:.62s cubic-bezier(.3,0,.3,1) hop}@keyframes hop{35%{transform:translateY(-7px)}62%{transform:translateY(0)scale(1.25,.8)}80%{transform:translateY(-1.5px)}}.mark{width:38px;height:38px;transition:transform .35s var(--ease);border-radius:9px;display:block;box-shadow:0 1px 2px #14141e1f}.mark svg{display:block}.mark:hover{transform:rotate(-6deg)scale(1.05)}.mark:hover .mark-path{stroke-dasharray:1;animation:.85s cubic-bezier(.6,0,.3,1) sign}@keyframes sign{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (width<=700px){.nav{justify-content:space-between;gap:10px;display:flex}.nav-name{display:none}.nav-group{gap:4px}.nav .pill{padding:0 11px;font-size:13.5px}}.pill{height:38px;color:var(--ink);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#ffffff80;border:1px solid #ffffffbf;border-radius:99px;align-items:center;padding:0 15px;font-size:14px;text-decoration:none;transition:background .3s,color .3s,border-color .3s;display:inline-flex;box-shadow:0 1px 2px #14141e0f}.nav span.pill,.nav span.mark,.nav span.nav-name{cursor:default;-webkit-user-select:none;user-select:none}.pill[aria-current=page]{color:#fff;background:#16181d57;border-color:#0000}.pill:hover,.pill:focus-visible{color:#fff;background:#16181d9e;border-color:#0000}.roll{display:inline-flex}.roll-short{display:none}@media (width<=440px){.roll-long{display:none}.roll-short{display:inline-flex}}.roll-ch{height:1.25em;line-height:1.25;display:inline-block;overflow:hidden}.roll-ch>span{transition:transform .5s var(--ease) calc(var(--i) * 30ms);display:block}.pill:hover .roll-ch>span,.pill:focus-visible .roll-ch>span{transform:translateY(-100%)}.curtain{z-index:60;background:var(--ink);color:var(--paper);will-change:transform;position:fixed;inset:0}.curtain[data-phase=shrink]{animation:1.25s cubic-bezier(.974,0,.18,1) forwards curtain-shrink}@keyframes curtain-shrink{0%{transform:scale(1)}to{transform:scale(0)}}.big-title{white-space:nowrap;color:var(--ink);text-align:left;line-height:.74;font-family:var(--display);letter-spacing:-.045em;align-self:stretch;margin:0;font-weight:500;position:relative}.big-measure{visibility:hidden;pointer-events:none;white-space:nowrap;font:500 100px/1 var(--display);letter-spacing:-.045em;position:absolute;top:0;left:0}.big-title .mask{vertical-align:bottom;padding:.01em 0 .02em;display:inline-block;overflow:hidden}.big-title .ch{display:inline-block;transform:translateY(108%)}.big-title.go .ch{transition:transform 1.05s var(--ease);transform:none}.big-title.grow .ch{transform:none}.big-title.grow{clip-path:inset(50%)}.big-title.grow.go{clip-path:inset(-3% -1%);transition:clip-path 1.5s cubic-bezier(.785,.135,.15,.86)}.big-title.grow .ch.stop{transform:translateY(-.62em)}.big-title.grow.go .ch.stop{transform:none;transition:transform .9s cubic-bezier(.6,0,.25,1) .55s!important}.hero{z-index:1;min-height:100svh;padding:96px var(--gutter) var(--gutter);flex-direction:column;justify-content:flex-end;gap:clamp(12px,2vh,22px);display:flex;position:relative}@media (width>=900px) and (height>=600px){.one-screen body{overflow:hidden}.one-screen .hero{height:100svh}}.band{background:radial-gradient(90% 140% at 8% 0%, #ffffff29, transparent 60%), radial-gradient(70% 120% at 100% 100%, #00001e47, transparent 65%), var(--band);color:var(--band-ink);flex-direction:column;gap:14px;padding:16px;display:flex}.band :focus-visible{outline-color:#fff}.band-intro{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px 48px;padding:2px 2px 0;display:grid}.statement{font:500 clamp(22px, 2.2vw, 32px)/1.08 var(--display);letter-spacing:-.03em;margin:0}.summary{max-width:100ch;color:color-mix(in srgb, var(--band-ink) 82%, transparent);text-wrap:pretty;margin:0;font-size:14px;line-height:1.5}.byline{color:color-mix(in srgb, var(--band-ink) 82%, transparent);white-space:nowrap;align-self:center;align-items:center;gap:12px;font-size:13px;line-height:1.3;display:flex}.byline b{color:var(--band-ink);font-weight:600}.portrait{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:50%/cover no-repeat}.avatar{border:1px solid #ffffff80;border-radius:50%;flex:none;width:46px;height:46px;display:block}@media (width<=1100px){.band-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.byline{grid-area:2/1}.summary{grid-area:1/2/span 2}}@media (width<=700px){.band-intro{grid-template-columns:1fr}.byline,.summary{grid-area:auto}}.rise{opacity:0;transform:translateY(14px)}.hero[data-ready] .rise{animation:rise .9s var(--ease) .55s forwards}@keyframes rise{to{opacity:1;transform:none}}.pcards{text-align:left;perspective:1800px;perspective-origin:50% 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;display:grid}.pcard{min-width:0;color:var(--band-ink);-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);transform-origin:50% 100%;transform:translateY(30px) rotateX(62deg) rotateY(calc(var(--c) * -22deg));opacity:0;background:linear-gradient(160deg,#ffffff38,#ffffff0f 55%,#ffffff1a);border:1px solid #ffffff47;border-radius:16px;flex-direction:column;padding:13px 16px 14px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #ffffff14,inset 0 0 24px #ffffff0f,0 10px 30px #000a3c38}.hero[data-ready] .pcard{opacity:1;transition:transform 1.2s var(--ease) calc(.75s + var(--d)), opacity .8s ease calc(.75s + var(--d));transform:none}.pcard-top{align-items:center;gap:8px;min-width:0;height:24px;display:flex}.pcard h3{font:600 13.5px/1 var(--sans);letter-spacing:-.005em;white-space:nowrap;margin:0}.pcard-kind{white-space:nowrap;color:color-mix(in srgb, var(--band-ink) 62%, transparent);font-size:12.5px;line-height:1}.pcard-kind:before{content:"·";margin-right:8px}.metric{margin-top:12px}.metric b{font:600 clamp(30px, 2.8vw, 44px)/.95 var(--display);letter-spacing:-.035em;display:block}.metric span{font:500 15.5px/1.3 var(--sans);letter-spacing:-.01em;color:var(--band-ink);margin-top:7px;display:block}.pcard p{color:color-mix(in srgb, var(--band-ink) 68%, transparent);margin:8px 0 0;font-size:13px;line-height:1.45}.pcard-actions{align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.pcard-more,.pcard-link{white-space:nowrap;border-radius:99px;flex:none;align-items:center;gap:4px;padding:4px 10px;font-size:12.5px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.pcard-more{color:var(--band-ink);border:1px solid color-mix(in srgb, var(--band-ink) 45%, transparent)}.pcard-link{color:var(--band);background:var(--band-ink);border:1px solid var(--band-ink);margin-left:auto}.pcard-actions>:not(.stretch){z-index:2;position:relative}a.pcard-more:not(.stretch):hover{background:#ffffff1f}.stretch:after{content:"";z-index:1;border-radius:16px;position:absolute;inset:0}.pcard.linked{cursor:pointer}.pcard.linked:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:#ffffff14;transition:opacity .3s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff80}.pcard.linked:hover:before,.pcard.linked:focus-within:before{opacity:1}.pcard-arrow{transition:transform .35s var(--ease);display:inline-block}.pcard.linked:hover .pcard-more .pcard-arrow,.pcard.linked:focus-within .pcard-more .pcard-arrow{transform:translate(3px)}.pcard.linked:hover .pcard-link .pcard-arrow,.pcard.linked:focus-within .pcard-link .pcard-arrow{transform:translate(2px,-2px)}.pcard-more:focus-visible,.pcard-link:focus-visible{outline:2px solid var(--band-ink);outline-offset:3px}@media (width>=900px) and (height<=820px){.hero{padding-top:68px;padding-bottom:16px}}@media (width<=900px){.pcards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.pcards{grid-template-columns:1fr}}.about{z-index:1;padding:clamp(120px,12vw,190px) 0 clamp(96px,10vw,160px);position:relative}.about-row{padding:0 var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px clamp(32px,2.4vw,48px);display:grid}.about-row+.about-row{border-top:1px solid var(--hair);margin-top:clamp(64px,6vw,110px);padding-top:clamp(64px,6vw,110px)}.about-label{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.about-label h2{max-width:7.5em;font:600 clamp(26px, 2.2vw, 40px)/1.05 var(--display);letter-spacing:-.025em;color:var(--band);margin:0}.about-body{max-width:max(440px,29vw)}.about-body>p:not([class]){color:var(--sub);margin:0 0 1.1em;font-size:clamp(16px,.85vw,17.5px);line-height:1.65}.about-body>p:not([class]):last-child{margin-bottom:0}.about-photo{aspect-ratio:4/5;background-position:50% 20%;border-radius:14px;width:100%;max-width:200px;margin-top:28px;display:block}.caps{margin:0;padding:0;list-style:none}.cap+.cap{margin-top:24px}.cap h3{font:600 17px/1.3 var(--sans);color:var(--ink);margin:0}.cap-tools{color:var(--sub);margin:4px 0 0;font-size:15px;line-height:1.5}.cap-where{color:var(--muted);margin:4px 0 0;font-size:13px}.skills-all{margin-top:32px}.skills-all summary{color:var(--ink);cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:500;list-style:none;display:inline-flex}.skills-all summary::-webkit-details-marker{display:none}.skills-all summary:after{content:"+";color:var(--muted)}.skills-all[open] summary:after{content:"−"}.skills-all-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;margin-top:18px;display:grid}.skills-all h4{font:500 12.5px/1.3 var(--sans);color:var(--muted);margin:0 0 6px}.skills-all ul{margin:0;padding:0;list-style:none}.skills-all li{color:var(--sub);font-size:14px;line-height:1.6}.edu-degree{color:var(--ink);margin:0;font-size:16px;font-weight:600;line-height:1.4}.edu-detail{color:var(--muted);margin:6px 0 0;font-size:14.5px}.recognition{margin:28px 0 0;padding:0;list-style:none}.recognition li{color:var(--sub);font-size:16px;line-height:1.5}.recognition li+li{margin-top:10px}@media (width<=760px){.about-row{grid-template-columns:1fr;gap:18px}.about-label{text-align:left;align-items:flex-start}.about-photo{max-width:180px;margin-top:20px}}.work-page{z-index:1;grid-template-columns:200px minmax(0,1fr);align-items:start;padding:104px 0 120px;display:grid;position:relative}.work-side{height:100svh;padding-left:var(--gutter);align-items:center;display:flex;position:sticky;top:0}.work-side ol{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.work-side a{height:26px;color:var(--muted);border-radius:99px;align-items:center;gap:8px;padding:0 10px 0 8px;font-size:12.5px;text-decoration:none;display:inline-flex}.work-side i{width:5px;height:5px;transition:background .2s, transform .2s var(--ease);background:currentColor;border-radius:50%;flex:none}.work-side span{opacity:0;transition:opacity .25s, transform .25s var(--ease);white-space:nowrap;transform:translate(-4px)}.work-side a:hover span,.work-side a:focus-visible span{opacity:1;transform:none}.work-side a[aria-current]{color:var(--ink);background:#fff9}.work-side a[aria-current] i{background:var(--accent)}.work-side a[aria-current] span{opacity:1;transform:none}.work-panels{flex-direction:column;gap:clamp(64px,9vw,120px);display:flex}.work-panel{background:#fbfaf7;padding:clamp(28px,3.2vw,48px);scroll-margin-top:84px}.work-info{grid-template-columns:1.1fr 1.3fr 1fr 1.2fr;align-items:start;gap:28px clamp(24px,3vw,48px);display:grid}.work-info h3,.work-show h3{font:500 12.5px/1 var(--sans);color:var(--muted);margin:0 0 12px}.work-info p{color:var(--sub);margin:0;font-size:14px;line-height:1.5}.work-name h2{font:500 clamp(22px, 2vw, 28px)/1.1 var(--display);letter-spacing:-.02em;margin:0}.work-tag{border:1px solid var(--hair);color:var(--sub);border-radius:99px;margin-top:12px;padding:3px 10px;font-size:12px;display:inline-block}.work-visit{width:max-content;color:var(--band-ink);background:var(--band);border-radius:99px;align-items:center;gap:4px;margin-top:16px;padding:8px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.work-visit:hover{background:var(--accent)}.work-skills{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.work-skills li{border:1px solid var(--hair);color:var(--ink);border-radius:6px;padding:4px 9px;font-size:12.5px}.work-show{background:radial-gradient(90% 140% at 8% 0%, #ffffff24, transparent 60%), radial-gradient(70% 120% at 100% 100%, #00001e47, transparent 65%), var(--band);color:var(--band-ink);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px clamp(32px,5vw,80px);margin-top:clamp(28px,3.2vw,44px);padding:clamp(28px,3.4vw,52px);display:grid}.work-show h3{color:color-mix(in srgb, var(--band-ink) 62%, transparent)}.work-figure{align-self:end}.work-figure b{white-space:nowrap;font:500 clamp(56px, 7vw, 120px)/.85 var(--display);letter-spacing:-.045em;display:block}.work-figure span{font:500 clamp(17px, 1.5vw, 21px)/1.3 var(--sans);letter-spacing:-.01em;margin-top:16px;display:block}.work-steps ol{counter-reset:step;margin:0;padding:0;list-style:none}.work-steps li{counter-increment:step;border-top:1px solid color-mix(in srgb, var(--band-ink) 22%, transparent);color:color-mix(in srgb, var(--band-ink) 86%, transparent);grid-template-columns:30px minmax(0,1fr);padding:12px 0;font-size:15px;line-height:1.5;display:grid}.work-steps li:before{content:counter(step, decimal-leading-zero);font:500 12px/1.9 var(--mono);color:color-mix(in srgb, var(--band-ink) 55%, transparent)}.work-result{border-top:1px solid color-mix(in srgb, var(--band-ink) 30%, transparent);grid-column:1/-1;padding-top:24px}.work-result p{max-width:60ch;font:500 clamp(17px, 1.5vw, 20px)/1.4 var(--sans);letter-spacing:-.01em;margin:0}@media (width<=1100px){.work-info{grid-template-columns:1fr 1fr}}@media (width<=760px){.work-page{grid-template-columns:1fr;padding-top:84px}.work-side{display:none}.work-panels{gap:32px}.work-info,.work-show{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.big-title .ch,.rise,.pcard,.roll-ch>span,.name-dot,.mark,.mark-path{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}