/*
======================================================
Chang Tong Core 2.0
======================================================

Component : UI-005 Section Titles
File      : assets/css/components/sections-title.css
Version   : 1.0

Purpose:
Styles for reusable section headings.

Responsibility:
- Eyebrow / Label
- Section Title

Not responsible for:
- Section background
- Section spacing
- Content layout

======================================================
*/


/*
==================================================
UI-005 Section Title Container
==================================================
*/

.ct-section-title {
    margin-bottom: var(--ct-space-lg);
}


/*
==================================================
Eyebrow / Label
==================================================
*/

.ct-section-title__eyebrow {

    display: block;

    font-size: var(--ct-fs-sm);

    font-weight: 600;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    margin-bottom: var(--ct-space-sm);

}


/*
==================================================
Section Heading
==================================================
*/

.ct-section-title__heading {

    margin: 0;

    font-size: var(--ct-fs-4xl);

    font-weight: 700;

    line-height: 1.2;

}