.about-hero {
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 12%, rgba(46, 158, 100, 0.16), transparent 34%),
    linear-gradient(180deg, #fff 0%, var(--color-primary-light) 100%);
}

.about-hero__grid {
  display: grid;
  gap: var(--space-8);
  padding-block: var(--space-12) var(--space-16);
}

.about-hero h1 {
  margin: 0;
  color: var(--color-heading);
  font-size: clamp(2.1rem, 9vw, 3rem);
  line-height: 1.16;
  letter-spacing: -0.045em;
  word-break: keep-all;
}

.text-nowrap {
  white-space: nowrap;
}

.about-hero__lead {
  max-width: 700px;
  margin: var(--space-5) 0 0;
  color: var(--color-text-secondary);
  font-size: 1.0625rem;
  line-height: 1.75;
}

.about-hero__actions,
.about-cta__actions {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

.about-hero__portrait {
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(23, 105, 170, 0.12);
  border-radius: var(--radius-xl);
  background: #fff;
  box-shadow: var(--shadow-md);
}

.about-hero__portrait img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.about-hero__portrait figcaption {
  display: grid;
  gap: 2px;
  padding: var(--space-5);
}

.about-hero__portrait strong {
  color: var(--color-heading);
  font-size: 1.125rem;
}

.about-hero__portrait span {
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
}

.about-story-grid,
.identity-grid {
  display: grid;
  gap: var(--space-6);
}

.about-story-copy,
.identity-copy {
  max-width: 760px;
}

.about-story-copy p,
.identity-copy p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 1.0625rem;
  line-height: 1.85;
}

.about-story-copy p + p,
.identity-copy p + p {
  margin-top: var(--space-4);
}

.expertise-grid {
  display: grid;
  gap: var(--space-4);
}

.expertise-card {
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: var(--shadow-sm);
}

.expertise-card > span {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 14px;
  background: var(--color-primary-light);
  color: var(--color-primary-dark);
  font-weight: 900;
}

.expertise-card > .expertise-card__icon--green {
  background: var(--color-secondary-light);
  color: var(--color-secondary-dark);
}

.expertise-card h3 {
  margin: var(--space-4) 0 var(--space-2);
  color: var(--color-heading);
  font-size: 1.125rem;
}

.expertise-card p {
  margin: 0;
  color: var(--color-text-secondary);
}

.vision-section {
  padding: var(--space-16) 0;
  background: #fff;
}

.vision-card {
  display: grid;
  gap: var(--space-6);
  padding: var(--space-8) var(--space-6);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at 92% 15%, rgba(46, 158, 100, 0.28), transparent 32%),
    linear-gradient(145deg, var(--color-primary-dark), #0f436c);
  color: #fff;
  box-shadow: var(--shadow-md);
}

.eyebrow--light { color: #bfe4ff; }

.vision-card h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.75rem, 7vw, 2.5rem);
  line-height: 1.25;
}

.vision-card blockquote {
  margin: 0;
  color: rgba(255, 255, 255, 0.94);
  font-size: clamp(1.15rem, 5vw, 1.55rem);
  font-weight: 700;
  line-height: 1.7;
}

.identity-note {
  padding: var(--space-5);
  border-left: 4px solid var(--color-secondary);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  background: var(--color-secondary-light);
  color: var(--color-heading) !important;
}

.about-cta {
  padding: var(--space-12) 0 var(--space-20);
  background: var(--color-bg-soft);
}

.about-cta__inner {
  padding: var(--space-8) var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: #fff;
  box-shadow: var(--shadow-sm);
}

.about-cta h2 {
  margin: 0;
  color: var(--color-heading);
  font-size: clamp(1.75rem, 7vw, 2.4rem);
  line-height: 1.3;
}

@media (min-width: 768px) {
  .about-hero__grid { grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.65fr); align-items: center; }
  .about-hero__actions, .about-cta__actions { grid-template-columns: repeat(2, max-content); }
  .expertise-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vision-card { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; padding: var(--space-10); }
  .about-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); padding: var(--space-8); }
  .about-cta__actions { margin-top: 0; }
}

