/* =========================================================
   GET INVOLVED
========================================================= */
.involved-page{--involved-mountain:#b48773;--involved-sun:#e2c56b}

/* =========================================================
   INTRO
========================================================= */
.involved-intro{padding:clamp(85px,9vw,145px) 0 clamp(65px,8vw,115px);background:var(--clhf-cream-soft)}
.involved-intro-grid{display:block}
.involved-intro h1{max-width:1400px;margin:0 0 clamp(30px,4vw,50px);font-family:var(--font-display);font-size:clamp(3.5rem,6.8vw,7rem);font-weight:800;line-height:.96;letter-spacing:-.06em;color:var(--clhf-navy)}
.involved-intro-copy{max-width:900px;font-size:clamp(1.18rem,1.5vw,1.48rem);line-height:1.75;color:var(--clhf-muted)}
.involved-intro-copy p:last-child{margin-bottom:0}

/* =========================================================
   PHOTO DIVIDER + SUN
========================================================= */
.involved-photo-divider{padding:clamp(26px,3vw,42px) 0;background:#fff}
.involved-photo-divider .container-wide{position:relative;isolation:isolate}
.involved-photo-divider .container-wide::before{content:"";position:absolute;z-index:0;top:-105px;left:50%;width:220px;height:220px;border-radius:50%;background:var(--involved-sun);transform:translateX(-50%);pointer-events:none}
.involved-photo-divider-inner{position:relative;z-index:1;height:clamp(230px,27vw,390px);overflow:hidden}
.involved-photo-divider img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* =========================================================
   WAYS TO GET INVOLVED
========================================================= */
.involved-ways{padding:clamp(90px,10vw,150px) 0;background:#fff}
.involved-section-heading{max-width:1050px;margin-bottom:clamp(55px,7vw,90px)}
.involved-section-heading h2{max-width:950px;margin:0;font-family:var(--font-display);font-size:clamp(2.8rem,5vw,5.3rem);font-weight:780;line-height:1;letter-spacing:-.052em;color:var(--clhf-navy)}

.involved-list{border-top:1px solid rgba(2,34,72,.16)}
.involved-item{position:relative;overflow:hidden;border-bottom:1px solid rgba(2,34,72,.16);isolation:isolate}
.involved-item>a{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,205px);gap:clamp(25px,4vw,55px);align-items:center;min-height:230px;padding:clamp(34px,4vw,52px) clamp(125px,10vw,165px) clamp(34px,4vw,52px) 0;text-decoration:none}

.involved-item-main{display:grid;grid-template-columns:35px minmax(0,1fr);gap:clamp(12px,1.5vw,22px);align-items:start;min-width:0}
.involved-item-number{padding-top:8px;font-family:var(--font-display);font-size:.88rem;font-weight:800;letter-spacing:.05em;color:var(--clhf-clay)}
.involved-item-content{min-width:0}
.involved-item-content h3{margin:0 0 18px;font-family:var(--font-display);font-size:clamp(1.8rem,2.9vw,3.2rem);font-weight:760;line-height:1.03;letter-spacing:-.045em;color:var(--clhf-navy);transition:color .22s ease}
.involved-item-content p{max-width:680px;margin:0;font-size:clamp(1rem,1.08vw,1.14rem);line-height:1.68;color:var(--clhf-muted)}

.involved-item-action{display:inline-flex;align-items:center;justify-content:flex-end;gap:11px;font-family:var(--font-display);font-size:.9rem;font-weight:800;text-align:right;color:var(--clhf-navy);white-space:nowrap}
.involved-item-action b{font-size:1.25rem;font-weight:500;transition:transform .22s ease}

.involved-item::before{content:"";position:absolute;z-index:1;right:42px;bottom:38px;width:92px;height:92px;border-radius:50%;background:var(--involved-sun);pointer-events:none}
.involved-item::after{content:"";position:absolute;z-index:2;right:0;bottom:0;width:112px;height:155px;background:var(--involved-mountain);clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none}

@media(hover:hover){
.involved-item:hover .involved-item-action b{transform:translateX(6px)}
.involved-item:hover .involved-item-content h3{color:var(--clhf-clay)}
}

/* =========================================================
   COLLABORATION
========================================================= */
.involved-partnership{padding:clamp(90px,10vw,155px) 0;background:var(--clhf-cream)}
.involved-partnership-grid{display:block}
.involved-partnership h2{max-width:930px;margin:0 0 35px;font-family:var(--font-display);font-size:clamp(2.8rem,5.1vw,5.4rem);font-weight:780;line-height:1;letter-spacing:-.052em;color:var(--clhf-navy)}
.involved-partnership p{max-width:820px;margin:0 0 32px;font-size:clamp(1.08rem,1.25vw,1.3rem);line-height:1.8;color:var(--clhf-ink)}
.involved-contact-link{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-display);font-size:.95rem;font-weight:800;color:var(--clhf-navy);text-decoration:none}
.involved-contact-link span{font-size:1.4rem;transition:transform .22s ease}
.involved-contact-link:hover span{transform:translateX(5px)}

/* =========================================================
   TABLET
========================================================= */
@media(max-width:1100px){
.involved-item>a{grid-template-columns:minmax(0,1fr);gap:22px;padding-right:145px}
.involved-item-action{justify-content:flex-start;margin-left:57px;text-align:left}
}

@media(max-width:800px){
.involved-item>a{padding-right:125px}
.involved-item-content h3{font-size:clamp(1.8rem,4vw,2.8rem)}
}

/* =========================================================
   MOBILE
========================================================= */
@media(max-width:700px){
.involved-intro{padding:65px 0}
.involved-intro h1{font-size:clamp(3rem,13vw,4.7rem)}
.involved-intro-copy{font-size:1.08rem;line-height:1.7}

.involved-photo-divider{padding:18px 0}
.involved-photo-divider-inner{height:220px}
.involved-photo-divider .container-wide::before{top:-72px;width:170px;height:170px}

.involved-ways{padding:70px 0}
.involved-section-heading{margin-bottom:45px}
.involved-section-heading h2{font-size:clamp(2.6rem,11vw,4rem)}

.involved-item>a{display:block;min-height:240px;padding:30px 93px 34px 0}
.involved-item-main{grid-template-columns:29px minmax(0,1fr);gap:12px}
.involved-item-number{padding-top:6px;font-size:.8rem}
.involved-item-content h3{margin-bottom:14px;font-size:clamp(1.65rem,7vw,2.35rem)}
.involved-item-content p{font-size:.98rem;line-height:1.62}
.involved-item-action{justify-content:flex-start;margin:22px 0 0 41px;text-align:left;font-size:.85rem;white-space:normal}

.involved-item::before{right:24px;bottom:30px;width:72px;height:72px}
.involved-item::after{width:88px;height:120px}

.involved-partnership{padding:75px 0}
.involved-partnership h2{font-size:clamp(2.6rem,11vw,4rem)}
.involved-partnership p{font-size:1.02rem;line-height:1.74}
}

/* =========================================================
   SMALL PHONE
========================================================= */
@media(max-width:430px){
.involved-intro{padding:55px 0}
.involved-intro h1{font-size:clamp(2.7rem,12.8vw,4rem)}
.involved-intro-copy{font-size:1rem}

.involved-photo-divider-inner{height:195px}
.involved-photo-divider .container-wide::before{top:-60px;width:145px;height:145px}

.involved-item>a{min-height:235px;padding:27px 75px 30px 0}
.involved-item-main{grid-template-columns:26px minmax(0,1fr);gap:10px}
.involved-item-number{font-size:.75rem}
.involved-item-content h3{font-size:clamp(1.55rem,7.1vw,2rem)}
.involved-item-content p{font-size:.94rem}
.involved-item-action{margin-left:36px}
.involved-item::before{right:19px;bottom:26px;width:62px;height:62px}
.involved-item::after{width:75px;height:104px}

.involved-partnership{padding:65px 0}
}