:root{--ink:#1f1c19;--paper:#f6f3ee;--muted:#6f6861}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1180px;margin:0 auto;padding:28px 16px 8px;display:flex}.top h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,5vw,42px);font-weight:400}.pill{background:var(--ink);color:var(--paper);border-radius:999px;padding:9px 16px;font-size:14px;text-decoration:none}main{max-width:1180px;margin:0 auto;padding:0 16px 64px}section h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-top:1px solid #ddd6cc;margin:36px 0 16px;padding-top:14px;font-size:13px;font-weight:500}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:40px 28px;margin-top:20px;display:grid}article{scroll-margin:24px}.frame{aspect-ratio:1;background:var(--accent);place-items:center;padding:13%;display:grid}.frame img{border:10px solid #f3f0e8;outline:5px solid #3b2819;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .25s;display:block;box-shadow:0 10px 18px #00000059}.frame:hover img{transform:scale(1.025)}article h3{margin:14px 0 4px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:400}.meta{color:var(--muted);margin:0 0 8px;font-size:14px}.desc{margin:0;font-size:14px;line-height:1.5}article.highlight .frame{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--ink)}