*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg-gradient);
  background-attachment: fixed;
  color: var(--text);
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--accent); text-decoration: none; transition: opacity 0.2s; }
a:hover { opacity: 0.8; }
img { max-width: 100%; display: block; }
h1, h2, h3, h4 { font-family: var(--heading); color: var(--white); letter-spacing: 0.02em; }
h1 { font-size: clamp(32px, 5vw, 48px); font-weight: 800; line-height: 1.15; }
h2 { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 4px; color: var(--accent); margin-bottom: 24px; }
h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; }
p { margin-bottom: 14px; }
.container { max-width: var(--max-width); margin: 0 auto; padding: 0 24px; }
section { padding: 80px 0; border-bottom: 1px solid var(--border); }