/* Isolated About Us page styles. */
body.kagen-about-page .ahero { padding: 96px 0 84px; }
body.kagen-about-page .ahero h1 { max-width: 820px; margin-top: 14px; }
body.kagen-about-page .ahero .lead { max-width: 760px; margin-top: 22px; }

body.kagen-about-page .story { display: grid; grid-template-columns: .8fr 1.2fr; gap: 56px; align-items: start; }
body.kagen-about-page .story p { color: var(--ink2); font-size: 18px; }
body.kagen-about-page .story p + p { margin-top: 18px; }

body.kagen-about-page .about-values { background: var(--panel); }
body.kagen-about-page .vals { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 44px; }
body.kagen-about-page .val { padding: 24px 22px; border: 1px solid var(--line); border-radius: var(--r); background: #fff; }
body.kagen-about-page .vi { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 12px; background: var(--wash); color: var(--blue2); }
body.kagen-about-page .vi svg { width: 22px; height: 22px; }
body.kagen-about-page .val h3 { margin-top: 16px; font-size: 18px; }
body.kagen-about-page .val p { margin-top: 8px; color: var(--ink2); font-size: 15px; }

body.kagen-about-page .team { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 44px; }
body.kagen-about-page .tm { padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); }
body.kagen-about-page .tm .ph { position: relative; display: flex; width: 6.9375rem; height: 6.9375rem; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #c3c5d9; border-radius: .85rem; }
body.kagen-about-page .tm .ph span { color: #fff; font-size: 28px; font-weight: 800; letter-spacing: .02em; }
body.kagen-about-page .tm .ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #fff; }
body.kagen-about-page .tm h3 { margin-top: 20px; font-size: 21px; }
body.kagen-about-page .tm .role { margin-top: 4px; color: var(--blue2); font-size: 15px; font-weight: 700; }
body.kagen-about-page .tm p { margin-top: 12px; color: var(--ink2); font-size: 15px; }

body.kagen-about-page .about-cta h2 { margin-top: 12px; }
body.kagen-about-page .about-cta .mail a { display: inline-block; padding: 10px 0; }
body.kagen-about-page .about-cta .btn {
	display: inline-flex !important;
	width: auto !important;
	min-width: 184px;
	min-height: 50px;
	flex: 0 0 auto;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center;
	gap: 10px !important;
	padding: 15px 24px !important;
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}
body.kagen-about-page .about-cta .btn svg { width: 18px !important; height: 18px !important; min-width: 18px; flex: 0 0 18px; }
body.kagen-about-page .about-cta .btn > span { display: block; flex: 0 0 auto; white-space: nowrap; }

@media (max-width: 1020px) {
	body.kagen-about-page .vals,
	body.kagen-about-page .team { grid-template-columns: 1fr 1fr; }
	body.kagen-about-page .story { grid-template-columns: 1fr; gap: 20px; }
}

@media (max-width: 640px) {
	body.kagen-about-page .vals,
	body.kagen-about-page .team { grid-template-columns: 1fr; }
	body.kagen-about-page .ahero { padding: 64px 0 56px; }
	body.kagen-about-page .tm { padding: 22px; }
}