/* Lucido -> capSpire redirect notice
   Styles extracted from lucidogroup.io (ci-uikit theme) for this section only. */

/* Self-hosted Bai Jamjuree (latin subset). SIL Open Font License. */
@font-face {
	font-family: "Bai Jamjuree";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(assets/fonts/bai-jamjuree-400.woff2) format("woff2");
}
@font-face {
	font-family: "Bai Jamjuree";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(assets/fonts/bai-jamjuree-500.woff2) format("woff2");
}
@font-face {
	font-family: "Bai Jamjuree";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(assets/fonts/bai-jamjuree-600.woff2) format("woff2");
}

*, *::before, *::after { box-sizing: border-box; }

html {
	font-size: 62.5%; /* 1rem = 10px */
}

body {
	margin: 0;
	color: #1C202B;
	font-family: "Bai Jamjuree", sans-serif;
	font-size: 1.6rem;
	line-height: 1.55;
	background: #fff;
}

a {
	color: #4386FD;
	text-decoration: none;
	transition: all 0.3s ease;
}
a:hover { color: #000; }

/* Banner (gold gradient header with both logos) */
.hero {
	display: flex;
	justify-content: center;
}
.hero img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 420px;
	object-fit: cover;
	object-position: center;
}

/* Layout container */
.container {
	width: 100%;
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}

/* Text block */
.top-content {
	padding: 10rem 0 7rem;
	font-size: 3rem;
	line-height: 4.5rem;
}

.top-content h1, .top-content .h1 {
	margin: 0 0 25px;
	font: 5rem/6rem "Bai Jamjuree", sans-serif;
	font-weight: 500;
	color: #171A27;
}

.top-content h2, .top-content .h2 {
	margin: 0 0 30px;
	font: 3.6rem/4.6rem "Bai Jamjuree", sans-serif;
	font-weight: 500;
	color: #000;
}

.top-content h3, .top-content .h3 {
	margin: 0 0 20px;
	font: 3rem/4rem "Bai Jamjuree", sans-serif;
	font-weight: 500;
	color: #000;
}

@media (max-width: 769px) {
	.top-content {
		padding: 5rem 0 2rem;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.top-content h1 { font-size: 3rem; line-height: 4rem; }
	.top-content h2 { font-size: 2.6rem; line-height: 3.4rem; }
	.top-content h3 { font-size: 1.8rem; line-height: 2.6rem; }
}