:root{--sand: #f6e9d8;--dune: #deba8f;--clay: #b36d3f;--night: #1c1a19;--sage: #73866d;--paper: #fffdf8;font-family:Space Grotesk,sans-serif;color:var(--night)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 20%,#f6e9d8d9,#f6e9d800 40%),radial-gradient(circle at 80% 15%,#deba8fa6,#deba8f00 42%),linear-gradient(155deg,#fff7ec,#f8ebd8 45%,#f2dfc6);display:grid;place-items:center;padding:24px;overflow:hidden}a{color:inherit}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14;background-image:radial-gradient(#8c6b57 .55px,transparent .55px);background-size:3px 3px;mix-blend-mode:multiply}.card{width:min(780px,100%);background:color-mix(in hsl,var(--paper) 90%,white 10%);border:1px solid rgba(179,109,63,.22);border-radius:24px;padding:42px 34px;box-shadow:0 16px 40px #321f131f,0 2px #ffffff8c inset;animation:rise .7s ease-out both}.tag{display:inline-block;letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:.72rem;color:var(--clay);background:#b36d3f14;border:1px solid rgba(179,109,63,.22);padding:7px 12px;border-radius:999px;margin-bottom:16px;animation:fade .9s ease-out .2s both}h1{margin:0;font-family:Prata,serif;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.08;letter-spacing:.01em;color:#2f2017;animation:fade .9s ease-out .32s both}h1 span{color:var(--clay)}p{margin:18px 0 0;font-size:clamp(1rem,2vw,1.15rem);line-height:1.62;color:#1c1a19db;max-width:58ch;animation:fade .9s ease-out .47s both}.meta{margin-top:28px;padding-top:18px;border-top:1px solid rgba(115,134,109,.28);color:#4b463f;font-size:.96rem;display:flex;flex-wrap:wrap;gap:10px 16px;animation:fade .9s ease-out .62s both}.dot{color:#4b463f66}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.card{padding:30px 22px;border-radius:18px}.meta{font-size:.9rem}.dot{display:none}}