/* ═══════════════════════════════════════════
   PURE HANDS — SHARED STYLESHEET
   Colors pixel-sampled from purehands.org:
     Nav bg:   #10212d
     Cyan:     #02c7e6  (HOME, DONATE btn)
     Orange:   #ff7021  (CTAs)
═══════════════════════════════════════════ */
:root {
  --nav-bg:       #10212d;
  --nav-hover:    #0b1920;
  --cyan:         #02c7e6;
  --cyan-dark:    #01a8c4;
  --cyan-tint:    #e4f9fd;
  --orange:       #ff7021;
  --orange-dark:  #e05c0e;
  --ink:          #1a2833;
  --heading:      #1a2833;
  --text:         #4b4f58;
  --muted:        #717680;
  --bg-light:     #f3f4f6;
  --border:       #e2e4e8;
  --white:        #ffffff;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{
  font-family:'Poppins','Helvetica',Arial,sans-serif;
  color:var(--text);background:var(--white);
  line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5{font-family:'Poppins',sans-serif;color:var(--heading);line-height:1.2;font-weight:700;margin:0;}
a{color:inherit;text-decoration:none;}
p{margin:0 0 1em;line-height:1.65;}
img{display:block;max-width:100%;}

.ph-container{max-width:1200px;margin:0 auto;padding:0 32px;}

/* ── TOP BAR ── */
.ph-topbar{background:var(--nav-hover);color:rgba(255,255,255,0.65);font-size:13px;}
.ph-topbar-inner{max-width:1280px;margin:0 auto;padding:7px 32px;display:flex;justify-content:space-between;align-items:center;}
.ph-topbar-left,.ph-topbar-right{display:flex;gap:14px;align-items:center;}
.ph-topbar a{color:#fff;font-weight:600;}
.ph-topbar a:hover{color:var(--cyan);}
.sep{opacity:.35;}

/* ── MAIN NAV ── */
.ph-mainnav{background:var(--nav-bg);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,0.06);}
.ph-mainnav-inner{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;height:66px;}
.ph-logo{display:flex;align-items:center;gap:11px;margin-right:28px;flex-shrink:0;}
.ph-logo-icon{width:42px;height:42px;background:rgba(255,255,255,0.08);border-radius:3px;display:flex;align-items:center;justify-content:center;}
.ph-logo-text{line-height:1;}
.ph-logo-name{font-weight:800;font-size:17px;color:#fff;letter-spacing:.06em;}
.ph-logo-sub{font-size:9px;font-weight:700;letter-spacing:.2em;color:rgba(255,255,255,0.5);margin-top:3px;}

.ph-nav{display:flex;flex:1;}
.ph-nav-item{position:relative;}
.ph-nav-link{
  display:inline-flex;align-items:center;gap:4px;
  padding:0 14px;height:66px;
  font-size:12.5px;font-weight:700;color:rgba(255,255,255,0.88);
  letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;
  transition:background .15s,color .15s;
}
.ph-nav-link:hover{background:var(--nav-hover);color:#fff;}
.ph-nav-item.hl .ph-nav-link{color:var(--cyan);}
.caret{font-size:8px;opacity:.65;margin-top:1px;}

.ph-dropdown{
  display:none;position:absolute;top:100%;left:0;min-width:235px;
  background:#fff;border-top:3px solid var(--cyan);
  box-shadow:0 12px 36px rgba(0,0,0,0.14);padding:8px 0;z-index:200;
}
.ph-nav-item:hover .ph-dropdown{display:block;}
.ph-dropdown a{display:block;padding:10px 20px;font-size:13px;font-weight:600;color:var(--heading);}
.ph-dropdown a:hover{background:var(--cyan-tint);color:var(--cyan);}

.ph-megamenu{
  display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);
  width:min(1000px,90vw);background:#fff;border-top:3px solid var(--cyan);
  box-shadow:0 20px 48px rgba(0,0,0,0.15);z-index:200;
}
.ph-nav-item:hover .ph-megamenu{display:block;}
.ph-megamenu-inner{display:grid;grid-template-columns:repeat(3,1fr);}
.ph-mega-col{padding:24px;border-right:1px solid var(--border);}
.ph-mega-col:last-child{border-right:none;}
.ph-mega-pillar{font-size:11px;font-weight:800;color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;padding-bottom:10px;margin-bottom:8px;border-bottom:2px solid var(--cyan);}
.ph-mega-link{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13.5px;font-weight:600;color:var(--heading);border-bottom:1px dashed var(--border);}
.ph-mega-link:last-child{border-bottom:none;}
.ph-mega-link:hover{color:var(--cyan);padding-left:5px;transition:padding .15s;}
.ph-mega-link.current{color:var(--cyan);font-weight:800;}
.ph-mega-link.current::before{content:"●";margin-right:8px;font-size:9px;}
.soon{font-size:9px;font-weight:700;color:var(--muted);background:var(--bg-light);padding:2px 7px;border-radius:99px;text-transform:uppercase;letter-spacing:.1em;}

.ph-donate-btn{background:var(--cyan);color:var(--ink) !important;padding:11px 24px;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;margin-left:auto;white-space:nowrap;transition:background .15s;}
.ph-donate-btn:hover{background:var(--cyan-dark);color:#fff !important;}

/* ── HERO ── */
.ph-hero{position:relative;background:linear-gradient(135deg,var(--nav-hover) 0%,var(--nav-bg) 45%,#143040 100%);color:#fff;overflow:hidden;padding:76px 0 100px;min-height:500px;}
.ph-hero-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 10% 50%,rgba(2,199,230,0.14) 0%,transparent 50%),radial-gradient(circle at 90% 20%,rgba(255,112,33,0.09) 0%,transparent 40%);}
.ph-hero-inner{position:relative;max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:center;}
.ph-hero-text{}
.ph-hero-crumb{font-size:13px;color:rgba(255,255,255,0.55);margin-bottom:18px;}
.ph-hero-crumb a:hover{color:var(--cyan);}
.ph-hero-crumb span{margin:0 6px;opacity:.4;}
.ph-hero-kicker{display:inline-block;padding:6px 14px;border:1px solid rgba(2,199,230,0.4);border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px;color:var(--cyan);}
.ph-hero-title{font-size:clamp(48px,7vw,86px);font-weight:800;line-height:1;color:#fff;letter-spacing:-.02em;text-transform:uppercase;}
.ph-hero-subtitle{font-family:'Lora',Georgia,serif;font-style:italic;font-size:clamp(18px,2.2vw,24px);margin-top:18px;color:var(--orange);}
.ph-hero-caption{font-size:16px;color:rgba(255,255,255,0.78);margin-top:18px;max-width:540px;line-height:1.65;}
.ph-hero-actions{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap;}

/* Hero image placeholder */
.ph-hero-img-placeholder{
  background:rgba(255,255,255,0.06);
  border:2px dashed rgba(255,255,255,0.25);
  border-radius:8px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:32px 20px;color:rgba(255,255,255,0.6);
  min-height:280px;
}
.ph-hero-img-placeholder svg{margin-bottom:14px;opacity:.5;}
.ph-hero-img-placeholder strong{font-size:13px;font-weight:700;color:rgba(255,255,255,0.8);display:block;margin-bottom:6px;}
.ph-hero-img-placeholder span{font-size:11px;line-height:1.5;}

/* ── BUTTONS ── */
.ph-btn{display:inline-block;padding:14px 28px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;transition:all .18s;}
.ph-btn-orange{background:var(--orange);color:#fff !important;}
.ph-btn-orange:hover{background:var(--orange-dark);}
.ph-btn-orange-lg{background:var(--orange);color:#fff !important;padding:18px 38px;font-size:15px;box-shadow:0 6px 24px rgba(255,112,33,0.35);}
.ph-btn-orange-lg:hover{background:var(--orange-dark);}
.ph-btn-ghost{border:2px solid rgba(255,255,255,0.45);color:#fff !important;}
.ph-btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,0.08);}
.ph-btn-outline{border:2px solid var(--cyan);color:var(--cyan) !important;}
.ph-btn-outline:hover{background:var(--cyan);color:var(--ink) !important;}
.ph-btn-woutline{border:2px solid rgba(255,255,255,0.45);color:#fff !important;}
.ph-btn-woutline:hover{background:#fff;color:var(--ink) !important;}

/* ── SECTION COMMON ── */
.ph-section{padding:88px 0;}
.ph-section-heading{margin-bottom:44px;max-width:820px;}
.ph-kicker{font-size:12px;font-weight:800;color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;}
.ph-section-heading h2{font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.01em;line-height:1.1;}
.ph-lead{font-size:21px;line-height:1.45;color:var(--ink);font-weight:500;max-width:860px;margin-bottom:28px;}
.ph-strap{font-size:12px;font-weight:800;color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;padding-bottom:14px;border-bottom:2px solid var(--cyan);display:inline-block;margin-bottom:24px;}

/* ── SECTION BACKGROUNDS ── */
.ph-issue{background:#fff;}
.ph-approach{background:var(--cyan-tint);}
.ph-focus{background:var(--nav-bg);color:#fff;}
.ph-focus .ph-kicker{color:var(--cyan);}
.ph-focus .ph-section-heading h2{color:#fff;}
.ph-who{background:#fff;}
.ph-activities{background:var(--bg-light);}
.ph-numbers{background:#fff;}
.ph-achievements{background:var(--cyan-tint);}
.ph-related{background:#fff;}

/* ── ISSUE ── */
.ph-issue-body{columns:2;column-gap:48px;max-width:1000px;}
.ph-issue-body p{break-inside:avoid;color:var(--text);font-size:15.5px;}

/* ── APPROACH ── */
.ph-approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:44px;}
.ph-approach-goal,.ph-approach-main{background:#fff;padding:32px;border-radius:4px;border-left:4px solid var(--cyan);}
.ph-tag{display:inline-block;font-size:11px;font-weight:800;color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;}
.ph-approach-goal p,.ph-approach-main p{font-size:17px;line-height:1.55;color:var(--ink);margin:0;}
.ph-objective-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.ph-obj-card{background:#fff;padding:26px 22px;border-radius:4px;border-top:3px solid var(--cyan);transition:transform .2s;}
.ph-obj-card:hover{transform:translateY(-3px);}
.ph-obj-num{font-size:30px;font-weight:800;color:var(--cyan);margin-bottom:10px;}
.ph-obj-card p{font-size:14.5px;margin:0;line-height:1.5;}

/* ── FOCUS DIAGRAM ── */
.ph-diagram{position:relative;margin:40px auto 0;width:100%;max-width:900px;height:540px;}
.ph-diagram-lines{position:absolute;inset:0;width:100%;height:100%;stroke:rgba(255,255,255,0.12);stroke-width:1;stroke-dasharray:5 6;}
.ph-diagram-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:230px;height:230px;border-radius:50%;background:var(--cyan);border:8px solid rgba(255,255,255,0.1);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;z-index:2;}
.ph-diagram-center-title{font-size:18px;font-weight:800;color:var(--ink);line-height:1.2;}
.ph-diagram-center-sub{font-size:12px;color:rgba(0,0,0,0.6);margin-top:8px;line-height:1.4;}
.ph-diagram-node{position:absolute;width:255px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.15);padding:18px 20px;border-radius:4px;display:flex;gap:14px;align-items:flex-start;}
.ph-diagram-node.pos-0{top:6%;left:2%;}
.ph-diagram-node.pos-1{top:6%;right:2%;}
.ph-diagram-node.pos-2{bottom:6%;left:2%;}
.ph-diagram-node.pos-3{bottom:6%;right:2%;}
.ph-diagram-icon{flex-shrink:0;width:44px;height:44px;border-radius:4px;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;}
.ph-diagram-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;}
.ph-diagram-sub{font-size:12.5px;color:rgba(255,255,255,0.72);line-height:1.4;}

/* ── WHO WE HELP ── */
.ph-benef-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px;max-width:1000px;}
.ph-benef-list li{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.5;}
.ph-check{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--cyan);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;margin-top:2px;}

/* ── ACTIVITIES ── */
.ph-activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.ph-activity{background:#fff;padding:24px 24px 24px 28px;border-radius:4px;display:flex;gap:18px;align-items:flex-start;border-left:3px solid var(--cyan);}
.ph-activity-num{font-size:20px;font-weight:800;color:var(--cyan);flex-shrink:0;}
.ph-activity p{margin:0;font-size:15px;line-height:1.55;}

/* ── STATS ── */
.ph-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:72px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.ph-stat{padding:36px 24px;border-right:1px solid var(--border);text-align:left;}
.ph-stat:last-child{border-right:none;}
.ph-stat-value{font-size:clamp(26px,3.2vw,46px);font-weight:800;color:var(--cyan);line-height:1;letter-spacing:-.02em;}
.ph-stat-label{font-size:13px;color:var(--muted);font-weight:600;margin-top:12px;text-transform:uppercase;letter-spacing:.08em;}

/* ── GENDER ── */
.ph-gender-block h3{font-size:28px;margin-bottom:8px;}
.ph-gender-note{color:var(--muted);margin-bottom:24px;max-width:720px;}
.ph-gender-bar{display:flex;height:80px;border-radius:4px;overflow:hidden;margin-bottom:24px;}
.ph-gender-seg{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:8px;}
.ph-gender-seg.seg-0{background:var(--nav-bg);}
.ph-gender-seg.seg-1{background:var(--cyan);color:var(--ink);}
.ph-gender-seg.seg-2{background:#0296b0;}
.ph-gender-seg.seg-3{background:var(--orange);}
.ph-gender-pct{font-size:22px;font-weight:800;}
.ph-gender-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;}
.ph-gender-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ph-gender-card{background:var(--bg-light);padding:22px;border-radius:4px;}
.ph-gender-dot{width:16px;height:16px;border-radius:50%;margin-bottom:12px;}
.ph-gender-dot.seg-0{background:var(--nav-bg);}
.ph-gender-dot.seg-1{background:var(--cyan);}
.ph-gender-dot.seg-2{background:#0296b0;}
.ph-gender-dot.seg-3{background:var(--orange);}
.ph-gender-count{font-size:24px;font-weight:800;color:var(--ink);line-height:1;}
.ph-gender-cap{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.4;}

/* ── ACHIEVEMENTS ── */
.ph-achieve-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.ph-achieve-card{background:#fff;padding:28px 22px;border-radius:4px;border-bottom:3px solid var(--cyan);}
.ph-achieve-label{font-size:11px;font-weight:800;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;}
.ph-achieve-value{font-size:17px;font-weight:700;color:var(--ink);line-height:1.35;}

/* ── DONATE BAND ── */
.ph-donate-band{background:linear-gradient(95deg,var(--nav-hover),var(--nav-bg));color:#fff;padding:60px 0;}
.ph-donate-band .ph-container{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;}
.ph-donate-band h2{color:#fff;font-size:clamp(22px,3vw,34px);margin-bottom:8px;}
.ph-donate-band p{margin:0;color:rgba(255,255,255,0.75);}
.ph-donate-band-actions{display:flex;gap:14px;flex-wrap:wrap;}

/* ── RELATED ── */
.ph-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ph-related-card{display:block;padding:28px 26px;background:var(--cyan-tint);border-radius:4px;position:relative;border-left:3px solid var(--cyan);transition:transform .2s,box-shadow .2s;}
.ph-related-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(2,199,230,0.12);}
.ph-related-pillar{font-size:10.5px;font-weight:800;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;}
.ph-related-title{font-size:21px;font-weight:700;color:var(--ink);margin-bottom:8px;}
.ph-related-desc{font-size:14px;color:var(--muted);line-height:1.5;}
.ph-related-arrow{position:absolute;right:26px;top:28px;font-size:22px;color:var(--cyan);}

/* ── FOOTER ── */
.ph-footer{background:var(--nav-hover);color:#8fa0ac;font-size:14px;}
.ph-footer-top{padding:56px 0;}
.ph-footer-cols{max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:40px;}
.ph-footer h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:16px;}
.ph-footer a{display:block;padding:5px 0;color:#8fa0ac;}
.ph-footer a:hover{color:var(--cyan);}
.ph-footer-social{display:flex;gap:8px;margin-bottom:16px;}
.ph-social-dot{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.08);color:#fff !important;display:flex !important;align-items:center;justify-content:center;font-size:13px;font-weight:700;padding:0 !important;}
.ph-social-dot:hover{background:var(--cyan);color:var(--ink) !important;}
.ph-footer-badges{display:flex;flex-wrap:wrap;gap:8px;}
.ph-badge-chip{background:rgba(255,255,255,0.06);padding:8px 12px;border-radius:3px;font-size:11px;font-weight:600;color:#fff;}
.ph-footer-bottom{border-top:1px solid rgba(255,255,255,0.07);padding:18px 0;}
.ph-footer-bottom-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:12.5px;color:#556575;}
.ph-footer-legal{display:flex;gap:18px;flex-wrap:wrap;}
.ph-footer-legal a{display:inline;padding:0;color:#556575;}
.ph-footer-legal a:hover{color:var(--cyan);}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .ph-nav{display:none;}
  .ph-donate-btn{margin-left:auto;}
  .ph-hero-inner{grid-template-columns:1fr;}
  .ph-hero-img-placeholder{min-height:200px;}
  .ph-objective-grid,.ph-stat-grid,.ph-gender-grid,.ph-achieve-grid,.ph-related-grid,.ph-footer-cols{grid-template-columns:1fr 1fr;}
  .ph-approach-grid,.ph-activity-grid{grid-template-columns:1fr;}
  .ph-issue-body{columns:1;}
  .ph-benef-list{grid-template-columns:1fr;}
  .ph-diagram{height:900px;}
  .ph-diagram-node{width:calc(100% - 40px);left:20px !important;right:auto !important;}
  .ph-diagram-node.pos-0{top:0;}
  .ph-diagram-node.pos-1{top:150px;}
  .ph-diagram-node.pos-2{top:auto;bottom:150px;}
  .ph-diagram-node.pos-3{top:auto;bottom:0;}
  .ph-donate-band .ph-container{flex-direction:column;text-align:center;}
}
@media(max-width:600px){
  .ph-container{padding:0 16px;}
  .ph-section{padding:60px 0;}
  .ph-hero{padding:52px 0 72px;}
  .ph-objective-grid,.ph-stat-grid,.ph-gender-grid,.ph-achieve-grid,.ph-related-grid,.ph-footer-cols{grid-template-columns:1fr;}
  .ph-topbar{display:none;}
}