:root{--ink:#172121;--paper:#fbfaf5;--muted:#5d6865;--accent:#0f8b8d;--soft:#dff7f3;}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,var(--paper),#fff);color:var(--ink);font:18px/1.65 Georgia,"Times New Roman",serif}header,main,footer{width:min(960px,calc(100% - 36px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid #d8ddd8}a{color:inherit;text-decoration-color:var(--accent);text-underline-offset:4px}brand{font-weight:700}nav a+ a{margin-left:20px}main{padding:64px 0 80px}.hero{padding:48px;border-left:8px solid var(--accent);background:var(--soft)}h1{font-size:clamp(2.4rem,8vw,5.5rem);line-height:.95;letter-spacing:-.04em;margin:.2em 0}h2{margin-top:64px}.eyebrow{font:700 .75rem/1.2 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.lede{font-size:1.3rem;max-width:60ch}.notes{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.notes a{display:flex;height:100%;flex-direction:column;gap:8px;padding:22px;background:#fff;border:1px solid #d8ddd8;text-decoration:none;box-shadow:5px 5px 0 var(--soft)}.notes span,.notes small{color:var(--muted)}article{max-width:720px}footer{display:flex;justify-content:space-between;gap:24px;padding:26px 0 40px;border-top:1px solid #d8ddd8;color:var(--muted);font-size:.85rem}@media(max-width:600px){header,footer{align-items:flex-start;flex-direction:column}main{padding-top:36px}.hero{padding:28px}}