/* ===========================================================
   GLOBAL TYPOGRAPHY SCALE
   Caricato dopo tutti i CSS delle singole pagine
=========================================================== */

:root {
    --si-hero-title-size: clamp(2.8rem, 4.6vw, 5rem);
    --si-section-title-size: clamp(2rem, 3vw, 3.25rem);
    --si-cta-title-size: clamp(2.2rem, 3.6vw, 4rem);
}


/* ===========================================================
   HERO TITLES
=========================================================== */

.hero h1,
.company-hero h1,
.ss-hero h1,
.tis-hero h1,
.mis-hero h1,
.hmr-hero h1,
.rig-hero h1,
.contact-hero h1 {
    font-size: var(--si-hero-title-size) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em;
}


/* ===========================================================
   SECTION TITLES
=========================================================== */

.section-title,
.company-title,
.ss-title,
.tis-title,
.mis-title {
    font-size: var(--si-section-title-size) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em;
}


/* ===========================================================
   FINAL CTA TITLES
=========================================================== */

.cta h2,
.company-cta h2,
.ss-cta h2,
.tis-cta h2,
.mis-cta h2 {
    font-size: var(--si-cta-title-size) !important;
    line-height: 1.04 !important;
}


/* ===========================================================
   MOBILE
=========================================================== */

@media (max-width: 575.98px) {

    :root {
        --si-hero-title-size: clamp(2.25rem, 9.5vw, 3.25rem);
        --si-section-title-size: clamp(1.9rem, 8vw, 2.7rem);
        --si-cta-title-size: clamp(2rem, 9vw, 3rem);
    }

    .eyebrow {
        letter-spacing: 0.12em;
    }
}

/* ===========================================================
   MOBILE CTA POLISH
   Final refinement for narrow phone viewports.
=========================================================== */

@media (max-width: 575.98px) {

    .company-cta h2,
    .rig-cta h2 {
        font-size: clamp(1.75rem, 8vw, 2.35rem) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.025em;
    }

    .company-cta .btn-si {
        padding: 0.82rem 1rem;
        font-size: 0.72rem;
        letter-spacing: 0.025em;
        line-height: 1.15;
        white-space: normal;
        text-align: center;
    }
}