/* Heading & slider sizes (html root is 16px) */

.hero-headline {
    font-size: clamp(2rem, 4vw, 3.2rem) !important;
}
.hero-subtext {
    font-size: clamp(0.5rem, 0.85vw, 0.7rem) !important;
    letter-spacing: 0.08em !important;
    white-space: nowrap !important;
    line-height: 1.35 !important;
    margin-bottom: 0 !important;
}
.hero-slider .btn,
.slide-content .btn {
    font-size: 1.425rem !important;
}

.page-hero h1 {
    font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
}
.page-hero .subtitle {
    font-size: clamp(0.75rem, 1.2vw, 0.95rem) !important;
}
.about-page .page-hero h1 {
    font-size: clamp(1.85rem, 3.4vw, 2.7rem) !important;
}
.about-page .page-hero .subtitle {
    font-size: 11px !important;
    letter-spacing: 0.22em !important;
}
.people-page .page-hero h1 {
    font-size: clamp(1.85rem, 3.4vw, 2.7rem) !important;
}
.people-page .page-hero .subtitle {
    font-size: 11px !important;
    letter-spacing: 0.22em !important;
}
.careers-page .page-hero h1 {
    font-size: clamp(1.85rem, 3.4vw, 2.7rem) !important;
}
.careers-page .page-hero .subtitle {
    font-size: 11px !important;
    letter-spacing: 0.22em !important;
}
.who-pie-hub b {
    font-size: clamp(2.8rem, 6.5vw, 4rem) !important;
    font-weight: 900 !important;
}

.section-title {
    font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
}

/* Match inner .page-hero banner (About, etc.) across all business templates */
.business-hero h1 {
    font-size: clamp(1.85rem, 3.4vw, 2.7rem) !important;
}
.business-hero .subtitle {
    font-size: 11px !important;
    letter-spacing: 0.22em !important;
}
.businesses-index-page .divisions-section h2 {
    font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
}
.businesses-index-page .division-card h3 {
    font-size: 1.15rem !important;
}

.project-hero h1,
.item-hero h1 {
    font-size: clamp(1.35rem, 3vw, 1.85rem) !important;
}

.item-template-page .section-title,
.project-template-page .section-title {
    font-size: clamp(1.5rem, 3vw, 2rem) !important;
}

.media-page-hero h1 {
    font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
}
.media-page-hero .subtitle {
    font-size: clamp(0.75rem, 1.2vw, 0.95rem) !important;
}

.media-card h4 {
    font-size: 1.15rem !important;
}

.cta-section h2 {
    font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
}

.contact-page .cta-section h2 {
    font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
}
.contact-page .section-title {
    font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
}

.careers-page .section-title {
    font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
}

.profile-modal-heading .profile-modal-name {
    font-size: 1.5rem !important;
}
.profile-modal-heading .profile-modal-role {
    font-size: 0.75rem !important;
}

.people-page .leadership-card h3 {
    font-size: 1.05rem !important;
}

.biz-sidebar h2 {
    font-size: 1.15rem !important;
}
.biz-list-title {
    font-size: 1.15rem !important;
}
.biz-vessel-list li {
    font-size: 1.05rem !important;
}

.fleet-section h2 {
    font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
}
.fleet-card-title {
    font-size: 1.05rem !important;
}

.business-cta h2 {
    font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
}

.about-page .section-title {
    font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
}
.about-page .mission-vision-section h2 {
    font-size: clamp(2rem, 4vw, 3rem) !important;
}
.about-page .cta-section h2 {
    font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
}

.video-item h4 {
    font-size: 1rem !important;
}

.login-box h1 {
    font-size: 1.5rem !important;
}

.admin-header h1 {
    font-size: 1.25rem !important;
}
.page-title h2 {
    font-size: 1.5rem !important;
}

@media (max-width: 768px) {
    .hero-headline {
        font-size: clamp(1.4rem, 4.8vw, 2rem) !important;
    }
    .hero-subtext {
        font-size: clamp(0.46rem, 1vw, 0.62rem) !important;
        letter-spacing: 0.06em !important;
    }
    .slide-content .btn {
        font-size: 1.35rem !important;
    }
}

@media (max-width: 480px) {
    .hero-headline {
        font-size: 1.2rem !important;
    }
    .hero-subtext {
        font-size: clamp(0.42rem, 1.05vw, 0.58rem) !important;
        letter-spacing: 0.05em !important;
    }
}

.about-page .intro-text ul.who-list {
    list-style: none !important;
    padding-left: 0 !important;
}
.about-page .intro-text ul.who-list li {
    list-style: none !important;
}
.about-page .who-box {
    background: #C8102E !important;
    width: 8px !important;
    height: 8px !important;
    display: block !important;
    flex: 0 0 8px !important;
}