@import url('./reset.css');
@import url('./tokens.css');
@import url('./layout.css');
@import url('./typography.css');
@import url('./spacing.css');
@import url('./header.css');

body {
    background: var(--bg-primary);

    color: var(--text-primary);

    font-family: Arial, sans-serif;
}

.hero {
    padding-block: 140px;
}

.hero__title {
    font-size: clamp(48px, 8vw, 120px);

    line-height: 0.95;

    letter-spacing: -0.05em;

    max-width: 9ch;
}

.hero__description {
    margin-top: var(--space-24);

    max-width: 640px;

    color: var(--text-secondary);

    font-size: 18px;

    line-height: 1.7;
}