@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/46a9e2f250689b4a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/76b70a1dbe058eb5-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6131cbbf5549afa2-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/45462fd7b7c12654-s.0k62hbripvv8p.woff2)format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ba63f6a0e436df8e-s.3-6t-g6q0vh0a.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/07c7676b89ed2778-s.p.2bn3s6zvc0dyp.woff2)format("woff2");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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.giF-bG_className{font-family:Inter,Inter Fallback;font-style:normal}.giF-bG_variable{--font-sans:"Inter", "Inter Fallback"}
@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/07ada52535bdea5d-s.1ljbalzvxyif7.woff2)format("woff2");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;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/ebba1bee165cb80a-s.3ex3j6ahhvjry.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/75cb990346c55dc4-s.p.40bho2kviej2o.woff2)format("woff2");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 Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.iiz2bW_className{font-family:Newsreader,Newsreader Fallback;font-style:normal}.iiz2bW_variable{--font-serif:"Newsreader", "Newsreader Fallback"}
:root{--canvas:#f6f3ee;--surface:#fcfbf8;--ink:#1a1917;--ink-soft:#3b3833;--muted:#5f5a52;--rule:#e2dcd1;--chip:#ece7de;--frame:#141518;--code-ink:#e9e6df;--focus:#1f48c9;--rule-strong:#bdb5a7;--error:#a3261b;--gutter:clamp(16px, 4vw, 40px);--max:1200px;--radius:20px;--serif:var(--font-serif), Georgia, "Times New Roman", serif;--sans:var(--font-sans), system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0;font-size:1.0625rem;line-height:1.6}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.1}h1,h2{font-family:var(--serif);letter-spacing:-.015em;font-weight:400}h2{font-size:clamp(2rem,1.5rem + 2vw,3rem)}h3{letter-spacing:-.005em;font-size:1.125rem;font-weight:600}p,ul,ol,dl,figure{margin:0}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}main:focus{outline:none}[id]{scroll-margin-top:24px}img{max-width:100%;height:auto;display:block}.container{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--ink);color:var(--canvas);border-radius:8px;padding:10px 16px;position:absolute;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.eyebrow{color:var(--muted);letter-spacing:.01em;font-size:.9375rem}.lede{max-width:40rem;color:var(--ink-soft);font-size:clamp(1.125rem,1rem + .5vw,1.3125rem);line-height:1.55}.status{color:var(--muted);align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.status:before{content:"";opacity:.6;background:currentColor;border-radius:50%;width:7px;height:7px}.stack{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.stack li{background:var(--chip);color:var(--ink-soft);border-radius:6px;padding:2px 9px;font-size:.8125rem;line-height:1.6}.button{background:var(--ink);min-height:44px;color:var(--canvas);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 20px;font-family:inherit;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.button:after{content:"→" / ""}.button:hover{background:#000}.button:disabled{opacity:.55;cursor:not-allowed}.button--quiet{color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule-strong);background:0 0}.button--quiet:hover{background:var(--chip)}.button--quiet:after,.living__explore .button:after{content:none}.app-frame{background:var(--frame);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #1a191714,0 28px 56px -28px #1a191773}.app-frame img{width:100%}.figure figcaption,.code figcaption,.layers figcaption{max-width:44rem;color:var(--muted);margin-top:12px;font-size:.875rem;line-height:1.55}.site-header{border-bottom:1px solid var(--rule)}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;min-height:72px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-.01em;font-size:1.375rem;text-decoration:none}.site-nav{gap:4px;padding:0;list-style:none;display:flex}.site-nav a{min-height:44px;color:var(--ink-soft);align-items:center;padding:0 12px;font-size:.9375rem;text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--ink);text-decoration:underline}.site-footer{border-top:1px solid var(--rule);color:var(--muted);margin-top:clamp(64px,10vw,128px);font-size:.875rem}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:32px;display:flex}.hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:clamp(56px,11vw,144px) clamp(48px,8vw,96px);display:grid}.hero h1{letter-spacing:-.025em;max-width:17ch;font-size:clamp(2.5rem,1.5rem + 5vw,5.5rem);line-height:1.02}.section{padding-top:clamp(48px,8vw,96px)}.section__intro{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:clamp(28px,5vw,48px);display:grid}.section__intro p{max-width:40rem;color:var(--muted)}.flagships{gap:clamp(24px,4vw,40px);display:grid}.flagship{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,40px);padding:clamp(12px,2.5vw,28px);display:grid}.flagship__body{grid-template-columns:minmax(0,1fr);align-content:center;justify-items:start;gap:16px;padding:4px 8px 12px;display:grid}.flagship__title{font-family:var(--serif);letter-spacing:-.015em;font-size:clamp(1.875rem,1.4rem + 1.6vw,2.625rem);font-weight:400}.flagship__summary{color:var(--ink);font-size:1.1875rem;line-height:1.45}.flagship__body>p:not([class]){color:var(--ink-soft)}.flagship__actions{flex-wrap:wrap;gap:10px;display:flex}.flagship__caption{color:var(--muted);font-size:.8125rem;line-height:1.5}@media (min-width:960px){.flagship{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center}.flagship:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.flagship:nth-child(2n) .flagship__media{order:2}}.supporting{gap:0 48px;padding:0;list-style:none;display:grid}.supporting__item{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;padding-block:24px 28px;display:grid}.supporting__item>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.supporting__item>p{color:var(--ink-soft)}@media (min-width:760px){.supporting{grid-template-columns:repeat(2,minmax(0,1fr))}}.about{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.about__body{max-width:40rem;color:var(--ink-soft);grid-template-columns:minmax(0,1fr);gap:16px;font-size:1.125rem;display:grid}@media (min-width:860px){.about{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}.case-header{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:clamp(40px,8vw,96px) clamp(32px,5vw,56px);display:grid}.case-header h1{letter-spacing:-.025em;font-size:clamp(2.5rem,1.6rem + 4.5vw,5rem);line-height:1.02}.facts{border-top:1px solid var(--rule);gap:16px 40px;margin-top:12px;padding-top:24px;display:grid}.facts dt{color:var(--muted);margin-bottom:6px;font-size:.8125rem}.facts dd{margin:0}@media (min-width:760px){.facts{grid-template-columns:auto auto auto;justify-content:start}}.case-hero{margin-bottom:clamp(16px,4vw,40px)}.case-body.container{width:min(100% - 2 * var(--gutter), 46rem)}.case-section{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:clamp(40px,7vw,72px);display:grid}.case-section h2{font-size:clamp(1.875rem,1.5rem + 1.4vw,2.5rem)}.case-section h3{margin-top:12px}.case-section>p,.case-section li{color:var(--ink-soft)}.case-section strong{color:var(--ink)}.case-section>ul{gap:8px;padding-left:1.25em;display:grid}.figure--inset{margin-block:8px}.figure--narrow .app-frame{max-width:480px}.case-section .figure:not(.figure--inset){width:min(100vw - 2 * var(--gutter), var(--max));margin-inline:calc(50% - min(100vw - 2 * var(--gutter), var(--max)) / 2)}.steps{counter-reset:step;border-left:1px solid var(--rule);gap:0;margin-left:12px;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;padding:10px 0 10px 40px;position:relative}.steps li:before{content:counter(step);background:var(--canvas);border:1px solid var(--rule);width:24px;height:24px;color:var(--muted);border-radius:50%;place-items:center;font-size:.75rem;line-height:1;display:grid;position:absolute;top:12px;left:-12px}.steps strong{font-weight:600;display:block}.code pre{background:var(--frame);color:var(--code-ink);font-family:var(--mono);tab-size:2;border-radius:12px;margin:0;padding:20px;font-size:.8125rem;line-height:1.65;overflow-x:auto}.layers ol{gap:20px;padding:0;list-style:none;display:grid}.layers ol>li{gap:8px;display:grid;position:relative}.layers ol>li+li:before{content:"";background:var(--muted);width:1px;height:20px;position:absolute;top:-20px;left:24px}.layers__name{color:var(--muted);font-size:.8125rem}.layers ul{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.layers ul li{border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 14px;font-size:.9375rem}.next-project{border-top:1px solid var(--rule);margin-top:clamp(56px,9vw,112px);padding-top:32px}.next-project a{gap:6px;margin-top:8px;text-decoration:none;display:grid}.next-project__title{font-family:var(--serif);font-size:clamp(2rem,1.5rem + 2vw,3rem);line-height:1.1}.next-project a:hover .next-project__title{text-decoration:underline;text-decoration-thickness:1px}.next-project__summary{color:var(--muted)}.not-found{gap:16px;padding-block:96px;display:grid}.living{z-index:50;position:fixed;inset:0}.living[hidden]{display:none}.living__backdrop{background:#1a191780;position:absolute;inset:0}.living__frame{--p:1;border-radius:calc(14px * clamp(0, 2 - var(--p), 1));background:var(--surface);position:absolute;overflow:hidden;box-shadow:0 32px 80px -24px #1a191780}.living__bar{z-index:2;border-bottom:1px solid var(--rule);background:var(--surface);height:60px;opacity:clamp(0, (var(--p) - .5) * 2, 1);align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute;inset:0 0 auto}.living__title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.25rem;overflow:hidden}.living__title:focus{outline:none}.living__title:focus-visible{outline:2px solid var(--focus)}.living__view{color:var(--muted);font-family:var(--sans);margin-left:6px;font-size:.8125rem}.living__control{border:1px solid var(--rule-strong);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:.875rem;display:inline-flex}.living__control:hover{background:var(--chip)}.living__confirm{flex:none;align-items:center;gap:8px;font-size:.875rem;display:flex}.living__control--primary{border-color:var(--ink);background:var(--ink);color:var(--canvas)}.living__control--primary:hover{background:#000}@media (max-width:479px){.living__wide,.living__bar--confirming .living__title{display:none}}.living__layer{overscroll-behavior:contain;padding-top:calc(60px * clamp(0, var(--p), 1));position:absolute;inset:0;overflow:auto}.living__layer--preview{opacity:clamp(0, (1.6 - var(--p)) / .6, 1)}.living__layer--workspace{opacity:clamp(0, (var(--p) - 1.4) / .6, 1);background:var(--canvas)}.living__explore{padding:8px clamp(16px,4vw,32px) 32px}.living__mode{padding:10px var(--gutter);background:var(--ink);color:var(--canvas);font-size:.875rem}.living-preview__shot{background:var(--frame)}.living-preview__shot img{width:100%}.living-preview__body{max-width:46rem;opacity:clamp(0, (var(--p) - .6) / .4, 1);gap:16px;padding:24px clamp(16px,4vw,32px) 8px;display:grid}.living-preview__lede{font-size:1.125rem}.living-preview__notice{border-left:3px solid var(--ink);background:var(--chip);padding:12px 16px}.living__narrow{display:none}@media (max-width:759.98px){.living__narrow{display:revert}}.living-preview__features{color:var(--ink-soft);gap:8px;padding-left:1.1em;display:grid}.living-preview__caption{color:var(--muted);font-size:.8125rem}.explore-callout{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:8px;padding:20px 24px;display:flex}.explore-callout p{max-width:40rem;color:var(--ink-soft)}.living__layer--workspace{flex-direction:column;display:flex;overflow:hidden}.living__mode{flex:none}.studio{background:var(--frame);flex:1;min-height:0;position:relative}.studio__frame{border:0;width:100%;height:100%;display:block}.studio__state{padding:24px max(var(--gutter), calc((100% - 36rem) / 2));background:var(--canvas);align-content:center;justify-items:start;gap:16px;display:grid;position:absolute;inset:0;overflow:auto}.studio__state p{max-width:36rem;color:var(--ink-soft)}.studio__state .studio__error{color:var(--error);font-weight:500}.studio__actions{flex-wrap:wrap;gap:10px;display:flex}