/* =========================================
   Hero
   ========================================= */

.leaders-hero {
	position: relative;
	background: var(--color-background);
	height: calc(1080px * var(--scale-factor));
	overflow: hidden;
}

.leaders-hero__vector {
	position: absolute;
	top: 0;
	left: calc(-300px * var(--scale-factor));
	z-index: 1;
	width: calc(1500px * var(--scale-factor));
}

.leaders-hero__vector img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.leaders-hero__photo {
	position: absolute;
	top: 0;
	left: calc(200px * var(--scale-factor));
	width: calc(1200px * var(--scale-factor));
	z-index: 0;
}

.leaders-hero__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.leaders-hero__title-block {
	position: absolute;
	bottom: calc(300px * var(--scale-factor));
	left: calc(150px * var(--scale-factor));
	color: var(--color-white);
	z-index: 2;
}

.leaders-hero__title-block h1 {
	margin: 0;
	font-size: var(--font-size-h1);
	letter-spacing: 0.08em;
}

.leaders-hero__line {
	position: absolute;
	top: calc(780px*var(--scale-factor));
	left: 0;
	width: 100vw;
	z-index: 2;
}

/* =========================================
   Overview Section
   ========================================= */

.leaders-overview {
	position: relative;
	background: var(--color-background);
	padding: calc(160px * var(--scale-factor)) calc(150px * var(--scale-factor)) calc(60px * var(--scale-factor));
}

.leaders-overview__background {
	position: absolute;
	top: 0;
	left: calc(-40px * var(--scale-factor));
	z-index: 1;
	font-family: var(--font-family-bold);
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-subtitle);
	line-height: 1.1;
	color: var(--color-secondary);
	pointer-events: none;
	width: 120vw;
}

.leaders-overview__layout {
	position: relative;
	z-index: 2;
	display: block;
}

.leaders-overview__text h2 {
	margin: 0 0 calc(32px * var(--scale-factor));
	font-size: var(--font-size-h2);
	letter-spacing: calc(-0.64px * var(--scale-factor));
	color: var(--color-text);
}

.leaders-overview__description p {
	margin: 0 0 calc(16px * var(--scale-factor));
	font-size: var(--font-size-base);
	line-height: 1.8;
	color: var(--color-text);
}

.leaders-overview__description p:last-child {
	margin-bottom: 0;
}

.leaders-overview__cta {
	margin-top: calc(32px * var(--scale-factor));
	border: solid calc(4px * var(--scale-factor)) var(--color-white);
	background-image: linear-gradient(90deg, #f2e882 0%, #ffbd2f 26%, #f07cd5 100%);
	color: var(--color-white);
}

.leaders-overview__cta img {
	width: calc(32px * var(--scale-factor));
	height: calc(32px * var(--scale-factor));
	object-fit: contain;
}

.leaders-overview__photo {
	position: absolute;
	top: calc(300px*var(--scale-factor));
	right: 0;
	width: calc(1100px * var(--scale-factor));
	z-index: 0;
}

.leaders-overview__photo img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

/* =========================================
   Partner Section
   ========================================= */

.leaders-partner {
	padding: calc(120px * var(--scale-factor)) calc(150px * var(--scale-factor));
	background: var(--color-background);
	position: relative;
}

.leaders-partner__tag,
.leaders-partner__body {
	position: relative;
	z-index: 1;
}

.leaders-partner__tag {
	display: inline-flex;
	align-items: center;
	padding: calc(6px * var(--scale-factor)) calc(18px * var(--scale-factor)) 0;
	background: var(--color-white);
	box-shadow: calc(8px * var(--scale-factor)) calc(8px * var(--scale-factor)) 0 var(--color-black);
	font-size: var(--font-size-h4);
	margin-bottom: calc(24px * var(--scale-factor));
	font-family: var(--font-family-bold);
	font-weight: var(--font-weight-bold);
}

.leaders-partner__body p {
	margin: 0 0 calc(16px * var(--scale-factor));
	font-size: var(--font-size-base);
	line-height: 1.8;
	color: var(--color-text);
	width: calc(800px * var(--scale-factor));
}

.leaders-partner__body ul {
	margin: calc(32px * var(--scale-factor)) 0 0;
	font-size: var(--font-size-xl);
	color: var(--color-primary);
	line-height: 1.7;
	list-style: none;
}

.leaders-partner__body li {
	margin-bottom: calc(12px * var(--scale-factor));
	margin-left: calc(28px * var(--scale-factor));
	padding-left: calc(8px * var(--scale-factor));
}

.leaders-partner__body li::marker {
	content: "▶︎";
}

.leaders-partner__body li:last-child {
	margin-bottom: 0;
}

.leaders-partner__vector {
	position: absolute;
	top: calc(-150px * var(--scale-factor));
	left: calc(-300px * var(--scale-factor));
	width: calc(1000px * var(--scale-factor));
	pointer-events: none;
	z-index: 0;
}

/* =========================================
   Qualities Section
   ========================================= */

.leaders-qualities {
	position: relative;
	padding: calc(140px * var(--scale-factor)) calc(120px * var(--scale-factor));
	color: var(--color-white);
	background-color: var(--color-primary);
	overflow: hidden;
}

.leaders-qualities__inner {
	max-width: calc(15200px * var(--scale-factor));
	margin: 0 auto;
	text-align: center;
}

.leaders-qualities__heading h2 {
	margin: 0;
	font-size: var(--font-size-h2);
	letter-spacing: calc(-0.64px * var(--scale-factor));
}

.leaders-qualities__line {
	width: calc(320px * var(--scale-factor));
	height: calc(2px * var(--scale-factor));
	margin: calc(32px * var(--scale-factor)) auto;
	background: var(--color-white);
}

.leaders-qualities__list p {
	margin: 0 0 calc(16px * var(--scale-factor));
	font-size: var(--font-size-h4);
	line-height: 1.5;
}

.leaders-qualities__list p:last-child {
	margin-bottom: 0;
}

/* =========================================
   Activities Section
   ========================================= */

.leaders-activities {
	position: relative;
	padding: calc(120px * var(--scale-factor)) calc(150px * var(--scale-factor));
	background: var(--color-background);
	overflow: hidden;
	height: calc(1400px*var(--scale-factor));
}

.leaders-activities__layout {
	position: relative;
	z-index: 1;
}

.leaders-activities__details h2,
.leaders-activities__regions h3 {
	margin: 0 0 calc(24px * var(--scale-factor));
	font-size: var(--font-size-h3);
	color: var(--color-primary);
}

.leaders-activities__details ul {
	margin: 0;
	padding-left: calc(40px * var(--scale-factor));
	color: var(--color-text);
	font-size: var(--font-size-base);
	line-height: 1.8;
}

.leaders-activities__details li {
	margin-bottom: calc(12px * var(--scale-factor));
}

.leaders-activities__regions {
	margin-top: calc(100px*var(--scale-factor));
}

.leaders-activities__regions p {
	margin: 0;
	font-size: var(--font-size-base);
	line-height: 1.8;
	color: var(--color-text);
}

.leaders-activities__photo {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(800px * var(--scale-factor));
}

.leaders-activities__photo img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: calc(24px * var(--scale-factor));
}

