
#home.hero{background:linear-gradient(#ffffff24,#ffffff00 65%),url('/assets/home-senior-landscape.png') center bottom/cover no-repeat;min-height:660px;height:clamp(660px,calc(100svh - 120px),900px);padding:48px 0 150px;display:flex;align-items:flex-start}
#home.hero .wrap{display:block;min-height:0;width:calc(100% - 48px);max-width:1440px;padding:0;margin:auto}
#home .hero-copy{position:relative;z-index:2;max-width:860px;margin:auto;text-align:center}
#home .landscape,#home .hero-glow{display:none}
#home h1{font-size:clamp(36px,3.6vw,62px);text-shadow:0 2px 20px #ffffff80}
#home p{color:#244859;font-weight:500;text-shadow:0 1px 8px #ffffffa0}
#home .btn.light,#home .hero-badge{background:#ffffffe8}
#education>.wrap{width:calc(100% - 80px);max-width:1440px}
#education #programCards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
#programCards>.card{grid-column:span 2;display:flex;flex-direction:column;position:relative;color:inherit}
#programCards>.card:nth-child(4){grid-column:2/span 2}
#programCards>.card:nth-child(5){grid-column:4/span 2}
#programCards .visual{height:125px;font-size:52px}
#programCards .card-body{padding:22px;display:flex;flex-direction:column;flex:1}
#programCards .num{align-self:flex-start}
#programCards h3{font-size:21px;line-height:1.45;margin:12px 0}
#programCards p{font-size:15px;line-height:1.75;margin-bottom:18px}
#programCards .course-page-link{display:block;margin-top:auto;font-size:14px;font-weight:700;color:#0864b6}
#programCards>.card:focus-visible{outline:3px solid #0864b6;outline-offset:5px}
@media(max-width:900px){#education>.wrap{width:calc(100% - 40px)}#education #programCards{gap:16px}#programCards .card-body{padding:18px}#programCards h3{font-size:19px}}
@media(max-width:700px){#home.hero{height:auto;min-height:720px;padding:44px 0 210px;background-position:center bottom}#home h1{font-size:36px}#home .wrap{margin:0 auto}#education #programCards{grid-template-columns:repeat(2,minmax(0,1fr))}#programCards>.card,#programCards>.card:nth-child(4),#programCards>.card:nth-child(5){grid-column:auto}#programCards .visual{height:110px}#programCards h3{font-size:18px}}
@media(max-width:480px){#education #programCards{grid-template-columns:1fr}#programCards .visual{height:110px}}
