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

:root {
  --black:     #050505;
  --white:     #f8f5f0;
  --gray-1:    #888880;
  --gray-2:    #444440;
  --gray-3:    #1c1c1a;
  --serif:     'Cormorant Garamond', Georgia, serif;
  --sans:      'DM Sans', -apple-system, sans-serif;
  --rule:      rgba(255,255,255,0.09);
  --rule-mid:  rgba(255,255,255,0.06);
  --margin:    clamp(24px, 5vw, 72px);
}

html { scroll-behavior: smooth; color-scheme: dark; }

body {
  background: var(--black);
  color: var(--white);
  font-family: var(--sans);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--black); }
::-webkit-scrollbar-thumb { background: var(--gray-2); }

/* ─── V7 CONTINUOUS SCROLL SYSTEM ─── */
#page-home { position: relative; isolation: isolate; }
#page-home::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 32%, rgba(255,255,255,.018), transparent 25%),
    linear-gradient(180deg, transparent 0%, rgba(255,255,255,.008) 48%, transparent 100%);
}



.about-support-copy {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: .10em;
  color: var(--gray-1);
}