html {
    scroll-behavior: smooth;
}

body {
    font-family: 'DM Sans', sans-serif;
    background: var(--bg);
    color: var(--text);
    display: flex;
    min-height: 100vh;
}

h1 {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2.5rem, 4rem, 5rem);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--text);
    margin-bottom: 1.5rem;
}

h2 {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--text);
    margin-bottom: 1.25rem;
}

h3 {
    font-family: 'DM Serif Display', serif;
}

p {
    font-size: 1rem;
    line-height: 1.75;
    color: var(--muted);
    margin-bottom: 1rem;
}