/*--------------------------------------------------------------
# Classic Polo — Warehousing
#
# The copy is seven numbered capabilities, each with a statement and
# three specifics. It is already a document, so it is set as one: an
# operations sheet with a fixed three-column rhythm — index, what the
# stage is, what it involves.
#
# The numbering is the client's own and it is kept, because goods do
# move through these stages in roughly this order. Distinct from the
# other pages: home uses a vertical line, retail facing columns,
# design studio a room directory. This one is a sheet.
#
# Tokens come from .cp-sec in cp-sections.css.
--------------------------------------------------------------*/

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

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

/* The sheet -------------------------------------------------------- */

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

.cp-w-row {
	border-bottom: 1px solid var( --cp-rule );
	align-items: stretch !important;
}

/* Column 1: the index. Mono, so the seven line up on the digit. */
.cp-w-idx .elementor-heading-title {
	font-family: var( --monofont );
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.04em;
	color: var( --cp-gold );
	font-variant-numeric: tabular-nums;
}

/* Column 2: the stage and its one-line statement. */
.cp-w-title .elementor-heading-title {
	font-size: clamp( 1.0625rem, 1.5vw, 1.3125rem );
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: var( --cp-ink );
}

.cp-sec .cp-w-lead p {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var( --cp-muted );
	max-width: 40ch;
}

/* Column 3: the specifics. Tight, unbulleted, hairline-led. */
.cp-w-points ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cp-w-points li {
	position: relative;
	padding: 0 0 12px 20px;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var( --cp-ink );
}

.cp-w-points li:last-child {
	padding-bottom: 0;
}

/* A short rule rather than a bullet — this is a sheet, not a list. */
.cp-w-points li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 10px;
	height: 1px;
	background: var( --cp-muted );
}

/* Closing band ------------------------------------------------------ */

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

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

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

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

.cp-w-close .cp-w-promise .elementor-heading-title {
	font-size: clamp( 1.25rem, 2.4vw, 1.875rem );
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.01em;
	padding-left: 22px;
	border-left: 2px solid var( --cp-gold );
}

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

@media screen and ( max-width: 1024px ) {
	/* The sheet collapses to stacked blocks; the index sits with the
	   title rather than in its own column. */
	.cp-w-row {
		padding-bottom: 8px;
	}

	.cp-sec .cp-w-lead p {
		max-width: none;
	}
}