@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-variable-latin.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/fonts/bricolage-grotesque-variable-latin.woff2)format("woff2")}@font-face{font-family:Google Sans Flex;font-style:normal;font-weight:550;font-stretch:35%;font-display:swap;src:url(/fonts/google-sans-flex-variable-latin.woff2)format("woff2")}@font-face{font-family:M PLUS U;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/m-plus-u-variable-latin.woff2)format("woff2")}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/syne-variable-latin.woff2)format("woff2")}:root{color-scheme:light dark;--ink:#171717;--paper:#fff8e7;--surface:#fffdf6;--muted:#5a5045;--border:#171717;--shadow:#171717;--yellow:#fae8a4;--coral:#e99898;--blue:#68b7ff;--mint:#98e9ab;--accent-ink:#111;--focus:#005fcc;--border-width:3px;--shadow-offset:6px;--content-width:72rem;--recipe-width:48rem;--heading-font:Impact, Haettenschweiler, "Arial Black", "Franklin Gothic Heavy", sans-serif;--body-font:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-wordmark:"DM Sans", var(--body-font);--font-display:"Bricolage Grotesque", var(--heading-font);--font-recipe-title:"Syne", "Arial Black", "Helvetica Neue", Arial, sans-serif;--font-card-title:"Google Sans Flex", var(--heading-font);--font-nav:"M PLUS U", var(--body-font);--motion-brand:.18s;--motion-focus:.14s}:where(a,button,input,summary,select,textarea,[tabindex]){outline-offset:4px;transition:outline-color var(--motion-focus,.14s) ease-out;outline:4px solid #0000}:focus-visible{outline-color:var(--focus)}@media (prefers-reduced-motion:reduce){:where(a,button,input,summary,select,textarea,[tabindex]){transition:none}}:root{color-scheme:light;color:var(--ink);background:var(--paper);font-family:var(--font-wordmark)}*{box-sizing:border-box}body{margin:0}a{color:inherit}.site-header,footer{justify-content:space-between;align-items:center;max-width:76rem;margin:0 auto;padding:1.5rem 2rem;display:flex}.wordmark{font-variation-settings:"wght" 550;letter-spacing:-.07em;transition:font-variation-settings var(--motion-brand) ease;font-size:1.45rem;font-weight:550;text-decoration:none}.wordmark:hover{font-variation-settings:"wght" 650}.wordmark:active{font-variation-settings:"wght" 1000}.wordmark span{color:var(--coral);font-variation-settings:"wght" 1000}nav,footer div{flex-wrap:wrap;gap:1.25rem;display:flex}nav .nav-link,footer .nav-link{text-underline-offset:.25em;font-size:.92rem}.nav-link{font-family:var(--font-nav);transition:font-weight var(--motion-brand) ease-out, outline-color var(--motion-focus) ease-out;font-weight:550}.nav-link:hover{font-weight:750}.nav-link:active{font-weight:900}.hero{max-width:76rem;margin:3.5rem auto 0;padding:3rem 2rem 6.5rem}.eyebrow,.number{letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem;font-size:.76rem;font-weight:750}h1,h2,p{max-width:100%}h1{font-family:var(--font-display);font-variation-settings:"wdth" 100, "wght" 475;letter-spacing:-.075em;margin:0;font-size:clamp(3.3rem,8vw,7.25rem);line-height:.93}h1 em,.lede em{color:#cf7072;font-style:normal}.lede{max-width:42rem;margin:2rem 0 0;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.25}.hero-description{max-width:42rem;margin:.75rem 0 2rem;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.5}.actions{flex-wrap:wrap;gap:.85rem;display:flex}.button{border:2px solid var(--ink);border-radius:0;align-items:center;gap:.55rem;padding:.85rem 1.1rem;font-weight:750;text-decoration:none;display:inline-flex}.button.primary{background:var(--coral);box-shadow:4px 4px 0 var(--ink)}.button.secondary{background:var(--paper);box-shadow:4px 4px 0 var(--ink)}.button:hover{transform:translate(-1px,-1px)}.principles{background:var(--ink);color:var(--paper);grid-template-columns:repeat(3,1fr);display:grid}.principles article{border-right:1px solid #4d4d4d;padding:3.25rem clamp(1.5rem,5vw,5rem)}.principles article:last-child{border:0}.principles .number{color:var(--mint)}h2{font-family:var(--font-display);letter-spacing:-.055em;margin:0 0 1rem;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1}.principles p:not(.number),.demo-callout p:not(.eyebrow){line-height:1.55}.workflow{grid-template-columns:1fr 1.25fr;gap:2rem;max-width:76rem;margin:0 auto;padding:6rem 2rem;display:grid}.workflow ol{margin:0;padding:0;list-style:none}.workflow li{border-top:2px solid var(--ink);justify-content:space-between;gap:1rem;padding:1rem 0;display:flex}.workflow li strong{font-size:1.3rem}.workflow li span{text-align:right;max-width:13rem}.text-link{text-underline-offset:.25em;grid-column:2}.demo-callout{background:var(--blue);text-align:center;max-width:72rem;margin:0 auto 5rem;padding:clamp(2rem,7vw,5rem)}.demo-callout h2,.demo-callout p{max-width:45rem;margin-left:auto;margin-right:auto}.demo-callout .button{background:var(--paper);margin-top:1rem}footer{border-top:1px solid #c7c0b1;font-size:.86rem}footer p{margin:0}@media (width<=720px){.site-header,footer{flex-direction:column;align-items:flex-start}.hero{margin-top:1rem;padding-bottom:4rem}.principles{grid-template-columns:1fr}.principles article{border-bottom:1px solid #4d4d4d;border-right:0}.workflow{grid-template-columns:1fr;padding:4rem 2rem}.text-link{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}}
