.about-page { overflow: hidden; }
.about-page-hero {
	position: relative;
	display: grid;
	grid-template-columns: 58% 42%;
	min-height: min(42vw, 760px);
	color: var(--white);
	background: var(--navy);
}
.about-page-hero__image { min-height: inherit; }
.about-page-hero__image img { width: 100%; height: 100%; object-fit: cover; }
.about-page-hero__copy {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(3rem, 5vw, 6rem) clamp(2rem, 4vw, 5rem);
	padding-left: clamp(5rem, 11vw, 14rem);
	margin-left: -8vw;
	background: var(--navy);
	clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}
.about-page-hero__copy::after {
	position: absolute;
	right: 4%;
	bottom: 2%;
	width: min(60%, 410px);
	height: 320px;
	background: url("../images/shared/Watermark Logo Levefort Branco.png") center / contain no-repeat;
	opacity: .045;
	content: "";
}
.about-page-hero h1 {
	position: relative;
	z-index: 1;
	margin-bottom: 1.5rem;
	font-family: var(--heading-font);
	font-size: clamp(3rem, 5vw, 6.5rem);
	font-weight: 300;
	line-height: .96;
	text-transform: uppercase;
}
.about-page-hero h1 strong { font-weight: 800; }
.about-page-hero__copy p {
	position: relative;
	z-index: 1;
	max-width: 560px;
	font-size: clamp(.9rem, 1vw, 1.1rem);
}
.about-page-hero .whatsapp-float { right: 2.5rem; bottom: 2rem; }

.origin { background: var(--white); }
.origin__grid {
	display: grid;
	grid-template-columns: .8fr 1.45fr;
	gap: clamp(3rem, 7vw, 8rem);
	align-items: center;
}
.origin__copy h2,
.timeline h2,
.global-numbers h2,
.purpose h2,
.naval-engineering h2 {
	margin-bottom: 1.5rem;
	font-family: var(--heading-font);
	font-size: clamp(3rem, 4.8vw, 5.8rem);
	font-weight: 300;
	line-height: .98;
	text-transform: uppercase;
	letter-spacing: -.03em;
}
.origin__copy h2 strong,
.timeline h2 strong,
.global-numbers h2 strong,
.purpose h2 strong,
.naval-engineering h2 strong { font-weight: 800; }
.origin__copy p { max-width: 540px; color: var(--muted); }
.origin__image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

.timeline {
	position: relative;
	background: #f5f5f3;
	isolation: isolate;
}
.timeline::after {
	position: absolute;
	right: -3rem;
	top: 1rem;
	z-index: -1;
	width: min(45vw, 700px);
	height: 540px;
	background: url("../images/shared/Watermark Logo Levefort Azul.png") center / contain no-repeat;
	opacity: .025;
	content: "";
}
.timeline__list {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(1.5rem, 4vw, 5rem);
	padding: 0;
	margin: 3.5rem 0 0;
	list-style: none;
}
.timeline__list::before {
	position: absolute;
	top: 4.7rem;
	right: 0;
	left: 0;
	height: 1px;
	background: #c9d0d6;
	content: "";
}
.timeline__list li { position: relative; }
.timeline__list time {
	display: block;
	margin-bottom: 3.2rem;
	font-family: var(--heading-font);
	font-size: clamp(2rem, 3vw, 3.4rem);
}
.timeline__list time::after {
	position: absolute;
	top: 4.25rem;
	left: 0;
	z-index: 1;
	width: 15px;
	height: 15px;
	border: 4px solid var(--paper);
	border-radius: 50%;
	background: var(--blue);
	content: "";
}
.timeline__list div {
	min-height: 155px;
	padding: 1.5rem;
	background: var(--white);
	box-shadow: 0 10px 35px rgba(20,47,77,.06);
}
.timeline__list h3 { margin-bottom: .5rem; font-size: 1rem; }
.timeline__list p { margin-bottom: 0; color: var(--muted); font-size: .85rem; }

.innovation {
	min-height: min(56vw, 920px);
	color: var(--white);
	background: linear-gradient(90deg, rgba(4,48,64,.2), rgba(5,30,49,.18)), var(--innovation-bg) center / cover no-repeat;
}
.innovation__inner {
	display: grid;
	grid-template-columns: 1fr .75fr;
	gap: clamp(3rem, 8vw, 9rem);
	align-items: center;
	min-height: inherit;
	padding-block: clamp(4rem, 8vw, 8rem);
}
.innovation h2 {
	align-self: start;
	margin-top: 2rem;
	font-family: var(--heading-font);
	font-size: clamp(2.7rem, 4.4vw, 5.4rem);
	font-weight: 300;
	line-height: 1;
}
.innovation h2 strong { font-weight: 700; }
.innovation__card {
	justify-self: end;
	width: min(100%, 620px);
	padding: clamp(2rem, 4vw, 4.5rem);
	background: rgba(8,31,52,.9);
	text-align: right;
}
.innovation__card h3 {
	position: relative;
	padding-bottom: 1.5rem;
	margin-bottom: 1.8rem;
	font-size: clamp(1.15rem, 1.5vw, 1.65rem);
}
.innovation__card h3::after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 3px;
	background: var(--blue);
	content: "";
}
.innovation__card p { font-size: .9rem; }

