/* Add CSS Reset styles */
/* Reset all elements to their default styles. */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Remove default font styles. */
body,
input,
button,
textarea,
select {
	font: inherit;
}

/* Set a consistent line height for all elements. */
body {
	line-height: 1.5;
}

/* Normalize image display. */
img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Normalize link styles. */
a {
	color: inherit;
	text-decoration: none;
}

/* Normalize list styles. */
ul,
ol {
	list-style: none;
	padding: 0;
}

/* Normalize table styles. */
table {
	border-collapse: collapse;
}
/* Fonts */

@font-face {
	font-family: 'SpaceGrotesk';
	src: url('assets/fonts/SpaceGrotesk/SpaceGrotesk-Light/SpaceGrotesk-Light.woff2') format('woff2'),
	url('assets/fonts/SpaceGrotesk/SpaceGrotesk-Light/SpaceGrotesk-Light.otf') format('otf'),
	url('assets/fonts/SpaceGrotesk/SpaceGrotesk-Light/SpaceGrotesk-Light.ttf') format('ttf');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SpaceGrotesk';
	src: url('assets/fonts/SpaceGrotesk/SpaceGrotesk-Regular/SpaceGrotesk-Regular.woff2') format('woff2'),
	url('assets/fonts/SpaceGrotesk/SpaceGrotesk-Regular/SpaceGrotesk-Regular.otf') format('otf'),
	url('assets/fonts/SpaceGrotesk/SpaceGrotesk-Regular/SpaceGrotesk-Regular.ttf') format('ttf');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SpaceGrotesk';
	src: url('assets/fonts/SpaceGrotesk/SpaceGrotesk-Medium/SpaceGrotesk-Medium.woff2') format('woff2'),
	url('assets/fonts/SpaceGrotesk/SpaceGrotesk-Medium/SpaceGrotesk-Medium.otf') format('otf'),
	url('assets/fonts/SpaceGrotesk/SpaceGrotesk-Medium/SpaceGrotesk-Medium.ttf') format('ttf');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SpaceGrotesk';
	src: url('assets/fonts/SpaceGrotesk/SpaceGrotesk-Bold/SpaceGrotesk-Bold.woff2') format('woff2'),
	url('assets/fonts/SpaceGrotesk/SpaceGrotesk-Bold/SpaceGrotesk-Bold.otf') format('otf'),
	url('assets/fonts/SpaceGrotesk/SpaceGrotesk-Bold/SpaceGrotesk-Bold.ttf') format('ttf');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AcidGrotesk';
	src: url('assets/fonts/AcidGrotesk/AcidGrotesk-Light/AcidGrotesk-Light.woff') format('woff'),url('assets/fonts/AcidGrotesk/AcidGrotesk-Light/AcidGrotesk-Light.woff2') format('woff2'),
	url('assets/fonts/AcidGrotesk/AcidGrotesk-Light/AcidGrotesk-Light.otf') format('otf');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AcidGrotesk';
	src: url('assets/fonts/AcidGrotesk/AcidGrotesk-Regular/AcidGrotesk-Regular.woff') format('woff'), url('assets/fonts/AcidGrotesk/AcidGrotesk-Regular/AcidGrotesk-Regular.woff2') format('woff2'),
	url('assets/fonts/AcidGrotesk/AcidGrotesk-Regular/AcidGrotesk-Regular.otf') format('otf');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AcidGrotesk';
	src: url('assets/fonts/AcidGrotesk/AcidGrotesk-Medium/AcidGrotesk-Medium.woff') format('woff'), url('assets/fonts/AcidGrotesk/AcidGrotesk-Medium/AcidGrotesk-Medium.woff2') format('woff2'),
	url('assets/fonts/AcidGrotesk/AcidGrotesk-Medium/AcidGrotesk-Medium.otf') format('otf');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AcidGrotesk';
	src: url('assets/fonts/AcidGrotesk/AcidGrotesk-Bold/AcidGrotesk-Bold.woff') format('woff'), url('assets/fonts/AcidGrotesk/AcidGrotesk-Bold/AcidGrotesk-Bold.woff2') format('woff2'),
	url('assets/fonts/AcidGrotesk/AcidGrotesk-Bold/AcidGrotesk-Bold.otf') format('otf');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

.mobile-visible {
	display: none;
}

.h5 {
	font-family: 'SpaceGrotesk', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%; /* 27.9px */
}

.body {
	margin: 0;
	padding: 0;
	font-family: 'SpaceGrotesk', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	color: #FFF;
	background: #1F2024;
}

.main {
	padding: 0;
	border-radius: 16px;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

/* Header */
.header {
	padding: 0 0;
}

.header__top-bar {
	display: flex;
	padding: 16px 24px;
	align-items: center;
	justify-content: center;
	background: #CFE02D;
	width: 100%;
	flex-shrink: 0;
	color: #1F2024;
}

.header__top-bar .h5 {
	color: #1F2024;
	font-weight: 500;
	text-align: center;
}

.header-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 31px 24px;
	max-width: 1280px;
	margin: 0 auto;
}

.header__logo {
	width: 128px;
	max-width: 100%;
	height: 32px;
}

.header__logo img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.header__cta {
}

.header__cta a {
	display: flex;
	padding: 8px 12px 8px 20px;
	align-items: center;
	border-radius: 50px;
	border: 1px solid #CFE02D;
	align-self: stretch;
	color: #CFE02D;
	font-family: "SpaceGrotesk", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
}

.header__cta a .arrow {
	display: flex;
	width: 32px;
	height: 32px;
	align-items: center;
	justify-content: center;
}

.header__cta a svg {
	width: 32px;
	height: 32px;
	padding: 4px;
	border-radius: 50%;
	transition: all 0.5s;
}

.header__cta a:hover svg {
	width: 24px;
	height: 24px;
	padding: 0;
	transform: rotate(-45deg);
	background: #CFE02D;
}

.header__cta a:hover svg > path {
	stroke: #131418;
}

/* Top section */
.section-top {
	padding: 189px 24px 0;
	max-width: 1280px;
	margin: 0 auto;
}

.section-top .section-heading.h1 {
	color: #CFE02D;
	font-family: "SpaceGrotesk", sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 41.6px */
	letter-spacing: -0.64px;
}

.section-top .section-content {
	padding-top: 40px;
	color: #F8F8F8;
	font-family: "SpaceGrotesk", sans-serif;
	font-size: 72px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%; /* 79.2px */
	letter-spacing: -2.16px;
}

/* Standard section */
.section {
	padding: 0 24px;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.section .container {
	padding: 104px 0;
	margin: 0 -8px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #45464A;
}

.section .container .section-item {
	padding: 0 8px;
	width: 50%;
}

.section .section-item .section-item-content {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 48px;
}

.section .section-item-icon {
	width: 40px;
	height: 40px;
}

.section .section-item-heading.h2 {
	padding-top: 24px;
	color: #F8F8F8;
	font-family: "SpaceGrotesk", sans-serif;
	font-size: 44px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 52.8px */
	letter-spacing: -1.32px;
}

.section .section-item-text {
	padding-top: 24px;
	max-width: 400px;
	color: #F8F8F8;
	font-family: "AcidGrotesk", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%; /* 24px */
	letter-spacing: 0.05px;
}

.section .section-item-link {
	display: flex;
	align-items: center;
	padding-top: 20px;
	color: #F8F8F8;
	font-family: "SpaceGrotesk", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
	transition: all 0.5s;
}

.section .section-item-link .arrow {
	display: flex;
	width: 32px;
	height: 32px;
	align-items: center;
	justify-content: center;
}

.section .section-item-link svg {
	width: 32px;
	height: 32px;
	margin-left: 0;
	padding: 4px;
	border-radius: 50%;
	transition: all 0.5s;
}

.section .section-item-link:hover svg {
	width: 24px;
	height: 24px;
	padding: 0;
	transform: rotate(-45deg);
	background: #CFE02D;
}

.section .section-item-link svg > path {
	transition: all 0.5s;
}

.section .section-item-link:hover svg > path {
	stroke: #131418;
}

.section-item-image {
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 48px;
	background: #24313B;
	overflow: hidden;
}

/* About Us section */
.section.section-about .container {
	padding: 468px 0 80px;
	border: none;
	align-items: stretch;
}

.section.section-about .container .section-item:first-child {
	flex: 1 1 58%;
}

.section.section-about .container .section-item:last-child {
	flex: 1 1 40%;
}

.section.section-about .section-item-heading.h2 {
	color: #131418;
}

.section.section-about .section-item .section-item-content {
	max-width: 712px;
	height: 100%;
	padding: 80px;
	background: #CFE02D;
}

.section.section-about .section-item-text {
	max-width: none;
	color: #131418;
	font-family: "SpaceGrotesk", sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 150%; /* 30px */
	letter-spacing: -0.2px;
}

.section.section-about .section-item .section-item-image {
	height: 100%;
	padding-bottom: 92%;
	position: relative;
}

.section.section-about .section-item .section-item-image img {
	position: absolute;
	top: auto;
	bottom: 0;
}

/* Our Leadership section */
.section.section-leadership .container {
	padding: 72px 0;
	border: none;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: stretch;
}

.section.section-leadership .section-item {
	width: 25%;
	height: 100%;
	padding: 8px;
}

.section.section-leadership .section-item-heading.h2 {
	padding-top: 32px;
	max-width: 269px;
}

.section.section-leadership .section-item .section-item-image {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 0 146% 0;
	width: 100%;
	max-width: none;
	height: auto;
	border-radius: 28px;
}

.section.section-leadership .section-item .section-item-image::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(19, 27, 36, 0.00) 38.55%, rgba(19, 27, 36, 0.06) 56.06%, rgba(19, 27, 36, 0.50) 100%) no-repeat;
	z-index: 2;
}

