@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-ext-wght-normal.BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-wght-normal.Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-italic.xAqemagA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-italic.DFS986qL.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-italic.Bxi8ein9.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}}@layer base{:root{--paper:light-dark(#f7f5ef,#1d201d);--ink:light-dark(#292b26,#e8e5dc);--muted:light-dark(#66685f,#b0b3a6);--line:light-dark(#d8d9cf,#3e443b);--accent:light-dark(#506b4f,#a3b899);--surface:light-dark(#eee9de,#292e27);--serif:"Newsreader Variable", Georgia, serif;--sans:"DM Sans Variable", system-ui, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color-scheme:dark;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}html{scroll-behavior:smooth;scroll-padding-top:28px}body{font-size:16px;line-height:1.6}::selection{color:var(--ink);background:light-dark(#d4dfcb,#40523b)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}main:focus{outline:none}h1,h2,h3{font-weight:450}h1,h2{font-family:var(--serif)}h1{letter-spacing:-.045em;font-size:clamp(2.8rem,5vw,4rem);line-height:1.04}h2{letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.2rem);line-height:1.12}em{font-weight:inherit}p{text-wrap:pretty}a,.arrow{transition:color .18s,transform .18s}a:hover{color:var(--accent)}.site-shell{max-width:960px;margin:auto;padding-inline:48px}.mono,.eyebrow{font-family:var(--mono)}.eyebrow{letter-spacing:.12em;font-size:10px;font-weight:400;line-height:1.6}.accent{color:var(--accent)}.arrow{flex:none}.arrow.diagonal{transform:rotate(-45deg)}.text-link{white-space:nowrap;align-items:center;gap:12px;font-size:13px;font-weight:500;display:inline-flex}.text-link:hover>.arrow:not(.diagonal){transform:translate(4px)}.text-link:hover>.arrow.diagonal{transform:rotate(-45deg)translate(3px)}.skip-link{background:var(--ink);color:var(--paper);z-index:10;padding:12px 18px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:12px}}@layer components{.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:98px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-.04em;font-size:31px;font-style:italic}.wordmark-dot{color:var(--accent)}.site-header nav{align-items:center;gap:23px;margin-left:auto;font-size:13px;display:flex}.site-header nav a{padding-block:8px}.site-header nav a[aria-current=page]{color:var(--accent);text-underline-offset:6px;text-decoration:underline 1px}.theme-toggle{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{color:var(--accent);background:var(--surface)}.theme-toggle[hidden],.theme-icon-sun{display:none}:root[data-theme=dark] .theme-icon-sun{display:block}:root[data-theme=dark] .theme-icon-moon{display:none}.welcome{padding:66px 0 70px}.welcome h1{font-size:clamp(3.2rem,5.5vw,4.5rem);line-height:1.12}.welcome h1 em{color:var(--accent);white-space:nowrap;position:relative}.welcome h1 em:after{content:"";border-bottom:1px solid var(--accent);opacity:.55;border-radius:50%;height:7px;position:absolute;bottom:-2px;left:0;right:0;transform:rotate(-2deg)}.welcome-intro{max-width:520px;margin-top:24px;font-size:18px;line-height:1.85}.contact-links{align-items:center;gap:16px;margin-top:25px;display:flex}.contact-links a{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.contact-links a:hover{color:var(--accent);border-color:var(--accent);background:var(--surface);transform:translateY(-2px)}.contact-links svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.contact-links a[data-icon=github] svg,.contact-links a[data-icon=linkedin] svg{fill:currentColor;stroke:none}.section-block{border-top:1px solid var(--line);padding:32px 0 44px}.section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.035em;font-size:31px}.section-heading>.text-link{gap:7px;font-size:12px}.project-grid{gap:0;display:grid}.project-card{grid-template-columns:190px 1fr;align-items:center;gap:27px;min-width:0;padding:26px 0;display:grid}.project-card+.project-card{border-top:1px dashed var(--line)}.project-art-link{border-radius:5px;transition:transform .18s;display:block;overflow:hidden;transform:rotate(-1deg)}.project-card:nth-child(2n) .project-art-link{transform:rotate(1deg)}.project-art-link:hover{transform:rotate(0)}.project-art{aspect-ratio:620/370;background:light-dark(#efe2d3,#352d26);overflow:hidden}.project-art svg{width:100%;height:100%}.art-grid{stroke:light-dark(#d4bda5,#76634f);stroke-opacity:.35}.art-relay{background:light-dark(#dde6dc,#27352b)}.art-search{background:light-dark(#e1e6ed,#29313e)}.project-copy{min-width:0}.project-meta{color:var(--muted);gap:10px;font-size:10px;display:flex}.project-meta>span+span:before{content:"·";margin-right:10px}.project-copy h3{font-family:var(--serif);letter-spacing:-.02em;margin:5px 0;font-size:28px;line-height:1.3}.project-copy h3 a{align-items:center;gap:10px;display:inline-flex}.project-copy h3 .arrow{width:16px}.project-copy>p{color:var(--muted);font-size:14px;line-height:1.75}.tags{flex-wrap:wrap;gap:7px 12px;margin-top:11px;display:flex}.tags>span{font-family:var(--mono);color:var(--muted);font-size:10px}.tags>.sample-tag{font-family:var(--sans);font-style:italic}.post-row{grid-template-columns:118px minmax(0,1fr);gap:20px;padding:22px 0;display:grid;position:relative}.post-row+.post-row{border-top:1px dashed var(--line)}.post-date{color:var(--muted);flex-direction:column;gap:7px;padding-top:5px;font-size:10px;display:flex}.post-date>span{font-family:var(--sans);font-size:11px}.post-copy{overflow-wrap:anywhere;min-width:0}.post-copy h3{font-family:var(--serif);letter-spacing:-.02em;padding-right:25px;font-size:25px;line-height:1.35}.post-copy h3 a:after{content:"";position:absolute;inset:0}.post-arrow{position:absolute;top:28px;right:0}.post-arrow .arrow{width:16px}.post-copy>p{color:var(--muted);margin-top:5px;padding-right:20px;font-size:14px}.sample-label{color:var(--muted);font-family:var(--sans);margin-top:7px;font-size:10px;font-style:italic;display:inline-block}.site-footer{border-top:1px solid var(--line);padding-top:22px}.example-notice{color:var(--muted);padding-bottom:22px;font-size:11px}.footer-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:0 0 27px;font-size:11px;display:flex}.footer-bottom a{align-items:center;gap:8px;display:flex}.footer-bottom a span{font-size:16px}.page-intro{padding:54px 0 36px}.page-intro h1 em{color:var(--accent)}.page-intro>p:last-of-type{max-width:560px;color:var(--muted);margin-top:20px;font-size:16px;line-height:1.85}.page-intro .eyebrow{margin-bottom:18px}.collection-section{padding-bottom:60px}.article-page{max-width:740px;margin:0 auto;padding:48px 0 70px}.back-link{color:var(--muted);font-size:12px}.back-link>.arrow{width:17px;transform:rotate(180deg)}.back-link:hover>.arrow:not(.diagonal){transform:rotate(180deg)translate(3px)}.article-header{border-bottom:1px solid var(--line);margin-bottom:36px;padding:49px 0 34px}.article-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-bottom:23px;font-size:10px;display:flex}.article-meta>span:first-child{text-transform:uppercase;letter-spacing:.05em}.article-header h1{font-size:clamp(2.9rem,5.3vw,4.25rem);line-height:1.09}.article-deck{color:var(--muted);max-width:680px;margin-top:23px;font-size:18px;line-height:1.7}.content-notice{border-left:2px solid var(--accent);background:var(--surface);color:var(--muted);margin-top:28px;padding:12px 15px;font-size:11px}.prose{overflow-wrap:anywhere;font-size:16px;line-height:1.9}.prose>*+*{margin-top:23px}.prose h2{letter-spacing:-.025em;margin-top:46px;font-size:33px}.prose h3{margin-top:30px;font-size:22px}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{padding-left:25px}.prose li{margin-top:8px;padding-left:5px}.prose code{font-family:var(--mono);background:var(--surface);border-radius:3px;padding:3px 5px;font-size:.8em}.astro-code,.astro-code span{color:light-dark(var(--shiki-light),var(--shiki-dark));background-color:light-dark(var(--shiki-light-bg),var(--shiki-dark-bg))}.prose pre{border:1px solid var(--line);border-radius:4px;max-width:100%;padding:24px;font-size:14px;line-height:1.8;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.prose blockquote{border-left:2px solid var(--accent);font-family:var(--serif);margin-inline:0;padding:7px 0 7px 25px;font-size:26px;font-style:italic;line-height:1.5}.prose img{height:auto;margin-inline:auto}.prose hr{border:0;border-top:1px solid var(--line);margin-block:38px}.article-end{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:47px;padding-top:25px;display:flex}.end-mark{color:var(--accent);font-size:30px}.project-detail{padding:48px 0 70px}.project-detail-header{grid-template-columns:1.6fr 1fr;align-items:end;gap:35px;padding:48px 0 42px;display:grid}.project-detail-header .eyebrow{color:var(--muted);margin-bottom:23px}.project-detail-header h1{font-size:clamp(3.5rem,6vw,4.5rem)}.project-facts{padding-bottom:6px}.project-facts .tags{margin-top:12px}.project-facts .tags>span{font-size:11px}.project-links{flex-wrap:wrap;gap:24px;margin-top:23px;display:flex}.project-links:empty{display:none}.project-detail>.project-art{aspect-ratio:2.4}.project-detail>.project-art svg{max-height:440px}.project-body{max-width:740px;margin:35px auto 0}.project-body .content-notice{margin-bottom:34px}.project-detail .article-end{max-width:740px;margin-inline:auto}.not-found{padding-bottom:100px}.not-found .text-link{margin-top:30px}.empty-state{font-family:var(--serif);color:var(--muted);padding:35px 0;font-size:25px}}@layer responsive{@media (width<=700px){.site-shell{padding-inline:25px}.site-header{grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;padding-block:18px 0;display:grid}.wordmark{justify-self:start;align-items:center;min-height:44px;font-size:30px;display:inline-flex}.theme-toggle{grid-area:1/2;width:44px;height:44px}.site-header nav{border-bottom:1px solid var(--line);grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;margin:0;padding-bottom:8px;font-size:14px;display:grid}.site-header nav a{border-radius:5px;justify-content:center;align-items:center;min-height:44px;padding:8px 4px;display:flex}.site-header nav a[aria-current=page]{background:var(--surface);text-decoration:none}.text-link,.footer-bottom a{min-height:44px}.welcome{padding-block:42px 48px}.welcome h1{font-size:50px}.welcome-intro{font-size:16px}.section-heading{gap:14px}.section-heading h2{font-size:28px}.section-heading>.text-link{gap:5px;font-size:11px}.section-heading>.text-link .arrow{width:15px}.project-card{grid-template-columns:135px 1fr;gap:22px}.project-copy h3{font-size:26px}.project-copy>p,.post-copy>p{font-size:15px}.post-row{grid-template-columns:1fr;gap:10px}.post-date{flex-flow:wrap;align-items:center;gap:8px 13px;padding:0;font-size:11px}.post-date>span{border-left:1px solid var(--line);padding-left:13px;font-size:11px}.post-copy h3{padding-right:0}.post-copy h3 a{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.post-arrow{flex:none;position:static}.post-copy h3{font-size:24px}.footer-bottom,.example-notice{font-size:12px}.project-meta,.tags>span,.sample-label{font-size:11px}.page-intro{padding-block:40px 30px}.page-intro h1{font-size:48px}.article-page,.project-detail{padding-block:30px 43px}.article-header{margin-bottom:28px;padding-top:33px}.article-header h1{overflow-wrap:anywhere;font-size:clamp(2.2rem,7vw,2.8rem)}.article-deck{margin-top:18px;font-size:16px}.prose{font-size:16px;line-height:1.85}.prose h2{font-size:30px}.prose pre{padding:18px;font-size:12px}.project-detail-header{grid-template-columns:1fr;gap:25px;padding-block:32px 25px}.project-detail-header h1{overflow-wrap:anywhere;font-size:clamp(2.6rem,9vw,3.75rem)}.project-detail>.project-art{aspect-ratio:620/370}.article-end .text-link{font-size:12px}}@media (width<=500px){.welcome h1{font-size:clamp(2.8rem,11vw,3.4rem)}.section-heading{flex-wrap:wrap;align-items:baseline;gap:9px 18px}.section-heading h2{font-size:27px}.section-block{padding-block:28px 35px}.post-row{grid-template-columns:1fr;gap:9px;padding-block:20px}.project-card{grid-template-columns:1fr;gap:18px}.project-art-link{width:100%;transform:none}.project-card:nth-child(2n) .project-art-link{transform:none}.project-copy h3 a{min-height:44px}.footer-bottom{flex-wrap:wrap;gap:10px 18px}.footer-note{flex-basis:100%;order:3}}@media (width<=390px){.site-shell{padding-inline:20px}.welcome{padding-top:32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}}