/* ==========================================================================
   About Us V2 Editorial Layout
   ========================================================================== */

html:has(.about-page),
body:has(.about-page) {
	overflow-x: clip;
}

.about-page {
	--about-accent: #94f250;
	--about-ink: #111;
	--about-muted: #555;
	--about-soft: #f5f6f3;
	--about-line: #e5e5e5;
	background: #fff;
	color: var(--about-ink);
	overflow-x: clip;
}

.about-page *,
.about-page *::before,
.about-page *::after {
	box-sizing: border-box;
}

.about-page__container {
	width: min(calc(100% - 48px), 1280px);
	margin-inline: auto;
}

.about-page h1,
.about-page h2,
.about-page h3,
.about-page p {
	letter-spacing: 0;
}

.about-page h2 {
	margin: 0;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.12;
}

.about-page h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
}

.about-page p {
	margin: 0;
	color: var(--about-muted);
	font-size: 16px;
	line-height: 1.7;
}

.about-section {
	padding-block: 150px;
}

.about-content-width--narrow {
	width: min(calc(100% - 48px), 960px);
}

.about-content-width--standard {
	width: min(calc(100% - 48px), 1120px);
}

.about-content-width--wide {
	width: min(calc(100% - 48px), 1280px);
}

.about-section-size--compact {
	padding-block: 92px !important;
}

.about-section-size--standard {
	padding-block: 120px !important;
}

.about-section-size--spacious {
	padding-block: 156px !important;
}

.about-bg--white {
	background: #fff !important;
}

.about-bg--light {
	background: var(--about-soft) !important;
}

.about-bg--dark {
	background: #0a0a0a !important;
	color: #fff;
}

.about-bg--dark h2,
.about-bg--dark h3,
.about-bg--dark p,
.about-bg--dark li,
.about-bg--dark time {
	color: #fff;
}

.about-title-size--28 h2 {
	font-size: 28px;
}

.about-title-size--32 h2 {
	font-size: 32px;
}

.about-title-size--36 h2 {
	font-size: 36px;
}

.about-title-size--40 h2 {
	font-size: 40px;
}

.about-title-size--44 h2 {
	font-size: 44px;
}

.about-title-size--48 h2 {
	font-size: 48px;
}

.about-body-size--14 p,
.about-body-size--14 li {
	font-size: 14px;
}

.about-body-size--16 p,
.about-body-size--16 li {
	font-size: 16px;
}

.about-body-size--18 p,
.about-body-size--18 li {
	font-size: 18px;
}

.about-body-size--20 p,
.about-body-size--20 li {
	font-size: 20px;
}

.about-line-height--compact p,
.about-line-height--compact li {
	line-height: 1.4;
}

.about-line-height--normal p,
.about-line-height--normal li {
	line-height: 1.6;
}

.about-line-height--relaxed p,
.about-line-height--relaxed li {
	line-height: 1.75;
}

.about-title-body-gap--12 .about-editorial-row__copy p,
.about-title-body-gap--12 .about-section__header p,
.about-title-body-gap--12 .about-intro__statement {
	margin-top: 12px;
}

.about-title-body-gap--16 .about-editorial-row__copy p,
.about-title-body-gap--16 .about-section__header p,
.about-title-body-gap--16 .about-intro__statement {
	margin-top: 16px;
}

.about-title-body-gap--24 .about-editorial-row__copy p,
.about-title-body-gap--24 .about-section__header p,
.about-title-body-gap--24 .about-intro__statement {
	margin-top: 24px;
}

.about-title-body-gap--32 .about-editorial-row__copy p,
.about-title-body-gap--32 .about-section__header p,
.about-title-body-gap--32 .about-intro__statement {
	margin-top: 32px;
}

.about-title-body-gap--40 .about-editorial-row__copy p,
.about-title-body-gap--40 .about-section__header p,
.about-title-body-gap--40 .about-intro__statement {
	margin-top: 40px;
}

.about-paragraph-spacing--compact .about-intro__body p + p,
.about-paragraph-spacing--compact .about-editorial-row__copy p + p {
	margin-top: 10px;
}

.about-paragraph-spacing--standard .about-intro__body p + p,
.about-paragraph-spacing--standard .about-editorial-row__copy p + p {
	margin-top: 16px;
}

.about-paragraph-spacing--spacious .about-intro__body p + p,
.about-paragraph-spacing--spacious .about-editorial-row__copy p + p {
	margin-top: 24px;
}

.about-text-align--left {
	text-align: left;
}

.about-text-align--center {
	text-align: center;
}

.about-text-align--right {
	text-align: right;
}

.about-text-width--360 .about-editorial-row__copy,
.about-text-width--360 .about-intro__copy,
.about-text-width--360 .about-section__header {
	width: min(100%, 360px);
	max-width: 360px;
}

.about-text-width--440 .about-editorial-row__copy,
.about-text-width--440 .about-intro__copy,
.about-text-width--440 .about-section__header {
	width: min(100%, 440px);
	max-width: 440px;
}

.about-text-width--520 .about-editorial-row__copy,
.about-text-width--520 .about-intro__copy,
.about-text-width--520 .about-section__header {
	width: min(100%, 520px);
	max-width: 520px;
}

.about-text-width--640 .about-editorial-row__copy,
.about-text-width--640 .about-intro__copy,
.about-text-width--640 .about-section__header {
	width: min(100%, 640px);
	max-width: 640px;
}

.about-text-width--full .about-editorial-row__copy,
.about-text-width--full .about-intro__copy,
.about-text-width--full .about-section__header {
	width: 100%;
	max-width: none;
}

