@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-vietnamese-wght-normal.CtlIRbEm.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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-latin-ext-wght-normal.MQgHevqp.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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-latin-wght-normal.DdeTHZLK.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}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-ext-400-italic.C9HzH3YL.woff2) format("woff2"),url(/_astro/instrument-serif-latin-ext-400-italic.D7-lnxEk.woff) format("woff");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:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-italic.DKMiL14s.woff2) format("woff2"),url(/_astro/instrument-serif-latin-400-italic.u__WvvIK.woff) format("woff");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}:root{--bg: #141619;--bg-2: #1b1e22;--bg-3: #24282d;--fg: #e9e7e2;--fg-2: #a8a9a6;--fg-3: #8a8c8e;--line: #2a2e33;--line-2: #3a3f45;--field-line: #646a72;--sand: #c4a47c;--sand-deep: #ab8c66;--sand-ink: #8a6d45;--on-sand: #141619;--stock: #f4f4f2;--stock-2: #e9e9e5;--sheet: #fbfbf9;--ink: #17191c;--ink-2: #4a4f56;--ink-3: #62686f;--on-ink: #f4f4f2;--on-ink-2: #a8adb3;--rule: #d5d6d2;--rule-ink: rgb(244 244 242 / .16);--field-stroke: #848a91;--ok-ink: #2f6344;--danger: #d88a7a;--danger-ink: #9e2b20;--font: "Public Sans Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;--edge: clamp(20px, 5vw, 80px);--bar: 64px;--ease: cubic-bezier(.22, 1, .36, 1);--fast: .18s;--spring: linear(0, .08, .239, .406, .555, .675, .767, .836, .886, .921, .946, .963, .975, .983, .989, .993, .995, .997, .998, .999, 1);--spring-dur: .59s;--spring-snappy: var(--spring);--spring-snappy-dur: .44s;--spring-bounce: linear(0, .035, .121, .234, .355, .474, .584, .681, .763, .83, .884, .925, .957, .979, .995, 1.005, 1.011, 1.014, 1.015, 1.015, 1.014, 1.012, 1.01, 1.008, 1.007, 1.005, 1.004, 1.003, 1.002, 1.001, 1);--spring-bounce-dur: .41s;--press-scale: .97;--press-dur: .1s;color-scheme:dark;font-family:var(--font);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + 12px)}body{margin:0;background:var(--bg);color:var(--fg);font-size:1rem;line-height:1.6;font-variant-numeric:tabular-nums}h1,h2,h3,h4,h5,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}img{display:block;max-width:100%}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a,button,summary,label,[role=button]{touch-action:manipulation}::selection{background:var(--sand);color:var(--on-sand)}:focus-visible{outline:2px solid var(--sand);outline-offset:3px;border-radius:2px}input,textarea{caret-color:var(--sand)}html{scrollbar-color:var(--line-2) var(--bg);scrollbar-width:thin}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--edge);top:-100px;z-index:60;padding:10px 16px;background:var(--sand);color:var(--on-sand);font-size:.875rem;font-weight:600;border-radius:2px}.skip-link:focus{top:16px}@media(prefers-reduced-motion:reduce){:root{--spring: ease;--spring-dur: .2s;--spring-snappy-dur: .2s;--spring-bounce: ease;--spring-bounce-dur: .2s;--press-scale: 1}html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important}}@media(prefers-contrast:more){:root{--fg-2: #d4d3cf;--fg-3: #b9babb;--line: #5a6068;--line-2: #7a8089;--ink-2: #2e3238;--ink-3: #3f444b;--rule: #8f928c}}.thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:var(--bg-2)}.thumb .plate{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.tags li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line-2);border-radius:2px;font-size:.75rem;color:var(--fg-3)}.tech{flex:none;display:inline-block;vertical-align:-.3em}.tech-concept{color:var(--fg-2);stroke-width:1.6}.tech-mono{display:inline-grid;place-items:center;border:1px solid var(--line-2);border-radius:4px;font-weight:600;line-height:1;color:var(--fg-3)}.pub{--page: #0a0b0d;--card: #121316;--card-2: #191b1f;--card-3: #212329;--card-line: rgb(255 255 255 / .075);--card-line-2: rgb(255 255 255 / .13);--radius: 28px;--radius-sm: 16px;--pad: clamp(22px, 3.6vw, 40px);--gap: 14px;--serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;min-height:100svh;background:var(--page);color:var(--fg)}html:has(.pub){background:var(--page);scroll-padding-top:16px;scrollbar-color:var(--card-3) var(--page)}body:has(.pub){background:var(--page)}.pub .wrap{display:grid;gap:var(--gap);width:min(100% - 32px,64rem);margin-inline:auto;padding-top:clamp(16px,4vw,48px)}.pub .card{position:relative;border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card)}.pub .accent{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.12em;letter-spacing:0}.pub a{text-decoration-color:#c4a47c8c}.pub :focus-visible{outline:2px solid var(--sand);outline-offset:3px;border-radius:8px}.pub .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:999px;background:none;font-size:.875rem;font-weight:600;letter-spacing:-.005em;text-decoration:none;white-space:nowrap}.pub .btn svg{flex:none;transition:transform var(--fast) var(--ease)}.pub .btn-solid{background:var(--fg);border-color:var(--fg);color:var(--page)}@media(hover:hover){.pub .btn-solid:hover:not(:disabled){background:#fff}.pub .btn-solid:hover:not(:disabled) svg{transform:translate(3px)}}.pub .btn-line{border-color:var(--card-line-2);background:var(--card-2);color:var(--fg)}@media(hover:hover){.pub .btn-line:hover{border-color:var(--fg-3);background:var(--card-3)}}.pub .btn:disabled{opacity:.5;cursor:not-allowed}.pub .chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pub .chip{display:inline-flex;align-items:center;gap:7px;height:2.125rem;padding:0 13px;border:1px solid var(--card-line-2);border-radius:10px;background:var(--card-2);font-size:.8125rem;font-weight:550;color:var(--fg);text-decoration:none;white-space:nowrap}@media(hover:hover){.pub .chip:hover{border-color:var(--fg-3);background:var(--card-3)}}.pub .chip svg{color:var(--fg-2)}.pub .icon-chip{display:inline-grid;place-items:center;width:2.125rem;height:2.125rem;padding:0;border:1px solid var(--card-line-2);border-radius:10px;background:var(--card-2)}@media(hover:hover){.pub .icon-chip:hover{border-color:var(--fg-3);background:var(--card-3)}}.pub .icon-chip .tech{color:var(--fg)!important;vertical-align:0}.pub .lang-toggle{display:inline-flex;align-items:center;gap:2px;height:2.125rem;padding:3px;border:1px solid var(--card-line-2);border-radius:10px;background:var(--card-2)}.pub .lang-opt{display:inline-grid;place-items:center;min-width:30px;height:100%;padding:0 6px;border-radius:7px;font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--fg-3);text-decoration:none}@media(hover:hover){.pub a.lang-opt:hover{color:var(--fg)}}.pub .lang-opt.is-on{background:var(--card-3);color:var(--fg)}.pub :is(.btn,.chip,.icon-chip,a.lang-opt,.talk-wa,.talk-links a,.mini-home){transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease),border-color var(--fast) var(--ease),opacity var(--fast) var(--ease),scale var(--spring-dur) var(--spring)}.pub :is(.work-card,.case-next a){transition:border-color var(--fast) var(--ease),opacity var(--fast) var(--ease),scale var(--spring-dur) var(--spring)}.pub :is(.btn,.chip,.icon-chip,a.lang-opt,.talk-wa,.talk-links a,.mini-home):active:not(:disabled){scale:var(--press-scale);transition-duration:var(--press-dur);transition-timing-function:ease-out}.pub :is(.work-card,.case-next a):active{scale:calc(1 - (1 - var(--press-scale)) / 3);transition-duration:var(--press-dur);transition-timing-function:ease-out}.pub :is(.hero-founder a,a.sec-note,.xp-org a,.xp-links a,.edu-name a,.talk-mail a,.case-back):active,.pub .studio-lines a:active .studio-name{color:var(--sand)}.pub .xp-cv a:active{color:var(--fg)}@media(prefers-reduced-motion:reduce){.pub :is(.btn,.chip,.icon-chip,a.lang-opt,.talk-wa,.talk-links a,.mini-home,.work-card,.case-next a):active:not(:disabled){opacity:.78}}.pub .avatar{position:relative;flex:none;width:44px;height:44px;overflow:hidden;border:1px solid var(--card-line-2);border-radius:50%;background:var(--card-3)}.pub .avatar img{position:absolute;left:-44%;top:-20%;width:200%;max-width:none;height:auto}.pub .avatar-sm{width:32px;height:32px}.pub .hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--gap)}.pub .hero-card{display:flex;flex-direction:column;padding:var(--pad)}.pub .hero-id{display:flex;align-items:center;gap:12px}.pub .hero-hi{font-size:.9375rem;font-weight:600;line-height:1.3}.pub .hero-role{font-size:.8125rem;line-height:1.3;color:var(--fg-2)}.pub .hero-card .chips{margin-top:20px}.pub .hero-title{margin-top:clamp(28px,4vw,40px);max-width:18ch;font-size:clamp(2rem,1.35rem + 2.3vw,2.9rem);font-weight:500;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}.pub .hero-bio{margin-top:20px;max-width:54ch;font-size:1rem;line-height:1.65;color:var(--fg-2)}.pub .hero-founder{margin-top:14px;max-width:54ch;font-size:1rem;line-height:1.65;color:var(--fg-2)}.pub .hero-founder a,.pub .hero-founder strong{font-weight:650;color:var(--fg)}@media(hover:hover){.pub .hero-founder a:hover{color:var(--sand)}}.pub .status{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:24px;font-size:.8125rem;color:var(--fg-2)}.pub .status-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--sand)}.pub .status-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--sand);opacity:0}@media(prefers-reduced-motion:no-preference){.pub .status-dot:after{animation:pulse 2.4s var(--ease) infinite}}@keyframes pulse{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.6);opacity:0}}.pub .hero-photo{display:grid;align-items:end;justify-items:center;min-height:420px;margin:0;overflow:hidden;background:radial-gradient(120% 70% at 50% 0%,#17191d 0%,var(--card) 70%)}.pub .stars{position:absolute;inset:0;width:100%;height:100%;color:#f1efe9;mask-image:linear-gradient(to bottom,#000 45%,transparent 78%)}.pub .hero-photo>img{position:relative;width:min(100%,23rem);height:auto}.pub .hero-photo figcaption{position:absolute;z-index:1;top:16px;left:16px;right:16px;justify-self:start;display:grid;gap:1px;width:fit-content;padding:9px 13px;border:1px solid var(--card-line-2);border-radius:14px;background:#0a0b0dc7;backdrop-filter:blur(8px);font-size:.8125rem;line-height:1.35;color:var(--fg-2)}.pub .hero-photo strong{font-weight:650;color:var(--fg)}@media(prefers-reduced-transparency:reduce){.pub .hero-photo figcaption{background:var(--card-2);backdrop-filter:none}}.pub .clients{display:grid;justify-items:center;gap:18px;padding:clamp(24px,4vw,40px) 0}.pub .clients-key{font-size:.8125rem;font-weight:500;color:var(--fg-3)}.pub .clients-marquee{justify-self:stretch;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}.pub .clients-list{display:flex;align-items:center;width:max-content}.pub .clients-list li{flex:none;padding-inline:clamp(20px,3.5vw,36px)}@media(prefers-reduced-motion:no-preference){.pub .clients-list{animation:clients-run calc(var(--n) * 3.5s) linear infinite}}@media(prefers-reduced-motion:no-preference)and (hover:hover){.pub .clients-marquee:hover .clients-list{animation-play-state:paused}}@keyframes clients-run{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.pub .clients-marquee{mask-image:none}.pub .clients-list{width:auto;flex-wrap:wrap;justify-content:center;row-gap:20px}.pub .clients-list li[aria-hidden]{display:none}}.pub .clients-list img{width:auto;height:30px;max-width:150px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.62;transition:filter .3s var(--ease),opacity .3s var(--ease)}@media(hover:hover){.pub .clients-list img:hover{filter:none;opacity:1}}.pub .sec{padding:var(--pad)}.pub .sec-head,.pub .work-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin-bottom:clamp(20px,3vw,30px)}.pub .sec-title{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.15rem);font-weight:500;line-height:1.12;letter-spacing:-.028em;text-wrap:balance}.pub .sec-note{font-size:.8125rem;color:var(--fg-3)}.pub a.sec-note{display:inline-flex;align-items:center;gap:4px;text-decoration:none}@media(hover:hover){.pub a.sec-note:hover{color:var(--sand)}}.pub .mini-key{margin-bottom:12px;font-size:.8125rem;font-weight:600;color:var(--fg-2)}.pub .tags{margin-top:14px}.pub .tags li{border-color:var(--card-line-2);border-radius:8px;background:var(--card-2);color:var(--fg-2)}.pub .bullets{display:grid;gap:6px}.pub .bullets li{position:relative;padding-left:16px}.pub .bullets li:before{content:"";position:absolute;left:2px;top:.72em;width:5px;height:1px;background:var(--fg-3)}.pub .ghost{font-style:italic;color:var(--fg-3)}.pub .about-in{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,48px)}.pub .about-body{display:grid;gap:28px;align-content:start}.pub .about-text{display:grid;gap:14px;max-width:60ch;font-size:1.0625rem;line-height:1.7;color:var(--fg-2)}.pub .journey-list{display:grid}.pub .journey-list li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:11px 0;border-top:1px solid var(--card-line)}.pub .journey-year{font-size:.875rem;font-weight:600;color:var(--fg-2)}.pub .journey-what{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:.9375rem}.pub .journey-org,.pub .journey-meta{font-size:.8125rem;color:var(--fg-3)}.pub .journey-meta{color:var(--sand)}.pub .facts{display:grid;align-content:start;gap:8px;margin:0}.pub .facts>div{padding:14px 16px;border:1px solid var(--card-line);border-radius:var(--radius-sm);background:var(--card-2)}.pub .facts dt{font-size:.75rem;letter-spacing:.01em;color:var(--fg-3)}.pub .facts dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:2px;font-size:1.0625rem;font-weight:600}.pub .facts-note{font-size:.8125rem;font-weight:400;color:var(--fg-3)}.pub .xp-list{display:grid}.pub .xp-item{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid var(--card-line)}.pub .xp-item:first-child{padding-top:0;border-top:0}.pub .xp-item:last-child{padding-bottom:0}.pub .xp-period{font-size:.875rem;font-weight:550;color:var(--fg-2)}.pub .xp-span{font-size:.8125rem;color:var(--fg-3)}.pub .xp-now{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:2px 9px;border:1px solid rgb(196 164 124 / .4);border-radius:999px;font-size:.75rem;color:var(--sand)}.pub .xp-role{font-size:1.125rem;font-weight:600;letter-spacing:-.012em;line-height:1.35}.pub .xp-org{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:2px;font-size:.9375rem;color:var(--fg-2)}.pub .xp-org a,.pub .xp-links a,.pub .edu-name a{display:inline-flex;align-items:center;gap:3px;text-decoration:underline}@media(hover:hover){.pub .xp-org a:hover,.pub .xp-links a:hover,.pub .edu-name a:hover{color:var(--sand)}}.pub .xp-loc{color:var(--fg-3)}.pub .xp-desc{display:grid;gap:10px;margin-top:12px;max-width:64ch;font-size:.9375rem;line-height:1.65;color:var(--fg-2)}.pub .xp-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:.875rem}.pub .xp-cv{margin-top:28px}.pub .xp-cv a{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--sand)}@media(hover:hover){.pub .xp-cv a:hover{color:var(--fg)}}.pub .work{padding-top:clamp(20px,3vw,32px)}.pub .work-head{padding-inline:6px}.pub .work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.pub .work-item.is-lead,.pub .work-item.is-wide{grid-column:1 / -1}.pub .is-wide .work-card{aspect-ratio:3 / 1}.pub .work-card{position:relative;display:block;aspect-ratio:5 / 4;overflow:hidden;border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card);color:var(--fg);text-decoration:none;isolation:isolate}.pub .is-lead .work-card{aspect-ratio:2 / 1}.pub .work-card .thumb{position:absolute;inset:0;z-index:-1;aspect-ratio:auto;border:0;border-radius:0;background:var(--card)}.pub .work-card .thumb .plate{transition:transform .7s var(--ease)}@media(hover:hover){.pub .work-card:hover .thumb .plate{transform:scale(1.03)}}.pub .work-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#0a0b0df7,#0a0b0dd9 34%,#0a0b0d66 56%,#0a0b0d00 74%);pointer-events:none}.pub .work-copy{position:absolute;inset:auto 0 0;padding:clamp(18px,2.6vw,28px)}.pub .work-title{display:flex;align-items:baseline;gap:8px;font-size:clamp(1.15rem,1rem + .5vw,1.4rem);font-weight:600;letter-spacing:-.018em;line-height:1.25}.pub .is-lead .work-title{font-size:clamp(1.3rem,1rem + 1vw,1.75rem)}.pub .work-title svg{flex:none;align-self:center;color:var(--fg-2);transition:transform var(--fast) var(--ease),color var(--fast) var(--ease)}@media(hover:hover){.pub .work-card:hover .work-title svg{transform:translate(2px,-2px);color:var(--sand)}}.pub .work-summary{margin-top:4px;max-width:56ch;font-size:.9375rem;line-height:1.5;color:#c9c8c3}.pub .work-result{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:10px;max-width:60ch;font-size:.875rem;color:var(--fg)}.pub .work-result-key{color:var(--sand);font-weight:600}.pub .work-meta{margin-top:8px;font-size:.8125rem;color:var(--fg-3)}.pub .work-card .thumb.is-stack,.pub .work-card .thumb.is-blank{display:block;padding:0;background:radial-gradient(circle at 1px 1px,rgb(255 255 255 / .07) 1px,transparent 0) 0 0 / 22px 22px,radial-gradient(90% 70% at 50% 20%,var(--card-2),var(--card) 70%)}.pub .work-card .thumb-marks{position:absolute;inset:0 0 42%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(18px,3vw,30px);padding:24px;transition:transform .7s var(--ease)}@media(hover:hover){.pub .work-card:hover .thumb-marks{transform:scale(1.04)}}.pub .thumb-marks .tech{width:clamp(30px,4vw,44px);height:clamp(30px,4vw,44px)}.pub .work-card .thumb-note{display:none}.pub .thumb-note{font-size:.8125rem;color:var(--fg-3);text-align:center}.pub .pair{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--gap);align-items:start}.pub .pair>:only-child{grid-column:1 / -1}.pub .pair:empty{display:none}.pub .skill-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 28px}.pub .pair>:only-child .skill-groups{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pub .skill-cat{margin-bottom:8px;font-size:.8125rem;font-weight:600;color:var(--fg-2)}.pub .skill-list{display:grid}.pub .skill{display:grid;gap:1px;padding:8px 0;border-top:1px solid var(--card-line)}.pub .skill-name{display:flex;align-items:center;gap:10px;font-size:.9375rem}.pub .skill.lvl-high .skill-name{font-weight:600}.pub .skill.lvl-low .skill-name{color:var(--fg-2)}.pub .skill-meta{display:flex;flex-wrap:wrap;gap:0 8px;padding-left:28px;font-size:.75rem;color:var(--fg-3)}.pub .skill.lvl-high .skill-meta{color:var(--fg-2)}.pub .skill-uses{color:var(--fg-3)}.pub .edu-groups{display:grid;gap:26px}.pub .edu-kind{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.8125rem;font-weight:600;color:var(--fg-2)}.pub .edu-item{display:grid;gap:1px;padding:11px 0;border-top:1px solid var(--card-line)}.pub .edu-name{font-size:.9375rem;font-weight:550}.pub .edu-org{font-size:.875rem;color:var(--fg-2)}.pub .edu-years{font-size:.8125rem;color:var(--fg-3)}.pub .studio-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,48px)}.pub .studio-copy{display:grid;align-content:start;justify-items:start;gap:14px}.pub .studio-lead{font-size:1.125rem;line-height:1.55;color:var(--fg)}.pub .studio-text{font-size:.9375rem;line-height:1.65;color:var(--fg-2)}.pub .studio-copy .btn{margin-top:8px}.pub .studio-key{margin-bottom:6px;font-size:.8125rem;font-weight:600;color:var(--fg-2)}.pub .studio-lines li>a,.pub .studio-lines li>span{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:11px 0;border-top:1px solid var(--card-line);text-decoration:none}.pub .studio-name{font-size:.9375rem;font-weight:600}.pub .studio-short{grid-column:1;font-size:.8125rem;color:var(--fg-3)}.pub .studio-lines svg{grid-column:2;grid-row:1 / span 2;color:var(--fg-3);transition:transform var(--fast) var(--ease),color var(--fast) var(--ease)}@media(hover:hover){.pub .studio-lines a:hover .studio-name{color:var(--sand)}.pub .studio-lines a:hover svg{transform:translate(2px,-2px);color:var(--sand)}}.pub .talk-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(28px,4vw,52px)}.pub .talk-copy{display:grid;align-content:start;justify-items:start;gap:14px}.pub .talk-lead{max-width:40ch;font-size:1.0625rem;line-height:1.6;color:var(--fg-2)}.pub .talk-mail,.pub .talk-where{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.9375rem;color:var(--fg-2)}.pub .talk-mail svg,.pub .talk-where svg{color:var(--fg-3)}.pub .talk-mail a{color:var(--fg);text-decoration:underline}@media(hover:hover){.pub .talk-mail a:hover{color:var(--sand)}}.pub .talk-wa{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:44px;padding:8px 18px;border-radius:999px;background:var(--fg);color:var(--page);font-size:.875rem;font-weight:600;text-decoration:none}@media(hover:hover){.pub .talk-wa:hover{background:#fff}}.pub .talk-wa-num{font-weight:450;color:#3d4046}.pub .talk-cvs{display:flex;flex-wrap:wrap;gap:8px}.pub .talk-links{margin-top:6px}.pub .talk-links-key{margin-bottom:8px;font-size:.8125rem;font-weight:600;color:var(--fg-2)}.pub .talk-links ul{display:flex;flex-wrap:wrap;gap:8px}.pub .talk-links a{display:inline-flex;align-items:center;gap:8px;height:2.25rem;padding:0 13px;border:1px solid var(--card-line-2);border-radius:10px;background:var(--card-2);font-size:.8125rem;text-decoration:none}@media(hover:hover){.pub .talk-links a:hover{border-color:var(--fg-3);background:var(--card-3)}}.pub .form{display:grid;gap:16px;padding:clamp(18px,2.4vw,26px);border:1px solid var(--card-line);border-radius:20px;background:var(--card-2)}.pub .cf-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.pub .cf-field{display:grid;gap:6px}.pub .cf-field label{font-size:.8125rem;color:var(--fg-2)}.pub .cf-hint{color:var(--fg-3)}.pub .cf-field input,.pub .cf-field textarea{width:100%;padding:11px 14px;border:1px solid var(--field-line);border-radius:12px;background:var(--page);color:var(--fg);font-size:.9375rem;transition:border-color var(--fast) var(--ease)}.pub .cf-field textarea{resize:vertical;min-height:116px;line-height:1.6}@media(hover:hover){.pub .cf-field input:hover,.pub .cf-field textarea:hover{border-color:var(--fg-3)}}.pub .cf-field input:focus-visible,.pub .cf-field textarea:focus-visible{border-color:var(--sand);outline:2px solid var(--sand);outline-offset:1px;border-radius:12px}.pub .cf-field.has-error input,.pub .cf-field.has-error textarea{border-color:var(--danger)}.pub .cf-error,.pub .cf-form-error{font-size:.8125rem;color:var(--danger)}.pub .cf-error,.pub .cf-form-error,.pub .form-sent{transition:opacity var(--spring-dur) var(--spring),translate var(--spring-dur) var(--spring)}@starting-style{.pub .cf-error,.pub .cf-form-error{opacity:0;translate:0 -4px}.pub .form-sent{opacity:0}}@media(prefers-reduced-motion:reduce){.pub .cf-error,.pub .cf-form-error{translate:none}}.pub .cf-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.pub .form>.btn{justify-self:start}.pub .form-sent{gap:18px;justify-items:start;align-content:start}.pub .mini{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100% - 32px,64rem);margin-inline:auto;padding-top:clamp(16px,3vw,28px)}.pub .mini-home{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 16px 4px 5px;border:1px solid var(--card-line);border-radius:999px;background:var(--card);font-size:.875rem;font-weight:600;text-decoration:none}@media(hover:hover){.pub .mini-home:hover{border-color:var(--card-line-2)}}.pub .screen{min-height:60svh;place-items:center}.pub .screen-in{display:grid;gap:22px;justify-items:center;text-align:center}.pub .screen-title{max-width:30ch;font-size:clamp(1.25rem,1.05rem + .9vw,1.875rem);font-weight:550;line-height:1.2;letter-spacing:-.026em;text-wrap:balance}.pub .loader{width:22px;height:22px;border:2px solid var(--card-3);border-top-color:var(--sand);border-radius:50%;animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pub .case-head{padding:var(--pad);border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card)}.pub .case-back{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--fg-2);text-decoration:none}@media(hover:hover){.pub .case-back:hover{color:var(--sand)}}.pub .case-title{margin-top:18px;max-width:22ch;font-size:clamp(2rem,1.3rem + 2.4vw,3rem);font-weight:500;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}.pub .case-lead{margin-top:14px;max-width:58ch;font-size:1.0625rem;line-height:1.6;color:var(--fg-2)}.pub .case-facts{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:18px 36px;margin-top:28px;padding-top:22px;border-top:1px solid var(--card-line)}.pub .case-facts dt{font-size:.75rem;letter-spacing:.01em;color:var(--fg-3)}.pub .case-facts dd{margin-top:4px;font-size:.9375rem}.pub .case-facts .tags{margin-top:0}.pub .case-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.pub .case-cover{aspect-ratio:16 / 9;border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card)}.pub .case-cover.is-stack,.pub .case-cover.is-blank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:radial-gradient(circle at 1px 1px,rgb(255 255 255 / .07) 1px,transparent 0) 0 0 / 22px 22px,radial-gradient(90% 70% at 50% 30%,var(--card-2),var(--card) 70%)}.pub .case-cover .thumb-marks{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(20px,4vw,44px)}.pub .case-cover .thumb-marks .tech{width:clamp(38px,6vw,68px);height:clamp(38px,6vw,68px)}.pub .case-story{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap);margin:0}.pub .case-story>div{padding:var(--pad);border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card)}.pub .case-story dt{font-family:var(--serif);font-style:italic;font-size:1.6rem;line-height:1.1}.pub .case-story dd{display:grid;gap:10px;margin-top:12px;font-size:.9375rem;line-height:1.65;color:var(--fg-2)}.pub .case-body{padding:var(--pad);border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card)}.pub .case-text{display:grid;gap:14px;max-width:66ch;font-size:1.0625rem;line-height:1.75;color:var(--fg-2)}.pub .case-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap)}.pub .case-shot{width:100%;height:auto;border:1px solid var(--card-line);border-radius:var(--radius-sm)}.pub .case-next a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;padding:var(--pad);border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card);text-decoration:none}@media(hover:hover){.pub .case-next a:hover{border-color:var(--card-line-2)}}.pub .case-next-key{font-size:.8125rem;color:var(--fg-3)}.pub .case-next-title{grid-column:1;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:500;line-height:1.2;letter-spacing:-.02em}.pub .case-next svg{grid-column:2;grid-row:1 / span 2;color:var(--fg-2);transition:transform var(--fast) var(--ease),color var(--fast) var(--ease)}@media(hover:hover){.pub .case-next a:hover svg{transform:translate(4px);color:var(--sand)}}.pub .foot{display:grid;justify-items:center;gap:4px;padding:clamp(56px,8vw,88px) 16px 40px;text-align:center}.pub .foot-name{font-family:var(--serif);font-style:italic;font-size:clamp(1.9rem,1.5rem + 1.4vw,2.5rem);line-height:1.1}.pub .foot-time{margin-top:6px;font-size:.9375rem;font-weight:550;color:var(--fg)}.pub .foot-where{font-size:.8125rem;color:var(--fg-3)}.pub .foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.pub .foot-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;margin-top:36px;font-size:.8125rem;color:var(--fg-3)}@media(prefers-reduced-motion:reduce){.pub .work-card .thumb .plate,.pub .work-card .thumb-marks,.pub .btn svg,.pub .work-title svg,.pub .studio-lines svg,.pub .case-next svg{transform:none!important}}@media(prefers-contrast:more){.pub{--card-line: rgb(255 255 255 / .28);--card-line-2: rgb(255 255 255 / .42)}.pub .hero-photo figcaption{background:var(--card-2);backdrop-filter:none}}@media(max-width:900px){.pub .about-in,.pub .studio-in,.pub .talk-in,.pub .pair{grid-template-columns:minmax(0,1fr)}.pub .pair>*{grid-column:auto}}@media(max-width:760px){.pub{--radius: 22px;--gap: 12px}.pub .hero{grid-template-columns:minmax(0,1fr)}.pub .hero-photo{min-height:0;height:360px}.pub .hero-photo>img{width:min(70%,16rem)}.pub .status{margin-top:0}.pub .work-grid{grid-template-columns:minmax(0,1fr)}.pub .work-card,.pub .is-lead .work-card,.pub .is-wide .work-card{aspect-ratio:auto}.pub .work-card .thumb{position:relative;inset:auto;z-index:0;aspect-ratio:16 / 10}.pub .work-card .thumb-marks{inset:0}.pub .work-card:after{display:none}.pub .work-copy{position:static;padding:16px 20px 20px}.pub .xp-item{grid-template-columns:minmax(0,1fr);gap:8px}.pub .xp-when{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}.pub .xp-now{margin-top:0}.pub .case-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pub .case-facts-stack{grid-column:1 / -1}}@media(max-width:520px){.pub .skill-groups,.pub .pair>:only-child .skill-groups{grid-template-columns:minmax(0,1fr)}.pub .clients-list img{height:24px}}