@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.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}:root{--sky:#87cefa;--sky-deep:#2f7fbe;--ink:#333;--paper:#efece5;--chalk:#f5f6f5;--chalk-deep:#dde1e1;--char:#26282b;--char-deep:#1d1f21;--muted:#6e7a80;--warm:#f07d5d;--moss:#4c7a58;--green:#5ee08a;--purple:#b98bff;--char-line:#3c4043;--font:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--display:"Space Grotesk Variable", "Space Grotesk", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--measure:1180px;--pad:clamp(18px, 4vw, 56px);--ease:cubic-bezier(.2, 0, 0, 1);--tracking-display:-.02em}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--chalk);color:var(--ink);font-family:var(--font);margin:0;font-size:16px;line-height:1.55}a{color:inherit}img{max-width:100%;display:block}.skip-link{z-index:100;background:var(--paper);color:var(--ink);padding:10px 14px;font-weight:700;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(var(--measure), calc(100% - (var(--pad) * 2)));margin-inline:auto}.site-header{z-index:20;background:var(--ink);min-height:84px;color:var(--sky);border-bottom:4px solid var(--sky);grid-template-columns:auto 1fr auto;align-items:stretch;display:grid;position:relative}.wordmark{width:150px;padding:12px var(--pad);font-family:var(--display);letter-spacing:var(--tracking-display);text-transform:uppercase;flex-direction:column;justify-content:center;font-size:20px;font-weight:800;line-height:.8;text-decoration:none;display:flex}.site-nav{justify-content:flex-end;align-items:stretch;display:flex;overflow-x:auto}.site-nav a,.feed-link{color:#f5f6f5ad;letter-spacing:.08em;text-transform:uppercase;min-width:max-content;transition:background .16s var(--ease), color .16s var(--ease);place-items:center;padding:0 20px;font-size:12px;font-weight:800;text-decoration:none;display:grid}.site-nav a:hover,.site-nav a[aria-current=page],.feed-link:hover{color:var(--sky);background:#87cefa1f}.feed-link{border-left:1px solid var(--char-line)}.hero{background:var(--sky);align-items:flex-end;min-height:68svh;display:flex;overflow:hidden}.hero__inner{width:100%;padding:clamp(44px, 8vw, 120px) var(--pad) clamp(34px, 5vw, 72px)}.hero h1{max-width:1180px;font-family:var(--display);letter-spacing:var(--tracking-display);text-transform:uppercase;margin:0;font-size:clamp(72px,15vw,220px);font-weight:800;line-height:.72}.hero__bottom{justify-content:space-between;align-items:flex-end;gap:32px;margin-top:clamp(40px,7vw,90px);display:flex}.hero__bottom p{max-width:600px;margin:0;font-size:clamp(18px,2.2vw,28px);line-height:1.25}.section{padding:clamp(56px,8vw,112px) 0}.section--ink{background:var(--ink);color:var(--paper)}.section--paper{background:var(--paper)}.section--sky{background:var(--sky)}.section-head{border-bottom:3px solid;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:28px;padding-bottom:12px;display:flex}.section-head h2,.page-intro h1{font-family:var(--display);letter-spacing:var(--tracking-display);text-transform:uppercase;margin:0;font-size:clamp(38px,6vw,82px);font-weight:800;line-height:.95}.section-head a,.text-link{text-underline-offset:4px;font-weight:700;text-decoration-thickness:2px}.project-list{border-top:1px solid #f5f6f533;display:grid}.project-row{min-height:100px;transition:color .18s var(--ease), padding .18s var(--ease);border-bottom:1px solid #f5f6f533;grid-template-columns:minmax(0,1fr) minmax(160px,320px) auto;align-items:center;gap:24px;padding:18px 0;text-decoration:none;display:grid}.project-row:hover{color:var(--sky);padding-inline:12px}.project-row strong{font-family:var(--display);letter-spacing:var(--tracking-display);text-transform:uppercase;font-size:clamp(28px,4vw,52px);line-height:1}.project-row span{color:#aeb2ad}.project-row b{font-size:22px}.entry-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.entry-card{background:var(--chalk);border:2px solid var(--ink);border-radius:12px;flex-direction:column;grid-column:span 4;min-height:330px;display:flex;overflow:hidden}.entry-card--large{grid-column:span 8}.entry-card>img{aspect-ratio:16/9;object-fit:cover;border-bottom:2px solid var(--ink);width:100%}.entry-card__body{flex-direction:column;flex:1;padding:clamp(20px,3vw,34px);display:flex}.entry-card h3{font-family:var(--display);letter-spacing:var(--tracking-display);margin:24px 0 12px;font-size:clamp(25px,3vw,42px);line-height:1.02}.entry-card h3 a{text-decoration:none}.entry-card h3 a:hover{color:var(--sky-deep)}.entry-card p{color:var(--muted);margin:0 0 28px}.entry-meta{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;gap:14px;font-size:11px;font-weight:800;display:flex}.entry-meta--page{max-width:720px}.tag-row{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.project-tag{background:var(--chalk-deep);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:29px;padding:4px 11px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.project-tag:hover{background:var(--sky)}.page-intro{background:var(--sky);padding:clamp(64px,10vw,140px) 0 clamp(46px,7vw,90px)}.page-intro__inner{grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);align-items:end;gap:48px;display:grid}.page-intro p{margin:0;font-size:clamp(18px,2vw,25px);line-height:1.3}.filter-line{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 32px;display:flex}.filter-line span{letter-spacing:.08em;text-transform:uppercase;margin-right:8px;font-size:11px;font-weight:800}.filter-line a{border:1px solid var(--ink);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700;text-decoration:none}.filter-line a:hover{background:var(--ink);color:var(--paper)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-card{background:var(--ink);min-height:360px;color:var(--paper);border-radius:12px;flex-direction:column;justify-content:space-between;padding:clamp(26px,4vw,52px);text-decoration:none;display:flex;position:relative;overflow:hidden}.project-card:nth-child(3n+2){background:var(--sky);color:var(--ink)}.project-card:nth-child(3n){background:var(--moss);color:var(--paper)}.project-card__top{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:20px;font-size:11px;font-weight:800;display:flex}.project-card h2{font-family:var(--display);letter-spacing:var(--tracking-display);text-transform:uppercase;margin:60px 0 16px;font-size:clamp(42px,6vw,76px);line-height:.86}.project-card p{max-width:520px;margin:0;font-size:18px}.project-card:hover .project-card__arrow{transform:translate(7px,-7px)}.project-card__arrow{transition:transform .2s var(--ease);font-size:32px}.project-hero{background:var(--ink);min-height:62svh;color:var(--paper);align-items:flex-end;padding:clamp(62px,10vw,140px) 0 clamp(45px,7vw,90px);display:flex}.project-hero h1{max-width:1000px;font-family:var(--display);letter-spacing:var(--tracking-display);text-transform:uppercase;margin:18px 0;font-size:clamp(64px,13vw,180px);line-height:.78}.project-hero .eyebrow{color:var(--sky);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.project-hero__bottom{justify-content:space-between;align-items:flex-end;gap:36px;display:flex}.project-hero__bottom p{max-width:630px;margin:0;font-size:clamp(20px,2.5vw,31px);line-height:1.2}.button{background:var(--sky);min-height:46px;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.button:hover{background:var(--paper)}.project-copy{grid-template-columns:minmax(0,1.6fr) minmax(220px,.4fr);gap:60px;display:grid}.project-copy .prose{max-width:760px}.project-facts{margin:0}.project-facts div{border-top:1px solid #c7cdcd;padding:13px 0}.project-facts dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.project-facts dd{margin:3px 0 0;font-weight:700}.entry-page{padding-block:clamp(60px,9vw,130px)}.entry-page__header{max-width:920px;margin-bottom:56px}.entry-page h1{font-family:var(--display);letter-spacing:var(--tracking-display);margin:22px 0;font-size:clamp(50px,9vw,116px);line-height:.88}.entry-page .dek{max-width:740px;color:var(--muted);margin:0 0 28px;font-size:clamp(19px,2.3vw,28px);line-height:1.3}.entry-cover{object-fit:cover;background:var(--ink);border-radius:12px;width:100%;max-height:720px;margin:0 0 64px}.prose{font-size:clamp(17px,1.6vw,20px);line-height:1.72}.entry-page>.prose{max-width:760px;margin-inline:auto}.prose h2,.prose h3{font-family:var(--display);letter-spacing:var(--tracking-display);line-height:1.05}.prose h2{margin:2.2em 0 .6em;font-size:clamp(32px,4vw,50px)}.prose h3{margin:2em 0 .5em;font-size:28px}.prose p{margin:0 0 1.4em}.prose a{text-underline-offset:3px;text-decoration-thickness:2px}.prose blockquote{border-left:6px solid var(--sky);font-family:var(--display);margin:2em 0;padding:12px 0 12px 28px;font-size:1.5em;line-height:1.25}.prose code{background:var(--chalk-deep);border-radius:5px;padding:2px 6px;font-size:.85em}.prose pre{background:var(--char);color:var(--paper);border-radius:10px;padding:24px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose img{border-radius:10px;margin:2em 0}.external-callout{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);max-width:760px;font-family:var(--display);text-transform:uppercase;justify-content:space-between;margin:70px auto 0;padding:20px 0;font-size:24px;font-weight:800;text-decoration:none;display:flex}.external-callout:hover{color:var(--sky-deep)}.entry-pager{border-top:1px solid var(--chalk-deep);justify-content:space-between;gap:24px;max-width:760px;margin:56px auto 0;padding-top:20px;display:flex}.entry-pager a{flex-direction:column;gap:6px;max-width:46%;text-decoration:none;display:flex}.entry-pager a:hover b{color:var(--sky-deep)}.entry-pager span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.entry-pager b{font-family:var(--display);letter-spacing:var(--tracking-display);text-transform:uppercase;font-size:19px;font-weight:800;line-height:1.1}.entry-pager__next{text-align:right;margin-left:auto}.experiment-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.experiment-card{border:2px solid var(--ink);border-radius:12px;flex-direction:column;grid-column:span 6;justify-content:space-between;min-height:330px;padding:clamp(28px,5vw,56px);text-decoration:none;display:flex}.experiment-card:first-child{background:var(--ink);color:var(--sky);grid-column:span 8}.experiment-card:nth-child(2){background:var(--purple);grid-column:span 4}.experiment-card h2{max-width:650px;font-family:var(--display);letter-spacing:var(--tracking-display);margin:50px 0 0;font-size:clamp(34px,5vw,68px);line-height:.92}.experiment-card p{margin:12px 0 0}.experiment-card:hover{background:var(--sky);color:var(--ink)}.site-footer{min-height:180px;padding:50px var(--pad);background:var(--char-deep);color:var(--paper);justify-content:space-between;align-items:flex-end;gap:30px;font-size:13px;display:flex}.site-footer p{margin:0}.site-footer div{flex-wrap:wrap;gap:20px;display:flex}.site-footer a{color:var(--sky);text-underline-offset:4px}@media (width<=850px){.site-header{grid-template-columns:auto 1fr;min-height:auto}.wordmark{width:104px;padding:14px 16px;font-size:16px}.site-nav{justify-content:flex-start}.site-nav a{padding:0 13px;font-size:10px}.feed-link{display:none}.hero{min-height:72svh}.hero__bottom,.project-hero__bottom{flex-direction:column;align-items:flex-start}.page-intro__inner,.project-copy{grid-template-columns:1fr}.project-row{grid-template-columns:minmax(0,1fr) auto}.project-row span{display:none}.entry-card,.entry-card--large{grid-column:span 6}.project-grid{grid-template-columns:1fr}.experiment-card,.experiment-card:first-child,.experiment-card:nth-child(2){grid-column:span 12}}@media (width<=560px){.site-header{display:block}.wordmark{min-height:58px}.site-nav{border-top:1px solid var(--char-line);min-height:48px}.hero h1{font-size:clamp(64px,25vw,112px)}.entry-card,.entry-card--large{grid-column:1/-1;min-height:280px}.project-card{min-height:300px}.project-hero h1{font-size:clamp(62px,22vw,100px)}.site-footer{flex-direction:column;align-items:flex-start;min-height:220px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}