/* Community page owns its layout: keep these rules independent of coaching/testimonials. */
.social-page{--social-ivory:#f8f5f0;--social-ink:#171719;--social-gold:#9a743d;--social-rule:#d6c5ab;background:var(--social-ivory);color:var(--social-ink)}
.social-page .editorial-wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto;position:relative}
.social-page .social-hero{position:relative;min-height:600px;background:linear-gradient(90deg,#f8f5f0 0%,#f8f5f0f5 34%,#f8f5f045 65%,#f8f5f000 82%),url('community/Helping-hands2.jpg') right center/cover no-repeat;padding:64px max(40px,calc((100% - 1280px)/2)) 100px}
.social-page .editorial-hero-copy{position:relative;max-width:620px}
.social-page h1{font-size:clamp(40px,4.3vw,64px);line-height:1.06;letter-spacing:-.045em}
.social-page .social-lead{font:400 20px/1.6 var(--serif);max-width:530px;margin-top:25px}
.social-page .gold-rule{display:block;width:48px;height:1px;background:var(--social-gold);margin-block:26px}
.social-page .social-signature{width:190px;max-width:100%;margin-top:30px}
.social-page .social-signature .brand-logo{display:block;width:100%;max-width:190px;height:auto;object-fit:contain}
.social-page .editorial-rail{position:absolute;right:24px;top:38%;width:136px;padding:19px;background:#f8f5f0de;font-size:10px;line-height:1.9;letter-spacing:.2em}
.social-page .social-partnership{position:relative;display:grid;grid-template-columns:210px 190px minmax(0,1fr);gap:32px;align-items:center;margin-top:-52px;padding:36px;background:#fcfaf6f5;border:1px solid #e2d8cb}
.social-page .partner-logo{display:flex;align-items:center;justify-content:center;min-width:0;min-height:125px;border-right:1px solid #e2d8cb;padding-right:30px}
.social-page .partner-logo img{display:block;width:180px;max-width:100%;height:auto;object-fit:contain}
.social-page .partner-logo .sutton-partner{width:100px;max-height:100px;object-fit:contain}
.social-page .social-partnership .eyebrow{font-size:10px;color:#7c5b2f;line-height:1.7}
.social-page .social-partnership p:not(.eyebrow){font:400 23px/1.45 var(--serif)}
.social-page .social-commitment{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:58px 64px}
.social-page .social-commitment h2{margin-block:22px;font-size:clamp(34px,3.4vw,50px)}
.social-page .social-commitment>div>p:not(.eyebrow){font:400 20px/1.6 var(--serif);color:#51454c}
.social-page .social-commitment .button{margin-top:26px;background:#b7955b;border-color:#b7955b;color:#171719}
.social-page .social-commitment .button:hover{background:#d0b585;border-color:#d0b585}
.social-page .social-impact{background:radial-gradient(ellipse at top right,#553047,transparent 75%),linear-gradient(135deg,#3c2234,#271a24);color:#f8f5f0;padding:42px;border-top:3px solid #b7955b;min-width:0}
.social-page .social-impact .eyebrow{font-size:10px;color:#dfc79e}
.social-page .social-impact strong{display:block;font:400 clamp(42px,4.5vw,66px)/1.15 var(--serif);white-space:nowrap;margin-top:28px;letter-spacing:-.04em}
.social-page .social-impact>p:not(.eyebrow){font:400 28px/1.35 var(--serif);margin-top:8px}
.social-page .social-impact .gold-rule{background:#b7955b}
.social-page .social-impact blockquote{font:italic 400 25px/1.4 var(--serif);margin:0}
.social-page .community-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:42px max(40px,calc((100% - 1280px)/2));background:#eee8df}
.social-page .community-values>div{text-align:center;padding:0 26px;border-right:1px solid #dcd0c1;min-width:0}
.social-page .community-values>div:last-child{border:0}
.social-page .community-values svg{width:42px;height:42px;fill:none;stroke:#9a743d;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}
.social-page .community-values h3{font:600 10px/1.65 var(--sans);letter-spacing:.2em;margin-bottom:12px}
.social-page .community-values p{font:400 18px/1.5 var(--serif)}
.social-page .social-closing{max-width:900px;margin-inline:auto;text-align:center;padding:48px 40px}
.social-page .social-closing blockquote{font:italic 400 27px/1.45 var(--serif);margin:0}
.social-page .social-closing .gold-rule{margin-inline:auto}
.social-page .social-closing .eyebrow{font-size:9px;margin-bottom:0}
@media(max-width:1100px){
 .social-page .social-hero{background-position:65% center;padding-block:48px 88px;min-height:560px}
 .social-page .editorial-hero-copy{max-width:56%}
 .social-page .social-lead{font-size:18px}
 .social-page .editorial-rail{display:none}
 .social-page .social-partnership{grid-template-columns:150px 125px minmax(0,1fr);padding:28px;gap:24px}
 .social-page .partner-logo{padding-right:22px}
 .social-page .social-partnership p:not(.eyebrow){font-size:20px}
 .social-page .social-commitment{gap:34px}
 .social-page .social-impact{padding:30px}
 .social-page .social-impact strong{font-size:clamp(38px,5vw,54px)}
 .social-page .social-impact blockquote{font-size:22px}
 .social-page .community-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 0}
 .social-page .community-values>div:nth-child(2){border:0}
}
@media(max-width:800px){
 .social-page .editorial-wrap{width:calc(100% - 48px)}
 .social-page .social-hero{padding-inline:24px;background-image:linear-gradient(90deg,#f8f5f0fa 0%,#f8f5f0e8 43%,#f8f5f055 85%),url('community/Helping-hands2.jpg')}
 .social-page .editorial-hero-copy{max-width:76%}
 .social-page .social-partnership{grid-template-columns:1fr 1fr;gap:24px}
 .social-page .social-partnership>div:last-child{grid-column:1/-1;border-top:1px solid #e2d8cb;padding-top:24px}
 .social-page .partner-logo{min-height:95px;padding:0 20px}
 .social-page .partner-logo:nth-child(2){border:0}
 .social-page .social-commitment{grid-template-columns:1fr;gap:30px;padding-block:42px}
 .social-page .social-impact strong{font-size:60px}
 .social-page .community-values{padding-inline:24px}
}
@media(max-width:500px){
 .social-page .editorial-wrap{width:calc(100% - 40px)}
 .social-page .social-hero{padding:36px 20px 68px;min-height:0;background-image:linear-gradient(90deg,#f8f5f0f7,#f8f5f0e8),url('community/Helping-hands2.jpg')}
 .social-page .editorial-hero-copy{max-width:100%}
 .social-page h1{font-size:40px}
 .social-page .social-lead{font-size:18px}
 .social-page .social-signature{width:155px;margin-top:24px}
 .social-page .social-partnership{margin-top:-30px;padding:22px 18px;gap:20px 12px}
 .social-page .partner-logo{padding:0 12px;min-height:82px}
 .social-page .partner-logo .sutton-partner{width:78px;max-height:78px}
 .social-page .social-partnership p:not(.eyebrow){font-size:20px}
 .social-page .social-impact{padding:28px 24px}
 .social-page .social-impact strong{font-size:49px}
 .social-page .social-impact>p:not(.eyebrow){font-size:25px}
 .social-page .community-values{padding:34px 20px;gap:28px 0}
 .social-page .community-values>div{padding-inline:12px}
 .social-page .community-values h3{font-size:9px;letter-spacing:.13em}
 .social-page .community-values p{font-size:16px}
 .social-page .social-closing{padding:38px 24px}
 .social-page .social-closing blockquote{font-size:23px}
}