.about-content-align--top {
	align-items: start;
}

.about-content-align--center {
	align-items: center;
}

.about-content-align--bottom {
	align-items: end;
}

.about-editorial-row.about-content-align--top,
.about-intro__grid.about-content-align--top {
	align-items: start;
}

.about-editorial-row.about-content-align--center,
.about-intro__grid.about-content-align--center {
	align-items: center;
}

.about-editorial-row.about-content-align--bottom,
.about-intro__grid.about-content-align--bottom {
	align-items: end;
}

.about-content-offset--up-20 .about-editorial-row__copy,
.about-content-offset--up-20 .about-intro__copy {
	margin-block: -20px 20px;
}

.about-content-offset--up-40 .about-editorial-row__copy,
.about-content-offset--up-40 .about-intro__copy {
	margin-block: -40px 40px;
}

.about-content-offset--up-60 .about-editorial-row__copy,
.about-content-offset--up-60 .about-intro__copy {
	margin-block: -60px 60px;
}

.about-content-offset--down-20 .about-editorial-row__copy,
.about-content-offset--down-20 .about-intro__copy {
	margin-block: 20px -20px;
}

.about-content-offset--down-40 .about-editorial-row__copy,
.about-content-offset--down-40 .about-intro__copy {
	margin-block: 40px -40px;
}

.about-content-offset--down-60 .about-editorial-row__copy,
.about-content-offset--down-60 .about-intro__copy {
	margin-block: 60px -60px;
}

.about-title-offset--up-10 h2 {
	margin-block: -10px 10px;
}

.about-title-offset--up-20 h2 {
	margin-block: -20px 20px;
}

.about-title-offset--up-30 h2 {
	margin-block: -30px 30px;
}

.about-title-offset--down-10 h2 {
	margin-block: 10px -10px;
}

.about-title-offset--down-20 h2 {
	margin-block: 20px -20px;
}

.about-title-offset--down-30 h2 {
	margin-block: 30px -30px;
}

.about-title-width--320 h2 {
	max-width: 320px;
}

.about-title-width--400 h2 {
	max-width: 400px;
}

.about-title-width--480 h2 {
	max-width: 480px;
}

.about-title-width--560 h2 {
	max-width: 560px;
}

.about-title-width--640 h2 {
	max-width: 640px;
}

.about-title-width--full h2 {
	max-width: none;
}

.about-title-weight--medium h2 {
	font-weight: 500;
}

.about-title-weight--semibold h2 {
	font-weight: 600;
}

.about-title-weight--bold h2 {
	font-weight: 700;
}

.about-statement-body-gap--12 .about-intro__body {
	margin-top: 12px;
}

.about-statement-body-gap--16 .about-intro__body {
	margin-top: 16px;
}

.about-statement-body-gap--24 .about-intro__body {
	margin-top: 24px;
}

.about-statement-body-gap--32 .about-intro__body {
	margin-top: 32px;
}

.about-statement-body-gap--40 .about-intro__body {
	margin-top: 40px;
}

.about-section__header {
	max-width: 760px;
	margin-bottom: 48px;
}

.about-section__header p {
	margin-top: 18px;
}

.about-section__header--with-controls {
	display: flex;
	max-width: none;
	align-items: end;
	justify-content: space-between;
	gap: 24px;
}

.about-carousel-controls {
	display: flex;
	flex: 0 0 auto;
	gap: 10px;
}

.about-carousel-control {
	display: inline-grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border: 1px solid var(--about-line);
	border-radius: 50%;
	background: #fff;
	color: #111;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
}

.about-carousel-control:hover,
.about-carousel-control:focus-visible {
	border-color: #111;
	background: #111;
	color: #fff;
}

.about-carousel-track {
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.about-carousel-track::-webkit-scrollbar {
	display: none;
}

.about-card {
	border: 1px solid var(--about-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 18px 44px rgba(17, 17, 17, 0.045);
}

.about-hero {
	position: relative;
	display: flex;
	aspect-ratio: 1920 / 540;
	min-height: 0;
	align-items: center;
	overflow: hidden;
	isolation: isolate;
	background: #0a0a0a;
}

.about-hero__image,
.about-hero__shade {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.about-hero__image {
	z-index: -2;
	object-fit: cover;
	object-position: 64% center;
}

.about-hero__shade {
	z-index: -1;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.34) 42%, rgba(0, 0, 0, 0.06) 78%);
}

.about-hero__content {
	padding-block: 112px 104px;
}

.about-hero__title {
	max-width: 620px;
	margin: 0;
	color: #fff;
	font-size: 64px;
	font-weight: 700;
	line-height: 1;
}

.about-hero__description {
	max-width: 520px;
	margin-top: 24px;
	color: rgba(255, 255, 255, 0.92) !important;
	font-size: 18px !important;
	line-height: 1.6 !important;
}

.about-hero__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	margin-top: 32px;
	padding: 0 28px;
	border-radius: 999px;
	background: #fff;
	color: #111;
	font-weight: 700;
	text-decoration: none;
}

.about-hero-height--480 {
	min-height: 480px;
}

.about-hero-height--560 {
	min-height: 560px;
}

.about-hero-height--600 {
	min-height: 600px;
}

.about-hero-height--640 {
	min-height: 640px;
}

.about-hero-height--720 {
	min-height: 720px;
}

.about-hero-content-width--narrow .about-hero__content {
	width: min(calc(100% - 48px), 960px);
}

.about-hero-content-width--standard .about-hero__content {
	width: min(calc(100% - 48px), 1120px);
}

