/* THOWL brochure/home section — fully scoped. */
.thowl-brochure-home,
.thowl-brochure-home * {
	box-sizing:border-box;
}

.thowl-brochure-home {
	--n:#0b2f5b;
	--n2:#123f74;
	--c:#fbf6ec;
	--m:#67727e;
	--b:#e7e1d6;
	width:100%;
	max-width:100%;
	min-width:0;
	margin:0 !important;
	padding:64px 0;
	position:relative;
	left:auto !important;
	right:auto !important;
	overflow-x:clip !important;
	background:var(--c);
	font-family:inherit;
	isolation:isolate;
}

.thowl-brochure-inner {
	width:calc(100% - 40px);
	max-width:1180px;
	min-width:0;
	margin:0 auto;
}

.thowl-brochure-heading {
	max-width:820px;
	margin:0 auto 34px;
	text-align:center;
}

.thowl-brochure-kicker {
	margin:0 0 10px;
	color:var(--n2);
	font-size:14px;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
}

.thowl-brochure-heading h2 {
	margin:0 0 14px;
	color:var(--n);
	font-family:inherit;
	font-size:clamp(30px,4vw,44px);
	line-height:1.15;
}

.thowl-brochure-heading>p:last-child {
	margin:0;
	color:var(--m);
	font-size:17px;
	line-height:1.6;
}

.thowl-brochure-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
	width:100%;
	max-width:100%;
	min-width:0;
}

.thowl-brochure-card {
	appearance:none;
	-webkit-appearance:none;
	display:flex;
	flex-direction:column;
	width:100%;
	min-width:0;
	min-height:210px;
	margin:0;
	padding:26px 26px 24px;
	border:1px solid var(--b);
	border-radius:14px;
	background:#fff;
	color:inherit;
	font:inherit;
	text-align:left;
	box-shadow:0 8px 22px rgba(11,47,91,.05);
	cursor:pointer;
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.thowl-brochure-card:hover,
.thowl-brochure-card:focus-visible {
	transform:translateY(-3px);
	border-color:#c8d6df;
	box-shadow:0 12px 28px rgba(11,47,91,.10);
	outline:none;
}

.thowl-brochure-card:focus-visible {
	box-shadow:0 0 0 3px rgba(0,108,142,.18),0 12px 28px rgba(11,47,91,.10);
}

.thowl-brochure-card h3 {
	margin:0 0 12px;
	color:var(--n);
	font-family:inherit;
	font-size:20px;
	line-height:1.3;
}

.thowl-brochure-card p {
	margin:0 0 20px;
	color:var(--m);
	font-size:15.5px;
	line-height:1.6;
}

.thowl-brochure-card span {
	display:inline-block;
	margin-top:auto;
	color:#006c8e;
	font-size:15px;
	font-weight:800;
}

.thowl-brochure-card:hover span,
.thowl-brochure-card:focus-visible span {
	color:var(--n);
	text-decoration:underline;
}

.thowl-brochure-action {
	margin-top:30px;
	text-align:center;
}

.thowl-brochure-action>a {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:50px;
	max-width:100%;
	padding:13px 22px;
	border-radius:6px;
	background:var(--n);
	color:#fff!important;
	font-weight:800;
	text-decoration:none!important;
}

.thowl-brochure-action>a:hover,
.thowl-brochure-action>a:focus {
	background:var(--n2);
	color:#fff!important;
}

/* Modal */
body.thowl-modal-open {
	overflow:hidden;
}

.thowl-brochure-modal {
	position:fixed;
	inset:0;
	z-index:999999;
	display:none;
	align-items:center;
	justify-content:center;
	padding:24px;
}

.thowl-brochure-modal[aria-hidden="false"] {
	display:flex;
}

.thowl-brochure-modal-backdrop {
	position:absolute;
	inset:0;
	background:rgba(9,28,48,.68);
}

.thowl-brochure-modal-dialog {
	position:relative;
	z-index:1;
	width:min(720px,100%);
	max-height:min(82vh,760px);
	overflow:auto;
	padding:34px 34px 30px;
	border-radius:18px;
	background:#fff;
	box-shadow:0 24px 70px rgba(0,0,0,.25);
}

.thowl-brochure-modal-close {
	position:absolute;
	top:14px;
	right:16px;
	display:grid;
	place-items:center;
	width:42px;
	height:42px;
	margin:0;
	padding:0;
	border:0;
	border-radius:50%;
	background:#f3f6f8;
	color:#263442;
	font:inherit;
	font-size:28px;
	line-height:1;
	cursor:pointer;
}

.thowl-brochure-modal-close:hover,
.thowl-brochure-modal-close:focus-visible {
	background:#e8eef2;
	outline:none;
}

.thowl-brochure-modal-kicker {
	margin:0 44px 8px 0;
	color:#006c8e;
	font-size:13px;
	font-weight:800;
	letter-spacing:.1em;
	text-transform:uppercase;
}

.thowl-brochure-modal-dialog h3 {
	margin:0 44px 18px 0;
	color:var(--n,#0b2f5b);
	font-family:inherit;
	font-size:clamp(28px,4vw,38px);
	line-height:1.15;
}

.thowl-brochure-modal-body p {
	margin:0 0 15px;
	color:#485864;
	font-size:17px;
	line-height:1.65;
}

.thowl-brochure-modal-games {
	margin-top:22px;
	padding:18px 20px;
	border:1px solid #dfe7ec;
	border-radius:12px;
	background:#f8fbfc;
}

.thowl-brochure-modal-games strong {
	display:block;
	margin-bottom:6px;
	color:#0b2f5b;
	font-size:15px;
}

.thowl-brochure-modal-games p {
	margin:0;
	color:#55646f;
	font-size:15px;
	line-height:1.55;
}

@media(max-width:900px) {
	.thowl-brochure-grid {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media(max-width:620px) {
	.thowl-brochure-home {
		padding:48px 0;
	}

	.thowl-brochure-inner {
		width:calc(100% - 32px);
	}

	.thowl-brochure-grid {
		grid-template-columns:minmax(0,1fr);
	}

	.thowl-brochure-card {
		min-height:0;
		padding:22px 20px;
	}

	.thowl-brochure-modal {
		padding:14px;
	}

	.thowl-brochure-modal-dialog {
		padding:28px 22px 24px;
		border-radius:14px;
	}
}