/**
 * Our Club page — Figma frame `ourclub` (59:2), 1880px artboard.
 *
 * @package WPCC
 */

/* Design tokens (Figma-exact) */
.wpcc-ourclub {
	--ourclub-blue: #2a7ab7;
	--ourclub-red-banner: #d02828;
	--ourclub-red-text: #cd1a1a;
	--ourclub-champions: #ca2124;
	--ourclub-light: #f6f6f6;
	--ourclub-cream: #fdfbf5;
	--ourclub-black: #000000;
	--ourclub-split-gap: 149px;
	--ourclub-media-width: 750px;
	--ourclub-content-width: 601px;
}

/* Hero banner — Figma node 59:170 (1880×400) */
.wpcc-ourclub-hero {
	--ourclub-hero-h: 400px;
	--ourclub-hero-w: 1880;
	--ourclub-hero-img-left: -13;
	--ourclub-hero-img-top: -226;
	--ourclub-hero-img-w: 1905;
	--ourclub-hero-img-h: 905;
	position: relative;
	height: var(--ourclub-hero-h);
	overflow: hidden;
	background: #000000;
}

.wpcc-ourclub-hero__media {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
}

/* Image frame — Figma 59:175 with mask-position 13px 226px (shows huddle + legs) */
.wpcc-ourclub-hero__image-frame {
	position: absolute;
	left: calc(100% * var(--ourclub-hero-img-left) / var(--ourclub-hero-w));
	top: calc(var(--ourclub-hero-h) * var(--ourclub-hero-img-top) / 400);
	width: calc(100% * var(--ourclub-hero-img-w) / var(--ourclub-hero-w));
	height: calc(var(--ourclub-hero-h) * var(--ourclub-hero-img-h) / 400);
}

.wpcc-ourclub-hero__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: 50% 50%;
}

.wpcc-ourclub-hero__overlay {
	position: absolute;
	inset: 0;
	background: #000000;
	opacity: 0.6;
}

/* Title at top 164px (Figma y=291 − banner y=127), centered, 1100px wide */
.wpcc-ourclub-hero__title {
	position: absolute;
	z-index: 2;
	top: calc(var(--ourclub-hero-h) * 164 / 400);
	left: 50%;
	transform: translateX(-50%);
	width: min(100% - 40px, 1100px);
	margin: 0;
	font-size: 50px;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
	text-transform: uppercase;
	color: #fdfbf5;
}

/* Shared section layout — 750px + 149px gap + 601px = 1500px */
.wpcc-ourclub-section {
	padding-block: 78px;
}

.wpcc-ourclub-split {
	display: grid;
	grid-template-columns: var(--ourclub-media-width) minmax(0, var(--ourclub-content-width));
	gap: var(--ourclub-split-gap);
	align-items: start;
}

/* Born at the WACA — Figma node 59:155 */
.wpcc-ourclub-split--born {
	align-items: center;
}

.wpcc-ourclub-media--mask-born {
	--mask-w: 750;
	--mask-h: 487.897;
	--img-w: 763.616;
	--img-h: 509.455;
	--img-left: -10.212;
	--img-top: -15.885;
	position: relative;
	flex-shrink: 0;
	width: var(--ourclub-media-width);
	max-width: 100%;
	height: calc(var(--ourclub-media-width) * var(--mask-h) / var(--mask-w));
	max-height: none;
	aspect-ratio: unset;
	overflow: hidden;
}

.wpcc-ourclub-media--mask-born .wpcc-ourclub-media__frame {
	position: absolute;
	left: calc(100% * var(--img-left) / var(--mask-w));
	top: calc(100% * var(--img-top) / var(--mask-h));
	width: calc(100% * var(--img-w) / var(--mask-w));
	height: calc(100% * var(--img-h) / var(--mask-h));
}

.wpcc-ourclub-media--mask-born img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
}

.wpcc-ourclub-content--born {
	width: 100%;
	max-width: var(--ourclub-content-width);
}

