/* Kiskadoo Trust Modern Homepage v1 front end */

.ktmh-grid-wrap {
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
}

.ktmh-grid {
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	grid-auto-rows:190px;
	gap:0;
	width:100%;
	min-height:60vh;
}

.ktmh-grid .ktmh-tile {
	grid-column:var(--ktmh-d-col) / span var(--ktmh-d-w);
	grid-row:var(--ktmh-d-row) / span var(--ktmh-d-h);
}

.ktmh-tile {
	--ktmh-bg:#1f4f7a;
	position:relative !important;
	display:flex;
	align-items:flex-end;
	min-height:0;
	padding:clamp(20px,2.2vw,34px);
	overflow:hidden;
	background:var(--ktmh-bg);
	color:#fff;
	text-decoration:none;
	isolation:isolate;
	transform:translateY(18px);
	opacity:0;
	filter:brightness(.94);
	transition:opacity 600ms ease, transform 600ms ease, filter 250ms ease;
	box-sizing:border-box;
}

.ktmh-tile.ktmh-tile--visible {
	opacity:1;
	transform:translateY(0);
}

.ktmh-tile:hover,
.ktmh-tile:focus {
	color:inherit;
	text-decoration:none;
	filter:brightness(1);
}

.ktmh-tile--text-dark { color:#222; }
.ktmh-tile--text-light { color:rgba(255,255,255,.88); }
.ktmh-tile--text-dark { color:#202124; }

.ktmh-tile--style-photo,
.ktmh-tile--style-wash {
	background-image:var(--ktmh-image);
	background-size:cover;
	background-position:center;
}

.ktmh-tile--style-photo .ktmh-tile__shade {
	position:absolute;
	inset:0;
	background:linear-gradient(to top,rgba(0,0,0,.64),rgba(0,0,0,.08));
	z-index:-1;
}

.ktmh-tile--style-wash::before {
	content:"";
	position:absolute;
	inset:0;
	background:var(--ktmh-bg);
	opacity:.78;
	z-index:-1;
}

.ktmh-tile__content {
	position:relative;
	z-index:2;
	max-width:640px;
}

.ktmh-tile__title,
.ktmh-tile__text,
.ktmh-tile__number,
.ktmh-tile__eyebrow {
	color:inherit;
	transition:color 220ms ease;
}

.ktmh-tile--text-light .ktmh-tile__title,
.ktmh-tile--text-light .ktmh-tile__text,
.ktmh-tile--text-light .ktmh-tile__number,
.ktmh-tile--text-light .ktmh-tile__eyebrow {
	color:rgba(255,255,255,.88);
}

.ktmh-tile--text-light:hover .ktmh-tile__title,
.ktmh-tile--text-light:hover .ktmh-tile__text,
.ktmh-tile--text-light:hover .ktmh-tile__number,
.ktmh-tile--text-light:hover .ktmh-tile__eyebrow {
	color:#fff;
}

.ktmh-tile--text-dark .ktmh-tile__title,
.ktmh-tile--text-dark .ktmh-tile__text,
.ktmh-tile--text-dark .ktmh-tile__number,
.ktmh-tile--text-dark .ktmh-tile__eyebrow {
	color:#202124;
}

.ktmh-tile--text-dark:hover .ktmh-tile__title,
.ktmh-tile--text-dark:hover .ktmh-tile__text,
.ktmh-tile--text-dark:hover .ktmh-tile__number,
.ktmh-tile--text-dark:hover .ktmh-tile__eyebrow {
	color:#111;
}

.ktmh-tile--style-photo.ktmh-tile--text-dark .ktmh-tile__shade {
	background:linear-gradient(to top,rgba(255,255,255,.84),rgba(255,255,255,.1));
}

.ktmh-tile__eyebrow {
	color:rgba(255,255,255,.88);
}

.ktmh-tile--text-light:hover .ktmh-tile__title,
.ktmh-tile--text-light:hover .ktmh-tile__text,
.ktmh-tile--text-light:hover .ktmh-tile__number,
.ktmh-tile--text-light:hover .ktmh-tile__eyebrow,
.ktmh-tile--style-photo:hover .ktmh-tile__title,
.ktmh-tile--style-photo:hover .ktmh-tile__text,
.ktmh-tile--style-photo:hover .ktmh-tile__number,
.ktmh-tile--style-photo:hover .ktmh-tile__eyebrow,
.ktmh-tile--style-wash:hover .ktmh-tile__title,
.ktmh-tile--style-wash:hover .ktmh-tile__text,
.ktmh-tile--style-wash:hover .ktmh-tile__number,
.ktmh-tile--style-wash:hover .ktmh-tile__eyebrow,
.ktmh-tile--newsletter:hover .ktmh-tile__title,
.ktmh-tile--newsletter:hover .ktmh-tile__text,
.ktmh-tile--newsletter:hover .ktmh-tile__number,
.ktmh-tile--newsletter:hover .ktmh-tile__eyebrow {
	color:#fff;
}

.ktmh-tile__eyebrow {
	font-size:.78rem;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
	margin-bottom:.65rem;
}

.ktmh-tile__title {
	margin:0;
	font-size:clamp(1.2rem,2vw,2.05rem);
	line-height:1.05;
	font-weight:800;
}

.ktmh-tile--actual-hero .ktmh-tile__title,
.ktmh-tile--actual-large .ktmh-tile__title {
	font-size:clamp(1.8rem,3.4vw,4rem);
}

.ktmh-tile__text {
	margin:.8rem 0 0;
	font-size:clamp(.95rem,1.1vw,1.12rem);
	line-height:1.45;
	max-width:34rem;
}

.ktmh-tile__number {
	font-size:clamp(3rem,7vw,7rem);
	line-height:.9;
	font-weight:900;
	letter-spacing:-.05em;
	margin-bottom:.35rem;
}

.ktmh-tile__edit-wrap {
	position:absolute !important;
	inset:10px 10px auto auto !important;
	display:block !important;
	width:auto !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
	z-index:999 !important;
	pointer-events:auto !important;
}

.ktmh-tile__edit {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:44px;
	height:30px;
	padding:0 10px;
	border-radius:999px;
	background:rgba(255,255,255,.92);
	color:#222 !important;
	font-size:12px;
	font-weight:800;
	line-height:1;
	box-shadow:0 2px 8px rgba(0,0,0,.22);
	cursor:pointer;
	position:static !important;
	transform:none !important;
}

.ktmh-tile__edit:hover,
.ktmh-tile__edit:focus {
	background:#fff;
	color:#000 !important;
}

.ktmh-empty {
	padding:40px;
	background:#f4f4f4;
	border:1px dashed #aaa;
	text-align:center;
}

@media (max-width:1100px) {
	.ktmh-grid {
		grid-template-columns:repeat(3,minmax(0,1fr));
		grid-auto-rows:180px;
	}

	.ktmh-grid .ktmh-tile {
		grid-column:var(--ktmh-t-col) / span var(--ktmh-t-w);
		grid-row:var(--ktmh-t-row) / span var(--ktmh-t-h);
	}
}

@media (max-width:760px) {
	.ktmh-grid {
		grid-template-columns:repeat(2,minmax(0,1fr));
		grid-auto-rows:160px;
	}

	.ktmh-grid .ktmh-tile {
		grid-column:var(--ktmh-m-col) / span var(--ktmh-m-w);
		grid-row:var(--ktmh-m-row) / span var(--ktmh-m-h);
	}

	.ktmh-tile {
		padding:18px;
	}

	.ktmh-tile__title {
		font-size:1.1rem;
	}

	.ktmh-tile__text {
		font-size:.9rem;
	}
}

@media (prefers-reduced-motion:reduce) {
	.ktmh-tile {
		transition:none;
		transform:none;
		opacity:1;
	}
}


.ktmh-tile__button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	align-self:flex-start;
	margin-top:16px;
	padding:10px 16px;
	border-radius:999px;
	background:rgba(255,255,255,.92);
	color:#222 !important;
	font-weight:800;
	font-size:.9rem;
	line-height:1;
	box-shadow:0 2px 8px rgba(0,0,0,.18);
	transition:background 220ms ease, transform 220ms ease;
}

.ktmh-tile:hover .ktmh-tile__button,
.ktmh-tile:focus .ktmh-tile__button {
	background:#fff;
	transform:translateY(-1px);
}

.ktmh-tile--text-dark .ktmh-tile__button,
.ktmh-tile--style-colour.ktmh-tile--text-dark .ktmh-tile__button {
	background:#222;
	color:#fff !important;
}


/* v2.5.0 contrast and statistic alignment refinements */
.ktmh-tile--style-wash.ktmh-tile--text-dark,
.ktmh-tile--style-wash.ktmh-tile--text-dark .ktmh-tile__title,
.ktmh-tile--style-wash.ktmh-tile--text-dark .ktmh-tile__text,
.ktmh-tile--style-wash.ktmh-tile--text-dark .ktmh-tile__number,
.ktmh-tile--style-wash.ktmh-tile--text-dark .ktmh-tile__eyebrow {
	color:#222 !important;
}

.ktmh-tile--style-wash.ktmh-tile--text-dark:hover,
.ktmh-tile--style-wash.ktmh-tile--text-dark:hover .ktmh-tile__title,
.ktmh-tile--style-wash.ktmh-tile--text-dark:hover .ktmh-tile__text,
.ktmh-tile--style-wash.ktmh-tile--text-dark:hover .ktmh-tile__number,
.ktmh-tile--style-wash.ktmh-tile--text-dark:hover .ktmh-tile__eyebrow {
	color:#111 !important;
}

.ktmh-tile--statistic {
	align-items:center;
}

.ktmh-tile--statistic .ktmh-tile__content {
	width:100%;
	padding-top:0.35rem;
}

.ktmh-tile--statistic .ktmh-tile__number {
	font-size:clamp(2.7rem,6.3vw,6.1rem);
	line-height:1;
	margin-top:0.15rem;
	margin-bottom:0.45rem;
	letter-spacing:-0.045em;
}