/**
 * ==========================================================
 * GM DESIGN SYSTEM
 * File: section-heading.css
 * Description: Shared Section Heading Component
 *
 * Depends:
 * tokens.css
 * spacing.css
 * typography.css
 *
 * Version:
 * 1.1.0
 *
 * Last Update:
 * 16.08.2026
 * ==========================================================
 */


/* ==========================================================
   SECTION HEADING
========================================================== */

.gm-section-heading{

	max-width:820px;

	margin:
		0
		auto
		clamp(
			var(--gm-space-lg),
			4vw,
			var(--gm-space-2xl)
		);

	text-align:center;

}


/* ==========================================================
   TITLE
========================================================== */

.gm-section-heading__title{

	margin:0;

	color:var(--gm-color-text);

	font-family:var(--gm-font-family);

	font-size:
		clamp(
			28px,
			2.25vw,
			38px
		);

	font-weight:var(--gm-font-weight-medium);

	line-height:1.2;

	letter-spacing:-0.035em;

}


/* ==========================================================
   DESCRIPTION
========================================================== */

.gm-section-heading__description{

	max-width:720px;

	margin:
		var(--gm-space-sm)
		auto
		0;

	color:var(--gm-color-text-light);

	font-family:var(--gm-font-family);

	font-size:
		clamp(
			14px,
			1.1vw,
			17px
		);

	font-weight:var(--gm-font-weight-regular);

	line-height:1.6;

}