.wpcc-ourclub-born .wpcc-ourclub-heading {
	max-width: 483px;
	margin: 0 0 15px;
}

.wpcc-ourclub-born .wpcc-ourclub-body {
	max-width: 601px;
}

.wpcc-ourclub-split--reverse {
	grid-template-columns: minmax(0, var(--ourclub-content-width)) var(--ourclub-media-width);
}

.wpcc-ourclub-split--reverse .wpcc-ourclub-media {
	grid-column: 2;
	grid-row: 1;
}

.wpcc-ourclub-split--reverse .wpcc-ourclub-content {
	grid-column: 1;
	grid-row: 1;
}

.wpcc-ourclub-media {
	overflow: hidden;
	width: 100%;
	max-width: var(--ourclub-media-width);
	aspect-ratio: 750 / 487.897;
}

.wpcc-ourclub-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wpcc-ourclub-heading {
	margin: 0 0 14px;
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
	text-transform: uppercase;
	color: var(--ourclub-black);
}

.wpcc-ourclub-heading--multiline {
	line-height: 50px;
}

.wpcc-ourclub-body {
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
	color: var(--ourclub-black);
}

.wpcc-ourclub-body p {
	margin: 0 0 1em;
}

.wpcc-ourclub-body p:last-child {
	margin-bottom: 0;
}

/* BLUE & RED since 1889 — Figma node 59:214 */
.wpcc-ourclub-brand {
	padding-block: 66px 82px;
}

.wpcc-ourclub-brand__wrap {
	display: block;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	font-weight: 700;
	text-transform: uppercase;
}

/* Row 1: bars aligned with BLUE & RED only (Figma bars y=1173, text y=1177, h=88) */
.wpcc-ourclub-brand__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
	max-width: 1500px;
	margin-inline: auto;
	align-items: stretch;
}

.wpcc-ourclub-brand__bar {
	display: block;
	width: 100%;
	min-height: 88px;
	align-self: stretch;
}

.wpcc-ourclub-brand__bar--blue {
	grid-column: 1;
	background: var(--ourclub-blue);
}

.wpcc-ourclub-brand__bar--red {
	grid-column: 3;
	background: var(--ourclub-red-banner);
}

.wpcc-ourclub-brand__line {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0 0.12em;
	grid-column: 2;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	padding: 4px 12px;
	font-size: clamp(32px, 6.4vw, 120px);
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.wpcc-ourclub-brand__blue {
	color: var(--ourclub-blue);
}

.wpcc-ourclub-brand__amp {
	color: var(--ourclub-black);
}

.wpcc-ourclub-brand__red {
	color: var(--ourclub-red-text);
}

/* Row 2: since 1889. — below bars, full width centered */
.wpcc-ourclub-brand__since {
	display: block;
	margin: 0;
	padding-inline: 16px;
	font-size: clamp(32px, 5vw, 70px);
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
	overflow-wrap: anywhere;
	word-break: break-word;
	color: var(--ourclub-black);
}

/* Relegation & Premierships — Figma node 59:217 (1880×688) */
.wpcc-ourclub-relegation {
	position: relative;
	padding-block: 79px 80px;
	min-height: 688px;
	background: var(--wpcc-white);
	overflow: hidden;
}

.wpcc-ourclub-relegation__texture {
	position: absolute;
	left: calc(100% * -19 / 1880);
	top: calc(100% * -66 / 688);
	width: calc(100% * 1913 / 1880);
	height: calc(100% * 802 / 688);
	overflow: hidden;
	pointer-events: none;
}

.wpcc-ourclub-relegation__texture img {
	position: absolute;
	left: 0;
	top: -5.36%;
	width: 100%;
	height: 158.98%;
	max-width: none;
	object-fit: cover;
}

.wpcc-ourclub-relegation .wpcc-container {
	position: relative;
	z-index: 1;
}

.wpcc-ourclub-relegation__layout {
	display: grid;
	grid-template-columns: minmax(0, 601px) minmax(0, 776px);
	gap: 123px;
	align-items: center;
	max-width: 1500px;
	margin-inline: auto;
}

.wpcc-ourclub-relegation__content {
	max-width: 601px;
}

.wpcc-ourclub-relegation__heading {
	margin: 0 0 14px;
	max-width: 601px;
}

.wpcc-ourclub-relegation__body {
	max-width: 583px;
}

.wpcc-ourclub-relegation__body p {
	margin: 0;
}

.wpcc-ourclub-relegation__body p + p {
	margin-top: 27px;
}

.wpcc-ourclub-relegation__figure {
	margin: 0;
}

/* Figma mask viewport 776.052×528.981 — caption anchors to this frame */
.wpcc-ourclub-relegation__photo-stage {
	position: relative;
	width: 776px;
	max-width: 100%;
	height: 528.981px;
	overflow: visible;
}

.wpcc-ourclub-relegation__photo-rotate {
	transform: rotate(-3.2deg);
	transform-origin: center center;
}

.wpcc-ourclub-relegation__photo-mask {
	position: relative;
	width: 100%;
	height: 528.981px;
	overflow: hidden;
}

.wpcc-ourclub-relegation__photo-frame {
	position: absolute;
	left: calc(100% * -4.998 / 776.052);
	top: calc(100% * -18.53 / 528.981);
	width: calc(100% * 793.551 / 776.052);
	height: calc(100% * 592.766 / 528.981);
}

.wpcc-ourclub-relegation__photo-frame img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
}

