.cause-badges{display:flex;flex-wrap:wrap;gap:.5rem}.cause-badge{display:inline-flex;padding:.35rem .7rem;border:2px solid currentColor;border-radius:999px;font:700 .78rem/1.2 var(--font-body);letter-spacing:.03em}.cause-badge--status{border-style:dashed}.program-landing-hero .cause-badges{margin:1.25rem 0}.program-landing-hero .cause-badge{color:#fff}.cause-notice,.medical-disclaimer{padding:1rem;border-left:.35rem solid var(--color-primary);background:var(--healnomics-lavender)}
.causes-overview-hero{padding:clamp(4rem,8vw,7rem) var(--layout-gutter);background:linear-gradient(135deg,var(--healnomics-deep-purple),var(--healnomics-purple));color:#fff}.causes-overview-hero h1,.causes-overview-hero p{max-width:52rem;color:#fff}.causes-overview-hero h1{font-size:clamp(3rem,7vw,5.6rem)}.causes-overview-hero p{font-size:clamp(1.1rem,2vw,1.35rem)}.causes-tier{padding:clamp(4rem,8vw,7rem) var(--layout-gutter)}.causes-tier--future{background:var(--healnomics-lavender)}.causes-tier__intro{max-width:54rem}.visual-cause-grid{display:grid;gap:clamp(1.25rem,3vw,2rem)}.visual-cause-grid--priority{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.visual-cause-grid--future{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-cause-card{overflow:hidden;padding:0!important;border:1px solid var(--healnomics-border);border-radius:1.5rem;background:#fff;box-shadow:0 1rem 2.5rem rgba(29,12,67,.08)}.visual-cause-card figure{margin:0}.visual-cause-card figure img{display:block;width:100%;height:auto}.visual-cause-card__body{padding:clamp(1.25rem,3vw,2rem)}.visual-cause-card h3{font-size:clamp(1.8rem,3vw,2.5rem)}.visual-cause-card .wp-element-button{margin-top:.5rem}
.cause-extension{padding:clamp(4rem,8vw,7rem) var(--layout-gutter)}.cause-extension--lavender{background:var(--healnomics-lavender)}.cause-extension--dark{background:linear-gradient(135deg,var(--healnomics-deep-purple),var(--healnomics-purple));color:#fff}.cause-extension--dark h2,.cause-extension--dark p{color:#fff}.cause-feature-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(17rem,.6fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.current-support-grid,.development-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0;list-style:none}.current-support-grid li,.development-grid article,.location-panel{padding:1.35rem;border:1px solid var(--healnomics-border);border-radius:1rem;background:#fff;box-shadow:0 .5rem 1.5rem rgba(29,12,67,.06)}.current-support-grid li{display:flex;align-items:flex-start;gap:.7rem}.current-support-grid li span{color:var(--healnomics-purple)}.location-panel strong,.location-panel span{display:block}.location-panel span{margin:.5rem 0;font:600 1.8rem/1.1 var(--font-heading)}
.stat-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.stat-tabs button{padding:.7rem 1.25rem;border:2px solid var(--healnomics-purple);border-radius:999px;background:#fff;color:var(--healnomics-purple);font-weight:700}.stat-tabs button[aria-selected="true"]{background:var(--healnomics-purple);color:#fff}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.25rem}.stat-card{padding:1.5rem;border:1px solid var(--healnomics-border);border-radius:1rem;background:#fff;box-shadow:0 .5rem 1.5rem rgba(29,12,67,.05)}.stat-card strong{display:block;margin-bottom:.7rem;color:var(--healnomics-purple);font:600 clamp(1.65rem,4vw,2.6rem)/1.1 var(--font-heading)}.stat-card small{display:block;color:var(--healnomics-muted);font-size:.78rem;line-height:1.5}
.page-template-page-get-involved .foundation-section{max-width:none;padding:clamp(3rem,7vw,6rem) var(--layout-gutter);background:linear-gradient(180deg,var(--healnomics-lavender) 0,white 35rem)}.page-template-page-get-involved .foundation-section>p,.page-template-page-get-involved .foundation-section>h1,.page-template-page-get-involved .foundation-section>.cause-grid,.page-template-page-get-involved .foundation-section>.wp-block-shortcode{width:min(100%,76rem);margin-right:auto;margin-left:auto}.page-template-page-get-involved .cause-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.page-template-page-get-involved .cause-grid article{padding:2rem;border:2px solid transparent;border-radius:1.5rem;background:#fff;box-shadow:0 1rem 3rem rgba(29,12,67,.1);cursor:pointer;transition:.2s}.page-template-page-get-involved .cause-grid article:hover,.page-template-page-get-involved .cause-grid article:focus-within,.page-template-page-get-involved .cause-grid article.is-selected{border-color:var(--healnomics-purple);transform:translateY(-2px)}.interest-form{display:grid;gap:1.25rem;margin-top:2rem;padding:clamp(1.5rem,5vw,3rem);border:1px solid var(--healnomics-border);border-radius:1.5rem;background:#fff;box-shadow:0 1.5rem 4rem rgba(29,12,67,.1);font-family:var(--font-body)}.interest-form label{display:grid;gap:.45rem;font-weight:700}.interest-form input:not([type=radio]):not([type=checkbox]),.interest-form select,.interest-form textarea{box-sizing:border-box;width:100%;min-height:3rem;padding:.75rem 1rem;border:1px solid var(--healnomics-border);border-radius:.7rem;background:#fff;color:var(--healnomics-ink);font:inherit}.interest-form textarea{min-height:8rem;resize:vertical}.interest-form input:focus,.interest-form select:focus,.interest-form textarea:focus{outline:3px solid rgba(97,50,180,.22);outline-offset:2px;border-color:var(--healnomics-purple)}.interest-form fieldset{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--healnomics-border);border-radius:1rem;background:var(--healnomics-lavender)}.interest-form fieldset label{display:flex;grid-template-columns:none;align-items:center;gap:.55rem;padding:.7rem 1rem;border:1px solid var(--healnomics-border);border-radius:999px;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.hp-field{position:absolute!important;left:-10000px!important}.form-notice,.form-error{padding:1rem;border-radius:.75rem}.form-notice{background:#e8f6ec}.form-error{background:#fdecec;color:#7c1111}
@media(max-width:900px){.visual-cause-grid--future,.current-support-grid,.development-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cause-feature-split{grid-template-columns:1fr}}@media(max-width:700px){.visual-cause-grid--priority,.visual-cause-grid--future,.current-support-grid,.development-grid,.page-template-page-get-involved .cause-grid,.form-grid{grid-template-columns:1fr}.interest-form{padding:1.25rem}.causes-overview-hero,.causes-tier,.cause-extension{padding-right:1rem;padding-left:1rem}}@media(prefers-reduced-motion:reduce){.cause-statistics *,.visual-cause-card,.interest-form *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:root{--healnomics-deep-purple:var(--healnomics-purple-deep)}
body:has(.interest-form) .foundation-section{max-width:none;padding:clamp(3rem,7vw,6rem) var(--layout-gutter);background:linear-gradient(180deg,var(--healnomics-lavender) 0,#fff 35rem)}
body:has(.interest-form) .foundation-section>p,body:has(.interest-form) .foundation-section>h1,body:has(.interest-form) .foundation-section>.cause-grid,body:has(.interest-form) .foundation-section>.wp-block-shortcode{width:min(100%,76rem);margin-right:auto;margin-left:auto}
body:has(.interest-form) .cause-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
body:has(.interest-form) .cause-grid article{padding:2rem;border:2px solid transparent;border-radius:1.5rem;background:#fff;box-shadow:0 1rem 3rem rgba(29,12,67,.1);cursor:pointer;transition:.2s}
body:has(.interest-form) .cause-grid article:hover,body:has(.interest-form) .cause-grid article:focus,body:has(.interest-form) .cause-grid article.is-selected{border-color:var(--healnomics-purple);outline:none;transform:translateY(-2px)}
@media(max-width:700px){body:has(.interest-form) .cause-grid{grid-template-columns:1fr}}

/* Selected mockups: Cause Option C, Vision D, and About SCD D. */
:root{--hf-purple-950:#0d031f;--hf-purple-900:#14062b;--hf-purple-800:#21104d;--hf-purple-700:#34147d;--hf-purple-600:#4a22bd;--hf-purple-500:#5b32d1;--hf-lilac-50:#fbf9ff;--hf-lilac-100:#f4efff;--hf-lilac-200:#e8ddfb;--hf-lilac-300:#d8c7f4;--hf-ink-900:#150b29;--hf-ink-700:#41394f;--hf-white:#fff;--hf-border:#ded4ec;--hf-font-heading:"EB Garamond",Georgia,serif;--hf-font-body:"Lato",Arial,sans-serif;--hf-radius-md:18px;--hf-radius-lg:28px;--hf-radius-pill:999px;--hf-shadow-soft:0 10px 28px rgba(31,10,70,.08);--hf-shadow-card:0 18px 48px rgba(31,10,70,.13);--hf-container:1200px;--hf-container-wide:1320px;--hf-section-space:clamp(70px,8vw,118px)}
.hf-inner{width:min(calc(100% - 48px),var(--hf-container));margin-inline:auto}.hf-inner.narrow{max-width:850px}.cause-hero--option-c{position:relative;isolation:isolate;display:flex;align-items:flex-end;width:min(calc(100% - 48px),var(--hf-container-wide));min-height:clamp(520px,67vh,720px);margin:36px auto 0;overflow:hidden;border-radius:var(--hf-radius-lg);background:var(--hf-purple-900)}.cause-hero--option-c .cause-hero__media{position:absolute;inset:0;z-index:-3;margin:0}.cause-hero--option-c .cause-hero__media img{width:100%;height:100%;object-fit:cover;object-position:var(--cause-focal-point,50% 50%)}.cause-hero--option-c:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(17,5,45,.97),rgba(30,9,74,.86) 38%,rgba(38,12,88,.4) 68%,rgba(18,5,45,.06))}.cause-hero--option-c:after{content:"";position:absolute;inset:auto 0 0;height:42%;z-index:-1;background:linear-gradient(180deg,transparent,rgba(12,3,31,.62))}.cause-hero--option-c .program-landing-hero__content{width:min(100%,720px);padding:clamp(40px,6vw,80px);color:#fff}.cause-hero--option-c h1{max-width:690px;margin:0 0 20px;color:#fff;font:600 clamp(3.3rem,6vw,6.2rem)/.94 var(--hf-font-heading)}.cause-hero--option-c p{max-width:600px;color:rgba(255,255,255,.92);font-size:clamp(1.05rem,1.35vw,1.28rem);line-height:1.58}.cause-hero--option-c .program-pillars{display:none}.cause-hero--option-c .cause-badges,.cause-hero--option-c .program-landing-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.cause-badge--status{border-style:solid}.program-process,.program-details{padding-block:var(--hf-section-space)}.program-details{max-width:none!important;padding-inline:max(24px,calc((100% - var(--hf-container))/2));background:var(--hf-lilac-100)}.cause-extension:nth-of-type(even){background:var(--hf-lilac-100)}
.causes-overview__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:stretch}.visual-cause-grid--priority{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-cause-card{display:flex;flex-direction:column}.visual-cause-card__body{display:flex;flex:1;flex-direction:column}.visual-cause-card__body>.wp-element-button{align-self:flex-start;margin-top:auto}.visual-cause-card figure{aspect-ratio:16/9}.visual-cause-card figure img{width:100%;height:100%;object-fit:cover}
.vision-hero--option-d{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(92px,11vw,164px);background:var(--hf-lilac-50)}.vision-hero__inner{width:min(calc(100% - 48px),var(--hf-container));margin-inline:auto}.vision-hero__copy{max-width:810px}.vision-hero--option-d h1{max-width:800px;font-size:clamp(3.5rem,7vw,7rem);line-height:.93}.vision-hero--option-d p{max-width:650px;font-size:1.25rem}.vision-splash,.get-involved-splash{position:absolute;z-index:-1;display:block;pointer-events:none;filter:saturate(1.15)}.vision-splash:before,.vision-splash:after,.get-involved-splash:before,.get-involved-splash:after{content:"";position:absolute;border-radius:47% 53% 37% 63%/54% 34% 66% 46%;background:inherit;transform:rotate(21deg)}.vision-splash--primary{width:min(620px,58vw);aspect-ratio:1;top:-18%;right:-8%;background:radial-gradient(circle at 38% 44%,#6d3bd8 0 18%,#9d76ec 19% 43%,transparent 44%)}.vision-splash--primary:before{inset:18% -8% 3% 26%}.vision-splash--secondary{width:min(460px,46vw);aspect-ratio:1;bottom:-30%;left:-10%;opacity:.48;background:radial-gradient(circle,#d8c7f4 0 48%,transparent 50%)}.vision-manifesto{padding:var(--hf-section-space) 0;background:#fff}.vision-manifesto p{max-width:980px;margin:auto;text-align:center;font:600 clamp(2.2rem,5vw,4.6rem)/1.05 var(--hf-font-heading);color:var(--hf-purple-800)}.vision-horizons{padding:var(--hf-section-space) 0;background:var(--hf-lilac-100)}.vision-horizons .hf-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px}.vision-horizons article{padding:clamp(28px,4vw,48px);border:1px solid var(--hf-border);border-radius:var(--hf-radius-md);background:#fff;box-shadow:var(--hf-shadow-soft)}.vision-horizons article>span{color:var(--hf-purple-600);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.priority-pathway,.future-causes,.vision-final{padding:var(--hf-section-space) 0}.priority-pathway{color:#fff;background:linear-gradient(135deg,var(--hf-purple-950),var(--hf-purple-700))}.priority-pathway h2,.priority-pathway p{max-width:850px;color:#fff}.future-causes{background:var(--hf-lilac-50)}.future-causes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.future-cause-card{display:flex;flex-direction:column;overflow:hidden;min-height:100%;border:1px solid var(--hf-border);border-radius:var(--hf-radius-md);background:#fff;box-shadow:var(--hf-shadow-soft);color:inherit;text-decoration:none;transition:.18s}.future-cause-card:hover,.future-cause-card:focus-visible{transform:translateY(-5px);box-shadow:var(--hf-shadow-card)}.future-cause-card__media{aspect-ratio:4/3;overflow:hidden}.future-cause-card__media img{width:100%;height:100%;object-fit:cover}.future-cause-card__body{display:grid;gap:12px;padding:26px}.future-cause-card__body strong{font:600 2rem/1.05 var(--hf-font-heading)}.future-cause-card__link{color:var(--hf-purple-600);font-weight:700}.vision-final,.scd-about-final{text-align:center;background:#fff}
.scd-about-hero--option-d{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);width:min(calc(100% - 48px),var(--hf-container-wide));min-height:590px;margin:36px auto 0;overflow:hidden;border-radius:var(--hf-radius-lg);background:var(--hf-lilac-100)}.scd-about-hero__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,78px)}.scd-about-hero__content h1{font-size:clamp(3.4rem,6vw,6rem);line-height:.9}.scd-about-hero__media{min-height:590px;margin:0}.scd-about-hero__media img{width:100%;height:100%;object-fit:cover}.scd-facts-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(calc(100% - 48px),var(--hf-container));margin:-34px auto 0;overflow:hidden;border:1px solid var(--hf-border);border-radius:20px;background:#fff;box-shadow:var(--hf-shadow-card)}.scd-facts-strip__item{display:grid;gap:8px;padding:28px}.scd-facts-strip__item+*{border-left:1px solid var(--hf-border)}.scd-facts-strip strong{font:600 1.65rem/1 var(--hf-font-heading);color:var(--hf-purple-700)}.scd-editorial-section,.scd-myth,.scd-about-final{padding:var(--hf-section-space) 0}.scd-editorial-section--lilac{background:var(--hf-lilac-100)}.scd-comparison,.scd-care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.scd-comparison__card{padding:36px;border-radius:var(--hf-radius-md)}.scd-comparison__card--disease{background:var(--hf-purple-800);color:#fff}.scd-comparison__card--disease h3,.scd-comparison__card--disease p{color:#fff}.scd-comparison__card--trait{border:1px solid var(--hf-lilac-300);background:#fff}.scd-myth{color:#fff;background:linear-gradient(135deg,var(--hf-purple-950),var(--hf-purple-600))}.scd-myth .hf-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.scd-myth h2,.scd-myth p{color:#fff}.scd-myth h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.95}.scd-myth img{width:100%;border-radius:24px;box-shadow:var(--hf-shadow-card)}
.get-involved-page{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--hf-section-space);background:var(--hf-lilac-50)}.get-involved-form-shell{width:min(calc(100% - 48px),1040px);margin-inline:auto;padding:clamp(32px,5vw,58px);border:1px solid rgba(91,50,209,.18);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(35,11,81,.16);backdrop-filter:blur(10px)}.get-involved-splash--primary{width:min(660px,60vw);aspect-ratio:1;top:2%;right:-13%;background:radial-gradient(circle at 40%,#6f3de0 0 18%,#a886ef 19% 42%,transparent 43%)}.get-involved-splash--secondary{width:min(540px,52vw);aspect-ratio:1;bottom:4%;left:-14%;opacity:.55;background:radial-gradient(circle,#d8c7f4 0 46%,transparent 48%)}.get-involved-form-shell .cause-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:980px){.scd-about-hero--option-d,.scd-myth .hf-inner{grid-template-columns:1fr}.future-causes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.causes-overview__grid,.visual-cause-grid--priority,.future-causes__grid,.vision-horizons .hf-inner,.scd-comparison,.scd-care-grid,.scd-facts-strip,.get-involved-form-shell .cause-grid{grid-template-columns:1fr}.cause-hero--option-c{width:min(calc(100% - 28px),var(--hf-container-wide));min-height:640px;margin-top:20px;border-radius:20px}.cause-hero--option-c:before{background:linear-gradient(180deg,rgba(17,5,45,.24),rgba(17,5,45,.74) 52%,rgba(17,5,45,.97))}.cause-hero--option-c .program-landing-hero__content{width:100%;padding:34px 26px}.vision-splash--primary{width:520px;top:-7%;right:-55%}.scd-facts-strip__item+*{border-top:1px solid var(--hf-border);border-left:0}.scd-about-hero__media{min-height:390px}.hf-inner{width:min(calc(100% - 32px),var(--hf-container))}}

.cause-photo-cta{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,66%) minmax(320px,34%);width:min(calc(100% - 48px),1200px);min-height:290px;margin:clamp(64px,8vw,112px) auto;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 30% 10%,rgba(125,77,228,.28),transparent 34%),linear-gradient(125deg,#2b0c73 0%,#4214a4 52%,#4a22bd 100%);box-shadow:0 20px 52px rgba(28,7,71,.18)}.cause-photo-cta--deep{background:radial-gradient(circle at 30% 10%,rgba(125,77,228,.2),transparent 34%),linear-gradient(125deg,#160537,#2b0c73 55%,#4a22bd)}.cause-photo-cta__content{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,64px) clamp(34px,5vw,70px)}.cause-photo-cta__heading{max-width:630px;margin:0;color:#fff;font:600 clamp(2.3rem,3.5vw,4rem)/1 var(--hf-font-heading);letter-spacing:-.025em}.cause-photo-cta__text{max-width:590px;margin:18px 0 0;color:rgba(255,255,255,.9);font:400 1.05rem/1.65 var(--hf-font-body)}.cause-photo-cta__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.cause-photo-cta .hf-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 24px;border:2px solid #fff;border-radius:999px;font-weight:700;text-decoration:none}.cause-photo-cta .hf-button--light{background:#fff;color:#35108d}.cause-photo-cta .hf-button--outline{background:transparent;color:#fff}.cause-photo-cta .hf-button:hover,.cause-photo-cta .hf-button:focus-visible{background:transparent;color:#fff}.cause-photo-cta .hf-button--outline:hover,.cause-photo-cta .hf-button--outline:focus-visible{background:#fff;color:#35108d}.cause-photo-cta__media{position:absolute;inset:0 0 0 auto;z-index:2;width:39%;min-width:370px;overflow:hidden}.cause-photo-cta__media picture,.cause-photo-cta__media img{display:block;width:100%;height:100%}.cause-photo-cta__media img{object-fit:cover;object-position:var(--cause-cta-image-x,50%) var(--cause-cta-image-y,50%)}.cause-photo-cta__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(65,19,154,.18),rgba(65,19,154,.02) 35%,transparent 62%);pointer-events:none}.cause-photo-cta__wave--desktop{position:absolute;inset:0 auto 0 -1px;z-index:3;width:clamp(105px,11vw,170px);height:100%;color:#4a22bd;pointer-events:none}.cause-photo-cta__wave--mobile{display:none}
.program-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.program-disclosure{min-height:0!important;padding:0!important;overflow:hidden}.program-disclosure__toggle{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;min-height:116px;padding:22px;border:0;background:#fff;color:var(--hf-ink-900);text-align:left;cursor:pointer;font:700 1.1rem/1.25 var(--hf-font-body)}.program-disclosure__toggle:hover,.program-disclosure__toggle:focus-visible{background:var(--hf-lilac-50);outline:3px solid var(--hf-purple-500);outline-offset:-3px}.program-disclosure__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:var(--hf-lilac-100);color:var(--hf-purple-600)}.program-disclosure__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.program-disclosure__chevron{font-size:1.6rem;color:var(--hf-purple-600)}.program-disclosure__panel{padding:0 22px 24px;animation:hf-disclose .22s ease}.program-disclosure__panel h2{display:none}.program-disclosure__panel[hidden]{display:none}@keyframes hf-disclose{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.vision-hero--option-d{min-height:clamp(540px,64vw,760px);display:flex;align-items:center}.vision-hero__inner{position:relative;z-index:2}.vision-hero__copy{width:min(44%,540px)}.vision-hero__splash{position:absolute;z-index:1;top:var(--vision-splash-y,-5%);right:var(--vision-splash-x,-2%);width:clamp(720px,var(--vision-splash-width,65vw),1180px);height:112%;object-fit:contain;object-position:var(--vision-splash-position,right center);opacity:var(--vision-splash-opacity,1);pointer-events:none;user-select:none}.vision-hero__splash--secondary{left:-10%;right:auto;opacity:calc(var(--vision-splash-opacity,1)*.45)}.vision-page>.wp-block-post-content>.wp-block-group{max-width:none}.vision-horizons>.wp-block-columns{width:min(calc(100% - 48px),var(--hf-container));margin:auto;gap:30px}.vision-horizons>.wp-block-columns>.wp-block-column{padding:clamp(28px,4vw,48px);border:1px solid var(--hf-border);border-radius:var(--hf-radius-md);background:#fff;box-shadow:var(--hf-shadow-soft)}.future-causes>.wp-block-columns{width:min(calc(100% - 48px),var(--hf-container));margin:auto;gap:26px}.future-causes>.wp-block-columns>.future-cause-card{display:block;padding:0;overflow:hidden}.future-causes .future-cause-card figure{margin:0;aspect-ratio:4/3}.future-causes .future-cause-card img{width:100%;height:100%;object-fit:cover}.future-causes .future-cause-card h3,.future-causes .future-cause-card p{padding-inline:24px}.scd-about-hero--option-d>.wp-block-columns{width:100%;margin:0}.scd-about-hero--option-d>.wp-block-columns>.wp-block-column{display:flex;flex-direction:column;justify-content:center}.scd-about-hero--option-d>.wp-block-columns>.wp-block-column:first-child{padding:clamp(40px,6vw,78px)}.scd-about-hero--option-d figure{height:100%;margin:0}.scd-about-hero--option-d img{width:100%;height:100%;object-fit:cover}
@media(max-width:980px){.program-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.cause-photo-cta{display:block;width:min(calc(100% - 28px),1200px);min-height:0;padding-bottom:270px;border-radius:22px}.cause-photo-cta__content{min-height:330px;padding:38px 28px 54px}.cause-photo-cta__heading{font-size:clamp(2.35rem,10vw,3.5rem)}.cause-photo-cta__media{inset:auto 0 0;width:100%;min-width:0;height:295px}.cause-photo-cta__wave--desktop{display:none}.cause-photo-cta__wave--mobile{position:absolute;display:block;top:-1px;left:0;z-index:3;width:100%;height:82px;color:#4a22bd;pointer-events:none}.cause-photo-cta__media:after{background:linear-gradient(180deg,rgba(65,19,154,.14),transparent 35%)}.program-detail-grid{grid-template-columns:1fr}.vision-hero--option-d{min-height:620px;align-items:flex-start;padding-top:72px}.vision-hero__copy{width:min(72%,390px)}.vision-hero__splash{top:4%;right:-46%;width:820px;height:104%;object-position:var(--vision-splash-mobile-position,right center);opacity:calc(var(--vision-splash-opacity,1)*.92)}.scd-about-hero--option-d>.wp-block-columns{display:grid;grid-template-columns:1fr}.scd-about-hero--option-d>.wp-block-columns>.wp-block-column:last-child{min-height:360px}}
.cause-photo-cta__content{padding:32px clamp(34px,4vw,54px)}.cause-photo-cta__heading{font-size:clamp(2.3rem,3.2vw,3.25rem)}
@media(max-width:760px){.cause-photo-cta__content{min-height:330px;padding:38px 28px 54px}.cause-photo-cta__heading{font-size:clamp(2.35rem,10vw,3.5rem)}}

/* Final Option C density and icon-card alignment. */
.program-details{max-width:var(--hf-container)!important;padding:clamp(56px,7vw,88px) 24px!important;background:#fff}.program-details__intro{max-width:720px;margin-bottom:30px}.program-details__intro .program-lead{font-size:1rem}.program-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.program-disclosure{border:1px solid var(--hf-border)!important;border-radius:16px!important;box-shadow:var(--hf-shadow-soft)!important}.program-disclosure__toggle{grid-template-columns:48px 1fr auto;min-height:142px;padding:20px;align-content:center}.program-disclosure__toggle>span:nth-child(2){font:700 1rem/1.25 var(--hf-font-body)}.program-disclosure__icon{width:48px;height:48px;border:1px solid var(--hf-lilac-300);border-radius:14px;background:var(--hf-lilac-100);color:var(--hf-purple-600)}.program-disclosure__panel{padding:0 20px 22px;color:var(--hf-ink-700)}
.current-support-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.current-support-grid li{min-height:132px;flex-direction:column;align-items:center;justify-content:center;padding:16px 10px;text-align:center;border-radius:14px}.current-support-grid li>span{display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--hf-lilac-300);border-radius:14px;background:var(--hf-lilac-100);color:var(--hf-purple-600);font-size:1.1rem}.current-support-grid li strong{font-size:.82rem;line-height:1.3}.development-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.development-grid article{min-height:175px;text-align:center}.development-grid article:before{content:"◇";display:grid;width:46px;height:46px;margin:0 auto 14px;place-items:center;border:1px solid var(--hf-lilac-300);border-radius:14px;background:var(--hf-lilac-100);color:var(--hf-purple-600);font-size:1.25rem}.cause-extension--dark,.cause-extension--dark:nth-of-type(even){background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.16),transparent 30%),linear-gradient(135deg,var(--hf-purple-600),var(--hf-purple-900))!important;color:#fff}.cause-extension--dark .medical-disclaimer{border-left-color:#fff;background:rgba(255,255,255,.1);color:#fff}.program-landing>.wp-block-shortcode:first-child{margin-bottom:0}
@media(max-width:1100px){.current-support-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.program-detail-grid,.development-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.current-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.program-detail-grid,.development-grid{grid-template-columns:1fr}.program-disclosure__toggle{min-height:112px}.current-support-grid li{min-height:118px}}
.current-support-grid li>span svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.program-disclosure__toggle>span:nth-child(2){display:block!important;visibility:visible!important;opacity:1!important;color:var(--hf-ink-900)!important;font:700 1rem/1.25 var(--hf-font-body)!important}

/* The finite in-component SVG supplies the organic edge. Avoid document-level
   clipPath IDs: repeated CTA instances and WebKit resolve those unreliably. */
.cause-photo-cta__media{clip-path:none}

/* Native, editor-owned overview and involvement compositions. */
.causes-overview-hero{padding:clamp(72px,9vw,128px) 24px;background:linear-gradient(135deg,var(--hf-lilac-50),var(--hf-lilac-200))}.causes-overview-hero>*{max-width:830px;margin-inline:auto;text-align:center}.causes-overview-hero h1{font-size:clamp(3.7rem,7vw,7rem);line-height:.92}.causes-overview{padding:var(--hf-section-space) max(24px,calc((100% - var(--hf-container))/2))}.causes-overview>.wp-block-columns{gap:30px}.causes-overview-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--hf-border);border-radius:22px;background:#fff;box-shadow:var(--hf-shadow-soft)}.causes-overview-card__image{width:100%;aspect-ratio:16/9;margin:0!important;overflow:hidden}.causes-overview-card__image img{width:100%;height:100%;object-fit:cover}.causes-overview-card__body{display:flex;flex:1;flex-direction:column;padding:clamp(26px,4vw,38px)}.cause-card-classification{margin:0;color:var(--hf-purple-600);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.cause-card-status{align-self:flex-start;padding:7px 12px;border:1px solid var(--hf-lilac-300);border-radius:999px;background:var(--hf-lilac-100);font-weight:700}.causes-overview-card__actions{margin-top:auto;padding-top:18px}
.future-cause-card{position:relative}.future-cause-card a:after{content:"";position:absolute;inset:0}.future-cause-card a:focus-visible:after{outline:4px solid var(--hf-purple-600);outline-offset:-4px;border-radius:18px}.future-causes .future-cause-card p:last-child{padding-bottom:24px}
.get-involved-page{padding:0}.get-involved-hero{position:relative;isolation:isolate;overflow:hidden;min-height:520px;padding:clamp(84px,10vw,138px) max(24px,calc((100% - var(--hf-container))/2));background:var(--hf-lilac-50)}.get-involved-hero>*:not(.get-involved-artwork){position:relative;z-index:2;max-width:620px}.get-involved-artwork{position:absolute;z-index:1;inset:-15% -14% -20% auto;width:min(900px,70vw);height:135%;margin:0!important;pointer-events:none}.get-involved-artwork img{width:100%;height:100%;object-fit:contain}.get-involved-form-shell{margin-block:clamp(56px,8vw,100px)}.involvement-choice-grid{gap:22px}.involvement-type-card{padding:30px;border:2px solid var(--hf-lilac-300);border-radius:18px;background:#fff;cursor:pointer;box-shadow:var(--hf-shadow-soft)}.involvement-type-card:hover,.involvement-type-card:focus-visible,.involvement-type-card.is-selected{border-color:var(--hf-purple-600);background:var(--hf-lilac-100);outline:none;transform:translateY(-2px)}.interest-form fieldset{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block:28px;padding:22px;border:1px solid var(--hf-border);border-radius:16px}.interest-form label{display:grid;gap:8px;font-weight:700}.interest-form input,.interest-form select,.interest-form textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--hf-border);border-radius:10px;background:#fff;color:var(--hf-ink-900)}.interest-form textarea{min-height:120px}.interest-form input:focus,.interest-form select:focus,.interest-form textarea:focus{outline:3px solid var(--hf-lilac-300);border-color:var(--hf-purple-600)}
@media(max-width:760px){.causes-overview>.wp-block-columns,.involvement-choice-grid,.interest-form fieldset{display:grid;grid-template-columns:1fr}.get-involved-hero{min-height:580px}.get-involved-artwork{right:-75%;width:920px;opacity:.72}.cause-photo-cta{padding-bottom:245px}.cause-photo-cta__media{height:270px}}

/* Constrained-layout and contrast safeguards for the selected layouts. */
.causes-overview-hero h1{color:var(--hf-ink-900)}.causes-overview-hero p{color:var(--hf-ink-700)}
.scd-about-hero--option-d>.wp-block-columns{display:grid!important;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);width: 100% !important;gap:0!important}.scd-about-hero--option-d>.wp-block-columns>.wp-block-column{min-width:0!important;max-width:none!important}.scd-about-hero--option-d>.wp-block-columns>.wp-block-column:last-child{min-height:590px}.scd-about-hero--option-d figure,.scd-about-hero--option-d img{min-width:100%}.vision-hero__copy{position:relative;z-index:3}.vision-hero__copy p{max-width:34rem}
@media(max-width:980px){.scd-about-hero--option-d>.wp-block-columns{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.scd-about-hero--option-d>.wp-block-columns{grid-template-columns:1fr!important}.scd-about-hero--option-d>.wp-block-columns>.wp-block-column:last-child{min-height:360px}.vision-hero__copy p{max-width:18rem}}
.scd-about-hero--option-d>.wp-block-columns{width:100%!important;max-width:100%!important;margin:0!important}
.scd-about-hero--option-d>.wp-block-columns{width:min(calc(100vw - 48px),var(--hf-container-wide))!important;max-width:none!important}.scd-about-hero--option-d>.wp-block-columns>.wp-block-column:last-child,.scd-about-hero--option-d>.wp-block-columns>.wp-block-column:last-child figure{width:100%!important;max-width:none!important;align-self:stretch!important}
@media(max-width:760px){.scd-about-hero--option-d>.wp-block-columns{width:min(calc(100vw - 28px),var(--hf-container-wide))!important}}

/* Cross-browser page-template contract (Firefox, Chromium and WebKit). */
*,*::before,*::after{box-sizing:border-box}
picture,video,canvas{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
[hidden]{display:none!important}
.cause-page,.program-landing{margin:0!important;padding:0!important}
.cause-page>.wp-block-shortcode,.program-landing>.wp-block-shortcode{margin-block:0!important}
.cause-hero--option-c{width:100%;min-height:clamp(520px,66vh,720px);margin:0;border-radius:0}
.cause-hero--option-c .cause-hero__inner{width:min(calc(100% - 48px),var(--hf-container));min-width:0;margin-inline:auto}
.cause-hero--option-c .cause-hero__content{min-width:0;padding-inline:0}
.cause-hero--option-c .cause-hero__media,.cause-hero--option-c .cause-hero__media img{width:100%;height:100%;min-width:0}
.cause-extension,.cause-photo-cta,.cause-photo-cta__content,.cause-photo-cta__media,.education-building-card,.stat-card{min-width:0}
.cause-extension{padding-block:clamp(64px,7vw,108px)}
.cause-extension+.cause-extension{margin-top:0}
.cause-photo-cta{width:min(calc(100% - 48px),1320px);min-height:300px;max-height:330px;border-radius:28px}
.cause-photo-cta__media{width:40%;height:100%}
.cause-photo-cta .hf-button,.cause-photo-cta .hf-button:visited{color:#35108d}
.cause-photo-cta .hf-button--outline,.cause-photo-cta .hf-button--outline:visited{color:#fff}
.education-building-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.education-building-card{min-height:230px;padding:28px;border:1px solid var(--hf-border);border-radius:18px;background:#fff;box-shadow:var(--hf-shadow-soft)}
/* Preserve purple statistics-tab text in all states. */
.stat-tabs button,
.stat-tabs button:visited,
.stat-tabs button[aria-selected="true"],
.stat-tabs button:hover,
.stat-tabs button:focus-visible {
  border-color: var(--hf-purple-600, #4a22bd);
  color: var(--hf-purple-700, #34147d) !important;
}

.stat-tabs button[aria-selected="true"],
.stat-tabs button:hover,
.stat-tabs button:focus-visible {
  background: var(--hf-lilac-100, #f4efff);
}
.hf-button--primary,.hf-button--primary:visited{border:2px solid var(--hf-purple-600);background:var(--hf-purple-600);color:#fff}
.hf-button--primary:hover,.hf-button--primary:focus-visible{border-color:var(--hf-purple-800);background:var(--hf-purple-800);color:#fff}
.hf-button--secondary,.hf-button--secondary:visited{border:2px solid var(--hf-purple-600);background:#fff;color:var(--hf-purple-700)}
.hf-button--secondary:hover,.hf-button--secondary:focus-visible{background:var(--hf-purple-600);color:#fff}
.get-involved-form-shell{background:rgba(255,255,255,.96);backdrop-filter:none}
@supports (
	(-webkit-backdrop-filter: blur(10px)) or
	(backdrop-filter: blur(10px))
) {
	.get-involved-form-shell {
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}


/* ==========================================================================
   GET INVOLVED — FLUSH HEADER-TO-HERO ALIGNMENT
   Keep this block at the absolute end of the stylesheet.
   ========================================================================== */


/*
 * Cover common WordPress page structures in which the hero is inside a
 * constrained wrapper or entry-content container.
 */
.get-involved-page,
.get-involved-page > .get-involved-hero:first-child,
main > .get-involved-hero:first-child,
.entry-content > .get-involved-hero:first-child,
.wp-block-post-content > .get-involved-hero:first-child {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
  padding-top: 0;
}

.get-involved-hero.hf-splash-shell {
	position: relative !important;
	isolation: isolate;
	min-height: clamp(430px, 50vw, 590px);
	overflow: hidden !important;
	border-radius: 0 0 32px 32px;
	background:
		linear-gradient(
			145deg,
			#fbf9ff 0%,
			#f8f4ff 42%,
			#f2ebff 70%,
			#e8ddfb 100%
		) !important;
}

/* Force the decorative field to cover the complete hero. */
.get-involved-hero .hf-splash-field {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	overflow: hidden !important;
	pointer-events: none;
	z-index: 2 !important;
}

/* Keep the hero text above the splashes. */
.get-involved-hero .hf-splash-shell__content {
	position: relative !important;
	z-index: 5 !important;
	width: min(100% - 40px, 760px);
	max-width: 760px !important;
	margin-inline: auto !important;
	padding-top: clamp(110px, 13vw, 170px);
	padding-bottom: clamp(90px, 11vw, 145px);
}

/* Base splash shape */
.get-involved-hero .hf-splash {
	position: absolute !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100px;
	height: 80px;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius:
		47% 53% 62% 38% /
		56% 42% 58% 44%;
	pointer-events: none;
	z-index: 3 !important;
}

/* Large-medium upper-right splash */
.get-involved-hero .hf-splash--1 {
	top: 7% !important;
	right: 8% !important;
	left: auto !important;
	bottom: auto !important;
	width: clamp(140px, 17vw, 220px) !important;
	height: clamp(105px, 13vw, 170px) !important;
	background:
		radial-gradient(
			ellipse at 35% 32%,
			#f8f3ff 0%,
			#ddcef8 28%,
			#b69aeF 48%,
			#855ddf 68%,
			#4b20bd 86%
		) !important;
	transform: rotate(-14deg) !important;
	box-shadow: 0 18px 42px rgb(91 50 209 / 14%);
}

/* Small top-center splash */
.get-involved-hero .hf-splash--2 {
	top: -2% !important;
	left: 39% !important;
	right: auto !important;
	bottom: auto !important;
	width: clamp(65px, 7vw, 100px) !important;
	height: clamp(50px, 5vw, 76px) !important;
	background:
		radial-gradient(
			ellipse at 42% 35%,
			#efe6ff 0%,
			#c4acf2 42%,
			#7547dc 72%,
			#4218ad 100%
		) !important;
	transform: rotate(9deg) !important;
}

/* Small right-center splash */
.get-involved-hero .hf-splash--3 {
	top: 38% !important;
	right: 3% !important;
	left: auto !important;
	bottom: auto !important;
	width: clamp(72px, 8vw, 112px) !important;
	height: clamp(78px, 8.5vw, 122px) !important;
	background:
		radial-gradient(
			ellipse at 56% 38%,
			#f5efff 0%,
			#d3c0f5 34%,
			#966ee6 64%,
			#5126c0 100%
		) !important;
	transform: rotate(18deg) !important;
}

/* Medium bottom-right splash */
.get-involved-hero .hf-splash--4 {
	right: 12% !important;
	bottom: -5% !important;
	top: auto !important;
	left: auto !important;
	width: clamp(145px, 18vw, 235px) !important;
	height: clamp(100px, 12vw, 155px) !important;
	background:
		radial-gradient(
			ellipse at 48% 42%,
			#fbf8ff 0%,
			#e2d5f8 30%,
			#b392ec 52%,
			#7145d7 73%,
			#351078 100%
		) !important;
	transform: rotate(10deg) !important;
}

/* Small lower-center splash */
.get-involved-hero .hf-splash--5 {
	left: 54% !important;
	bottom: 14% !important;
	top: auto !important;
	right: auto !important;
	width: clamp(48px, 5vw, 74px) !important;
	height: clamp(48px, 5vw, 74px) !important;
	background:
		radial-gradient(
			circle at 37% 34%,
			#f4edff 0%,
			#cbb7f3 43%,
			#8156de 70%,
			#4820b5 100%
		) !important;
	transform: rotate(-20deg) !important;
}

/* Small left-side splash */
.get-involved-hero .hf-splash--6 {
	top: 24% !important;
	left: 7% !important;
	right: auto !important;
	bottom: auto !important;
	width: clamp(58px, 6vw, 90px) !important;
	height: clamp(48px, 5vw, 76px) !important;
	background:
		radial-gradient(
			ellipse at 45% 38%,
			#faf7ff 0%,
			#dacbf7 38%,
			#a080e9 67%,
			#6437d2 100%
		) !important;
	transform: rotate(23deg) !important;
	opacity: 0.8 !important;
}

/* Tiny accent droplet */
.get-involved-hero .hf-splash--7 {
	top: 20% !important;
	right: 31% !important;
	left: auto !important;
	bottom: auto !important;
	width: clamp(30px, 3vw, 46px) !important;
	height: clamp(34px, 3.4vw, 50px) !important;
	background:
		radial-gradient(
			circle at 40% 36%,
			#eee5ff 0%,
			#bba0ef 44%,
			#7244d9 72%,
			#441aad 100%
		) !important;
	transform: rotate(-8deg) !important;
}

/* Remove rules belonging to the previous two-shape version. */
.get-involved-hero .hf-splash-shell__shape,
.get-involved-hero .hf-splash-shell__shape--top,
.get-involved-hero .hf-splash-shell__shape--bottom {
	display: none !important;
}

.vision-hero--option-d{min-height:clamp(500px,58vw,680px);padding-block:0;background:#fbf9ff}
.vision-hero__splash{top:-8%;right:-3%;width:clamp(660px,var(--vision-splash-width,61vw),1080px);height:112%;object-fit:contain;object-position:right center}
.vision-hero__copy{width:min(44%,550px)}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .wp-site-blocks > header + main:has(.get-involved-hero),
  .wp-site-blocks > .wp-block-template-part + main:has(.get-involved-hero),
  .wp-site-blocks > main:has(.get-involved-hero),
  main:has(.get-involved-hero),
  main:has(.get-involved-hero) > .entry-content,
  .get-involved-main,
  .get-involved-page {
    margin-block-start: 0 !important;
    margin-top: 0 !important;
    padding-block-start: 0 !important;
    padding-top: 0 !important;
  }

  .get-involved-hero.hf-splash-shell {
    min-height: 460px;
    margin-block-start: 0 !important;
    margin-top: 0 !important;
    padding:
      clamp(64px, 9vw, 92px)
      clamp(24px, 6vw, 56px);
    border-radius: 0 0 26px 26px;
  }

  .get-involved-hero.hf-splash-shell > :not(.hf-splash-shell__shape) {
    width: min(100%, 620px);
    max-width: 620px;
  }

  .get-involved-hero h1 {
    font-size: clamp(3rem, 7vw, 5rem);
    line-height: 0.98;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .get-involved-form-shell {
    width: min(calc(100% - 48px), 900px);
    margin: clamp(44px, 7vw, 72px) auto;
    padding: clamp(20px, 4vw, 36px);
  }
  
  
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {
	.get-involved-hero.hf-splash-shell {
		min-height: 470px;
		border-radius: 0 0 24px 24px;
	}

	.get-involved-hero .hf-splash-shell__content {
		width: min(100% - 40px, 540px);
		padding-top: 105px;
		padding-bottom: 95px;
	}

	.get-involved-hero .hf-splash--1 {
		top: 7% !important;
		right: -7% !important;
		width: 138px !important;
		height: 108px !important;
	}

	.get-involved-hero .hf-splash--2 {
		top: -3% !important;
		left: 24% !important;
		width: 68px !important;
		height: 51px !important;
	}

	.get-involved-hero .hf-splash--3 {
		top: 42% !important;
		right: -4% !important;
		width: 74px !important;
		height: 82px !important;
	}

	.get-involved-hero .hf-splash--4 {
		right: 2% !important;
		bottom: -3% !important;
		width: 142px !important;
		height: 98px !important;
	}

	.get-involved-hero .hf-splash--5 {
		left: 63% !important;
		bottom: 17% !important;
		width: 45px !important;
		height: 45px !important;
	}

	.get-involved-hero .hf-splash--6 {
		top: 27% !important;
		left: -3% !important;
		width: 62px !important;
		height: 53px !important;
	}

	.get-involved-hero .hf-splash--7 {
		top: 18% !important;
		right: 31% !important;
		width: 31px !important;
		height: 34px !important;
	}
	
	.cause-hero--option-c{width:100%;min-height:620px;margin:0;border-radius:0}
	.cause-hero--option-c .cause-hero__inner{width:min(calc(100% - 28px),var(--hf-container))}
	.cause-photo-cta{width:min(calc(100% - 28px),1320px);max-height:none}
	.education-building-grid{grid-template-columns:1fr}
	.vision-hero__splash{top:2%;right:-52%;width:800px;height:105%}

}

@media (prefers-reduced-motion: no-preference) {
	.hf-splash {
		animation: hf-splash-float 9s ease-in-out infinite alternate;
	}

	.hf-splash--2,
	.hf-splash--5,
	.hf-splash--7 {
		animation-duration: 7s;
		animation-direction: alternate-reverse;
	}

	.hf-splash--3,
	.hf-splash--6 {
		animation-duration: 11s;
	}
}

@keyframes hf-splash-float {
	from {
		transform: translateY(0) rotate(var(--hf-rotation, 0deg));
	}

	to {
		transform: translateY(-8px) rotate(var(--hf-rotation, 0deg));
	}
}

/* ==========================================================================
   HEALNOMICS — FIREFOX-ONLY FALLBACK FOR hf-splash-field
   Load this AFTER the existing Get Involved stylesheet.
   Chrome, Edge, and Safari will ignore these rules.
   ========================================================================== */

@-moz-document url-prefix() {

  /* ------------------------------------------------------------------------
     Remove the gap between the site header and the Get Involved hero.
     ------------------------------------------------------------------------ */

  body:has(.get-involved-hero) .wp-site-blocks,
  body:has(.get-involved-hero) main,
  body:has(.get-involved-hero) .entry-content,
  body:has(.get-involved-hero) .wp-block-post-content {
    margin-block-start: 0 !important;
    padding-block-start: 0 !important;
  }

  body:has(.get-involved-hero)
    .wp-site-blocks
    > .wp-block-template-part
    + main,
  body:has(.get-involved-hero)
    .wp-site-blocks
    > header
    + main,
  body:has(.get-involved-hero)
    main
    > .wp-block-post-content,
  body:has(.get-involved-hero)
    .wp-block-post-content
    > .get-involved-hero:first-child {
    margin-block-start: 0 !important;
    margin-top: 0 !important;
    padding-block-start: 0 !important;
    padding-top: 0 !important;
  }

  /* ==========================================================================
   GET INVOLVED — FINAL CROSS-BROWSER OVERRIDES
   Place at the absolute end of the stylesheet.

   IMPORTANT:
   1. Delete the older @-moz-document Firefox fallback.
   2. Keep the existing .hf-splash--1 through .hf-splash--7 declarations.
   3. Do not create separate Firefox positions or dimensions.
   ========================================================================== */


/* ==========================================================================
   1. REMOVE ALL HEADER-TO-HERO SPACING
   ========================================================================== */

/*
 * WordPress commonly applies block-gap to the header/main relationship.
 * Reset it only on pages containing the Get Involved hero.
 */
html body:has(.get-involved-hero) .wp-site-blocks {
  --wp--style--block-gap: 0px !important;
  padding-block-start: 0 !important;
}

/*
 * Remove spacing between the header template part and the page content.
 */
html body:has(.get-involved-hero)
  .wp-site-blocks
  > .wp-block-template-part
  + main,

html body:has(.get-involved-hero)
  .wp-site-blocks
  > header
  + main,

html body:has(.get-involved-hero)
  .wp-site-blocks
  > main,

html body:has(.get-involved-hero)
  main,

html body:has(.get-involved-hero)
  main
  > .entry-content,

html body:has(.get-involved-hero)
  main
  > .wp-block-post-content,

html body:has(.get-involved-hero)
  .entry-content,

html body:has(.get-involved-hero)
  .wp-block-post-content,

html body:has(.get-involved-hero)
  .get-involved-page,

html body:has(.get-involved-hero)
  .get-involved-main {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
  padding-block-start: 0 !important;
  padding-top: 0 !important;
}

/*
 * Remove margin from the hero itself and from a wrapper immediately
 * surrounding it.
 */
html body:has(.get-involved-hero)
  .wp-block-post-content
  > .get-involved-hero:first-child,

html body:has(.get-involved-hero)
  .entry-content
  > .get-involved-hero:first-child,

html body:has(.get-involved-hero)
  main
  > .get-involved-hero:first-child,

html body:has(.get-involved-hero)
  .get-involved-page
  > .get-involved-hero:first-child {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
  padding-block-start: 0 !important;
}

/*
 * Handle WordPress wrappers placed between main and the hero.
 */
html body:has(.get-involved-hero)
  main
  > .wp-block-group:has(> .get-involved-hero:first-child),

html body:has(.get-involved-hero)
  main
  > .wp-block-post-content:has(> .get-involved-hero:first-child),

html body:has(.get-involved-hero)
  .entry-content:has(> .get-involved-hero:first-child) {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
  padding-block-start: 0 !important;
  padding-top: 0 !important;
}


/* ==========================================================================
   2. HERO CONTAINER
   ========================================================================== */

.get-involved-hero.hf-splash-shell {
  position: relative !important;
  isolation: isolate !important;
  box-sizing: border-box !important;

  width: 100% !important;
  max-width: none !important;

  min-height: clamp(430px, 50vw, 590px);

  margin-block-start: 0 !important;
  margin-top: 0 !important;

  overflow: hidden !important;

  border-radius: 0 0 32px 32px;

  background:
    linear-gradient(
      145deg,
      #fbf9ff 0%,
      #f8f4ff 42%,
      #f2ebff 70%,
      #e8ddfb 100%
    ) !important;
}


/* ==========================================================================
   3. SPLASH FIELD
   ========================================================================== */

.get-involved-hero .hf-splash-field {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  pointer-events: none !important;

  z-index: 2 !important;

  /*
   * These properties improve consistent painting in Firefox without
   * changing the position, size, gradient, or appearance.
   */
  transform: translateZ(0);
  backface-visibility: hidden;
  contain: layout paint;
}


/* ==========================================================================
   4. HERO CONTENT
   ========================================================================== */

.get-involved-hero .hf-splash-shell__content {
  position: relative !important;
  z-index: 5 !important;

  width: min(100% - 40px, 760px);
  max-width: 760px !important;

  margin-inline: auto !important;

  padding-top: clamp(110px, 13vw, 170px);
  padding-bottom: clamp(90px, 11vw, 145px);
}


/* ==========================================================================
   5. CROSS-BROWSER SPLASH NORMALIZATION
   Do not redefine positions here.
   ========================================================================== */

.get-involved-hero .hf-splash {
  position: absolute !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  box-sizing: border-box !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-clip: border-box !important;

  border-radius:
    47% 53% 62% 38% /
    56% 42% 58% 44%;

  pointer-events: none !important;

  transform-origin: center center !important;
  transform-box: border-box;

  backface-visibility: hidden;
  will-change: transform;

  z-index: 3 !important;
}


/* ==========================================================================
   6. FIREFOX PAINTING FIX
   This deliberately does not change splash positions or styling.
   ========================================================================== */

@supports (-moz-appearance: none) {
  .get-involved-hero.hf-splash-shell {
    /*
     * Force Firefox to establish the same isolated painting context used
     * by Chromium browsers.
     */
    transform: translateZ(0);
    backface-visibility: hidden;
  }

  .get-involved-hero .hf-splash-field {
    /*
     * Avoid Firefox losing absolutely positioned children inside an
     * isolated, overflow-hidden WordPress Group block.
     */
    contain: layout paint;
    transform: translate3d(0, 0, 0);
  }

  .get-involved-hero .hf-splash {
    /*
     * Preserve the exact shared radial gradients and positions.
     */
    background-origin: border-box !important;
    background-clip: border-box !important;

    filter: none !important;
    mix-blend-mode: normal !important;

    -webkit-mask: none !important;
    mask: none !important;

    clip-path: none !important;
  }
}


/* ==========================================================================
   7. REMOVE OBSOLETE TWO-SHAPE ELEMENTS
   ========================================================================== */

.get-involved-hero .hf-splash-shell__shape,
.get-involved-hero .hf-splash-shell__shape--top,
.get-involved-hero .hf-splash-shell__shape--bottom {
  display: none !important;
}


/* ==========================================================================
   8. TABLET
   ========================================================================== */

@media (max-width: 1024px) {
  .get-involved-hero.hf-splash-shell {
    min-height: 460px;

    margin-block-start: 0 !important;
    margin-top: 0 !important;

    border-radius: 0 0 26px 26px;
  }

  /*
   * Important correction:
   * Do not use:
   *
   * .get-involved-hero.hf-splash-shell
   * > :not(.hf-splash-shell__shape)
   *
   * That selector also captures .hf-splash-field and constrains the
   * decorative field to 620px, which can break splash placement.
   */
  .get-involved-hero .hf-splash-shell__content {
    width: min(100% - 40px, 620px);
    max-width: 620px !important;

    padding-top: clamp(90px, 11vw, 125px);
    padding-bottom: clamp(80px, 10vw, 115px);
  }

  .get-involved-hero h1 {
    font-size: clamp(3rem, 7vw, 5rem);
    line-height: 0.98;

    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .get-involved-form-shell {
    width: min(calc(100% - 48px), 900px);

    margin:
      clamp(44px, 7vw, 72px)
      auto;

    padding: clamp(20px, 4vw, 36px);
  }
}


/* ==========================================================================
   9. MOBILE
   ========================================================================== */

@media (max-width: 760px) {
  .get-involved-hero.hf-splash-shell {
    min-height: 470px;
    border-radius: 0 0 24px 24px;
  }

  .get-involved-hero .hf-splash-shell__content {
    width: min(100% - 40px, 540px);

    padding-top: 105px;
    padding-bottom: 95px;
  }

  .get-involved-hero .hf-splash--1 {
    top: 7% !important;
    right: -7% !important;
    left: auto !important;
    bottom: auto !important;

    width: 138px !important;
    height: 108px !important;
  }

  .get-involved-hero .hf-splash--2 {
    top: -3% !important;
    left: 24% !important;
    right: auto !important;
    bottom: auto !important;

    width: 68px !important;
    height: 51px !important;
  }

  .get-involved-hero .hf-splash--3 {
    top: 42% !important;
    right: -4% !important;
    left: auto !important;
    bottom: auto !important;

    width: 74px !important;
    height: 82px !important;
  }

  .get-involved-hero .hf-splash--4 {
    right: 2% !important;
    bottom: -3% !important;
    top: auto !important;
    left: auto !important;

    width: 142px !important;
    height: 98px !important;
  }

  .get-involved-hero .hf-splash--5 {
    left: 63% !important;
    bottom: 17% !important;
    top: auto !important;
    right: auto !important;

    width: 45px !important;
    height: 45px !important;
  }

  .get-involved-hero .hf-splash--6 {
    top: 27% !important;
    left: -3% !important;
    right: auto !important;
    bottom: auto !important;

    width: 62px !important;
    height: 53px !important;
  }

  .get-involved-hero .hf-splash--7 {
    top: 18% !important;
    right: 31% !important;
    left: auto !important;
    bottom: auto !important;

    width: 31px !important;
    height: 34px !important;
  }
}