/*--------------------------------------------------------------
# Classic Polo — Awards
#
# Each award has three real parts: who gave it, when, and what it was
# for. So each entry is set as a citation — the awarding body and year
# as the attribution line, the honour itself as the statement.
#
# Deliberately the only page with no columns at all. Home runs a
# production line, retail facing columns, design studio a room
# directory, warehousing an operations sheet, about a chronicle of
# years. This one is a single register, read straight down.
#
# Tokens come from .cp-sec in cp-sections.css.
--------------------------------------------------------------*/

/* Opening ---------------------------------------------------------- */

.cp-aw-open .cp-aw-statement .elementor-heading-title {
	font-size: clamp( 1.75rem, 3.4vw, 2.75rem );
	font-weight: 600;
	line-height: 1.22;
	letter-spacing: -0.02em;
	max-width: 20ch;
}

/* Figures ----------------------------------------------------------- */

.cp-aw-figs {
	border-top: 2px solid var( --cp-ink );
	border-bottom: 1px solid var( --cp-rule );
}

.cp-aw-fig {
	border-left: 1px solid var( --cp-rule );
}

.cp-aw-fig:first-child {
	border-left: 0;
}

.cp-aw-fig .cp-aw-n .elementor-heading-title {
	font-family: var( --monofont );
	font-size: clamp( 1.5rem, 2.8vw, 2.25rem );
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.02em;
	color: var( --cp-navy );
	font-variant-numeric: tabular-nums;
}

.cp-sec .cp-aw-fig p {
	font-size: 0.8125rem;
	line-height: 1.5;
	max-width: 28ch;
}

/* The register -----------------------------------------------------
   No index column and no connecting line. The attribution carries the
   structure, which is what a citation does. */

.cp-aw-list {
	border-top: 2px solid var( --cp-ink );
}

.cp-aw-item {
	border-bottom: 1px solid var( --cp-rule );
	position: relative;
	padding-left: 26px !important;
}

/* A small gold mark, the one ornament on the page. */
.cp-aw-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 34px;
	width: 9px;
	height: 9px;
	background: var( --cp-gold );
	transform: rotate( 45deg );
}

.cp-aw-item .cp-aw-by .elementor-heading-title {
	font-family: var( --monofont );
	font-size: 0.6875rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	line-height: 1.5;
	color: var( --cp-muted );
	font-variant-numeric: tabular-nums;
}

.cp-aw-item .cp-aw-title .elementor-heading-title {
	font-size: clamp( 1.0625rem, 1.9vw, 1.5rem );
	font-weight: 600;
	line-height: 1.32;
	letter-spacing: -0.015em;
	color: var( --cp-ink );
	max-width: 44ch;
}

.cp-sec .cp-aw-item p {
	font-size: 0.9375rem;
	line-height: 1.65;
	max-width: 62ch;
}

/* Closing note ------------------------------------------------------ */

.cp-sec.cp-aw-close {
	background: var( --cp-navy );
}

.cp-sec.cp-aw-close .elementor-heading-title,
.cp-sec.cp-aw-close h2,
.cp-sec.cp-aw-close h3 {
	color: #fff;
}

.cp-sec.cp-aw-close p {
	color: rgba( 255, 255, 255, 0.78 );
}

.cp-sec.cp-aw-close .cp-eyebrow .elementor-heading-title {
	color: rgba( 255, 255, 255, 0.6 );
}

.cp-aw-close .cp-aw-quote .elementor-heading-title {
	font-size: clamp( 1.25rem, 2.4vw, 1.75rem );
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.01em;
	padding-left: 22px;
	border-left: 2px solid var( --cp-gold );
	max-width: 34ch;
}

/* Responsive -------------------------------------------------------- */

@media screen and ( max-width: 1024px ) {
	.cp-aw-fig {
		border-left: 0;
		border-top: 1px solid var( --cp-rule );
	}

	.cp-aw-fig:first-child {
		border-top: 0;
	}

	.cp-aw-item::before {
		top: 30px;
	}
}