.about-hero-content-width--wide .about-hero__content {
	width: min(calc(100% - 48px), 1280px);
}

.about-hero-position--top-left {
	align-items: flex-start;
}

.about-hero-position--bottom-left {
	align-items: flex-end;
}

.about-hero-position--center {
	text-align: center;
}

.about-hero-position--center .about-hero__title,
.about-hero-position--center .about-hero__description {
	margin-inline: auto;
}

.about-hero-text-width--360 .about-hero__title,
.about-hero-text-width--360 .about-hero__description {
	max-width: 360px;
}

.about-hero-text-width--440 .about-hero__title,
.about-hero-text-width--440 .about-hero__description {
	max-width: 440px;
}

.about-hero-text-width--520 .about-hero__title,
.about-hero-text-width--520 .about-hero__description {
	max-width: 520px;
}

.about-hero-text-width--640 .about-hero__title,
.about-hero-text-width--640 .about-hero__description {
	max-width: 640px;
}

.about-hero-focal-point--center .about-hero__image {
	object-position: center;
}

.about-hero-focal-point--left .about-hero__image {
	object-position: left center;
}

.about-hero-focal-point--right .about-hero__image {
	object-position: right center;
}

.about-hero-focal-point--top .about-hero__image {
	object-position: center top;
}

.about-hero-focal-point--bottom .about-hero__image {
	object-position: center bottom;
}

.about-hero-focal-point--top-left .about-hero__image {
	object-position: left top;
}

.about-hero-focal-point--top-right .about-hero__image {
	object-position: right top;
}

.about-hero-focal-point--bottom-left .about-hero__image {
	object-position: left bottom;
}

.about-hero-focal-point--bottom-right .about-hero__image {
	object-position: right bottom;
}

.about-hero-title-size--40 .about-hero__title {
	font-size: 40px;
}

.about-hero-title-size--48 .about-hero__title {
	font-size: 48px;
}

.about-hero-title-size--56 .about-hero__title {
	font-size: 56px;
}

.about-hero-title-size--64 .about-hero__title {
	font-size: 64px;
}

.about-hero-title-size--72 .about-hero__title {
	font-size: 72px;
}

.about-hero-subtitle-size--14 .about-hero__description {
	font-size: 14px !important;
}

.about-hero-subtitle-size--16 .about-hero__description {
	font-size: 16px !important;
}

.about-hero-subtitle-size--18 .about-hero__description {
	font-size: 18px !important;
}

.about-hero-subtitle-size--20 .about-hero__description {
	font-size: 20px !important;
}

.about-hero-subtitle-size--24 .about-hero__description {
	font-size: 24px !important;
}

.about-hero-gap--8 .about-hero__description {
	margin-top: 8px;
}

.about-hero-gap--12 .about-hero__description {
	margin-top: 12px;
}

.about-hero-gap--16 .about-hero__description {
	margin-top: 16px;
}

.about-hero-gap--24 .about-hero__description {
	margin-top: 24px;
}

.about-hero-gap--32 .about-hero__description {
	margin-top: 32px;
}

.about-hero-title-line-height--compact .about-hero__title,
.about-hero-subtitle-line-height--compact .about-hero__description {
	line-height: 1.05 !important;
}

.about-hero-title-line-height--normal .about-hero__title,
.about-hero-subtitle-line-height--normal .about-hero__description {
	line-height: 1.25 !important;
}

.about-hero-title-line-height--relaxed .about-hero__title,
.about-hero-subtitle-line-height--relaxed .about-hero__description {
	line-height: 1.5 !important;
}

.about-hero-text-align--left {
	text-align: left;
}

.about-hero-text-align--center {
	text-align: center;
}

.about-hero-text-align--right {
	text-align: right;
}

.about-hero-text-align--center .about-hero__title,
.about-hero-text-align--center .about-hero__description,
.about-hero-text-align--right .about-hero__title,
.about-hero-text-align--right .about-hero__description {
	margin-inline: auto 0;
}

.about-hero-text-align--center .about-hero__title,
.about-hero-text-align--center .about-hero__description {
	margin-inline: auto;
}

.about-intro__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr);
	gap: 96px;
	align-items: center;
}

.about-intro__statement {
	margin-top: 18px;
	color: var(--about-ink);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.18;
}

.about-intro__body {
	margin-top: 32px;
}

.about-intro__body p + p {
	margin-top: 18px;
}

.about-collage {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 8px;
	min-height: 610px;
}

.about-collage__item {
	min-width: 0;
	margin: 0;
	overflow: hidden;
	background: var(--about-soft);
}

.about-collage__item--tall {
	grid-row: 1 / -1;
}

.about-collage img,
.about-journey__media img,
.about-card img,
.about-event-card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-collage__item--tall img {
	object-position: 49% center;
}

.about-collage__item:nth-child(2) img {
	object-position: 66% center;
}

.about-collage__item:nth-child(3) img {
	object-position: 74% center;
}

.about-strategy {
	padding-top: 0;
}

.about-journey {
	padding-block: 140px;
	background: #fff;
}

.about-journey h2 {
	text-align: left;
}

.about-timeline-shell {
	position: relative;
	margin-top: 48px;
}

.about-timeline-shell::before {
	position: absolute;
	top: 7px;
	right: 8px;
	left: 7px;
	height: 2px;
	background: var(--about-line);
	content: "";
	pointer-events: none;
}

