html{scroll-behavior:smooth;color-scheme:light}

/* marquee of disciplines — skewed ribbon */
.ribbon{
	background:var(--gray-blue-color);
	color:var(--white-color);
	font-family:"light" !important;
	transform:;
	/** margin:4.5rem 0; **/
	margin:0;
	padding:1.1rem 0;
	overflow:hidden;
	white-space:nowrap;
}
.ribbon div{
	display:inline-block;
	transform:;
	letter-spacing:.28em;
	text-transform:uppercase;
	font-size:.78rem;
	animation:scroll 34s linear infinite;
}
.ribbon b{
	color:var(--gray-color);
	font-size:.88rem;
	margin:0 1.4rem;
}
@keyframes scroll{
	from{
		transform:translateX(0);
	}
	to{
		transform:translateX(-50%);
	}
}
@media(prefers-reduced-motion:reduce){
	.ribbon div{
		animation:none;
	}
}

.wrap{max-width:1800px;margin:0 auto;padding:0 5vw}
/*
.wrap{
	max-width:1200px;
	margin:0 auto;
}
*/
.eyebrow{
	font-family:"bold" !important;
	letter-spacing:.32em;
	text-transform:uppercase;
	font-size:.80rem;
	font-weight:600;
	color:var(--gray-color);
	margin-bottom:1rem;
	
	transform:skewX(-6deg);
}
@media(max-width:840px){.eyebrow{font-size:.77rem}}
h2{
	font-family:"news" !important;
	font-weight:800;
	font-stretch:108%;
	font-size:clamp(1.9rem,4vw,3rem);
	line-height:1.08;
	letter-spacing:.02em;
	color:var(--dark-blue-color);
}

/* ---------- skewed section rhythm ---------- */
.main-page-section-services{
	padding-left:6vw;
	padding-top:3rem;
	padding-right:6vw;
	padding-bottom:4rem;
}
.main-page-section-services .wrap{
	padding:0 3vw;
}
.main-page-section-services .wrap .eyebrow{
	color:var(--dark-blue-color);
}
/* services — parallelogram cards */
.svc-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
	gap:8px;
	margin-top:3.5rem;
	transform:skewX(-6deg);
}
.svc{
	background:var(--dark-blue-color);
	border-left:6px solid var(--gray-color);
	padding:2.8rem 2.4rem;
	transition:.66s;
}
.svc>*{
	transform:skewX(6deg);
}
.svc:hover{
	background:var(--bright-gray-blue-color);
	border-color:var(--gray-blue-color);
}
.svc:hover span p{
	color:var(--dark-blue-color);
}
.svc:hover h3,.svc:hover p{
	color:var(--dark-blue-color);
}
.svc span p{
	font-family:"news" !important;
	font-weight:700;
	color:var(--gray-color);
	font-size:.85rem;
	letter-spacing:.2em;
	margin-bottom:.6rem;
}
.svc h3{
	font-family:"news" !important;
	font-size:1.02rem;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase;
	color:var(--white-color);
	margin-bottom:.7rem;
}
.svc p{
	font-family:"light" !important;
	font-size:.9rem;
	line-height:1.65;
	color:var(--white-color);
	font-weight:300;
}
.svc:hover p{
	color:var(--dark-blue-color);
}
@media(max-width:600px){
	.main-page-section-services .wrap{
		padding:0 5vw;
	}
}
@media(max-width:700px){
	.main-page-section-services{
		padding-left:6vw;
		padding-right:6vw;
		padding-bottom:1rem;
	}
	.svc-grid{
		margin-top:2.2rem;
		transform:none;
	}
	.svc>*{
		transform:none;
	}
}

