:root{--color-paper:oklch(98.5% 0.006 95);--color-paper-2:oklch(96.2% 0.008 95);--color-ink:oklch(24% 0.006 60);--color-ink-2:oklch(46% 0.006 60);--color-rule:oklch(24% 0.006 60/0.14);--color-accent:oklch(90% 0.17 103);--color-accent-ink:oklch(24% 0.006 60);--color-focus:oklch(56% 0.18 250);--font-display:"Fraunces",Georgia,"Times New Roman",serif;--font-body:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--font-mono:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--tracking-display:-0.02em;--tracking-label:0.24em;--space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:0.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-display-s:clamp(2rem,5.5vw,3.75rem);--text-display:clamp(2.75rem,9vw,7rem);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-short:220ms;--dur-med:420ms;--dur-long:700ms;--radius-card:3px;--radius-pill:999px;--radius-input:0px;--rule-hair:1px;--gutter:clamp(1.25rem,8vw,12rem)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}h1,h2,h3{font-family:var(--font-display);font-style:normal;font-weight:600;letter-spacing:var(--tracking-display);line-height:.98;overflow-wrap:anywhere;min-width:0}a{color:inherit;text-decoration:none}a:hover{opacity:.6}button{font-family:inherit}::selection{background:var(--color-accent);color:var(--color-accent-ink)}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}.hl{background-image:linear-gradient(var(--color-accent),var(--color-accent));background-repeat:no-repeat;background-size:100% .86em;background-position:0 calc(100% - .14em);color:var(--color-accent-ink);padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}@keyframes hero-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes proj-fade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@view-transition{navigation:auto}.nav{view-transition-name:site-nav}::view-transition-new(site-nav),::view-transition-old(site-nav){animation-duration:var(--dur-short);animation-timing-function:var(--ease-out)}::view-transition-old(root){animation:vt-out var(--dur-short) var(--ease-in-out) both}::view-transition-new(root){animation:vt-in var(--dur-med) var(--ease-out) both}@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)}}.pd__cover{view-transition-name:project-shot}::view-transition-group(project-shot){animation-duration:var(--dur-med);animation-timing-function:var(--ease-in-out)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation-duration:.001ms!important}}:root{--bp-wide:40rem;--gutter-safe:max(var(--gutter),env(safe-area-inset-left))}#about,#contact,#resume,#top,#work{scroll-margin-top:5rem}.resume__meta{margin:var(--space-md) 0 0;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-2)}.sec{position:relative;z-index:3;padding:var(--space-2xl) var(--gutter-safe)}.wrap{width:100%;max-width:1180px;margin:0 auto}.only-compact{display:revert}.only-wide{display:none}@media (pointer:coarse){.backlink,.cta,.feat__dot,.iconbtn,.pd__next,.tab{min-height:48px}.iconbtn{min-width:48px}}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;flex-direction:column;background:color-mix(in oklab,var(--color-paper) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-rule)}.nav__bar{justify-content:space-between;gap:var(--space-sm);padding:var(--space-2xs) var(--gutter-safe)}.nav__bar,.nav__links{display:flex;align-items:center}.nav__links{gap:var(--space-md);padding:0 var(--gutter-safe) var(--space-2xs)}.foot__link,.nav__link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:400;white-space:nowrap}.nav__link--active{box-shadow:inset 0 -.34em 0 var(--color-accent)}.foot{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-xl) var(--gutter-safe) max(var(--space-xl),env(safe-area-inset-bottom));border-top:1px solid var(--color-rule)}.foot__links{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md)}.cta-row{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);margin-top:var(--space-xl);max-width:22rem}.cta{text-align:center;white-space:nowrap}.feat__marquee{display:none}.feat__title{display:grid;margin:0 0 var(--space-md);font-family:var(--font-display);font-weight:600;font-size:clamp(1.75rem,8vw,2.75rem);letter-spacing:var(--tracking-display);line-height:1.02;overflow-wrap:anywhere;min-width:0}.feat__sub>span,.feat__title>span{grid-area:1/1;visibility:hidden}.feat__sub>span[data-active=true],.feat__title>span[data-active=true]{visibility:visible}.feat__sub{display:grid;min-width:0}.feat__stage{width:100%;max-width:clamp(320px,64vw,980px);margin:0 auto;touch-action:pan-y}.feat__dots{gap:var(--space-2xs);margin-top:var(--space-md)}.feat__dot,.feat__dots{display:flex;justify-content:center}.feat__dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;width:32px;padding:0;border:0;background:transparent;cursor:pointer}.feat__dot:after{content:"";width:100%;height:2px;background:var(--color-rule);transition:background var(--dur-short) var(--ease-out)}.feat__dot[aria-current=true]:after{background:var(--color-ink)}.feat__meta{flex-wrap:wrap;align-items:baseline;gap:var(--space-2xs) var(--space-sm)}.feat__controls,.feat__meta{display:flex;margin-top:var(--space-md)}.feat__controls{align-items:center;gap:var(--space-2xs)}.feat__view{margin-left:auto}.about{position:relative;z-index:3;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-2xl) var(--gutter-safe);overflow:clip}.about__stage{position:relative;order:1}.about__panel-col{order:2}.about__hint{display:none;order:3}.about__scatter{order:4}.about__scatter-label{order:5}.about__stage [data-sticker]{display:none}.about__head{margin:0;font-size:var(--text-display-s)}.about__scatter{position:relative;width:100%;max-width:30rem;height:clamp(240px,72vw,340px);-moz-user-select:none;user-select:none;-webkit-user-select:none}.about__pin{position:absolute;filter:drop-shadow(0 8px 16px rgba(0,0,0,.16));transition:transform var(--dur-med) var(--ease-out),filter var(--dur-med) var(--ease-out)}.about__pin[data-on=true]{z-index:3;filter:drop-shadow(0 18px 30px rgba(0,0,0,.26))}.about__pin-hit{position:absolute;inset:0;z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:transparent;cursor:pointer}.about__panel{width:100%;max-width:460px}.edu{position:relative;z-index:3;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-2xl) var(--gutter-safe);overflow:clip}.edu__stickers [data-edu-sticker]{display:none}.tabrail{display:flex;gap:var(--space-2xs);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-block:var(--space-3xs);scrollbar-width:none}.tabrail::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}.edu__drop{position:relative;flex:0 0 auto;margin-block:var(--space-sm);pointer-events:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.16))}.edu__drop[data-side=right]{align-self:flex-end;margin-right:var(--space-md)}.edu__drop[data-side=left]{align-self:flex-start;margin-left:var(--space-xl)}.edu__row{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md) 0}.edu__stamp{display:flex;align-items:baseline;gap:var(--space-xs)}.contact{position:relative;z-index:3;padding:var(--space-2xl) var(--gutter-safe);overflow:clip}.contact__grid{display:flex;flex-direction:column;gap:var(--space-2xl);width:100%;max-width:1180px;margin:0 auto}.contact__col{flex:1 1 300px;min-width:0;max-width:560px}.proj__lede{margin:var(--space-lg) 0 0;max-width:52ch;font-size:clamp(1.0625rem,4.2vw,1.375rem);line-height:1.55;opacity:.84;text-wrap:pretty}.proj__filters{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg) var(--gutter-safe) var(--space-sm)}.proj__count{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-2)}.proj__row{display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;grid-column-gap:var(--space-sm);column-gap:var(--space-sm);grid-row-gap:var(--space-2xs);row-gap:var(--space-2xs);padding:var(--space-sm) 0;border-top:1px solid var(--color-rule);color:var(--color-ink)}.proj__shot{grid-column:1;position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;transition:transform var(--dur-med) var(--ease-out)}.proj__body{grid-column:2;display:flex;flex-direction:column;gap:2px;min-width:0}.proj__chev{grid-column:3;font-size:var(--text-md);opacity:.35}.proj__chev,.proj__num{font-family:var(--font-mono)}.proj__num{display:none;font-size:var(--text-sm);font-weight:700;opacity:.4}.proj__num,.proj__title{transition:opacity var(--dur-short) var(--ease-out)}.proj__title{font-family:var(--font-display);font-weight:600;font-size:1.3125rem;letter-spacing:var(--tracking-display);line-height:1.08;overflow-wrap:anywhere;min-width:0}.proj__meta{display:flex;flex-wrap:wrap;gap:0 var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;opacity:.6;min-width:0}.proj__desc{display:none;margin:0;max-width:56ch;font-size:15px;line-height:1.7;opacity:.72;text-wrap:pretty}.proj__go{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700;white-space:nowrap;margin-top:var(--space-2xs)}.proj__arrow,.proj__go{display:none}.proj__row[data-lead]{grid-template-columns:minmax(0,1fr);row-gap:var(--space-sm);padding:var(--space-md) 0 var(--space-xl)}.proj__row[data-lead] .proj__body,.proj__row[data-lead] .proj__shot{grid-column:1}.proj__row[data-lead] .proj__shot{aspect-ratio:16/9;border-radius:12px}.proj__row[data-lead] .proj__body{gap:var(--space-2xs)}.proj__row[data-lead] .proj__title{font-size:clamp(2rem,8.5vw,2.75rem);line-height:1}.proj__row[data-lead] .proj__meta{font-size:var(--text-sm)}.proj__row[data-lead] .proj__desc,.proj__row[data-lead] .proj__go{display:block}.proj__row[data-lead] .proj__chev{display:none}.pd__section{position:relative;z-index:3;padding:var(--space-xl) var(--gutter-safe) 0}.pd__wrap{width:100%;max-width:1180px;margin:0 auto}.pd__title{margin:0;font-size:clamp(2.25rem,8.5vw,7rem);max-width:14ch}.pd__head{margin:0 0 var(--space-md);padding-top:var(--space-md);font-size:clamp(1.5rem,6vw,3.75rem);border-top:1px solid var(--color-rule)}.pd__facts{display:flex;flex-direction:column;margin:var(--space-lg) 0 0}.pd__fact{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) 0;border-top:1px solid var(--color-rule)}.pd__fact dt{flex:0 0 auto;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-2)}.pd__fact dd{margin:0;min-width:0;text-align:right;font-size:var(--text-sm);line-height:1.45;text-wrap:pretty}.pd__fact--stack{flex-direction:column;align-items:stretch;gap:var(--space-2xs)}.pd__stack{display:flex;flex-wrap:wrap;gap:var(--space-3xs);margin:0;padding:0;list-style:none;min-width:0}.pd__chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;line-height:1;padding:7px 10px;border:1px solid var(--color-rule);border-radius:var(--radius-pill);white-space:nowrap;color:var(--color-ink);opacity:.9}.pd__cover{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden}.pd__hl{display:flex;align-items:baseline;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid var(--color-rule)}.pd__hl-n{flex:0 0 auto;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;opacity:.45}.pd__gallery{display:grid;grid-auto-flow:column;grid-auto-columns:88%;grid-gap:var(--space-sm);gap:var(--space-sm);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.pd__gallery::-webkit-scrollbar{display:none}.pd__gallery[data-count="1"]{grid-auto-columns:100%;overflow-x:visible}.pd__shot{position:relative;scroll-snap-align:start;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden}.pd__next{display:flex;flex-direction:column;gap:var(--space-2xs);max-width:1180px;margin:var(--space-xl) auto 0;padding:var(--space-xl) var(--gutter-safe);border-top:1px solid var(--color-rule);color:var(--color-ink)}.pd__next-title{font-family:var(--font-display);font-weight:600;font-style:normal;font-size:clamp(1.75rem,7vw,3.75rem);letter-spacing:var(--tracking-display);line-height:1.02;overflow-wrap:anywhere;min-width:0}.backlink{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700;white-space:nowrap;color:var(--color-ink)}@media (min-width:40rem){.about,.contact,.edu,.sec{padding:var(--space-3xl) var(--gutter-safe)}.only-compact{display:none}.only-wide{display:revert}.nav{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--gutter-safe)}.nav__bar,.nav__links{padding:0}.nav__links{gap:var(--space-lg)}.foot{justify-content:space-between;flex-wrap:wrap;padding:var(--space-2xl) var(--gutter-safe)}.cta-row,.foot{flex-direction:row;align-items:center}.cta-row{max-width:none}.cta{text-align:start}.feat__marquee{display:block;position:relative;width:100%;height:clamp(56px,9vw,116px);overflow:hidden}.feat__dots,.feat__title{display:none}.feat__stage{margin-top:clamp(24px,4vh,48px)}.about{flex-direction:row;align-items:stretch;gap:clamp(30px,4vw,72px);overflow:hidden}.about__stage{flex:1 1 340px;min-height:min(70vh,520px);align-self:center;-moz-user-select:none;user-select:none;-webkit-user-select:none}.about__stage [data-sticker]{display:block}.about__head{position:absolute;top:0;left:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.about__hint{display:block;position:absolute;bottom:0;left:0;pointer-events:none}.about__panel-col{flex:1 1 340px;display:flex;align-items:center}.edu{gap:var(--space-2xl)}.edu__stickers [data-edu-sticker]{display:block}.tabrail{flex-wrap:wrap;overflow-x:visible}.edu__row{flex-direction:row;align-items:flex-start;gap:clamp(20px,4vw,72px);padding:var(--space-lg) 0;border-top:1px solid var(--color-rule)}.edu__stamp{flex:0 0 auto;min-width:140px}.contact__grid{flex-direction:row;flex-wrap:wrap;gap:clamp(40px,7vw,120px)}.proj__filters{padding:var(--space-xl) var(--gutter-safe) var(--space-lg)}.pd__section{padding:clamp(2.5rem,6vw,4.5rem) var(--gutter-safe) 0}.pd__head{margin-bottom:var(--space-lg);padding-top:var(--space-lg)}.pd__facts{flex-direction:row;flex-wrap:wrap;gap:clamp(24px,5vw,72px);padding-top:var(--space-md);border-top:1px solid var(--color-rule)}.pd__fact{flex-direction:column;align-items:flex-start;gap:var(--space-3xs);padding:0;border-top:none}.pd__fact dd{text-align:start;font-size:var(--text-md)}.pd__cover{aspect-ratio:16/9;border-radius:var(--radius-card)}.pd__hl{gap:clamp(16px,3vw,40px);padding:var(--space-md) 0}.pd__hl-n{font-size:15px}.pd__gallery{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);overflow-x:visible}.pd__gallery[data-count="1"]{grid-template-columns:minmax(0,1fr)}.pd__next{margin-top:clamp(3rem,7vw,6rem);padding:var(--space-2xl) var(--gutter-safe)}.proj__row,.proj__row[data-lead]{grid-template-columns:auto minmax(0,1fr) clamp(140px,17vw,260px) auto;align-items:center;column-gap:clamp(20px,4vw,64px);row-gap:0;padding:clamp(28px,4vw,54px) 0}.proj__num{display:block;grid-area:1/1;font-size:var(--text-md)}.proj__body,.proj__row[data-lead] .proj__body{grid-area:1/2;gap:14px}.proj__row[data-lead] .proj__shot,.proj__shot{grid-area:1/3;aspect-ratio:16/9;border-radius:12px}.proj__arrow{grid-area:1/4}.proj__row[data-lead] .proj__title,.proj__title{font-size:clamp(1.75rem,7vw,3.375rem);line-height:1}.proj__meta,.proj__row[data-lead] .proj__meta{gap:0 22px;font-size:13px}.proj__desc,.proj__go{display:block}@media (hover:hover) and (pointer:fine){.proj__go,.proj__row[data-lead] .proj__go{display:none}.proj__arrow{display:block;font-family:var(--font-mono);font-size:var(--text-xl);opacity:0;transform:translate(-8px,8px);transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-med) var(--ease-out)}.proj__row:focus-visible .proj__arrow,.proj__row:hover .proj__arrow{opacity:1;transform:translate(0)}.proj__row:hover .proj__shot{transform:scale(1.03)}.proj__row:hover .proj__num{opacity:1}.proj__list:focus-within .proj__row:not(:focus-within) .proj__title,.proj__list:hover .proj__row:not(:hover) .proj__title{opacity:.35}}}