.about-timeline-shell::after {
	position: absolute;
	top: 3px;
	right: 0;
	width: 10px;
	height: 10px;
	border-top: 2px solid var(--about-line);
	border-right: 2px solid var(--about-line);
	content: "";
	pointer-events: none;
	transform: rotate(45deg);
}

.about-timeline {
	position: relative;
	display: flex;
	overflow-x: auto;
	gap: 24px;
	margin: 0;
	padding: 0 0 8px;
	list-style: none;
	z-index: 1;
}

.about-timeline::before {
	display: none;
}

.about-timeline::after {
	display: none;
}

.about-timeline__item {
	position: relative;
	flex: 0 0 calc((100% - 72px) / 4);
	padding-top: 34px;
	scroll-snap-align: start;
}

.about-timeline.about-items-desktop--2 .about-timeline__item {
	flex-basis: calc((100% - 24px) / 2);
}

.about-timeline.about-items-desktop--3 .about-timeline__item {
	flex-basis: calc((100% - 48px) / 3);
}

.about-timeline.about-items-desktop--4 .about-timeline__item {
	flex-basis: calc((100% - 72px) / 4);
}

.about-timeline__marker {
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 1;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #111;
	box-shadow: 0 0 0 1px #111;
}

.about-timeline time {
	display: block;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
}

.about-timeline h3 {
	font-size: 14px;
	line-height: 1.4;
}

.about-timeline p {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.55;
}

.about-milestone-year-size--14 .about-timeline time {
	font-size: 14px;
}

.about-milestone-year-size--16 .about-timeline time {
	font-size: 16px;
}

.about-milestone-year-size--18 .about-timeline time {
	font-size: 18px;
}

.about-milestone-year-size--20 .about-timeline time {
	font-size: 20px;
}

.about-milestone-title-size--14 .about-timeline h3 {
	font-size: 14px;
}

.about-milestone-title-size--16 .about-timeline h3 {
	font-size: 16px;
}

.about-milestone-title-size--18 .about-timeline h3 {
	font-size: 18px;
}

.about-milestone-title-size--20 .about-timeline h3 {
	font-size: 20px;
}

.about-milestone-body-size--14 .about-timeline p {
	font-size: 14px;
}

.about-milestone-body-size--16 .about-timeline p {
	font-size: 16px;
}

.about-milestone-body-size--18 .about-timeline p {
	font-size: 18px;
}

.about-milestone-body-size--20 .about-timeline p {
	font-size: 20px;
}

.about-journey__media {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-top: 48px;
}

.about-journey__media img {
	aspect-ratio: 5 / 3;
	border-radius: 8px;
}

.about-glance,
.about-certification-section,
.about-after-sales {
	padding-block: 140px;
	background: #fff;
}

.about-glance h2 {
	margin-bottom: 56px;
}

.about-glance__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 44px 36px;
}

.about-quality,
.about-philosophy {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	overflow: hidden;
}

.about-quality {
	min-height: 420px;
}

.about-card > div,
.about-certification {
	padding: 32px;
}

.about-card h3 + p,
.about-presence__support p {
	margin-top: 16px;
}

.about-check-list,
.about-presence__support ol {
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.about-check-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 18px;
	color: var(--about-muted);
	font-size: 13px;
}

.about-check-list li {
	position: relative;
	padding-left: 20px;
}

.about-check-list li::before {
	position: absolute;
	top: 0.2em;
	left: 0;
	color: #111;
	content: "\2713";
	font-weight: 700;
}

.about-certification__labels {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
	margin-top: 24px;
}

.about-certification__labels span {
	display: grid;
	min-height: 92px;
	place-items: center;
	border: 1px solid var(--about-line);
	border-radius: 10px;
	color: #111;
	font-size: 18px;
	font-weight: 700;
}

.about-certification__labels img {
	max-width: 70%;
	max-height: 48px;
	object-fit: contain;
}

.about-certification__labels strong {
	font: inherit;
}

.about-philosophy {
	grid-column: 1 / -1;
}

.about-philosophy__points {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-top: 28px;
	color: var(--about-muted);
	font-size: 13px;
}

.about-philosophy__points span {
	display: grid;
	min-height: 60px;
	align-items: center;
	border-top: 1px solid var(--about-line);
}

.about-mission {
	position: relative;
	min-height: 600px;
	display: flex;
	align-items: center;
	padding-block: 120px;
	overflow: hidden;
	isolation: isolate;
	background: #090a0a;
}

.about-mission__image,
.about-mission__shade {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.about-mission__image {
	z-index: -2;
	object-fit: cover;
	object-position: 52% center;
}

.about-mission__shade {
	z-index: -1;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.34) 62%, rgba(0, 0, 0, 0.16));
}

.about-mission__content {
	display: grid;
	grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr);
	gap: 80px;
	align-items: center;
	padding-block: 112px;
}

.about-mission h2,
.about-mission h3,
.about-mission p,
.about-explore h2,
.about-explore p {
	color: #fff;
}

.about-mission p {
	margin-top: 20px;
	color: rgba(255, 255, 255, 0.84);
}

.about-values h2 {
	margin-bottom: 56px;
}

.about-values__stories,
.about-presence__stories {
	display: grid;
	gap: 110px;
}

.about-editorial-row {
	display: grid;
	grid-template-areas: "copy media";
	grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
	gap: 96px;
	align-items: center;
}

.about-editorial-row--reverse {
	grid-template-areas: "media copy";
	grid-template-columns: minmax(0, 0.55fr) minmax(0, 0.45fr);
}

.about-ratio--40-60 {
	grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
}

.about-ratio--45-55 {
	grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
}

