*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--b);color:var(--f);font-family:var(--bf);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--a);outline-offset:3px}.wrap{max-width:1040px;margin:0 auto;padding:0 24px}body[data-site=com]{--b:#fff7e6;--f:#2b2140;--a:#ff6b4a;--ab:#2b2140;--at:#c2410c;--c:#fff;--r:16px;--cb:3px solid #2b2140;--cs:5px 5px 0 #2b2140;--cvbg:linear-gradient(135deg,#ffc93c 0 50%,#19b5a5 50%);--hf:var(--font-fredoka),"Trebuchet MS",sans-serif;--bf:var(--font-inter),system-ui,sans-serif;--tf:var(--font-fredoka),sans-serif}body[data-site=net]{--b:#070b14;--f:#e6f1ff;--a:#22d3ee;--ab:#04121a;--at:#22d3ee;--c:#0d1424;--r:8px;--cb:1px solid #1e3a5f;--cs:0 0 24px #22d3ee1f;--cvbg:repeating-linear-gradient(90deg,#0f2a44 0 2px,#0a1a2e 2px 18px);--hf:var(--font-mono),ui-monospace,monospace;--bf:var(--font-inter),system-ui,sans-serif;--tf:var(--font-mono),ui-monospace,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-image:linear-gradient(#22d3ee0f 1px,#0000 1px),linear-gradient(90deg,#22d3ee0f 1px,#0000 1px);background-size:32px 32px}body[data-site=org]{--b:#fbfaf6;--f:#14261f;--a:#1f5f4a;--ab:#fff;--at:#1f5f4a;--c:#fff;--r:6px;--cb:1px solid #e3e0d5;--cs:none;--cvbg:linear-gradient(160deg,#dfeee6,#f3e9d2);--hf:var(--font-fraunces),Georgia,serif;--bf:var(--font-inter),system-ui,sans-serif;--tf:var(--font-inter),system-ui,sans-serif}.nav{justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px;display:flex}.brand{font-family:var(--hf);font-size:1.3rem;font-weight:700}.ft{border-top:1px solid color-mix(in srgb,var(--f) 15%,transparent);opacity:.75;margin-top:24px;padding-top:20px;padding-bottom:28px;font-size:.85rem}.hero{max-width:780px;padding-top:44px;padding-bottom:36px}.hero h1{font-family:var(--hf);margin:8px 0 14px;font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.08}.hero p{opacity:.85;max-width:54ch;margin:0 0 22px;font-size:1.05rem}.eb{letter-spacing:.08em;text-transform:uppercase;color:var(--at);font-size:.78rem;font-weight:700;font-family:var(--tf)}.btn{background:var(--a);color:var(--ab);border-radius:var(--r);padding:11px 20px;font-weight:700;display:inline-block}.sec{font-family:var(--hf);margin:10px 0 4px;font-size:1.25rem}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;padding-top:10px;padding-bottom:32px;display:grid}.card{background:var(--c);border-radius:var(--r);border:var(--cb);box-shadow:var(--cs);padding:14px;transition:transform .15s;display:block}.card:hover{transform:translateY(-3px)}.cv{border-radius:calc(var(--r) - 3px);background:var(--cvbg);height:130px;margin-bottom:12px;position:relative;overflow:hidden}.cv img{object-fit:cover;width:100%;height:100%}.card h3{font-family:var(--hf);margin:6px 0;font-size:1.08rem;line-height:1.3}.tag{color:var(--at);font-size:.72rem;font-weight:700;font-family:var(--tf);text-transform:uppercase;letter-spacing:.04em}.meta{opacity:.7;font-size:.85rem}.empty{opacity:.75;padding:28px 0 40px}.post{max-width:760px;padding-top:24px;padding-bottom:24px}.post h1{font-family:var(--hf);margin:8px 0 10px;font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.12}.post .lead{opacity:.85;margin:0 0 18px;font-size:1.1rem}.post .hero-img{aspect-ratio:16/9;border-radius:var(--r);border:var(--cb);margin:18px 0 26px;position:relative;overflow:hidden}.post .hero-img img{object-fit:cover;width:100%;height:100%}.back{color:var(--at);margin-bottom:8px;font-weight:600;display:inline-block}.prose{font-size:1.05rem}.prose h2,.prose h3{font-family:var(--hf);margin:1.8em 0 .5em;line-height:1.25}.prose p,.prose ul,.prose ol{margin:0 0 1.1em}.prose a{color:var(--at);text-decoration:underline}.prose img{border-radius:var(--r);margin:1.2em 0}.prose blockquote{border-left:4px solid var(--a);opacity:.9;margin:1.2em 0;padding:.4em 1em}.prose code{font-family:var(--font-mono),ui-monospace,monospace;background:color-mix(in srgb,var(--f) 10%,transparent);border-radius:4px;padding:.1em .35em;font-size:.92em}.prose pre{border-radius:var(--r);background:color-mix(in srgb,var(--f) 10%,transparent);padding:14px;overflow-x:auto}.prose pre code{background:0 0;padding:0}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
