*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-padding-top: 130px; }
body { font-family: 'Inter', sans-serif; color: #100F0D; background: #fff; }
img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }

/* Typography */
.h1 { font-family: var(--font-inter); font-weight: 600; font-size: 64px; line-height: 72px; letter-spacing: -3px; }
.h2 { font-family: var(--font-inter); font-weight: 600; font-size: 48px; line-height: 58px; letter-spacing: -2px; }
.h3 { font-family: var(--font-inter); font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: -0.3px; }
.h4 { font-family: var(--font-inter); font-weight: 600; font-size: 24px; line-height: 32px; letter-spacing: -0.5px; }
.body-18 { font-family: var(--font-inter); font-weight: 500; font-size: 18px; line-height: 28px; color: var(--neutral-06); }
.body-16 { font-family: var(--font-inter); font-weight: 500; font-size: 16px; line-height: 24px; color: var(--neutral-06); }
.tag-text { font-family: var(--font-dm); font-weight: 700; font-size: 14px; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; }

.h2-gradient {
  background: linear-gradient(180deg, #100F0D 0%, rgba(16,15,13,0.73) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Utilities */
.mb-16 { margin-bottom: 16px; }
.mb-24 { margin-bottom: 24px; }
.mb-40 { margin-bottom: 40px; }