.about-ratio--50-50 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.about-ratio--55-45 {
	grid-template-columns: minmax(0, 0.55fr) minmax(0, 0.45fr);
}

.about-ratio--60-40 {
	grid-template-columns: minmax(0, 0.6fr) minmax(0, 0.4fr);
}

.about-editorial-row--reverse.about-ratio--40-60 {
	grid-template-columns: minmax(0, 0.6fr) minmax(0, 0.4fr);
}

.about-editorial-row--reverse.about-ratio--45-55 {
	grid-template-columns: minmax(0, 0.55fr) minmax(0, 0.45fr);
}

.about-editorial-row--reverse.about-ratio--55-45 {
	grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
}

.about-editorial-row--reverse.about-ratio--60-40 {
	grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
}

.about-editorial-row__copy {
	grid-area: copy;
	width: min(100%, 460px);
}

.about-editorial-row__copy h3 {
	font-size: 28px;
	line-height: 1.18;
}

.about-editorial-row__copy p {
	margin-top: 20px;
	font-size: 17px;
	line-height: 1.72;
}

.about-editorial-row__media {
	grid-area: media;
	width: min(100%, 620px);
	aspect-ratio: 3 / 2;
	margin: 0;
	overflow: hidden;
	border-radius: 16px;
	justify-self: end;
}

.about-image-height--320 .about-editorial-row__media {
	height: 320px;
	aspect-ratio: auto;
}

.about-image-height--400 .about-editorial-row__media {
	height: 400px;
	aspect-ratio: auto;
}

.about-image-height--480 .about-editorial-row__media {
	height: 480px;
	aspect-ratio: auto;
}

.about-image-height--560 .about-editorial-row__media {
	height: 560px;
	aspect-ratio: auto;
}

.about-image-height--640 .about-editorial-row__media {
	height: 640px;
	aspect-ratio: auto;
}

.about-image-ratio--auto .about-editorial-row__media {
	aspect-ratio: auto;
}

.about-image-ratio--16-9 .about-editorial-row__media {
	aspect-ratio: 16 / 9;
}

.about-image-ratio--3-2 .about-editorial-row__media {
	aspect-ratio: 3 / 2;
}

.about-image-ratio--4-3 .about-editorial-row__media {
	aspect-ratio: 4 / 3;
}

.about-image-ratio--1-1 .about-editorial-row__media {
	aspect-ratio: 1 / 1;
}

.about-image-ratio--portrait .about-editorial-row__media {
	aspect-ratio: 4 / 5;
}

.about-editorial-row--reverse .about-editorial-row__media {
	justify-self: start;
}

.about-editorial-row__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-presence,
.about-warehouses {
	padding-block: 150px;
	background: #fff;
}

.about-presence h2 {
	margin-bottom: 56px;
}

.about-presence__support {
	width: min(100%, 520px);
}

.about-presence__support li {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 22px;
	padding-block: 22px;
	border-top: 1px solid var(--about-line);
}

.about-presence__support li:first-child {
	border-top: 0;
}

.about-presence__support span {
	color: #111;
	font-size: 16px;
	font-weight: 700;
}

.about-presence__support strong {
	display: block;
	font-size: 17px;
}

.about-presence__support p {
	font-size: 15px;
}

.about-presence__map {
	background: #fff;
}

.about-presence__map img {
	padding: 36px;
	object-fit: contain;
}

.about-exhibitions {
	padding-block: 150px;
}

.about-exhibitions__grid {
	display: flex;
	overflow-x: auto;
	gap: 16px;
	margin-top: 40px;
	text-align: left;
}

.about-event-card {
	flex: 0 0 calc((100% - 32px) / 3);
	overflow: hidden;
	border: 1px solid var(--about-line);
	border-radius: 12px;
	background: #fff;
	color: var(--about-ink);
	text-decoration: none;
	scroll-snap-align: start;
}

.about-exhibitions__grid.about-items-desktop--2 .about-event-card {
	flex-basis: calc((100% - 16px) / 2);
}

.about-exhibitions__grid.about-items-desktop--3 .about-event-card {
	flex-basis: calc((100% - 32px) / 3);
}

.about-event-card img {
	aspect-ratio: 1.65;
}

.about-card-image-height--320 .about-event-card img {
	height: 320px;
	aspect-ratio: auto;
}

.about-card-image-height--400 .about-event-card img {
	height: 400px;
	aspect-ratio: auto;
}

.about-card-image-height--480 .about-event-card img {
	height: 480px;
	aspect-ratio: auto;
}

.about-card-image-height--560 .about-event-card img {
	height: 560px;
	aspect-ratio: auto;
}

.about-card-image-height--640 .about-event-card img {
	height: 640px;
	aspect-ratio: auto;
}

.about-card-ratio--auto .about-event-card img {
	aspect-ratio: auto;
}

.about-card-ratio--16-9 .about-event-card img {
	aspect-ratio: 16 / 9;
}

.about-card-ratio--3-2 .about-event-card img {
	aspect-ratio: 3 / 2;
}

.about-card-ratio--4-3 .about-event-card img {
	aspect-ratio: 4 / 3;
}

.about-card-ratio--1-1 .about-event-card img {
	aspect-ratio: 1 / 1;
}

.about-card-ratio--portrait .about-event-card img {
	aspect-ratio: 4 / 5;
}

.about-event-card strong {
	display: block;
	padding: 14px;
	font-size: 14px;
}

.about-event-card span {
	display: block;
	margin: -8px 14px 14px;
	color: var(--about-muted);
	font-size: 13px;
}

