.diversity-page{overflow:hidden}
.diversity-hero{padding:clamp(85px,11vw,165px) var(--pad) clamp(70px,9vw,125px);border-bottom:1px solid var(--border);background:radial-gradient(circle at 78% 20%,rgba(169,120,255,.13),transparent 30%),radial-gradient(circle at 14% 80%,rgba(216,255,69,.08),transparent 28%)}
.diversity-kicker{margin:0;color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.diversity-hero h1{margin:18px 0 28px;font-size:clamp(5rem,15vw,14rem);line-height:.7;letter-spacing:-.08em}
.diversity-hero>p:last-child{max-width:820px;margin:0;color:var(--text-muted);font-size:clamp(1.2rem,2.2vw,2rem);line-height:1.15}
.diversity-stats{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(40px,8vw,120px);padding:clamp(75px,10vw,145px) var(--pad);border-bottom:1px solid var(--border)}
.diversity-stats-head h2{margin:15px 0 0;font-size:clamp(3rem,7vw,7.5rem);line-height:.82;letter-spacing:-.06em}
.diversity-bars{display:flex;flex-direction:column;gap:28px;align-self:center}
.diversity-bar-row{--bar-value:0%}
.diversity-bar-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:9px}
.diversity-year{font-size:clamp(1.3rem,2vw,2rem);font-weight:900}
.diversity-value{font-size:clamp(1.8rem,3vw,3.3rem);font-weight:900;line-height:1;color:var(--accent)}
.diversity-track{position:relative;height:clamp(16px,2vw,26px);overflow:hidden;border:1px solid var(--border);background:var(--bg-soft)}
.diversity-track::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(255,255,255,.08) calc(10% - 1px),rgba(255,255,255,.08) 10%);pointer-events:none}
.diversity-fill{width:0;height:100%;background:var(--accent);transition:width 1.15s cubic-bezier(.2,.8,.2,1)}
.diversity-bar-row.is-visible .diversity-fill{width:var(--bar-value)}
.diversity-text-section{display:grid;grid-template-columns:minmax(140px,.28fr) minmax(0,1fr);gap:clamp(30px,7vw,110px);max-width:1280px;margin:0 auto;padding:clamp(75px,10vw,145px) var(--pad) clamp(110px,13vw,180px)}
.diversity-text-label{color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.13em}
.diversity-richtext{color:var(--text-muted);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.68}
.diversity-richtext h1,.diversity-richtext h2,.diversity-richtext h3,.diversity-richtext h4{color:var(--text);line-height:1.03;letter-spacing:-.04em}
.diversity-richtext h1{margin:0 0 .45em;font-size:clamp(3rem,6vw,6rem)}
.diversity-richtext h2{margin:1em 0 .4em;font-size:clamp(2.4rem,5vw,4.6rem)}
.diversity-richtext h3{margin:1em 0 .4em;font-size:clamp(1.8rem,3.5vw,3.1rem)}
.diversity-richtext h4{margin:1em 0 .4em;font-size:clamp(1.3rem,2.4vw,2rem)}
.diversity-richtext p{margin:0 0 1.15em}.diversity-richtext a{color:var(--accent);text-decoration:underline;text-underline-offset:.15em}
@media(prefers-reduced-motion:reduce){.diversity-fill{transition:none}}
@media(max-width:780px){.diversity-hero h1{font-size:clamp(4.3rem,20vw,7rem)}.diversity-stats{grid-template-columns:1fr;gap:45px}.diversity-text-section{grid-template-columns:1fr;gap:20px}.diversity-bars{gap:22px}}