/* =========================================
   CTA Section
   ========================================= */

.cta-section {
	position: relative;
	height: calc(1500px * var(--scale-factor));
}

.cta-frame {
	position: relative;
	height: 100%;
	padding: 0;
}

.cta-frame>* {
	position: absolute;
}

.cta-bg-vector {
	bottom: calc(-12px * var(--scale-factor));
	left: calc(-960px * var(--scale-factor));
	width: calc(2200px * var(--scale-factor));
	pointer-events: none;
	z-index: 1;
}

.cta-bg-vector img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(0) saturate(100%) invert(32%) sepia(56%) saturate(1463%) hue-rotate(250deg) brightness(86%) contrast(89%);
}

.cta-photo {
	top: 0;
	right: 0;
	width: calc(1700px * var(--scale-factor));
	z-index: 2;
}

.cta-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.cta-photo-caption {
	position: absolute;
	top: calc(20px * var(--scale-factor));
	right: calc(40px * var(--scale-factor));
	margin: 0;
	font-size: var(--font-size-xs);
	line-height: 1.5;
	color: var(--color-black);
	z-index: 3;
	text-align: right;
}

.cta-headline {
	position: absolute;
	left: calc(190px * var(--scale-factor));
	top: calc(700px * var(--scale-factor));
	width: calc(1500px * var(--scale-factor));
	z-index: 4;
}

.cta-headline-shadow-1 {
	position: absolute;
	left: calc(20px * var(--scale-factor));
	top: calc(20px * var(--scale-factor));
	width: calc(1260px * var(--scale-factor));
	height: calc(152px * var(--scale-factor));
	background: var(--color-black);
}

.cta-headline-shadow-2 {
	position: absolute;
	left: calc(320px * var(--scale-factor));
	top: calc(173px * var(--scale-factor));
	width: calc(1180px * var(--scale-factor));
	height: calc(152px * var(--scale-factor));
	background: var(--color-black);
}

.cta-headline-text {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	font-family: var(--font-family-bold);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-bold);
	line-height: 1.7;
	color: var(--color-text);
}

.cta-headline-text>span {
	background: var(--color-white);
	padding: calc(8px * var(--scale-factor)) calc(32px * var(--scale-factor));
	display: inline-block;
}

.cta-headline-text .cta-headline-indent {
	margin-left: calc(300px * var(--scale-factor));
}

.cta-actions {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: calc(1100px * var(--scale-factor));
	display: flex;
	justify-content: center;
	z-index: 4;
}

.cta-actions .leaders-overview__cta {
	min-width: calc(520px * var(--scale-factor));
	justify-content: center;
	transition: all 0.3s ease;
}

.cta-actions .leaders-overview__cta:hover {
	box-shadow: 0 0 calc(48px * var(--scale-factor)) var(--color-secondary);
	color: var(--color-white);
}