/*
 * About - Awards.
 *
 * Read from cp-all-designer css/about-us.css:452-1040 (.abaw2, .oppc--aw,
 * .oppc--aw2, .awc) and css/app.css:1625-1738 (.oppc), 230-294 (the head).
 * 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.
 *
 * Above 1240px: five cards open in the frame, the middle three in navy.
 * From 1240px down: one card at a time, centred, in navy.
 */

.custom-about-awards {
	position: relative;
	display: block;
	box-sizing: border-box;
}

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

.custom-about-awards__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;
}

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

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

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

.custom-about-awards__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 [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__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__intro {
		line-height: 1.5;
	}
}


/* ------------------------------------------------------------------ */
/* The band — about-us.css:877-880, app.css:385-389                    */
/* ------------------------------------------------------------------ */

/* app.css:127-128, 2889-2900 — the design's two scaling numbers and gutter */
.custom-about-awards {
	--custom-vwu: 14.4px;
	--custom-vhu: clamp(5.2px, 1svh, 9px);
	--custom-pad: 90px;
	padding: min(clamp(52px, calc(8.6 * var(--custom-vwu)), 160px), calc(13.7 * var(--custom-vhu))) 0;
	background: linear-gradient(180deg, var(--custom-abaw-a, #FFFFFF) 0%, var(--custom-abaw-b, #F7FBFE) 52%, var(--custom-abaw-c, #EAF6FD) 100%);
	overflow: hidden;
}

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

/* the heading and the button keep to the gutter; the rail runs edge to edge */
.custom-about-awards__inner {
	padding-left: var(--custom-pad);
	padding-right: var(--custom-pad);
}

/* app.css:920 .br-lg — a line break the intro keeps on desktop only */
@media (max-width: 1024px) {
	.custom-about-awards__intro br {
		display: none;
	}
}

/* ------------------------------------------------------------------ */
/* The rail — app.css:1625-1738 (.oppc), about-us.css (.oppc--aw2)     */
/* ------------------------------------------------------------------ */

.custom-about-awards__rail {
	--custom-awc-curl: clamp(30px, calc(3.2 * var(--custom-vwu)), 50px);   /* app.css:158 --curl-sm */
	position: relative;
	margin-bottom: clamp(44px, calc(5 * var(--custom-vwu)), 76px);
}

.custom-about-awards__view {
	position: relative;
	height: var(--custom-awc-rail, clamp(272px, calc(22.4 * var(--custom-vwu)), 330px));
	overflow-x: auto;
	overflow-y: hidden;
	cursor: grab;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
	touch-action: pan-x pan-y;
	overscroll-behavior-x: contain;
}

.custom-about-awards__view::-webkit-scrollbar {
	display: none;
}

.custom-about-awards__view.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
	scroll-behavior: auto;
}

.custom-about-awards__view.is-teleport {
	scroll-snap-type: none;
	scroll-behavior: auto;
}

.custom-about-awards__view.is-teleport .custom-about-awards__item {
	transition: none;
}

.custom-about-awards__track {
	display: flex;
	align-items: center;
	column-gap: clamp(9px, calc(0.9 * var(--custom-vwu)), 13px);
	width: max-content;
	height: 100%;
}

/* app.css:1663-1676 — the card nearest the middle is the open one; the rest
   fade back a little and shrink */
.custom-about-awards__item {
	position: relative;
	flex: 0 0 auto;
	box-sizing: border-box;
	margin: 0;
	padding-block: clamp(18px, calc(1.3 * var(--custom-vwu)), 20px);
	cursor: pointer;
	scroll-snap-align: center;
	scroll-snap-stop: always;
	opacity: 0.4;
	transform: scale(0.9);
	transition: opacity 450ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            transform 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-about-awards__item:hover {
	opacity: 0.62;
}

/* before the script measures, the cards hold a sensible width */
.custom-about-awards__rail:not(.is-ready) .custom-about-awards__item {
	width: clamp(220px, 18vw, 270px);
	height: 100%;
}

.custom-about-awards__item.is-near {
	opacity: 1;
	transform: scale(0.9);   /* about-us.css:504 */
}

.custom-about-awards__item.is-mid {
	opacity: 1;
	transform: scale(1);
	cursor: default;
}

/* about-us.css:482-500 — the card itself */
.custom-about-awards__card {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	align-items: stretch;
	box-sizing: border-box;
	height: 100%;
	overflow: hidden;
	border-radius: var(--custom-awc-curl) 0 var(--custom-awc-curl) 0;
	background: var(--custom-awc-ground, #FFFFFF);
	box-shadow: 0 2px 6px rgba(22, 65, 140, 0.06), 0 12px 28px -10px rgba(22, 65, 140, 0.15);
	transition: box-shadow 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* about-us.css:506-514 — the navy wash the highlighted cards wear */
.custom-about-awards__card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	opacity: 0;
	background:
		radial-gradient(110% 70% at 92% 4%, rgba(80, 163, 213, 0.42) 0%, rgba(80, 163, 213, 0) 60%),
		radial-gradient(90% 60% at 4% 100%, rgba(92, 161, 63, 0.24) 0%, rgba(92, 161, 63, 0) 62%),
		linear-gradient(160deg, var(--custom-awc-hl-a, #16418C) 0%, var(--custom-awc-hl-b, #0E1E54) 100%);
	transition: opacity 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* about-us.css:567-590, 913-918 — the logo strip */
.custom-about-awards__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 0;
	height: clamp(124px, calc(13 * var(--custom-vwu)), 196px);
	padding: clamp(14px, calc(1.4 * var(--custom-vwu)), 20px) clamp(10px, calc(0.9 * var(--custom-vwu)), 13px);
	border-bottom: 1px solid var(--custom-awc-line, #EEF2F7);
	background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 88%, #EAF4FB 100%);
	transition: background-color 450ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (max-width: 1400px) {
	.custom-about-awards__logo {
		height: clamp(116px, calc(12 * var(--custom-vwu)), 176px);
	}
}

/* about-us.css:700-704 — each mark sized to its own share of the box */
.custom-about-awards__logo img {
	display: block;
	width: auto;
	height: var(--custom-awc-mk, 70%);
	max-width: 100%;
	margin: 0;
	object-fit: contain;
	-webkit-user-drag: none;
	user-select: none;
}

/* about-us.css:931-936 */
.custom-about-awards__body {
	display: grid;
	align-content: center;
	gap: 6px;
	min-width: 0;
	padding: clamp(8px, calc(0.8 * var(--custom-vwu)), 11px) clamp(12px, calc(1.3 * var(--custom-vwu)), 18px) clamp(9px, calc(0.9 * var(--custom-vwu)), 12px);
}

/* about-us.css:713-719, 937 */
.custom-about-awards__level {
	justify-self: start;
	margin: 0;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.04em;
	color: var(--custom-awc-intl, #3D8CB8);
	background: rgba(80, 163, 213, 0.14);
	transition: color 450ms cubic-bezier(0.2, 0.8, 0.2, 1), background-color 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-about-awards__level--nat {
	color: var(--custom-awc-nat, #CE2929);
	background: rgba(206, 41, 41, 0.10);
}

/* about-us.css:721, 938 */
.custom-about-awards__name {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.38;
	letter-spacing: 0;
	color: var(--custom-awc-title, #16418C);
	transition: color 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* the highlighted cards — the middle ones while the rail has room, and the
   single card when it does not (about-us.css:516-525, 747-760) */
.custom-about-awards__rail:not(.is-narrow) .custom-about-awards__item:is(.is-mid, .is-near) .custom-about-awards__card,
.custom-about-awards__rail.is-narrow .custom-about-awards__card {
	box-shadow: 0 3px 8px rgba(14, 30, 84, 0.12), 0 14px 24px -10px rgba(14, 30, 84, 0.42);
}

.custom-about-awards__rail:not(.is-narrow) .custom-about-awards__item:is(.is-mid, .is-near) .custom-about-awards__card::before,
.custom-about-awards__rail.is-narrow .custom-about-awards__card::before {
	opacity: 1;
}

.custom-about-awards__rail:not(.is-narrow) .custom-about-awards__item:is(.is-mid, .is-near) .custom-about-awards__logo,
.custom-about-awards__rail.is-narrow .custom-about-awards__logo {
	border-bottom-color: transparent;
}

.custom-about-awards__rail:not(.is-narrow) .custom-about-awards__item:is(.is-mid, .is-near) .custom-about-awards__name,
.custom-about-awards__rail.is-narrow .custom-about-awards__name {
	color: var(--custom-awc-hl-title, #FFFFFF);
}

.custom-about-awards__rail:not(.is-narrow) .custom-about-awards__item:is(.is-mid, .is-near) .custom-about-awards__level,
.custom-about-awards__rail.is-narrow .custom-about-awards__level {
	color: #CDEAFA;
	background: rgba(80, 163, 213, 0.26);
}

.custom-about-awards__rail:not(.is-narrow) .custom-about-awards__item:is(.is-mid, .is-near) .custom-about-awards__level--nat,
.custom-about-awards__rail.is-narrow .custom-about-awards__level--nat {
	color: #FFD9D9;
	background: rgba(206, 41, 41, 0.34);
}

/* app.css:1728-1738 — one dot per award; the current one stretches */
.custom-about-awards__dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: clamp(18px, calc(2 * var(--custom-vwu)), 28px);
}

.custom-about-awards__dot {
	width: 9px;
	height: 9px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--custom-awc-dot, #728DC4);
	opacity: 0.5;
	cursor: pointer;
	transition: width 350ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 250ms cubic-bezier(0.2, 0.8, 0.2, 1), background 250ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-about-awards__dot:hover {
	opacity: 0.85;
}

.custom-about-awards__dot.is-active {
	width: 28px;
	border-radius: 999px;
	background: var(--custom-awc-dot-on, #16418C);
	opacity: 1;
}

.custom-about-awards__dot:focus-visible {
	outline: 2px solid #16418C;
	outline-offset: 3px;
}

/* about-us.css:800-831, 942-944 — one card at a time, centred, no peeks */
@media (max-width: 1240px) {
	.custom-about-awards:not(.custom-about-awards--photo) .custom-about-awards__rail {
		padding-left: var(--custom-pad);
		padding-right: var(--custom-pad);
	}

	.custom-about-awards:not(.custom-about-awards--photo) .custom-about-awards__view {
		height: auto;
	}

	.custom-about-awards:not(.custom-about-awards--photo) .custom-about-awards__track {
		align-items: stretch;
		justify-content: center;
	}

	.custom-about-awards:not(.custom-about-awards--photo) .custom-about-awards__item {
		height: auto !important;
	}

	.custom-about-awards__card {
		max-width: 760px;
		margin-left: auto;
		margin-right: auto;
	}

	.custom-about-awards__logo img {
		max-width: min(100%, 360px);
	}
}

.custom-about-awards__rail.is-narrow .custom-about-awards__item {
	opacity: 1;
	transform: none;
}

/* ------------------------------------------------------------------ */
/* The button — about-us.css:942, app.css:304-315 .btn--navy           */
/* ------------------------------------------------------------------ */

.custom-about-awards__cta {
	display: flex;
	justify-content: center;
	/* about-us.css:942 — the section is a flex column in the design, so this
	   adds to the rail's own margin rather than collapsing into it */
	padding-top: clamp(24px, calc(2.6 * var(--custom-vwu)), 40px);
}

.custom-about-awards__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__button:hover {
	--custom-press-ground: #50A3D5;
	--custom-press-shadow: 0 14px 30px rgba(80, 163, 213, 0.30);
	transform: translateY(-2px);
}

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

@media (prefers-reduced-motion: reduce) {
	.custom-about-awards__item,
	.custom-about-awards__card,
	.custom-about-awards__card::before,
	.custom-about-awards__button {
		transition: none;
	}

	.custom-about-awards__button:hover {
		transform: none;
	}
}

/* the design wraps text plainly; some themes set "pretty" wrapping on
   paragraphs, which moves Thai line breaks */
.custom-about-awards p,
.custom-about-awards h2,
.custom-about-awards h3,
.custom-about-awards span {
	text-wrap: wrap;
	text-rendering: optimizeLegibility;
}


/* ================================================================== */
/* The small label over the heading — app.css:202-209, 407            */
/* ================================================================== */

.custom-about-awards__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 .abaw2 .eyebrow var(--cp-red) */
}

/* ================================================================== */
/* The three leaves — about-us.css .abaw__leaf (the demo's live file) */
/* ================================================================== */

.custom-about-awards__inner,
.custom-about-awards__rail {
	position: relative;
	z-index: 1;
}

.custom-about-awards__leaf {
	position: absolute;
	z-index: 0;
	height: auto;
	pointer-events: none;
}

.custom-about-awards__leaf--a {
	top: -58px;
	left: -66px;
	width: clamp(120px, calc(14 * var(--custom-vwu)), 220px);
	color: #50A3D5;
	opacity: 0.18;
}

.custom-about-awards__leaf--b {
	bottom: -104px;
	right: -80px;
	width: clamp(105px, calc(14 * var(--custom-vwu)), 205px);
	color: #CE2929;
	opacity: 0.12;
	transform: rotate(180deg);
}

.custom-about-awards__leaf--c {
	top: -34px;
	right: 4%;
	width: clamp(90px, calc(10 * var(--custom-vwu)), 160px);
	color: #5CA13F;
	opacity: 0.16;
	transform: rotate(28deg);
}

@media (max-width: 640px) {
	.custom-about-awards__leaf--c { display: none; }
	.custom-about-awards__leaf--a { top: -34px; left: -40px; }
	.custom-about-awards__leaf--b { bottom: -62px; right: -48px; }
}

/* ================================================================== */
/* Big cards with a description — section 05 (.abaw, .oppc--aw)       */
/* ================================================================== */

.custom-about-awards--full {
	/* about-us.css .abaw — light blue at the top, white at the foot */
	background: linear-gradient(180deg, var(--custom-abaw-a, #EAF6FD) 0%, var(--custom-abaw-b, #F7FBFE) 46%, var(--custom-abaw-c, #FFFFFF) 100%);
}

/* the section is a flex column in the design: the rail's own margin is
   the whole of the room above the button here */
.custom-about-awards--full .custom-about-awards__cta {
	padding-top: 0;
}

.custom-about-awards--full .custom-about-awards__view {
	height: var(--custom-awc-rail, clamp(478px, calc(53.1 * var(--custom-vhu)), 492px));
}

.custom-about-awards--full .custom-about-awards__item {
	padding-block: clamp(14px, calc(1.8 * var(--custom-vwu)), 26px);
}

.custom-about-awards--full .custom-about-awards__card {
	align-items: start;
}

.custom-about-awards--full .custom-about-awards__logo {
	height: clamp(140px, calc(11.8 * var(--custom-vwu)), 182px);
	padding: clamp(16px, calc(1.4 * var(--custom-vwu)), 20px) clamp(16px, calc(1.4 * var(--custom-vwu)), 24px);
}

@media (max-width: 1400px) {
	.custom-about-awards--full .custom-about-awards__logo {
		height: clamp(128px, calc(10.8 * var(--custom-vwu)), 162px);
	}
}

/* about-us.css:701 — the marks run 9% larger on the big cards */
.custom-about-awards--full .custom-about-awards__logo img {
	height: calc(var(--custom-awc-mk, 70%) * 1.09);
}

.custom-about-awards--full .custom-about-awards__body {
	align-content: start;
	gap: 8px;
	padding: clamp(14px, calc(1.2 * var(--custom-vwu)), 18px) clamp(16px, calc(1.6 * var(--custom-vwu)), 24px) clamp(16px, calc(1.6 * var(--custom-vwu)), 24px);
}

.custom-about-awards--full .custom-about-awards__level {
	margin: 0 0 4px;
	padding: 5px 12px;
}

.custom-about-awards--full .custom-about-awards__name {
	font-size: 18px;
	line-height: 1.4;
}

/* about-us.css:724-726 */
.custom-about-awards__desc {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.55;
	letter-spacing: normal;
	color: var(--custom-awc-desc, #475569);
	transition: color 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-about-awards__rail:not(.is-narrow) .custom-about-awards__item:is(.is-mid, .is-near) .custom-about-awards__desc,
.custom-about-awards__rail.is-narrow .custom-about-awards__desc {
	color: var(--custom-awc-hl-desc, rgba(255, 255, 255, 0.84));
}

@media (max-width: 1240px) {
	.custom-about-awards--full .custom-about-awards__logo {
		height: 148px;
		padding-top: clamp(12px, calc(1 * var(--custom-vwu)), 16px);
		padding-bottom: clamp(12px, calc(1 * var(--custom-vwu)), 16px);
	}
}

/* ================================================================== */
/* Photos — section 05e (.abaw5, the base .oppc)                       */
/* ================================================================== */

.custom-about-awards--photo {
	background: linear-gradient(180deg, var(--custom-abaw-a, #EEF7FD) 0%, var(--custom-abaw-b, #F7FBFE) 50%, var(--custom-abaw-c, #FFFFFF) 100%);
}

/* about-us.css .abaw5 > .oppc { margin-bottom: 0 } */
.custom-about-awards--photo .custom-about-awards__rail {
	margin-bottom: 0;
}

/* app.css:1640 */
.custom-about-awards--photo .custom-about-awards__view {
	height: var(--custom-awc-rail, clamp(200px, calc(49 * var(--custom-vhu)), 540px));
}

.custom-about-awards--photo .custom-about-awards__rail.is-narrow .custom-about-awards__view {
	height: auto;
}

/* app.css:1660 */
.custom-about-awards--photo .custom-about-awards__track {
	column-gap: clamp(16px, calc(2.8 * var(--custom-vwu)), 40px);
}

/* app.css:1663-1676 */
.custom-about-awards__shot {
	overflow: hidden;
	padding: 0;
	border-radius: var(--custom-awc-curl) 0 var(--custom-awc-curl) 0;
	box-shadow: 0 18px 44px -14px rgba(22, 65, 140, 0.20);   /* app.css:160 --sh */
	background: #F0F4FA;
}

.custom-about-awards__shot.is-mid {
	box-shadow: 0 34px 80px -20px rgba(22, 65, 140, 0.30);  /* app.css:161 --sh-lg */
}

.custom-about-awards__shot img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	object-fit: cover;
	transition: transform 900ms cubic-bezier(0.2, 0.8, 0.2, 1);
	-webkit-user-drag: none;
	user-select: none;
}

.custom-about-awards__shot:hover img {
	transform: scale(1.05);
}

/* app.css:1832 — on a phone the rail keeps to the gutter */
@media (max-width: 640px) {
	.custom-about-awards--photo .custom-about-awards__rail {
		padding-left: var(--custom-pad);
		padding-right: var(--custom-pad);
	}
}

@media (prefers-reduced-motion: reduce) {
	.custom-about-awards__shot img,
	.custom-about-awards__desc {
		transition: 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__head {
	margin-bottom: clamp(28px, calc(3.4 * var(--custom-vwu)), 52px);
}

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

.custom-about-awards__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__title {
		font-size: clamp(22px, calc(6.2 * var(--custom-vwu)), 56px);
	}

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

/* about-us.css .abaw .oppc__track — the big cards stand further apart */
.custom-about-awards--full .custom-about-awards__track {
	column-gap: clamp(16px, calc(2.8 * var(--custom-vwu)), 40px);
}

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

/* the photo band's button row rides up over the foot of the rail, where the
   dots sit; the rail is lifted over it so the dots can still be clicked (the
   demo's .abaw5 dots are covered and do nothing) */
.custom-about-awards--photo .custom-about-awards__rail {
	z-index: 2;
}