:root{--color-bg: #faf8f4;--color-bg-top: #f1eee7;--color-paper: #ffffff;--color-bg-sunken: #f0ede6;--color-ink: #16130e;--color-ink-soft: #6a655b;--color-ink-faint: #a39d91;--color-line: #e6e1d7;--color-line-strong: #d2ccbf;--accent: #2b39d6;--accent-ink: #ffffff;--font-display: "Fraunces", "Hoefler Text", Georgia, "Times New Roman", serif;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--display-vars: "opsz" 144, "SOFT" 0, "WONK" 0;--serif-vars: "opsz" 18;--step--1: clamp(.78rem, .76rem + .1vw, .84rem);--step-0: clamp(.95rem, .92rem + .18vw, 1.06rem);--step-1: clamp(1.1rem, 1rem + .42vw, 1.35rem);--step-2: clamp(1.35rem, 1.15rem + .85vw, 1.95rem);--step-3: clamp(1.8rem, 1.4rem + 1.7vw, 3rem);--step-4: clamp(2.4rem, 1.7rem + 3.1vw, 4.6rem);--step-5: clamp(3rem, 1.9rem + 4.9vw, 6.5rem);--leading-tight: 1;--leading-snug: 1.12;--leading-normal: 1.62;--tracking-tight: -.02em;--tracking-label: .12em;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: clamp(4.5rem, 3rem + 6vw, 9rem);--space-3xl: clamp(7rem, 4rem + 11vw, 14rem);--measure: 60ch;--container: 78rem;--container-wide: 92rem;--gutter: clamp(1.5rem, .7rem + 3.4vw, 4rem);--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--radius-pill: 999px;--border: 1px solid var(--color-line);--hairline: 1px solid var(--color-line);--shadow-sm: none;--shadow-md: 0 10px 40px -18px rgba(22, 19, 14, .25);--shadow-lg: none;--ease: cubic-bezier(.22, 1, .36, 1);--dur-fast: .16s;--dur: .32s;--dur-slow: .6s;--spin-dur: 14s;--z-nav: 100;--z-overlay: 200}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}}@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-Variable.woff2) format("woff2");font-weight:300 600;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/Newsreader-Variable.woff2) format("woff2");font-weight:300 500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100svh;background:var(--color-bg);background-image:linear-gradient(180deg,var(--color-bg-top) 0%,var(--color-bg) 30%);background-repeat:no-repeat;color:var(--color-ink);font-family:var(--font-serif);font-optical-sizing:auto;font-size:var(--step-0);line-height:var(--leading-normal);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:380;font-variation-settings:var(--display-vars);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}h1{font-size:var(--step-5)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}p{text-wrap:pretty}strong{font-weight:600}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.container--wide{max-width:var(--container-wide)}.prose{max-width:var(--measure)}.prose>*+*{margin-top:1em}.prose p,.prose li{color:var(--color-ink-soft);font-size:var(--step-1);line-height:var(--leading-normal)}.flow>*+*{margin-top:var(--flow-space, var(--space-md))}.eyebrow{display:inline-block;font-family:var(--font-sans);font-size:var(--step--1);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink)}.eyebrow .sep{color:var(--color-line-strong);padding-inline:.5em;font-weight:400}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.case__body :is(p,ul,ol){max-width:var(--measure);color:var(--color-ink-soft);font-size:var(--step-1);line-height:var(--leading-normal)}.case__body :is(ul,ol){padding-left:1.2em}.case__body ul{list-style:disc}.case__body ol{list-style:decimal}.case__body li+li{margin-top:var(--space-2xs)}.case__body a{color:var(--color-ink);box-shadow:inset 0 -1px 0 var(--accent);transition:background var(--dur-fast) var(--ease)}.case__body a:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.case__body strong{color:var(--color-ink)}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease);will-change:opacity,transform}.js .reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}html.tl-nav-jump .section{content-visibility:visible}.skip-link{position:absolute;top:-100%;left:var(--gutter);z-index:var(--z-overlay);background:var(--color-ink);color:var(--color-bg);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill)}.skip-link:focus{top:var(--space-2xs)}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body:has(.folio){--paper:#f4f3ef;--plate:#eae9e4;--plate-hover:#e5e4de;--ink:#1c1c1a;--ink-2:#64645e;--ink-3:#8d8d86;--hair:rgb(28 28 26 / .1);--tint:rgb(28 28 26 / .055);--shadow:28 28 26;--font-sans:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease-out:cubic-bezier(.16,1,.3,1);--gutter:clamp(20px,3vw,48px);--intro-w:clamp(280px,24vw,360px);background:var(--paper);color:var(--ink);font:14.5px/1.55 var(--font-sans);letter-spacing:-.008em;-webkit-font-smoothing:antialiased}html[data-theme=dark] body:has(.folio){--paper:#151513;--plate:#1d1d1b;--plate-hover:#232321;--ink:#ecebe5;--ink-2:#a6a59e;--ink-3:#7b7a74;--hair:rgb(236 235 229 / .14);--tint:rgb(236 235 229 / .07);--shadow:0 0 0}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}::view-transition-old(root),::view-transition-new(root){animation-duration:.4s;animation-timing-function:ease}body:has(.project-dialog[open]){overflow:hidden}html{scrollbar-gutter:stable}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:1.5px solid var(--ink);outline-offset:4px;border-radius:4px}html:not([data-modality=keyboard]) :focus-visible,html:not([data-modality=keyboard]) .entry__open:focus-visible .plate{outline:none!important}.quiet{color:var(--ink-3)}.folio{display:grid;grid-template-columns:var(--intro-w) minmax(0,1fr);column-gap:clamp(40px,5vw,96px);padding:0 var(--gutter)}.intro{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;padding:var(--gutter) 12px;margin-inline:-12px;animation:fade-in .8s var(--ease-out) both}.intro__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin-inline:-12px;padding:0 12px 16px;overflow-y:auto;scrollbar-width:none;mask-image:linear-gradient(transparent,#000 16px,#000 calc(100% - 16px),transparent)}.intro__body::-webkit-scrollbar{display:none}.intro__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.theme-toggle{margin:-5px -6px 0 0}.theme-toggle svg{width:16px;height:16px;transition:transform .55s var(--ease-out)}html[data-theme=dark] .theme-toggle svg{transform:rotate(180deg)}.intro h1{font:inherit;font-weight:560;letter-spacing:-.015em}.intro h1 a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .2s ease}.intro__about{margin-top:clamp(32px,10svh,104px);display:grid;gap:1em;max-width:36ch;text-wrap:pretty}.intro__about p:not(.quiet){color:var(--ink-2)}.intro__about p:first-child{color:var(--ink);text-wrap:balance}.intro__index{position:relative;isolation:isolate;margin-top:auto;padding-top:40px}.intro__index>p{margin-bottom:8px}.intro__index ol{list-style:none;padding:0}.intro__index a{display:flex;justify-content:space-between;gap:16px;padding:6px 0;color:var(--ink-2);transition:color .25s ease}.index-glide{position:absolute;top:0;left:-10px;right:-10px;height:0;z-index:-1;border-radius:6px;background:var(--tint);opacity:0;pointer-events:none;transition:transform .3s var(--ease-out),height .3s var(--ease-out),opacity .2s ease}.index-glide.is-placing{transition:opacity .2s ease}.intro__index a .quiet{white-space:nowrap;transition:color .25s ease}.intro__index a[aria-current]{color:var(--ink)}.intro__index a[aria-current] .quiet{color:var(--ink-2)}.intro__contact{margin-top:12px;margin-left:-1px;display:flex;align-items:center;gap:2px;flex-shrink:0}.intro__contact>a:first-child{margin-right:6px}.icon-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--ink-3);transition:color .2s ease,background-color .2s ease,transform .12s ease}.icon-btn svg{width:15px;height:15px}.icon-btn--brand svg{width:13px;height:13px}.icon-btn:active{transform:scale(.92)}.icon-btn .icon-check{display:none}.icon-btn.is-copied{color:var(--ink)}.icon-btn.is-copied .icon-copy{display:none}.icon-btn.is-copied .icon-check{display:block}@media(pointer:coarse){.icon-btn{width:40px;height:40px}}.intro__about a,.intro__contact>a:first-child{text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:5px;transition:text-decoration-color .2s ease}.work{display:grid;row-gap:clamp(72px,9vw,128px);padding:var(--gutter) 0 calc(var(--gutter) + 56px)}.entry{scroll-margin-top:var(--gutter);animation:fade-in .9s var(--ease-out) backwards}.entry:nth-child(2){animation-delay:.08s}.entry__open{display:block}.plate{display:grid;place-items:center;aspect-ratio:16 / 10;container-type:size;border-radius:12px;background:var(--plate);transition:background-color .35s var(--ease-out)}.plate{-webkit-user-select:none;user-select:none}.plate img,.plate video{-webkit-user-drag:none}.frame{position:relative;width:min(74cqw,76cqh * var(--r));aspect-ratio:var(--r);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgb(var(--shadow) / .05),0 18px 40px -28px rgb(var(--shadow) / .28)}.frame__media{position:absolute;inset:0}.frame__media>img{display:block;width:100%;height:100%;object-fit:contain}.frame>.frame__media:only-child{position:static;height:100%}.scheme--dark,html[data-theme=dark] .entry:not([data-scheme]) .scheme--light,.entry[data-scheme=dark] .scheme--light{display:none}html[data-theme=dark] .entry:not([data-scheme]) .scheme--dark,.entry[data-scheme=dark] .scheme--dark{display:block}.entry:has(.scheme--dark) .frame{background:none}.entry{position:relative}.scheme-switch{position:absolute;top:12px;right:12px;z-index:2;display:flex;padding:3px;border-radius:999px;background:var(--paper);box-shadow:0 0 0 1px var(--hair);font-size:12px}.scheme-switch button{min-height:26px;padding:0 11px;border-radius:999px;color:var(--ink-3);transition:color .2s ease,background-color .2s ease}.scheme-switch button[aria-pressed=true]{color:var(--ink);background:var(--tint)}.frame:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 .5px #1c1c1a1f}.frame>img{display:block;width:100%;height:100%;object-fit:contain}.frame__video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease}.frame__video.is-playing{opacity:1}.plate--bleed{overflow:hidden;background:var(--bleed)}.plate--bleed .frame{width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:none;box-shadow:none}.plate--bleed .frame:after{display:none}.plate--bleed .frame>img,.plate--bleed .frame__video{object-fit:cover}.plate--film{overflow:hidden}.plate--film .frame{width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:none;box-shadow:none}.plate--film .frame:after{display:none}.plate--film .frame__media>img,.plate--film .frame__video{object-fit:cover}.details{scroll-margin-top:var(--gutter)}.details>p{margin-bottom:14px}.details__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.detail .plate{aspect-ratio:16 / 10;border-radius:10px}.detail--wide{grid-column:1 / -1}.detail--wide .plate{aspect-ratio:5 / 1}.detail .frame{width:min(86cqw,80cqh * var(--r));border-radius:6px}.detail .plate--bleed .frame{width:100%;border-radius:0}.plate--tint{background:var(--surface)}.detail .frame--bare{width:min(94cqw,94cqh * var(--r));border-radius:0;background:none;box-shadow:none}.frame--bare:after{display:none}html[data-theme=dark] .plate--tint{background:var(--plate)}html[data-theme=dark] .detail .frame--bare{width:min(88cqw,76cqh * var(--r));border-radius:6px;background:var(--surface);box-shadow:0 1px 2px rgb(var(--shadow) / .05),0 18px 40px -28px rgb(var(--shadow) / .28)}html[data-theme=dark] .frame--bare:after{display:block}html[data-theme=dark] .frame--bare>img,html[data-theme=dark] .frame--bare>.frame__video{mask-image:none}.frame--bare>img,.frame--bare>.frame__video{mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent),linear-gradient(180deg,transparent,black 24%,black 76%,transparent);mask-composite:intersect}.detail figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:13px;color:var(--ink-3)}.detail figcaption .quiet{white-space:nowrap;opacity:.8}.entry__meta{display:grid;grid-template-columns:1fr auto;column-gap:24px;margin-top:14px}.entry__company{margin-right:.5em;font-weight:520}.entry__title{color:var(--ink-2);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .2s ease,color .2s ease}.entry__title:after{content:"→";display:inline-block;margin-left:.45em;opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .3s var(--ease-out)}.entry .frame{transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}.entry__line{grid-column:1 / -1;color:var(--ink-3)}.colophon{padding-top:24px;border-top:1px solid var(--hair)}.motion-toggle{position:fixed;z-index:4;right:var(--gutter);bottom:var(--gutter);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font:10px/1 var(--font-mono);color:var(--ink-3);transition:color .2s ease,background-color .2s ease}@media(hover:hover)and (pointer:fine){.intro__index a:hover,.intro__index a:hover .quiet{color:var(--ink)}.intro__about a:hover,.intro__contact>a:first-child:hover{text-decoration-color:var(--ink)}.icon-btn:hover{color:var(--ink);background:var(--tint)}.scheme-switch button:hover{color:var(--ink)}.intro h1 a:hover{text-decoration-color:var(--ink)}.entry__open:hover .plate{background:var(--plate-hover)}.entry__open:hover .frame{transform:translateY(-3px);box-shadow:0 2px 4px rgb(var(--shadow) / .06),0 26px 48px -28px rgb(var(--shadow) / .38)}.entry__open:hover .plate--film .frame{transform:none;box-shadow:none}.entry__open:hover .entry__title{color:var(--ink);text-decoration-color:currentColor}.entry__open:hover .entry__title:after{opacity:1;transform:none}.motion-toggle:hover{color:var(--ink);background:var(--tint)}}.entry__open:focus-visible{outline:none}.entry__open:focus-visible .plate{outline:1.5px solid var(--ink);outline-offset:4px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.folio{grid-template-columns:1fr}.intro{position:static;height:auto;overflow:visible;padding-bottom:56px}.intro__body{overflow:visible;mask-image:none}.intro__about{margin-top:40px}.intro__index{display:none}.work{padding-top:0;row-gap:64px}.plate{aspect-ratio:4 / 3;margin-inline:calc(var(--gutter) * -1);border-radius:0}.frame{width:min(90cqw,86cqh * var(--r));border-radius:6px}.entry__meta{grid-template-columns:1fr}.entry__year{display:none}.details__grid{grid-template-columns:1fr}.detail--wide .plate{aspect-ratio:3 / 1}}@media(prefers-reduced-motion:reduce){.intro,.entry{animation:none}.theme-toggle svg{transition:none}::view-transition-old(root),::view-transition-new(root){animation:none}.entry .frame,.entry__title:after{transition:none}.index-glide{transition:opacity .2s ease}.frame__video,.plate,.icon-btn{transition:none}.icon-btn:active{transform:none}}