/* PB-MAIN-0.13.0 — owner-approved live review #153–#158 */

/* Full-word language switch */
.language-toggle{gap:5px;font-size:.79rem;letter-spacing:0;white-space:nowrap}
.language-toggle .lang-separator{font-weight:500;opacity:.65}

/* Homepage hero: no text/image overlap; image is intentionally a little less dominant. */
.home-hero .inner{grid-template-columns:52% 48%;min-height:480px}
.home-hero .copy{padding:48px 36px 46px 24px;z-index:3;min-width:0}
.home-hero h1{font-size:clamp(2.95rem,3.75vw,3.65rem);max-width:610px;line-height:1.005}
.home-hero p{max-width:600px}
.home-hero .visual{margin-left:0;min-height:480px;overflow:hidden}
.home-hero .visual:before{width:62px;background:linear-gradient(90deg,#eef7fb 0%,rgba(238,247,251,.66) 36%,rgba(238,247,251,0) 100%)}
.home-hero .visual img{object-position:57% 43%}

/* Mission / gap-filling explanation */
.gap-mission{background:#f7fbfd;border-top:1px solid #dbe9f1;border-bottom:1px solid #dbe9f1;padding:38px 0}
.gap-mission .gap-wrap{max-width:1040px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:28px;align-items:start}
.gap-mission h2{margin:0 0 12px;color:#075086;font-size:clamp(1.85rem,2.8vw,2.55rem);line-height:1.08;letter-spacing:-.02em}
.gap-mission p{margin:0;color:#365f7b;font-size:1.05rem;line-height:1.55}
.gap-mission .gap-status{background:#fff;border:1px solid #cfe0ea;border-radius:12px;padding:18px 20px;color:#244f6c;font-size:.95rem;line-height:1.5}
.gap-mission .gap-status strong{display:block;color:#075086;margin-bottom:5px}
.gap-mission .gap-link{display:inline-block;margin-top:13px;font-weight:800;color:#075086;text-decoration:none}
.gap-mission .gap-link:hover{text-decoration:underline;text-underline-offset:4px}
.mission-inline{margin-top:14px;padding:13px 16px;border-left:4px solid #21883b;background:#f5faf7;color:#315d4a;line-height:1.5}
.giving-purpose{margin:18px 0 26px;padding:20px 22px;border:1px solid #cfe0ea;border-radius:12px;background:#f7fbfd}
.giving-purpose h2{margin-top:0}

@media(max-width:1080px){
  .language-toggle{font-size:.75rem}
}
@media(max-width:920px){
  .home-hero .inner{grid-template-columns:1fr;min-height:0}
  .home-hero .copy{padding:36px 24px 28px}
  .home-hero .visual{margin-left:0;min-height:360px}
  .home-hero .visual:before{display:none}
  .gap-mission .gap-wrap{grid-template-columns:1fr}
}
@media(max-width:700px){
  .language-toggle{font-size:.76rem}
  .home-hero h1{font-size:2.5rem}
  .home-hero .visual{min-height:300px}
  .gap-mission{padding:30px 0}
  .gap-mission .gap-wrap{padding:0 18px;gap:17px}
}