@media (min-width: 1024px) {
  .about-hero__grid { padding-block: var(--space-16) var(--space-20); }
  .about-story-grid, .identity-grid { grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: var(--space-12); align-items: start; }
  .expertise-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Legacy field-history content integrated before production cutover. */
.journey-section {
  padding-top: var(--space-4);
}

.journey-heading > p:last-child {
  max-width: 760px;
  margin: var(--space-4) 0 0;
  color: var(--color-text-secondary);
  font-size: 1.0625rem;
  line-height: 1.8;
}

.journey-grid {
  display: grid;
  gap: var(--space-4);
}

.journey-card {
  position: relative;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: var(--shadow-sm);
}

.journey-card::before {
  position: absolute;
  top: 0;
  left: var(--space-6);
  width: 44px;
  height: 4px;
  border-radius: 0 0 999px 999px;
  background: var(--color-primary);
  content: "";
}

.journey-card--current {
  border-color: rgba(46, 158, 100, 0.28);
  background: linear-gradient(180deg, #fff 0%, var(--color-secondary-light) 100%);
}

.journey-card--current::before {
  background: var(--color-secondary-dark);
}

.journey-card time,
.journey-card__time {
  display: inline-block;
  margin-top: var(--space-2);
  color: var(--color-primary-dark);
  font-weight: 800;
  letter-spacing: .02em;
}

.journey-card--current .journey-card__time {
  color: var(--color-secondary-dark);
}

.journey-card h3 {
  margin: var(--space-3) 0 var(--space-2);
  color: var(--color-heading);
  font-size: 1.125rem;
  line-height: 1.45;
}

.journey-card p {
  margin: 0;
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.journey-media-link {
  margin: var(--space-6) 0 0;
}

.journey-media-link a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-primary-dark);
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

@media (min-width: 768px) {
  .journey-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .journey-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}


/* 14.16 richer director profile */
.about-hero__portrait{justify-self:center;width:min(100%,320px)}.about-hero__portrait img{aspect-ratio:4/5}.director-profile-section{padding-top:var(--space-12);background:#fff}.director-profile-head{display:grid;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--color-border)}.director-profile-head h2{margin:0;color:var(--color-heading);font-size:clamp(2rem,6vw,3rem);letter-spacing:-.045em}.director-profile-role{margin:7px 0 0;color:#334155;font-weight:800}.director-profile-tag{margin:5px 0 0;color:var(--color-secondary-dark);font-weight:800}.director-profile-head blockquote{margin:0;padding:18px 20px;border-left:4px solid var(--color-secondary);border-radius:0 16px 16px 0;background:var(--color-secondary-light);color:#294035;font-size:1.03rem;font-weight:800;line-height:1.7}.director-profile-summary{max-width:960px;margin:24px 0 0;color:var(--color-text-secondary);font-size:1.05rem;line-height:1.85}.director-profile-facts{display:grid;gap:12px;margin-top:24px}.director-profile-facts article{padding:20px;border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.director-profile-facts span{color:var(--color-primary);font-size:.76rem;font-weight:900;letter-spacing:.06em}.director-profile-facts h3{margin:8px 0 5px;color:var(--color-heading);font-size:1.06rem}.director-profile-facts p{margin:0;color:var(--color-text-secondary);line-height:1.55}.director-profile-columns{display:grid;gap:14px;margin-top:24px}.director-profile-columns article{padding:22px;border-radius:20px;background:var(--color-bg-soft);border:1px solid var(--color-border)}.director-profile-columns h3{margin:0 0 13px;color:var(--color-heading)}.director-profile-columns ul{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--color-text-secondary);line-height:1.55}.director-philosophy{margin-top:24px;padding:24px;border-radius:22px;background:linear-gradient(135deg,var(--color-primary-dark),#154d78);color:#fff}.director-philosophy h3{margin:0;color:#fff}.director-philosophy p{margin:10px 0 0;color:rgba(255,255,255,.88);line-height:1.75}.director-philosophy a{display:inline-block;margin-top:14px;color:#d8efff;font-weight:900}
@media (min-width:768px){.about-hero__portrait{justify-self:end}.director-profile-head{grid-template-columns:1.15fr .85fr;align-items:center}.director-profile-facts{grid-template-columns:repeat(2,1fr)}.director-profile-columns{grid-template-columns:repeat(3,1fr)}}


/* 14.20 representative portrait balance */
.about-hero__portrait{width:min(100%,230px)!important}
.about-hero__portrait .optimized-image{border-radius:24px;overflow:hidden;box-shadow:0 16px 36px rgba(15,41,64,.10)}
.about-hero__portrait figcaption{padding-top:10px}
@media (min-width:768px){.about-hero__grid{grid-template-columns:minmax(0,1.35fr) minmax(210px,.45fr)!important}.about-hero__portrait{width:220px!important}}
@media (max-width:767px){.about-hero__portrait{width:190px!important;margin-inline:auto}}

.ministry-roles article a{display:inline-flex;margin-top:10px;color:var(--color-primary);font-size:.9rem;font-weight:900}.elimg-mission{background:linear-gradient(180deg,#f5faf7 0,#fff 44%);border-block:1px solid var(--color-border)}.elimg-mission__intro{display:grid;gap:28px;align-items:center}.elimg-mission__intro h2{margin:0 0 16px;color:var(--color-heading);font-size:clamp(2.4rem,6vw,4rem);letter-spacing:-.05em}.elimg-mission__lead{max-width:720px;margin:0;color:var(--color-text-secondary);font-size:1.12rem;line-height:1.85}.elimg-mission__intro figure{margin:0}.elimg-mission__intro picture{display:block;overflow:hidden;border-radius:26px;box-shadow:var(--shadow-md)}.elimg-mission__intro img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.elimg-mission__intro figcaption{padding:10px 4px 0;color:var(--color-text-secondary);font-size:.88rem}.elimg-mission__vision{display:grid;gap:14px;margin-top:46px}.elimg-mission__vision article{padding:24px;border:1px solid var(--color-border);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}.elimg-mission__vision span{color:var(--color-primary);font-size:.78rem;font-weight:900;letter-spacing:.1em}.elimg-mission__vision h3{margin:10px 0 8px;color:var(--color-heading)}.elimg-mission__vision p{margin:0;color:var(--color-text-secondary);line-height:1.7}.elimg-mission__practice{margin-top:72px}.elimg-mission__practice .section-heading{max-width:860px}.elimg-mission__practice .section-heading h3{margin:0 0 12px;color:var(--color-heading);font-size:clamp(1.8rem,4vw,2.6rem)}.elimg-mission__network{display:grid;gap:16px}.elimg-mission__network article{padding:26px;border-left:5px solid var(--color-secondary);border-radius:0 20px 20px 0;background:var(--color-secondary-light)}.elimg-mission__network span{color:var(--color-secondary-dark);font-size:.8rem;font-weight:900}.elimg-mission__network h4{margin:8px 0 10px;color:var(--color-heading);font-size:1.2rem}.elimg-mission__network p{margin:0;color:#4c6157;line-height:1.7}.elimg-mission__global{display:grid;gap:24px;margin-top:54px;padding:32px;border-radius:26px;background:linear-gradient(135deg,#123f62,#1769aa);color:#fff}.elimg-mission__global h3{margin:0 0 10px;color:#fff;font-size:2rem}.elimg-mission__global p:not(.eyebrow){margin:0;color:rgba(255,255,255,.82)}.elimg-mission__global ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.elimg-mission__global li{display:grid;gap:4px;padding:16px 0;border-top:1px solid rgba(255,255,255,.2)}.elimg-mission__global li:first-child{border-top:0}.elimg-mission__global strong{color:#fff;font-size:1.05rem}.elimg-mission__global span{color:rgba(255,255,255,.78)}.elimg-mission__promise{margin-top:28px;padding:24px;border:1px solid #cfe2d8;border-radius:20px;background:#f1f8f4}.elimg-mission__promise strong{color:#195e3e;font-size:1.08rem}.elimg-mission__promise p{margin:8px 0 0;color:#476053;line-height:1.75}@media(min-width:768px){.elimg-mission__intro{grid-template-columns:1.05fr .95fr}.elimg-mission__vision{grid-template-columns:repeat(2,minmax(0,1fr))}.elimg-mission__vision article:last-child{grid-column:1/-1}.elimg-mission__network{grid-template-columns:repeat(3,minmax(0,1fr))}.elimg-mission__global{grid-template-columns:.8fr 1.2fr;align-items:center;padding:40px}}@media(min-width:1100px){.elimg-mission__vision{grid-template-columns:repeat(5,minmax(0,1fr))}.elimg-mission__vision article:last-child{grid-column:auto}.elimg-mission__vision article{min-height:280px}}@media(max-width:560px){.elimg-mission__global{padding:26px 22px}.elimg-mission__intro h2{font-size:2.5rem}}

.whole-life-journey{margin-top:72px;padding-top:64px;border-top:1px solid var(--color-border)}.whole-life-journey__heading{max-width:880px;margin:0 auto 34px;text-align:center}.whole-life-journey__heading h3{margin:0 0 14px;color:var(--color-heading);font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.045em}.whole-life-journey__heading>p:last-child{margin:0;color:var(--color-text-secondary);font-size:1.06rem;line-height:1.85}.whole-life-journey__steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}.whole-life-journey__steps li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px;border:1px solid var(--color-border);border-radius:18px;background:#fff}.whole-life-journey__steps li>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary-dark);font-size:.78rem;font-weight:900}.whole-life-journey__steps strong{display:block;color:var(--color-heading);font-size:1.05rem}.whole-life-journey__steps p{margin:5px 0 0;color:var(--color-text-secondary);line-height:1.6}.whole-life-journey__system{display:grid;gap:24px;margin-top:30px;padding:30px;border-radius:24px;background:#102f49;color:#fff}.whole-life-journey__system h4{margin:0 0 10px;color:#fff;font-size:1.45rem}.whole-life-journey__system p{margin:0;color:rgba(255,255,255,.78);line-height:1.75}.whole-life-journey__system ul{display:grid;gap:8px;margin:0;padding-left:20px;color:rgba(255,255,255,.88)}@media(min-width:768px){.whole-life-journey__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.whole-life-journey__system{grid-template-columns:1fr 1fr;padding:38px}}@media(max-width:560px){.whole-life-journey{margin-top:54px;padding-top:50px}.whole-life-journey__steps li{grid-template-columns:40px 1fr;padding:18px 16px}.whole-life-journey__steps li>span{width:36px;height:36px}}

.workplace-partners{display:grid;gap:22px;margin-top:34px;padding:28px;border:1px solid #d8e5de;border-radius:24px;background:#fff}.workplace-partners h4{margin:0 0 8px;color:var(--color-heading);font-size:1.55rem}.workplace-partners>div>p:last-child{margin:0;color:var(--color-text-secondary)}.workplace-partners ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.workplace-partners li,.workplace-partners li>a{display:grid;gap:2px}.workplace-partners li{padding:14px 16px;border-radius:14px;background:#f3f8f5}.workplace-partners li strong{color:#17324d}.workplace-partners li span{color:#5c6c64;font-size:.88rem}.workplace-partners__detail{color:var(--color-primary);font-weight:900}@media(min-width:768px){.workplace-partners{grid-template-columns:.8fr 1.2fr;align-items:start;padding:34px}.workplace-partners ul{grid-template-columns:repeat(2,minmax(0,1fr))}.workplace-partners__detail{grid-column:2}}