/* Explore is the program umbrella; the three roles form a learning journey. */
.hero-learning-link{display:block;color:var(--cyan);font-size:.85rem;margin:.85rem 0;max-width:40ch;text-underline-offset:4px}
.learning-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:end;margin-bottom:1.7rem}
.learning-brand{color:var(--orchid);font-size:.92rem;margin:0 0 .85rem}
.learning-heading h2{margin:0;line-height:1.06;letter-spacing:-.035em}
.learning-heading>p{max-width:42ch;color:var(--slate);margin:0 0 .2rem}
.learning-art{margin:0;overflow:hidden;border-radius:18px;background:#071329}
.learning-art img{display:block;width:100%;height:auto;object-fit:contain}
.learning-portal>.learning-art{max-height:360px}
.learning-portal>.learning-art img{max-height:360px;object-fit:cover;object-position:center 68%}
.learning-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;list-style:none;padding:0;margin:2rem 0}
.learning-journey li{border-top:1px solid #52617c;padding-top:1rem}
.learning-journey span{font-size:.85rem;color:var(--orchid)}
.learning-journey h3{font-size:1.5rem;margin:.55rem 0}
.learning-journey p{font-size:.92rem;color:var(--slate);max-width:38ch;margin:0;line-height:1.65}
.learning-next{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;padding-top:1.2rem;border-top:1px solid #52617c}
.learning-next>div{flex:1 1 280px}.learning-next strong{font-weight:600}.learning-next p{color:var(--slate);font-size:.85rem;max-width:58ch;margin:.5rem 0}
.learning-next>a:last-child{font-size:.85rem;min-height:44px;display:flex;align-items:center}
.nite-hero .learn-title{font-size:clamp(2.8rem,4.5vw,5.3rem);line-height:1.04;letter-spacing:-.04em}
.nite-learning-art{align-self:center;margin:0;box-shadow:0 16px 50px #030a1644}
.nite-hero .hero-note{max-width:54ch;line-height:1.6}
.portal-header nav{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:700px){.portal-header nav{grid-template-columns:repeat(4,minmax(0,1fr))}.learning-heading{display:block}.learning-heading>p{margin-top:1rem}.learning-journey{grid-template-columns:1fr;gap:1.3rem;margin:1.5rem 0}.learning-journey h3{font-size:1.4rem}.learning-next{display:block}.learning-next .button{display:inline-block;margin:1rem 0 .25rem}.learning-art{border-radius:12px}.learning-portal>.learning-art img{object-fit:contain}.nite-hero .learn-title{font-size:clamp(2.65rem,9vw,3.7rem)}.nite-learning-art{margin:1.75rem 0 1.2rem}.learning-brand{font-size:.82rem}}