:root {
  --gold:    #1d1d1f;
  --gold-lt: #f5f5f7;
  --gold-dk: #3d3d3f;
  --ink:     #1d1d1f;
  --ink-2:   #3d3d3f;
  --ink-3:   #6e6e73;
  --cream:   #f5f5f7;
  --cream-2: #ffffff;
  --border:  #d2d2d7;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Jost', sans-serif; background: var(--cream); color: var(--ink); }

.logo { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 500; font-style: italic; color: var(--ink); text-decoration: none; letter-spacing: 0.04em; }
.logo span { color: var(--gold); }
.nav-back { font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); text-decoration: none; transition: color 0.2s; }
.nav-back:hover { color: var(--gold); }

header { padding: 1.25rem 2.5rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 0.5px solid var(--border); background: rgba(245,245,247,.95); backdrop-filter: blur(20px); position: sticky; top: 0; z-index: 10; }

.footer-logo { font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 500; font-style: italic; color: var(--ink); text-decoration: none; }
.footer-logo span { color: var(--gold); }
.footer-links a { font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); text-decoration: none; transition: color 0.2s; }
.footer-links a:hover { color: var(--gold); }
.footer-copy { font-size: 11px; color: var(--ink-3); }

/* Page layout — gray body, white content strip */
body { min-height: 100vh; display: flex; flex-direction: column; background: #f5f5f7; }
main { flex: 1; background: #ffffff; }