/* Editorial imagery and consistent spacing. No scroll-driven animation. */
.hero-editorial{grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,80px);padding-block:64px 72px;max-width:1600px;margin-inline:auto}
.hero-editorial h1{font-size:clamp(64px,7.2vw,108px);letter-spacing:-.055em;line-height:.94}
.hero-editorial .lead{color:#bdbdc2;max-width:440px;margin-block:30px}
.hero-editorial .eyebrow{color:#d1d1d5}
.hero-portrait{position:relative;margin:0;width:100%;aspect-ratio:1.04;overflow:hidden;border:0;border-bottom:3px solid var(--red);background:#171719;box-shadow:none}
.hero-portrait>img{width:100%;height:100%;object-fit:cover;object-position:52% center;display:block;transition:none}
.hero-portrait:hover>img{transform:none}
.hero-portrait:after{content:"";position:absolute;inset:35% 0 0;pointer-events:none;background:linear-gradient(transparent,#09090be8)}
.hero-portrait figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:20px}
.hero-portrait figcaption small{display:block;font-size:9px;letter-spacing:1.7px;color:#d0d0d4;margin-bottom:10px}
.hero-portrait figcaption strong{font-size:26px;letter-spacing:-.6px}
.hero-portrait figcaption a{font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px;min-height:44px}
.hero-portrait figcaption a>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff80;border-radius:50%;font-size:11px}
.hero-portrait figcaption a:hover{color:#ff8390}
.hero-editorial:after{display:none}
.embedded-videos{gap:26px;align-items:stretch}
.video-card{border:1px solid #353538;display:flex;flex-direction:column;box-shadow:none}
.video-card:hover{box-shadow:none;border-color:#6c4147}
.embedded-videos .player-slot{height:auto;aspect-ratio:16/9;min-height:0;width:100%}
.video-poster,.video-poster:hover{position:relative;isolation:isolate;background:#141416;padding:24px;display:flex;align-items:stretch;justify-content:space-between;gap:0;text-align:left;overflow:hidden}
.video-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;z-index:-2}
.video-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08080a55 0%,#08080a05 25%,#08080ade 100%);z-index:-1;pointer-events:none}
.video-poster .poster-platform{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.6px}
.poster-platform>span{font-size:11px;letter-spacing:.5px;background:#101011c9;padding:6px 8px;border:1px solid #ffffff25;font-variant-numeric:tabular-nums}
.video-poster .poster-bottom{display:flex;justify-content:space-between;align-items:end;gap:18px}
.poster-heading{font-size:clamp(23px,2.6vw,36px);font-weight:800;line-height:1.08;letter-spacing:-1px}
.video-poster .play-symbol{width:52px;height:52px;flex:none;font-size:20px;padding-left:3px;box-shadow:none}
.poster-energy,.poster-energy:hover{background:linear-gradient(125deg,#27191d,#101012 75%)}
.poster-energy:before{content:"";position:absolute;right:12%;top:0;height:100%;width:25%;background:linear-gradient(180deg,#ed243755,#ed24370a);transform:skewX(-18deg);z-index:-2;border-inline:1px solid #ed243735}
.video-poster .poster-brand{font-size:clamp(15px,1.6vw,23px);font-weight:900;letter-spacing:-.8px;align-self:start;color:#f4f4f5}
.poster-brand>span{color:#ed2437}
.video-copy{display:flex;flex-direction:column;align-items:start;flex:1;padding:28px}
.video-copy h3{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:14px 0 10px}
.video-copy p{margin:0 0 20px;color:#b9b9bf;line-height:1.75}
.video-copy .text-link{margin-top:auto;min-height:44px;display:inline-flex;align-items:center}
.video-copy>small{color:#c0c0c6}
.video-privacy{max-width:780px;line-height:1.8;color:#b3b3ba}
@media(min-width:1600px){.section,.community{padding-inline:max(5.5%,calc((100vw - 1424px)/2))}}
@media(max-width:960px){.hero-portrait figcaption{padding:22px;align-items:start;flex-direction:column;gap:8px}.hero-portrait figcaption strong{font-size:23px}}
@media(max-width:800px){
 html{scroll-padding-top:92px}
 .section,.community{padding:48px 6%}
 .hero-editorial{grid-template-columns:1fr;gap:32px;padding:38px 6% 44px}
 .hero-editorial h1{font-size:clamp(60px,11.8vw,88px);letter-spacing:-.05em;line-height:.96}
 .hero-editorial .eyebrow{margin-bottom:22px}
 .hero-editorial .lead{font-size:16px;line-height:1.7;margin-block:24px;max-width:520px}
 .hero-editorial .actions .button{min-height:48px;font-size:13px;padding-inline:22px}
 .hero-portrait{max-width:none;aspect-ratio:4/3}
 .hero-portrait>img{object-position:center 35%}
 .hero-portrait figcaption{flex-direction:row;align-items:end;padding:20px;gap:12px}
 .hero-portrait figcaption small{font-size:8px;letter-spacing:1.2px;margin-bottom:8px}
 .hero-portrait figcaption strong{font-size:23px}
 .hero-portrait figcaption a{font-size:11px;gap:8px}
 .hero-portrait figcaption a>span{width:32px;height:32px}
 .section-head{gap:14px;margin-bottom:25px}
 .section-head .text-link{min-height:44px;display:inline-flex;align-items:center}
 .embedded-videos{gap:24px}
 .video-poster,.video-poster:hover{padding:20px}
 .poster-heading{font-size:clamp(24px,5.5vw,34px)}
 .video-poster .poster-brand{font-size:20px}
 .video-poster .play-symbol{width:46px;height:46px;font-size:18px}
 .video-copy{padding:22px}
 .video-copy h3{font-size:22px;line-height:1.35}
 .video-copy p{font-size:15px;margin-bottom:14px}
 .video-copy .text-link{font-size:13px}
 .video-privacy{font-size:13px;margin-top:20px}
 .demand-list>a{padding-block:24px}
 .demand-list h3{line-height:1.25}
 .demand-list p{font-size:15px;line-height:1.7}
 .identity-teaser{gap:24px}
 .person-mini{padding:20px;gap:20px}
 .community h2{font-size:clamp(34px,8.8vw,54px);line-height:1.12;letter-spacing:-1.6px}
 .community .join-actions .button{min-height:48px;font-size:13px}
 .community .social-counts>a{padding:20px 16px}
 .social-profile{font-size:11px}
 footer{padding:28px 6%;gap:8px 24px;justify-content:flex-start}
 footer .brand{margin-bottom:10px}
 footer>a:not(.brand),footer button{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
 footer p{width:100%;margin:0 0 8px}
 .report-layout form{padding:22px 18px}
 .report-layout form .button{min-height:48px}
 .topic-jump a{min-height:44px;display:flex;align-items:center;font-size:12px}
 .contact-list>a{padding-block:24px}
}
@media(max-width:380px){.hero-portrait figcaption{padding:16px}.hero-portrait figcaption strong{font-size:20px}.hero-portrait figcaption a{max-width:115px;line-height:1.5}.hero-portrait figcaption a>span{flex:none}.video-poster,.video-poster:hover{padding:16px}.video-poster .poster-brand{font-size:18px}.poster-heading{font-size:23px}.video-copy{padding:20px}.person-mini{gap:16px}.person-mini strong{font-size:20px}.community .social-counts>a{padding:18px 14px}}