/* GHCRI "Soft Light" skin — v10, 16 Oct 2026.
   Loaded after styles.css. Light, soft palette; full-width photo reel at the top of every page
   (photos only), all words below the pictures. */
:root{
  --navy:#2A56A8; --navy-d:#21468C; --navy-x:#17305F;
  --ink:#1E2433; --ink-2:#465063; --mute:#667085;
  --gold:#F2C766; --gold-d:#E8B84A; --gold-ink:#7A5A12;
  --red:#B93F47; --green:#2F8A62; --sky:#7FB3E0;
  --bg:#FAF8F4; --card:#FFFFFF; --line:#ECE7DE; --line-2:#D8DEE9;
  --sky-t:#EEF4FB; --sand:#F6F0E4; --sage:#ECF4EF;
  --radius:14px; --shadow:0 1px 2px rgba(23,48,95,.05),0 6px 22px rgba(23,48,95,.06);
  --shadow-2:0 2px 4px rgba(23,48,95,.06),0 18px 40px rgba(23,48,95,.12);
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
}
body{background:var(--bg);color:var(--ink)}
::selection{background:#DCE8F7;color:var(--navy-x)}
html{scrollbar-color:#C9D3E3 transparent}
a{text-underline-offset:3px}
h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;color:var(--navy-x)}
h1{font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.08}
h2{font-size:clamp(1.6rem,2.6vw,2.25rem);line-height:1.15}
h3{color:var(--navy-x)}
.lede{color:var(--ink-2)}
.eyebrow{color:var(--navy);letter-spacing:.08em;font-size:.7rem}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.sec{padding-block:56px}

/* buttons: soft, calm */
.btn{border-radius:999px;padding:12px 22px;font-weight:700;letter-spacing:.005em;box-shadow:none}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-d)}
.btn-gold{background:var(--gold);color:#3A2C08}.btn-gold:hover{background:var(--gold-d)}
.btn-red{background:var(--red);color:#fff}
.btn-white{background:#fff;color:var(--navy);border-color:var(--line-2)}
.btn-line{border-color:#C7D3E8;color:var(--navy);background:#fff}.btn-line:hover{background:var(--sky-t);color:var(--navy-x)}
.btn-line-w{border-color:#C7D3E8;color:var(--navy);background:#fff}.btn-line-w:hover{background:var(--sky-t);color:var(--navy-x)}
.pill{border-color:#C7D3E8;color:var(--navy);background:var(--sky-t)}
.pill-red{border-color:#E8B9BC;color:var(--red);background:#FBEFF0}

/* header: white, quiet */
.top{background:rgba(255,255,255,.94);color:var(--navy-x);box-shadow:0 1px 0 var(--line);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
.brand{color:var(--navy-x)}
.brand .mark circle:first-child{fill:#EEF4FB}
.brand .sep{background:var(--line-2)}
.brand .anniv{color:var(--navy)}
.burger span{background:var(--navy-x);box-shadow:0 8px 0 var(--navy-x),0 -8px 0 var(--navy-x)}
.burger:hover,.icon-btn:hover{background:var(--sky-t)}
.icon-btn svg{stroke:var(--navy-x)}
.lang-sel{color:var(--navy-x);border-color:var(--line-2);background:#fff}
.exit{background:var(--red);border-radius:999px}
.exit:hover{background:#9E3239}
.menu-top{background:#fff;color:var(--navy-x);border-bottom:1px solid var(--line)}
.menu-top .close{color:var(--navy-x)}
.menu-list summary,.menu-list .plain{color:var(--navy-x)}
.menu-give{background:var(--gold);color:#3A2C08;border-radius:999px}
.search{background:rgba(23,48,95,.9)}

/* ---------- photo reel: pictures only, nothing written on them ---------- */
.reel{position:relative;background:#E6ECF4}
.reel-stage{position:relative;height:clamp(300px,62vh,700px);overflow:hidden;isolation:isolate}
.reel-home .reel-stage{height:clamp(380px,80vh,900px)}
.reel-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.8s cubic-bezier(.22,1,.36,1)}
.reel-slide.on{opacity:1;z-index:1}
.reel-slide.out{opacity:0;z-index:0}
.reel-slide img{width:100%;height:100%;object-fit:cover;object-position:center 32%;transform:scale(1.03);will-change:transform;filter:saturate(.96) brightness(1.03)}
.reel-slide.on img{animation:kb-a 9s cubic-bezier(.16,1,.3,1) both}
.reel-slide:nth-child(even).on img{animation-name:kb-b}
@keyframes kb-a{from{transform:scale(1.03) translate3d(0,0,0)}to{transform:scale(1.11) translate3d(-1.4%,-1%,0)}}
@keyframes kb-b{from{transform:scale(1.11) translate3d(1.2%,0,0)}to{transform:scale(1.03) translate3d(0,-.6%,0)}}
.reel-bar{background:#fff;border-bottom:1px solid var(--line)}
.reel-ctl{display:flex;align-items:center;gap:16px;min-height:52px}
.reel-segs{display:flex;gap:6px;flex:1;max-width:420px}
.reel-segs .seg{flex:1;height:22px;border:0;background:none;padding:9px 0;cursor:pointer}
.reel-segs .seg i{display:block;height:4px;border-radius:2px;background:#DDE4EF;overflow:hidden;position:relative}
.reel-segs .seg i::after{content:"";position:absolute;inset:0;background:var(--navy);transform:scaleX(0);transform-origin:left}
.reel-segs .seg.done i::after{transform:scaleX(1)}
.reel-segs .seg.on i::after{animation:fill var(--dur,6.5s) linear forwards}
.reel.paused .reel-segs .seg.on i::after{animation-play-state:paused}
.reel.paused .reel-slide.on img{animation-play-state:paused}
@keyframes fill{to{transform:scaleX(1)}}
.reel-pause{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--navy-x)}
.reel-pause:hover{background:var(--sky-t)}
.reel-pause svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.reel-pause .p-play{display:none;fill:currentColor;stroke:none}
.reel.paused .reel-pause .p-pause{display:none}.reel.paused .reel-pause .p-play{display:block}
.reel-credit{margin-left:auto;color:var(--mute);font-size:.72rem}
@media (max-width:640px){.reel-credit{display:none}.reel-segs{max-width:none}}
@media (prefers-reduced-motion:reduce){.reel-slide.on img{animation:none!important;transform:none}.reel-slide{transition:opacity .01s}}

/* home intro, below the pictures */
.intro{background:#fff;padding-block:56px 60px;border-bottom:1px solid var(--line)}
.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:start}
.intro-org{margin:0 0 14px;color:var(--navy);font-weight:700;font-size:.95rem}
.intro h1{margin:0 0 18px;max-width:18ch}
.intro .lede{font-size:1.15rem;max-width:60ch}
.intro .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.intro-points{display:grid;gap:0;border-top:1px solid var(--line)}
.ipoint{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:20px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink-2);transition:background .25s}
.ipoint:hover{background:var(--sky-t)}
.ipoint b{display:block;color:var(--navy-x);font-size:1.05rem;margin-bottom:4px}
.ipoint .ico{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--sky-t);color:var(--navy)}
@media (max-width:900px){.intro-grid{grid-template-columns:1fr;gap:30px}}

/* inner page heading, below the pictures */
.page-head{background:#fff;border-bottom:1px solid var(--line);padding-block:34px 30px}
.page-head h1{margin:6px 0 10px}
.page-head .lede{margin:0;font-size:1.12rem}
.crumbs{font-size:.84rem;color:var(--mute);opacity:1;margin:0}
.crumbs a{color:var(--navy)}

/* drawn icons replace emoji */
.ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico-lg{width:46px;height:46px;padding:10px;border-radius:14px;background:var(--sky-t);color:var(--navy);margin-bottom:6px}
.has-ico{color:var(--navy)}
.item .ic.has-ico,.item .ic.has-num{background:var(--sky-t);border-radius:12px}
.item .ic.has-num{font-weight:800;color:var(--navy);font-size:1.1rem}
.portal .pi.has-ico{width:52px;height:52px;border-radius:16px;background:var(--sky-t);display:grid;place-items:center}
.portal .pi .ico{width:26px;height:26px}
.rail .cc .ic.has-ico{background:linear-gradient(135deg,#F3F7FC,#E4EDF8);color:var(--navy)}
.rail .cc .ic .ico{width:44px;height:44px;stroke-width:1.4}
.flow .ic.has-ico .ico{width:30px;height:30px}

/* surfaces */
.block,.feat,.card,.ex,.portal{box-shadow:var(--shadow);border:1px solid var(--line);border-radius:var(--radius)}
.item{border-color:var(--line);border-radius:12px}
.portal{border-top:1px solid var(--line)}
.portal:hover{border-top-color:var(--line);box-shadow:var(--shadow-2)}
.card .img,.feat-img{border-radius:10px}
.note{background:#FBF4E2;border-left:0;border-radius:12px;color:#5E4710}
.note-blue{background:var(--sky-t);border-left:0;border-radius:12px;color:var(--navy-x)}
.cmp th{background:var(--sky-t);color:var(--navy-x)}
.cmp th:last-child{background:#FBF1D6;color:#4A3809}
.steps li::before{background:var(--sky-t);color:var(--navy);border:1px solid #C7D3E8}
.stat .num{color:var(--navy-x)}
.amt.on,.chip.on{background:var(--navy);border-color:var(--navy)}

/* tiles: picture above, words below */
.tile{display:grid;grid-template-rows:220px auto;padding:0;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);min-height:0;align-items:stretch}
.tile img{position:static;height:220px}
.tile::after{display:none}
.tile>div{padding:24px 26px 28px;max-width:none}
.tile h2{color:var(--navy-x);font-size:1.6rem}
.tile p{color:var(--ink-2)}
.tile .dl{color:var(--navy)}

/* panel: picture beside the words */
.panel{background:var(--sand);color:var(--ink);grid-template-columns:1.05fr 1fr;grid-template-areas:"img box" "img big";border:1px solid var(--line)}
.panel img{grid-area:img;position:static;opacity:1;height:100%;min-height:380px}
.panel .box{grid-area:box;background:transparent;margin:0;padding:44px 44px 0;color:var(--ink)}
.panel .box .eyebrow{color:var(--gold-ink)}
.panel .box h2{color:var(--navy-x)}
.panel .box .btn-white{background:var(--navy);color:#fff;border-color:var(--navy)}
.panel .big{grid-area:big;justify-content:flex-start;align-items:flex-end;color:var(--navy);text-shadow:none;font-family:var(--serif);font-weight:600;font-size:clamp(2.4rem,5vw,4.2rem);padding:12px 44px 40px;text-align:left}
@media (max-width:820px){.panel{grid-template-columns:1fr;grid-template-areas:"img" "box" "big"}.panel img{min-height:240px}.panel .box{padding:28px 24px 0}.panel .big{padding:10px 24px 28px}}

/* lifeline + voices: light bands */
.life{background:var(--sky-t);color:var(--ink)}
.life::before,.life .bgimg,.life video{display:none}
.life h2{color:var(--navy-x)}
.life .lede{color:var(--ink-2)}
.life .vctl button{color:var(--navy-x)}
.rail .cc{border:1px solid var(--line);box-shadow:var(--shadow)}
.railnav button{box-shadow:var(--shadow);color:var(--navy-x)}
.voices{background:var(--bg);color:var(--ink)}
.voices h2{color:var(--navy-x)}
.voices .sec-h a{color:var(--navy)}
.vgrid{grid-template-rows:auto}
.vg{flex-direction:column;align-items:stretch;padding:0;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
.vg img{position:static;height:220px}
.vg.big img{height:100%;min-height:300px;flex:1}
.vg::after{display:none}
.vg>div{padding:18px 20px 20px}
.vg h3{color:var(--navy-x);text-shadow:none;font-size:1.05rem}
.vg.big h3{font-size:1.35rem;font-family:var(--serif);font-weight:600}

/* faces: caption under the photo */
.faces figure{aspect-ratio:auto;background:none;border-radius:12px}
.faces img{aspect-ratio:3/4;border-radius:12px}
.faces figcaption{position:static;background:none;color:var(--ink-2);padding:8px 2px 0;font-weight:600}

/* video slots stay as players; softer */
.vslot{background:#DCE5F1}
.vslot::before{background:linear-gradient(180deg,rgba(23,48,95,0) 40%,rgba(23,48,95,.62))}
.vslot img{opacity:.92}
.vslot .play{background:#fff}
.vslot .play::after{border-left-color:var(--navy)}
.vslot .tag{background:#fff;color:var(--navy-x)}

/* tools + downloads */
.toolband{background:#fff;border-block:1px solid var(--line)}
.toolrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.toolcard{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink-2);background:var(--bg);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
.toolcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);background:#fff}
.toolcard .ico{width:44px;height:44px;padding:10px;border-radius:14px;background:var(--sky-t);color:var(--navy)}
.toolcard b{color:var(--navy-x);font-size:1.1rem}
@media (max-width:820px){.toolrow{grid-template-columns:1fr}}
.tool-feature{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:22px}
.tool-feature.rev .tf-img{order:2}
.tf-img{border-radius:10px;overflow:hidden;aspect-ratio:4/3}
.tf-img img{width:100%;height:100%;object-fit:cover}
.tf-tx p{color:var(--ink-2)}
@media (max-width:820px){.tool-feature{grid-template-columns:1fr}.tool-feature.rev .tf-img{order:0}}
.dl-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.dl-card{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid #C7D3E8;border-radius:14px;background:var(--sky-t);text-decoration:none;color:var(--ink)}
.dl-card:hover{background:#E3EDF9}
.dl-card .ico{width:44px;height:44px;padding:10px;border-radius:12px;background:#fff;color:var(--navy)}
.dl-card b{display:block;color:var(--navy-x)}
.dl-card small{color:var(--mute)}
.dl-card em{font-style:normal;font-weight:800;color:var(--navy);font-size:.9rem}
@media (max-width:700px){.dl-row{grid-template-columns:1fr}}

/* footer: light */
footer{background:#F3EFE7;color:var(--ink)}
.foot-top{background:#F8F5EF;border-top:1px solid var(--line)}
.foot h4{color:var(--navy-x);border-bottom-color:var(--gold)}
.foot a{color:var(--ink-2)}
.foot a:hover{color:var(--navy)}
.foot .brand{color:var(--navy-x)}
.foot .foot-motto{color:var(--gold-ink)!important;font-family:var(--serif);font-size:1.02rem}
.news input{border:1px solid var(--line-2)}
.news button{background:var(--gold);color:#3A2C08}
.wa{border:1px solid var(--line)}
.foot-bot{color:var(--ink-2);opacity:1}
.foot-links a{color:var(--navy)}
.totop{box-shadow:var(--shadow-2)}
.follow .tab{background:var(--navy)}
.gc-h{background:var(--navy)}
@media (min-width:761px){.brand .t1,.brand .t2{display:block}}
.foot .btn-navy{color:#fff}.foot .btn-gold{color:#3A2C08}