/* ---------- the ladder: signature element ---------- */
.ladder{background:var(--bright-gray-blue-color);clip-path:polygon(0 1.1vw,100% 0,100% 90%,0 100%,0 100%);margin-top:-1.1vw;margin-bottom:-1.1vw;padding:6rem 6vw 7rem}
/*
.ladder{background:linear-gradient(179deg,var(--white-color) 0 30%,var(--gray-blue-color) 30% 100%);padding:6rem 6vw 7rem}
*/
.ladder .head{text-align:center;max-width:46rem;margin:0 auto 1rem}
.ladder h2{font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:500;color:var(--dark-blue-color);line-height:1.12;margin-top:.8rem}
.ladder .head p{font-family:"light" !important;color:var(--dark-blue-color);margin-top:1rem}
.rungs{margin-top:3.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;align-items:end}
@media(max-width:840px){.rungs{grid-template-columns:1fr}.ladder{background:var(--bright-gray-blue-color);clip-path:polygon(0 4vw,100% 0,100% 98%,0 100%,0 100%);margin-top:-4vw;margin-bottom:-3vw;padding:6rem 6vw 4rem}}
/*
@media(max-width:840px){.rungs{grid-template-columns:1fr}.ladder{background:linear-gradient(188deg,var(--white-color) 0 30%,var(--gray-blue-color) 30% 100%);padding:6rem 6vw 7rem}}
*/
.rung{background:var(--white-color);padding:2.2rem 2rem;border-top:5px solid var(--gray-blue-color);position:relative;
  box-shadow:0 14px 40px rgba(50,69,106,.08);transition:.25s}
.rung:hover{transform:translateY(-6px);box-shadow:0 22px 54px rgba(50,69,106,.16)}
.rung.r2{margin-bottom:2.6rem;border-top-color:var(--dark-blue-color)}
.rung.r3{margin-bottom:5.2rem;border-top-color:var(--gray-color)}
@media(max-width:840px){.rung.r2,.rung.r3{margin-bottom:0}}
.rung .rung-step{font-family:"news" !important;font-size:.9rem;color:var(--gray-blue-color);font-style:italic;letter-spacing:.02em}
.rung h3{font-family:"news" !important;font-size:1.4rem;font-weight:600;color:var(--dark-blue-color);margin:.35rem 0 .7rem}
.rung .role{font-family:"news" !important;display:inline-block;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;
  color:var(--dark-blue-color);background:var(--bright-gray-blue-color);padding:.32rem .7rem;margin-bottom:1rem}
.rung p{font-family:"light" !important;font-size:.92rem;color:var(--dark-blue-color)}
.rung .covers{font-family:"light" !important;margin-top:1.2rem;font-size:.76rem;letter-spacing:.02em;color:var(--dark-blue-color);border-top:1px dashed var(--bright-gray-blue-color);padding-top:.9rem}

/* diagonal process band */
.process{background:linear-gradient(170deg,var(--white-color) 0 10%,var(--dark-blue-color) 10.2% 100%);padding:7rem 6vw 10rem}
/* .process{background:linear-gradient(170deg,var(--white-color) 0 12%,var(--dark-blue-color) 12.2% 100%);padding:10rem 5vw 8rem} */
.process .wrap{color:var(--gray-color)}
.process h2{color:var(--bright-gray-blue-color)}
.process .eyebrow{color:var(--gray-color)}
.steps{margin-top:3.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}.process{background:linear-gradient(170deg,var(--white-color) 0 10%,var(--dark-blue-color) 10.2% 100%);padding:9rem 6vw 6rem}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}
.step{background:rgba(247,249,252,.05);border-top:3px solid var(--gray-color);padding:1.8rem 1.5rem;transform:translateY(calc(var(--i)*1.4rem))}
.step:hover{border-color:var(--gray-blue-color)}
.step h3{font-family:"news" !important;font-size:1.05rem;color:var(--gray-color);margin-bottom:.6rem;font-weight:600}
.step p{font-family:"light" !important;font-size:.85rem;line-height:1.6;color:var(--white-color)}
@media(max-width:900px){.step{transform:none}}

