:root { --green: #267864; --yellow: #fbb040; --navy: #030f3d; --cream: #fffaf3; --cream-deep: #feefd9; --mint: #94c6b1; --plum: #a70451; --ink: #1a2a26; --muted: #5a6b66; --rule: #e6ddcf; } * { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'Open Sans', Georgia, serif; font-size: 18px; line-height: 1.7; color: var(--ink); background: var(--cream); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ===== HEADER...