/* Phase 47: homepage styling based on supplied desktop screenshot.
   Presentation-only: no database or content changes. */
:root{--su-ink:#102f49;--su-gold:#eab43f}
body.su-public-page{background:#f3f7fb;color:var(--su-ink)}
.su-public-page .top{background:#0b304b;color:#fff}
.su-public-page .top .wrap{max-width:1320px}
.su-public-page header.nav{background:#fff;box-shadow:0 3px 15px rgba(9,39,65,.08);position:relative;z-index:30}
.su-public-page .nav-inner{max-width:1320px;min-height:76px;gap:24px}
.su-public-page .brand{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:230px}
.su-public-page .brand .university-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.su-public-page .brand>span{font-size:18px;font-weight:800;line-height:1.2;color:#07527a}
.su-public-page .brand small{display:block;font-size:11px;font-weight:500;color:#8295a7;margin-top:5px}
.su-public-page #main-site-nav{align-items:center;gap:20px}
.su-public-page #main-site-nav>a,.su-public-page #main-site-nav summary{font-size:13px;font-weight:750;color:#15344d;white-space:nowrap}
.su-public-page .language-switch{white-space:nowrap}
.su-public-page .language-switch select{border:1px solid #dfe7ee;background:#fff;border-radius:9px;padding:9px}
.su-public-page .su-home-hero{padding:0;background:#0a2741;position:relative}
.su-public-page .su-home-hero>.wrap{max-width:none;padding:0;width:100%}
.su-public-page .su-home-hero .slide-deck{position:relative;min-height:clamp(440px,40vw,570px)}
.su-public-page .su-home-hero .hero-slide{min-height:clamp(440px,40vw,570px);background-size:cover;background-position:center center;display:none;align-items:center;padding:58px max(5%,calc((100vw - 1320px)/2)) 90px}
.su-public-page .su-home-hero .hero-slide.current{display:flex}
.su-public-page .su-home-hero .hero-copy{position:relative;z-index:2;max-width:640px;color:white}
.su-public-page .su-home-hero .hero-copy .tag{display:inline-flex;padding:8px 15px;border-radius:100px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:700}
.su-public-page .su-home-hero .hero-copy h1{font-size:clamp(34px,4.25vw,62px);font-weight:850;letter-spacing:-.045em;line-height:1.12;color:#fff;margin:20px 0;max-width:660px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.su-public-page .su-home-hero .hero-copy p{font-size:clamp(16px,1.35vw,20px);line-height:1.7;color:#f0f6fb;max-width:630px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.su-public-page .su-home-hero .hero-copy .btn{display:inline-flex;background:var(--su-gold);color:#092c44;border-radius:9px;padding:14px 22px;font-weight:800;border:0;margin-top:10px;text-decoration:none}
.su-public-page .quick-access{position:relative;z-index:5;margin-top:-31px;background:transparent}
.su-public-page .quick-access-grid{max-width:1200px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 14px}
.su-public-page .quick-access-grid>a{display:flex;min-height:108px;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:#fff;border-radius:14px;border:1px solid #e6edf3;border-bottom:3px solid var(--su-gold);box-shadow:0 13px 30px rgba(15,47,73,.09);text-decoration:none;color:#10324d;font-size:14px;transition:transform .2s,box-shadow .2s}
.su-public-page .quick-access-grid>a:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(15,47,73,.14)}
.su-public-page .section{padding-top:64px;padding-bottom:32px}
.su-public-page .section-head h2{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.025em}
.su-public-page .card{border:1px solid #e3eaf1;border-radius:16px;box-shadow:0 7px 26px rgba(15,47,73,.05);background:#fff}
@media(max-width:1000px){.su-public-page #main-site-nav{gap:10px}.su-public-page #main-site-nav>a,.su-public-page #main-site-nav summary{font-size:12px}.su-public-page .brand{min-width:190px}.su-public-page .quick-access-grid{gap:12px}}
@media(max-width:760px){.su-public-page .nav-inner{min-height:72px}.su-public-page .su-home-hero .hero-slide{min-height:510px;padding:45px 22px 95px;background-position:center}.su-public-page .su-home-hero .hero-copy h1{font-size:clamp(32px,9vw,48px)}.su-public-page .su-home-hero .hero-copy p{font-size:16px}.su-public-page .quick-access-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px}.su-public-page .quick-access-grid>a{min-height:105px}.su-public-page .quick-access{margin-top:-45px}.su-public-page .section{padding-top:45px}}
@media(max-width:420px){.su-public-page .brand>span{font-size:15px}.su-public-page .brand small{font-size:10px}.su-public-page .brand .university-logo{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.su-public-page .quick-access-grid>a{transition:none}}
