/* Social Work reference layout; the existing tab and scroll controller is unchanged. */
.re-home-layout .re-volunteer-scroll{background:#101719;color:#fff;--re-vs-active:#fff}
.re-home-layout .re-vs-backgrounds{display:block;background:#101719}
.re-home-layout .re-vs-backdrop img{filter:brightness(.48);transform:none}
.re-home-layout .re-vs-backgrounds:after{background:linear-gradient(90deg,rgba(5,10,12,.94) 0%,rgba(8,16,19,.82) 42%,rgba(15,28,32,.68) 100%)}
.re-home-layout .re-vs-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;max-width:1180px;align-items:start}
.re-home-layout .re-vs-left{display:block;min-width:0}
.re-home-layout .re-vs-left .re-vs-heading{margin:0 0 32px;padding:0}
.re-home-layout .re-vs-left .re-vs-heading h2{font-size:clamp(34px,3.4vw,48px);line-height:1.12;font-weight:700;color:#fff}
.re-home-layout .re-vs-heading .re-eyebrow{color:#bcc5c8}
.re-home-layout .re-vs-nav{display:flex;flex-direction:column;align-self:start;gap:36px;padding:0}
.re-home-layout .re-vs-left .re-vs-tab{padding:0;border:0;color:#a1aaad;font-size:clamp(34px,4vw,56px);font-weight:700;letter-spacing:-.035em;line-height:1.15;text-decoration:none;overflow-wrap:break-word}
.re-home-layout .re-vs-left .re-vs-tab[aria-selected=true],.re-home-layout .re-vs-left .re-vs-tab:hover,.re-home-layout .re-vs-left .re-vs-tab:focus-visible{color:#fff;font-weight:700;text-decoration:none}
.re-home-layout .re-vs-left .re-vs-tab[aria-selected=true]:before{display:none}
.re-home-layout .re-vs-panels{grid-column:2;grid-row:1;padding:0;min-width:0}
.re-home-layout .re-vs-panel,.re-home-layout .re-vs-panel:hover,.re-home-layout .re-vs-panel:focus-within{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff;transition:none}
.re-home-layout .re-vs-panel figure{margin:0 0 24px}
.re-home-layout .re-vs-panel .re-vs-image{height:auto;aspect-ratio:1.7;width:100%;border:0;border-radius:18px;object-fit:cover}
.re-home-layout .re-vs-panel h3{font-size:clamp(26px,2.4vw,32px);font-weight:700;line-height:1.2;margin:24px 24px 16px;color:#fff}
.re-home-layout .re-vs-panel .re-vs-subtitle,.re-home-layout .re-vs-panel .re-vs-dates{margin-inline:24px;color:#cdd6d9}
.re-home-layout .re-vs-panel .re-vs-description{font-size:clamp(17px,1.5vw,20px);font-weight:500;line-height:1.4;color:#f2f5f6;margin:0 24px 18px}
.re-home-layout .re-vs-panel .re-vs-more{margin-inline:24px;color:#fff}
@media(max-width:900px){
 .re-home-layout .re-vs-layout{grid-template-columns:1fr;gap:26px}
 .re-home-layout .re-vs-left .re-vs-heading{margin-bottom:22px}
 .re-home-layout .re-vs-nav{flex-direction:row;flex-wrap:wrap;gap:14px 22px}
 .re-home-layout .re-vs-left .re-vs-tab{font-size:22px;padding:8px 0}
 .re-home-layout .re-vs-panels{grid-column:1;grid-row:2}
 .re-home-layout .re-vs-panel .re-vs-image{height:auto;aspect-ratio:1.7}
 .re-home-layout .re-vs-panel h3,.re-home-layout .re-vs-panel .re-vs-subtitle,.re-home-layout .re-vs-panel .re-vs-dates,.re-home-layout .re-vs-panel .re-vs-description,.re-home-layout .re-vs-panel .re-vs-more{margin-inline:0}
}
@media(min-width:901px) and (max-height:650px){.re-home-layout .re-vs-left .re-vs-heading{margin-bottom:20px}.re-home-layout .re-vs-nav{gap:22px}.re-home-layout .re-vs-left .re-vs-tab{font-size:34px}.re-home-layout .re-vs-panel figure{margin-bottom:14px}.re-home-layout .re-vs-panel h3{font-size:26px}.re-home-layout .re-vs-panel .re-vs-description{font-size:17px}}

/* Compact screens keep the full panel within the existing scroll stage. */
@media(min-width:901px) and (max-height:650px){.re-home-layout .re-vs-left .re-vs-heading h2{font-size:32px}.re-home-layout .re-vs-panel .re-vs-image{height:var(--re-vs-image-height,240px);aspect-ratio:auto}}
@media(max-width:900px){.re-home-layout .re-vs-left .re-vs-heading h2{font-size:clamp(32px,5vw,42px)}.re-home-layout .re-vs-panel h3{margin-top:24px}}

/* Full-width heading above the two-column organisation and image row. */
.re-home-layout .re-vs-layout{column-gap:6%;row-gap:32px;max-width:1240px}
.re-home-layout .re-vs-left{display:contents}
.re-home-layout .re-vs-left .re-vs-heading{grid-column:1 / -1;grid-row:1;margin:0;padding:0}
.re-home-layout .re-vs-left .re-vs-heading h2{font-size:clamp(40px,4.5vw,64px);font-weight:700;line-height:1.1;max-width:none;margin:12px 0 0}
.re-home-layout .re-vs-left .re-vs-nav{grid-column:1;grid-row:2;gap:36px;padding:0}
.re-home-layout .re-vs-left .re-vs-tab{font-size:clamp(38px,4.5vw,62px);line-height:1.13}
.re-home-layout .re-vs-panels{grid-column:2;grid-row:2}
.re-home-layout .re-vs-panel .re-vs-image{height:auto;width:100%;aspect-ratio:1688 / 1000;object-fit:cover}
.re-home-layout .re-vs-panel .re-vs-more{display:none}
@media(max-width:900px){
 .re-home-layout .re-vs-layout{row-gap:24px}
 .re-home-layout .re-vs-left .re-vs-heading h2{font-size:clamp(34px,6vw,48px)}
 .re-home-layout .re-vs-left .re-vs-nav{grid-column:1;grid-row:2;gap:14px 22px}
 .re-home-layout .re-vs-left .re-vs-tab{font-size:clamp(24px,3.5vw,32px)}
 .re-home-layout .re-vs-panels{grid-column:1;grid-row:3}
}

/* Reference proportions: 1160px content, 548px media, 64px column gutter. */
.re-home-layout .re-vs-layout{max-width:1160px;column-gap:64px;row-gap:64px}
.re-home-layout .re-vs-left .re-vs-heading h2{max-width:850px;font-size:clamp(40px,4.15vw,56px);line-height:1.12;letter-spacing:-.035em}
.re-home-layout .re-vs-left .re-vs-nav{gap:36px;padding-top:2px}
.re-home-layout .re-vs-left .re-vs-tab{font-size:clamp(36px,4.15vw,56px);line-height:1.12;letter-spacing:-.035em}
.re-home-layout .re-vs-panel{margin-bottom:0}
.re-home-layout .re-vs-panel figure{margin:0 0 24px}
.re-home-layout .re-vs-panel .re-vs-image{border-radius:18px;aspect-ratio:1688 / 1000}
.re-home-layout .re-vs-panel .re-vs-subtitle,.re-home-layout .re-vs-panel .re-vs-dates{display:none}
.re-home-layout .re-vs-panel h3{font-size:32px;line-height:1.2;margin:0 24px 16px;letter-spacing:-.025em}
.re-home-layout .re-vs-panel .re-vs-description{font-size:20px;line-height:1.4;margin:0 24px;font-weight:500}
@media(max-width:1100px) and (min-width:901px){.re-home-layout .re-vs-layout{column-gap:40px;row-gap:40px}}
@media(max-width:900px){
 .re-home-layout .re-vs-layout{row-gap:28px;column-gap:0}
 .re-home-layout .re-vs-left .re-vs-heading h2{font-size:clamp(34px,6vw,48px)}
 .re-home-layout .re-vs-left .re-vs-nav{gap:14px 22px;padding-top:0}
 .re-home-layout .re-vs-left .re-vs-tab{font-size:clamp(24px,3.5vw,32px)}
 .re-home-layout .re-vs-panel h3{font-size:28px;margin-inline:12px}
 .re-home-layout .re-vs-panel .re-vs-description{font-size:18px;margin-inline:12px}
}
@media(min-width:901px) and (max-height:650px){
 .re-home-layout .re-vs-layout{row-gap:28px}
 .re-home-layout .re-vs-left .re-vs-heading h2{font-size:40px}
 .re-home-layout .re-vs-left .re-vs-tab{font-size:38px}
 .re-home-layout .re-vs-left .re-vs-nav{gap:26px}
 .re-home-layout .re-vs-panel h3{font-size:28px}
 .re-home-layout .re-vs-panel .re-vs-description{font-size:18px}
}

/* Keep reference typography instead of scaling the entire desktop layout. */
@media(min-width:901px){
 .re-home-layout .re-volunteer-scroll.is-pinned .re-vs-layout{transform:none}
 .re-home-layout .re-vs-left .re-vs-heading h2{font-size:clamp(44px,4.15vw,56px);line-height:1.12}
 .re-home-layout .re-vs-left .re-vs-tab{font-size:clamp(42px,4.15vw,56px);line-height:1.15}
 .re-home-layout .re-vs-left .re-vs-nav{gap:36px}
 .re-home-layout .re-vs-layout{row-gap:48px}
 .re-home-layout .re-vs-panel h3{font-size:32px}
 .re-home-layout .re-vs-panel .re-vs-description{font-size:20px}
}
.re-home-layout .re-vs-panel figure{margin-bottom:0}
.re-home-layout .re-vs-panel h3{padding-top:24px;margin-top:0;margin-bottom:16px}

/* Phone and tablet reference: all organisations in a natural vertical sequence. */
@media(max-width:1024px),(hover:none) and (pointer:coarse){
 .re-home-layout .re-volunteer-scroll,.re-home-layout .re-vs-backgrounds{background:#202020}
 .re-home-layout .re-vs-backgrounds{display:none}
 .re-home-layout .re-vs-sticky{position:relative;padding:64px 6.3%;height:auto;overflow:visible}
 .re-home-layout .re-vs-layout{display:block;max-width:760px;transform:none}
 .re-home-layout .re-vs-left{display:contents}
 .re-home-layout .re-vs-left .re-vs-heading{margin:0 0 40px}
 .re-home-layout .re-vs-left .re-vs-heading h2{font-size:clamp(30px,4vw,42px);line-height:1.15}
 .re-home-layout .re-vs-left .re-vs-nav{display:none}
 .re-home-layout .re-vs-panels{display:grid;gap:60px}
 .re-home-layout .re-vs-panel{margin:0}
 .re-home-layout .re-vs-panel .re-vs-image{width:100%;height:auto;aspect-ratio:1688 / 1000;border-radius:12px}
 .re-home-layout .re-vs-panel h3{font-size:clamp(24px,3vw,30px);line-height:1.25;margin:0 0 16px;padding:18px 0 0}
 .re-home-layout .re-vs-panel .re-vs-description{font-size:18px;line-height:1.5;margin:0;padding:0}
}

/* The stacked layout needs its own organisation labels because its tab menu is hidden. */
.re-vs-organisation{display:none}
@media(max-width:1024px),(hover:none) and (pointer:coarse){
 .re-home-layout .re-vs-panel .re-vs-organisation{display:block;color:var(--re-vs-org-colour,#fff);font-size:clamp(23px,3vw,30px);font-weight:700;line-height:1.25;letter-spacing:-.02em;margin:0 0 18px;padding:0}
}