:root {
  --deep: #0b2a3f;
  --sea: #0f5e73;
  --lagoon: #25b3b0;
  --foam: #eafaf7;
  --sand: #fbf3e4;
  --shell: #f3b6c4;
  --pearl: #ffffff;
  --gold: #d9a441;
  --ink: #16323f;
  --muted: #4d6a74;
  --radius: 18px;
  --shadow: 0 12px 34px rgba(11, 42, 63, .14);
  --serif: "Fraunces", Georgia, serif;
  --sans: "Nunito", system-ui, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--sans); color: var(--ink); background: var(--sand); line-height: 1.6; overflow-x: hidden; }
img { max-width: 100%; display: block; }
h1, h2, h3 { font-family: var(--serif); line-height: 1.15; margin: 0 0 .5em; }
a { color: var(--sea); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }