/*
 * About - Awards feature.
 *
 * Read from the demo's css/about-us.css (.abaw4) — the copy in the live
 * demo, which still carries this option.
 *
 * What the Style tab sets arrives through the widget's selectors; a size
 * left empty there scales with the window the way the design's does,
 * through the two numbers below (app.css:127-128, 2889-2900).
 */

.custom-about-awards-feature {
	--custom-vwu: 14.4px;
	--custom-vhu: clamp(5.2px, 1svh, 9px);
	--custom-pad: 90px;
	position: relative;
	display: block;
	box-sizing: border-box;
	overflow: hidden;
	/* app.css:385-389 .sec--rhythm, .container --pad */
	padding: min(clamp(52px, calc(8.6 * var(--custom-vwu)), 160px), calc(13.7 * var(--custom-vhu))) var(--custom-pad);
	background: linear-gradient(180deg, var(--custom-abaw-a, #FFFFFF) 0%, var(--custom-abaw-b, #F7FBFE) 55%, var(--custom-abaw-c, #EEF7FD) 100%);
}

@media (max-width: 1280px) { .custom-about-awards-feature { --custom-vwu: 12.2px; --custom-vhu: clamp(5.2px, 1svh, 8.5px); } }
@media (max-width: 1200px) { .custom-about-awards-feature { --custom-vwu: 11.2px; --custom-vhu: clamp(5.2px, 1svh, 8.35px); } }
@media (max-width: 1024px) { .custom-about-awards-feature { --custom-vwu: 9.2px; --custom-vhu: clamp(5.2px, 1svh, 8px); --custom-pad: 40px; } }
@media (max-width: 860px)  { .custom-about-awards-feature { --custom-vwu: 7.7px; --custom-vhu: clamp(5.2px, 1svh, 7.8px); } }
@media (max-width: 640px)  { .custom-about-awards-feature { --custom-vwu: 4.2px; --custom-vhu: clamp(5.2px, 1svh, 7.6px); --custom-pad: 24px; } }
@media (max-width: 380px)  { .custom-about-awards-feature { --custom-vwu: 3.6px; --custom-vhu: clamp(5.2px, 1svh, 7.2px); } }

.custom-about-awards-feature__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.custom-about-awards-feature__head {
	/* app.css:167-176 body — the line the small label sits in is the design's,
	   whatever the theme sets */
	font-size: 16px;
	line-height: 1.6;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.custom-about-awards-feature__title {
	margin: 0;
	padding: 0;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0;
}

.custom-about-awards-feature__title strong {
	font-weight: 700;
}

/* app.css:246-252 — the highlighted part, with the soft bar under it */
.custom-about-awards-feature__title em {
	position: relative;
	display: inline-block;
	font-style: italic;
	font-weight: 700;
}

.custom-about-awards-feature__title em::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.06em;
	height: 0.16em;
	border-radius: 3px;
	background: currentColor;
	opacity: 0.18;
}

.custom-about-awards-feature [data-custom-sweep-ghost] em::after {
	opacity: 0.12;                         /* app.css:275 */
}

/* app.css:291-294 — a measure of its own, its words centred inside it */
.custom-about-awards-feature__intro {
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.7;
}

/* app.css:3016 — a phone's lead sets tighter */
@media (max-width: 640px) {
	.custom-about-awards-feature__intro {
		line-height: 1.5;
	}
}


/* app.css:920 .br-lg */
@media (max-width: 1024px) {
	.custom-about-awards-feature__intro br { display: none; }
}

/* app.css:202-209, 407 — the small red label over the heading */
.custom-about-awards-feature__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 0 0 min(22px, calc(2.4 * var(--custom-vhu)));
	font-size: 12px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 1.15px;
	text-transform: uppercase;
	color: #CE2929;
}

/* about-us.css .abaw3 / .abaw4 .abaw__cta, app.css:304-315 .btn--navy */
.custom-about-awards-feature__cta {
	display: flex;
	justify-content: center;
	margin-top: clamp(24px, calc(2.6 * var(--custom-vwu)), 40px);
}

.custom-about-awards-feature__button {
	box-sizing: border-box;
	--custom-press-ground: #16418C;
	--custom-press-ink: #FFFFFF;
	--custom-press-edge: transparent;
	display: inline-flex;
	align-items: center;
	gap: 11px;
	padding: 15px 30px;
	border-width: 1.5px;
	border-style: solid;
	border-radius: 16px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: normal;
	white-space: nowrap;
	cursor: pointer;
	transition: all 250ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-about-awards-feature__button:hover {
	--custom-press-ground: #50A3D5;
	--custom-press-shadow: 0 14px 30px rgba(80, 163, 213, 0.30);
	transform: translateY(-2px);
}

.custom-about-awards-feature__button:focus-visible {
	outline: 2px solid #50A3D5;
	outline-offset: 3px;
}

.custom-about-awards-feature p,
.custom-about-awards-feature h2,
.custom-about-awards-feature h3,
.custom-about-awards-feature span {
	text-wrap: wrap;
	text-rendering: optimizeLegibility;
}


/* ------------------------------------------------------------------ */
/* The featured card and the list — about-us.css .abaw4                */
/* ------------------------------------------------------------------ */

.custom-about-awards-feature__wrap {
	--custom-curl: clamp(30px, calc(3.2 * var(--custom-vwu)), 50px);   /* app.css:158 --curl-sm */
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	align-items: stretch;
	gap: clamp(16px, calc(2 * var(--custom-vwu)), 32px);
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
}

.custom-about-awards-feature__feat {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: var(--custom-curl) 6px var(--custom-curl) 6px;
	background: #FFFFFF;
	box-shadow: 0 3px 8px rgba(14, 30, 84, 0.12), 0 18px 34px -14px rgba(14, 30, 84, 0.42);
}

.custom-about-awards-feature__featlogo {
	--custom-logo-h: clamp(96px, calc(10 * var(--custom-vwu)), 140px);
	display: grid;
	flex: none;
	place-items: center;
	padding: clamp(24px, calc(2.6 * var(--custom-vwu)), 40px) clamp(16px, calc(2 * var(--custom-vwu)), 32px);
	background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 86%, #EAF4FB 100%);
}

.custom-about-awards-feature__featlogo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 82%;
	max-height: var(--custom-logo-h);
	margin: 0;
	object-fit: contain;
}

.custom-about-awards-feature__featbody {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: clamp(20px, calc(2 * var(--custom-vwu)), 32px);
	color: #FFFFFF;
	background: linear-gradient(158deg, var(--custom-abaw4-a, #16418C) 0%, var(--custom-abaw4-b, #0E1E54) 100%);
}

.custom-about-awards-feature__featt {
	margin: 0;
	padding: 0;
	font-size: clamp(20px, calc(1.8 * var(--custom-vwu)), 26px);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: normal;
	color: var(--custom-abaw4-feat-title, #FFFFFF);
}

.custom-about-awards-feature__featd {
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.75;
	letter-spacing: normal;
	color: var(--custom-abaw4-feat-text, rgba(255, 255, 255, 0.86));
}

/* the level: soft on white, the .awc__level tone on navy */
.custom-about-awards-feature__lv {
	display: inline-block;
	margin: 0;
	padding: 3px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.6;
	color: #16418C;
	background: rgba(80, 163, 213, 0.16);
}

.custom-about-awards-feature__lv--nat {
	color: #A11F1F;
	background: rgba(206, 41, 41, 0.12);
}

.custom-about-awards-feature__lv--dark {
	color: #CDEAFA;
	background: rgba(80, 163, 213, 0.26);
}

.custom-about-awards-feature__list {
	display: grid;
	grid-template-rows: repeat(var(--custom-abaw4-rows, 5), minmax(0, 1fr));
	gap: clamp(10px, calc(1 * var(--custom-vwu)), 14px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.custom-about-awards-feature__row {
	--custom-th-h: clamp(48px, calc(4.6 * var(--custom-vwu)), 68px);
	display: grid;
	grid-template-columns: clamp(104px, calc(10 * var(--custom-vwu)), 150px) minmax(0, 1fr);
	align-items: center;
	column-gap: clamp(14px, calc(1.6 * var(--custom-vwu)), 24px);
	box-sizing: border-box;
	margin: 0;
	padding: clamp(10px, calc(1 * var(--custom-vwu)), 14px) clamp(14px, calc(1.6 * var(--custom-vwu)), 24px);
	border-radius: 14px 4px 14px 4px;   /* app.css:141 --r */
	background: var(--custom-abaw4-row, #FFFFFF);
	box-shadow: 0 2px 6px rgba(22, 65, 140, 0.06), 0 12px 24px -14px rgba(22, 65, 140, 0.28);
}

.custom-about-awards-feature__thumb {
	display: grid;
	place-items: center;
}

.custom-about-awards-feature__thumb img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: var(--custom-th-h);
	margin: 0;
	object-fit: contain;
}

.custom-about-awards-feature__txt {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	min-width: 0;
}

.custom-about-awards-feature__t {
	margin: 0;
	padding: 0;
	font-size: clamp(16px, calc(1.25 * var(--custom-vwu)), 18px);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: normal;
	color: var(--custom-abaw4-title, #16418C);
}

@media (max-width: 1024px) {
	.custom-about-awards-feature__wrap { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
	.custom-about-awards-feature__list { grid-template-rows: none; }
}

@media (max-width: 560px) {
	.custom-about-awards-feature__row { grid-template-columns: 88px minmax(0, 1fr); column-gap: 14px; }
	.custom-about-awards-feature__featd { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
	.custom-about-awards-feature__button { transition: none; }
	.custom-about-awards-feature__button:hover { transform: none; }
}


/* ------------------------------------------------------------------ */
/* 1.0.7 — the heading scales like the design until a size is typed    */
/* (app.css:237 .h-sec, 291 .lead, 3015-3016; about-us.css head gaps)  */
/* ------------------------------------------------------------------ */
.custom-about-awards-feature__head {
	margin-bottom: clamp(28px, calc(3.4 * var(--custom-vwu)), 52px);
}

.custom-about-awards-feature__title {
	font-size: min(clamp(28px, calc(3.9 * var(--custom-vwu)), 56px), calc(6.2 * var(--custom-vhu)));
}

.custom-about-awards-feature__intro {
	font-size: clamp(16px, calc(1.25 * var(--custom-vwu)), 18px);
	line-height: 1.7;
	margin-top: min(22px, calc(2.4 * var(--custom-vhu)));
}

@media (max-width: 640px) {
	.custom-about-awards-feature__title {
		font-size: clamp(22px, calc(6.2 * var(--custom-vwu)), 56px);
	}

	.custom-about-awards-feature__intro {
		font-size: 14px;
		line-height: 1.5;
		margin-top: 14px;
	}
}

/* about-us.css .abaw4 — the label in the featured panel is a paragraph, with a paragraph's space round it */
.custom-about-awards-feature__featbody .custom-about-awards-feature__lv {
	margin: 12px 0;
}

/* app.css:3018 — on a phone the small label sits closer to the heading */
@media (max-width: 640px) {
	.custom-about-awards-feature__eyebrow {
		margin-bottom: 14px;
	}
}