/* Human-centred campaign hero. All rules are scoped to this section. */
.human-hero .hero-main-photo { isolation:isolate; }
.human-hero .hero-main-photo figcaption { left:auto; right:16px; justify-content:flex-end; }
.human-hero .hero-care-card { z-index:2; }
.reference-campaign .human-hero { background:linear-gradient(100deg,rgba(0,0,0,.91) 0%,rgba(0,0,0,.84) 36%,rgba(0,0,0,.68) 70%,rgba(0,0,0,.60) 100%),url('../images/manav.jpeg') center/cover no-repeat; border-bottom:1px solid #292929; min-height:0; padding:78px 0 66px; overflow:hidden; }
.human-hero::before { display:none; }
.human-hero .human-hero-grid { display:grid; grid-template-columns:1fr 1.05fr; align-items:center; gap:65px; }
.human-hero .giving-hero-copy { padding:0; max-width:none; }
.hero-campaign-label { display:flex; flex-wrap:wrap; gap:12px; align-items:center; font:600 10px/1.5 'Rubik',sans-serif; letter-spacing:1.2px; }
.hero-campaign-label>span:first-child { background:#fbe7e3; color:#af1b23; padding:9px 12px; border-radius:5px; }
.hero-campaign-label>span:first-child i { margin-right:5px; }
.hero-campaign-label>span:last-child { font-size:9px; color:#8b8073; }
.reference-campaign .human-hero h1 { color:#272b24; font-size:clamp(46px,4.8vw,72px); line-height:1.08; letter-spacing:-2.7px; margin:25px 0 18px; }
.human-hero h1 span { position:relative; color:#c81822; display:inline-block; }
.human-hero h1 span::after { content:''; position:absolute; left:0; right:-5px; bottom:-5px; height:8px; border-top:3px solid #dba065; border-radius:50%; transform:rotate(-4deg); }
.reference-campaign .human-hero .hero-intention { font-size:21px; font-weight:700; color:#4a4d42; margin-bottom:17px; }
.reference-campaign .human-hero .hero-description { font-size:16px; color:#7a7a6e; line-height:1.9; max-width:430px; margin-bottom:30px; }
.human-hero .campaign-actions { align-items:center; gap:24px; }
.human-hero .campaign-button { border-radius:7px; padding:17px 24px; font-size:13px; box-shadow:0 7px 18px #c8182213; }
.hero-discover { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:800; color:#44483c; }
.hero-discover>span { display:grid; place-items:center; border:1px solid #dcded1; width:33px; height:33px; border-radius:50%; transition:background .25s,transform .25s; }
.hero-discover:hover { color:#b51a22; }.hero-discover:hover>span { background:#fff; transform:translateY(3px); }
.hero-campaign-date { display:flex; gap:12px; align-items:center; margin-top:30px; }
.hero-campaign-date>i { display:grid; place-items:center; width:40px; height:40px; border-radius:8px; background:#efeee3; color:#737b52; font-size:20px; }
.hero-campaign-date strong { display:block; font-size:13px; color:#44493c; }
.hero-campaign-date small { display:block; font-size:11px; color:#89877b; margin-top:2px; }
.hero-causes { display:flex; gap:23px; flex-wrap:wrap; border-top:1px solid #e5e1d6; padding-top:20px; margin-top:26px; font-size:11px; color:#777b67; }
.hero-causes i { color:#6c7e4d; margin-right:6px; font-size:14px; }
.hero-photo-story { position:relative; padding:10px 0 105px 15px; min-width:0; }
.hero-photo-outline { position:absolute; inset:-7px -15px 127px 35px; border:1px solid #d7d9c3; border-radius:90px 15px 15px 15px; transform:rotate(4deg); }
.hero-main-photo { position:relative; margin:0; border-radius:85px 12px 12px 12px; overflow:hidden; background:#d9d6be; }
.hero-main-photo>img { display:block; height:445px; width:100%; object-fit:cover; object-position:62% center; transition:transform .8s; }
.hero-main-photo::after { content:''; position:absolute; inset:65% 0 0; background:linear-gradient(transparent,#1e291bbb); pointer-events:none; }
.hero-main-photo figcaption { position:absolute; left:22px; right:12px; bottom:19px; color:#fff; font-size:11px; z-index:1; display:flex; gap:8px; align-items:center; }
.hero-photo-dot { width:6px; height:6px; border-radius:50%; background:#eac775; }
.hero-photo-note { position:absolute; right:-14px; top:35px; display:flex; align-items:center; gap:11px; background:#fffaf0; border:1px solid #f4e8d0; padding:15px 20px; border-radius:7px; box-shadow:0 6px 20px #39371c0c; transform:rotate(4deg); }
.hero-photo-note>i { font-size:24px; color:#c81822; }
.hero-photo-note>span { font-size:11px; line-height:1.6; color:#77715f; }.hero-photo-note strong { color:#464939; font-weight:700; }
.hero-care-card { position:absolute; left:-20px; bottom:38px; display:flex; align-items:center; gap:17px; background:#fff; border:6px solid #fff; border-radius:10px; padding:0 20px 0 0; box-shadow:0 14px 45px #37342117; max-width:calc(100% + 10px); transition:transform .3s,box-shadow .3s; }
.hero-care-card>img { width:150px; height:144px; border-radius:6px; object-fit:cover; }
.hero-care-card>span { display:block; padding:9px 0; }
.hero-care-card small { font-size:8px; letter-spacing:1px; color:#9a6b46; display:block; margin-bottom:8px; font-weight:800; }
.hero-care-card strong { font-family:'Rubik',sans-serif; font-weight:600; font-size:17px; line-height:1.3; color:#37402d; display:block; }
.hero-care-link { display:flex; gap:12px; align-items:center; font-size:10px; color:#b92027; font-weight:700; margin-top:10px; }
.hero-photo-footnote { display:flex; justify-content:space-between; gap:15px; position:absolute; bottom:0; left:15px; right:0; font-size:9px; color:#929080; }
.hero-photo-footnote>span:first-child { font-weight:800; letter-spacing:1.4px; white-space:nowrap; }
@media(hover:hover) { .hero-main-photo:hover>img { transform:scale(1.035); }.hero-care-card:hover { transform:translateY(-4px); box-shadow:0 18px 45px #37342123; } }
@media(prefers-reduced-motion:no-preference) {
 .human-hero .giving-hero-copy { animation:hero-copy-in .8s ease-out both; }
 .hero-photo-story { animation:hero-photo-in 1s .1s ease-out both; }
 .hero-photo-note { animation:hero-note-in 1s .5s both; }
 .hero-care-card { animation:hero-card-in .9s .3s both; }
}
@keyframes hero-copy-in { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes hero-photo-in { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
@keyframes hero-note-in { from { opacity:0; transform:translateY(10px) rotate(4deg); } to { opacity:1; transform:translateY(0) rotate(4deg); } }
@keyframes hero-card-in { from { opacity:0; translate:0 18px; } to { opacity:1; translate:0 0; } }
@media(max-width:1199px) { .human-hero .human-hero-grid { gap:38px; }.reference-campaign .human-hero h1 { font-size:58px; }.hero-main-photo>img { height:440px; }.hero-photo-note { right:0; }.hero-care-card { left:-5px; gap:12px; padding-right:12px; }.hero-care-card>img { width:120px; height:128px; }.hero-care-card strong { font-size:16px; }.human-hero .campaign-actions { gap:16px; }.hero-photo-footnote { font-size:8px; } }
@media(max-width:991px) { .reference-campaign .human-hero { padding:50px 0; }.human-hero .human-hero-grid { grid-template-columns:1fr; gap:45px; max-width:750px; }.human-hero .giving-hero-copy { max-width:600px; }.reference-campaign .human-hero h1 { font-size:64px; }.reference-campaign .human-hero .hero-description { max-width:540px; }.hero-photo-story { margin:0 10px; }.hero-main-photo>img { height:450px; object-position:center; }.hero-care-card>img { width:165px; height:140px; }.hero-care-card { padding-right:25px; gap:20px; }.hero-photo-footnote { font-size:10px; }.hero-causes { max-width:530px; } }
@media(max-width:575px) { .reference-campaign .human-hero { padding:35px 0 38px; }.human-hero .human-hero-grid { gap:32px; }.reference-campaign .human-hero h1 { font-size:49px; letter-spacing:-2px; margin-top:22px; }.reference-campaign .human-hero .hero-intention { font-size:18px; }.reference-campaign .human-hero .hero-description { font-size:15px; line-height:1.8; margin-bottom:23px; }.hero-campaign-label { gap:9px; font-size:9px; }.hero-campaign-label>span:last-child { font-size:8px; }.human-hero .campaign-button { padding:14px 17px; font-size:12px; }.hero-discover { font-size:11px; gap:7px; }.hero-discover>span { width:29px; height:29px; }.hero-campaign-date { margin-top:24px; }.hero-causes { gap:18px; margin-top:21px; }.hero-photo-story { margin:0 6px; padding:8px 0 107px; }.hero-main-photo { border-top-left-radius:65px; }.hero-main-photo>img { height:310px; }.hero-photo-outline { inset:-3px -9px 125px 15px; border-top-left-radius:70px; }.hero-photo-note { top:24px; right:-2px; padding:10px 12px; gap:8px; }.hero-photo-note>span { font-size:10px; }.hero-photo-note>i { font-size:20px; }.hero-care-card { left:-3px; bottom:35px; gap:12px; padding-right:12px; border-width:5px; }.hero-care-card>img { width:115px; height:119px; }.hero-care-card strong { font-size:15px; }.hero-care-card small { font-size:7px; }.hero-main-photo figcaption { left:14px; font-size:9px; bottom:16px; }.hero-photo-footnote { left:0; font-size:8px; gap:12px; }.hero-photo-footnote>span:last-child { text-align:right; max-width:150px; } }
@media(max-width:374px) { .reference-campaign .human-hero h1 { font-size:45px; }.human-hero .campaign-actions { gap:12px; }.hero-discover>span { display:none; }.hero-care-card>img { width:100px; }.hero-causes { gap:15px; } }
@media(max-width:575px) { .human-hero .hero-main-photo figcaption { display:none; } }
@media(prefers-reduced-motion:reduce) { .human-hero *, .human-hero *::after { animation:none!important; transition:none!important; }.hero-care-card:hover,.hero-main-photo:hover>img { transform:none; } }

/* Readable campaign copy, including compact captions and donation help text. */
/* Photograph framing for the supplied MANAV and SABALA collection. */
.reference-campaign .hero-main-photo { border-radius:28px 12px 12px; box-shadow:0 20px 60px #0004; }
.reference-campaign .hero-main-photo>img { height:auto; aspect-ratio:4/3; object-position:center; }
.reference-campaign .hero-care-card>img { object-position:center 65%; }
.reference-campaign .campaign-initiative { border-radius:12px; overflow:hidden; }
.reference-campaign .initiative-photo-link img { height:auto; aspect-ratio:16/10; object-position:center 60%; }
.reference-campaign #manav .feature-photo>img { height:auto; aspect-ratio:4/3; border-radius:14px; object-position:center 65%; }
.reference-campaign #sabla .feature-photo { max-width:440px; margin-left:auto; width:100%; }
.reference-campaign #sabla .feature-photo>img { height:auto; aspect-ratio:3/4; border-radius:14px; }
.reference-campaign .feature-photo figcaption { border-radius:6px; box-shadow:0 8px 25px #361a171a; }
.reference-campaign .action-slider .action-photo { height:auto; aspect-ratio:4/3; border-radius:10px; overflow:hidden; }
.reference-campaign .action-photo img { object-position:center; }
.reference-campaign .action-photo img[src$="/sabla.jpeg"] { object-position:center 42%; }
@media(max-width:767px) { .reference-campaign #sabla .feature-photo { margin:0 auto; } }
.reference-campaign .human-hero h1 { color:#fff; }
.reference-campaign .human-hero h1 span { color:#ffc15e; }
.reference-campaign .human-hero .hero-intention { color:#fff; }
.reference-campaign .human-hero .hero-description { color:#e7e7e7; }
.human-hero .hero-campaign-label>span:first-child { background:#ffffff12; border:1px solid #ffffff30; color:#ffc15e; }
.human-hero .hero-campaign-label>span:last-child,
.human-hero .hero-campaign-date small,
.human-hero .hero-causes,
.human-hero .hero-photo-footnote { color:#e0e0e0; }
.human-hero .hero-campaign-date strong,
.human-hero .hero-discover { color:#fff; }
.human-hero .hero-campaign-date>i { background:#ffffff14; color:#ffc15e; }
.human-hero .hero-causes { border-color:#ffffff30; }
.human-hero .hero-causes i { color:#ffc15e; }
.human-hero .hero-discover>span { border-color:#ffffff60; }
.human-hero .hero-discover:hover { color:#ffc15e; }
.human-hero .hero-discover:hover>span { background:#ffffff20; }
.human-hero .hero-photo-outline { border-color:#ffffff40; }
.reference-campaign section[id] { scroll-margin-top:40px; }
.reference-campaign { --copy-size:18px; }
.reference-campaign p,
.reference-campaign .initiative-copy p,
.reference-campaign .campaign-date-strip p,
.reference-campaign .campaign-more p,
.reference-campaign .human-hero .hero-description { font-size:var(--copy-size); line-height:1.8; }
.reference-campaign .campaign-kicker,
.reference-campaign .hero-campaign-label,
.reference-campaign .hero-campaign-label>span:last-child,
.reference-campaign .campaign-date span,
.reference-campaign .donation-eyebrow { font-size:12px; line-height:1.6; }
.reference-campaign .hero-causes,
.reference-campaign .hero-campaign-date small,
.reference-campaign .hero-photo-note>span,
.reference-campaign .hero-care-link,
.reference-campaign .initiative-tags li,
.reference-campaign .giving-guide-links small { font-size:14px; line-height:1.6; }
.reference-campaign .hero-care-card small,
.reference-campaign .hero-photo-footnote,
.reference-campaign .hero-main-photo figcaption { font-size:12px; line-height:1.5; }
.reference-campaign .hero-campaign-date strong,
.reference-campaign .hero-discover,
.reference-campaign .campaign-button,
.reference-campaign .campaign-text-link,
.reference-campaign .campaign-date-strip a,
.reference-campaign .campaign-red-banner a,
.reference-campaign .feature-checks li,
.reference-campaign .campaign-purpose .container>div,
.reference-campaign .action-photo>span,
.reference-campaign .feature-photo figcaption,
.reference-campaign .giving-assurance,
.reference-campaign .campaign-more { font-size:15px; line-height:1.6; }
.reference-campaign .giving-guide-links strong { font-size:17px; }
.reference-campaign .giving-guide-note,
.reference-campaign .refined-donation .donation-card-heading p { font-size:16px; }
.reference-campaign .refined-donation label,
.reference-campaign .donation-frequency,
.reference-campaign .gift-total,
.reference-campaign .refined-donation .form-status { font-size:14px; line-height:1.7; }
.reference-campaign .refined-donation .form-hint,
.reference-campaign .refined-donation .consent,
.reference-campaign .refined-donation .payment-methods,
.reference-campaign .refined-donation .currency-label { font-size:13px; line-height:1.7; }
.reference-campaign .refined-donation .form-control,
.reference-campaign .refined-donation .form-select { font-size:16px; }
.reference-campaign .refined-donation .donation-submit { font-size:15px; }
.reference-campaign .donation-frequency { flex-wrap:wrap; }
.reference-campaign .hero-photo-footnote { flex-wrap:wrap; }
.reference-campaign .hero-care-card>span { min-width:0; }
@media(max-width:575px) {
 .reference-campaign { --copy-size:17px; }
 .reference-campaign .hero-photo-story { padding-bottom:0; }
 .reference-campaign .hero-photo-footnote { position:static; margin-top:100px; gap:6px; }
 .reference-campaign .hero-care-card { bottom:65px; }
 .reference-campaign .hero-care-card>img { width:90px; }
 .reference-campaign .hero-care-card small { letter-spacing:.4px; }
 .reference-campaign .hero-photo-footnote>span:last-child { max-width:none; text-align:left; }
}