﻿/* Typography consistency layer: normalize title scale and vertical rhythm without changing identity */

:root {
    --type-tight-track: -0.028em;
    --type-heading-line: 1.08;
    --type-body-line: 1.58;
}

/* Display / section titles */
.hero-title {
    line-height: 0.98;
    letter-spacing: -0.018em;
}

.projects-intro h1,
.projects-title {
    line-height: 1.06;
    letter-spacing: var(--type-tight-track);
}

.about-headline,
.srv-title,
.process-active-title,
.intro-headline,
.case-hero-title {
    line-height: var(--type-heading-line);
    letter-spacing: var(--type-tight-track);
}

/* Supporting paragraphs under titles */
.hero-subtitle,
.intro-text,
.srv-subtitle,
.process-active-desc,
.case-summary-text,
.case-section-text {
    line-height: var(--type-body-line);
}

/* Card/case title micro-consistency */
.pill-title {
    line-height: 1.14;
}

@media (max-width: 768px) {
    .hero-title {
        line-height: 1.02;
    }

    .projects-intro h1,
    .projects-title {
        line-height: 1.08;
    }

    .about-headline,
    .srv-title,
    .process-active-title,
    .intro-headline,
    .case-hero-title {
        line-height: 1.1;
    }

    .hero-subtitle,
    .intro-text,
    .srv-subtitle,
    .process-active-desc,
    .case-section-text {
        line-height: 1.55;
    }
}
