:root{--ink:#1a2225;--ink-2:#3b464b;--muted:#6b767c;--line:#e3e6e8;--bg:#fbfbf9;--bg-soft:#f1f2ef;--card:#ffffff;--yellow:#f8c038;--yellow-dark:#e0aa22;--font-head:"Barlow",ui-sans-serif,system-ui,sans-serif;--font-body:"Inter",ui-sans-serif,system-ui,sans-serif;--max:1200px;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.6;font-size:16.5px;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block;height:auto}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.05;letter-spacing:-.01em;margin:0 0 .45em;text-transform:none}h1{font-size:clamp(40px,6vw,76px);font-weight:800}h2{font-size:clamp(30px,4vw,48px)}h3{font-size:24px}h4{font-size:18px}p{margin:0 0 1em}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.section{padding:72px 0}.section--tight{padding:44px 0}.section--soft{background:var(--bg-soft)}.section--dark{background:var(--ink);color:#e8ebe6}.section--dark h2,.section--dark h3{color:#fff}.kicker{font-family:var(--font-head);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-weight:600}.section--dark .kicker{color:var(--yellow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:8px;background:var(--yellow);color:var(--ink);text-decoration:none;font-family:var(--font-head);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--yellow);transition:all .2s}.btn:hover{background:var(--yellow-dark);border-color:var(--yellow-dark);transform:translateY(-1px)}.btn--ghost{background:transparent;color:inherit;border-color:currentColor}.btn--ghost:hover{background:#ffffff14;transform:translateY(-1px)}.grid{display:grid;gap:22px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card);text-decoration:none;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -20px #1a222559;border-color:#c9ced1}.card__img{aspect-ratio:4/3;object-fit:cover;width:100%;background:#eee}.card__body{padding:16px 18px 18px}.card__title{font-family:var(--font-head);font-size:21px;font-weight:700;margin:6px 0 4px;line-height:1.1}.card__meta{font-size:14px;color:var(--muted);margin:0}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--yellow);color:var(--ink)}.pill--quiet{background:var(--bg-soft);color:var(--ink-2)}.archive-bar{background:var(--ink);color:#d7dcd9;font-size:13px;text-align:center;padding:9px 16px}.archive-bar a{color:var(--yellow);text-decoration:none}.archive-bar a:hover{text-decoration:underline}.header{position:sticky;top:0;z-index:40;background:#fbfbf9eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.header .container{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{height:34px;width:34px}.brand span{font-family:var(--font-head);font-weight:800;font-size:22px;letter-spacing:.02em}.brand span b{color:var(--muted);font-weight:500}.nav{display:flex;gap:22px;font-family:var(--font-head);font-size:15px;font-weight:600;letter-spacing:.03em;overflow-x:auto}.nav a{text-decoration:none;color:var(--ink-2);white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--yellow)}@media(max-width:640px){.header .container{height:auto;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.nav{width:100%;gap:16px}}.footer{background:var(--ink);color:#b9c0bc;padding:56px 0 28px;margin-top:72px;font-size:14px}.footer .top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:center}.footer .top img{height:40px}.footer .top p{max-width:56ch;margin:0}.footer .bottom{border-top:1px solid #2c363a;margin-top:32px;padding-top:20px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.footer a{color:var(--yellow);text-decoration:none}.footer a:hover{text-decoration:underline}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.masonry{columns:3;column-gap:14px}.masonry img{border-radius:10px;margin-bottom:14px;break-inside:avoid;width:100%}@media(max-width:800px){.masonry{columns:2}}