/* Approved social-role-first homepage. Detail pages and original photo system are untouched. */
.social-role-home .hero--brand-entry .hero-copy{width:57%;padding-top:200px;padding-bottom:132px}
.social-role-home .hero--brand-entry h1{font-size:clamp(29px,3.5vw,47px);line-height:1.65;letter-spacing:.035em;white-space:normal;word-break:keep-all}
.social-role-home .hero--brand-entry .hero-kicker{margin-bottom:30px}
.social-role-home .hero--brand-entry .hero-foundation{margin-top:27px;max-width:36em;font-size:15px;line-height:2.1}
.social-role-home .hero-brand-line{margin:35px 0 0;font-size:13px;line-height:2;color:#d5ddcb;letter-spacing:.08em}
.social-role-home .desktop-nav{gap:25px}
.social-home-content .section{padding:94px 8%}
.social-home-content .eyebrow{margin:0 0 24px}
.social-home-content h2{font-size:clamp(27px,3vw,38px);line-height:1.65;letter-spacing:.025em;margin:0}
.social-home-content p{line-height:2}
.social-home-content .opportunity-section{border-bottom:0!important;padding-top:86px!important;padding-bottom:86px!important}
.opportunity-intro{font-size:16px;line-height:2!important;color:var(--muted);margin:25px 0 54px;max-width:880px}
.opportunity-group-title{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:400;letter-spacing:.025em;color:var(--muted);margin:0 0 23px;line-height:1.7}
.opportunity-group-title:after{content:'';height:1px;background:var(--line);flex:1}
.community-opportunities,.support-opportunities{display:grid;grid-template-columns:1fr 1fr}
.community-opportunities{background:#e8ecdf}
.opportunity-card{min-width:0;padding:29px 30px 34px;position:relative}
.opportunity-card+article:before,.support-card+article:before{content:'';position:absolute;top:24px;bottom:24px;left:0;width:1px;background:var(--line)}
.opportunity-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.opportunity-icon{width:44px;height:44px;color:#687761;flex:none}
.activity-status{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;font-size:11px;font-weight:400;line-height:1.7;white-space:nowrap;letter-spacing:.02em;border:1px solid #bcc4b1;background:#f7f5ee;color:#66735f}
.opportunity-card h3{font-size:clamp(23px,2.4vw,30px);font-weight:400;margin:25px 0 16px;line-height:1.5}
.opportunity-card p{font-size:15px;margin:0;line-height:2}
.opportunity-connection{height:28px;width:50%;border:1px solid var(--line);border-top:0;margin:0 auto 28px}
.support-opportunities{border:1px solid var(--line)}
.support-card{position:relative;min-width:0;padding:26px 30px}
.support-title{display:flex;align-items:center;justify-content:space-between;gap:15px}
.support-title h3{font-size:clamp(19px,2vw,25px);font-weight:400;line-height:1.6;margin:0}
.support-card p{font-size:14px;margin:15px 0 0;line-height:1.9}
.support-card .support-name{font-size:13px;color:var(--muted);margin-top:16px}
.support-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;line-height:1.8;padding:12px 0 4px;margin-top:8px;border-bottom:1px solid var(--line);text-decoration:none}
.social-home-content .social-events{background:#eeeee4;padding-top:58px;padding-bottom:58px}
.events-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.social-events .eyebrow{margin-bottom:20px}.social-home-content .social-events h2{font-size:clamp(23px,2.5vw,32px)}
.events-format{font-size:12px;color:var(--muted);margin:0 0 8px;white-space:nowrap}
.events-empty{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}
.events-empty p:first-child{font-size:18px;margin:0 0 8px}.events-empty p+p{font-size:15px;color:var(--muted);margin:0}
.people-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:9%;align-items:start;margin-top:42px}
.people-photo{margin:0;max-width:350px}.people-photo img{display:block;width:100%;height:480px;object-fit:cover;object-position:50% 35%}
.people-copy{padding-top:12px}.people-copy h3{font-size:27px;font-weight:400;line-height:1.6;margin:0 0 14px}.people-copy h3 span{font-family:var(--serif);font-size:20px;margin-left:16px;color:var(--muted)}
.people-copy>p:not(.eyebrow){font-size:14px;margin:0 0 16px}
.coach-intro{margin-top:42px;border-top:1px solid var(--line);padding-top:28px}.coach-intro h3{font-size:23px}.coach-intro p{font-size:15px;line-height:2;margin:13px 0}.coach-intro .coach-status{font-size:13px;color:var(--muted)}
.social-home-content .social-why{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9%;background:#eeece2}
.why-intro>p:not(.eyebrow){font-size:17px;margin:26px 0}.founder-story h3{font-size:25px;font-weight:400;line-height:1.8;margin:0 0 24px}.founder-story p:not(.eyebrow){font-size:15px;line-height:2.1;margin:18px 0}.founder-story .text-link{margin-top:14px}
.social-home-content .social-programs h2{font-size:29px}.social-program-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:36px}
.social-program-grid article{border-top:1px solid var(--line);padding-top:24px;min-width:0}.program-en{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:17px;margin:0 0 9px}.social-program-grid h3{font-size:23px;line-height:1.65;font-weight:400;margin:0 0 20px}.social-program-grid p:not(.program-en){font-size:14px;line-height:2;margin:15px 0}
.social-program-grid .text-link,.social-together .text-link{background:transparent;border-top:0;border-left:0;border-right:0;font-family:inherit;cursor:pointer}
.social-programs .note{font-size:11px;margin-top:28px;color:var(--muted)}.program-more{display:flex;gap:35px;flex-wrap:wrap;margin-top:29px}
.social-home-content .social-together{background:#233a30;color:#f7f5ee;padding-top:58px;padding-bottom:58px}.social-together .eyebrow{color:#bcc8b3}.social-home-content .social-together h2{font-size:29px}.social-together>p:not(.eyebrow){font-size:15px;margin-top:22px;max-width:780px}.social-together .text-link{color:inherit;border-color:#87977b;margin-top:14px}
.social-role-home :is(a,button):focus-visible{outline:2px solid #a07844;outline-offset:5px}
@media(min-width:1500px){.social-home-content .section{padding-inline:max(8%,calc((100% - 1280px)/2))}}
@media(min-width:701px) and (max-width:1000px){.social-role-home .desktop-nav{gap:17px;font-size:15px}.social-role-home .hero--brand-entry .hero-copy{width:59%;padding-left:6%;padding-right:2%}.social-role-home .hero--brand-entry h1{font-size:32px}.opportunity-card,.support-card{padding-inline:22px}.support-title{display:block}.support-title .activity-status{margin-top:10px}.people-photo img{height:420px}}
@media(max-width:700px){
.social-role-home .hero--brand-entry{min-height:max(900px,145vw);height:auto}
.social-role-home .hero--brand-entry .hero-copy{width:100%;padding:475px 7% 115px}
.social-role-home .hero--brand-entry h1{font-size:clamp(26px,6.7vw,37px);line-height:1.75;letter-spacing:.01em;word-break:keep-all}
.social-role-home .hero--brand-entry .hero-kicker{font-size:9px;margin-bottom:0}
.social-role-home .hero--brand-entry .hero-foundation{font-size:14px;line-height:2;margin-top:23px}
.social-role-home .hero-brand-line{font-size:12px;margin-top:24px}
.social-role-home .desktop-break{display:none}
.social-home-content .section{padding:62px 7%}
.social-home-content .opportunity-section{padding-top:62px!important;padding-bottom:62px!important}
.social-home-content h2{font-size:27px;line-height:1.7}.opportunity-intro{font-size:15px;margin:22px 0 35px}
.opportunity-group-title{font-size:11px;gap:14px;margin-bottom:18px}
.community-opportunities,.support-opportunities{grid-template-columns:1fr}
.opportunity-card{padding:25px}.opportunity-card+article:before,.support-card+article:before{top:0;left:25px;right:25px;bottom:auto;width:auto;height:1px}
.opportunity-card h3{font-size:26px;margin-top:20px}.opportunity-card p{font-size:15px}
.opportunity-connection{width:1px;height:26px;border:0;border-left:1px solid var(--line);margin-bottom:26px}
.support-card{padding:25px}.support-title{display:flex;gap:12px}.support-title h3{font-size:21px}.support-title .activity-status{font-size:10px;padding:4px 9px}.support-card p{font-size:14px}.support-link{font-size:13px;min-height:44px;padding-top:12px}
.events-heading{display:block}.social-home-content .social-events h2{font-size:24px}.events-format{margin:16px 0 0}.events-empty{margin-top:24px}.events-empty p:first-child{font-size:16px}.events-empty p+p{font-size:14px}
.people-layout{grid-template-columns:1fr;gap:28px;margin-top:29px}.people-photo{max-width:290px}.people-photo img{height:365px}.people-copy{padding-top:0}.people-copy h3{font-size:25px}.coach-intro{margin-top:31px}
.social-home-content .social-why{grid-template-columns:1fr;gap:43px}.why-intro>p:not(.eyebrow){font-size:16px}.founder-story{border-top:1px solid var(--line);padding-top:34px}.founder-story h3{font-size:24px}
.social-program-grid{grid-template-columns:1fr;gap:32px;margin-top:28px}.social-home-content .social-programs h2{font-size:26px}.social-program-grid h3{font-size:23px}.program-more{gap:17px}.social-home-content .social-together h2{font-size:25px}
}
@media(max-width:360px){.support-title{align-items:flex-start;flex-direction:column;gap:10px}.social-role-home .hero--brand-entry h1{font-size:24px}}

/* Owner-approved WHY introduction, replacing the former abstract opening only. */
.social-home-content .why-background{max-width:960px;margin-top:30px}
.social-home-content .why-background p{font-size:16px;line-height:2.1;margin:0 0 19px}
.social-home-content .why-background p:last-child{margin-bottom:0}
.activities-response-title{font-size:25px;font-weight:400;line-height:1.7;margin:49px 0 30px;padding-top:32px;border-top:1px solid var(--line)}
@media(max-width:700px){.social-home-content .why-background{margin-top:24px}.social-home-content .why-background p{font-size:15px;line-height:2.05;margin-bottom:20px}.activities-response-title{font-size:24px;margin-top:37px;padding-top:28px;margin-bottom:25px}}
