*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --teal: #1D9E75;
  --teal-light: #5DCAA5;
  --teal-pale: #E1F5EE;
  --teal-dark: #0F6E56;
  --ink: #0e1514;
  --ink-mid: #2a3532;
  --gray: #8a9490;
  --gray-light: #f4f5f3;
  --white: #ffffff;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', sans-serif;
  --mono: 'DM Mono', monospace;
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(29, 158, 117, 0.15);
}
html { scroll-behavior: smooth; }
body { font-family: var(--sans); background: var(--white); color: var(--ink); font-weight: 300; line-height: 1.7; overflow-x: hidden; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 4px;
}

/* COMMON SECTIONS */
.section-label { font-family:var(--mono); font-size:11px; letter-spacing:0.25em; color:var(--teal); text-transform:uppercase; margin-bottom:1.5rem; display:inline-block; padding: 0.3rem 0.8rem; background: var(--teal-pale); border-radius: 20px; }
.section-title { font-family:var(--serif); font-size:clamp(2.5rem,4vw,3.5rem); font-weight:300; line-height:1.15; margin-bottom:1.5rem; }
.section-desc { font-size: 16px; color: var(--gray); max-width: 600px; margin-bottom: 3rem; line-height: 1.8; }
.divider { width:60px; height:2px; background:var(--teal); margin:2rem 0; border-radius: 2px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}