/* Approved cocoa, cream and muted bronze direction. */
:root{--ivory:#f3eee5;--ink:#4b321e;--muted:#716657;--gold:#b88f36;--line:#ddd2c2;--photo-grade:saturate(.78) sepia(.06) contrast(.96)}
.hero{--editorial-image:url('images/adventure-legacy-2026.webp');color:#4b321e;min-height:740px;align-items:center}
.hero::before{background-size:cover;background-position:center 42%;filter:var(--photo-grade)}
.hero::after{background:linear-gradient(90deg,rgba(243,238,229,.99) 0%,rgba(243,238,229,.94) 25%,rgba(243,238,229,.76) 40%,rgba(243,238,229,.08) 68%,transparent 100%)}
.hero-content{width:min(660px,55%);padding-top:70px;padding-bottom:65px;text-shadow:none}
.hero h1,.hero p,.hero .hero-company,.hero .hero-promise{color:#4b321e}
.hero .eyebrow{color:#885b32}.hero .btn{color:#352315}.hero .btn.alt{color:#4b321e;border-color:#8c7154}
.hero-foot{display:none}
.solutions .tile-moms::before{background-position:right -48px}
@media(min-width:1200px){.hero::before{background-size:cover;background-position:center 42%}}
@media(max-width:850px){.hero{min-height:800px;align-items:flex-end}.hero::before{background-size:cover;background-position:70% top}.hero::after{background:linear-gradient(0deg,rgba(243,238,229,.99) 0%,rgba(243,238,229,.95) 40%,rgba(243,238,229,.25) 70%,transparent 100%)}.hero-content{width:100%;padding-top:320px;padding-bottom:40px}.hero h1{font-size:clamp(3rem,11vw,4.6rem)}}
@media(max-width:600px){.solutions .tile-moms::before{background-position:70% 40%}}

/* Center the subjects instead of the empty left side of the photographs. */
@media(min-width:851px){.hero::before{background-size:120% auto;background-position:right 42%}}
.social-strip{--editorial-image:url('images/adventure-legacy-2026.webp')}
.social-strip::before{background-size:120% auto;background-position:right 48%}
@media(max-width:850px){.hero::before{background-position:82% top}.social-strip::before{background-size:cover;background-position:78% 45%}}

/* Tighter, subject-centered framing for the three requested banners. */
@media(min-width:851px){
.hero::before{background-size:140% auto;background-position:right 42%}
.reunion-hero::before{background-size:140% auto;background-position:right top}
}
.social-strip::before{background-size:140% auto;background-position:right 33%}
@media(max-width:850px){
.hero::before{background-size:cover;background-position:82% top}
.reunion-hero::before{background-size:cover;background-position:80% top}
.social-strip::before{background-size:cover;background-position:80% 35%}
}

/* Keep every face within the social banner rather than magnifying a shallow crop. */
.social-strip{min-height:clamp(320px,27vw,520px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.social-strip::before{background-size:cover;background-position:center 50%}
@media(max-width:850px){.social-strip{min-height:340px}.social-strip::before{background-size:cover;background-position:80% 48%}}

/* Compact social strip with a bounded photograph so wide screens do not magnify faces. */
.social-strip{min-height:0;padding:40px 20px 42px;justify-content:center;background-color:var(--deep)}
.social-strip::before{background-size:auto 620px;background-position:center 52%;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}
@media(max-width:850px){.social-strip{min-height:0;padding:36px 14px}.social-strip::before{background-size:100% auto;background-position:center 52%;mask-image:none}}

/* Bring the complete homepage hero composition closer to the left edge. */
@media(min-width:851px){
.hero{overflow:hidden}
.hero>.wrap{width:calc(100% - 12vw);max-width:none;margin-inline:6vw}
.hero::before{left:-12vw;right:0;background-position:right 38%}
.hero::after{background:linear-gradient(90deg,rgba(243,238,229,.99) 0%,rgba(243,238,229,.94) 17%,rgba(243,238,229,.76) 32%,rgba(243,238,229,.08) 60%,transparent 100%)}
}

/* Journal crops: center the women and preserve the students' headroom. */
.journal-page .journal-grid .editorial-photo>img[src*="women-white-dunes-v2"]{width:130%;max-width:none;margin-left:-30%;object-position:right top}
.journal-page .journal-grid .editorial-photo>img[src*="melanated-minds-campus"]{object-position:center top}

/* Preserve headroom in Journal article banners and their matching cards. */
.article-photo.editorial-photo>img[src*="melanated-minds-campus"],
.article-photo.editorial-photo>img[src*="college-gurl-mom"],
.article-photo.editorial-photo>img[src*="family-ghana"],
.journal-page .editorial-photo>img[src*="college-gurl-mom"],
.journal-page .editorial-photo>img[src*="family-ghana"]{object-position:center top}

/* Keep the students’ complete faces inside the Melanated Minds header. */
.offering-minds::before{background-position:center top}