/* mist band — value pillars, offset cards */
.mist-band{background:var(--gray-blue-color);color:var(--dark-blue-color);clip-path:polygon(0 0,100% 4vw,100% 100%,0 100%);padding:6rem 6vw 6rem;margin-top:-4vw}
/* .mist-band{background:var(--gray-blue-color);color:var(--dark-blue-color);clip-path:polygon(0 0,100% 4vw,100% 100%,0 100%);padding:10rem 6vw 8rem;margin-top:-4vw} */
.mist-band .wrap .eyebrow{color:var(--dark-blue-color)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:3rem}
@media(max-width:860px){.pillars{grid-template-columns:1fr}.mist-band{padding:3rem 6vw 6rem}}
.pillar{background:var(--bright-gray-blue-color);padding:2.3rem 2rem;clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);box-shadow:0 18px 40px rgba(50,69,106,.14)}
.pillar .bar{width:46px;height:6px;background:var(--gray-color);margin-bottom:1.3rem;transform:skewX(-18deg)}
.pillar h3{font-family:"news" !important;font-size:1.05rem;margin-bottom:.7rem}
.pillar p{font-family:"light" !important;font-size:.9rem;line-height:1.65;font-weight:300}

/* ---------- trust band ---------- */
.lower-sec-wrap{max-width:1180px;margin:0 auto;padding:0 5vw}

.trust{background:var(--dark-blue-color);color:var(--white-color);padding:6.5rem 0;position:relative;overflow:hidden}
.trust::before{content:"";position:absolute;left:-10%;bottom:-30%;width:50%;height:140%;
  background:var(--gray-blue-color);opacity:.22;transform:skewX(-14deg)}
.trust .lower-sec-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
@media(max-width:840px){.trust .lower-sec-wrap{grid-template-columns:1fr;gap:2rem}}
.trust .eyebrow{color:var(--gray-color)}
.trust h2{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:500;color:var(--white-color);margin-top:.9rem;line-height:1.14}
.trust h2 em{font-style:italic;color:var(--gray-color)}
.tlist{display:grid;gap:1.3rem}
.tlist .ti{display:flex;gap:1rem;align-items:flex-start}
.tlist .ti .dot{flex:0 0 auto;width:14px;height:14px;background:var(--gray-color);margin-top:.35rem;transform:skewX(-14deg)}
.tlist .ti b{display:block;font-family:"news" !important;font-size:1rem;margin-bottom:.15rem}
.tlist .ti span{font-family:"light" !important;color:var(--white-color);font-size:.9rem;font-weight:300}

/* ---------- final CTA ---------- */
.final{background:var(--bright-gray-blue-color);color:var(--white-color);text-align:center;padding:5.5rem 0;
  clip-path:polygon(0 0,100% 4vw,100% 100%,0 100%);margin-top:-4vw}
/*
.final{background:var(--bright-gray-blue-color);color:var(--white-color);text-align:center;padding:5.5rem 0;
  clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}
 */
.final h2{color:var(--white-color);font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:500;max-width:22ch;margin:0 auto 1rem}
.final p{font-family:"light" !important;color:var(--dark-blue-color);max-width:34rem;margin:0 auto 2rem;font-weight:300}
/* .final p{color:#eef3f9;max-width:34rem;margin:0 auto 2rem;font-weight:300} */
.final .btn.gold{background:var(--gray-color);color:var(--dark-blue-color)}

.btn{display:inline-block;text-decoration:none;font-family:"news" !important;font-weight:600;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;
  padding:1.05rem 2rem;transform:skewX(-11deg);transition:.2s}
.btn span{display:inline-block;transform:skewX(11deg)}
.btn.gold{background:var(--gray-color);color:var(--dark-blue-color)}
.btn.gold:hover{background:#e0bd73}
.btn.line{border:2px solid var(--dark-blue-color);color:var(--dark-blue-color)}
.btn.line:hover{background:var(--dark-blue-color);color:var(--white-color)}
.btn.btn-pc-big-menu{clip-path:polygon(0 0,100% 0,100% 100%,0 95%,0 100%)}
@media only screen and (max-device-width: 1365px) and (-webkit-min-device-pixel-ratio:0){.btn-mob-small{clip-path:polygon(0 1.8vw,100% 0,100% 100%,0 100%,0 100%);margin-top:-1.8vw;margin-bottom:0;font-size:.78rem !important;padding-bottom:0.55rem !important;padding-top:0.75rem !important;padding-left:1.65rem !important;padding-right:1.65rem !important}}