.about-exhibitions__empty {
	max-width: 720px;
	margin: 34px auto 0;
	padding: 28px;
}

.about-outline-link,
.about-primary-link {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	margin-top: 28px;
	padding: 0 26px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.about-outline-link {
	border: 1px solid #111;
	color: #111;
}

.about-outline-link:hover,
.about-outline-link:focus-visible {
	background: #111;
	color: #fff;
}

.about-explore {
	position: relative;
	min-height: 420px;
	display: flex;
	align-items: center;
	overflow: hidden;
	isolation: isolate;
	background: #0a0a0a;
}

.about-explore__image,
.about-explore__shade {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.about-explore__image {
	z-index: -2;
	object-fit: cover;
	object-position: center;
}

.about-explore__shade {
	z-index: -1;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.3));
}

.about-explore__content {
	padding-block: 88px;
}

.about-explore p {
	margin-top: 12px;
	color: rgba(255, 255, 255, 0.82);
}

.about-primary-link {
	background: var(--about-accent);
	color: #111;
}

.about-primary-link:hover,
.about-primary-link:focus-visible {
	background: #fff;
	color: #111;
}

@media (max-width: 1100px) {
	.about-section {
		padding-block: 104px;
	}

	.about-hero {
		min-height: 0;
	}

	.about-hero__title {
		font-size: 56px;
	}

	.about-mission {
		padding-block: 80px;
	}

	.about-intro__grid,
	.about-editorial-row {
		gap: 56px;
	}

	.about-collage {
		min-height: 520px;
	}

	.about-glance__grid {
		grid-template-columns: 1fr;
	}

	.about-timeline__item {
		flex-basis: calc((100% - 24px) / 2);
	}

	.about-timeline.about-items-tablet--1 .about-timeline__item {
		flex-basis: 100%;
	}

	.about-timeline.about-items-tablet--2 .about-timeline__item {
		flex-basis: calc((100% - 24px) / 2);
	}

	.about-glance,
	.about-certification-section,
	.about-after-sales,
	.about-warehouses,
	.about-presence,
	.about-exhibitions {
		padding-block: 104px;
	}

	.about-event-card {
		flex-basis: calc((100% - 16px) / 2);
	}

	.about-exhibitions__grid.about-items-tablet--1 .about-event-card {
		flex-basis: 100%;
	}

	.about-exhibitions__grid.about-items-tablet--2 .about-event-card {
		flex-basis: calc((100% - 16px) / 2);
	}

	.about-values__stories,
	.about-presence__stories {
		gap: 80px;
	}

	.about-editorial-row__copy h3 {
		font-size: 26px;
	}
}