section.section-leadership .section-item-caption {
	z-index: 3;
	position: absolute;
	bottom: 32px;
	left: 32px;
}

.section.section-leadership .section-item .section-item-image img {
	position: absolute;
	top: 0;
	left: 0;
	filter: grayscale(1);
	transition: all 0.5s ease-in-out;
}

.section.section-leadership .section-item .section-item-image:hover img {
	filter: grayscale(0);
	transform: scale(1.05);
}

.section.section-leadership .section-item-caption .caption-name {
	display: block;
	position: relative;
	color: #FFF;
	font-family: "SpaceGrotesk", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 30px */
	letter-spacing: -0.6px;
}

.section.section-leadership .section-item-caption .caption-position {
	display: block;
	position: relative;
	padding-top: 8px;
	color: #FFF;
	font-family: "SpaceGrotesk", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
}

/* Footer section */
.footer {
	padding: 104px 24px 78px;
	max-width: 1280px;
	margin: 0 auto;
}

.footer-container {
	margin: 0 -8px;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
}

.footer-item {
	padding: 0 8px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.footer-item.item-right {
	flex-direction: row;
	justify-content: flex-start;
}

.footer__logo {
	width: 128px;
	max-width: 100%;
	height: 32px;
}

.footer__logo img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.footer-links a {
	display: inline-block;
	color: #999A9C;
	font-family: "AcidGrotesk", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 21px */
	letter-spacing: 0.28px;
	vertical-align: middle;
}

.footer-links .link-divider {
	display: inline-block;
	width: 21px;
	vertical-align: middle;
}

.footer-copyright {
	padding-top: 16px;
	color: #999A9C;
	font-family: "AcidGrotesk", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 18px */
	letter-spacing: 0.14px;
}

.footer-contact,
.footer-social {
	width: 192px;
}

.footer-contact {
	margin-right: 16px;
}

.footer-contact__title,
.footer-social__title {
	color: #F8F8F8;
	font-family: "SpaceGrotesk", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 21px */
}

.footer-contact__email,
.footer-contact__text,
.footer-social__icon {
	display: block;
	padding-top: 24px;
	color: #999A9C;
	font-family: "AcidGrotesk", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 21px */
	letter-spacing: 0.1px;
}

@media all and (max-width: 1024px) {
	.section-top {
		padding: 134px 24px 0;
	}

	.section-top .section-content {
		font-size: 48px;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -1.44px;
	}

	.section.section-about .container {
		padding: 135px 0 80px;
	}

	.section.section-leadership .section-item {
		width: 33.3333%;
	}

	section.section-leadership .section-item-caption {
		z-index: 3;
		bottom: 16px;
		left: 16px;
	}

	.section.section-about .container .section-item:first-child {
		flex: 1 1 66%;
	}

	.section.section-about .container .section-item:last-child {
		flex: 1 1 32%;
	}
}

@media all and (max-width: 744px) {
	.header__top-bar .h5 {
		font-size: 14px;
		line-height: 140%; /* 19.6px */
	}

	.header-container {
		padding: 20px 24px;
	}

	.section-top {
		padding: 134px 24px 0;
	}

	.section-top .section-heading.h1 {
		font-size: 22px;
		line-height: 145%;
		letter-spacing: -0.22px;
		text-transform: lowercase;
	}

	.section-top .section-heading.h1:first-letter {
		text-transform: uppercase;
	}

	.section-top .section-content {
		font-size: 48px;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -1.44px;
	}

	.section .container {
		padding: 80px 0;
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.section .container .section-item {
		width: 100%;
	}

	.section .section-item .section-item-content {
		padding: 24px 0 0;
		border-radius: 24px;
	}

	.section .section-item-link {
		padding-top: 16px;
	}

	.section.section-about .container {
		padding: 135px 0 80px;
	}

	.section.section-about .section-item .section-item-content {
		width: 100%;
		padding: 48px 40px;
	}

	.section.section-about .section-item .section-item-image {
		margin-bottom: 16px;
		padding: 0;
	}

	.section-item-image {
		max-width: 300px;
		border-radius: 24px;
		background: transparent;
	}

	.section.section-about .section-item .section-item-image img {
		position: relative;
	}

	.section .section-item-heading.h2 {
		padding-top: 16px;
		font-size: 32px;
		line-height: 130%; /* 41.6px */
		letter-spacing: -0.64px;
	}

	.section.section-about .section-item-heading.h2 {
		font-size: 32px;
		line-height: 130%; /* 41.6px */
		letter-spacing: -0.64px;
	}

	.section.section-about .section-item-text {
		font-size: 16px;
		line-height: 150%; /* 24px */
	}

	.section .section-item-text {
		max-width: none;
		padding-top: 16px;
		font-size: 16px;
		line-height: 150%; /* 24px */
		letter-spacing: 0.32px;
	}

	.section.section-leadership {
		padding: 0 24px;
	}

	.section.section-leadership .container {
		flex-direction: row;
	}

	.section.section-leadership .section-item {
		width: 50%;
	}

	.section.section-leadership .section-item-heading.h2 {
		padding-top: 16px;
		font-size: 32px;
		line-height: 130%; /* 41.6px */
		letter-spacing: -0.64px;
		max-width: 200px;
	}

	.section.section-leadership .section-item-caption .caption-name {
		font-size: 16px;
	}

	.section.section-leadership .section-item-caption .caption-position {
		font-size: 12px;
	}

	.footer {
		padding: 40px 24px;
		margin: 0 auto;
	}

	.footer-item.item-right {
		width: 50%;
	}

	.footer-social {
		width: auto;
	}
}

@media all and (max-width: 400px) {
	.mobile-hidden {
		display: none;
	}

	.mobile-visible {
		display: block;
	}

	.header {
		padding-top: 44px;
	}

	.header__top-bar {
		height: auto;
	}

	.header__top-bar .h5 {
		font-size: 14px;
		line-height: 140%; /* 19.6px */
	}

	.header__logo {
		width: auto;
		height: 28px;
	}

	.header__logo img {
		width: auto;
		height: 100%;
	}

	.section .section-item .section-item-content {
		padding: 0;
		width: 100%;
		border-radius: 24px;
	}

	.section .section-item-icon {
		display: none;
	}

	.section .section-item-heading.h2 {
		font-size: 32px;
		line-height: 130%; /* 41.6px */
		letter-spacing: -0.64px;
	}

	.section .section-item-text {
		padding-top: 16px;
		font-weight: 300;
		letter-spacing: 0.32px;
	}

	.section .section-item-link {
		padding-top: 16px;
	}

	.section-item-image {
		margin: 0 0 16px;
		width: 156px;
		height: 156px;
		background: transparent;
		border-radius: 24px;
	}

	.section-top {
		padding: 111px 24px 0;
	}

	.section-top .section-heading.h1 {
		line-height: 145%; /* 31.9px */
	}

	.section-top .section-heading.h1:first-letter {
		text-transform: uppercase;
	}

	.section-top .section-content {
		padding-top: 24px;
		font-size: 36px;
		letter-spacing: -1.08px;
	}

	.section.section-about .container {
		padding: 191px 0 80px;
	}

	.section.section-about .section-item {
		width: 100%;
	}

	.section.section-about .section-item .section-item-content {
		width: 100%;
		padding: 48px 40px;
		background: #CFE02D;
	}

	.section.section-about .section-item-icon {
		display: block;
	}

	.section.section-about .section-item-heading.h2 {
		padding-top: 16px;
		font-size: 28px;
		letter-spacing: -0.56px;
	}

	.section.section-about .section-item-text {
		font-size: 16px;
		letter-spacing: 0;
	}

	.section.section-about .section-item .section-item-image {
		width: 100%;
		max-width: none;
		background: #24313B;
	}

	.section.section-about .section-item .section-item-image img {
		top: 80px;
	}

	.section.section-leadership {
		padding: 0;
		position: relative;
		max-width: none;
		margin: 0 auto;
	}

	.section.section-leadership .container {
		padding: 132px 16px 0;
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: auto;
	}

	.section.section-leadership .section-item {
		width: 232px;
		height: 331px;
		flex-shrink: 0;
	}

	.section.section-leadership .section-item:first-child {
		width: auto;
		height: auto;
		padding-bottom: 26px;
		position: absolute;
		top: 0;
		left: 16px;
		right: 16px;
		max-width: 375px;
		margin: 0 auto;
	}

	.section.section-leadership .section-item-icon {
		display: block;
	}

	.section.section-leadership .section-item-heading.h2 {
		padding-top: 16px;
		max-width: none;
		width: 100%;
	}

	.section.section-leadership .section-item .section-item-image {
		border-radius: 24px;
		height: 315px;
		margin: 0;
	}

	.section.section-leadership .section-item-caption .caption-name {
		font-size: 16px;
	}

	.section.section-leadership .section-item-caption .caption-position {
		font-size: 12px;
	}

	.section.section-brands .section-item-image {
		width: 230px;
		height: 230px;
		margin: 0;
	}

	.footer {
		display: block;
		padding: 74px 24px 52px;
		max-width: 375px;
		margin: 0 auto;
	}

	.footer .footer-container {
		display: block;
	}

	.footer-item.item-right {
		width: 100%;
		padding-top: 40px;
	}

	.footer-contact {
		margin-right: 0;
	}

	.footer-social {
		padding-left: 44px;
		width: auto;
	}

	.footer-contact__email, .footer-contact__text, .footer-social__icon {
		font-weight: 400;
		letter-spacing: 0.1px;
	}

	.footer-copyright {
		padding-top: 40px;
	}
}