.naval-engineering,
.purpose {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	min-height: min(44vw, 720px);
	color: var(--white);
	background: var(--navy);
}
.naval-engineering__image,
.purpose__image { min-height: inherit; }
.naval-engineering__image img,
.purpose__image img { width: 100%; height: 100%; object-fit: cover; }
.naval-engineering__copy,
.purpose__copy {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(3rem, 6vw, 7rem);
	overflow: hidden;
}
.naval-engineering__copy::after,
.purpose__copy::after {
	position: absolute;
	right: -3rem;
	bottom: -3rem;
	width: 310px;
	height: 250px;
	background: url("../images/shared/Watermark Logo Levefort Branco.png") center / contain no-repeat;
	opacity: .035;
	content: "";
}
.naval-engineering h2,
.purpose h2 { position: relative; z-index: 1; font-size: clamp(2.8rem, 4vw, 5rem); }
.naval-engineering p,
.purpose p,
.naval-engineering ul { position: relative; z-index: 1; max-width: 700px; }
.naval-engineering ul { padding-left: 1.1rem; margin-bottom: 0; }

.global-numbers { background: var(--white); text-align: center; }
.global-numbers h2 { margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.global-numbers__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: start;
}
.global-numbers__grid div {
	display: flex;
	flex-direction: column;
	gap: .6rem;
	padding: 0 2rem;
	border-right: 1px solid #d6dde2;
}
.global-numbers__grid div:last-child { border-right: 0; }
.global-numbers__grid strong {
	font-family: var(--heading-font);
	font-size: clamp(3.2rem, 5.5vw, 6rem);
	line-height: 1;
}
.global-numbers__grid span {
	color: var(--muted);
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.purpose { grid-template-columns: 1.15fr .85fr; }
.purpose__image { padding-block: 3.5rem; }
.purpose__image img { object-position: center; }
.purpose__copy { text-align: right; }
.purpose__copy p { margin-left: auto; }

@media (max-width: 900px) {
	.about-page-hero { grid-template-columns: 1fr; min-height: auto; }
	.about-page-hero__image { min-height: 58vw; }
	.about-page-hero__copy {
		min-height: 430px;
		padding: 4rem var(--gutter);
		margin-left: 0;
		clip-path: none;
	}
	.about-page-hero .whatsapp-float { right: 1.25rem; bottom: 1.25rem; }

	.origin__grid { grid-template-columns: 1fr; }
	.origin__image { order: -1; }
	.timeline__list { grid-template-columns: 1fr; gap: 1.2rem; }
	.timeline__list::before { top: 0; bottom: 0; left: 1rem; width: 1px; height: auto; }
	.timeline__list li { padding-left: 3rem; }
	.timeline__list time { margin-bottom: .7rem; }
	.timeline__list time::after { top: 1rem; left: .55rem; }
	.timeline__list div { min-height: 0; }

	.innovation { min-height: auto; background-position: 45% center; }
	.innovation__inner { grid-template-columns: 1fr; gap: 2rem; }
	.innovation h2 { margin-top: 0; }
	.innovation__card { justify-self: start; text-align: left; }
	.innovation__card h3::after { right: auto; left: 0; }

	.naval-engineering,
	.purpose { grid-template-columns: 1fr; min-height: auto; }
	.naval-engineering__image,
	.purpose__image { min-height: 55vw; padding: 0; }
	.naval-engineering__copy,
	.purpose__copy { min-height: 480px; padding: 4rem var(--gutter); }
	.purpose__copy { text-align: left; }
	.purpose__copy p { margin-left: 0; }

	.global-numbers__grid { gap: 2rem; }
	.global-numbers__grid div { padding: 0 1rem; }
}

@media (max-width: 560px) {
	.about-page-hero__image { min-height: 76vw; }
	.about-page-hero__copy { min-height: 400px; }
	.about-page-hero h1 { font-size: 3.2rem; }
	.origin__copy h2,
	.timeline h2,
	.global-numbers h2,
	.purpose h2,
	.naval-engineering h2 { font-size: 2.7rem; }
	.innovation h2 { font-size: 2.7rem; }
	.innovation__card { padding: 2rem 1.5rem; }
	.naval-engineering__image,
	.purpose__image { min-height: 72vw; }
	.naval-engineering__copy,
	.purpose__copy { min-height: 430px; }
	.global-numbers__grid { grid-template-columns: 1fr; }
	.global-numbers__grid div {
		padding: 1.8rem 0;
		border-right: 0;
		border-bottom: 1px solid #d6dde2;
	}
	.global-numbers__grid div:last-child { border-bottom: 0; }
}