/* Figma caption badge: left 235px, bottom edge flush with mask bottom */
.wpcc-ourclub-relegation__caption {
	position: absolute;
	left: 235px;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 372px;
	max-width: calc(100% - 235px);
	height: 40px;
	margin: 0;
	padding: 0 12px;
	background: var(--wpcc-dark);
	color: var(--wpcc-white);
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	text-align: center;
	transform: rotate(3.14deg);
	transform-origin: bottom center;
}

.wpcc-ourclub-relegation__caption span {
	display: block;
	max-width: 341px;
}

/* Champions Wall — Figma node 59:245 (1880×539) */
.wpcc-ourclub-champions {
	--champions-stat-width: 142px;
	--champions-figure-width: 124px;
	--champions-figure-height: 90px;
	padding-block: clamp(48px, 8vw, 90px) clamp(40px, 6vw, 80px);
	min-height: 0;
	background: var(--ourclub-champions);
	color: var(--wpcc-white);
}

.wpcc-ourclub-champions .wpcc-container {
	width: min(100% - 40px, 1558px);
}

.wpcc-ourclub-champions__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.wpcc-ourclub-champions__icon {
	position: relative;
	width: clamp(80px, 12vw, 110px);
	height: clamp(80px, 12vw, 110px);
	margin-bottom: 9px;
	flex-shrink: 0;
}

.wpcc-ourclub-champions__icon-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wpcc-ourclub-champions__icon-trophy {
	position: absolute;
	top: 26%;
	left: 23%;
	width: 55%;
	height: 55%;
}

.wpcc-ourclub-champions__title {
	width: min(100%, 601px);
	margin: 0 0 clamp(24px, 4vw, 35px);
	padding-inline: 8px;
	font-size: clamp(28px, 4vw, 40px);
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-transform: uppercase;
	color: var(--wpcc-white);
}

.wpcc-ourclub-champions__grid {
	display: grid;
	grid-template-columns: repeat(9, minmax(0, 1fr));
	gap: clamp(12px, 2.2vw, 35px);
	justify-content: center;
	width: 100%;
	max-width: 1558px;
}

.wpcc-ourclub-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-self: center;
	width: min(100%, var(--champions-stat-width));
	min-width: 0;
	min-height: 0;
	text-align: center;
}

.wpcc-ourclub-stat--wide .wpcc-ourclub-stat__label {
	width: auto;
	max-width: 100%;
}

.wpcc-ourclub-stat__label {
	margin: 0 0 clamp(12px, 3vw, 25px);
	font-size: clamp(13px, 3.2vw, 16px);
	font-weight: 600;
	line-height: 1.4;
	color: var(--wpcc-white);
	overflow-wrap: break-word;
}