@media (max-width: 768px) {
	.about-page__container {
		width: min(calc(100% - 40px), 720px);
	}

	.about-section {
		padding-block: 76px;
	}

	.about-page h2 {
		font-size: 32px;
	}

	.about-hero {
		aspect-ratio: auto;
		min-height: 520px;
	}

	.about-hero-mobile-custom.about-hero-mobile-height--320 {
		min-height: 320px;
	}

	.about-hero-mobile-custom.about-hero-mobile-height--360 {
		min-height: 360px;
	}

	.about-hero-mobile-custom.about-hero-mobile-height--420 {
		min-height: 420px;
	}

	.about-hero-mobile-custom.about-hero-mobile-height--480 {
		min-height: 480px;
	}

	.about-hero-mobile-custom.about-hero-mobile-height--560 {
		min-height: 560px;
	}

	.about-hero__title {
		font-size: 50px;
	}

	.about-hero-mobile-custom.about-hero-mobile-title-size--32 .about-hero__title {
		font-size: 32px;
	}

	.about-hero-mobile-custom.about-hero-mobile-title-size--36 .about-hero__title {
		font-size: 36px;
	}

	.about-hero-mobile-custom.about-hero-mobile-title-size--40 .about-hero__title {
		font-size: 40px;
	}

	.about-hero-mobile-custom.about-hero-mobile-title-size--48 .about-hero__title {
		font-size: 48px;
	}

	.about-hero-mobile-custom.about-hero-mobile-subtitle-size--14 .about-hero__description {
		font-size: 14px !important;
	}

	.about-hero-mobile-custom.about-hero-mobile-subtitle-size--16 .about-hero__description {
		font-size: 16px !important;
	}

	.about-hero-mobile-custom.about-hero-mobile-subtitle-size--18 .about-hero__description {
		font-size: 18px !important;
	}

	.about-hero-mobile-custom.about-hero-mobile-text-align--left {
		text-align: left;
	}

	.about-hero-mobile-custom.about-hero-mobile-text-align--center {
		text-align: center;
	}

	.about-hero-mobile-custom.about-hero-mobile-text-align--right {
		text-align: right;
	}

	.about-hero-mobile-custom.about-hero-mobile-text-align--center .about-hero__title,
	.about-hero-mobile-custom.about-hero-mobile-text-align--center .about-hero__description {
		margin-inline: auto;
	}

	.about-hero-mobile-custom.about-hero-mobile-text-align--right .about-hero__title,
	.about-hero-mobile-custom.about-hero-mobile-text-align--right .about-hero__description {
		margin-inline: auto 0;
	}

	.about-hero-mobile-custom.about-hero-mobile-focal-point--center .about-hero__image {
		object-position: center;
	}

	.about-hero-mobile-custom.about-hero-mobile-focal-point--left .about-hero__image {
		object-position: left center;
	}

	.about-hero-mobile-custom.about-hero-mobile-focal-point--right .about-hero__image {
		object-position: right center;
	}

	.about-hero-mobile-custom.about-hero-mobile-focal-point--top .about-hero__image {
		object-position: center top;
	}

	.about-hero-mobile-custom.about-hero-mobile-focal-point--bottom .about-hero__image {
		object-position: center bottom;
	}

	.about-hero-mobile-custom.about-hero-mobile-focal-point--top-left .about-hero__image {
		object-position: left top;
	}

	.about-hero-mobile-custom.about-hero-mobile-focal-point--top-right .about-hero__image {
		object-position: right top;
	}

	.about-hero-mobile-custom.about-hero-mobile-focal-point--bottom-left .about-hero__image {
		object-position: left bottom;
	}

	.about-hero-mobile-custom.about-hero-mobile-focal-point--bottom-right .about-hero__image {
		object-position: right bottom;
	}

	.about-intro__statement {
		font-size: 28px;
	}

	.about-intro__grid,
	.about-editorial-row,
	.about-editorial-row--reverse {
		align-items: start;
		grid-template-areas:
			"copy"
			"media";
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.about-content-offset--up-20 .about-editorial-row__copy,
	.about-content-offset--up-40 .about-editorial-row__copy,
	.about-content-offset--up-60 .about-editorial-row__copy,
	.about-content-offset--down-20 .about-editorial-row__copy,
	.about-content-offset--down-40 .about-editorial-row__copy,
	.about-content-offset--down-60 .about-editorial-row__copy,
	.about-content-offset--up-20 .about-intro__copy,
	.about-content-offset--up-40 .about-intro__copy,
	.about-content-offset--up-60 .about-intro__copy,
	.about-content-offset--down-20 .about-intro__copy,
	.about-content-offset--down-40 .about-intro__copy,
	.about-content-offset--down-60 .about-intro__copy {
		margin-block: 0;
	}

	.about-mobile-content-offset--up-20 .about-editorial-row__copy,
	.about-mobile-content-offset--up-20 .about-intro__copy {
		margin-block: -20px 20px;
	}

	.about-mobile-content-offset--up-40 .about-editorial-row__copy,
	.about-mobile-content-offset--up-40 .about-intro__copy {
		margin-block: -40px 40px;
	}

	.about-mobile-content-offset--down-20 .about-editorial-row__copy,
	.about-mobile-content-offset--down-20 .about-intro__copy {
		margin-block: 20px -20px;
	}

	.about-mobile-content-offset--down-40 .about-editorial-row__copy,
	.about-mobile-content-offset--down-40 .about-intro__copy {
		margin-block: 40px -40px;
	}

	.about-values__stories,
	.about-presence__stories {
		gap: 68px;
	}

	.about-editorial-row__copy,
	.about-presence__support {
		width: min(100%, 560px);
	}

	.about-editorial-row__media,
	.about-editorial-row--reverse .about-editorial-row__media {
		width: 100%;
		justify-self: stretch;
	}

	.about-mobile-title-size--24 h2 {
		font-size: 24px;
	}

	.about-mobile-title-size--28 h2 {
		font-size: 28px;
	}

	.about-mobile-title-size--32 h2 {
		font-size: 32px;
	}

	.about-mobile-title-size--36 h2 {
		font-size: 36px;
	}

	.about-mobile-title-size--40 h2 {
		font-size: 40px;
	}

	.about-title-offset--up-10 h2,
	.about-title-offset--up-20 h2,
	.about-title-offset--up-30 h2,
	.about-title-offset--down-10 h2,
	.about-title-offset--down-20 h2,
	.about-title-offset--down-30 h2 {
		margin-block: 0;
	}

	.about-mobile-title-offset--up-10 h2 {
		margin-block: -10px 10px;
	}

	.about-mobile-title-offset--up-20 h2 {
		margin-block: -20px 20px;
	}

	.about-mobile-title-offset--down-10 h2 {
		margin-block: 10px -10px;
	}

	.about-mobile-title-offset--down-20 h2 {
		margin-block: 20px -20px;
	}

	.about-mobile-body-size--14 p,
	.about-mobile-body-size--14 li {
		font-size: 14px;
	}

	.about-mobile-body-size--16 p,
	.about-mobile-body-size--16 li {
		font-size: 16px;
	}

	.about-mobile-body-size--18 p,
	.about-mobile-body-size--18 li {
		font-size: 18px;
	}

	.about-mobile-text-align--left {
		text-align: left;
	}

	.about-mobile-text-align--center {
		text-align: center;
	}

	.about-mobile-text-align--right {
		text-align: right;
	}

	.about-mobile-image-height--240 .about-editorial-row__media {
		height: 240px;
		aspect-ratio: auto;
	}

	.about-mobile-image-height--300 .about-editorial-row__media {
		height: 300px;
		aspect-ratio: auto;
	}

	.about-mobile-image-height--360 .about-editorial-row__media {
		height: 360px;
		aspect-ratio: auto;
	}

	.about-mobile-image-height--420 .about-editorial-row__media {
		height: 420px;
		aspect-ratio: auto;
	}

	.about-mobile-image-ratio--auto .about-editorial-row__media {
		aspect-ratio: auto;
	}

	.about-mobile-image-ratio--16-9 .about-editorial-row__media {
		aspect-ratio: 16 / 9;
	}

	.about-mobile-image-ratio--4-3 .about-editorial-row__media {
		aspect-ratio: 4 / 3;
	}

	.about-mobile-image-ratio--1-1 .about-editorial-row__media {
		aspect-ratio: 1 / 1;
	}

	.about-mobile-image-ratio--portrait .about-editorial-row__media {
		aspect-ratio: 4 / 5;
	}

	.about-collage {
		grid-template-columns: 1fr;
		grid-template-rows: none;
		min-height: 0;
	}

	.about-collage__item,
	.about-collage__item--tall {
		grid-row: auto;
		aspect-ratio: 16 / 9;
	}

	.about-journey__media,
	.about-exhibitions__grid:not(.about-carousel-track) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.about-quality,
	.about-philosophy,
	.about-mission__content {
		grid-template-columns: 1fr;
	}

	.about-quality img,
	.about-philosophy img {
		min-height: 0;
		aspect-ratio: 16 / 9;
	}

	.about-certification__labels,
	.about-philosophy__points {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.about-mission {
		min-height: 560px;
		padding-block: 80px;
	}

	.about-mission__content {
		gap: 32px;
		padding-block: 80px;
	}

	.about-journey {
		padding-top: 0;
		padding-bottom: 76px;
	}

	.about-glance,
	.about-certification-section,
	.about-after-sales,
	.about-warehouses,
	.about-presence,
	.about-exhibitions {
		padding-block: 76px;
	}

}

@media (max-width: 560px) {
	.about-page__container {
		width: min(calc(100% - 40px), 520px);
	}

	.about-section {
		padding-block: 76px;
	}

	.about-page h2 {
		font-size: 28px;
	}

	.about-page h3 {
		font-size: 18px;
	}

	.about-page p {
		font-size: 15px;
	}

	.about-section__header--with-controls {
		align-items: start;
		flex-direction: column;
	}

	.about-hero {
		min-height: 500px;
		align-items: end;
	}

	.about-hero__image {
		object-position: 70% center;
	}

	.about-hero__shade {
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.08) 84%);
	}

	.about-hero__content {
		padding-block: 72px 48px;
	}

	.about-hero__title {
		font-size: 44px;
	}

	.about-hero__description {
		font-size: 15px !important;
	}

	.about-intro__statement {
		font-size: 24px;
	}

	.about-card > div,
	.about-certification {
		padding: 24px;
	}

	.about-values__stories,
	.about-presence__stories {
		gap: 68px;
	}

	.about-editorial-row__copy h3 {
		font-size: 24px;
	}

	.about-editorial-row__copy p {
		font-size: 16px;
	}

	.about-editorial-row__media {
		aspect-ratio: 4 / 3;
		border-radius: 12px;
	}

	.about-journey,
	.about-glance,
	.about-presence,
	.about-exhibitions {
		padding-block: 76px;
	}

	.about-journey {
		padding-top: 0;
	}

	.about-intro__grid,
	.about-editorial-row,
	.about-editorial-row--reverse {
		gap: 32px;
	}

	.about-check-list,
	.about-certification__labels,
	.about-philosophy__points,
	.about-journey__media,
	.about-exhibitions__grid:not(.about-carousel-track) {
		grid-template-columns: 1fr;
	}

	.about-timeline__item,
	.about-event-card {
		flex-basis: 100%;
	}

	.about-certification__labels span {
		min-height: 64px;
	}

	.about-presence__support li {
		grid-template-columns: 32px minmax(0, 1fr);
		gap: 14px;
	}

	.about-mission {
		min-height: 620px;
		padding-block: 68px;
	}

	.about-explore {
		min-height: 360px;
	}
}

