/* /css/page_about.css */
#boxAbout{
	--about:#159b8c;
	--about-dark:#12334a;
	--about-text:#1f2937;
	--about-muted:#71808d;
	--about-pale:#f7f9fa;
	--about-line:#e5ebef;
	background:#fff;
	color:var(--about-text);
	letter-spacing:-.025em;
}

#boxAbout *{box-sizing:border-box;}
#boxAbout img{display:block;max-width:100%;}
#boxAbout h2,
#boxAbout h3,
#boxAbout h4,
#boxAbout p{margin:0;}
#boxAbout button,
#boxAbout a{font:inherit;}
#boxAbout .about-mobile-br{display:none;}
#boxAbout .about-section{padding:6rem 0;}

#boxAbout .about-eyebrow,
#boxAbout .about-heading>span{
	color:var(--about);
	font-size:.8rem;
	font-weight:400;
	letter-spacing:.42em;
}

#boxAbout .about-heading{
	margin-bottom:2.5rem;
	text-align:center;
}

#boxAbout .about-heading h3{
	margin-top:1.25rem;
	color:var(--about-dark);
	font-size:2.5rem;
	font-weight:500;
	line-height:1.35;
}

#boxAbout .about-point{
	display:block;
	width:2.5rem;
	height:3px;
	margin-bottom:1.5rem;
	background:var(--about);
}

#boxAbout .about-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:.45rem;
	min-width:190px;
	height:3.6rem;
	padding:0 2rem;
	border:1px solid var(--about);
	border-radius:.55rem;
	text-decoration:none;
	font-size:1.05rem;
	font-weight:500;
	line-height:1;
	cursor:pointer;
	transition:background-color .25s ease,color .25s ease,transform .25s ease;
}

#boxAbout .about-btn:hover{transform:translateY(-1px);}
#boxAbout .about-btn .material-symbols-outlined{font-size:1.35rem;font-weight:300;}
#boxAbout .about-btn--primary{background:var(--about);color:#fff;}
#boxAbout .about-btn--primary:hover{background:#118f82;}
#boxAbout .about-btn--outline{background:#fff;color:var(--about);}
#boxAbout .about-btn--outline:hover{background:#f0faf8;}

/* Hero */
#boxAbout .about-hero{
	overflow:hidden;
	background:#fff;
}

#boxAbout .about-hero__inner{
	display:grid;
	grid-template-columns:minmax(360px,.8fr) minmax(540px,1.2fr);
	align-items:center;
	min-height:650px;
}

#boxAbout .about-hero__copy{
	position:relative;
	z-index:1;
	padding:5rem 0;
}

#boxAbout .about-hero h2{
	margin-top:1.25rem;
	color:#20262d;
	font-size:4rem;
	font-weight:600;
	line-height:1.18;
}

#boxAbout .about-hero h2 strong{
	color:var(--about);
	font-weight:600;
}

#boxAbout .about-hero__lead{
	margin-top:1.8rem;
	color:#3e4b56;
	font-size:1.15rem;
	font-weight:400;
	line-height:1.75;
	word-break:keep-all;
}

#boxAbout .about-actions{
	display:flex;
	flex-wrap:wrap;
	gap:.75rem;
	margin-top:2.25rem;
}

#boxAbout .about-hero__visual{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:0;
	padding:3rem 0 3rem 2rem;
}

#boxAbout .about-hero__visual::before{
	content:'';
	position:absolute;
	inset:8% 0 8% 8%;
	z-index:0;
	border-radius:50%;
	background:radial-gradient(circle,#f3f5f6 0%,rgba(247,249,250,0) 70%);
}

#boxAbout .about-hero__visual img{
	position:relative;
	z-index:1;
	width:100%;
	max-height:570px;
	object-fit:contain;
}

/* Discovery */
#boxAbout .about-discovery{background:var(--about-pale);}
#boxAbout .about-split{
	display:grid;
	grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);
	align-items:center;
	gap:4rem;
}

#boxAbout .about-split__copy h3,
#boxAbout .about-story__copy h3,
#boxAbout .about-trust__copy h3{
	color:var(--about-dark);
	font-size:2.5rem;
	font-weight:500;
	line-height:1.35;
	word-break:keep-all;
}

