@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap');

*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: 'DM Sans', sans-serif;
  background: #faf9f6;
  color: #1a1a18;
  margin: 0;
  padding: 0;
  --sage: #7a9e7e;
  --sage-light: #e8f0e8;
  --sage-dark: #4a6b4e;
  --rose: #c9797a;
  --rose-light: #f5e8e8;
  --ink: #1a1a18;
  --ink-muted: #5c5c58;
  --ink-faint: #9c9c96;
}

/* NAV */
.sr-nav {
  display: flex; justify-content: space-between; align-items: center;
  padding: 1.25rem 3rem; border-bottom: 1px solid #e8e6e0;
  background: #faf9f6; position: sticky; top: 0; z-index: 10;
}
.sr-brand { display: flex; align-items: center; gap: 0.6rem; text-decoration: none; }
.sr-logo-img { width: 36px; height: 36px; object-fit: contain; }
.sr-wordmark { font-family: 'Playfair Display', serif; font-size: 1.35rem; font-weight: 400; color: var(--ink); letter-spacing: -0.02em; }
.sr-wordmark span { color: var(--sage-dark); }
.sr-nav-links { display: flex; gap: 2rem; list-style: none; margin: 0; padding: 0; }
.sr-nav-links a { font-size: 0.875rem; color: var(--ink-muted); text-decoration: none; letter-spacing: 0.02em; transition: color 0.2s; }
.sr-nav-links a:hover { color: var(--sage-dark); }
.sr-nav-links a.active { color: var(--ink); font-weight: 500; }

/* BUTTONS */
.sr-btn-primary {
  background: var(--sage-dark); color: #fff; border: none; padding: 0.75rem 2rem;
  font-family: 'DM Sans', sans-serif; font-size: 0.9rem; font-weight: 500;
  border-radius: 100px; cursor: pointer; transition: background 0.2s; text-decoration: none; display: inline-block;
}
.sr-btn-primary:hover { background: var(--sage); }
.sr-btn-secondary {
  background: transparent; color: var(--ink-muted); border: 1px solid #d8d6d0;
  padding: 0.75rem 2rem; font-family: 'DM Sans', sans-serif; font-size: 0.9rem;
  border-radius: 100px; cursor: pointer; transition: border-color 0.2s, color 0.2s; text-decoration: none; display: inline-block;
}
.sr-btn-secondary:hover { border-color: var(--sage); color: var(--sage-dark); }

/* FOOTER */
.sr-footer { padding: 2rem 3rem; border-top: 1px solid #e8e6e0; display: flex; justify-content: space-between; align-items: center; margin-top: 2rem; }
.sr-footer-brand { display: flex; align-items: center; gap: 0.5rem; }
.sr-footer-logo-img { width: 24px; height: 24px; object-fit: contain; opacity: 0.7; }
.sr-footer-name { font-family: 'Playfair Display', serif; font-size: 0.95rem; color: var(--ink-muted); }
.sr-footer-copy { font-size: 0.8rem; color: var(--ink-faint); }

/* UTILS */
.sr-divider { width: 60px; height: 1px; background: #d8d6d0; margin: 4rem auto; }
.sr-page-label { font-size: 0.85rem; font-style: italic; color: var(--rose); margin-bottom: 1rem; }
.sr-section-label { font-size: 0.85rem; font-style: italic; color: var(--rose); margin-bottom: 2rem; }