.axes-page{--turquoise:#63c1cb}
.axes-page header nav a.active,.axes-page .eyebrow{color:var(--orange)}
.axes-page .button{border-radius:0}
.axes-hero{min-height:620px;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--ink)}
.axes-hero>img{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center 15%}
.axes-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(24,18,15,.84),rgba(24,18,15,.48) 50%,rgba(24,18,15,.1))}
.axes-hero-content{padding-block:92px 72px}
.axes-hero h1{font-size:clamp(64px,8vw,106px);letter-spacing:-6px;line-height:.96;margin:0 0 24px}
.axes-hero h1 em{color:var(--orange)}
.axes-hero-content>p:not(.eyebrow){max-width:600px;font-size:18px;line-height:1.7;color:#f4efeb}
.axes-hero .eyebrow{color:#fff}
.axes-hero-caption{position:absolute;bottom:15px;left:max(20px,calc((100% - 1200px)/2));padding:5px 9px;background:#262321b8;color:#fff;font-size:11px;letter-spacing:.6px}
.axis-detail{padding-block:96px}
.axis-layout,.communication-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:76px;align-items:center}
.axis-copy h2,.communication-copy h2,.axes-cta h2{font-size:clamp(34px,4vw,48px);line-height:1.14;letter-spacing:-1.7px;margin:0 0 24px}
.axis-copy h2 em,.communication-copy h2 em,.axes-cta h2 em{color:var(--orange)}
.axis-number{font-size:14px;letter-spacing:1.2px;text-transform:uppercase;color:var(--orange)}
.axis-intro{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 20px}
.axis-points{border-top:1px solid var(--line)}
.axis-points article,.communication-points article{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.axis-points article>span,.communication-points article>span{color:#27828a;font-size:13px;font-weight:750;letter-spacing:.8px;padding-top:4px}
.axis-points h3,.communication-points h3{font-size:16px;line-height:1.35;margin:0 0 5px}
.axis-points p,.communication-points p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.axis-visual,.communication-visual{margin:0;position:relative}
.axis-visual img,.communication-visual img{width:100%;height:480px;object-fit:cover}
.axis-visual figcaption,.communication-visual figcaption{position:absolute;left:0;bottom:0;padding:12px 15px;background:var(--turquoise);color:#17383b;font-size:11px;font-weight:750;letter-spacing:1px;text-transform:uppercase}
.axis-gender{background:#fff}
.axis-gender .axis-visual img{object-position:center}
.axis-antiracism{background:#262321;color:#fff}
.axis-antiracism .eyebrow{color:var(--orange)}
.axis-antiracism .axis-copy h2{color:#fff}
.axis-antiracism .axis-intro{color:#e0dad4}
.axis-antiracism .axis-points{border-color:#ffffff35}
.axis-antiracism .axis-points article{border-color:#ffffff35}
.axis-antiracism .axis-points h3{color:#fff}
.axis-antiracism .axis-points p{color:#d8d2cc}
.axis-antiracism .axis-visual img{height:460px}
.axis-antiracism .axis-visual figcaption{background:var(--magenta);color:#fff}
.axis-mobility{background:var(--paper)}
.axis-mobility .axis-visual img{height:430px}
.axis-mobility .axis-visual figcaption{background:#f5a515;color:#262321}
.axis-communication{background:var(--magenta);color:#fff;padding-block:102px}
.communication-layout{grid-template-columns:1.08fr .92fr;gap:72px}
.communication-copy .eyebrow{color:#fff}
.communication-copy h2{color:#fff}
.communication-copy .axis-intro{color:#ffe3ef}
.communication-copy .axis-intro strong{color:#fff}
.communication-points{border-top:1px solid #ffffff48}
.communication-points article{border-color:#ffffff48}
.communication-points article>span{color:var(--orange)}
.communication-points h3{color:#fff}
.communication-points p{color:#ffe3ef}
.communication-visual img{height:450px}
.communication-visual figcaption{background:var(--turquoise);color:#17383b}
.axes-cta{padding-block:72px;background:#e8f7f8}
.axes-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.axes-cta .eyebrow{margin-bottom:12px}
.axes-cta h2{margin:0}
.axes-cta .button{background:var(--orange);border-color:var(--orange)}
@media(max-width:1000px){.axis-layout,.communication-layout{gap:45px}.axis-visual img,.communication-visual img{height:420px}}
@media(max-width:760px){.axes-hero{min-height:570px}.axes-hero>img{object-position:center 18%}.axes-hero-content{padding-block:78px 60px}.axes-hero h1{font-size:68px;letter-spacing:-4px}.axes-hero-content>p:not(.eyebrow){font-size:16px}.axes-hero-caption{left:20px}.axis-detail,.axis-communication{padding-block:65px}.axis-layout,.communication-layout{grid-template-columns:1fr;gap:34px}.axis-visual{order:-1}.axis-visual img,.axis-antiracism .axis-visual img,.axis-mobility .axis-visual img,.communication-visual img{height:340px}.axis-copy h2,.communication-copy h2{font-size:32px}.axis-intro{font-size:14px}.axis-points article,.communication-points article{grid-template-columns:30px 1fr}.communication-visual{order:-1}.axes-cta-inner{align-items:flex-start;flex-direction:column}.axes-cta h2{font-size:32px}.axes-cta .button{min-width:250px}}

/* Eje 04: horizontal image above heading and two-column copy */
.axes-page .communication-layout{display:block}
.axes-page .communication-visual{max-width:1100px;margin:0 auto 48px}
.axes-page .communication-visual img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.axes-page .communication-visual figcaption{background:#fff;color:#262321}
.axes-page .communication-copy{display:grid;grid-template-columns:.95fr 1.05fr;gap:68px;align-items:start}
.axes-page .communication-copy h2 em,.axes-page .communication-points article>span{color:#fff}
.axes-page .communication-heading .axis-intro{max-width:520px}
@media(max-width:760px){.axes-page .communication-visual{margin-bottom:34px}.axes-page .communication-visual img{height:auto}.axes-page .communication-copy{grid-template-columns:1fr;gap:24px}}