#boxAbout .about-split__copy p,
#boxAbout .about-story__copy p,
#boxAbout .about-trust__copy p{
	margin-top:1.25rem;
	color:var(--about-muted);
	font-size:1.15rem;
	line-height:1.85;
	word-break:keep-all;
}

#boxAbout .about-split__copy p+p{margin-top:.45rem;}
#boxAbout .about-split__visual img{
	width:100%;
	max-height:410px;
	object-fit:contain;
}

/* Story */
#boxAbout .about-story__item{padding:5rem 0;background:#fff;}
#boxAbout .about-story__item--gray{background:var(--about-pale);}
#boxAbout .about-story__inner{
	display:grid;
	grid-template-columns:minmax(520px,1.15fr) minmax(360px,.85fr);
	align-items:center;
	gap:5rem;
}

#boxAbout .about-story__inner--reverse{
	grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);
}

#boxAbout .about-story__inner--reverse .about-story__visual{order:2;}
#boxAbout .about-story__inner--reverse .about-story__copy{order:1;}
#boxAbout .about-story__visual img{
	width:100%;
	max-height:460px;
	object-fit:contain;
}

#boxAbout .about-story__copy em{
	display:flex;
	align-items:center;
	gap:.75rem;
	margin-bottom:1.35rem;
	color:var(--about);
	font-size:.95rem;
	font-style:normal;
	font-weight:600;
	letter-spacing:.08em;
}

#boxAbout .about-story__copy em::after{
	content:'';
	width:2rem;
	height:2px;
	background:var(--about);
}

#boxAbout .about-story__copy small{
	display:flex;
	align-items:center;
	gap:.35rem;
	margin-top:1.25rem;
	color:#8b97a0;
	font-size:.85rem;
	line-height:1.5;
}

#boxAbout .about-story__copy small .material-symbols-outlined{font-size:1rem;}

/* Values */
#boxAbout .about-values{border-top:1px solid var(--about-line);}
#boxAbout .about-values__grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:1.5rem;
}

#boxAbout .about-values__item{
	display:flex;
	align-items:center;
	gap:1.5rem;
	min-height:150px;
	padding:1.5rem 2rem;
	border-right:1px solid var(--about-line);
}

#boxAbout .about-values__item:last-child{border-right:0;}
#boxAbout .about-values__item img{
	flex:0 0 100px;
	width:100px;
	height:100px;
	object-fit:contain;
}

#boxAbout h4{
	color:#26343f;
	font-size:1.15rem;
	font-weight:600;
	line-height:1.45;
}

#boxAbout .about-values__item p{
	margin-top:.65rem;
	color:#7a8792;
	font-size:1rem;
	line-height:1.55;
	word-break:keep-all;
}

/* Process */
#boxAbout .about-process{background:var(--about-pale);}
#boxAbout .about-process__list{
	position:relative;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:1.25rem;
	margin:0;
	padding:0;
	list-style:none;
}

#boxAbout .about-process__list::before{
	content:'';
	position:absolute;
	top:73px;
	left:12.5%;
	right:12.5%;
	height:1px;
	background:#d7dfe3;
}

#boxAbout .about-process__list li{
	position:relative;
	z-index:1;
	text-align:center;
}

#boxAbout .about-process__icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:146px;
	height:146px;
	margin:0 auto 1.25rem;
	border:1px solid var(--about-line);
	border-radius:50%;
	background:#fff;
}

#boxAbout .about-process__icon img{
	width:88px;
	height:88px;
	object-fit:contain;
}

#boxAbout .about-process__list em{
	display:block;
	margin-bottom:.55rem;
	color:var(--about);
	font-size:.8rem;
	font-style:normal;
	font-weight:600;
}

#boxAbout .about-process__list p{
	margin-top:.65rem;
	color:#7a8792;
	font-size:1rem;
	line-height:1.55;
	word-break:keep-all;
}

/* Trust */
#boxAbout .about-trust{background:#fff;}
#boxAbout .about-trust__inner{
	display:grid;
	grid-template-columns:minmax(520px,1.1fr) minmax(420px,.9fr);
	align-items:center;
	gap:4rem;
}

#boxAbout .about-trust__visual img{
	width:100%;
	max-height:380px;
	object-fit:contain;
}