.wpcc-ourclub-stat__figure {
	position: relative;
	width: min(100%, var(--champions-figure-width));
	height: auto;
	aspect-ratio: 124 / 90;
	margin: 0 auto;
	flex-shrink: 0;
}

/* Figma: gradient box #CA2124→#FFFFFF at 20% opacity on the whole layer */
.wpcc-ourclub-stat__box {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, #ca2124 0%, #ffffff 100%);
	opacity: 0.2;
}

.wpcc-ourclub-stat__value {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: var(--champions-stat-width);
	margin: 0;
	padding: 0;
	font-size: clamp(36px, 5.5vw, 90px);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: var(--wpcc-white);
	transform: translate(-50%, -50%);
}

.wpcc-ourclub-stat__line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #ffffff;
	opacity: 0.5;
}

/* Relocation & Name Changes — Figma node 59:373 */
.wpcc-ourclub-relocation {
	padding-block: 80px;
	background: var(--wpcc-white);
}

.wpcc-ourclub-split--relocation {
	align-items: start;
}

/* Figma mask viewport 750×487.897; image frame 772×547 at offset -9px, -13px */
.wpcc-ourclub-media--mask-relocation {
	--mask-w: 750;
	--mask-h: 487.897;
	--img-w: 772;
	--img-h: 547;
	--img-left: -9;
	--img-top: -13;
	position: relative;
	flex-shrink: 0;
	width: var(--ourclub-media-width);
	max-width: 100%;
	height: calc(var(--ourclub-media-width) * var(--mask-h) / var(--mask-w));
	max-height: none;
	aspect-ratio: unset;
	overflow: hidden;
}

.wpcc-ourclub-media--mask-relocation .wpcc-ourclub-media__frame {
	position: absolute;
	left: calc(100% * var(--img-left) / var(--mask-w));
	top: calc(100% * var(--img-top) / var(--mask-h));
	width: calc(100% * var(--img-w) / var(--mask-w));
	height: calc(100% * var(--img-h) / var(--mask-h));
}

.wpcc-ourclub-media--mask-relocation img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
}

.wpcc-ourclub-content--relocation {
	padding-top: 45px;
	max-width: var(--ourclub-content-width);
}

.wpcc-ourclub-relocation .wpcc-ourclub-heading {
	max-width: 466px;
	margin: 0 0 14px;
}

.wpcc-ourclub-relocation .wpcc-ourclub-body {
	max-width: 601px;
}

.wpcc-ourclub-relocation .wpcc-ourclub-body p {
	margin: 0;
}

.wpcc-ourclub-relocation .wpcc-ourclub-body p + p {
	margin-top: 27px;
}

/* Logo timeline — Figma node 59:397 (262px–1605px span, 72px inset) */
.wpcc-ourclub-relocation .wpcc-ourclub-timeline {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0;
	width: 100%;
	max-width: 1500px;
	margin: 80px auto 0;
	padding-inline: 72px;
}

