:root{--teal:#133e3c;--teal-deep:#0f3533;--teal-line:#ffffff1f;--cream:#e9e6d9;--paper:#eeeee4;--paper-line:#cbd1c3;--lime:#c8d89b;--lime-ink:#4c6233;--ink:#273c32;--ink-soft:#5f6f63;--mist:#bdccc0;--mist-dim:#9fb6a8;--amber:#e6b36e;--f-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--f-body:"DM Sans",ui-sans-serif,system-ui,sans-serif;--f-mono:"DM Mono",ui-monospace,Menlo,monospace;--f-serif:Georgia,"Times New Roman",serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--teal);color:var(--cream);font-family:var(--f-body);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--teal)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:4px}h1,h2,h3{text-wrap:balance}em{font-family:var(--f-serif);font-weight:400;color:var(--lime)}.wrap{max-width:1188px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.mono{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase}header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb,var(--teal) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--teal-line)}header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}.brand{font:700 24px var(--f-display);letter-spacing:-.08em}.brand sup{font:400 9px var(--f-mono);letter-spacing:0;margin-left:3px}nav.top{display:flex;gap:6px;flex-wrap:wrap}nav.top a{font:11px var(--f-mono);letter-spacing:.08em;padding:8px 11px;border-radius:3px;color:var(--mist)}nav.top a:hover{color:var(--cream)}nav.top a[aria-current=page]{background:var(--cream);color:var(--teal)}.label-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:10px var(--f-mono);letter-spacing:.1em;color:var(--mist-dim);border-bottom:1px solid var(--teal-line);padding-bottom:18px}.page-head{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:end;padding-block:44px 40px}.page-head h1{font:400 clamp(40px,6vw,72px)/1.04 var(--f-display);letter-spacing:-.045em;margin:0}.page-head p{margin:0;font-size:15px;line-height:1.75;color:var(--mist);max-width:44ch}@keyframes rise{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}.status{display:inline-flex;align-items:center;gap:7px;font:10px var(--f-mono);letter-spacing:.08em;color:var(--lime)}.status i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status.dev{color:var(--amber)}.btn{display:inline-flex;align-items:center;gap:8px;font:500 11px var(--f-mono);letter-spacing:.06em;padding:12px 16px;border-radius:3px;background:var(--cream);color:var(--teal)}.btn:hover{background:var(--lime)}.link{font:11px var(--f-mono);letter-spacing:.06em;border-bottom:1px solid #ffffff55;padding-bottom:4px}.link:hover{color:var(--amber)}.phone{width:200px;max-width:100%;border-radius:28px 28px 0 0;padding:8px 8px 0;background:#111;box-shadow:0 18px 44px #0008,inset 0 0 0 1px #fff2}.screen{border-radius:21px 21px 0 0;aspect-ratio:9/15;overflow:hidden;padding:26px 12px 0;display:grid;align-content:start;gap:8px}.gp .screen{background:linear-gradient(170deg,#1e2a33,#0d1419)}.gp .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gp .grid i{aspect-ratio:1;border-radius:12px;background:linear-gradient(140deg,#c9e9ee,#6fa3ad);opacity:.85}.gp .grid i:nth-child(3n){background:linear-gradient(140deg,#f0d6a8,#c18a4d)}.gp .grid i:nth-child(4n){background:linear-gradient(140deg,#cfd8ff,#7581c9)}.gp .pad{height:70px;border-radius:14px;background:#ffffff12;border:1px solid #ffffff1a;margin-top:6px}.lc .screen{background:#050505}.lc .card{height:46px;border-radius:8px;background:linear-gradient(90deg,#ff8a5c33,#ffffff0d);border:1px solid #ffffff14}.lc .hero{height:86px;border-radius:10px;background:linear-gradient(150deg,#ff8a5c,#9b3d6b 60%,#1a1020)}.bw .screen{background:linear-gradient(170deg,#f3efe4,#e2dccb)}.bw .card{height:40px;border-radius:8px;background:#fff;border:1px solid #d9d2bf}.bw .hero{height:60px;border-radius:10px;background:#d6c7a1}.work-feature{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.wcard{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--teal-line);border-radius:6px;overflow:hidden;background:var(--teal-deep);transition:border-color .2s}.wcard:hover{border-color:#ffffff40}.wcard .visual{display:flex;justify-content:center;align-items:flex-end;padding:34px 20px 0;height:280px;overflow:hidden}.wcard .visual .phone{transform:translateY(30px);transition:transform .35s ease}.wcard:hover .visual .phone{transform:translateY(12px)}.gp-bg{background:radial-gradient(circle at 50% 25%,#e9f7f9,#c9e9ee 45%,#8fbcc4)}.lc-bg{background:radial-gradient(circle at 50% 20%,#ff8a5c55,transparent 55%),linear-gradient(160deg,#1a1020,#000 70%)}.bw-bg{background:radial-gradient(circle at 50% 25%,#f6efd9,#d9c89c 60%,#a98f57)}.wcard .body{padding:26px 26px 28px;display:grid;gap:12px;align-content:start}.wcard .meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:10px var(--f-mono);letter-spacing:.08em;color:var(--mist-dim)}.wcard h3{font:500 26px var(--f-display);letter-spacing:-.03em;margin:4px 0 0}.wcard .tag{font:italic 15px var(--f-serif);color:var(--lime)}.wcard p{margin:0;font-size:14px;line-height:1.7;color:var(--mist)}.wcard .more{font:11px var(--f-mono);letter-spacing:.06em;color:var(--cream);margin-top:6px}.work-list{margin-top:56px}.work-list h2{font:400 13px var(--f-mono);letter-spacing:.1em;color:var(--mist-dim);margin:0 0 6px}.row{display:grid;grid-template-columns:56px 1.2fr 1fr auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--teal-line)}.row .n{font:12px var(--f-mono);color:var(--mist-dim)}.row strong{font:500 20px var(--f-display);letter-spacing:-.02em}.row span.d{font-size:13px;color:var(--mist)}.p-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-block:40px 10px}.p-hero .crumb{font:10px var(--f-mono);letter-spacing:.1em;color:var(--mist-dim)}.p-hero .crumb a:hover{color:var(--cream)}.p-hero h1{font:400 clamp(44px,6.5vw,80px)/1 var(--f-display);letter-spacing:-.05em;margin:18px 0 10px}.p-hero .tagline{font:italic 22px var(--f-serif);color:var(--lime);margin:0 0 20px}.p-hero p.lede{font-size:16px;line-height:1.75;color:var(--mist);max-width:46ch;margin:0 0 26px}.p-hero .ctas{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.p-hero .stage{border-radius:8px;display:flex;justify-content:center;align-items:flex-end;height:440px;padding:40px 20px 0;overflow:hidden}.p-hero .stage .phone{width:230px}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--teal-line);margin-top:48px}.facts div{padding:20px 18px;display:grid;gap:6px}.facts div+div{border-left:1px solid var(--teal-line)}.facts dt{font:10px var(--f-mono);letter-spacing:.1em;color:var(--mist-dim)}.facts dd{margin:0;font-size:14px;line-height:1.5}.p-section{display:grid;grid-template-columns:240px 1fr;gap:40px;padding-block:56px;border-bottom:1px solid var(--teal-line)}.p-section h2{font:400 11px var(--f-mono);letter-spacing:.1em;color:var(--mist-dim);margin:6px 0 0}.p-section .big{font:400 clamp(24px,3vw,34px)/1.3 var(--f-display);letter-spacing:-.025em;margin:0;max-width:30ch}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}.features h3{font:500 17px var(--f-display);margin:0 0 6px}.features p{margin:0;font-size:13.5px;line-height:1.7;color:var(--mist)}.story-link{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:var(--paper);color:var(--ink);border-radius:6px;padding:28px 30px;margin-top:56px}.story-link .k{font:10px var(--f-mono);letter-spacing:.1em;color:var(--lime-ink)}.story-link h3{font:400 24px var(--f-display);letter-spacing:-.02em;margin:8px 0 0}.story-link .btn{background:var(--teal);color:var(--cream)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 34px}.filters button{background:transparent;border:1px solid #ffffff33;border-radius:20px;padding:8px 14px;font:11px var(--f-mono);letter-spacing:.06em;color:var(--mist)}.filters button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--teal)}.filters button span{opacity:.6;margin-left:6px}.lead-post{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border-radius:6px;overflow:hidden;background:var(--paper);color:var(--ink);margin-bottom:12px}.lead-post .cover{min-height:300px;background:radial-gradient(circle at 30% 30%,#e9f7f9,#c9e9ee 40%,#6fa3ad);position:relative;overflow:hidden}.lead-post .cover b{position:absolute;left:28px;bottom:22px;font:400 120px/.8 var(--f-display);letter-spacing:-.06em;color:#133e3c22}.lead-post .txt{padding:34px 34px 30px;display:grid;gap:14px;align-content:start}.post-meta{display:flex;gap:10px;flex-wrap:wrap;font:10px var(--f-mono);letter-spacing:.1em;color:var(--ink-soft)}.post-meta .cat{color:var(--lime-ink)}.lead-post h2{font:400 32px/1.15 var(--f-display);letter-spacing:-.03em;margin:0}.lead-post p{margin:0;font-size:14.5px;line-height:1.7;color:var(--ink-soft)}.posts{display:grid}.post-row{display:grid;grid-template-columns:120px 1fr 150px;gap:24px;padding:26px 0;border-bottom:1px solid var(--teal-line);align-items:baseline}.post-row .date{font:11px var(--f-mono);color:var(--mist-dim);font-variant-numeric:tabular-nums}.post-row h3{font:400 22px/1.25 var(--f-display);letter-spacing:-.02em;margin:0 0 8px}.post-row p{margin:0;font-size:14px;line-height:1.65;color:var(--mist);max-width:62ch}.post-row .cat{font:10px var(--f-mono);letter-spacing:.1em;color:var(--lime);text-align:right}.post-row:hover h3{color:var(--lime)}.rss{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;font:11px var(--f-mono);letter-spacing:.06em;color:var(--mist-dim)}.reading{background:var(--paper);color:var(--ink)}.progress{position:sticky;top:calc(env(safe-area-inset-top,0px) + 61px);height:2px;background:transparent;z-index:4}.progress i{display:block;height:100%;width:0;background:var(--lime-ink)}.art-head{max-width:1000px;margin:0 auto;padding-block:56px 30px;text-align:left}.art-head .post-meta{margin-bottom:22px}.art-head>*{max-width:760px}.art-head h1{font:400 clamp(36px,5.4vw,58px)/1.08 var(--f-display);letter-spacing:-.04em;margin:0 0 18px}.art-head .dek{font:italic 21px/1.5 var(--f-serif);color:var(--ink-soft);margin:0}.byline{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid var(--paper-line);font-size:13px;color:var(--ink-soft)}.byline .av{width:36px;height:36px;border-radius:50%;background:var(--teal);color:var(--lime);display:grid;place-items:center;font:600 13px var(--f-display);letter-spacing:-.05em}.art{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:60px;max-width:1000px;margin:0 auto;padding-bottom:70px}.prose{max-width:66ch;font-size:17.5px;line-height:1.8;min-width:0}.prose p{margin:0 0 1.3em}.prose h2{font:500 26px/1.3 var(--f-display);letter-spacing:-.02em;margin:2em 0 .6em;scroll-margin-top:90px}.prose blockquote{margin:1.8em 0;padding:0 0 0 22px;border-left:2px solid var(--lime-ink);font:italic 24px/1.45 var(--f-serif);color:var(--teal)}.prose code{font:14px var(--f-mono);background:#dfe2d3;padding:2px 5px;border-radius:3px}.prose pre{background:var(--teal);color:var(--cream);padding:18px 20px;border-radius:6px;overflow-x:auto;font:13.5px/1.65 var(--f-mono)}.prose pre .k{color:var(--lime)}.prose pre .s{color:var(--amber)}.prose pre .c{color:var(--mist-dim)}.prose figure{margin:2em 0}.prose figure .fig{border-radius:6px;height:260px;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;padding-top:30px}.prose figcaption{font:11px var(--f-mono);letter-spacing:.06em;color:var(--ink-soft);margin-top:10px}.prose .placeholder{background:#f7f3d9;border:1px dashed #c9b96a;border-radius:4px;padding:2px 6px;font-size:.9em}.toc{position:sticky;top:100px;align-self:start;display:grid;gap:10px;font-size:13px}.toc .k{font:10px var(--f-mono);letter-spacing:.1em;color:var(--ink-soft);margin-bottom:4px}.toc a{color:var(--ink-soft);border-left:2px solid var(--paper-line);padding-left:12px}.toc a.on{color:var(--ink);border-color:var(--lime-ink)}.endcard{max-width:1000px;margin:0 auto;padding-bottom:80px;display:grid;gap:16px}.endcard>*{max-width:740px}.prod-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--teal);color:var(--cream);border-radius:6px;padding:22px 24px}.prod-card .ic{width:52px;height:52px;border-radius:13px;background:linear-gradient(140deg,#c9e9ee,#6fa3ad)}.prod-card h3{font:500 20px var(--f-display);margin:0}.prod-card p{margin:4px 0 0;font-size:13px;color:var(--mist)}.author{display:grid;grid-template-columns:auto 1fr;gap:16px;border:1px solid var(--paper-line);border-radius:6px;padding:22px 24px;font-size:14px;line-height:1.65;color:var(--ink-soft)}.author .av{width:48px;height:48px;border-radius:50%;background:var(--teal);color:var(--lime);display:grid;place-items:center;font:600 16px var(--f-display);letter-spacing:-.05em}.author strong{color:var(--ink);font:500 16px var(--f-display);display:block;margin-bottom:2px}.next{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--paper-line);padding-top:22px;font:11px var(--f-mono);letter-spacing:.06em;color:var(--ink-soft)}.next a:hover{color:var(--lime-ink)}footer.site{border-top:1px solid var(--teal-line)}footer.site .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:24px;font:10px var(--f-mono);letter-spacing:.08em;color:var(--mist-dim)}@media(max-width:900px){.page-head,.p-hero,.lead-post,.work-feature,.teaser,.latest{grid-template-columns:1fr}.features,.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(3){border-left:0}.facts div:nth-child(n+3){border-top:1px solid var(--teal-line)}.p-section{grid-template-columns:1fr;gap:16px}.art{grid-template-columns:1fr}.toc{display:none}.post-row{grid-template-columns:1fr;gap:6px}.post-row .cat{text-align:left;order:-1}.row{grid-template-columns:40px 1fr;row-gap:6px}.row span.d,.row .status{grid-column:2}}@media(max-width:560px){header.site .wrap{flex-direction:column;align-items:flex-start;gap:10px}.features,.story-link,.prod-card{grid-template-columns:1fr}.prose{font-size:16.5px}.p-hero .stage{height:340px}.progress{top:calc(env(safe-area-inset-top,0px) + 100px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}main.page{padding-bottom:90px}main.page.reading{padding-bottom:0}.phone .shot{display:block;width:100%;aspect-ratio:9/15;object-fit:cover;object-position:top;border-radius:21px 21px 0 0;background:#1b1f22}.theme-glass{background:radial-gradient(circle at 50% 25%,#e9f7f9,#c9e9ee 45%,#8fbcc4)}.theme-night{background:radial-gradient(circle at 50% 20%,#ff8a5c55,transparent 55%),linear-gradient(160deg,#1a1020,#000 70%)}.theme-sand{background:radial-gradient(circle at 50% 25%,#f6efd9,#d9c89c 60%,#a98f57)}.wcard .visual.empty{align-items:center;font:11px var(--f-mono);letter-spacing:.1em;color:#2a2414;padding-bottom:30px}.facts dd{white-space:pre-line}.p-hero .stage{position:relative}.p-note{font-size:13px;color:var(--mist-dim);margin:24px 0 0}.row:hover strong{color:var(--lime)}.empty-state{border:1px dashed #ffffff33;border-radius:6px;padding:48px 28px;display:grid;gap:10px;justify-items:start}.empty-state h2{font:400 28px var(--f-display);letter-spacing:-.02em;margin:0}.empty-state p{margin:0;color:var(--mist);font-size:14px;line-height:1.7;max-width:52ch}.draft-flag{font:10px var(--f-mono);letter-spacing:.08em;color:#2a2414;background:var(--amber);padding:3px 7px;border-radius:3px}.lead-post .cover{display:flex;align-items:flex-end;justify-content:center;padding-top:30px}.lead-post .cover .phone{width:170px;transform:translateY(20px)}.prose blockquote p{margin:0}.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.3em}.prose li{margin:.3em 0}.prose a{color:var(--teal);border-bottom:1px solid var(--lime-ink)}.prose img{border-radius:6px}.prose h3{font:500 20px var(--f-display);margin:1.6em 0 .5em}.prose pre.astro-code{background:var(--teal)!important}:root{--astro-code-foreground:#e9e6d9;--astro-code-background:#133e3c;--astro-code-token-keyword:#c8d89b;--astro-code-token-string:#e6b36e;--astro-code-token-comment:#9fb6a8;--astro-code-token-function:#c9e9ee;--astro-code-token-constant:#e6b36e;--astro-code-token-parameter:#e9e6d9;--astro-code-token-string-expression:#e6b36e;--astro-code-token-punctuation:#bdccc0;--astro-code-token-link:#c8d89b}.prod-card .ic{object-fit:cover}.prod-card .ic.theme-glass,.prod-card .ic.theme-night,.prod-card .ic.theme-sand{display:block}.prose figure img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--paper-line);background:#1e1f1f}.prose figure.pair>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:520px;margin:0 auto}.prose figure.pair figcaption{text-align:center}.prose figure.pair img{border-radius:14px}.reading em,.prose em,.lead-post em,.story-link em,.endcard em{color:inherit;font-family:var(--f-serif);font-style:italic}.prose em{color:var(--teal);font-size:1.07em}.prose strong{color:var(--ink);font-weight:600}