@font-face{font-family:"Young Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/young-serif-latin-ext-400-normal.DzElnxZw.woff2) format("woff2"),url(/_astro/young-serif-latin-ext-400-normal.4arC2Gh9.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:"Young Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/young-serif-latin-400-normal.DIMmNPI9.woff2) format("woff2"),url(/_astro/young-serif-latin-400-normal.D1tz0Z9s.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}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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) 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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-vietnamese-wght-normal.CHiFlh_0.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-latin-ext-wght-normal.Dg-wlmqe.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-latin-wght-normal.CaVRRdDk.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}:root{--bg: #fafafb;--surface: #f1f2f3;--text: #16171a;--text-2: #5b5e62;--muted: #8a8d8f;--hairline: #e0e1e3;--ink: #16171a;--band: #dedfdb;--on-ink: #fafafb;--shadow-screen: 0 12px 34px rgba(10, 23, 51, .1);--font-serif: "Young Serif", Georgia, "Times New Roman", serif;--font-sans: "Hanken Grotesk Variable", "Hanken Grotesk", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;--fs-display: clamp(3rem, 8.5vw, 5.5rem);--fs-h1: clamp(2.4rem, 6vw, 4rem);--fs-h2: clamp(1.7rem, 3.4vw, 2rem);--fs-h3: 1.35rem;--fs-lead: clamp(1.1rem, 1.7vw, 1.3rem);--fs-body-lg: clamp(1.06rem, 1.4vw, 1.25rem);--fs-body: 1.0625rem;--fs-value: .9375rem;--fs-small: .875rem;--fs-label: .75rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-12: 3rem;--sp-16: 4rem;--sp-24: 6rem;--sp-32: 8rem;--content: 1240px;--pad: clamp(1.25rem, 5vw, 6.25rem);--radius-box: 16px;--radius-screen: 10px}[data-theme=dark]{--bg: #1a1b1d;--surface: #232427;--text: #e9eae7;--text-2: #a0a2a0;--muted: #6e706e;--hairline: #313336;--ink: #e9eae7;--band: #2b2d30;--on-ink: #1a1b1d;--shadow-screen: 0 12px 34px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis:none;transition:background-color .3s ease,color .3s ease}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}.container{width:100%;max-width:calc(var(--content) + var(--pad) * 2);margin-inline:auto;padding-inline:var(--pad)}.rule{height:1px;background:var(--hairline);border:0}.section{padding-block:clamp(3rem,7vw,5.5rem)}.serif{font-family:var(--font-serif);font-weight:400;line-height:1.02;letter-spacing:-.01em}.label{font-size:var(--fs-label);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lead{font-size:var(--fs-lead);color:var(--text-2);line-height:1.5;max-width:42ch}.body{color:var(--text-2);line-height:1.55;max-width:68ch}.body-lg{font-size:var(--fs-body-lg);color:var(--text);line-height:1.5;max-width:62ch}.muted{color:var(--muted)}.arrow{display:inline-block;transition:transform .25s ease}.link:hover .arrow,a:hover>.arrow{transform:translate(4px)}.site-header{padding-top:var(--sp-6)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--sp-4)}.wordmark{font-size:1.0625rem;font-weight:500;letter-spacing:-.01em}.nav{display:flex;align-items:center;gap:1.25rem;font-size:.8125rem;color:var(--text-2)}.nav a{transition:color .2s ease}.nav a:hover,.nav a[aria-current]{color:var(--text)}.nav .dot{color:var(--hairline)}.theme-toggle{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-2)}.theme-toggle:hover{color:var(--text)}.site-footer{padding-block:var(--sp-8) var(--sp-12)}.site-footer .inner{display:flex;align-items:center;justify-content:space-between;padding-top:var(--sp-6);font-size:var(--fs-small);color:var(--muted)}.site-footer a{color:var(--text-2);transition:color .2s ease}.site-footer a:hover{color:var(--text)}.index-hero{padding-block:clamp(2.5rem,6vw,4.5rem) clamp(2rem,4vw,3rem)}.index-hero h1{font-size:var(--fs-h1);max-width:16ch;margin-top:var(--sp-4)}.index-hero .lead{margin-top:var(--sp-6)}.work{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}.work-list{border-top:1px solid var(--hairline)}.work-row{display:block;border-bottom:1px solid var(--hairline);padding-block:1.6rem}.work-row .top{display:flex;gap:3.5rem;align-items:baseline}.work-row .num{font-size:var(--fs-value);color:var(--muted);width:2ch;flex:none}.work-row .name{font-family:var(--font-serif);font-size:1.6rem;line-height:1.05}.work-row .desc{margin-top:.55rem;color:var(--text-2);font-size:var(--fs-small);max-width:42ch}.work-row .meta{margin-left:auto;display:flex;align-items:baseline;gap:1.75rem;font-size:var(--fs-small);color:var(--muted);flex:none}.work-row:hover .name{color:var(--text)}.work-row .name,.work-row:hover .arrow{transition:color .2s ease}.preview{position:sticky;top:2rem;border:1px solid var(--hairline);border-radius:var(--radius-box);background:var(--surface);overflow:hidden}.preview img{width:100%;height:auto;display:block}.preview .cap{padding:1rem 1.25rem;font-size:var(--fs-small);color:var(--muted)}.shot{border:1px solid var(--hairline);border-radius:var(--radius-box);overflow:hidden;box-shadow:var(--shadow-screen);background:var(--bg)}.shot .screen{display:block}.shot .screen img,.shot>img{width:100%;height:auto;display:block}.board{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-box);padding:clamp(1rem,2.5vw,1.5rem)}.board img{width:100%;height:auto;display:block}.cs-hero{padding-block:clamp(2rem,5vw,3.5rem) clamp(1.5rem,3vw,2rem)}.cs-hero .kicker{margin-bottom:var(--sp-4)}.cs-hero h1{font-size:var(--fs-display)}.cs-hero .sub{margin-top:var(--sp-6);font-size:var(--fs-lead);color:var(--text-2);max-width:46ch}.cs-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding-block:var(--sp-6);border-block:1px solid var(--hairline)}.cs-meta .k{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cs-meta .v{margin-top:.5rem;font-size:var(--fs-value);font-weight:600}.cs-intro{padding-block:clamp(2rem,4vw,2.75rem);font-size:var(--fs-body-lg);color:var(--text);line-height:1.55;max-width:62ch}.two-col{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}.two-col h2{font-family:var(--font-serif);font-size:var(--fs-h2)}.two-col .body{color:var(--text-2)}.two-col .body p+p{margin-top:1rem}.pull-quote{font-family:var(--font-serif);font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.25;max-width:24ch}.next{display:flex;align-items:flex-end;justify-content:space-between;padding-top:var(--sp-8);border-top:1px solid var(--hairline)}.next .k{display:block;margin-bottom:var(--sp-2)}.next .name{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem)}.next .count{font-size:var(--fs-small);color:var(--muted)}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.5rem)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.stats .num{font-family:var(--font-serif);font-size:clamp(2.2rem,4vw,3.25rem);line-height:1;letter-spacing:-.02em}.stats .cap{margin-top:.6rem;color:var(--text-2);font-size:var(--fs-small)}.feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4.5rem);align-items:center}.feature h3{font-family:var(--font-serif);font-size:var(--fs-h2);margin-top:.6rem}.feature .body{margin-top:1rem}.section-label{display:block;margin-bottom:clamp(1.5rem,3vw,2.25rem)}.flow{margin-bottom:clamp(1.75rem,3.5vw,2.75rem)}.flow:last-child{margin-bottom:0}.flow-name{font-weight:600;font-size:1rem;color:var(--text);margin-bottom:.9rem}.flow-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,3vw,2rem)}.flow-pair .flow{margin-bottom:0}@media (max-width: 760px){.flow-pair{grid-template-columns:1fr;gap:clamp(1.75rem,3.5vw,2.75rem)}}.cap{font-size:var(--fs-small);color:var(--muted);line-height:1.4}figure{margin:0}figure .cap{margin-top:.9rem}.next-link{display:inline-flex;align-items:baseline;gap:.75rem}.next .name{transition:color .2s ease}.next-link:hover .name{color:var(--text)}.act-head{display:flex;align-items:baseline;justify-content:space-between;padding-top:clamp(2.5rem,6vw,4.5rem);border-top:1px solid var(--hairline)}.act-sub{margin-top:var(--sp-4);font-size:var(--fs-body-lg);color:var(--text);line-height:1.4;max-width:62ch}.panel-img{width:100%;height:auto;border-radius:var(--radius-box)}.sub-head{margin-bottom:clamp(1rem,2.5vw,1.5rem)}.sub-head .name{font-family:var(--font-serif);font-size:1.4rem;margin-top:.25rem}.sub-head .desc{margin-top:.5rem;color:var(--text-2);font-size:var(--fs-small);max-width:74ch}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.6rem,1.4vw,1rem)}.swatch{border:1px solid var(--hairline);border-radius:12px;overflow:hidden;background:var(--surface)}.swatch .chip{height:clamp(76px,9vw,108px)}.swatch .meta{padding:.6rem .7rem .7rem}.swatch .hex{font-family:var(--font-mono);font-size:.8rem;color:var(--text)}.swatch .role{margin-top:.15rem;font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.type-spec .name{font-size:1.1rem;font-weight:600}.type-spec .sample{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-2);margin-top:.4rem;letter-spacing:.02em}.type-spec .note{margin-top:.4rem;color:var(--muted);font-size:var(--fs-small);max-width:48ch}.stack>*+*{margin-top:clamp(1.5rem,3.5vw,2.5rem)}.media,.card-tile{display:block;width:100%;height:auto;border-radius:var(--radius-box)}.tiles{display:grid;gap:clamp(.85rem,2vw,1.5rem)}.tiles-2{grid-template-columns:1fr 1fr}.tiles-3{grid-template-columns:repeat(3,1fr)}@media (prefers-reduced-motion: no-preference){[data-reveal] main section,[data-reveal] main .stack>*{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}[data-reveal] main section.is-visible,[data-reveal] main .stack>*.is-visible{opacity:1;transform:none}}.info-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:clamp(2rem,5vw,4rem);align-items:start;padding-block:clamp(2rem,5vw,3.5rem) clamp(2.5rem,5vw,4rem)}.info-hero h1{font-family:var(--font-sans);font-weight:500;font-size:clamp(2rem,4.4vw,3.05rem);line-height:1.12;letter-spacing:-.015em;max-width:18ch}.info-hero .body{margin-top:var(--sp-6);max-width:54ch}.info-hero .body p+p{margin-top:1rem}.portrait{border:1px solid var(--hairline);border-radius:var(--radius-box);overflow:hidden;background:var(--surface)}.portrait img{width:100%;height:auto;display:block}.portrait .who{padding:.85rem 1rem;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.portrait .who .nm{font-weight:600;font-size:var(--fs-value)}.portrait .who .rl{font-size:var(--fs-small);color:var(--muted)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3rem);padding-block:clamp(2rem,4vw,3rem);border-top:1px solid var(--hairline)}.info-grid .col-h{margin-bottom:var(--sp-4)}.info-grid ul{list-style:none}.info-grid li{padding-block:.42rem;font-size:1rem;color:var(--text)}.info-grid li.dim{color:var(--muted)}.brief{padding-block:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--hairline)}.prompt{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--hairline);border-radius:14px;padding:.7rem .7rem .7rem 1.4rem;margin-top:var(--sp-6);transition:border-color .2s ease}.prompt:focus-within{border-color:var(--text-2)}.prompt input{flex:1;min-width:0;background:none;border:none;font:inherit;font-size:1.1rem;color:var(--text);outline:none;padding-block:.6rem}.prompt input::placeholder{color:var(--muted)}.prompt .send{width:46px;height:46px;border-radius:10px;background:var(--ink);color:var(--on-ink);display:grid;place-items:center;font-size:1.25rem;flex:none;transition:transform .2s ease}.prompt .send:hover{transform:translateY(-2px)}.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--sp-4)}.chip-btn{border:1px solid var(--hairline);border-radius:999px;padding:.42rem .95rem;font-size:var(--fs-small);color:var(--text-2);transition:border-color .2s ease,color .2s ease}.chip-btn:hover{border-color:var(--text-2);color:var(--text)}.brief-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:clamp(1.75rem,4vw,2.75rem);font-size:var(--fs-small);color:var(--text-2)}.brief-links .socials{display:flex;gap:1.25rem}.brief-links a{color:var(--text-2);transition:color .2s ease}.brief-links a:hover{color:var(--text)}@media (max-width: 900px){.work{grid-template-columns:1fr}.preview{display:none}.feature{grid-template-columns:1fr}.two-col{grid-template-columns:1fr;gap:.75rem}.cs-meta{grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem}.stats{grid-template-columns:1fr 1fr;gap:1.75rem 1.5rem}.cs-hero .sub{max-width:none}.palette{grid-template-columns:repeat(3,1fr)}.info-hero{grid-template-columns:1fr;gap:2rem}.info-hero .portrait{max-width:320px}}@media (max-width: 620px){.work-row .top{flex-wrap:wrap;gap:.75rem 1.5rem}.work-row .meta{margin-left:0;width:100%;order:3;gap:1.25rem}.two-up,.tiles-2,.tiles-3{grid-template-columns:1fr}.palette{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr;gap:1.75rem}.next{flex-direction:column;align-items:flex-start;gap:1.5rem}.nav{gap:.85rem;font-size:.78rem}.site-footer .inner{flex-direction:column;align-items:flex-start;gap:.6rem}.index-hero .lead,.lead{max-width:none}}@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto!important}}