.wpcc-ourclub-relocation .wpcc-ourclub-timeline__item {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.wpcc-ourclub-relocation .wpcc-ourclub-timeline__logo-stage {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	height: 165px;
}

.wpcc-ourclub-relocation .wpcc-ourclub-timeline__logo {
	position: relative;
	flex-shrink: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	max-height: 100%;
	max-width: min(180px, 100%);
}

.wpcc-ourclub-relocation .wpcc-ourclub-timeline__logo img {
	display: block;
	width: auto;
	height: auto;
	max-height: 165px;
	max-width: min(180px, 100%);
	object-fit: contain;
	object-position: center bottom;
}

/* Federals — Figma 59:395: rounded frame with cropped image positioning */
.wpcc-ourclub-relocation .wpcc-ourclub-timeline__logo.is-rounded {
	width: min(156px, 100%);
	max-height: 149px;
	aspect-ratio: 156 / 149;
	height: auto;
	border-radius: 50px;
	overflow: hidden;
}

.wpcc-ourclub-relocation .wpcc-ourclub-timeline__logo.is-rounded img {
	max-height: none;
	max-width: none;
	position: absolute;
	top: 0;
	left: -10.74%;
	width: 120.25%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.wpcc-ourclub-relocation .wpcc-ourclub-timeline__logo-frame {
	position: absolute;
	inset: 0;
	overflow: hidden;
	border-radius: 50px;
}

.wpcc-ourclub-relocation .wpcc-ourclub-timeline__name {
	margin: 23px 0 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 27px;
	text-transform: uppercase;
	color: var(--ourclub-black);
	white-space: nowrap;
}

.wpcc-ourclub-relocation .wpcc-ourclub-timeline__date {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 118px;
	height: 29px;
	padding: 0 12px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 120px;
	background: rgba(0, 0, 0, 0.1);
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
	color: var(--ourclub-black);
	white-space: nowrap;
}

/* Fresh Talent, Fresh Flags — Figma node 65:437 (1880×648) */
.wpcc-ourclub-fresh {
	padding-block: 80px;
	min-height: 648px;
	background: var(--ourclub-light);
}

.wpcc-ourclub-split--fresh {
	align-items: start;
}

.wpcc-ourclub-content--fresh {
	padding-top: 50px;
	max-width: var(--ourclub-content-width);
}

.wpcc-ourclub-fresh .wpcc-ourclub-heading {
	max-width: 627px;
	margin: 0 0 14px;
}

.wpcc-ourclub-fresh .wpcc-ourclub-body {
	max-width: 601px;
}

.wpcc-ourclub-fresh .wpcc-ourclub-body p {
	margin: 0;
}

.wpcc-ourclub-fresh .wpcc-ourclub-body p + p {
	margin-top: 27px;
}

/* Figma mask viewport 750×487.897; image frame 779×518 at offset -10px, -20px */
.wpcc-ourclub-media--mask-fresh {
	--mask-w: 750;
	--mask-h: 487.897;
	--img-w: 779;
	--img-h: 518;
	--img-left: -10;
	--img-top: -20;
	position: relative;
	flex-shrink: 0;
	width: var(--ourclub-media-width);
	max-width: 100%;
	height: calc(var(--ourclub-media-width) * var(--mask-h) / var(--mask-w));
	max-height: none;
	aspect-ratio: unset;
	overflow: hidden;
}

.wpcc-ourclub-media--mask-fresh .wpcc-ourclub-media__frame {
	position: absolute;
	left: calc(100% * var(--img-left) / var(--mask-w));
	top: calc(100% * var(--img-top) / var(--mask-h));
	width: calc(100% * var(--img-w) / var(--mask-w));
	height: calc(100% * var(--img-h) / var(--mask-h));
}

.wpcc-ourclub-media--mask-fresh img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
}

/* Our Club page — sponsors spacing from Figma (node 59:33) */
/* Tablet */
@media (max-width: 1200px) {
	.wpcc-ourclub {
		--ourclub-split-gap: 48px;
		--ourclub-media-width: min(100%, 750px);
		--ourclub-content-width: 1fr;
	}

	.wpcc-ourclub-split,
	.wpcc-ourclub-split--reverse {
		grid-template-columns: 1fr;
	}

	.wpcc-ourclub-split--born {
		align-items: start;
	}

	.wpcc-ourclub-content--fresh {
		padding-top: 0;
	}

	.wpcc-ourclub-split--reverse .wpcc-ourclub-media,
	.wpcc-ourclub-split--reverse .wpcc-ourclub-content {
		grid-column: auto;
		grid-row: auto;
	}

	.wpcc-ourclub-brand__row {
		max-width: 100%;
	}

	.wpcc-ourclub-relocation .wpcc-ourclub-content--relocation {
		padding-top: 0;
	}

	.wpcc-ourclub-relocation .wpcc-ourclub-timeline {
		flex-wrap: wrap;
		justify-content: center;
		gap: 40px 48px;
		padding-inline: 0;
	}

	.wpcc-ourclub-relegation__layout {
		grid-template-columns: 1fr;
		gap: 48px;
	}

	.wpcc-ourclub-relegation__content {
		padding-top: 0;
	}

	.wpcc-ourclub-relegation__photo-stage {
		margin-inline: auto;
	}
}

/* Champions Wall — tablet / narrow desktop */
@media (max-width: 1280px) {
	.wpcc-ourclub-champions__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		max-width: min(100%, 520px);
		gap: clamp(20px, 4vw, 32px);
	}

	.wpcc-ourclub-stat {
		width: 100%;
		max-width: var(--champions-stat-width);
	}
}

