
:root{--navy:#17144e;--pink:#c91567;--gold:#bd7e00;--purple:#3f1f72;--cream:#fff8f2;--ink:#10133b;--white:#fff;--muted:#606173;--soft:#f8eef2;--shadow:0 18px 48px rgba(23,20,78,.12);--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}img{max-width:100%;display:block}a{color:inherit}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,248,242,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(23,20,78,.08)}
.header-inner{width:min(calc(100% - 32px),1440px);min-height:84px;margin:auto;display:grid;grid-template-columns:285px 1fr auto;gap:22px;align-items:center}.brand img{width:280px}.nav{display:flex;justify-content:center;gap:23px;align-items:center}.nav a{text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:800;color:var(--navy);white-space:nowrap}.nav a.active,.nav a:hover{color:var(--pink)}
.survivor-top{display:flex;gap:10px;align-items:center;background:var(--navy);color:#fff;text-decoration:none;padding:10px 15px;border-radius:11px}.survivor-top strong{font-size:13px}.survivor-top small{display:block;font-size:10px;text-transform:uppercase;margin-top:2px}.menu-toggle{display:none;border:0;background:var(--navy);color:white;border-radius:9px;width:46px;height:46px;font-size:22px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 15%,rgba(201,21,103,.11),transparent 31%),radial-gradient(circle at 8% 85%,rgba(189,126,0,.12),transparent 28%),linear-gradient(135deg,#fffaf5,#fff3f7);padding:92px 24px 84px}.hero-inner{width:min(100%,var(--max));margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.eyebrow{font-size:13px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:var(--pink)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(52px,6vw,86px);line-height:.94;margin:16px 0 24px;letter-spacing:-.04em}h1 .script{font-family:'Segoe Script','Brush Script MT',cursive;color:var(--pink);font-weight:600;display:block;font-size:.8em;margin-top:10px}.hero p{font-size:21px;line-height:1.65;color:#4f5061;max-width:760px}.hero-quote{margin-top:28px;padding:20px 24px;border-left:5px solid var(--gold);background:rgba(255,255,255,.75);border-radius:0 18px 18px 0;font-family:Georgia,serif;font-size:22px;line-height:1.5;color:var(--navy)}.hero-art{position:relative;min-height:430px}.orb{position:absolute;border-radius:50%}.orb.one{width:360px;height:360px;background:linear-gradient(145deg,var(--navy),#342a77);right:4%;top:7%;box-shadow:var(--shadow)}.orb.two{width:220px;height:220px;background:linear-gradient(145deg,#f24a93,var(--pink));left:0;bottom:4%;opacity:.98}.bee{position:absolute;right:17%;top:26%;font-size:110px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.18));transform:rotate(-8deg)}.hope-word{position:absolute;right:9%;bottom:17%;white-space:nowrap;color:white;font-family:'Segoe Script','Brush Script MT',cursive;font-size:68px;transform:rotate(-4deg)}.trail{position:absolute;inset:0}.trail svg{width:100%;height:100%}
.section{padding:84px 24px}.section-inner{width:min(100%,var(--max));margin:auto}.section-head{max-width:820px;margin:0 auto 50px;text-align:center}.section-head h2{font-size:clamp(38px,4.5vw,58px);margin:10px 0 16px}.section-head p{font-size:19px;line-height:1.7;color:var(--muted)}
.mission{background:#fff}.mission-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:stretch}.mission-card{background:var(--navy);color:white;border-radius:28px;padding:48px;box-shadow:var(--shadow);position:relative;overflow:hidden}.mission-card:after{content:'♡';position:absolute;right:-16px;bottom:-44px;font-size:210px;color:rgba(255,255,255,.06)}.mission-card h2{font-size:48px;margin:10px 0 20px}.mission-card p{font-size:20px;line-height:1.75;color:#f1eefc}.promise{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini{background:#fff8f2;border:1px solid #f0e4df;border-radius:22px;padding:28px;box-shadow:0 8px 22px rgba(23,20,78,.06)}.mini b{display:block;color:var(--pink);font-size:13px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:9px}.mini h3{font-size:25px;margin:0 0 10px}.mini p{margin:0;color:var(--muted);line-height:1.6}
.make-real{background:linear-gradient(180deg,#fff8f2,#fef6fb)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pillar{background:white;border-radius:26px;padding:34px;box-shadow:var(--shadow);border-top:7px solid var(--gold)}.pillar:nth-child(2){border-top-color:var(--pink)}.pillar:nth-child(3){border-top-color:var(--purple)}.pillar .icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff0e4;font-size:28px;margin-bottom:22px}.pillar h3{font-size:30px;margin:0 0 12px}.pillar p{color:var(--muted);font-size:17px;line-height:1.65}
.why{background:var(--navy);color:#fff;position:relative;overflow:hidden}.why:before{content:'';position:absolute;inset:auto -120px -180px auto;width:520px;height:520px;border:2px dashed rgba(255,255,255,.15);border-radius:50%}.why-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center;position:relative}.why-stat{display:grid;grid-template-columns:1fr 1fr;gap:16px}.why-tile{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:26px;border-radius:22px}.why-tile strong{display:block;font-size:38px;font-family:Georgia,serif;color:#ffd16f;margin-bottom:8px}.why-copy h2{font-size:52px;margin:10px 0 20px}.why-copy p{font-size:19px;line-height:1.75;color:#e8e6f3}.why-copy .accent{font-family:Georgia,serif;font-size:24px;color:#ffd16f;margin-top:24px}
.equity{background:#fff}.equity-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.equity-visual{min-height:440px;border-radius:30px;background:linear-gradient(135deg,#d71f70,#5f2a8f);position:relative;overflow:hidden;box-shadow:var(--shadow);display:flex;align-items:flex-end;padding:34px;color:#fff}.equity-visual:before{content:'HOPE';position:absolute;left:-10px;top:35px;font-size:112px;font-weight:900;color:rgba(255,255,255,.08)}.equity-visual .route{font-size:72px;position:absolute;right:34px;top:38px}.equity-visual p{font-family:Georgia,serif;font-size:28px;line-height:1.35;max-width:460px;position:relative}.equity-copy h2{font-size:52px;margin:10px 0 18px}.equity-copy p{font-size:18px;line-height:1.75;color:var(--muted)}.equity-list{display:grid;gap:13px;margin-top:24px}.equity-item{display:flex;gap:13px;align-items:flex-start;font-weight:700;color:var(--navy)}.equity-item span{width:28px;height:28px;border-radius:50%;background:#fde6f0;color:var(--pink);display:grid;place-items:center;flex:none}
.people{background:#f8f4ff}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.people-card{background:white;border-radius:28px;padding:38px;box-shadow:var(--shadow)}.people-card .kicker{color:var(--pink);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.people-card h3{font-size:34px;margin:10px 0 12px}.people-card p{font-size:17px;line-height:1.7;color:var(--muted)}.faces{display:flex;margin-top:24px}.face{width:62px;height:62px;border-radius:50%;margin-right:-10px;border:4px solid white;background:linear-gradient(135deg,#eec7d8,#9280c4);display:grid;place-items:center;font-size:23px;font-weight:900;color:white}.people-link{display:inline-block;margin-top:22px;font-weight:900;text-decoration:none;color:var(--navy)}
.origin{background:#fff}.origin-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:center}.poster-wrap{position:relative}.poster-wrap img{border-radius:24px;box-shadow:var(--shadow);width:100%;max-width:520px;margin:auto}.poster-wrap:before{content:'';position:absolute;left:3%;top:-22px;width:88%;height:95%;background:#f7d58a;border-radius:28px;transform:rotate(-3deg);z-index:-1}.origin-copy h2{font-size:54px;margin:10px 0 18px}.origin-copy p{font-size:18px;line-height:1.78;color:var(--muted)}.origin-quote{font-family:Georgia,serif;color:var(--navy)!important;font-size:25px!important;border-left:5px solid var(--pink);padding-left:22px;margin:27px 0}.signature{font-family:'Segoe Script','Brush Script MT',cursive;color:var(--pink);font-size:30px}
.symbols{background:linear-gradient(135deg,#fff6ed,#fff)}.symbol-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.symbol-card{border-radius:28px;padding:38px;background:white;box-shadow:var(--shadow);position:relative;overflow:hidden}.symbol-card .big{font-size:68px;margin-bottom:14px}.symbol-card h3{font-size:34px;margin:0 0 12px}.symbol-card p{color:var(--muted);font-size:17px;line-height:1.7}.symbol-card .script{font-family:'Segoe Script','Brush Script MT',cursive;color:var(--pink);font-size:30px;margin-top:18px}.symbol-card.gold{border-top:7px solid var(--gold)}.symbol-card.pink{border-top:7px solid var(--pink)}
.closing{padding:88px 24px;background:var(--navy);color:white;text-align:center}.closing h2{font-size:clamp(42px,5vw,66px);margin:0 auto 18px;max-width:900px}.closing p{font-size:20px;color:#e9e7f4;max-width:770px;margin:0 auto 30px;line-height:1.65}.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;font-weight:900;border-radius:14px;padding:15px 22px}.btn.pink{background:var(--pink);color:white}.btn.gold{background:#e5a326;color:#17144e}.btn.light{background:#fff;color:var(--navy)}
.survivor-banner{background:linear-gradient(90deg,#d21263,#ee3b88);color:white;padding:25px 24px}.survivor-inner{width:min(100%,var(--max));margin:auto;display:flex;align-items:center;justify-content:center;gap:18px;text-align:left}.phone-circle{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--pink);font-size:28px;flex:none}.survivor-copy small{display:block;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.survivor-copy strong{display:block;font-size:22px}.survivor-number{font-size:34px;font-weight:900;text-decoration:none;margin-left:12px}
.site-footer{background:#0d0b35;color:white;padding:36px 24px 22px}.footer-compact{width:min(100%,var(--max));margin:auto;display:flex;justify-content:space-between;gap:35px;align-items:center}.footer-mission p{max-width:650px;color:#c9c6dd;line-height:1.55;margin:7px 0 0}.footer-bottom{width:min(100%,var(--max));margin:28px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:20px;color:#a7a3c3;font-size:13px}
@media(max-width:1050px){.header-inner{grid-template-columns:1fr auto auto}.brand img{width:235px}.menu-toggle{display:block}.nav{position:absolute;left:16px;right:16px;top:78px;display:none;flex-direction:column;align-items:stretch;background:white;border-radius:16px;padding:14px;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:12px 8px}.hero-inner,.mission-grid,.why-grid,.equity-grid,.origin-grid{grid-template-columns:1fr}.hero-art{min-height:360px}.pillars{grid-template-columns:1fr}.why-stat,.people-grid,.symbol-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.header-inner{min-height:70px;grid-template-columns:1fr auto}.brand img{width:205px}.survivor-top{display:none}.hero{padding:58px 20px 54px}h1{font-size:52px}.hero p{font-size:18px}.hero-art{min-height:285px}.orb.one{width:235px;height:235px}.orb.two{width:150px;height:150px}.bee{font-size:76px;right:14%;top:26%}.hope-word{font-size:40px;right:10%;bottom:18%;white-space:nowrap}.section{padding:62px 20px}.mission-card{padding:34px 28px}.mission-card h2,.why-copy h2,.equity-copy h2,.origin-copy h2{font-size:40px}.promise,.why-stat,.people-grid,.symbol-grid{grid-template-columns:1fr}.equity-visual{min-height:350px}.people-card,.symbol-card{padding:30px 26px}.origin-grid{gap:36px}.survivor-inner{flex-direction:column;text-align:center;gap:8px}.survivor-number{margin:0;font-size:30px}.footer-compact,.footer-bottom{flex-direction:column;align-items:flex-start}}

/* v2: real-photo visual updates */
.equity-visual{background-image:linear-gradient(180deg,rgba(20,16,73,.02),rgba(20,16,73,.72)),url("../../../assets/shared/images/d5153edc92a996a379fc.jpg");background-size:cover;background-position:center;align-items:flex-end}
.equity-visual:before{content:'';display:none}
.equity-visual .route{display:none}
.equity-visual p{background:rgba(20,16,73,.72);padding:18px 20px;border-radius:18px;backdrop-filter:blur(2px);max-width:520px}
.symbol-photo{width:100%;height:240px;object-fit:cover;border-radius:20px;margin:0 0 22px;display:block}
@media(max-width:700px){.symbol-photo{height:210px}.equity-visual{min-height:390px;background-position:center}}

/* v4: Health Equity is people-first; HopeMobile supports the story instead of dominating it */
.equity-media{display:grid;gap:16px}
.equity-visual.people-first{min-height:430px;background-image:linear-gradient(180deg,rgba(20,16,73,.03) 35%,rgba(20,16,73,.80) 100%),url("../../../assets/shared/images/2d1cd5d6203befbc0214.jpg")!important;background-size:cover!important;background-position:center!important;padding:28px!important;display:flex!important;align-items:flex-end!important}
.equity-visual.people-first:before{display:none!important}
.equity-quote{font-family:Georgia,serif;font-size:24px;line-height:1.35;max-width:430px;color:white;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.equity-quote strong{color:#ffd16f;font-weight:700}
.hopemobile-mini{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center;background:#fff8ee;border:1px solid #f1d49a;border-radius:20px;padding:10px 16px 10px 10px;box-shadow:0 10px 25px rgba(27,22,76,.08)}
.hopemobile-mini img{width:170px;height:105px;object-fit:cover;border-radius:14px;display:block}
.hopemobile-mini span{display:block;color:#b77908;font-size:12px;font-weight:900;letter-spacing:.12em;margin-bottom:5px}
.hopemobile-mini p{margin:0!important;font-size:14px!important;line-height:1.45!important;color:#514c63!important}
@media(max-width:760px){.equity-visual.people-first{min-height:360px;background-position:center!important;padding:22px!important}.equity-quote{font-size:22px}.hopemobile-mini{grid-template-columns:120px 1fr;gap:12px;padding:9px 12px 9px 9px}.hopemobile-mini img{width:120px;height:90px}.hopemobile-mini p{font-size:13px!important}}
@media(max-width:460px){.hopemobile-mini{grid-template-columns:1fr}.hopemobile-mini img{width:100%;height:145px}}

/* v6: simplify Health Equity — message first, HopeMobile second */
.equity-visual.people-first{
  min-height:300px!important;
  background-image:none!important;
  background:linear-gradient(135deg,#17164f 0%,#24206c 100%)!important;
  padding:38px!important;
  display:flex!important;
  align-items:center!important;
}
.equity-visual.people-first:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 20%,rgba(255,209,111,.13),transparent 30%);pointer-events:none}
.equity-quote{font-size:29px!important;line-height:1.35!important;max-width:470px!important;position:relative;z-index:1}
@media(max-width:700px){.equity-visual.people-first{min-height:250px!important;padding:30px 28px!important}.equity-quote{font-size:25px!important}}


.familiar-hero{padding:88px 24px 72px;background:
 radial-gradient(circle at 78% 28%,rgba(201,21,103,.18),transparent 24%),
 radial-gradient(circle at 17% 70%,rgba(189,126,0,.18),transparent 22%),
 linear-gradient(135deg,#17144e 0%,#29216d 58%,#3f1f72 100%);color:#fff;overflow:hidden;position:relative}
.familiar-hero .inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}
.familiar-hero .eyebrow{font-weight:800;letter-spacing:.16em;font-size:.82rem;color:#ffd66b;margin-bottom:14px}
.familiar-hero h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.88;margin:0 0 24px;font-weight:900;letter-spacing:-.045em}
.familiar-hero h1 .script{display:block;color:#ff4f9b;font-family:cursive;font-weight:500;font-size:.78em;margin-top:12px;transform:rotate(-2deg)}
.familiar-hero p{font-size:1.18rem;line-height:1.75;max-width:760px;color:rgba(255,255,255,.88)}
.hero-orb{width:min(310px,70vw);aspect-ratio:1;border-radius:50%;border:2px dashed rgba(255,255,255,.35);display:grid;place-items:center;margin:auto;position:relative}
.hero-orb:before{content:"🐝";font-size:72px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.2))}
.hero-orb:after{content:"people before programs";position:absolute;bottom:28px;background:#fff;color:#17144e;border-radius:999px;padding:10px 18px;font-weight:800;font-size:.84rem;box-shadow:0 14px 30px rgba(0,0,0,.16)}
.intro-strip{padding:45px 24px;background:#fff;text-align:center}
.intro-strip .inner{max-width:920px;margin:auto}
.intro-strip h2{font-size:clamp(2rem,4vw,3.3rem);margin:0 0 15px;color:#17144e}
.intro-strip h2 span{color:#c91567}
.intro-strip p{font-size:1.08rem;line-height:1.75;color:#606173;margin:0}
.faces{padding:70px 24px 90px;background:#fff8f2}
.faces-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.face-card{background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 18px 48px rgba(23,20,78,.10);display:grid;grid-template-columns:190px 1fr;min-height:285px;border:1px solid rgba(23,20,78,.07);transition:transform .2s ease,box-shadow .2s ease}
.face-card:hover{transform:translateY(-3px);box-shadow:0 22px 56px rgba(23,20,78,.14)}
.portrait-wrap{background:linear-gradient(160deg,#eee7f7,#f9e6ee);min-height:285px;overflow:hidden}
.portrait-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.face-copy{padding:28px 27px 25px}
.face-role{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:900;color:#c91567;margin-bottom:8px}
.face-copy h2{font-size:1.55rem;line-height:1.08;margin:0 0 13px;color:#17144e}
.face-copy p{font-size:.96rem;line-height:1.62;color:#5f6171;margin:0 0 17px}
.face-quote{font-family:cursive;font-size:1.04rem;color:#3f1f72;border-top:1px solid #eee6eb;padding-top:14px}
.familiar-close{padding:76px 24px;text-align:center;background:linear-gradient(180deg,#fff,#f8eef2)}
.familiar-close .inner{max-width:900px;margin:auto}
.familiar-close h2{font-size:clamp(2.2rem,4.8vw,4rem);line-height:1;margin:0 0 18px;color:#17144e}
.familiar-close h2 span{color:#c91567;font-family:cursive;font-weight:500}
.familiar-close p{font-size:1.1rem;line-height:1.75;color:#606173}
.familiar-note{max-width:950px;margin:28px auto 0;font-size:.83rem;color:#777;text-align:center;padding:0 24px}
@media(max-width:900px){
 .familiar-hero{padding-top:58px}
 .familiar-hero .inner{grid-template-columns:1fr;text-align:center}
 .familiar-hero p{margin-left:auto;margin-right:auto}
 .hero-orb{width:220px}
 .faces-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 .familiar-hero{padding:48px 18px 52px}
 .familiar-hero h1{font-size:3.4rem}
 .faces{padding:42px 15px 65px}
 .face-card{grid-template-columns:112px 1fr;border-radius:20px;min-height:240px}
 .portrait-wrap{min-height:240px}
 .face-copy{padding:21px 18px 18px}
 .face-copy h2{font-size:1.28rem}
 .face-copy p{font-size:.9rem;line-height:1.5}
 .face-quote{font-size:.94rem}
 .face-role{font-size:.64rem}
}

/* v2 MOBILE FIX — portraits above copy; no narrow text columns or horizontal overflow */
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  .faces{padding:38px 14px 60px}
  .faces-grid{display:grid;grid-template-columns:1fr;gap:24px;width:100%;max-width:100%}
  .face-card{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:0;
    overflow:hidden;
    border-radius:22px;
  }
  .portrait-wrap{
    width:100%;
    height:310px;
    min-height:0;
    overflow:hidden;
  }
  .portrait-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 25%;
  }
  .face-copy{
    display:block;
    width:auto;
    min-width:0;
    padding:24px 22px 25px;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .face-role{font-size:.69rem;line-height:1.35;margin-bottom:8px}
  .face-copy h2{font-size:1.55rem;line-height:1.12;margin:0 0 13px}
  .face-copy p{font-size:.98rem;line-height:1.62;margin:0 0 17px}
  .face-quote{font-size:1.02rem;line-height:1.45}
}


/* v3 HARD LAYOUT FIX — intentionally simple and bulletproof on phones */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
.faces,.faces *{box-sizing:border-box}
.faces{width:100%;max-width:100%;overflow:hidden}
.faces-grid{
  width:min(920px,100%)!important;
  max-width:920px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:28px!important;
}
.face-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  display:block!important;
  overflow:hidden!important;
}
.portrait-wrap{
  width:100%!important;
  min-width:0!important;
  height:360px!important;
  min-height:0!important;
  display:block!important;
}
.portrait-wrap img{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center 24%!important;
}
.face-copy{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:block!important;
  padding:28px 30px 30px!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.face-copy h2,.face-copy p,.face-role,.face-quote{
  width:auto!important;
  max-width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.familiar-note{
  display:block!important;
  width:min(820px,100%)!important;
  max-width:100%!important;
  margin:34px auto 0!important;
  padding:0 8px!important;
}
@media(max-width:700px){
  .faces{padding:38px 16px 58px!important}
  .portrait-wrap{height:300px!important}
  .face-copy{padding:23px 21px 25px!important}
  .face-role{font-size:.68rem!important;line-height:1.35!important}
  .face-copy h2{font-size:1.55rem!important;line-height:1.12!important}
  .face-copy p{font-size:.98rem!important;line-height:1.6!important}
  .face-quote{font-size:1rem!important;line-height:1.45!important}
  .familiar-note{font-size:.9rem!important;line-height:1.55!important;text-align:center!important}
}


}


/* v5 — current Suzanne/Ronnie photos, clean Evie/Billy and Darlene portraits */
.face-card:first-child .portrait-wrap img{object-position:center 32%!important}
.face-card:nth-child(2) .portrait-wrap img{object-position:center 24%!important}
.feature-face .portrait-wrap img{object-position:center 28%!important}
.legacy-line{color:#3f1f72!important}


/* v6 — user-selected current portraits */
.face-card:first-child .portrait-wrap img{
  object-position:center 34%!important;
}
.face-card:nth-child(2) .portrait-wrap img{
  object-position:center 22%!important;
}
@media(max-width:700px){
  .face-card:first-child .portrait-wrap{height:350px!important}
  .face-card:nth-child(2) .portrait-wrap{height:350px!important}
}


/* v7 — Ronnie hand-free crop; roster sorted by last name */
.face-card:nth-child(2) .portrait-wrap img{object-position:center 20%!important}

/* v8 — unified full-width Familiar Faces layout.
   No split cards on desktop; photos show in full instead of being cropped. */
.faces{
  padding:64px 24px 88px!important;
}
.faces-grid{
  width:min(920px,100%)!important;
  max-width:920px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:34px!important;
}
.face-card{
  width:100%!important;
  max-width:100%!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 18px 46px rgba(23,20,78,.10)!important;
}
.portrait-wrap{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:block!important;
  padding:0!important;
  background:linear-gradient(180deg,#f7f1f7,#fff8f2)!important;
  overflow:visible!important;
}
.portrait-wrap img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
}
.face-copy{
  width:100%!important;
  max-width:100%!important;
  display:block!important;
  padding:32px 36px 34px!important;
}
.face-role{
  font-size:.76rem!important;
  line-height:1.4!important;
  letter-spacing:.11em!important;
}
.face-copy h2{
  font-size:2rem!important;
  line-height:1.12!important;
  margin:8px 0 15px!important;
}
.face-copy p{
  font-size:1.02rem!important;
  line-height:1.7!important;
}
.face-quote{
  font-size:1.12rem!important;
  line-height:1.5!important;
}
.familiar-note{
  width:min(820px,100%)!important;
  margin:38px auto 0!important;
  padding:0 14px!important;
  text-align:center!important;
}
@media(max-width:700px){
  .faces{padding:42px 14px 62px!important}
  .face-card{border-radius:22px!important}
  .face-copy{padding:24px 22px 27px!important}
  .face-copy h2{font-size:1.55rem!important}
  .face-copy p{font-size:.98rem!important;line-height:1.62!important}
  .face-quote{font-size:1rem!important}
}


/* v9 — sensible portrait sizing on desktop while preserving complete faces */
.faces-grid{
  width:min(1100px,100%)!important;
  max-width:1100px!important;
}
.face-card{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  align-items:stretch!important;
}
.portrait-wrap{
  width:300px!important;
  height:330px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f5eff4!important;
}
.portrait-wrap img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.face-copy{
  padding:34px 38px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
@media(max-width:760px){
  .face-card{
    display:block!important;
  }
  .portrait-wrap{
    width:100%!important;
    height:300px!important;
  }
  .portrait-wrap img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  .face-copy{
    display:block!important;
    padding:24px 22px 27px!important;
  }
}


/* v11 — tighter Ronnie portrait: less sky, more Ronnie */
.face-card:nth-child(2) .portrait-wrap img{
  object-fit:cover!important;
  object-position:center 28%!important;
}
@media(max-width:760px){
  .face-card:nth-child(2) .portrait-wrap img{
    object-fit:cover!important;
    object-position:center 25%!important;
  }
}

/* v12 — restore Donate button in site header */
.header-actions{display:flex;align-items:center;gap:10px}
.header-donate{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 17px;
  border-radius:11px;
  background:#c91567;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(201,21,103,.18);
}
.header-donate:hover{filter:brightness(.95)}
@media(max-width:1050px){
  .header-inner{grid-template-columns:1fr auto auto!important}
}
@media(max-width:700px){
  .header-inner{grid-template-columns:1fr auto auto!important;gap:8px!important}
  .header-actions .survivor-top{display:none!important}
  .header-donate{min-height:42px;padding:0 12px;font-size:11px}
}


/* FINAL HEADER REFINEMENT — compact, balanced desktop header */
@media(min-width:1051px){
  .header-inner{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:16px!important;
    max-width:1240px!important;
    margin:0 auto!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .main-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:17px!important;
    min-width:0!important;
  }
  .main-nav a{
    font-size:12px!important;
    letter-spacing:.015em!important;
    white-space:nowrap!important;
  }
  .header-actions{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    flex:0 0 auto!important;
  }
  .survivor-top{
    min-width:174px!important;
    height:54px!important;
    padding:7px 14px!important;
    border-radius:12px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .survivor-top > span:first-child{
    font-size:18px!important;
    line-height:1!important;
  }
  .survivor-top > span:last-child{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  .survivor-top strong{
    font-size:14px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  .survivor-top small{
    font-size:9px!important;
    line-height:1.05!important;
    margin-top:3px!important;
    white-space:nowrap!important;
  }
  .header-donate{
    min-width:116px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 15px!important;
    font-size:11px!important;
    border-radius:11px!important;
  }
}

/* Slightly tighter large-laptop spacing without crushing buttons */
@media(min-width:1051px) and (max-width:1180px){
  .header-inner{gap:11px!important;padding-left:12px!important;padding-right:12px!important}
  .main-nav{gap:12px!important}
  .main-nav a{font-size:11px!important}
  .survivor-top{min-width:160px!important;padding-left:11px!important;padding-right:11px!important}
  .header-donate{min-width:104px!important;padding:0 12px!important}
}


/* v14 FINAL — prevent header actions from covering GET INVOLVED */
@media(min-width:1051px){
  .header-inner{
    grid-template-columns:auto minmax(540px,1fr) auto!important;
    gap:8px!important;
    max-width:1320px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .main-nav{
    justify-content:flex-start!important;
    gap:11px!important;
    overflow:visible!important;
  }
  .main-nav a{
    font-size:10.5px!important;
    letter-spacing:0!important;
  }
  .header-actions{
    gap:7px!important;
    position:relative!important;
    z-index:2!important;
  }
  .survivor-top{
    min-width:150px!important;
    width:150px!important;
    height:50px!important;
    padding:6px 9px!important;
  }
  .survivor-top strong{font-size:12px!important}
  .survivor-top small{font-size:8px!important}
  .header-donate{
    min-width:94px!important;
    width:94px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }
}
@media(min-width:1051px) and (max-width:1180px){
  .header-inner{
    grid-template-columns:auto minmax(500px,1fr) auto!important;
    gap:6px!important;
  }
  .main-nav{gap:8px!important}
  .main-nav a{font-size:9.5px!important}
  .survivor-top{min-width:142px!important;width:142px!important}
  .header-donate{min-width:88px!important;width:88px!important}
}


/* v15 — definitive laptop fix: actions get their own row so nothing can cover GET INVOLVED */
@media(min-width:761px) and (max-width:1250px){
  .header-inner{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-areas:
      "logo nav"
      "actions actions"!important;
    row-gap:10px!important;
    column-gap:16px!important;
    max-width:1180px!important;
    padding:12px 18px 13px!important;
  }
  .brand{grid-area:logo!important}
  .main-nav{
    grid-area:nav!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:15px!important;
    width:100%!important;
  }
  .main-nav a{
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
  .header-actions{
    grid-area:actions!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
  }
  .survivor-top{
    width:auto!important;
    min-width:180px!important;
    height:48px!important;
  }
  .survivor-top strong{font-size:13px!important}
  .header-donate{
    width:auto!important;
    min-width:108px!important;
    height:44px!important;
  }
}


/* v16 — Survivor Line button matched to Donate size */
@media(min-width:761px){
  .survivor-top{
    width:108px!important;
    min-width:108px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 9px!important;
    gap:5px!important;
    border-radius:11px!important;
  }
  .survivor-top > span:first-child{
    font-size:13px!important;
  }
  .survivor-top strong{
    font-size:9px!important;
    line-height:1.05!important;
  }
  .survivor-top small{
    font-size:7px!important;
    line-height:1!important;
    margin-top:2px!important;
  }
  .header-donate{
    width:108px!important;
    min-width:108px!important;
    height:44px!important;
    min-height:44px!important;
  }
}


/* v22 — restore approved v16 header and fix page-width geometry */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
body{
  width:100%;
  max-width:100%;
  margin:0;
  overflow-x:hidden;
}
*,*::before,*::after{box-sizing:border-box}

/* Prevent any section/inner wrapper from forcing a desktop canvas wider than the browser. */
.site-header,
.header-inner,
main,
section,
footer,
.hero,
.familiar-hero{
  max-width:100%;
}

img,svg,video{max-width:100%;height:auto}

/* Keep the approved v16 header, but make its container responsive instead of oversized. */
.header-inner{
  width:min(100% - 24px, 1380px)!important;
  max-width:calc(100% - 24px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* On a normal laptop, keep everything on one row but scale proportionally. */
@media (min-width:1051px) and (max-width:1350px){
  .header-inner{
    grid-template-columns:190px minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  .brand img{
    width:185px!important;
    max-width:185px!important;
  }
  .nav{
    gap:12px!important;
    min-width:0!important;
  }
  .nav>a,.nav-group>button{
    font-size:10px!important;
    white-space:nowrap!important;
  }
  .header-actions{
    display:flex!important;
    gap:7px!important;
    align-items:center!important;
    white-space:nowrap!important;
  }
  .header-donate{
    width:96px!important;
    min-width:96px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }
  .survivor-top{
    width:118px!important;
    min-width:118px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 8px!important;
    gap:5px!important;
  }
  .survivor-top > span:first-child{font-size:16px!important}
  .survivor-top strong{font-size:10px!important}
  .survivor-top small{font-size:7px!important}
}

/* Existing mobile behavior begins at 1050px; preserve it. */


/* Advisory Board page */
.advisory-hero{background:linear-gradient(120deg,#17194f 0%,#263f9b 58%,#40237f 100%);color:#fff;overflow:hidden}
.advisory-hero-inner{width:min(1180px,calc(100% - 40px));margin:auto;min-height:520px;display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center;padding:70px 0}
.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:900;color:#e9b329;margin-bottom:16px}.eyebrow.pink{color:#df4c8e}
.advisory-hero h1{font-family:Georgia,serif;font-size:66px;line-height:.98;margin:0 0 25px;letter-spacing:-2px}.advisory-hero h1 em{font-family:"Brush Script MT","Segoe Script",cursive;font-weight:400;color:#f05a9d;font-size:78px}
.hero-lede{font-size:19px;line-height:1.65;max-width:670px;color:rgba(255,255,255,.92)}
.expertise-orbit{width:390px;height:390px;position:relative;margin:auto}.orbit-ring{position:absolute;inset:38px;border:2px dotted rgba(255,255,255,.45);border-radius:50%}.orbit-core{position:absolute;inset:135px;border-radius:50%;background:#e8ad24;display:grid;place-items:center;color:#172052;font-weight:900;letter-spacing:2px;box-shadow:0 15px 40px rgba(0,0,0,.2)}
.expertise-orbit span{position:absolute;background:#fff;color:#1c245d;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.1;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.12)}.o1{top:15px;left:143px}.o2{top:115px;right:-5px}.o3{bottom:40px;right:10px}.o4{bottom:35px;left:-10px}.o5{top:115px;left:-20px}
.advisory-intro{background:#fff;padding:76px 0}.advisory-narrow{width:min(1050px,calc(100% - 40px));margin:auto}.advisory-narrow.wide{width:min(1180px,calc(100% - 40px))}
.advisory-intro h2,.advisors-section h2,.advisory-closing h2{font-family:Georgia,serif;color:#18205a;font-size:42px;margin:0 0 18px}.advisory-intro p{font-size:18px;line-height:1.75;color:#4e5368;max-width:920px}
.discipline-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.discipline-row span{background:#f6f2ea;border:1px solid #eee3cf;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:800;color:#242b63}
.advisors-section{padding:76px 0 90px;background:#f7f4ee}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:end;margin-bottom:38px}.section-heading p{color:#606477;line-height:1.65;margin:0}
.advisor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.advisor-card{background:#fff;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:142px 1fr;min-height:250px;box-shadow:0 8px 26px rgba(28,32,75,.07);border:1px solid #eee8de}
.advisor-photo{background:linear-gradient(155deg,#1d286a,#5b3186);display:grid;place-items:center;min-height:100%}.advisor-photo span{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.5);color:#fff;font-family:Georgia,serif;font-size:28px}
.advisor-copy{padding:25px 24px}.advisor-copy .specialty{color:#d94184;font-size:10px;letter-spacing:1.3px;font-weight:900;text-transform:uppercase}.advisor-copy h3{font-family:Georgia,serif;color:#172052;font-size:21px;line-height:1.15;margin:7px 0}.advisor-copy .focus{font-size:11px;color:#8a6a16;font-weight:800;margin:0 0 12px}.advisor-copy p:not(.focus){font-size:13px;line-height:1.58;color:#555a6c;margin:0}
.source-note{font-size:11px;color:#7b7d87;line-height:1.5;margin:28px 4px 0}
.advisory-closing{text-align:center;padding:75px 0;background:#fff}.advisory-closing .bee-mark{font-size:42px}.advisory-closing p{max-width:760px;margin:0 auto;color:#5a5e70;line-height:1.7;font-size:17px}
.survivor-band{background:linear-gradient(90deg,#d63d83,#ef5a9d);color:#fff;display:flex;justify-content:center;align-items:center;gap:70px;padding:27px 25px}.survivor-band div{display:flex;flex-direction:column}.survivor-band strong{font-family:Georgia,serif;font-size:25px}.survivor-band span{font-size:10px;font-weight:900;letter-spacing:1.5px}.survivor-band a{color:#fff;text-decoration:none;font-size:28px;font-weight:900}
@media(max-width:800px){.advisory-hero-inner{grid-template-columns:1fr;min-height:0;padding:55px 0 45px}.advisory-hero h1{font-size:48px}.advisory-hero h1 em{font-size:58px}.expertise-orbit{width:310px;height:310px}.orbit-core{inset:105px}.o1{left:105px}.o2{right:-4px}.o3{right:0}.o4{left:0}.o5{left:-4px}.section-heading{grid-template-columns:1fr;gap:10px}.advisor-grid{grid-template-columns:1fr}.survivor-band{flex-direction:column;gap:10px;text-align:center}.advisory-intro h2,.advisors-section h2,.advisory-closing h2{font-size:34px}}
@media(max-width:520px){.expertise-orbit{display:none}.advisor-card{grid-template-columns:92px 1fr}.advisor-photo span{width:60px;height:60px;font-size:20px}.advisor-copy{padding:20px 17px}.advisor-copy h3{font-size:19px}}

