:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif; --ink:#14213d; --accent:#ff6b35; --paper:#fffaf5; }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at top right,#ffe0d0,transparent 36rem),var(--paper); line-height:1.6; }
main { width:min(760px,calc(100% - 40px)); margin:0 auto; padding:64px 0 96px; }
nav { display:flex; gap:20px; flex-wrap:wrap; margin-bottom:56px; }
a { color:#b9380b; font-weight:650; }
h1 { font-size:clamp(2.5rem,8vw,5rem); line-height:.95; letter-spacing:-.055em; margin:.15em 0 .3em; }
h2 { margin-top:2em; }
.eyebrow { text-transform:uppercase; letter-spacing:.14em; font-weight:800; color:var(--accent); }
.card { background:color-mix(in srgb,var(--paper) 88%,white); border:1px solid #e8c9b7; border-radius:24px; padding:24px; margin:24px 0; box-shadow:0 18px 60px #7b351615; }
footer { margin-top:64px; opacity:.7; }
@media(prefers-color-scheme:dark){:root{--ink:#f7efe9;--paper:#15110f}.card{border-color:#563a2e}}