/* Tablet narrow */
@media (max-width: 992px) {
	.wpcc-ourclub-hero__title {
		font-size: clamp(32px, 6vw, 50px);
		line-height: 1.2;
	}

	.wpcc-ourclub-heading {
		font-size: clamp(28px, 4vw, 40px);
		line-height: 1.25;
	}

	.wpcc-ourclub-relegation {
		min-height: 0;
		padding-block: 56px;
	}

	.wpcc-ourclub-relegation__layout {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.wpcc-ourclub-relegation__photo-stage {
		margin-inline: auto;
	}

	.wpcc-ourclub-relegation__photo-rotate {
		transform: none;
	}

	.wpcc-ourclub-relegation__caption {
		left: 50%;
		bottom: 0;
		max-width: calc(100% - 32px);
		transform: translateX(-50%) rotate(3.14deg);
	}

	.wpcc-ourclub-champions__grid {
		max-width: min(100%, 480px);
		gap: 24px;
	}
}

/* Mobile */
@media (max-width: 768px) {
	.wpcc-ourclub-hero {
		--ourclub-hero-h: 320px;
	}

	.wpcc-ourclub-section {
		padding-block: 48px;
	}

	.wpcc-ourclub-brand {
		padding-block: 40px;
	}

	.wpcc-ourclub-brand__row {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		gap: 20px 12px;
	}

	.wpcc-ourclub-brand__line {
		grid-column: 1 / -1;
		grid-row: 1;
		margin-top: 0;
		line-height: 1.1;
	}

	.wpcc-ourclub-brand__bar--blue {
		grid-column: 1;
		grid-row: 2;
	}

	.wpcc-ourclub-brand__bar--red {
		grid-column: 2;
		grid-row: 2;
	}

	.wpcc-ourclub-brand__bar {
		height: 48px;
		width: 100%;
	}

	.wpcc-ourclub-champions {
		padding-block: 56px 48px;
	}

	.wpcc-ourclub-champions__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: min(100%, 340px);
		gap: 20px 16px;
	}

	.wpcc-ourclub-stat__value {
		font-size: clamp(40px, 14vw, 72px);
	}

	.wpcc-ourclub-relocation .wpcc-ourclub-timeline {
		margin-top: 48px;
		flex-wrap: wrap;
		justify-content: center;
		gap: 40px 32px;
	}

	.wpcc-ourclub-relocation .wpcc-ourclub-timeline__logo-stage {
		height: 140px;
	}

	.wpcc-ourclub-relocation .wpcc-ourclub-timeline__logo img {
		max-height: 140px;
		max-width: min(150px, 100%);
	}

	.wpcc-ourclub-relocation .wpcc-ourclub-timeline__logo.is-rounded {
		width: min(140px, 100%);
		max-height: 134px;
	}
}

@media (max-width: 480px) {
	.wpcc-ourclub-champions__grid {
		max-width: 100%;
		gap: 16px 12px;
	}

	.wpcc-ourclub-champions__title {
		margin-bottom: 20px;
	}

	.wpcc-ourclub-stat__label {
		margin-bottom: 10px;
	}

	.wpcc-ourclub-stat__value {
		font-size: clamp(36px, 16vw, 64px);
	}

	.wpcc-ourclub-relocation .wpcc-ourclub-timeline {
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}
}

.ke5pl1>.QG9w8P .LNYVZi{background: #bd2126 !important}