/* Hero revision: a full-bleed documentary scene with integrated copy. */
.social-page .social-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;min-height:clamp(38rem,78vh,54rem);overflow:hidden;background:#111;color:#fff}
.social-page .social-hero::before{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#080808e8 0%,#080808b8 32%,#0808082b 68%,#08080855 100%),linear-gradient(0deg,#080808a8 0%,transparent 36%);content:''}
.social-page .social-hero-copy{position:relative;z-index:2;align-self:end;max-width:58rem;padding:0 max(7vw,2rem) clamp(4.5rem,10vh,8rem)}
.social-page .social-hero-copy::before{display:block;width:4.5rem;height:3px;margin-bottom:1.5rem;background:var(--yellow);content:''}
.social-page .social-hero h1{max-width:48rem;margin:.8rem 0 1.4rem;font:800 clamp(3rem,7.5vw,8rem)/.92 var(--display);letter-spacing:-.07em;text-transform:none}.social-page .social-hero-title-long{font-size:1em !important}
.social-page .social-hero-lede{max-width:30rem;margin:0;color:#f9e9e4;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.5}
.social-page .social-hero .social-eyebrow{color:#fff}
.social-page .social-health .social-kicker{color:#fff}
.social-page .social-intro h2{max-width:34rem;font-size:clamp(1.8rem,3.2vw,3.5rem);line-height:1.08}
.social-page .social-health{align-items:stretch}
.social-page .social-video-wrap{display:block;background:transparent;box-shadow:none;overflow:visible;height:100%}
.social-page .social-video-wrap video{display:block;width:100%;max-width:none;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;margin:0}
.social-page .social-video-wrap{position:relative}
.social-page .social-video-sound{position:absolute;right:1rem;bottom:1rem;z-index:2;display:grid;width:2.7rem;height:2.7rem;place-items:center;padding:0;border:1px solid #fff9;border-radius:50%;background:#111b;color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}
.social-page .social-video-sound:hover{background:#8e1d28;transform:scale(1.06)}
.social-page .social-volume-icon{width:1.2rem;height:1.2rem}.social-page .social-volume-icon--off{display:block}.social-page .social-volume-icon--on{display:none}.social-page .social-video-sound.is-unmuted .social-volume-icon--off{display:none}.social-page .social-video-sound.is-unmuted .social-volume-icon--on{display:block}
@media(min-width:801px){.social-page .social-health{grid-template-columns:minmax(0,1fr) auto;height:clamp(42rem,78vh,50rem);min-height:0;padding-block:0}.social-page .social-health-copy{align-self:center;padding-block:3rem}.social-page .social-video-wrap{width:auto;height:100%;margin-top:0;margin-bottom:0;margin-right:clamp(1rem,5vw,5rem);overflow:hidden}.social-page .social-video-wrap video{width:auto;max-width:none;height:100%;object-fit:contain}}
.social-page .social-hero-media{position:absolute;z-index:-1;inset:0;min-height:0;overflow:hidden}
.social-page .social-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:brightness(.84);transform:translateY(50px) scale(1.02);animation:socialHeroMediaIn 1.5s cubic-bezier(.22,1,.36,1) both}
.social-page .social-hero-copy::before,.social-page .social-hero-copy > *{opacity:0;animation:socialHeroContentIn .8s cubic-bezier(.22,1,.36,1) both}
.social-page .social-hero-copy::before{animation-delay:.18s}.social-page .social-hero-copy > :nth-child(1){animation-delay:.34s}.social-page .social-hero-copy > :nth-child(2){animation-delay:.5s}.social-page .social-hero-copy > :nth-child(3){animation-delay:.72s}
@keyframes socialHeroMediaIn{from{opacity:0;transform:translateY(50px) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1.02)}}
@keyframes socialHeroContentIn{from{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.social-page .social-hero{min-height:42rem}.social-page .social-hero-copy{padding-top:10rem;padding-bottom:4.5rem}.social-page .social-hero-media img{object-position:58% center}}
@media(prefers-reduced-motion:reduce){.social-page .social-hero-media img,.social-page .social-hero-copy::before,.social-page .social-hero-copy > *{animation:none;opacity:1;transform:none}}
@media(max-width:800px){.social-page .social-hero-title-long{display:inline-block;font-size:1em}}

/* Health widget overrides: keep the video sized to its content. */
.social-health-widget-wrap .social-health{height:auto!important;min-height:0!important}
.social-health-widget-wrap .social-video-wrap{height:auto!important;margin:0!important;overflow:hidden}
.social-health-widget-wrap .social-video-wrap video{width:100%!important;height:auto!important;max-height:31rem!important;object-fit:cover}
@media(min-width:801px){
  .social-health-widget-wrap .social-health-inner{align-items:stretch;padding-top:0;padding-bottom:0}
  .social-health-widget-wrap .social-health-copy{padding-top:6rem;padding-bottom:6rem}
  .social-health-widget-wrap .social-video-wrap{aspect-ratio:3/4;height:auto!important;align-self:stretch}
  .social-health-widget-wrap .social-video-wrap video{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover}
}