/* Local preview: cover typography and CTA hierarchy. */
#homeView.campus-home .hero-title{font-size:clamp(48px,4.75vw,72px);font-weight:700;line-height:1.18}
#homeView.campus-home .hero-cta{flex-direction:column;align-items:center;gap:14px;margin-top:28px}
#homeView.campus-home .campus-discover{box-sizing:border-box;width:312px;max-width:100%;min-height:60px;font-size:18px;font-weight:600;justify-content:center;gap:26px}
#homeView.campus-home .open-schools-bar{font-size:15px;min-height:44px;color:#fffdf6;justify-content:center}
#homeView.campus-home .campus-hero-shade{background:radial-gradient(ellipse at 50% 32%,rgba(18,35,42,.18),transparent 65%),linear-gradient(180deg,rgba(18,35,42,.24),rgba(18,35,42,.10) 60%,rgba(18,35,42,.04))}
#loginView .cover-title{font-size:clamp(34px,10.77vw,42px);font-weight:700;line-height:1.2;letter-spacing:-.03em;margin-bottom:24px}
#loginView .hero-cta{box-sizing:border-box;width:288px;max-width:100%;min-height:52px;height:52px;margin:0 auto;padding:12px 18px;font-size:16px;font-weight:600;gap:20px}
#loginView .open-schools-bar{display:flex;width:max-content;max-width:100%;align-items:center;justify-content:center;gap:12px;min-height:44px;margin:14px auto 0;padding:0 12px;color:#fffdf6;font-size:14px}
#loginView .open-schools-bar span,#loginView .open-schools-bar svg,#homeView.campus-home .open-schools-bar span,#homeView.campus-home .open-schools-bar svg{color:inherit}
#loginView .mobile-cover{background-image:radial-gradient(ellipse at 50% 28%,rgba(18,35,42,.15),transparent 65%),linear-gradient(180deg,rgba(18,35,42,.25),rgba(18,35,42,.10) 55%,transparent),url('./home-images-20261010/mobile.png');background-position:center;background-size:cover}
@media(max-width:360px){#loginView .cover-title{font-size:34px}#loginView .hero-cta{width:272px}}
@media(max-height:720px){#loginView .cover-content{margin-top:0}#loginView .cover-title{margin-bottom:18px}}

#loginView .open-schools-bar b{color:inherit}

/* Center the mobile content within the sky, leaving the figures unobstructed. */
#loginView .cover-content{margin-top:clamp(0px,calc(50svh - 304px),154px);text-align:center}
#loginView .cover-description{margin-bottom:28px}
#loginView .open-schools-bar{margin-top:12px}


/* Center the characters; hang trailing punctuation outside the line width. */
#homeView.campus-home .hero-title-line{display:inline-block;position:relative}
#homeView.campus-home .hero-title-punctuation{position:absolute;left:100%;top:0;white-space:nowrap}

#loginView .cover-title-line{display:inline-block;position:relative}
#loginView .cover-title-punctuation{position:absolute;left:100%;top:0;white-space:nowrap}