:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#eef1f8;--ink:#0d1526;--muted:#5a6479;--line:#e1e5ee;--accent:#2f6bff;--accent-ink:#fff;--accent-soft:#e6eeff;--hero:#0a1122;--hero-2:#121b31;--hero-line:#22304d;--hero-ink:#eef2fa;--hero-muted:#9aa6bf;--sun:#f2a623;--ok:#22a061;--ok-hero:#3ccf86;--err:#c43d3d;--f-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--r:18px;--wrap:1160px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b1121;--surface:#121a2e;--surface-2:#18223a;--ink:#e9eef8;--muted:#9aa6bf;--line:#232f49;--accent:#6f9bff;--accent-ink:#06102a;--accent-soft:#18284d;--hero:#060b17;--hero-2:#0f1830;--ok:#3ccf86;--err:#f07272;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}img{max-width:100%;height:auto}a{color:var(--accent)}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;letter-spacing:-.025em;margin:0;line-height:1.05}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700}h3{letter-spacing:-.015em;font-size:1.375rem;font-weight:650;line-height:1.2}p{margin:0}.wrap{max-width:var(--wrap);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.eyebrow{font-family:var(--f-mono);letter-spacing:.04em;color:var(--accent);font-size:.8125rem}.lede{color:var(--muted);max-width:60ch;font-size:1.1875rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:20;background:var(--surface);border-radius:8px;padding:8px 12px;top:16px;left:16px}.btn{font:600 1rem/1 var(--f-body);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:15px 22px;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn .arr{transition:transform .15s}.btn:hover .arr{transform:translate(3px)}header.top{z-index:9;background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;box-shadow:0 6px 24px -12px #0a112259}header.top .wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:14px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand .mark{flex:none;width:38px;height:38px;transition:transform .3s}.brand:hover .mark{transform:rotate(-8deg)scale(1.05)}.brand .wm{flex-direction:column;line-height:1;display:flex}.brand .wm b{font-family:var(--f-display);letter-spacing:.14em;font-size:1.45rem;font-weight:800}.brand .wm small{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:5px;font-size:.625rem}@media (width<=420px){.brand .wm small{display:none}.brand .wm b{font-size:1.25rem}}nav.main{align-items:center;gap:26px;display:flex}nav.main a.nl{color:var(--muted);font-size:.9688rem;font-weight:500;text-decoration:none}nav.main a.nl:hover,nav.main a.nl[aria-current=page]{color:var(--ink)}nav.main .btn{padding:11px 18px;font-size:.9375rem}.search-link{width:40px;height:40px;color:var(--ink);border:1.5px solid var(--line);border-radius:50%;place-items:center;display:grid}.search-link:hover{border-color:var(--accent);color:var(--accent)}.search-link svg{width:19px;height:19px}@media (width<=860px){nav.main a.nl{display:none}nav.main a.nl.keep{display:inline}}@media (width<=420px){nav.main a.nl.keep{display:none}}@media (width<=860px){section.block{padding-block:56px}}section.block{padding-block:clamp(56px,7vw,96px)}.head{flex-direction:column;gap:16px;max-width:760px;margin-bottom:48px;display:flex}.tint{background:var(--surface-2)}.posts{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.post{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);flex-direction:column;min-width:0;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.post:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-2px)}.post .img{aspect-ratio:16/9;background:var(--surface-2);overflow:hidden}.post .img img{object-fit:cover;width:100%;height:100%;display:block}.post .txt{flex-direction:column;flex:1;gap:10px;padding:22px 24px 24px;display:flex}.post .t{color:var(--accent);font-size:.8125rem;font-weight:600}.post h3{font-size:1.25rem}.post p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9688rem;display:-webkit-box;overflow:hidden}.post .more{color:var(--accent);margin-top:auto;padding-top:6px;font-size:.9375rem;font-weight:600}@media (width<=960px){.posts{grid-template-columns:1fr 1fr}}@media (width<=620px){.posts{grid-template-columns:1fr}}.chips-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chip{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.9375rem;text-decoration:none}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip[aria-pressed=true],.chip[aria-current=page]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip small{color:var(--muted);margin-left:4px}.phero{background:radial-gradient(800px 400px at 90% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 60%),var(--hero);color:var(--hero-ink);padding-block:clamp(40px,6vw,80px)}.phero .eyebrow,.phero .lede{color:var(--hero-muted)}.phero h1{letter-spacing:-.03em;max-width:22ch;font-size:clamp(2.1rem,5vw,3.5rem);font-weight:800}.phero .inner{flex-direction:column;gap:18px;display:flex}.phero .meta{color:var(--hero-muted);flex-wrap:wrap;gap:8px 16px;font-size:.9375rem;display:flex}.phero .meta a{color:var(--hero-ink)}.article{grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,72px);padding-block:clamp(40px,6vw,72px);display:grid}.article .cover{border-radius:var(--r);background:var(--surface-2);margin-bottom:32px;overflow:hidden}.article .cover img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.prose{overflow-wrap:anywhere;min-width:0;max-width:68ch}.prose iframe,.prose video{border-radius:12px;width:100%;max-width:100%;margin-inline:auto;display:block}.prose .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:1.5em;display:grid}.prose .gallery figure{flex-direction:column;gap:8px;min-width:0;margin:0;display:flex}.prose .gallery img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:10px;width:100%;max-height:none}.prose .gallery figcaption{color:var(--muted);text-align:center;font-size:.875rem}.prose .gallery figcaption a{color:inherit}@media (width<=480px){.prose .gallery{gap:10px}}.prose .gallery:has(>figure:nth-child(3):last-child),.prose p:has(>img:nth-of-type(3):last-of-type){grid-template-columns:repeat(3,minmax(0,1fr))}.prose .toc{flex-wrap:wrap;gap:8px;display:flex}.prose .toc a{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:.875rem;text-decoration:none}.prose .toc a:hover{border-color:var(--accent);color:var(--accent)}.prose .ideas{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-block:1.2em 2.4em;display:grid}.prose .ideas:has(>.idea:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=640px){.prose .ideas:has(>.idea:nth-child(3):last-child){grid-template-columns:1fr}}.prose .idea{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:6px;margin:0;padding:16px 18px;display:flex}.prose .idea h3{letter-spacing:-.01em;margin:0;font-size:1.05rem}.prose .idea p{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.5}.prose .caption{text-align:center;color:var(--muted);margin-top:.5em;font-size:.875rem;font-style:italic}.article>*{min-width:0}.prose>*+*{margin-top:1.1em}.prose h2{letter-spacing:-.02em;margin-top:1.8em;font-size:1.75rem}.prose h3{margin-top:1.5em;font-size:1.3rem}.prose h4{font-family:var(--f-display);margin-top:1.4em;font-size:1.1rem}.prose p,.prose li{color:color-mix(in srgb,var(--ink) 88%,var(--muted))}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:.4em}.prose img{border-radius:12px;width:auto;max-height:480px;margin-inline:auto;display:block}.prose>p:first-child:has(>img,>a>img) img{aspect-ratio:16/9;object-fit:cover;width:100%;max-height:none}.prose p:has(>img~img),.prose p:has(>a~a>img){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.prose p:has(>img~img) img,.prose p:has(>a~a>img) img{object-fit:cover;width:100%;height:100%;max-height:340px}.prose figure{margin:1.5em 0}.prose figcaption{color:var(--muted);margin-top:8px;font-size:.875rem}.prose blockquote{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);color:var(--ink);border-radius:12px;margin:1.5em 0;padding:16px 20px}.prose blockquote>*{margin:0}.prose blockquote>*+*{margin-top:.6em}.prose blockquote blockquote{background:0 0;border:0;margin:0;padding:0}.prose .why{background:var(--accent-soft);color:var(--accent);vertical-align:1px;border-radius:999px;margin-left:6px;padding:2px 10px;font-size:.8125rem;line-height:1.4;display:inline-block}.prose li>p+p{color:var(--muted);margin-top:.35em;font-size:.95rem}.prose li:has(>p+p){margin-bottom:.9em}.prose pre{background:var(--hero);color:var(--hero-ink);font-family:var(--f-mono);border-radius:12px;padding:16px 18px;font-size:.875rem;line-height:1.55;overflow-x:auto}.prose code{font-family:var(--f-mono);font-size:.9em}.prose :not(pre)>code{background:var(--surface-2);border-radius:6px;padding:2px 6px}.prose table{border-collapse:collapse;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:8px 10px}.prose a{text-underline-offset:3px}.aside{flex-direction:column;align-self:start;gap:20px;display:flex;position:sticky;top:96px}.cta-box{background:var(--hero);color:var(--hero-ink);border-radius:var(--r);flex-direction:column;gap:14px;padding:26px;display:flex}.cta-box p{color:var(--hero-muted);font-size:.9688rem}.cta-box .phone{font-family:var(--f-mono);user-select:all;font-size:.9375rem}.cta-inline{max-width:68ch;margin-top:48px}@media (width<=960px){.article{grid-template-columns:minmax(0,1fr)}.aside{position:static}}footer.site{background:var(--hero);color:var(--hero-muted);padding-block:48px;font-size:.9375rem}footer.site .cols{grid-template-columns:1.4fr 1fr 1fr;gap:32px;display:grid}footer.site h4{font-family:var(--f-display);color:var(--hero-ink);margin:0 0 12px;font-size:1rem}footer.site ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}footer.site a{color:var(--hero-muted);text-decoration:none}footer.site a:hover{color:var(--hero-ink)}footer.site .legal{border-top:1px solid var(--hero-line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:20px;font-size:.875rem;display:flex}@media (width<=760px){footer.site .cols{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
