////
///
/// Section Title Site Styles
/// ===========================================================================
///
/// Classes the scapepress sites use next to the native `section-title` module,
/// moved here from the removed `32-utilities/_scapepress-parity.scss` shim.
/// Forwarded from `31-modules/_index.scss` ahead of every module rather than
/// from this module's index, so at equal specificity the native rules win.
///
/// 2 blocks, each still marked with the site and file it came from.
/// Values read `--ss-*` tokens in place of the sites' own Sass and
/// custom-property variables.
///
/// @group Modules.SectionTitle
/// @author Scape Press
/// @link https://scape.style
/// @since 0.6.0
/// @access public
///
////

@use "sass:map";
@use "../../01-core/external" as *;
@use "../../23-layout/breakpoints";

// ============================================================================
// Output
// ============================================================================

@layer ss.components {
    // -- section-title  (from site-scape_ventures/src/static/scss/sections/_headers.scss) --

    // -- section-title-hero  (from site-pixi_systems/src/static/scss/index.scss) --
    .ss-c-section-title-hero {
        font-size: var(--ss-font-size-6xl);
        font-weight: var(--ss-font-weight-bold);
        letter-spacing: -0.03em;
        line-height: 1.05;

        @media (min-width: map.get(breakpoints.$ss-breakpoints, "md")) {
            font-size: var(--ss-font-size-8xl);
        }

        @media (min-width: map.get(breakpoints.$ss-breakpoints, "lg")) {
            font-size: var(--ss-font-size-9xl);
        }
    }
}