/* Shared artwork and route choice, independent of the two page layout systems. */
.academy-art{margin:0;border:1px solid #dde4e7;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 16px 45px #102e3d0c}
.academy-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.academy-feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:64px;margin-bottom:42px}
.academy-feature h2{font-size:clamp(34px,3.6vw,52px);line-height:1.13;letter-spacing:-.04em;margin:17px 0 24px}
.academy-feature .intro-copy{font-size:17px;margin-bottom:24px}
.academy-feature .hero-actions{flex-wrap:wrap;align-items:center}
.catalogue-brand{margin-bottom:0}
.purpose-nav{display:flex;gap:5px;width:fit-content;max-width:100%;padding:5px;margin-top:28px;background:#e9eee9;border:1px solid #d5ded6;border-radius:12px}
.purpose-nav a{display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 22px;text-decoration:none;border-radius:8px;font-size:14px;line-height:1.4;font-weight:650;color:#405653}
.purpose-nav a[aria-current=page]{background:white;color:#102e3d;box-shadow:0 2px 6px #102e3d10}
.purpose-nav a:hover{color:#176b60}
.hero:has(.academy-art){grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:60px}
@media(max-width:900px){.academy-feature,.hero:has(.academy-art){gap:30px}.academy-feature .intro-copy{font-size:16px}}
@media(max-width:680px){.academy-feature,.hero:has(.academy-art){grid-template-columns:1fr;gap:28px}.academy-art{width:min(100%,380px);justify-self:center;border-radius:16px}.academy-feature{margin-bottom:30px}.catalogue-brand{margin-bottom:0}.purpose-nav{width:100%;margin-top:22px}.purpose-nav a{flex:1;padding:12px 10px}}