/* ============ HAPEI COMPONENTS ============ */

/* Header */
.hp-site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--hp-line)}
.hp-site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:.9rem}
.hp-brand__text{display:flex;align-items:center;gap:.55rem;font-family:var(--hp-display);font-weight:800;font-size:1.3rem;color:var(--hp-red);text-decoration:none}
.hp-brand__mark{color:var(--hp-flame);font-size:1.4rem}
.hp-brand img{max-height:52px;width:auto}
.hp-nav__list{display:flex;gap:1.6rem;list-style:none;margin:0;padding:0}
.hp-nav__list a{font-family:var(--hp-display);font-weight:500;color:var(--hp-ink);text-decoration:none;font-size:1rem}
.hp-nav__list a:hover{color:var(--hp-red)}
.hp-header-actions{display:flex;align-items:center;gap:.8rem}
.hp-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:.4rem}
.hp-burger span{width:26px;height:2px;background:var(--hp-ink);display:block;transition:.3s}
.hp-mobile{display:none;border-top:1px solid var(--hp-line);background:#fff}
.hp-mobile__list{list-style:none;margin:0;padding:1rem var(--hp-pad)}
.hp-mobile__list a{display:block;padding:.7rem 0;font-family:var(--hp-display);font-weight:500;color:var(--hp-ink);border-bottom:1px solid var(--hp-line);text-decoration:none}
@media(max-width:900px){
  .hp-nav{display:none}
  .hp-header-actions .hp-btn{display:none}
  .hp-burger{display:flex}
  .hp-mobile[data-open="1"]{display:block}
}

/* Hero */
/* hero base styles moved to the redesigned block at end of file */

/* Sections */
.hp-section--mist{background:var(--hp-mist)}
.hp-section-head{max-width:640px;margin-bottom:2.5rem}
.hp-section-more{margin-top:2rem}
.hp-section-head h2{margin:0}

/* Focus areas */
.hp-focus__item{background:#fff;border:1px solid var(--hp-line);border-radius:var(--hp-radius);padding:1.6rem;transition:.28s}
.hp-focus__item:hover{border-color:var(--hp-red);box-shadow:var(--hp-shadow);transform:translateY(-4px)}
.hp-focus__num{font-family:var(--hp-display);font-weight:800;font-size:1.1rem;color:var(--hp-flame);display:block;margin-bottom:.6rem}
.hp-focus__item h3{font-size:1.15rem;margin:0 0 .5rem}
.hp-focus__item p{font-size:.95rem;color:var(--hp-slate);margin:0}

/* Cards */
.hp-card__ph{width:100%;height:100%;background:linear-gradient(135deg,var(--hp-mist),#fff)}
.hp-card{text-decoration:none;color:inherit}
.hp-card:hover{text-decoration:none}
.hp-card__body p{font-size:.95rem;color:var(--hp-slate);margin:0}
.hp-empty{color:var(--hp-slate);font-style:italic}

/* Story feature */
.hp-story-feature__inner{display:grid;gap:2.5rem;align-items:center}
@media(min-width:860px){.hp-story-feature__inner{grid-template-columns:1fr 1fr}}
.hp-story-feature__media img{border-radius:var(--hp-radius);width:100%;object-fit:cover}
.hp-story-feature blockquote{border-left:3px solid var(--hp-flame);padding-left:1.2rem;margin:1.4rem 0;font-size:var(--hp-step-1);font-family:var(--hp-display);color:var(--hp-ink)}
.hp-story-feature cite{display:block;font-size:1rem;color:var(--hp-slate);margin-top:.6rem;font-style:normal}

/* Single hero (program) */
.hp-phero{position:relative;background:var(--hp-deep);color:#fff}
.hp-phero__media{position:absolute;inset:0;opacity:.28}
.hp-phero__media img{width:100%;height:100%;object-fit:cover}
.hp-phero__inner{position:relative;padding-block:clamp(3.5rem,9vw,7rem)}
.hp-phero__inner h1{margin:.4rem 0}
.hp-phero__sub{font-size:var(--hp-step-1);max-width:640px;opacity:.95}
.hp-phero .hp-tag{background:rgba(255,255,255,.16);color:#fff}

/* Single layout */
.hp-single__layout{display:grid;gap:3rem;padding-block:var(--hp-section)}
@media(min-width:900px){.hp-single__layout{grid-template-columns:1fr 340px}}
.hp-prose{font-size:var(--hp-step-0);line-height:1.75}
.hp-prose--wide{max-width:760px}
.hp-prose h2{margin-top:1.8em}
.hp-prose img{border-radius:var(--hp-radius);margin:1.5rem 0}
.hp-block{margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--hp-line)}
.hp-lead{font-size:var(--hp-step-1);color:var(--hp-ink)}
.hp-timeline{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.6rem}
.hp-timeline li{padding-left:1.4rem;position:relative}
.hp-timeline li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--hp-flame)}

/* Stats */
.hp-stats{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1.5rem}
.hp-stat{display:flex;flex-direction:column}
.hp-stat__num{font-family:var(--hp-display);font-weight:800;font-size:var(--hp-step-3);color:var(--hp-red);line-height:1}
.hp-stat__label{font-size:.9rem;color:var(--hp-slate);text-transform:uppercase;letter-spacing:.08em}

/* Aside cards */
.hp-aside-card{background:#fff;border:1px solid var(--hp-line);border-radius:var(--hp-radius);padding:1.5rem;margin-bottom:1.2rem}
.hp-aside-card h3{font-size:1.15rem;margin:0 0 1rem}
.hp-aside-card p{font-size:.95rem;margin:0 0 1rem}
.hp-aside-card--cta{background:linear-gradient(140deg,var(--hp-red),var(--hp-deep));color:#fff;border:0}
.hp-aside-card--cta h3{color:#fff}
.hp-aside-note{opacity:.9;margin-top:1rem!important}

/* Event hero */
.hp-ehero{position:relative;background:var(--hp-ink);color:#fff;min-height:340px;display:flex;align-items:flex-end}
.hp-ehero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}
.hp-ehero__inner{position:relative;padding-block:3rem;width:100%}
.hp-ehero__facts{list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem;padding:0;margin:1rem 0 1.4rem;font-family:var(--hp-display);font-weight:500}
.hp-ehero .hp-tag{background:rgba(255,255,255,.18);color:#fff}

/* Job / volunteer hero */
.hp-jhero{background:var(--hp-mist);border-bottom:1px solid var(--hp-line);padding-block:2.5rem}
.hp-jhero--warm{background:linear-gradient(140deg,var(--hp-flame),var(--hp-red));color:#fff}
.hp-jhero h1{margin:.4rem 0}
.hp-jhero__facts{list-style:none;display:flex;flex-wrap:wrap;gap:.7rem;padding:0;margin:1rem 0 0}
.hp-jhero__facts li{background:#fff;color:var(--hp-ink);border-radius:100px;padding:.35rem .9rem;font-size:.85rem;font-family:var(--hp-display);font-weight:500}
.hp-jhero--warm .hp-jhero__facts li{background:rgba(255,255,255,.2);color:#fff}
.hp-back{font-family:var(--hp-display);font-weight:500;text-decoration:none;font-size:.9rem;display:inline-block;margin-bottom:.6rem}
.hp-jhero--warm .hp-back{color:#fff}

/* Person profile */
.hp-person{display:grid;gap:2.5rem;padding-block:var(--hp-section)}
@media(min-width:820px){.hp-person{grid-template-columns:320px 1fr;align-items:start}}
.hp-person__portrait img,.hp-person__ph{border-radius:var(--hp-radius);width:100%;aspect-ratio:4/5;object-fit:cover}
.hp-person__ph{background:linear-gradient(135deg,var(--hp-mist),#fff)}
.hp-person__role{font-family:var(--hp-display);font-weight:600;color:var(--hp-red);font-size:var(--hp-step-1);margin:.3rem 0 1.2rem}
.hp-person__links{display:flex;gap:1.2rem;margin-top:1.5rem}
.hp-person__links a{font-family:var(--hp-display);font-weight:500}

/* CTA band */
.hp-cta-band{text-align:center;background:var(--hp-mist);border-radius:var(--hp-radius);padding:3rem}
.hp-cta-band h2{margin-bottom:1.4rem}

/* Archive / page hero */
.hp-archive-hero,.hp-page-hero{background:linear-gradient(140deg,var(--hp-red),var(--hp-deep));color:#fff;padding-block:clamp(3rem,7vw,5.5rem)}
.hp-page-hero--flame{background:linear-gradient(140deg,var(--hp-flame),var(--hp-red))}
.hp-archive-hero h1,.hp-page-hero h1{margin:.3rem 0}
.hp-archive-hero p,.hp-page-hero p{max-width:620px;opacity:.95}

/* Values */
.hp-values{display:flex;flex-wrap:wrap;gap:.8rem}
.hp-value{font-family:var(--hp-display);font-weight:600;background:#fff;border:1px solid var(--hp-line);border-radius:100px;padding:.6rem 1.3rem;color:var(--hp-red)}

/* Get involved */
.hp-involve__card{background:#fff;border:1px solid var(--hp-line);border-radius:var(--hp-radius);padding:1.6rem;display:flex;flex-direction:column;gap:.8rem}
.hp-involve__card h3{margin:0}
.hp-involve__card p{font-size:.95rem;color:var(--hp-slate);flex:1}
.hp-involve__card .hp-btn{align-self:flex-start}
.hp-involve__card--donate{background:linear-gradient(140deg,var(--hp-red),var(--hp-deep));color:#fff}
.hp-involve__card--donate h3,.hp-involve__card--donate p{color:#fff}
.hp-donate{background:#fff;border:1px solid var(--hp-line);border-radius:var(--hp-radius);padding:clamp(2rem,5vw,3.5rem)}

/* Contact */
.hp-contact{display:grid;gap:3rem}
@media(min-width:820px){.hp-contact{grid-template-columns:1.4fr 1fr}}
.hp-contact label{display:block;font-family:var(--hp-display);font-weight:500;margin-bottom:1rem}
.hp-contact input,.hp-contact textarea,.hp-auth input{width:100%;margin-top:.4rem;padding:.85rem 1rem;border:1px solid var(--hp-line);border-radius:10px;font-family:var(--hp-body);font-size:1rem;background:#fff}
.hp-contact input:focus,.hp-contact textarea:focus{outline:none;border-color:var(--hp-red)}
.hp-contact__details h3{margin-top:0}
.hp-contact__details p{font-size:.95rem}

/* Notes */
.hp-note{padding:1rem 1.2rem;border-radius:10px;background:var(--hp-mist);margin-bottom:1.2rem}
.hp-note--ok{background:#e9f7ee;color:#1e6b3a}
.hp-note--error{background:#fdeaea;color:var(--hp-deep)}

/* Auth + member */
.hp-auth{max-width:420px;margin:3rem auto;padding:2rem;border:1px solid var(--hp-line);border-radius:var(--hp-radius)}
.hp-auth label{display:block;font-family:var(--hp-display);font-weight:500;margin-bottom:1rem}
.hp-auth__reset{display:inline-block;margin-left:1rem;font-size:.9rem}
.hp-member{max-width:820px;margin-inline:auto;padding-block:var(--hp-section)}
.hp-member__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}
.hp-member__card{background:#fff;border:1px solid var(--hp-line);border-radius:var(--hp-radius);padding:1.6rem;margin-bottom:1.2rem}
.hp-member__card h2{font-size:1.3rem;margin:0 0 .6rem}

/* Footer */
.hp-site-footer{background:var(--hp-ink);color:#fff;padding-top:0}
.hp-footer-cta{background:linear-gradient(140deg,var(--hp-red),var(--hp-deep));border-radius:var(--hp-radius);padding:clamp(2.2rem,5vw,3.5rem);margin-top:-3rem;position:relative;z-index:2;margin-bottom:3.5rem}
.hp-footer-cta h2{margin:.3rem 0}
.hp-footer-cta p{max-width:560px;opacity:.95}
.hp-footer-grid{display:grid;gap:2rem;padding-bottom:2.5rem}
@media(min-width:760px){.hp-footer-grid{grid-template-columns:repeat(4,1fr)}}
.hp-footer-col__title{font-size:1.05rem;margin:0 0 1rem;color:#fff}
.hp-footer-col p{font-size:.92rem;opacity:.8;margin:0}
.hp-footer-menu{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.hp-footer-menu a,.hp-social a{color:#fff;opacity:.82;text-decoration:none;font-size:.92rem}
.hp-footer-menu a:hover,.hp-social a:hover{opacity:1;color:var(--hp-flame)}
.hp-social{display:grid;gap:.5rem}
.hp-footer-legal{border-top:1px solid rgba(255,255,255,.14);padding-block:1.6rem;font-size:.85rem;opacity:.7}

/* Pagination + 404 */
.hp-pagination{margin-top:3rem}
.hp-pagination .page-numbers{display:inline-block;padding:.5rem .9rem;border:1px solid var(--hp-line);border-radius:8px;margin:.2rem;text-decoration:none;font-family:var(--hp-display)}
.hp-pagination .current{background:var(--hp-red);color:#fff;border-color:var(--hp-red)}
.hp-404{text-align:center}
.hp-404 h1{margin:.4rem 0 1rem}

/* ---------------------------------------------------------------------------
   Phase 2: media hero, donations, applications
--------------------------------------------------------------------------- */

/* Hero with photo / video / youtube background */
.hp-hero--media{background:var(--hp-deep)}
.hp-hero__bg{position:absolute;inset:0;overflow:hidden;z-index:0}
.hp-hero__img,.hp-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hp-hero__video{z-index:1}
.hp-hero--has-video .hp-hero__img{z-index:0}
.hp-hero__yt{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.77vh;transform:translate(-50%,-50%);z-index:1;pointer-events:none}
.hp-hero__yt iframe{width:100%;height:100%;border:0}
.hp-hero__overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(140deg,rgba(164,0,0,calc(.45 + var(--hp-hero-overlay,.55)*.4)),rgba(20,0,0,var(--hp-hero-overlay,.55)))}
.hp-hero--media .hp-hero__inner,.hp-hero--media .hp-heartline{position:relative;z-index:3}
.hp-hero--media .hp-hero__glow{z-index:2;opacity:.35}
.hp-eyebrow--light{color:#fff;opacity:.9}
.hp-btn--on-dark{color:#fff;border-color:rgba(255,255,255,.7)}
.hp-btn--on-dark:hover{background:#fff;color:var(--hp-red)}

/* Donation layout */
.hp-donate{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:start}
.hp-donate__body h2{margin-top:.2em}
.hp-donate__panel{background:var(--hp-mist);border:1px solid var(--hp-line);border-radius:var(--hp-radius);padding:clamp(1.4rem,3vw,2rem)}
@media(max-width:820px){.hp-donate{grid-template-columns:1fr}}

/* Forms shared */
.hp-field{margin-bottom:1rem;display:flex;flex-direction:column;gap:.35rem}
.hp-field label{font-weight:600;font-size:.92rem}
.hp-field input,.hp-field textarea,.hp-field select{padding:.7rem .8rem;border:1px solid var(--hp-line);border-radius:10px;font:inherit;background:#fff;width:100%}
.hp-field input:focus,.hp-field textarea:focus{outline:2px solid var(--hp-red);border-color:var(--hp-red)}
.hp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:600px){.hp-field-row{grid-template-columns:1fr}}

/* Donation form specifics */
.hp-donate-amounts{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.hp-amt{padding:.55rem .9rem;border:1px solid var(--hp-line);border-radius:999px;background:#fff;cursor:pointer;font:inherit;font-weight:600;transition:all .15s ease}
.hp-amt:hover{border-color:var(--hp-red)}
.hp-amt.is-on{background:var(--hp-red);color:#fff;border-color:var(--hp-red)}
.hp-gateways{display:flex;flex-direction:column;gap:.4rem}
.hp-gateway{display:flex;align-items:center;gap:.5rem;font-weight:500;background:#fff;border:1px solid var(--hp-line);border-radius:10px;padding:.6rem .8rem;cursor:pointer}
.hp-donate-submit{margin-top:.6rem;width:100%;justify-content:center}
.hp-donate-msg{margin:.7rem 0 0;font-size:.92rem;min-height:1.2em}
.hp-donate-msg.is-error{color:var(--hp-deep);font-weight:600}
.hp-donate-secure{margin:.8rem 0 0;font-size:.8rem;color:#777}

/* Application form */
.hp-apply-section{background:#fff}
.hp-apply-wrap{max-width:720px}
.hp-apply-form{background:var(--hp-mist);border:1px solid var(--hp-line);border-radius:var(--hp-radius);padding:clamp(1.5rem,4vw,2.5rem)}
.hp-apply-form h3{margin-top:0}
.hp-apply-form input[type=file]{padding:.5rem;background:#fff}

/* ---------------------------------------------------------------------------
   Phase 3: impact band, partners, thematic area extras
--------------------------------------------------------------------------- */

/* Impact statistics band */
.hp-impact-band{background:linear-gradient(140deg,var(--hp-red),var(--hp-deep));color:#fff}
.hp-section-head--light h2{color:#fff}
.hp-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
.hp-impact{display:flex;flex-direction:column;gap:.35rem;padding:1rem 0}
.hp-impact__num{font-family:var(--hp-head);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1}
.hp-impact__label{font-size:.95rem;opacity:.92}
@media(max-width:820px){.hp-impact-grid{grid-template-columns:repeat(2,1fr)}}

/* Thematic focus: learn more link */
.hp-focus__more{display:inline-block;margin-top:.6rem;font-weight:600;color:var(--hp-red);text-decoration:none}
.hp-focus__more:hover{text-decoration:underline}

/* Partner logos strip */
.hp-partners__strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(1.5rem,4vw,3rem)}
.hp-partners__item{display:flex;align-items:center;justify-content:center;filter:grayscale(1);opacity:.75;transition:filter .2s ease,opacity .2s ease}
.hp-partners__item:hover{filter:grayscale(0);opacity:1}
.hp-partners__item img{max-height:64px;width:auto;object-fit:contain}
.hp-partners__name{font-weight:700;color:var(--hp-ink)}

/* ---------------------------------------------------------------------------
   Redesigned hero (left-aligned editorial split) + contrast fixes
--------------------------------------------------------------------------- */

/* Eyebrow on dark: recolour the leading bar too, so it is not red on red */
.hp-eyebrow--light{color:#fff;opacity:.95}
.hp-eyebrow--light::before{background:#fff}

/* Hero shell */
.hp-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(120% 140% at 85% 10%,var(--hp-flame) 0%,var(--hp-red) 38%,var(--hp-deep) 100%);padding-block:clamp(3.5rem,7vw,6rem)}
.hp-hero__glow{position:absolute;inset:auto -8% -45% auto;width:52vw;height:52vw;background:radial-gradient(circle,rgba(255,120,80,.55),transparent 62%);filter:blur(38px);opacity:.5;z-index:0}

/* Split layout: text left, emblem right; left-aligned, not centered */
.hp-hero__inner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}
.hp-hero__content{max-width:40rem;text-align:left}
.hp-hero__title{font-size:clamp(2.6rem,1.6rem + 4.2vw,5rem);line-height:1.02;letter-spacing:-.01em;margin:.35em 0 .5em;text-wrap:balance}
.hp-hero__lead{font-size:var(--hp-step-1);max-width:38rem;opacity:.96;font-family:var(--hp-body);line-height:1.55}
.hp-hero__cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2rem}

/* Emblem card on the right */
.hp-hero__aside{position:relative;z-index:3;display:flex;justify-content:center}
.hp-hero__emblem{width:min(24rem,80%);aspect-ratio:1/1;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;box-shadow:0 30px 60px -30px rgba(0,0,0,.55);transform:rotate(-2deg)}
.hp-hero__mark{width:clamp(6rem,14vw,9rem);height:auto}
.hp-hero__emblem-line{font-family:var(--hp-head);font-weight:700;font-size:1.15rem;letter-spacing:.01em;margin:0;text-align:center}
.hp-hero__chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}
.hp-hero__chips span{font-size:.78rem;padding:.3rem .7rem;border-radius:100px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);letter-spacing:.03em}
.hp-hero .hp-heartline{position:relative;z-index:3;margin-top:2.5rem;opacity:.9}

/* When a photo / video / youtube background is used: full-bleed, text bottom-left */
.hp-hero--media{background:var(--hp-deep)}
.hp-hero--media .hp-hero__inner{grid-template-columns:1fr;align-items:end;min-height:clamp(26rem,60vh,40rem)}
.hp-hero--media .hp-hero__content{max-width:44rem}
.hp-hero--media .hp-hero__aside{display:none}
.hp-hero--media .hp-hero__glow{opacity:.35}

@media(max-width:860px){
  .hp-hero__inner{grid-template-columns:1fr}
  .hp-hero__aside{display:none}
}

/* ---------------------------------------------------------------------------
   Contrast: eyebrows and links on dark / red backgrounds
--------------------------------------------------------------------------- */
.hp-hero .hp-eyebrow,
.hp-phero .hp-eyebrow,
.hp-page-hero .hp-eyebrow,
.hp-archive-hero .hp-eyebrow,
.hp-footer-cta .hp-eyebrow,
.hp-impact-band .hp-eyebrow,
.hp-aside-card--cta .hp-eyebrow,
.hp-cta-join .hp-eyebrow{color:#fff}
.hp-hero .hp-eyebrow::before,
.hp-phero .hp-eyebrow::before,
.hp-page-hero .hp-eyebrow::before,
.hp-archive-hero .hp-eyebrow::before,
.hp-footer-cta .hp-eyebrow::before,
.hp-impact-band .hp-eyebrow::before,
.hp-aside-card--cta .hp-eyebrow::before,
.hp-cta-join .hp-eyebrow::before{background:#fff}

/* ---------------------------------------------------------------------------
   Homepage: people cards, role list, join band
--------------------------------------------------------------------------- */

/* People (team + ambassadors) */
.hp-person-card{text-align:left}
.hp-person-card__media{display:block;aspect-ratio:4/5;border-radius:var(--hp-radius);overflow:hidden;background:linear-gradient(135deg,var(--hp-mist),#fff);margin-bottom:.8rem}
.hp-person-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.hp-person-card__media:hover img{transform:scale(1.04)}
.hp-person-card h3{margin:0 0 .15rem;font-size:1.1rem}
.hp-person-card h3 a{color:var(--hp-ink)}
.hp-person-card__role{margin:0;color:var(--hp-red);font-weight:600;font-size:.9rem}

/* Open roles list */
.hp-role-list{display:flex;flex-direction:column;gap:.7rem}
.hp-role{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.4rem;border:1px solid var(--hp-line);border-radius:14px;background:#fff;transition:border-color .2s ease,transform .2s ease}
.hp-role:hover{border-color:var(--hp-red);transform:translateX(4px)}
.hp-role__title{font-weight:700;color:var(--hp-ink);font-size:1.05rem;flex:1}
.hp-role__meta{display:flex;gap:.5rem;flex-wrap:wrap}
.hp-role__meta span{font-size:.8rem;color:#6b5a5a;background:var(--hp-mist);padding:.25rem .6rem;border-radius:100px}
.hp-role__go{color:var(--hp-red);font-size:1.2rem;font-weight:700}

/* Join the movement band */
.hp-cta-join{background:linear-gradient(140deg,var(--hp-red),var(--hp-deep));color:#fff}
.hp-cta-join__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.hp-cta-join h2{color:#fff;margin:.2em 0 .3em}
.hp-cta-join p{opacity:.95;max-width:34rem;margin:0}
.hp-cta-join__actions{display:flex;gap:.8rem;flex-wrap:wrap}