/* ===========================================================================
   Corporate Motion V1
   Progressive enhancement: pre-reveal states exist only after JS opt-in.
   ========================================================================== */

.about-page.about-motion-enabled [data-about-motion] {
	--about-motion-delay: 0ms;
	--about-motion-distance: 22px;
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-duration: 780ms;
	transition-property: opacity, transform;
	transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: var(--about-motion-delay);
	will-change: opacity, transform;
}

.about-page.about-motion-enabled [data-about-motion="body"] {
	--about-motion-distance: 16px;
	transition-duration: 740ms;
}

.about-page.about-motion-enabled [data-about-motion="media"] {
	--about-motion-distance: 20px;
	transition-duration: 840ms;
}

.about-page.about-motion-enabled [data-about-motion]:not(.is-about-motion-visible) {
	opacity: 0;
	transform: translate3d(0, var(--about-motion-distance), 0);
}

.about-page.about-motion-enabled [data-about-motion="media"]:not(.is-about-motion-visible) {
	transform: translate3d(0, var(--about-motion-distance), 0) scale(1.015);
}

@media (max-width: 768px) {
	.about-page.about-motion-enabled [data-about-motion] {
		--about-motion-distance: 17px;
	}

	.about-page.about-motion-enabled [data-about-motion="body"] {
		--about-motion-distance: 14px;
	}

	.about-page.about-motion-enabled [data-about-motion="media"] {
		--about-motion-distance: 16px;
	}
}

@media (hover: hover) and (pointer: fine) {
	.about-collage__item img,
	.about-editorial-row__media img,
	.about-journey__media img,
	.about-event-card img {
		scale: 1;
		translate: 0 0;
		transition: scale 480ms cubic-bezier(0.22, 1, 0.36, 1),
			translate 480ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.about-collage__item:hover img,
	.about-editorial-row__media:hover img,
	.about-journey__media img:hover,
	.about-event-card:hover img {
		scale: 1.02;
		translate: 0 -3px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.about-page.about-motion-enabled [data-about-motion] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		will-change: auto;
	}

	.about-collage__item img,
	.about-editorial-row__media img,
	.about-journey__media img,
	.about-event-card img {
		scale: 1 !important;
		translate: none !important;
		transition: none !important;
	}
}