@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,500,20,1;1,9..144,500,20,1&family=Silkscreen:wght@400;700&display=swap";:root{--paper:#faf9f5;--ink:#191d19;--muted:#535b53;--line:#d8dcd3;--green:#557d27;--lime:#d9f66f;--blue:#c8def3;--coral:#f18a69;--serif:"Fraunces",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}:root[data-theme=dark]{color-scheme:dark;--paper:#131913;--ink:#f1f2e9;--muted:#bbc3b6;--line:#3b4639;--green:#b5d983;--lime:#ddff72}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);font:18px/1.7 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:4px;outline:3px solid #799d46}.site{max-width:1480px;margin:0 auto;padding:0 7.2%}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;display:flex}.wordmark{letter-spacing:-1.7px;font-size:25px;font-weight:700;line-height:1}.wordmark span{color:var(--green)}.header nav{color:#424a42;gap:38px;font-size:15px;display:flex}.header nav a:hover,.socials a:hover{color:var(--green)}.header-contact{border:1px solid #aeb7a8;border-radius:40px;padding:10px 17px;font-size:14px;font-weight:700}.header-contact span{color:var(--green);margin-left:13px}.header-contact:hover{background:var(--lime);border-color:var(--lime)}.hero{grid-template-columns:1.12fr .88fr;align-items:center;gap:7%;min-height:640px;padding:78px 0 70px;display:grid;position:relative}.eyebrow,.hero-baseline,.photo-caption,.project-kicker,.visual-label,.visual-foot,.footer small{font:11px/1.5 var(--mono);letter-spacing:.065em}.eyebrow{color:#414a41;margin:0 0 22px}.live-dot{background:#77a747;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.slash{color:#9a9f95;margin:0 5px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.078em;margin:0 0 30px;font-size:clamp(60px,6.8vw,92px);font-weight:600;line-height:.99}h1 em,h2 em{font-family:var(--serif);letter-spacing:-.065em;color:var(--green);font-weight:500}.hero-summary{color:#454d45;max-width:550px;margin:0 0 29px;font-size:20px;line-height:1.65}.primary-link{border-bottom:2px solid #9eae8c;align-items:center;gap:22px;padding:0 0 7px;font-size:15px;font-weight:700;display:inline-flex}.primary-link span{color:var(--green);font-size:20px}.hero-photo{background:var(--blue);border-radius:4px;justify-self:end;width:100%;max-width:460px;height:min(44vw,480px);min-height:380px;position:relative;overflow:hidden}.hero-photo img{object-fit:cover;object-position:center 22%;width:100%;height:100%;display:block}.photo-caption{z-index:3;color:#202d31;background:#ffffffdb;justify-content:space-between;padding:10px 12px;font-size:9px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.hero-baseline{border-top:1px solid var(--line);color:#626a60;justify-content:space-between;padding-top:12px;font-size:9px;display:flex;position:absolute;bottom:19px;left:0;right:0}.projects{border-top:1px solid var(--line);padding:105px 0 120px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:43px;display:flex}.section-heading .eyebrow{color:var(--green);margin-bottom:17px;font-size:11px}.section-heading h2,.about-heading h2{letter-spacing:-.07em;margin:0;font-size:clamp(49px,5.6vw,76px);font-weight:600;line-height:1.02}.section-heading h2 span{color:var(--green)}.heading-note{color:#4c554b;max-width:340px;margin:0 0 5px 25px;font-size:17px;line-height:1.65}.project-list{gap:24px;display:grid}.project-card{background:#fffefa;border:1px solid #d8dcd3;grid-template-columns:.94fr 1.06fr;min-height:370px;display:grid}.project-visual{justify-content:center;align-items:center;min-height:370px;padding:35px;display:flex;position:relative;overflow:hidden}.project-1 .project-visual{background:#4c57c8}.project-2 .project-visual{color:#253023;background:#e8eddc}.project-image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.visual-label{color:#53634a;font-size:9px;position:absolute;top:19px;left:21px}.project-2 .visual-label,.project-2 .visual-foot{color:#53634a}.talkey-display{z-index:1;background:#fffdf7;border:1px solid #d4dcc9;width:min(100%,370px);padding:27px 29px 24px;position:relative;box-shadow:12px 12px #c8d5b3}.key-row{gap:12px;display:flex}.key-row>span{font:10px var(--mono);color:#414a3d;background:#f0f2eb;flex:1;align-items:center;gap:9px;padding:9px 10px;display:flex}.key-row b{width:34px;height:31px;font:12px var(--sans);background:#fff;border:1px solid #c4cdb8;border-radius:4px;place-items:center;display:grid}.voice-wave{border-bottom:1px solid #e0e4d8;justify-content:center;align-items:center;gap:5px;height:82px;margin:9px 0;display:flex}.voice-wave i{width:4px;height:var(--h,20px);background:#87a95d;border-radius:4px}.voice-wave i:nth-child(4n){--h:48px}.voice-wave i:nth-child(4n+1){--h:29px}.voice-wave i:nth-child(4n+2){--h:58px}.voice-wave i:nth-child(4n+3){--h:38px}.voice-flow{font:10px var(--mono);color:#46513f;justify-content:center;align-items:center;gap:20px;display:flex}.voice-flow b{font:17px var(--sans);color:#7da047}.visual-foot{color:#53634a;font-size:8px;position:absolute;bottom:18px;left:21px}.project-content{flex-direction:column;align-items:flex-start;padding:35px 42px 31px;display:flex}.project-kicker{color:#5f6b5a;justify-content:space-between;gap:12px;width:100%;font-size:9px;display:flex}.project-kicker span:last-child{color:var(--green);text-align:right}.project-kind{font:12px var(--mono);letter-spacing:.015em;color:var(--green);margin:31px 0 -25px}.project-content h3{letter-spacing:-.055em;margin:37px 0 14px;font-size:37px;line-height:1.12}.project-description{color:#313a32;max-width:550px;margin:0 0 12px;font-size:18px;line-height:1.65}.project-detail{color:#5b6359;max-width:550px;margin:0 0 25px;font-size:15px;line-height:1.65}.project-actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.project-actions a{border:1px solid #aeb8a4;border-radius:30px;align-items:center;gap:10px;padding:9px 15px;font-size:13px;font-weight:700;display:inline-flex}.project-actions a span{color:var(--green)}.project-actions a:hover{background:var(--lime);border-color:var(--lime)}.notes{color:#f7f6ef;background:#202821;grid-template-columns:.8fr 1.2fr;align-items:center;gap:9%;margin:0 -8.4%;padding:88px 8.4% 94px;display:grid}.notes-heading .eyebrow{color:var(--lime);margin-bottom:18px}.notes-heading h2{letter-spacing:-.07em;margin:0 0 20px;font-size:clamp(48px,5.5vw,72px);line-height:1.02}.notes-heading h2 em{color:var(--lime)}.notes-heading>p:last-child{color:#c4c9bf;max-width:330px;margin:0;font-size:16px;line-height:1.7}.note-preview{border:1px solid #495448;border-left:4px solid var(--lime);background:#273229;padding:28px 31px 25px}.note-meta{color:#c5ceba;font:10px var(--mono);letter-spacing:.06em;justify-content:space-between;gap:15px;display:flex}.note-title{letter-spacing:-.045em;max-width:620px;margin:25px 0 14px;font-size:clamp(25px,3vw,38px);font-weight:600;line-height:1.16;display:block}.note-preview>p{color:#d7dacf;max-width:620px;margin:0 0 25px;font-size:16px;line-height:1.7}.note-footer{color:#c5ceba;font:10px var(--mono);letter-spacing:.04em;border-top:1px solid #495448;justify-content:space-between;align-items:center;gap:15px;padding-top:15px;display:flex}.note-footer a{color:var(--lime);font:12px var(--sans);letter-spacing:0;font-weight:700}.note-footer a span{margin-left:8px}.all-notes{color:var(--lime);border-bottom:1px solid #8caa5f;align-items:center;gap:15px;margin-top:20px;padding-bottom:5px;font-size:13px;font-weight:700;display:inline-flex}.notes-list{gap:24px;display:grid}.notes-list .note-preview{margin:0}.about{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:start;gap:12%;padding:84px 0 105px;display:grid}.about-heading .eyebrow{color:var(--green);margin-bottom:23px}.about-heading h2{font-size:clamp(44px,5vw,68px)}.about-copy{padding-top:34px}.about-copy>p{color:#3e473e;margin:0 0 22px;font-size:19px;line-height:1.75}.about-copy .about-note{color:#626a60;font-size:16px}.about-link{border-bottom:1px solid #aeb8a4;align-items:center;gap:20px;margin-top:4px;padding-bottom:6px;font-size:14px;font-weight:700;display:inline-flex}.about-link span{color:var(--green)}.contact{background:var(--lime);justify-content:space-between;align-items:center;gap:30px;margin:0 -8.4%;padding:51px 8.4%;display:flex}.contact .eyebrow{color:#43532f;margin:0 0 8px;font-size:10px}.contact h2{letter-spacing:-.07em;margin:0;font-size:clamp(44px,5.8vw,72px);line-height:1}.email-link{font:16px var(--mono);z-index:1;border-bottom:1px solid #829b52;align-items:center;gap:35px;padding-bottom:8px;display:flex}.email-link span{font:22px var(--sans)}.footer{grid-template-columns:1fr 2fr auto;align-items:center;gap:20px;min-height:90px;display:grid}.socials{justify-content:center;gap:27px;font-size:13px;display:flex}.footer small{color:#596157;text-align:right;font-size:10px}.note-article{max-width:900px;margin:0 auto;padding:56px 0 90px}.back-link{color:#53634a;font-size:14px;font-weight:600}.article-meta{color:#5a7140;font:11px var(--mono);letter-spacing:.06em;justify-content:space-between;gap:15px;margin:53px 0 23px;display:flex}.note-article>h1{margin:0 0 20px;font-size:clamp(58px,7vw,88px);line-height:1.01}.note-article>h1 em{color:var(--green);font-family:var(--serif);font-weight:500}.article-deck{color:#4e584d;max-width:690px;margin:0;font-size:22px;line-height:1.55}.article-rule{background:var(--line);height:1px;margin:40px 0}.article-body{color:#333d34;max-width:680px;margin-left:auto;font-size:18px;line-height:1.85}.article-body>p{margin-bottom:25px}.article-body code{background:#e9ecdf;padding:2px 5px;font-size:.88em}.article-takeaway{background:#edf1e4;border-left:4px solid #92b653;margin:38px 0;padding:23px 26px}.article-takeaway span{font:10px var(--mono);letter-spacing:.07em;color:#50683a}.article-takeaway p{margin:11px 0 0;font-size:20px;font-weight:600;line-height:1.55}.article-sources{border-top:1px solid var(--line);margin:35px 0;padding-top:22px}.article-sources h2{font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#5a7140;margin:0 0 10px}.article-sources a{border-bottom:1px solid #abb99b;padding-bottom:3px;font-size:15px;font-weight:600}.sample-disclaimer{color:#70776d;border-top:1px solid var(--line);padding-top:15px;font-size:13px}.article-next{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.06em;color:#687260;justify-content:space-between;align-items:center;margin-top:60px;padding:19px 0;display:flex}.article-next a{color:var(--green);font:14px var(--sans);letter-spacing:0;font-weight:700}@media (width<=900px){.site{padding:0 5.5%}.hero{grid-template-columns:1.1fr .9fr;gap:4%;padding-top:62px}.hero-photo{min-height:340px}.hero-summary{font-size:18px}.project-content{padding:30px}.project-content h3{margin-top:28px;font-size:32px}.project-description{font-size:16px}.project-detail{font-size:14px}.project-visual{min-height:340px}.notes{gap:6%;margin-left:-5.8%;margin-right:-5.8%;padding-left:5.8%;padding-right:5.8%}.about{gap:7%}.contact{margin-left:-5.8%;margin-right:-5.8%;padding-left:5.8%;padding-right:5.8%}.note-article{padding-left:5.5%;padding-right:5.5%}}@media (width<=620px){body{font-size:17px}.site{padding:0 21px}.header{height:70px}.wordmark{font-size:22px}.header-contact{padding:8px 12px;font-size:12px}.header-contact span{margin-left:7px}.hero{flex-direction:column;align-items:stretch;gap:35px;padding:53px 0 69px;display:flex}.hero-copy{order:1}.hero-photo{order:2;width:100%;max-width:none;height:340px;min-height:0}.hero h1{margin:20px 0;font-size:clamp(46px,11.7vw,64px);line-height:1.01}.hero .eyebrow{font-size:9px}.hero-summary{margin-bottom:22px;font-size:18px;line-height:1.7}.primary-link{font-size:14px}.photo-caption{font-size:8px}.hero-baseline{font-size:7px;bottom:18px}.hero-baseline span:nth-child(2){display:none}.projects{padding:74px 0 80px}.section-heading{margin-bottom:28px;display:block}.section-heading h2,.about-heading h2{font-size:clamp(43px,11vw,60px)}.heading-note{max-width:350px;margin:17px 0 0;font-size:15px}.project-list{gap:20px}.project-card{grid-template-columns:1fr}.project-visual{min-height:245px;padding:25px}.project-content{min-height:340px;padding:24px 22px 25px}.project-kicker{font-size:8px}.project-kind{margin:27px 0 -21px;font-size:10px}.project-content h3{margin:27px 0 12px;font-size:30px}.project-description{font-size:17px;line-height:1.6}.project-detail{font-size:14px;line-height:1.65}.project-actions{gap:9px}.project-actions a{padding:8px 12px;font-size:12px}.about{grid-template-columns:1fr;gap:18px;padding:67px 0 74px}.about-heading .eyebrow{margin-bottom:16px}.about-copy{padding-top:0}.about-copy>p{font-size:17px}.about-link{font-size:13px}.contact{margin:0 -21px;padding:39px 21px 43px;display:block}.contact .eyebrow{font-size:9px}.contact h2{font-size:54px}.email-link{gap:19px;margin-top:25px;font-size:12px;display:inline-flex}.footer{grid-template-columns:1fr auto;gap:15px;padding:19px 0}.socials{grid-area:2/1/auto/-1;justify-content:flex-start;gap:19px;font-size:12px}.footer small{font-size:9px}.header nav{gap:12px;font-size:12px}.notes{margin-left:-21px;margin-right:-21px;padding:65px 21px 70px;display:block}.notes-heading{margin-bottom:31px}.notes-heading h2{font-size:49px}.notes-heading>p:last-child{font-size:15px}.note-preview{padding:21px 19px}.note-meta{font-size:8px}.note-title{margin:20px 0 11px;font-size:27px}.note-preview>p{font-size:15px;line-height:1.65}.note-footer{font-size:8px}.note-footer a{font-size:11px}.note-article{padding:36px 21px 65px}.article-meta{margin:40px 0 20px;font-size:8px}.note-article>h1{font-size:clamp(47px,12vw,64px)}.article-deck{font-size:18px}.article-rule{margin:30px 0}.article-body{font-size:16px;line-height:1.8}.article-takeaway{padding:19px}.article-takeaway p{font-size:18px}.article-sources a{font-size:14px}.article-next{font-size:8px}.article-next a{font-size:12px}}.article-sources ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.article-body blockquote{background:#edf1e4;border-left:4px solid #92b653;margin:38px 0;padding:22px 26px}.article-body blockquote p{margin:0;font-size:20px;font-weight:600;line-height:1.55}.article-body blockquote strong{font:10px var(--mono);letter-spacing:.07em;color:#50683a;text-transform:uppercase;margin-bottom:10px;display:block}.archive-main{max-width:930px;margin:0 auto;padding:48px 0 100px}.archive-main>.back-link{display:inline-block}.archive-heading{padding:49px 0 54px}.archive-heading .eyebrow{color:var(--green);margin-bottom:17px}.archive-heading h1{margin:0 0 17px;font-size:clamp(58px,7vw,88px)}.archive-heading h1 em{color:var(--green);font-family:var(--serif);font-weight:500}.archive-heading>p:last-child{color:#576052;max-width:560px;margin:0;font-size:18px}.archive-list{border-top:1px solid var(--line)}.archive-row{border-bottom:1px solid var(--line);grid-template-columns:55px 1fr;gap:18px;padding:25px 0 27px;display:grid}.archive-index{font:11px var(--mono);color:#87927b;padding-top:3px}.archive-row-content{max-width:760px}.archive-meta{color:#69775a;font:10px var(--mono);letter-spacing:.045em;justify-content:space-between;gap:15px;display:flex}.archive-row h2{letter-spacing:-.04em;margin:11px 0 7px;font-size:27px;line-height:1.25}.archive-row p{color:#565f54;margin:0 0 12px;font-size:15px;line-height:1.65}.archive-read{color:#527536;font-size:12px;font-weight:700}.archive-read span{margin-left:7px}.archive-empty{color:#596154;padding:20px 0;font-size:16px}@media (width<=620px){.archive-main{padding:36px 21px 70px}.archive-heading{padding:39px 0 40px}.archive-heading h1{font-size:clamp(47px,12vw,64px)}.archive-heading>p:last-child{font-size:16px}.archive-row{grid-template-columns:28px 1fr;gap:10px;padding:20px 0 22px}.archive-index{font-size:9px}.archive-meta{font-size:8px}.archive-row h2{font-size:22px}.archive-row p{font-size:14px}}.theme-toggle{width:38px;height:38px;color:var(--ink);font:23px/1 var(--sans);cursor:pointer;background:0 0;border:1px solid #aeb7a8;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.theme-toggle:hover{background:var(--lime);border-color:var(--lime);color:#20241f}.theme-toggle .sun-icon{display:none}.theme-toggle:focus-visible{outline-offset:3px;outline:3px solid #799d46}:root[data-theme=dark] .theme-toggle .moon-icon{display:none}:root[data-theme=dark] .theme-toggle .sun-icon{display:inline}:root[data-theme=dark] .header-contact{border-color:#596852}:root[data-theme=dark] .hero-summary{color:#d0d6ca}:root[data-theme=dark] .hero-baseline{color:#aab3a3}:root[data-theme=dark] .section-heading .eyebrow,:root[data-theme=dark] .about-heading .eyebrow{color:#bdd990}:root[data-theme=dark] .heading-note{color:#c1c9bd}:root[data-theme=dark] .project-detail{color:#c4ccbf}:root[data-theme=dark] .project-kicker{color:#c5d0bb}:root[data-theme=dark] .project-actions a{border-color:#77876b}:root[data-theme=dark] .project-actions a:hover{color:#20241f}:root[data-theme=dark] .notes{background:#202b21}:root[data-theme=dark] .notes-heading>p:last-child{color:#d0d6ca}:root[data-theme=dark] .about-copy>p{color:#d7ddd1}:root[data-theme=dark] .about-link{border-color:#718365}:root[data-theme=dark] .contact,:root[data-theme=dark] .contact h2,:root[data-theme=dark] .contact .eyebrow,:root[data-theme=dark] .email-link{color:#1c2419}:root[data-theme=dark] .footer p,:root[data-theme=dark] .footer small{color:#b4bdaf}:root[data-theme=dark] .socials{color:#e4e8df}:root[data-theme=dark] .back-link{color:#c5df9b}:root[data-theme=dark] .article-body blockquote{background:#263326;border-color:#a2c66e}:root[data-theme=dark] .article-body blockquote strong,:root[data-theme=dark] .article-sources h2{color:#c1df96}:root[data-theme=dark] .sample-disclaimer{color:#b5beb0}:root[data-theme=dark] .article-next{color:#bac4b4}@media (width<=620px){.theme-toggle{width:32px;height:32px;font-size:20px}.header nav{gap:10px;font-size:11px}.header-contact{padding:6px 9px;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root[data-theme=dark]{--paper:#11151d;--ink:#edf2f8;--muted:#b8c3d2;--line:#303b4b;--green:#75c8ff;--lime:#a9ddff;--blue:#26364a}:root[data-theme=dark] .live-dot{background:#75c8ff}:root[data-theme=dark] .primary-link{border-color:#50647b}:root[data-theme=dark] a:focus-visible,:root[data-theme=dark] .theme-toggle:focus-visible{outline-color:#75c8ff}:root[data-theme=dark] .header nav{color:#c6d0dd}:root[data-theme=dark] .header-contact,:root[data-theme=dark] .theme-toggle{border-color:#46566b}:root[data-theme=dark] .header-contact:hover,:root[data-theme=dark] .theme-toggle:hover{color:#f3f8ff;background:#263b50;border-color:#75c8ff}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .section-heading .eyebrow,:root[data-theme=dark] .about-heading .eyebrow{color:#9bd9ff}:root[data-theme=dark] .hero-summary,:root[data-theme=dark] .heading-note,:root[data-theme=dark] .about-copy>p,:root[data-theme=dark] .about-copy .about-note{color:#c4ceda}:root[data-theme=dark] .hero-baseline,:root[data-theme=dark] .footer p,:root[data-theme=dark] .footer small{color:#aab7c8}:root[data-theme=dark] .project-card{background:#171e29;border-color:#354255}:root[data-theme=dark] .project-description{color:#e5edf6}:root[data-theme=dark] .project-detail,:root[data-theme=dark] .project-kicker{color:#bdc9d8}:root[data-theme=dark] .project-actions a,:root[data-theme=dark] .about-link{border-color:#50647b}:root[data-theme=dark] .project-actions a:hover{color:#132235;background:#a9ddff;border-color:#a9ddff}:root[data-theme=dark] .project-2 .project-visual{color:#e5f3ff;background:#1c2b3c}:root[data-theme=dark] .project-2 .visual-label,:root[data-theme=dark] .project-2 .visual-foot{color:#a9c5df}:root[data-theme=dark] .talkey-display{background:#111a26;border-color:#3d5269;box-shadow:12px 12px #293c51}:root[data-theme=dark] .key-row>span{color:#d8e5f2;background:#202d3c}:root[data-theme=dark] .key-row b{color:#edf6ff;background:#29384a;border-color:#52667d}:root[data-theme=dark] .voice-wave{border-color:#34475a}:root[data-theme=dark] .voice-wave i{background:#64b9f1}:root[data-theme=dark] .voice-flow{color:#c5d7e9}:root[data-theme=dark] .voice-flow b{color:#8bd2ff}:root[data-theme=dark] .notes{color:#edf2f8;background:#192230}:root[data-theme=dark] .note-preview{background:#202b3a;border-color:#40536a}:root[data-theme=dark] .notes-heading>p:last-child,:root[data-theme=dark] .note-preview>p{color:#c6d2df}:root[data-theme=dark] .note-meta,:root[data-theme=dark] .note-footer{color:#b8c8da}:root[data-theme=dark] .note-footer{border-color:#40536a}:root[data-theme=dark] .about{border-color:var(--line)}:root[data-theme=dark] .contact{color:#132235;background:#b5ddf6}:root[data-theme=dark] .contact h2,:root[data-theme=dark] .contact .eyebrow,:root[data-theme=dark] .email-link{color:#132235}:root[data-theme=dark] .email-link{border-color:#567b98}:root[data-theme=dark] .back-link,:root[data-theme=dark] .article-meta,:root[data-theme=dark] .article-sources h2{color:#8bd2ff}:root[data-theme=dark] .article-deck{color:#c5d0dd}:root[data-theme=dark] .article-body{color:#e2eaf3}:root[data-theme=dark] .article-body code{color:#f1f7ff;background:#263548}:root[data-theme=dark] .article-body blockquote,:root[data-theme=dark] .article-takeaway{background:#1d2a39;border-color:#75c8ff}:root[data-theme=dark] .article-body blockquote strong,:root[data-theme=dark] .article-takeaway span{color:#a9ddff}:root[data-theme=dark] .article-sources a{border-color:#50647b}:root[data-theme=dark] .sample-disclaimer,:root[data-theme=dark] .article-next{color:#adbac9}:root[data-theme=dark] .archive-heading>p:last-child,:root[data-theme=dark] .archive-row p{color:#c6d1de}:root[data-theme=dark] .archive-meta,:root[data-theme=dark] .archive-read{color:#8bd2ff}:root[data-theme=dark] .archive-row{border-color:var(--line)}.header nav{margin-left:auto;margin-right:36px}.header-actions{align-items:center;gap:13px;display:flex}.project-kicker{letter-spacing:.045em;font-size:11px}.visual-label,.visual-foot{letter-spacing:.045em;font-size:10px}.project-kind{background:#eef2e8;align-items:center;gap:7px;margin-top:27px;margin-bottom:-21px;padding:5px 9px;font-size:13px;line-height:1.35;display:inline-flex}.project-kind:before{content:">";font-weight:500}.project-kicker span:first-child{align-items:center;gap:7px;display:inline-flex}.project-kicker span:first-child:before{content:"▰";color:var(--green);font-size:10px}:root[data-theme=dark] .project-kind{color:#a9ddff;background:#1d2b3a}:root[data-theme=dark] .project-kicker span:first-child:before{color:#75c8ff}@media (width<=900px){.header nav{margin-right:22px}}@media (width<=620px){.header nav{gap:11px;margin:0 auto;font-size:12px}.header-actions{gap:7px}.header-contact{padding:6px 9px;font-size:10px}.project-kicker{font-size:10px}.visual-label,.visual-foot{font-size:9px}.project-kind{margin-top:25px;margin-bottom:-21px;font-size:12px}}.hero h1{font-size:clamp(58px,6vw,82px)}.hero h1>span{display:block}@media (width<=620px){.hero h1{font-size:clamp(46px,11.7vw,64px)}.hero h1>span{display:inline}}.build-loop{border:1px solid var(--line);color:var(--ink);background:#f2f4f7;justify-content:space-between;align-items:center;gap:24px;margin:-7px 0 24px;padding:16px 19px;display:flex;position:relative}.build-loop:after{content:"";background:#557d27;width:7px;height:7px;position:absolute;top:-2px;right:-2px;box-shadow:-7px 0 #557d27,0 7px #557d27}.build-loop-label{color:#596579;font:11px/1.4 var(--mono);letter-spacing:.07em;flex:none;align-items:center;gap:10px;display:flex}.build-loop-label svg{fill:#557d27;shape-rendering:crispedges;width:20px;height:20px;image-rendering:pixelated}.build-steps{font:12px/1.4 var(--mono);letter-spacing:.035em;justify-content:flex-end;align-items:center;gap:clamp(9px,1.5vw,22px);display:flex}.build-steps b{color:#6e7e95;font:16px var(--sans)}.build-steps>span:last-of-type{color:#375a16;font-weight:500}.build-steps i{background:#557d27;width:8px;height:14px;margin-left:-12px;display:block}.build-loop-label,.build-steps{font-family:"Silkscreen",var(--mono);letter-spacing:0}.build-loop-label{font-size:11px}.build-steps{font-size:12px}.project-kicker span:first-child:before{content:none}.pixel-index{color:#557d27;width:25px;height:23px;font:10px/1 "Silkscreen",var(--mono);background:#f2f4f7;border:1px solid #d8dcd3;place-items:center;font-style:normal;display:grid;box-shadow:1px 1px #aeb8a4}.name-note{border:1px solid var(--line);background:#f2f4f7;align-items:center;gap:11px;width:fit-content;max-width:100%;margin:8px 0 24px;padding:12px 15px;display:flex;box-shadow:3px 3px #d9f66f}.name-note svg{fill:#557d27;shape-rendering:crispedges;width:19px;height:19px;image-rendering:pixelated;flex:none}.name-note p{margin:0;font-size:15px;line-height:1.55}.name-note code{font:11px/1.5 "Silkscreen",var(--mono);color:#26341a;background:#fff;padding:3px 5px}:root[data-theme=dark] .build-loop:after{background:#75c8ff;box-shadow:-7px 0 #75c8ff,0 7px #75c8ff}:root[data-theme=dark] .pixel-index{color:#9bd9ff;background:#202c3b;border-color:#40536a;box-shadow:1px 1px #50647b}:root[data-theme=dark] .name-note{background:#1a2533;border-color:#40536a;box-shadow:3px 3px #497da0}:root[data-theme=dark] .name-note svg{fill:#75c8ff}:root[data-theme=dark] .name-note code{color:#e3f4ff;background:#27364a}:root[data-theme=dark] .build-loop{color:#e8eef7;background:#171f2c;border-color:#35445a}:root[data-theme=dark] .build-loop-label{color:#b7c4d6}:root[data-theme=dark] .build-loop-label svg{fill:#82ceff}:root[data-theme=dark] .build-steps b{color:#70839d}:root[data-theme=dark] .build-steps>span:last-of-type{color:#a9ddff}:root[data-theme=dark] .build-steps i{background:#75c8ff}@media (width<=900px){.build-loop{flex-direction:column;align-items:flex-start;gap:14px}.build-steps{justify-content:flex-start;gap:clamp(8px,2vw,17px)}}@media (width<=620px){.build-loop{margin:0 0 21px;padding:14px}.build-loop-label{font-size:10px}.build-steps{justify-content:space-between;gap:5px;width:100%;font-size:10px}.build-steps b{font-size:12px}.build-steps i{width:6px;height:11px;margin-left:-3px}.name-note{gap:8px;padding:10px 11px}.name-note p{font-size:13px}.name-note code{font-size:10px}.project-kicker{font-size:9px}.pixel-index{width:25px;height:23px;font-size:9px}}