:root{--ink: #0b2239;--ink-soft: #3d5570;--muted: #5b7086;--brand: #1b5fad;--brand-deep: #0d3e7d;--leaf: #1e7a3c;--sun: #f5a81c;--mist: #f4f8fc;--paper: #ffffff;--line: #e3ebf3;--ff-d: "Sora", sans-serif;--ff-b: "Inter", system-ui, sans-serif;--ff-m: "IBM Plex Mono", monospace;--wrap: 1120px;--wrap-narrow: 760px;--gutter: clamp(1.125rem, 5vw, 2.5rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--ff-b);color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%,rgba(27,95,173,.08),transparent 60%),radial-gradient(900px 420px at 90% 0%,rgba(245,168,28,.1),transparent 55%),linear-gradient(180deg,var(--mist),var(--paper) 32%);line-height:1.65;min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-deep)}.wrap{width:min(100% - 2 * var(--gutter),var(--wrap));margin-inline:auto}.wrap-narrow{width:min(100% - 2 * var(--gutter),var(--wrap-narrow));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid var(--line)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}.brand img{height:clamp(40px,5vw,52px);width:auto}.site-nav{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.5rem);flex-wrap:wrap;justify-content:flex-end}.site-nav a{font-family:var(--ff-d);font-size:.9rem;font-weight:600;color:var(--ink-soft)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--ff-d);font-weight:700;font-size:.9rem;border-radius:999px;padding:.7rem 1.15rem;border:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff!important;box-shadow:0 10px 24px #0d3e7d2e}.btn-ghost{background:transparent;color:var(--brand);border:1px solid var(--line)}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--ff-m);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);font-weight:600;margin-bottom:.85rem}.eyebrow:before{content:"";width:8px;height:8px;border-radius:2px;background:linear-gradient(135deg,var(--sun),var(--brand));transform:rotate(45deg)}.page-hero{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(1.5rem,3vw,2.5rem)}.page-hero h1{font-family:var(--ff-d);font-size:clamp(2rem,5vw,3.1rem);letter-spacing:-.03em;line-height:1.12;margin:0 0 .85rem;max-width:18ch}.page-hero .lede{margin:0;max-width:52ch;color:var(--muted);font-size:clamp(1rem,2vw,1.125rem)}.filters{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.75rem 0 .5rem}.chip{font-family:var(--ff-d);font-size:.82rem;font-weight:600;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft);background:#ffffffb3}.chip:hover,.chip[aria-current=true]{border-color:color-mix(in srgb,var(--brand) 35%,var(--line));color:var(--brand-deep);background:#fff}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,1.75rem);padding:1.5rem 0 3rem}@media(max-width:960px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.post-grid{grid-template-columns:1fr}.site-nav .nav-hide-sm{display:none}}.post-card{display:flex;flex-direction:column;height:100%;color:inherit;transition:transform .25s ease}.post-card:hover{transform:translateY(-3px);color:inherit}.post-card-media{aspect-ratio:16 / 10;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#1b5fad1f,#f5a81c29),var(--mist);border:1px solid var(--line)}.post-card-media img{width:100%;height:100%;object-fit:cover}.post-card-body{padding:1rem .15rem 0;display:flex;flex-direction:column;gap:.45rem;flex:1}.post-meta{display:flex;flex-wrap:wrap;gap:.5rem .85rem;font-size:.8rem;color:var(--muted)}.post-meta .cat{color:var(--brand);font-weight:600}.post-card h2,.post-card h3{font-family:var(--ff-d);font-size:1.15rem;letter-spacing:-.02em;line-height:1.3;margin:0}.post-card p{margin:0;color:var(--muted);font-size:.95rem}.featured{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1.25rem,4vw,2.5rem);align-items:center;margin:.5rem 0 2rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}@media(max-width:800px){.featured{grid-template-columns:1fr}}.featured-media{border-radius:22px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16 / 10;background:var(--mist)}.featured-media img{width:100%;height:100%;object-fit:cover}.featured h2{font-family:var(--ff-d);font-size:clamp(1.5rem,3.5vw,2.15rem);letter-spacing:-.03em;line-height:1.15;margin:.4rem 0 .75rem}.featured p{color:var(--muted);margin:0 0 1.1rem}.empty-state{text-align:center;padding:3rem 1rem 4rem;color:var(--muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:0 0 4rem}.pagination span{font-size:.9rem;color:var(--muted)}.article-header{padding:clamp(2rem,5vw,3.5rem) 0 1.25rem}.article-header h1{font-family:var(--ff-d);font-size:clamp(1.85rem,4.5vw,2.75rem);letter-spacing:-.03em;line-height:1.15;margin:.35rem 0 1rem}.article-cover{margin:0 0 2rem;border-radius:20px;overflow:hidden;border:1px solid var(--line);aspect-ratio:21 / 9;background:var(--mist)}.article-cover img{width:100%;height:100%;object-fit:cover}.prose{font-size:1.05rem;padding-bottom:3rem}.prose :where(h2,h3){font-family:var(--ff-d);letter-spacing:-.02em;margin:2rem 0 .75rem;line-height:1.25}.prose :where(p,ul,ol){margin:0 0 1.1rem;color:var(--ink)}.prose :where(ul,ol){padding-left:1.25rem}.prose a{text-decoration:underline;text-underline-offset:2px}.prose img{border-radius:14px;margin:1.25rem 0}.prose code{font-family:var(--ff-m);font-size:.9em;background:var(--mist);padding:.1em .35em;border-radius:4px}.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 2rem}.tag{font-size:.78rem;font-weight:600;color:var(--ink-soft);background:var(--mist);border:1px solid var(--line);border-radius:999px;padding:.3rem .7rem}.back-link{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--ff-d);font-weight:600;font-size:.9rem;margin-bottom:3rem}.site-footer{margin-top:auto;background:#071626;color:#9fb6cc;padding:2.5rem 0}.site-footer-inner{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:center}.site-footer a{color:#c7d7e6}.site-footer a:hover{color:var(--sun)}.footer-links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.9rem;font-weight:600}