/* Closing */
#boxAbout .about-closing{padding:0 0 7rem;}
#boxAbout .about-closing__inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:3rem;
	min-height:220px;
	padding:2.5rem 4rem;
	border:1px solid var(--about-line);
	border-radius:1.25rem;
	background:#f5f7f8;
}

#boxAbout .about-closing p{
	color:#50616c;
	font-size:1rem;
	line-height:1.55;
}

#boxAbout .about-closing h3{
	margin-top:.5rem;
	color:var(--about-dark);
	font-size:2.5rem;
	font-weight:600;
	line-height:1.35;
}

#boxAbout .about-closing h3::first-line{color:var(--about);}
#boxAbout .about-closing__actions{
	display:flex;
	flex-shrink:0;
	gap:.75rem;
}

@media (min-width:769px) and (max-width:1300px){
	#boxAbout .about-hero__inner{min-height:50vw;max-height:650px;}
	#boxAbout .about-hero__visual img{max-height:44vw;}
}

@media(max-width:1024px){
	#boxAbout .about-section,
	#boxAbout .about-story__item{padding-left:1.5rem;padding-right:1.5rem;}
	#boxAbout .about-eyebrow{display:none;}
	#boxAbout .about-heading h3,
	#boxAbout .about-split__copy h3,
	#boxAbout .about-story__copy h3,
	#boxAbout .about-trust__copy h3{font-size:2rem;}
	#boxAbout .about-hero h2{font-size:3rem;}
	#boxAbout .about-hero__inner{grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);}
	#boxAbout .about-split{grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);gap:2.5rem;}
	#boxAbout .about-story__inner,
	#boxAbout .about-story__inner--reverse{grid-template-columns:1fr 1fr;gap:3rem;}
	#boxAbout .about-values__item{padding:1.25rem;gap:1rem;}
	#boxAbout .about-values__item img{flex-basis:82px;width:82px;height:82px;}
	#boxAbout .about-process__icon{width:125px;height:125px;}
	#boxAbout .about-process__list::before{top:62px;}
	#boxAbout .about-trust__inner{grid-template-columns:1.1fr .9fr;gap:2.5rem;}
	#boxAbout .about-closing__inner{padding:2rem;}
	#boxAbout .about-closing__actions{flex-direction:column;}
}

@media(max-width:768px){
	#boxAbout .about-section{padding:4rem 1.25rem;}
	#boxAbout .about-heading{margin-bottom:1.8rem;}
	#boxAbout .about-heading>span{font-size:.7rem;letter-spacing:.3em;}
	#boxAbout .about-heading h3,
	#boxAbout .about-split__copy h3,
	#boxAbout .about-story__copy h3,
	#boxAbout .about-trust__copy h3{font-size:1.5rem;}
	#boxAbout .about-mobile-br{display:block;}
	#boxAbout .about-desktop-br{display:none;}
	#boxAbout .about-point{width:2rem;margin-bottom:1rem;}

	#boxAbout .about-hero__inner{
		display:flex;
		flex-direction:column;
		min-height:0;
		padding:0;
	}
	#boxAbout .about-hero__copy{
		width:100%;
		padding:2.75rem 1.25rem 1.25rem;
		text-align:left;
	}
	#boxAbout .about-hero h2{
		margin-top:0;
		font-size:clamp(2.25rem,10vw,2.8rem);
		line-height:1.12;
	}
	#boxAbout .about-hero__lead{margin-top:1.25rem;font-size:1.05rem;line-height:1.7;}
	#boxAbout .about-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.75rem;}
	#boxAbout .about-btn{min-width:0;height:3.35rem;padding:0 .75rem;font-size:.95rem;}
	#boxAbout .about-hero__visual{
		width:100%;
		padding:.5rem 1rem 2.5rem;
	}
	#boxAbout .about-hero__visual img{max-height:390px;}

	#boxAbout .about-split{display:flex;flex-direction:column;gap:2rem;}
	#boxAbout .about-split__copy,
	#boxAbout .about-split__visual{width:100%;}
	#boxAbout .about-split__copy p,
	#boxAbout .about-story__copy p,
	#boxAbout .about-trust__copy p{margin-top:.9rem;font-size:.95rem;line-height:1.7;}
	#boxAbout .about-split__copy p+p{margin-top:.35rem;}
	#boxAbout .about-split__visual img{max-height:270px;}

	#boxAbout .about-story__item{padding:4rem 1.25rem;}
	#boxAbout .about-story__inner,
	#boxAbout .about-story__inner--reverse{
		display:flex;
		flex-direction:column;
		gap:1.5rem;
	}
	#boxAbout .about-story__inner--reverse .about-story__visual{order:1;}
	#boxAbout .about-story__inner--reverse .about-story__copy{order:2;}
	#boxAbout .about-story__visual,
	#boxAbout .about-story__copy{width:100%;}
	#boxAbout .about-story__visual img{max-height:310px;}
	#boxAbout .about-story__copy em{margin-bottom:.8rem;font-size:.8rem;}
	#boxAbout .about-story__copy small{font-size:.8rem;}

	#boxAbout .about-values__grid{display:block;}
	#boxAbout .about-values__item{
		min-height:0;
		padding:1rem 0;
		border-right:0;
		border-bottom:1px solid var(--about-line);
	}
	#boxAbout .about-values__item:last-child{border-bottom:0;}
	#boxAbout .about-values__item img{flex-basis:82px;width:82px;height:82px;}
	#boxAbout h4{font-size:1rem;}
	#boxAbout .about-values__item p,
	#boxAbout .about-process__list p{margin-top:.25rem;font-size:.95rem;}

	#boxAbout .about-process__list{display:block;}
	#boxAbout .about-process__list::before{
		top:40px;
		bottom:40px;
		left:39px;
		right:auto;
		width:1px;
		height:auto;
		background:#c9dedb;
	}
	#boxAbout .about-process__list li{
		display:grid;
		grid-template-columns:80px 42px minmax(0,1fr);
		grid-template-rows:auto auto;
		align-items:center;
		min-height:100px;
		text-align:left;
	}
	#boxAbout .about-process__icon{
		grid-row:1/3;
		width:80px;
		height:80px;
		margin:0;
	}
	#boxAbout .about-process__icon img{width:52px;height:52px;}
	#boxAbout .about-process__list em{
		grid-column:2;
		grid-row:1/3;
		margin:0;
		text-align:center;
	}
	#boxAbout .about-process__list h4{grid-column:3;align-self:end;}
	#boxAbout .about-process__list p{grid-column:3;align-self:start;}
	#boxAbout .about-process__list p br{display:none;}

	#boxAbout .about-trust__inner{display:flex;flex-direction:column;gap:2rem;}
	#boxAbout .about-trust__copy,
	#boxAbout .about-trust__visual{width:100%;}
	#boxAbout .about-trust__copy h3 br{display:none;}
	#boxAbout .about-trust__copy p br{display:none;}
	#boxAbout .about-trust__visual img{max-height:260px;}

	#boxAbout .about-closing{padding:0 1.25rem 5rem;}
	#boxAbout .about-closing__inner{
		display:block;
		min-height:0;
		padding:1.5rem;
		border-radius:1.25rem;
	}
	#boxAbout .about-closing p{font-size:.9rem;}
	#boxAbout .about-closing h3{font-size:1.5rem;}
	#boxAbout .about-closing__actions{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:.6rem;
		margin-top:1.5rem;
	}
}

@media(max-width:480px){
	#boxAbout .about-section,
	#boxAbout .about-story__item{padding-left:1rem;padding-right:1rem;}
	#boxAbout .about-hero__copy{padding-left:1rem;padding-right:1rem;}
	#boxAbout .about-hero h2{font-size:2.45rem;}
	#boxAbout .about-actions,
	#boxAbout .about-closing__actions{grid-template-columns:1fr;}
	#boxAbout .about-hero__visual{padding-left:.5rem;padding-right:.5rem;}
	#boxAbout .about-discovery{padding-top:3.5rem;padding-bottom:3.5rem;}
	#boxAbout .about-story__item{padding-top:3.5rem;padding-bottom:3.5rem;}
	#boxAbout .about-story__visual img{max-height:260px;}
	#boxAbout .about-process__list li{grid-template-columns:72px 34px minmax(0,1fr);min-height:94px;}
	#boxAbout .about-process__icon{width:72px;height:72px;}
	#boxAbout .about-process__list::before{left:35px;}
	#boxAbout .about-closing{padding-left:1rem;padding-right:1rem;}
}