*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#1f2d3a;background:#fff;font-family:Arial,"Noto Sans KR",sans-serif}
a{text-decoration:none;color:inherit}
.sa-skip{position:absolute;left:-9999px}.sa-skip:focus{left:12px;top:12px;z-index:99999;padding:10px 14px;background:#111;color:#fff}
.sa-header{position:sticky;top:0;z-index:9000;background:rgba(255,255,255,.96);border-bottom:1px solid #e5ebf0;backdrop-filter:blur(12px)}
.sa-header-inner{max-width:var(--sa-max-width);height:76px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:28px}
.sa-brand{display:flex;align-items:center;gap:11px;min-width:235px}
.sa-brand-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--sa-primary);color:#fff;font-family:Georgia,serif;font-size:22px;font-weight:900}
.sa-brand-copy strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:20px;letter-spacing:-.02em}
.sa-brand-copy small{display:block;margin-top:2px;color:#82909a;font-size:8px;letter-spacing:.1em}
.sa-navigation{margin-left:auto}
.sa-gnb{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px}
.sa-gnb a{font-size:10px;font-weight:900;letter-spacing:.06em;color:#405364}
.sa-gnb a:hover{color:var(--sa-primary)}
.sa-actions{display:flex;align-items:center;gap:7px}
.sa-actions a{padding:9px 11px;border-radius:7px;font-size:9px;font-weight:900}
.sa-consult-link{border:1px solid #d7e1e8;color:#4b6272}
.sa-portal-link{background:#172f47;color:#fff!important}
.sa-admin-link{background:var(--sa-primary);color:#fff!important}
.sa-menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent;margin-left:auto}.sa-menu-toggle span{display:block;width:22px;height:2px;background:#243746;margin:4px auto}.sa-menu-toggle em{display:none}
.sa-main{min-height:60vh}
.sa-page{background:#fff}
.sa-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#102a42 0%,#173e62 52%,#2457c5 100%);color:#fff}
.sa-hero:before{content:"";position:absolute;width:480px;height:480px;right:-110px;top:-170px;border:1px solid rgba(255,255,255,.15);border-radius:50%}
.sa-hero:after{content:"";position:absolute;width:290px;height:290px;right:80px;bottom:-170px;background:rgba(255,255,255,.06);border-radius:50%}
.sa-hero-inner{position:relative;z-index:2;max-width:var(--sa-max-width);margin:auto;padding:105px 20px 90px}
.sa-eyebrow{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#cfe0ff;font-size:8px;font-weight:900;letter-spacing:.16em}
.sa-hero h1{max-width:820px;margin:22px 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,6.5vw,84px);line-height:1.03;letter-spacing:-.055em}
.sa-hero p{max-width:690px;margin:0;color:#d7e1ea;font-size:15px;line-height:1.9}
.sa-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.sa-hero-actions a{padding:12px 16px;border-radius:8px;font-size:10px;font-weight:900}.sa-btn-primary{background:#fff;color:#173e62}.sa-btn-ghost{border:1px solid rgba(255,255,255,.4);color:#fff}
.sa-role-strip{max-width:var(--sa-max-width);margin:-30px auto 0;padding:0 20px;position:relative;z-index:4}
.sa-role-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e0e7ec;box-shadow:0 18px 45px rgba(15,42,63,.11)}
.sa-role-grid a,.sa-role-grid div{padding:23px 24px;border-right:1px solid #e4e9ed}.sa-role-grid>*:last-child{border-right:0}
.sa-role-grid small{display:block;color:#718594;font-size:8px;font-weight:900;letter-spacing:.12em}.sa-role-grid strong{display:block;margin-top:8px;font-size:17px}.sa-role-grid span{display:block;margin-top:6px;color:#7a8790;font-size:10px;line-height:1.55}.sa-role-grid a:hover strong{color:var(--sa-primary)}
.sa-section{max-width:var(--sa-max-width);margin:auto;padding:88px 20px}
.sa-section.soft{max-width:none;background:#f5f8fb}.sa-section.soft>.sa-section-inner{max-width:var(--sa-max-width);margin:auto}
.sa-section-head{display:grid;grid-template-columns:220px 1fr;gap:30px;margin-bottom:38px}.sa-section-head small{color:var(--sa-primary);font-size:9px;font-weight:900;letter-spacing:.15em}.sa-section-head h2{margin:0;font-family:Georgia,serif;font-size:clamp(34px,4.5vw,54px);line-height:1.1}.sa-section-head p{margin:13px 0 0;max-width:700px;color:#70808c;line-height:1.8;font-size:13px}
.sa-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sa-card{padding:26px;border:1px solid #dfe6eb;background:#fff;min-height:220px}.sa-card small{color:#8193a1;font-size:8px;font-weight:900}.sa-card h3{margin:25px 0 10px;font-family:Georgia,serif;font-size:25px}.sa-card p{color:#74828b;font-size:12px;line-height:1.75}.sa-card b{display:inline-block;margin-top:18px;color:var(--sa-primary);font-size:9px}
.sa-process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce4e9;border-bottom:1px solid #dce4e9}.sa-process article{padding:27px;border-right:1px solid #dce4e9;min-height:170px}.sa-process article:last-child{border-right:0}.sa-process span{color:#9aa5ad;font-size:9px;font-weight:900}.sa-process h3{margin:28px 0 8px;font-size:17px}.sa-process p{margin:0;color:#75828c;font-size:11px;line-height:1.7}
.sa-page-hero{background:#17354f;color:#fff}.sa-page-hero-inner{max-width:var(--sa-max-width);margin:auto;padding:82px 20px 66px}.sa-page-badge{display:inline-flex;padding:6px 9px;border:1px solid rgba(255,255,255,.4);border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.16em}.sa-page-hero h1{margin:17px 0 11px;font-family:Georgia,serif;font-size:clamp(46px,5vw,66px)}.sa-page-hero p{max-width:670px;margin:0;color:#c8d7e2;line-height:1.8}
.sa-page-body{max-width:var(--sa-max-width);margin:auto;padding:70px 20px 92px}.sa-page-lead{display:grid;grid-template-columns:.45fr 1fr;gap:50px;margin-bottom:46px}.sa-page-lead small{color:var(--sa-primary);font-size:9px;font-weight:900;letter-spacing:.14em}.sa-page-lead h2{margin:0;font-family:Georgia,serif;font-size:clamp(35px,4vw,50px);line-height:1.13}.sa-page-lead p{color:#71808a;line-height:1.9}
.sa-photo-panel{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin:0 0 50px}.sa-photo-placeholder{min-height:340px;position:relative;overflow:hidden;background:linear-gradient(145deg,#d8e6f2,#eef4f8)}.sa-photo-placeholder.alt{background:linear-gradient(145deg,#f3dfbd,#eef3fb)}.sa-photo-placeholder:after{content:"ACADEMY PHOTO";position:absolute;left:22px;bottom:20px;color:#53738a;font-size:9px;font-weight:900;letter-spacing:.12em}
.sa-related{margin-top:55px;padding-top:30px;border-top:2px solid var(--sa-primary)}.sa-related-head{display:grid;grid-template-columns:220px 1fr;gap:28px;margin-bottom:22px}.sa-related-head small{color:var(--sa-primary);font-size:9px;font-weight:900}.sa-related-head h3{margin:0;font-family:Georgia,serif;font-size:29px}.sa-related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sa-related-links a{padding:20px;border:1px solid #dce4e9;background:#f8fafb}.sa-related-links strong{display:block;font-size:17px}.sa-related-links span{display:block;margin-top:7px;color:#7b8992;font-size:10px;line-height:1.65}.sa-related-links b{display:block;margin-top:14px;color:var(--sa-primary);font-size:9px}
.sa-cta{padding:62px 20px;background:linear-gradient(135deg,#2457c5,#173e62);color:#fff;text-align:center}.sa-cta h2{margin:0;font-family:Georgia,serif;font-size:38px}.sa-cta p{color:#d9e5ef}.sa-cta a{display:inline-block;margin-top:16px;padding:12px 17px;background:#fff;color:#173e62;border-radius:8px;font-size:10px;font-weight:900}
.sa-footer{background:#0e2435;color:#fff}.sa-footer-inner{max-width:var(--sa-max-width);margin:auto;padding:38px 20px;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end}.sa-footer strong{font-family:Georgia,serif;font-size:21px}.sa-footer p,.sa-footer span,.sa-footer a{color:#9fb1bd;font-size:10px;line-height:1.7}.sa-footer-contact{display:flex;gap:8px 14px;flex-wrap:wrap}.sa-footer-right{text-align:right}
@media(max-width:980px){.sa-navigation{display:none}.sa-menu-toggle{display:block}.sa-actions{display:none}.sa-header.is-open .sa-navigation{display:block;position:absolute;left:0;right:0;top:76px;background:#fff;border-bottom:1px solid #e3e8ec}.sa-header.is-open .sa-gnb{display:block;padding:12px 20px}.sa-header.is-open .sa-gnb li{border-bottom:1px solid #eef1f3}.sa-header.is-open .sa-gnb a{display:block;padding:14px 2px}.sa-role-grid{grid-template-columns:1fr 1fr}.sa-role-grid>*:nth-child(2){border-right:0}.sa-role-grid>*:nth-child(-n+2){border-bottom:1px solid #e4e9ed}.sa-card-grid{grid-template-columns:1fr 1fr}.sa-process{grid-template-columns:1fr 1fr}.sa-process article:nth-child(2){border-right:0}.sa-process article:nth-child(-n+2){border-bottom:1px solid #dce4e9}}
@media(max-width:680px){.sa-header-inner{height:68px}.sa-brand{min-width:0}.sa-brand-copy small{display:none}.sa-header.is-open .sa-navigation{top:68px}.sa-hero-inner{padding:75px 16px 72px}.sa-role-strip{padding:0 15px}.sa-role-grid{grid-template-columns:1fr}.sa-role-grid>*{border-right:0!important;border-bottom:1px solid #e4e9ed!important}.sa-section{padding:62px 15px}.sa-section-head,.sa-page-lead,.sa-related-head{grid-template-columns:1fr;gap:10px}.sa-card-grid{grid-template-columns:1fr}.sa-process{grid-template-columns:1fr}.sa-process article{border-right:0!important;border-bottom:1px solid #dce4e9!important}.sa-photo-panel{grid-template-columns:1fr}.sa-photo-placeholder{min-height:250px}.sa-related-links{grid-template-columns:1fr}.sa-page-body{padding:54px 15px 72px}.sa-page-hero-inner{padding:62px 15px 50px}.sa-footer-inner{grid-template-columns:1fr}.sa-footer-right{text-align:left}}
/* Summit Academy v0.2 · utility-first information architecture */
.sa-utility{background:#10283b;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.sa-utility-inner{max-width:var(--sa-max-width);min-height:34px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:16px}
.sa-utility-inner strong{color:#7fb0ff;font-size:7px;letter-spacing:.18em}
.sa-utility-inner a{color:#dce6ed;font-size:9px;font-weight:800}
.sa-utility-inner a:hover{color:#fff}
.sa-utility-spacer{flex:1}
.sa-now{max-width:var(--sa-max-width);margin:auto;padding:18px 20px 0}
.sa-now-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sa-now-head strong{font-size:9px;letter-spacing:.15em;color:#2457c5}
.sa-now-head span{font-size:10px;color:#768590}
.sa-now-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce5eb;background:#fff;box-shadow:0 12px 34px rgba(17,45,67,.07)}
.sa-now-card{position:relative;display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;min-height:88px;padding:16px 18px;border-right:1px solid #e2e8ec}
.sa-now-card:last-child{border-right:0}
.sa-now-card small{color:#8a9aa5;font-size:8px;font-weight:900;letter-spacing:.1em}
.sa-now-card div strong{display:block;font-size:14px;color:#243b4c}
.sa-now-card div span{display:block;margin-top:5px;color:#788792;font-size:9px;line-height:1.55}
.sa-now-card b{color:#2457c5;font-size:9px}
.sa-now-card:hover{background:#f8fafc}
.sa-now-card.is-hot:before{content:"NEW";position:absolute;top:8px;right:8px;padding:4px 6px;border-radius:999px;background:#eaf0ff;color:#2457c5;font-size:6px;font-weight:900;letter-spacing:.08em}
@media(max-width:860px){
.sa-utility-inner{gap:12px;overflow-x:auto;white-space:nowrap}
.sa-utility-spacer{display:none}
.sa-now-grid{grid-template-columns:1fr}
.sa-now-card{border-right:0;border-bottom:1px solid #e2e8ec}
.sa-now-card:last-child{border-bottom:0}
}
@media(max-width:680px){
.sa-utility-inner{padding:0 15px}
.sa-now{padding:14px 15px 0}
.sa-now-card{grid-template-columns:58px 1fr auto;min-height:82px;padding:14px}
}
/* Summit Academy v0.3 · practical mega navigation */
.sa-header{overflow:visible}
.sa-mega{
position:absolute;
left:0;right:0;top:76px;
opacity:0;visibility:hidden;transform:translateY(-8px);
transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
background:rgba(255,255,255,.985);
border-top:1px solid #e5ebf0;
border-bottom:1px solid #dbe4ea;
box-shadow:0 20px 45px rgba(15,42,63,.10);
}
.sa-header:hover .sa-mega,.sa-header:focus-within .sa-mega{
opacity:1;visibility:visible;transform:translateY(0)
}
.sa-mega-inner{
max-width:var(--sa-max-width);
margin:auto;padding:28px 20px 34px;
display:grid;grid-template-columns:repeat(5,1fr);
}
.sa-mega section{
min-height:245px;
padding:0 25px;
border-right:1px solid #dfe6eb;
}
.sa-mega section:first-child{padding-left:0}
.sa-mega section:last-child{border-right:0;padding-right:0}
.sa-mega h3{
margin:0 0 18px;
color:#1f3c52;
font-size:12px;
letter-spacing:.04em;
}
.sa-mega a{
display:block;
padding:8px 0;
color:#607182;
font-size:11px;
line-height:1.45;
}
.sa-mega a:hover{color:var(--sa-primary);font-weight:800}
@media(max-width:980px){
.sa-header.is-open .sa-navigation{display:block}
.sa-header.is-open .sa-mega{
position:absolute;top:76px;max-height:calc(100vh - 76px);overflow:auto;
opacity:1;visibility:visible;transform:none;
border-top:0
}
.sa-header.is-open .sa-navigation{display:none}
.sa-mega-inner{grid-template-columns:1fr 1fr;padding:18px 20px 28px}
.sa-mega section{min-height:0;padding:18px 18px;border-right:0;border-bottom:1px solid #e5eaed}
.sa-mega section:first-child{padding-left:18px}
.sa-mega section:last-child{padding-right:18px}
}
@media(max-width:680px){
.sa-header.is-open .sa-mega{top:68px;max-height:calc(100vh - 68px)}
.sa-mega-inner{grid-template-columns:1fr;padding:10px 15px 24px}
}
/* =========================================================
Summit Academy v0.3.1 · compact, concentrated navigation
========================================================= */
.sa-navigation{margin-left:auto}
.sa-gnb{gap:22px}
.sa-gnb a,.sa-allmenu-toggle{
display:inline-flex;align-items:center;height:40px;
border:0;background:transparent;padding:0;
color:#405364;font-size:10px;font-weight:900;letter-spacing:.04em;
cursor:pointer;font-family:inherit
}
.sa-gnb a:hover,.sa-allmenu-toggle:hover,
.sa-allmenu-toggle[aria-expanded="true"]{color:var(--sa-primary)}
.sa-utility-inner{min-height:31px}
.sa-utility-inner a{font-size:9px}
.sa-mega[hidden]{display:none!important}
.sa-header:hover .sa-mega,
.sa-header:focus-within .sa-mega{
opacity:1;visibility:visible;transform:none
}
.sa-mega{
display:block;
top:76px;
opacity:1!important;visibility:visible!important;transform:none!important;
transition:none;
}
.sa-mega-inner{
grid-template-columns:repeat(5,minmax(0,1fr));
padding:25px 20px 30px
}
.sa-mega section{min-height:205px;padding:0 22px}
.sa-mega h3{margin-bottom:14px;font-size:11px}
.sa-mega a{padding:7px 0;font-size:10px}
@media(max-width:980px){
.sa-menu-toggle{display:none!important}
.sa-navigation{display:block!important}
.sa-gnb{gap:14px;overflow-x:auto;white-space:nowrap}
.sa-gnb li{flex:0 0 auto}
.sa-gnb a,.sa-allmenu-toggle{font-size:9px}
.sa-mega{top:76px;max-height:calc(100vh - 76px);overflow:auto}
.sa-mega-inner{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
.sa-header-inner{height:auto;min-height:68px;flex-wrap:wrap;padding-bottom:7px}
.sa-navigation{width:100%;order:3;margin:0}
.sa-gnb{justify-content:flex-start;padding:0 0 2px}
.sa-mega{top:100%;max-height:70vh}
.sa-mega-inner{grid-template-columns:1fr;padding:10px 15px 24px}
.sa-mega section{min-height:0;padding:16px 10px}
}
/* =========================================================
Summit Academy v0.4 · managed practical pages
========================================================= */
.sa-managed-hero{
max-width:var(--sa-max-width);margin:0 auto;padding:46px 20px 28px;
display:grid;grid-template-columns:.88fr 1.12fr;gap:32px;align-items:stretch
}
.sa-managed-hero-copy{
min-height:390px;padding:38px 34px;border-radius:16px;
background:linear-gradient(145deg,#f3f7fb,#fff);
display:flex;flex-direction:column;justify-content:center
}
.sa-managed-hero-copy>small{color:var(--sa-primary);font-size:8px;font-weight:900;letter-spacing:.15em}
.sa-managed-hero-copy h1{margin:14px 0 14px;font-size:clamp(36px,4.6vw,66px);line-height:1.04;letter-spacing:-.045em;color:#17354f}
.sa-managed-hero-copy p{max-width:600px;margin:0;color:#687985;font-size:12px;line-height:1.8}
.sa-managed-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.sa-managed-actions a{padding:12px 15px;border-radius:8px;background:#173e61;color:#fff;font-size:9px;font-weight:900}
.sa-managed-actions a+ a{background:#fff;color:#476277;border:1px solid #dce4e9}
.sa-managed-hero-photo{position:relative;min-height:390px;margin:0;overflow:hidden;border-radius:16px;background:#edf2f6}
.sa-managed-hero-photo img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block}
.sa-managed-hero-photo figcaption,.sa-managed-wide-photo figcaption{position:absolute;left:15px;bottom:13px;padding:7px 9px;border-radius:7px;background:rgba(17,42,61,.78);color:#fff;font-size:8px}
.sa-managed-body{max-width:var(--sa-max-width);margin:0 auto;padding:40px 20px 72px}
.sa-managed-intro{display:grid;grid-template-columns:180px 1fr;gap:36px;padding:0 0 28px;border-bottom:1px solid #dfe6eb}
.sa-managed-intro>small{color:var(--sa-primary);font-size:8px;font-weight:900;letter-spacing:.14em}
.sa-managed-intro h2{margin:0 0 9px;color:#203b4e;font-size:28px}
.sa-managed-intro p{margin:0;color:#71808a;font-size:11px;line-height:1.8}
.sa-managed-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}
.sa-managed-cards article{min-height:165px;padding:23px;border:1px solid #dce4e9;border-radius:12px;background:#fff}
.sa-managed-cards span{color:var(--sa-primary);font-size:8px;font-weight:900}
.sa-managed-cards h3{margin:12px 0 7px;color:#243e51;font-size:17px}
.sa-managed-cards p{margin:0;color:#74828c;font-size:10px;line-height:1.7}
.sa-managed-wide-photo{position:relative;height:360px;margin:26px 0;overflow:hidden;border-radius:14px;background:#edf2f6}
.sa-managed-wide-photo img{width:100%;height:100%;object-fit:cover;display:block}
.sa-managed-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}
.sa-managed-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;border:1px solid #dce4e9;border-radius:9px;background:#f8fafb}
.sa-managed-links strong{font-size:10px;color:#344f62}.sa-managed-links b{font-size:8px;color:var(--sa-primary)}
@media(max-width:860px){
.sa-managed-hero{grid-template-columns:1fr;padding-top:25px}
.sa-managed-hero-copy,.sa-managed-hero-photo,.sa-managed-hero-photo img{min-height:300px}
.sa-managed-intro{grid-template-columns:1fr;gap:9px}
}
@media(max-width:680px){
.sa-managed-hero{padding:18px 15px 20px;gap:13px}
.sa-managed-hero-copy{min-height:auto;padding:27px 22px}
.sa-managed-hero-copy h1{font-size:39px}
.sa-managed-body{padding:28px 15px 54px}
.sa-managed-cards,.sa-managed-links{grid-template-columns:1fr}
.sa-managed-wide-photo{height:240px}
}
/* =========================================================
Summit Academy v0.4.2 · practical HOME completion
========================================================= */
.sa-home-now{max-width:var(--sa-max-width);margin:0 auto;padding:22px 20px 0}
.sa-home-now-label{display:flex;align-items:end;gap:12px;margin-bottom:10px}
.sa-home-now-label small{color:var(--sa-primary);font-size:8px;font-weight:900;letter-spacing:.14em}
.sa-home-now-label strong{font-size:12px;color:#405667}
.sa-home-now-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce4ea;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(17,42,61,.05)}
.sa-home-now-grid>a{min-height:88px;padding:16px 18px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border-right:1px solid #e2e8ec}
.sa-home-now-grid>a:last-child{border-right:0}.sa-home-now-grid>a:hover{background:#f7fafc}
.sa-home-now-grid>a>span{color:var(--sa-primary);font-size:9px;font-weight:900}.sa-home-now-grid strong{display:block;font-size:13px;color:#273f51}.sa-home-now-grid small{display:block;margin-top:5px;color:#7c8992;font-size:9px}.sa-home-now-grid b{color:var(--sa-primary)}
.sa-home-hero{max-width:var(--sa-max-width);margin:22px auto 0;padding:0 20px;display:grid;grid-template-columns:.82fr 1.18fr;gap:0}
.sa-home-hero-copy{padding:48px 42px;border-radius:16px 0 0 16px;background:linear-gradient(145deg,#eff5fb,#fff);display:flex;flex-direction:column;justify-content:center}
.sa-home-hero-copy>small{font-size:8px;font-weight:900;letter-spacing:.15em;color:var(--sa-primary)}
.sa-home-hero-copy h1{margin:15px 0 15px;font-size:clamp(40px,4.7vw,68px);line-height:1.02;letter-spacing:-.045em;color:#17354f}
.sa-home-hero-copy p{margin:0;color:#657887;font-size:12px;line-height:1.85}
.sa-home-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.sa-home-hero-actions a{padding:12px 16px;border-radius:8px;background:#173e61;color:#fff;font-size:9px;font-weight:900}.sa-home-hero-actions a+a{background:#fff;color:#4e687b;border:1px solid #d8e2e8}
.sa-home-hero figure{position:relative;min-height:430px;margin:0;overflow:hidden;border-radius:0 16px 16px 0;background:#edf2f5}.sa-home-hero img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block}.sa-home-hero figcaption{position:absolute;left:15px;bottom:13px;padding:7px 9px;border-radius:7px;background:rgba(17,42,61,.76);color:#fff;font-size:8px}
.sa-home-shortcuts{max-width:var(--sa-max-width);margin:0 auto;padding:18px 20px 0;display:grid;grid-template-columns:repeat(5,1fr)}
.sa-home-shortcuts a{min-height:88px;padding:16px 15px;display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;border:1px solid #e0e6eb;border-right:0;background:#fff}.sa-home-shortcuts a:first-child{border-radius:10px 0 0 10px}.sa-home-shortcuts a:last-child{border-right:1px solid #e0e6eb;border-radius:0 10px 10px 0}.sa-home-shortcuts a:hover{background:#f8fafc}.sa-home-shortcuts span{color:#6c9bdc;font-size:8px;font-weight:900}.sa-home-shortcuts strong{display:block;color:#2e485b;font-size:11px}.sa-home-shortcuts small{display:block;margin-top:4px;color:#84919a;font-size:8px}.sa-home-shortcuts b{color:#2457c5}
.sa-home-info{max-width:var(--sa-max-width);margin:42px auto 0;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.sa-home-section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px;padding-bottom:11px;border-bottom:2px solid #243f54}.sa-home-section-title small{font-size:7px;font-weight:900;letter-spacing:.14em;color:var(--sa-primary)}.sa-home-section-title h2{margin:4px 0 0;font-size:19px;color:#263f52}.sa-home-section-title>a{font-size:8px;font-weight:900;color:#647a8a}
.sa-home-notice>a{display:grid;grid-template-columns:1fr auto;gap:5px 16px;padding:13px 2px;border-bottom:1px solid #e3e8ec}.sa-home-notice>a strong{font-size:10px;color:#334c60}.sa-home-notice>a span{grid-column:1;color:#7d8992;font-size:8px}.sa-home-notice>a small{grid-column:2;grid-row:1/3;align-self:center;color:#2457c5;font-size:7px;font-weight:900}
.sa-home-story img{width:100%;height:220px;object-fit:cover;border-radius:10px;display:block}.sa-home-story p{margin:12px 0 0;color:#6f7e89;font-size:10px;line-height:1.75}
.sa-home-gallery{max-width:var(--sa-max-width);margin:42px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sa-home-gallery>.sa-home-section-title{grid-column:1/-1}.sa-home-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:10px;background:#edf2f5}.sa-home-gallery img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .25s ease}.sa-home-gallery figure:hover img{transform:scale(1.025)}.sa-home-gallery figcaption{position:absolute;left:11px;bottom:10px;padding:6px 8px;border-radius:6px;background:rgba(18,43,62,.75);color:#fff;font-size:8px}
.sa-home-portal{max-width:var(--sa-max-width);margin:45px auto 70px;padding:36px 40px;border-radius:14px;background:#17354f;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.sa-home-portal small{color:#8db7ef;font-size:8px;font-weight:900;letter-spacing:.14em}.sa-home-portal h2{margin:11px 0 8px;font-size:27px;line-height:1.18}.sa-home-portal p{margin:0;color:#c8d6df;font-size:10px;line-height:1.7}.sa-home-portal-links{display:grid;gap:7px}.sa-home-portal-links a{padding:12px 14px;border-radius:8px;background:#fff;color:#29475e;font-size:9px;font-weight:900}
@media(max-width:900px){.sa-home-hero{grid-template-columns:1fr}.sa-home-hero-copy{border-radius:16px 16px 0 0}.sa-home-hero figure{border-radius:0 0 16px 16px}.sa-home-shortcuts{grid-template-columns:1fr 1fr}.sa-home-shortcuts a{border-right:1px solid #e0e6eb;border-bottom:0}.sa-home-info{grid-template-columns:1fr}.sa-home-portal{grid-template-columns:1fr}}
@media(max-width:680px){.sa-home-now{padding:15px 15px 0}.sa-home-now-grid{grid-template-columns:1fr}.sa-home-now-grid>a{border-right:0;border-bottom:1px solid #e2e8ec}.sa-home-now-grid>a:last-child{border-bottom:0}.sa-home-hero{padding:0 15px}.sa-home-hero-copy{padding:31px 24px}.sa-home-hero-copy h1{font-size:41px}.sa-home-hero figure,.sa-home-hero img{min-height:280px}.sa-home-shortcuts{padding:14px 15px 0;grid-template-columns:1fr}.sa-home-shortcuts a,.sa-home-shortcuts a:first-child,.sa-home-shortcuts a:last-child{border:1px solid #e0e6eb;border-bottom:0;border-radius:0}.sa-home-shortcuts a:first-child{border-radius:10px 10px 0 0}.sa-home-shortcuts a:last-child{border-bottom:1px solid #e0e6eb;border-radius:0 0 10px 10px}.sa-home-info,.sa-home-gallery{padding:0 15px}.sa-home-gallery{grid-template-columns:1fr}.sa-home-gallery>.sa-home-section-title{grid-column:auto}.sa-home-gallery img{height:240px}.sa-home-portal{margin:35px 15px 55px;padding:28px 22px}}
/* =========================================================
Summit Academy v0.4.5 · larger primary menu buttons
========================================================= */
.sa-header-inner{
min-height:96px;
}
.sa-brand-mark{
width:48px;
height:48px;
font-size:22px;
}
.sa-brand-copy strong{
font-size:19px;
}
.sa-brand-copy small{
font-size:10px;
}
.sa-gnb{
gap:30px;
}
.sa-gnb a,
.sa-allmenu-toggle{
min-height:56px;
padding:0 10px;
font-size:18px;
font-weight:900;
letter-spacing:-.01em;
}
.sa-allmenu-toggle{
border-radius:10px;
}
.sa-utility-inner{
min-height:40px;
}
.sa-utility-inner a{
font-size:13px;
}
.sa-mega{
top:96px;
}
.sa-mega h3{
font-size:16px;
}
.sa-mega a{
padding:10px 0;
font-size:15px;
}
@media(max-width:1100px){
.sa-gnb{gap:18px}
.sa-gnb a,
.sa-allmenu-toggle{
font-size:15px;
min-height:50px;
padding:0 6px;
}
}
@media(max-width:760px){
.sa-header-inner{
min-height:84px;
}
.sa-brand-mark{
width:42px;
height:42px;
font-size:19px;
}
.sa-brand-copy strong{
font-size:16px;
}
.sa-brand-copy small{
font-size:9px;
}
.sa-gnb{
gap:14px;
}
.sa-gnb a,
.sa-allmenu-toggle{
min-height:44px;
font-size:14px;
padding:0 5px;
}
.sa-utility-inner a{
font-size:11px;
}
.sa-mega{
top:100%;
}
}
/* =========================================================
Summit Academy v0.4.6 · practical Academy About page
========================================================= */
.sa-academy-hero{max-width:var(--sa-max-width);margin:0 auto;padding:38px 20px 24px;display:grid;grid-template-columns:.86fr 1.14fr;gap:0}
.sa-academy-hero-copy{padding:44px 40px;border-radius:16px 0 0 16px;background:linear-gradient(145deg,#f1f6fb,#fff);display:flex;flex-direction:column;justify-content:center}
.sa-academy-hero-copy>small{color:var(--sa-primary);font-size:8px;font-weight:900;letter-spacing:.15em}
.sa-academy-hero-copy h1{margin:14px 0 14px;color:#17354f;font-size:clamp(39px,4.5vw,64px);line-height:1.04;letter-spacing:-.045em}
.sa-academy-hero-copy p{margin:0;color:#687985;font-size:12px;line-height:1.85}
.sa-academy-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.sa-academy-hero-actions a{padding:12px 15px;border-radius:8px;background:#173e61;color:#fff;font-size:9px;font-weight:900}
.sa-academy-hero-actions a+a{background:#fff;color:#4c6678;border:1px solid #d7e1e7}
.sa-academy-hero figure{position:relative;min-height:420px;margin:0;overflow:hidden;border-radius:0 16px 16px 0;background:#edf2f5}
.sa-academy-hero img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}
.sa-academy-hero figcaption,.sa-academy-environment figcaption{position:absolute;left:14px;bottom:12px;padding:7px 9px;border-radius:7px;background:rgba(17,42,61,.76);color:#fff;font-size:8px}
.sa-academy-facts{max-width:var(--sa-max-width);margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr)}
.sa-academy-facts>div{min-height:92px;padding:18px;border:1px solid #dfe6eb;border-right:0;background:#fff}
.sa-academy-facts>div:first-child{border-radius:10px 0 0 10px}.sa-academy-facts>div:last-child{border-right:1px solid #dfe6eb;border-radius:0 10px 10px 0}
.sa-academy-facts small{display:block;margin-bottom:8px;color:#7c8b95;font-size:8px;font-weight:900}
.sa-academy-facts strong{display:block;color:#2d485b;font-size:13px}
.sa-academy-principles,.sa-academy-flow{max-width:var(--sa-max-width);margin:46px auto 0;padding:0 20px}
.sa-academy-section-head{display:grid;grid-template-columns:180px 1fr;gap:34px;padding-bottom:22px;border-bottom:1px solid #dfe6eb}
.sa-academy-section-head>small{color:var(--sa-primary);font-size:8px;font-weight:900;letter-spacing:.14em}
.sa-academy-section-head h2{margin:0 0 8px;color:#263f52;font-size:29px}
.sa-academy-section-head p{margin:0;color:#71808a;font-size:11px;line-height:1.8}
.sa-academy-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.sa-academy-principle-grid article{min-height:185px;padding:25px;border:1px solid #dce4e9;border-radius:12px;background:#fff}
.sa-academy-principle-grid span,.sa-academy-flow article>span{color:var(--sa-primary);font-size:8px;font-weight:900}
.sa-academy-principle-grid h3,.sa-academy-flow h3{margin:13px 0 8px;color:#2b4658;font-size:17px}
.sa-academy-principle-grid p,.sa-academy-flow p{margin:0;color:#74828c;font-size:10px;line-height:1.75}
.sa-academy-environment{max-width:var(--sa-max-width);margin:46px auto 0;padding:0 20px;display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:stretch}
.sa-academy-environment figure{position:relative;min-height:390px;margin:0;overflow:hidden;border-radius:14px;background:#edf2f5}
.sa-academy-environment img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block}
.sa-academy-environment>div{padding:34px 6px 28px 10px}
.sa-academy-environment>div>small{color:var(--sa-primary);font-size:8px;font-weight:900;letter-spacing:.14em}
.sa-academy-environment h2{margin:12px 0 10px;color:#263f52;font-size:31px;line-height:1.18}
.sa-academy-environment p{margin:0;color:#71808a;font-size:10px;line-height:1.8}
.sa-academy-environment ul{margin:21px 0 0;padding:0;list-style:none;border-top:1px solid #e0e6ea}
.sa-academy-environment li{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid #e0e6ea}
.sa-academy-environment li b{color:var(--sa-primary);font-size:8px}.sa-academy-environment li span{color:#4f6474;font-size:10px}
.sa-academy-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sa-academy-flow>.sa-academy-section-head{grid-column:1/-1}
.sa-academy-flow article{min-height:175px;padding:23px;border-radius:12px;background:#f6f9fb;border:1px solid #e0e7eb}
.sa-academy-cta{max-width:var(--sa-max-width);margin:48px auto 72px;padding:34px 40px;border-radius:14px;background:#17354f;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.sa-academy-cta small{color:#8db7ef;font-size:8px;font-weight:900;letter-spacing:.14em}
.sa-academy-cta h2{margin:10px 0 7px;font-size:26px}.sa-academy-cta p{margin:0;color:#c8d6df;font-size:10px;line-height:1.7}
.sa-academy-cta>div:last-child{display:grid;gap:7px}.sa-academy-cta a{padding:12px 14px;border-radius:8px;background:#fff;color:#29475e;font-size:9px;font-weight:900}
@media(max-width:900px){
.sa-academy-hero{grid-template-columns:1fr}.sa-academy-hero-copy{border-radius:16px 16px 0 0}.sa-academy-hero figure{border-radius:0 0 16px 16px}
.sa-academy-facts{grid-template-columns:1fr 1fr}.sa-academy-facts>div{border-right:1px solid #dfe6eb;border-bottom:0}.sa-academy-facts>div:first-child,.sa-academy-facts>div:last-child{border-radius:0}.sa-academy-facts>div:nth-child(1){border-radius:10px 0 0 0}.sa-academy-facts>div:nth-child(2){border-radius:0 10px 0 0}.sa-academy-facts>div:nth-child(3){border-bottom:1px solid #dfe6eb;border-radius:0 0 0 10px}.sa-academy-facts>div:nth-child(4){border-bottom:1px solid #dfe6eb;border-radius:0 0 10px 0}
.sa-academy-environment{grid-template-columns:1fr}.sa-academy-flow{grid-template-columns:1fr 1fr}.sa-academy-cta{grid-template-columns:1fr}
}
@media(max-width:680px){
.sa-academy-hero{padding:18px 15px}.sa-academy-hero-copy{padding:30px 23px}.sa-academy-hero-copy h1{font-size:40px}.sa-academy-hero figure,.sa-academy-hero img{min-height:280px}
.sa-academy-facts{padding:0 15px;grid-template-columns:1fr}.sa-academy-facts>div,.sa-academy-facts>div:nth-child(n){border:1px solid #dfe6eb;border-bottom:0;border-radius:0}.sa-academy-facts>div:first-child{border-radius:10px 10px 0 0}.sa-academy-facts>div:last-child{border-bottom:1px solid #dfe6eb;border-radius:0 0 10px 10px}
.sa-academy-principles,.sa-academy-flow,.sa-academy-environment{padding-left:15px;padding-right:15px}.sa-academy-section-head{grid-template-columns:1fr;gap:8px}.sa-academy-principle-grid,.sa-academy-flow{grid-template-columns:1fr}
.sa-academy-environment>div{padding:10px 0}.sa-academy-environment h2{font-size:27px}.sa-academy-cta{margin:38px 15px 55px;padding:28px 22px}
}
/* Summit Academy v0.5.2 · composition-managed HOME */
.sa-composition-section{display:block}
.sa-home-about,.sa-home-program,.sa-home-list-section,.sa-home-news{max-width:var(--sa-max-width);margin:42px auto 0;padding:0 20px}
.sa-home-about{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.sa-home-about-copy{padding:26px 28px;border:1px solid #e0e7ec;border-radius:12px;background:#fff}
.sa-home-about-copy p{margin:0;color:#6f7e89;font-size:10px;line-height:1.85}
.sa-home-text-link{display:inline-block;margin-top:18px;color:#2457c5;font-size:9px;font-weight:900}
.sa-home-about figure{margin:0;position:relative;overflow:hidden;border-radius:12px;background:#edf2f5;min-height:300px}
.sa-home-about figure img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}
.sa-home-about figcaption{position:absolute;left:11px;bottom:10px;padding:6px 8px;border-radius:6px;background:rgba(18,43,62,.75);color:#fff;font-size:8px}
.sa-home-program-grid,.sa-home-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sa-home-program-grid>a,.sa-home-news-grid>a{display:block;min-height:190px;padding:25px 22px;border:1px solid #e0e6eb;border-radius:11px;background:#fff}
.sa-home-program-grid>a:hover,.sa-home-news-grid>a:hover{background:#f8fafc}
.sa-home-program-grid small,.sa-home-news-grid small{color:#6c9bdc;font-size:8px;font-weight:900;letter-spacing:.08em}
.sa-home-program-grid h3,.sa-home-news-grid h3{margin:13px 0 9px;color:#29475e;font-size:18px}
.sa-home-program-grid p,.sa-home-news-grid p{margin:0;color:#778690;font-size:10px;line-height:1.75}
.sa-home-program-grid b,.sa-home-news-grid b{display:block;margin-top:20px;color:#2457c5;font-size:8px}
.sa-home-list{border-top:1px solid #dfe6eb}
.sa-home-list>a{display:grid;grid-template-columns:1fr auto;gap:6px 18px;padding:16px 4px;border-bottom:1px solid #e3e8ec}
.sa-home-list>a strong{font-size:11px;color:#334c60}.sa-home-list>a span{grid-column:1;color:#7d8992;font-size:9px}.sa-home-list>a small{grid-column:2;grid-row:1/3;align-self:center;color:#2457c5;font-size:8px;font-weight:900}
.sa-home-consult{max-width:var(--sa-max-width);margin:45px auto 70px;padding:36px 40px;border-radius:14px;background:#eef4fa;color:#17354f;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.sa-home-consult small{color:#2457c5;font-size:8px;font-weight:900;letter-spacing:.14em}.sa-home-consult h2{margin:11px 0 8px;font-size:27px;line-height:1.18}.sa-home-consult p{margin:0;color:#667b8b;font-size:10px;line-height:1.7}.sa-home-consult-links{display:grid;gap:7px}.sa-home-consult-links a{padding:12px 14px;border-radius:8px;background:#fff;color:#29475e;border:1px solid #dce5eb;font-size:9px;font-weight:900}
@media(max-width:900px){.sa-home-about{grid-template-columns:1fr}.sa-home-program-grid,.sa-home-news-grid{grid-template-columns:1fr}.sa-home-consult{grid-template-columns:1fr}}
@media(max-width:680px){.sa-home-about,.sa-home-program,.sa-home-list-section,.sa-home-news{padding:0 15px}.sa-home-about-copy{padding:22px 20px}.sa-home-consult{margin:35px 15px 55px;padding:28px 22px}}
/* Summit Academy v0.5.4 · HOME representative photo management */
.sa-home-program-photo{margin:0 0 14px;border-radius:12px;overflow:hidden;background:#edf2f5;height:285px}
.sa-home-program-photo img{width:100%;height:100%;object-fit:cover;display:block}
.sa-home-consult{grid-template-columns:.9fr 1.1fr .85fr}
.sa-home-consult-photo{margin:0;border-radius:11px;overflow:hidden;background:#dfe9f2;min-height:220px}
.sa-home-consult-photo img{width:100%;height:100%;min-height:220px;object-fit:cover;display:block}
@media(max-width:900px){
.sa-home-consult{grid-template-columns:1fr}
.sa-home-program-photo{height:240px}
.sa-home-consult-photo,.sa-home-consult-photo img{min-height:260px}
}
@media(max-width:680px){
.sa-home-program-photo{height:210px}
.sa-home-consult-photo,.sa-home-consult-photo img{min-height:220px}
}
/* Summit Academy v0.5.6 · Compact alert / notice boards */
.sa-home-board-wrap{
max-width:var(--sa-max-width);
margin:22px auto 0;
padding:0 20px;
display:grid;
grid-template-columns:1fr 1fr;
gap:0;
}
.sa-home-board-panel{
min-width:0;
background:#11183d;
color:#fff;
border:1px solid #34406a;
box-shadow:0 8px 24px rgba(15,27,58,.08);
}
.sa-home-board-panel:first-child{border-radius:10px 0 0 10px}
.sa-home-board-panel:last-child{border-left:0;border-radius:0 10px 10px 0}
.sa-home-board-head{
min-height:46px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 15px;
border-bottom:1px solid #34406a;
}
.sa-home-board-head h2{
margin:0;
color:#fff;
font-size:16px;
line-height:1;
letter-spacing:-.02em;
}
.sa-home-board-head a{
display:flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
color:#fff;
font-size:23px;
line-height:1;
font-weight:300;
}
.sa-home-board-list{padding:7px 14px 10px}
.sa-home-board-list>a{
min-width:0;
display:grid;
grid-template-columns:76px minmax(0,1fr) auto;
gap:9px;
align-items:center;
min-height:31px;
color:#f4f7ff;
border-bottom:1px solid rgba(255,255,255,.055);
}
.sa-home-board-list>a:last-child{border-bottom:0}
.sa-home-board-list time{
color:#cdd6f3;
font-size:9px;
white-space:nowrap;
font-variant-numeric:tabular-nums;
}
.sa-home-board-list strong{
display:block;
min-width:0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#f8f9ff;
font-size:10px;
font-weight:500;
}
.sa-home-board-list em{
display:inline-flex;
align-items:center;
height:18px;
padding:0 7px;
border-radius:999px;
background:#21b9eb;
color:#fff;
font-size:7px;
font-style:normal;
font-weight:900;
}
.sa-home-board-list>a:hover strong{color:#8fd9ff}
@media(max-width:900px){
.sa-home-board-wrap{grid-template-columns:1fr;gap:10px}
.sa-home-board-panel:first-child,
.sa-home-board-panel:last-child{
border:1px solid #34406a;
border-radius:10px;
}
}
@media(max-width:680px){
.sa-home-board-wrap{padding:0 15px;margin-top:16px}
.sa-home-board-list{padding:7px 11px 9px}
.sa-home-board-list>a{grid-template-columns:70px minmax(0,1fr) auto;gap:7px}
.sa-home-board-list time{font-size:8px}
.sa-home-board-list strong{font-size:9px}
}
/* =========================================================
Summit Academy v0.5.7 · HOME visual balance polish
- No content/DB changes
- Keeps compact alert/notice boards from v0.5.6
========================================================= */
/* Overall vertical rhythm */
.sa-home-now,
.sa-home-hero,
.sa-home-shortcuts,
.sa-home-board-wrap,
.sa-home-about,
.sa-home-program,
.sa-home-list-section,
.sa-home-news,
.sa-home-gallery{
max-width:var(--sa-max-width);
}
.sa-home-about,
.sa-home-program,
.sa-home-list-section,
.sa-home-news,
.sa-home-gallery{
margin-top:34px;
}
.sa-home-portal,
.sa-home-consult{
margin-top:38px;
margin-bottom:56px;
}
/* Hero: slightly shorter and calmer */
.sa-home-hero{
margin-top:18px;
grid-template-columns:.88fr 1.12fr;
}
.sa-home-hero-copy{
padding:38px 36px;
}
.sa-home-hero-copy h1{
margin:12px 0 13px;
font-size:clamp(34px,3.7vw,54px);
line-height:1.06;
}
.sa-home-hero-copy p{
font-size:11px;
line-height:1.75;
}
.sa-home-hero figure,
.sa-home-hero img{
min-height:360px;
}
.sa-home-hero-actions{
margin-top:20px;
}
/* Shortcut row: reduce height */
.sa-home-shortcuts{
padding-top:14px;
}
.sa-home-shortcuts a{
min-height:76px;
padding:13px 14px;
}
/* Compact alert/notice boards */
.sa-home-board-wrap{
margin-top:18px;
}
.sa-home-board-head{
min-height:43px;
}
.sa-home-board-list{
padding:6px 14px 9px;
}
.sa-home-board-list>a{
min-height:29px;
}
.sa-home-board-list time{
font-size:9px;
}
.sa-home-board-list strong{
font-size:10px;
}
/* Unified section headings */
.sa-home-section-title{
margin-bottom:12px;
padding-bottom:9px;
}
.sa-home-section-title h2{
font-size:18px;
}
.sa-home-section-title small{
font-size:7px;
}
/* About */
.sa-home-about{
gap:20px;
}
.sa-home-about-copy{
padding:24px 25px;
}
.sa-home-about figure,
.sa-home-about figure img{
min-height:270px;
}
.sa-home-about-copy p{
font-size:10px;
line-height:1.75;
}
/* Program */
.sa-home-program-photo{
height:235px;
margin-bottom:12px;
}
.sa-home-program-grid{
gap:10px;
}
.sa-home-program-grid>a{
min-height:165px;
padding:20px 19px;
}
.sa-home-program-grid h3{
margin:10px 0 7px;
font-size:16px;
}
.sa-home-program-grid p{
line-height:1.65;
}
/* News cards / general cards */
.sa-home-news-grid{
gap:10px;
}
.sa-home-news-grid>a{
min-height:165px;
padding:20px 19px;
}
.sa-home-news-grid h3{
margin:10px 0 7px;
font-size:16px;
}
/* Gallery */
.sa-home-gallery{
gap:10px;
}
.sa-home-gallery img{
height:195px;
}
/* Consultation */
.sa-home-consult{
padding:28px 30px;
gap:22px;
grid-template-columns:.9fr 1.05fr .85fr;
}
.sa-home-consult-photo,
.sa-home-consult-photo img{
min-height:205px;
}
.sa-home-consult h2{
font-size:24px;
margin:9px 0 7px;
}
.sa-home-consult p{
line-height:1.65;
}
.sa-home-consult-links a{
padding:11px 13px;
}
/* Portal */
.sa-home-portal{
padding:30px 34px;
}
.sa-home-portal h2{
font-size:24px;
}
/* Lists */
.sa-home-list>a{
padding:13px 4px;
}
/* Tablet */
@media(max-width:900px){
.sa-home-hero-copy{padding:32px 28px}
.sa-home-hero figure,
.sa-home-hero img{min-height:320px}
.sa-home-program-photo{height:220px}
.sa-home-gallery img{height:215px}
.sa-home-consult{grid-template-columns:1fr}
.sa-home-consult-photo,
.sa-home-consult-photo img{min-height:250px}
}
/* Mobile */
@media(max-width:680px){
.sa-home-hero{margin-top:14px}
.sa-home-hero-copy{padding:27px 22px}
.sa-home-hero-copy h1{
font-size:36px;
line-height:1.07;
}
.sa-home-hero figure,
.sa-home-hero img{min-height:250px}
.sa-home-board-wrap{margin-top:14px}
.sa-home-about,
.sa-home-program,
.sa-home-list-section,
.sa-home-news,
.sa-home-gallery{margin-top:28px}
.sa-home-about figure,
.sa-home-about figure img{min-height:230px}
.sa-home-program-photo{height:200px}
.sa-home-gallery img{height:225px}
.sa-home-consult{
margin:30px 15px 48px;
padding:24px 20px;
}
.sa-home-consult-photo,
.sa-home-consult-photo img{min-height:220px}
.sa-home-consult h2{font-size:22px}
.sa-home-portal{
margin:30px 15px 48px;
padding:25px 21px;
}
}
/* =========================================================
Summit Academy v0.5.8 · Compact Quick Access + Mobile Board Tabs
========================================================= */
/* QUICK ACCESS: one group only, 4 in one row on desktop */
.sa-home-now-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
}
.sa-home-now-grid>a{
min-width:0;
min-height:78px;
padding:14px 15px;
grid-template-columns:32px minmax(0,1fr) auto;
gap:8px;
}
.sa-home-now-grid>a>span{
font-size:8px;
}
.sa-home-now-grid strong{
min-width:0;
font-size:11px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.sa-home-now-grid small{
min-width:0;
font-size:8px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/* Old duplicate shortcut row is no longer rendered; keep hidden defensively. */
.sa-home-shortcuts{
display:none !important;
}
/* Mobile tabs are hidden on desktop. */
.sa-home-board-tab-input,
.sa-home-board-mobile-tabs{
display:none;
}
/* PC keeps the existing two-column alert + notice layout. */
@media(min-width:681px){
.sa-home-board-wrap{
display:grid;
grid-template-columns:1fr 1fr;
gap:0;
}
.sa-home-board-panel{
display:block;
}
}
/* Medium screens: QUICK ACCESS becomes 2 x 2 before text gets cramped. */
@media(max-width:900px){
.sa-home-now-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.sa-home-now-grid>a{
border-right:1px solid #e2e8ec;
border-bottom:1px solid #e2e8ec;
}
.sa-home-now-grid>a:nth-child(2n){
border-right:0;
}
.sa-home-now-grid>a:nth-last-child(-n+2){
border-bottom:0;
}
}
/* Mobile: one board box with clickable 알림 / 공지사항 tabs. */
@media(max-width:680px){
.sa-home-now{
padding:15px 15px 0;
}
.sa-home-now-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
border-radius:12px;
}
.sa-home-now-grid>a{
min-height:72px;
padding:12px 11px;
grid-template-columns:25px minmax(0,1fr) 12px;
gap:6px;
border-right:1px solid #e2e8ec;
border-bottom:1px solid #e2e8ec;
}
.sa-home-now-grid>a:nth-child(2n){
border-right:0;
}
.sa-home-now-grid>a:nth-last-child(-n+2){
border-bottom:0;
}
.sa-home-now-grid strong{
font-size:10px;
}
.sa-home-now-grid small{
margin-top:3px;
font-size:7px;
}
.sa-home-board-wrap{
display:block;
padding:0 15px;
margin-top:14px;
}
.sa-home-board-mobile-tabs{
display:grid;
grid-template-columns:1fr 1fr;
overflow:hidden;
border:1px solid #34406a;
border-bottom:0;
border-radius:10px 10px 0 0;
background:#11183d;
}
.sa-home-board-mobile-tabs label{
min-height:43px;
display:flex;
align-items:center;
justify-content:center;
margin:0;
color:#aeb9d7;
font-size:12px;
font-weight:900;
cursor:pointer;
border-right:1px solid #34406a;
user-select:none;
}
.sa-home-board-mobile-tabs label:last-child{
border-right:0;
}
.sa-home-board-panel,
.sa-home-board-panel:first-child,
.sa-home-board-panel:last-child{
display:none;
border:1px solid #34406a;
border-radius:0 0 10px 10px;
box-shadow:0 8px 24px rgba(15,27,58,.08);
}
.sa-home-board-head{
display:none;
}
.sa-home-board-list{
padding:7px 11px 9px;
}
.sa-home-board-list>a{
grid-template-columns:66px minmax(0,1fr) auto;
gap:6px;
min-height:31px;
}
.sa-home-board-list time{
font-size:8px;
}
.sa-home-board-list strong{
font-size:9px;
}
#sa-board-tab-alert:checked ~ .sa-home-board-mobile-tabs label[for="sa-board-tab-alert"],
#sa-board-tab-notice:checked ~ .sa-home-board-mobile-tabs label[for="sa-board-tab-notice"]{
background:#1f3166;
color:#fff;
}
#sa-board-tab-alert:checked ~ .sa-home-board-alert{
display:block;
}
#sa-board-tab-notice:checked ~ .sa-home-board-notice{
display:block;
}
}
/* Summit Academy v0.5.9 · generic pages created from Academy manager */
.sa-simple-page{max-width:var(--sa-max-width);margin:0 auto;padding:34px 20px 70px}
.sa-simple-page-hero{padding:42px 44px;border-radius:16px;background:#eef5fb;border:1px solid #d8e5ee}
.sa-simple-page-hero small{display:block;color:#2457c5;font-size:10px;font-weight:900;letter-spacing:.12em}
.sa-simple-page-hero h1{margin:10px 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.08}
.sa-simple-page-hero p{margin:0;max-width:760px;color:#617687;line-height:1.8}
.sa-simple-page-body{padding:34px 8px}.sa-simple-page-body h2{font-size:24px;margin:0 0 12px}.sa-simple-page-body p{color:#617687;line-height:1.85}
@media(max-width:680px){.sa-simple-page{padding:20px 15px 50px}.sa-simple-page-hero{padding:28px 22px}.sa-simple-page-body{padding:26px 4px}}
/* =========================================================
Summit Academy v0.5.10 · Mobile 3-button rows
PC/tablet layout above 680px remains unchanged.
========================================================= */
@media(max-width:680px){
/* ACADEMY PORTAL: parent / student / teacher = one horizontal row */
.sa-home-portal-links{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:5px !important;
width:100%;
}
.sa-home-portal-links a{
min-width:0;
padding:10px 3px !important;
border-radius:7px;
font-size:8px !important;
line-height:1.25;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:clip;
}
/* CONSULTATION: admission / class / general = one horizontal row */
.sa-home-consult-links{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:5px !important;
width:100%;
}
.sa-home-consult-links a{
min-width:0;
padding:10px 3px !important;
border-radius:7px;
font-size:8px !important;
line-height:1.25;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:clip;
}
}
/* =========================================================
Summit Academy v0.5.10.1 · Portal / Consultation 3 buttons
Desktop + tablet + mobile: always one horizontal row of 3.
========================================================= */
.sa-home-portal-links,
.sa-home-consult-links{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:6px !important;
width:100%;
align-items:stretch;
}
.sa-home-portal-links a,
.sa-home-consult-links a{
min-width:0;
padding:10px 7px !important;
border-radius:7px;
font-size:8px !important;
line-height:1.25;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:clip;
display:flex;
align-items:center;
justify-content:center;
}
/* On wide desktop, keep the button rows compact and tidy. */
@media(min-width:901px){
.sa-home-portal-links a,
.sa-home-consult-links a{
min-height:38px;
padding:9px 6px !important;
}
}
/* Mobile keeps the same one-line 3-button layout. */
@media(max-width:680px){
.sa-home-portal-links,
.sa-home-consult-links{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:5px !important;
}
.sa-home-portal-links a,
.sa-home-consult-links a{
min-height:36px;
padding:9px 3px !important;
font-size:8px !important;
}
}
/* ACADEMY v0.6.2.4 RHYMIX PAGE TOOLBAR RESTORED */
/* =========================================================
Summit Academy v0.5.11 · Compact Subpages
Reduce repetition and make mobile pages much shorter.
========================================================= */
/* Academy about page */
.sa-academy-principles,
.sa-academy-flow{
margin-top:34px;
}
.sa-academy-principle-grid{
gap:10px;
margin-top:18px;
}
.sa-academy-principle-grid article{
min-height:138px;
padding:18px 19px;
}
.sa-academy-flow{
gap:9px;
}
.sa-academy-flow article{
min-height:130px;
padding:17px 18px;
}
/* Replaces the former large photo + explanation block */
.sa-academy-environment-compact{
max-width:var(--sa-max-width);
margin:30px auto 0;
padding:0 20px;
}
.sa-academy-environment-compact figure{
position:relative;
height:210px;
margin:0;
overflow:hidden;
border-radius:12px;
background:#edf2f5;
}
.sa-academy-environment-compact img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.sa-academy-environment-compact figcaption{
position:absolute;
left:12px;
bottom:10px;
padding:6px 8px;
border-radius:6px;
background:rgba(17,42,61,.76);
color:#fff;
font-size:8px;
}
/* Other managed pages */
.sa-managed-body{
padding-top:30px;
padding-bottom:52px;
}
.sa-managed-cards{
margin:20px 0 0;
}
.sa-managed-cards article{
min-height:135px;
padding:18px 19px;
}
/* Mobile-first simplification */
@media(max-width:680px){
/* top hero */
.sa-academy-hero{
padding:12px 15px 10px;
gap:0;
}
.sa-academy-hero-copy{
padding:22px 19px;
}
.sa-academy-hero-copy h1{
margin:9px 0 9px;
font-size:31px;
line-height:1.08;
}
.sa-academy-hero-copy p{
font-size:10px;
line-height:1.6;
}
.sa-academy-hero-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:5px;
margin-top:15px;
}
.sa-academy-hero-actions a{
padding:9px 5px;
text-align:center;
white-space:nowrap;
}
.sa-academy-hero figure,
.sa-academy-hero img{
min-height:205px;
max-height:205px;
}
/* 4 facts = compact 2 x 2, not four long vertical boxes */
.sa-academy-facts{
padding:0 15px;
grid-template-columns:repeat(2,minmax(0,1fr));
}
.sa-academy-facts>div,
.sa-academy-facts>div:nth-child(n){
min-height:68px;
padding:12px;
border:1px solid #dfe6eb;
border-radius:0;
}
.sa-academy-facts>div:nth-child(1){border-radius:9px 0 0 0}
.sa-academy-facts>div:nth-child(2){border-radius:0 9px 0 0}
.sa-academy-facts>div:nth-child(3){border-radius:0 0 0 9px}
.sa-academy-facts>div:nth-child(4){border-radius:0 0 9px 0}
.sa-academy-facts small{margin-bottom:4px;font-size:7px}
.sa-academy-facts strong{font-size:11px}
/* principles: compact rows */
.sa-academy-principles,
.sa-academy-flow{
margin-top:24px;
padding-left:15px;
padding-right:15px;
}
.sa-academy-section-head{
gap:4px;
padding-bottom:12px;
}
.sa-academy-section-head h2{
font-size:21px;
margin-bottom:5px;
}
.sa-academy-section-head p{
font-size:9px;
line-height:1.55;
}
.sa-academy-principle-grid{
grid-template-columns:1fr;
gap:6px;
margin-top:12px;
}
.sa-academy-principle-grid article{
min-height:auto;
padding:12px 14px;
display:grid;
grid-template-columns:28px 90px minmax(0,1fr);
gap:5px;
align-items:center;
}
.sa-academy-principle-grid h3{
margin:0;
font-size:13px;
}
.sa-academy-principle-grid p{
font-size:8px;
line-height:1.45;
}
/* secondary Academy photo is not essential on mobile */
.sa-academy-environment-compact{
display:none;
}
/* operation flow = 2 x 2 compact */
.sa-academy-flow{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:6px;
}
.sa-academy-flow>.sa-academy-section-head{
grid-column:1/-1;
}
.sa-academy-flow article{
min-height:105px;
padding:12px;
}
.sa-academy-flow h3{
margin:7px 0 4px;
font-size:12px;
}
.sa-academy-flow p{
font-size:8px;
line-height:1.45;
}
/* Other subpages */
.sa-managed-hero{
padding:12px 15px 10px;
gap:0;
}
.sa-managed-hero-copy{
padding:22px 19px;
}
.sa-managed-hero-copy h1{
margin:9px 0 9px;
font-size:31px;
line-height:1.08;
}
.sa-managed-hero-copy p{
font-size:10px;
line-height:1.6;
}
.sa-managed-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:5px;
margin-top:15px;
}
.sa-managed-actions a{
min-width:0;
padding:9px 4px;
text-align:center;
white-space:nowrap;
overflow:hidden;
}
.sa-managed-hero-photo,
.sa-managed-hero-photo img{
min-height:205px;
max-height:205px;
}
.sa-managed-body{
padding:22px 15px 38px;
}
.sa-managed-intro{
gap:4px;
padding-bottom:12px;
}
.sa-managed-intro h2{
margin-bottom:5px;
font-size:21px;
}
.sa-managed-intro p{
font-size:9px;
line-height:1.55;
}
.sa-managed-cards{
grid-template-columns:1fr;
gap:6px;
margin-top:12px;
}
.sa-managed-cards article{
min-height:auto;
padding:12px 14px;
display:grid;
grid-template-columns:28px 95px minmax(0,1fr);
gap:5px;
align-items:center;
}
.sa-managed-cards h3{
margin:0;
font-size:13px;
}
.sa-managed-cards p{
font-size:8px;
line-height:1.45;
}
}
/* ACADEMY v0.6.1 MOBILE HERO STACK START */
@media(max-width:900px){
.sa-home-hero{
grid-template-columns:1fr !important;
}
.sa-home-hero-copy{
order:1;
border-radius:16px 16px 0 0 !important;
}
.sa-home-hero figure{
order:2;
width:100%;
margin:0;
border-radius:0 0 16px 16px !important;
}
.sa-home-hero img{
width:100%;
display:block;
}
.sa-home-shortcuts{
position:relative;
clear:both;
}
}
@media(max-width:680px){
.sa-home-hero{
padding:0 15px;
}
.sa-home-hero-copy{
padding:31px 24px;
}
.sa-home-hero-copy h1{
font-size:41px;
}
.sa-home-hero figure,
.sa-home-hero img{
min-height:280px;
}
.sa-home-shortcuts{
padding:14px 15px 0;
grid-template-columns:1fr;
}
}
@media(max-width:440px){
.sa-home-hero-actions{
display:grid;
grid-template-columns:1fr;
}
.sa-home-hero-actions a{
width:100%;
text-align:center;
}
}
/* ACADEMY v0.6.1 MOBILE HERO STACK END */
/* =========================================================
ACADEMY v0.6.2.3 RHYMIX NATIVE MENU DESIGN
- Rhymix native menu stays the single source of truth.
- Desktop: one clean horizontal row.
- Tablet/mobile: hamburger menu, no side overflow.
========================================================= */
.sa-header{
overflow:visible;
}
.sa-header-inner{
width:100%;
max-width:1440px;
min-height:88px;
height:auto;
margin:0 auto;
padding:0 22px;
display:flex;
align-items:center;
gap:20px;
flex-wrap:nowrap;
}
.sa-brand{
min-width:205px;
flex:0 0 auto;
}
.sa-brand-mark{
width:44px;
height:44px;
font-size:20px;
}
.sa-brand-copy strong{
font-size:17px;
white-space:nowrap;
}
.sa-brand-copy small{
font-size:9px;
}
.sa-navigation{
margin-left:auto;
min-width:0;
display:block;
}
.sa-gnb{
list-style:none;
margin:0;
padding:0;
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:nowrap;
gap:clamp(7px, .9vw, 16px);
white-space:nowrap;
}
.sa-gnb li{
flex:0 0 auto;
margin:0;
padding:0;
}
.sa-gnb a,
.sa-allmenu-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
height:auto;
padding:0 3px;
border:0;
background:transparent;
color:#405364;
font-family:inherit;
font-size:clamp(12px, .78vw, 14px);
font-weight:850;
letter-spacing:-.015em;
line-height:1.2;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
}
.sa-gnb a:hover,
.sa-gnb a.is-active,
.sa-allmenu-toggle:hover,
.sa-allmenu-toggle[aria-expanded="true"]{
color:var(--sa-primary);
}
.sa-allmenu-toggle{
border-radius:8px;
}
.sa-mega{
top:100%;
}
.sa-mega-inner{
max-width:1440px;
margin:0 auto;
grid-template-columns:repeat(5,minmax(0,1fr));
}
.sa-mega-depth3{
margin-top:4px;
padding-left:10px;
border-left:2px solid #eef2f5;
}
.sa-mega-depth3 a{
font-size:13px;
color:#687885;
}
/* Mid-size desktop: keep the row compact before switching to mobile. */
@media (max-width:1180px){
.sa-header-inner{
padding:0 16px;
gap:12px;
}
.sa-brand{
min-width:175px;
}
.sa-brand-mark{
width:40px;
height:40px;
font-size:18px;
}
.sa-brand-copy strong{
font-size:15px;
}
.sa-brand-copy small{
display:none;
}
.sa-gnb{
gap:8px;
}
.sa-gnb a,
.sa-allmenu-toggle{
font-size:12px;
padding:0 2px;
}
}
/* Tablet and mobile: restore the proper hamburger navigation. */
@media (max-width:1000px){
.sa-header-inner{
min-height:72px;
flex-wrap:nowrap;
}
.sa-brand{
min-width:0;
}
.sa-menu-toggle{
display:block!important;
flex:0 0 auto;
margin-left:auto;
}
.sa-navigation{
display:none!important;
}
.sa-header.is-open .sa-navigation{
display:block!important;
position:absolute;
left:0;
right:0;
top:100%;
z-index:30;
width:100%;
margin:0;
background:#fff;
border-top:1px solid #edf1f4;
border-bottom:1px solid #dfe6eb;
box-shadow:0 14px 28px rgba(31,50,66,.10);
}
.sa-header.is-open .sa-gnb{
display:block;
max-height:calc(100vh - 110px);
overflow:auto;
padding:8px 18px 14px;
white-space:normal;
}
.sa-header.is-open .sa-gnb li{
display:block;
width:100%;
border-bottom:1px solid #eef2f5;
}
.sa-header.is-open .sa-gnb a,
.sa-header.is-open .sa-allmenu-toggle{
width:100%;
min-height:48px;
justify-content:flex-start;
padding:0 4px;
font-size:15px;
text-align:left;
}
.sa-header.is-open .sa-gnb li:last-child{
border-bottom:0;
}
.sa-mega{
top:100%;
max-height:72vh;
overflow:auto;
}
.sa-mega-inner{
grid-template-columns:1fr 1fr;
padding:16px 18px 24px;
}
.sa-mega section{
min-height:0;
padding:14px 16px;
}
}
@media (max-width:680px){
.sa-header-inner{
min-height:68px;
padding:0 14px;
}
.sa-brand-mark{
width:38px;
height:38px;
}
.sa-brand-copy strong{
font-size:14px;
}
.sa-mega-inner{
grid-template-columns:1fr;
padding:8px 14px 20px;
}
.sa-mega section{
padding:14px 8px;
border-right:0;
border-bottom:1px solid #e8edf1;
}
}
/* END ACADEMY v0.6.2.3 RHYMIX NATIVE MENU DESIGN */
/* =========================================================
ACADEMY v0.7.0 V2 DESIGN FOUNDATION START
Rhymix = source of truth / Summit = design
========================================================= */
:root{
--sa-v2-ink:#142739;
--sa-v2-ink-2:#233b4f;
--sa-v2-muted:#6f8090;
--sa-v2-line:#dde5eb;
--sa-v2-soft:#f4f7fa;
--sa-v2-soft-blue:#edf3ff;
--sa-v2-navy:#102b45;
--sa-v2-blue:#255bc5;
--sa-v2-blue-dark:#17499e;
--sa-v2-white:#ffffff;
--sa-v2-radius:18px;
--sa-v2-shadow:0 18px 46px rgba(17,42,62,.08);
}
html{background:#fff}
body{
color:var(--sa-v2-ink);
background:#fff;
font-family:"Pretendard Variable","Pretendard","SUIT",-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",Arial,sans-serif;
font-size:15px;
line-height:1.65;
letter-spacing:-.015em;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
.sa-main{background:#fff}
.sa-main img{max-width:100%}
.sa-main h1,.sa-main h2,.sa-main h3,.sab h1,.sab h2,.sab h3{
word-break:keep-all;
text-wrap:balance;
}
/* ---------- Header ---------- */
.sa-header{
position:sticky;
top:0;
z-index:9000;
background:rgba(255,255,255,.96);
border-bottom:1px solid rgba(18,43,68,.08);
box-shadow:0 8px 28px rgba(16,43,69,.045);
backdrop-filter:blur(14px);
}
.sa-header-inner{
width:100%;
max-width:1440px;
min-height:78px;
height:auto;
margin:0 auto;
padding:0 28px;
gap:24px;
}
.sa-brand{
min-width:220px;
gap:12px;
}
.sa-brand-mark{
width:42px;
height:42px;
border-radius:13px;
background:linear-gradient(145deg,var(--sa-v2-blue),#3372da);
box-shadow:0 8px 18px rgba(37,91,197,.18);
font-family:Georgia,"Times New Roman",serif;
font-size:21px;
}
.sa-brand-copy strong{
font-family:inherit;
font-size:17px;
font-weight:850;
letter-spacing:-.035em;
color:#172a3b;
}
.sa-brand-copy small{
margin-top:2px;
color:#8494a1;
font-size:9px;
font-weight:600;
letter-spacing:.08em;
}
.sa-navigation{margin-left:auto}
.sa-gnb{
gap:clamp(8px,.85vw,17px);
}
.sa-gnb a,
.sa-allmenu-toggle{
position:relative;
min-height:52px;
padding:0 1px;
color:#465a6b;
font-family:inherit;
font-size:12px;
font-weight:760;
letter-spacing:-.025em;
}
.sa-gnb a:after,
.sa-allmenu-toggle:after{
content:"";
position:absolute;
left:50%;
right:50%;
bottom:5px;
height:2px;
border-radius:2px;
background:var(--sa-v2-blue);
transition:left .18s ease,right .18s ease;
}
.sa-gnb a:hover,
.sa-gnb a.is-active,
.sa-allmenu-toggle:hover,
.sa-allmenu-toggle[aria-expanded="true"]{
color:var(--sa-v2-blue);
}
.sa-gnb a:hover:after,
.sa-gnb a.is-active:after,
.sa-allmenu-toggle:hover:after,
.sa-allmenu-toggle[aria-expanded="true"]:after{
left:0;
right:0;
}
.sa-menu-toggle{
width:44px;
height:44px;
border:1px solid var(--sa-v2-line);
border-radius:12px;
background:#fff;
}
.sa-menu-toggle span{width:20px;background:#1f384d}
.sa-mega{
border-top:1px solid #edf1f4;
border-bottom:1px solid #dce5eb;
background:rgba(255,255,255,.985);
box-shadow:0 24px 50px rgba(16,43,69,.10);
}
.sa-mega-inner{
max-width:1320px;
padding:26px 24px 32px;
gap:0;
}
.sa-mega section{
min-height:0;
padding:6px 24px 18px;
}
.sa-mega h3{
margin:0 0 11px;
color:#1c3447;
font-size:13px;
font-weight:850;
}
.sa-mega a{
padding:7px 0;
color:#6b7d8b;
font-size:12px;
}
.sa-mega-depth3{
margin-top:4px;
border-left:2px solid #e9eef2;
}
/* ---------- Common page hero ---------- */
.sa-page-hero,
.sab-hero{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 85% 12%,rgba(37,91,197,.09),transparent 36%),
linear-gradient(135deg,#f7f9fb 0%,#eef3f8 100%);
color:var(--sa-v2-ink);
border-bottom:1px solid #e3eaf0;
}
.sa-page-hero:after,
.sab-hero:after{
content:"";
position:absolute;
width:260px;
height:260px;
right:7%;
top:-150px;
border:1px solid rgba(37,91,197,.13);
border-radius:50%;
}
.sa-page-hero-inner,
.sab-hero-inner{
position:relative;
z-index:2;
max-width:1180px;
width:min(calc(100% - 40px),1180px);
margin:0 auto;
padding:52px 0 46px;
}
.sa-page-badge,
.sab-hero span{
display:inline-flex;
padding:6px 10px;
border:1px solid #cbd8e7;
border-radius:999px;
background:rgba(255,255,255,.72);
color:var(--sa-v2-blue);
font-size:9px;
font-weight:850;
letter-spacing:.13em;
}
.sa-page-hero h1,
.sab-hero h1{
max-width:900px;
margin:14px 0 10px;
color:var(--sa-v2-ink);
font-family:inherit;
font-size:clamp(34px,4vw,48px);
font-weight:850;
line-height:1.12;
letter-spacing:-.05em;
}
.sa-page-hero p,
.sab-hero p{
max-width:760px;
margin:0;
color:#687c8d;
font-size:14px;
line-height:1.75;
}
/* ---------- Standard page body ---------- */
.sa-page-body{
max-width:1180px;
padding:64px 20px 88px;
}
.sa-page-lead{
grid-template-columns:180px minmax(0,1fr);
gap:34px;
margin-bottom:40px;
}
.sa-page-lead small,
.sa-section-head small,
.sa-related-head small{
color:var(--sa-v2-blue);
font-size:10px;
font-weight:850;
letter-spacing:.11em;
}
.sa-page-lead h2,
.sa-section-head h2,
.sa-related-head h3,
.sa-cta h2,
.sa-card h3{
font-family:inherit;
color:var(--sa-v2-ink);
letter-spacing:-.045em;
}
.sa-page-lead h2{
font-size:clamp(30px,3.2vw,42px);
font-weight:820;
line-height:1.18;
}
.sa-page-lead p{
color:var(--sa-v2-muted);
font-size:15px;
line-height:1.9;
}
.sa-photo-panel{
gap:18px;
margin-bottom:46px;
}
.sa-photo-placeholder,
.sa-photo-panel img{
border-radius:20px;
}
.sa-card-grid{gap:18px}
.sa-card{
min-height:210px;
padding:28px;
border:1px solid #e0e7ec;
border-radius:18px;
background:#fff;
box-shadow:0 10px 30px rgba(18,43,64,.035);
}
.sa-card:hover{
transform:translateY(-2px);
box-shadow:var(--sa-v2-shadow);
}
.sa-card h3{
margin:20px 0 9px;
font-size:22px;
font-weight:800;
}
.sa-card p{
color:#71818e;
font-size:13px;
}
.sa-process{
overflow:hidden;
border:1px solid #dce5eb;
border-radius:18px;
background:#fff;
}
.sa-process article{min-height:160px;padding:27px}
.sa-related{
margin-top:52px;
padding-top:28px;
border-top:1px solid #cfdbe5;
}
.sa-related-head{
grid-template-columns:180px minmax(0,1fr);
}
.sa-related-head h3{
font-size:26px;
font-weight:800;
}
.sa-related-links{gap:12px}
.sa-related-links a{
padding:22px;
border:1px solid #e0e7ec;
border-radius:14px;
background:#f8fafc;
}
.sa-related-links a:hover{
border-color:#c7d7e8;
background:#f2f6fa;
}
/* ---------- Simple pages ---------- */
.sa-simple-page{
max-width:1180px;
padding:42px 20px 80px;
}
.sa-simple-page-hero{
position:relative;
overflow:hidden;
padding:42px 44px;
border:1px solid #dde6ee;
border-radius:22px;
background:
radial-gradient(circle at 88% 18%,rgba(37,91,197,.11),transparent 30%),
#f5f8fb;
}
.sa-simple-page-hero small{
color:var(--sa-v2-blue);
font-size:10px;
}
.sa-simple-page-hero h1{
margin:11px 0 10px;
color:var(--sa-v2-ink);
font-family:inherit;
font-size:clamp(30px,3.5vw,44px);
font-weight:850;
letter-spacing:-.05em;
}
.sa-simple-page-hero p{
color:#687b8b;
font-size:14px;
}
.sa-simple-page-body{
padding:42px 8px 24px;
}
.sa-simple-page-body h2{
color:var(--sa-v2-ink);
font-family:inherit;
font-size:26px;
font-weight:800;
letter-spacing:-.04em;
}
.sa-simple-page-body p{
color:#6f8090;
font-size:14px;
line-height:1.9;
}
/* ---------- HOME foundation ---------- */
.sa-home-hero{
max-width:1240px;
margin-top:28px;
padding:0 20px;
grid-template-columns:.82fr 1.18fr;
filter:drop-shadow(0 20px 46px rgba(18,43,64,.08));
}
.sa-home-hero-copy{
padding:46px 42px;
border-radius:24px 0 0 24px;
background:linear-gradient(145deg,#102c47 0%,#153a5c 100%);
}
.sa-home-hero-copy>small{
color:#8fb7ff;
font-size:10px;
letter-spacing:.13em;
}
.sa-home-hero-copy h1{
margin:15px 0 14px;
color:#fff;
font-family:inherit;
font-size:clamp(38px,4.2vw,58px);
font-weight:860;
line-height:1.08;
letter-spacing:-.055em;
}
.sa-home-hero-copy p{
color:#d4e0e9;
font-size:14px;
line-height:1.8;
}
.sa-home-hero-actions a{
min-height:44px;
display:inline-flex;
align-items:center;
padding:0 17px;
border-radius:11px;
background:#fff;
color:#173f66;
font-size:11px;
font-weight:850;
}
.sa-home-hero-actions a+a{
border:1px solid rgba(255,255,255,.28);
background:rgba(255,255,255,.08);
color:#fff;
}
.sa-home-hero figure{
min-height:390px;
border-radius:0 24px 24px 0;
background:#e9eef3;
}
.sa-home-hero img{min-height:390px}
.sa-home-now,
.sa-home-board-wrap,
.sa-home-about,
.sa-home-program,
.sa-home-list-section,
.sa-home-news,
.sa-home-gallery{
max-width:1200px;
}
.sa-home-now-grid{
gap:10px;
border:0;
background:transparent;
box-shadow:none;
}
.sa-home-now-grid>a{
min-height:88px;
border:1px solid #e1e8ed !important;
border-radius:14px;
background:#fff;
box-shadow:0 8px 24px rgba(18,43,64,.035);
}
.sa-home-now-grid>a:hover{
border-color:#cbd9e6!important;
box-shadow:0 14px 32px rgba(18,43,64,.07);
}
.sa-home-section-title h2{
color:var(--sa-v2-ink);
font-family:inherit;
font-size:22px;
font-weight:820;
letter-spacing:-.04em;
}
.sa-home-about-copy,
.sa-home-program-grid>a,
.sa-home-news-grid>a{
border-radius:16px;
}
.sa-home-about-copy{
border-color:#e0e7ec;
box-shadow:0 8px 24px rgba(18,43,64,.035);
}
.sa-home-about-copy p,
.sa-home-program-grid p,
.sa-home-news-grid p{
font-size:12px;
line-height:1.8;
}
.sa-home-program-photo,
.sa-home-about figure,
.sa-home-gallery a{
border-radius:16px;
overflow:hidden;
}
.sa-home-consult,
.sa-home-portal{
border-radius:22px;
}
/* ---------- Board consistency ---------- */
.sab-hero-inner{
padding:48px 0 42px;
}
.sab-wrap{
width:min(calc(100% - 40px),1120px);
padding:40px 0 76px;
}
.sab-count strong{
color:var(--sa-v2-ink);
font-family:inherit;
font-size:22px;
font-weight:820;
letter-spacing:-.04em;
}
.sab-board-row,
.sab-news-card,
.sab-gallery-card{
border-color:#e0e7ec;
}
.sab-board-row{min-height:78px}
.sab-board-copy strong,
.sab-news-body strong,
.sab-gallery-body strong{
color:var(--sa-v2-ink);
font-family:inherit;
}
.sab-read{
width:min(calc(100% - 40px),900px);
padding:52px 0 80px;
}
.sab-read-top h1{
margin-top:13px;
color:var(--sa-v2-ink);
font-family:inherit;
font-size:clamp(30px,3.5vw,42px);
font-weight:840;
letter-spacing:-.05em;
}
.sab-read-body{
color:#405565;
font-size:15px;
line-height:1.95;
}
/* ---------- CTA / Footer ---------- */
.sa-cta{
padding:58px 20px;
background:linear-gradient(135deg,#1b57bd,#10324f);
}
.sa-cta h2{
color:#fff;
font-size:34px;
font-weight:830;
}
.sa-cta p{
color:#d9e5ee;
font-size:14px;
}
.sa-cta a{
min-height:44px;
padding:0 18px;
display:inline-flex;
align-items:center;
border-radius:10px;
font-size:11px;
}
.sa-footer{
background:#0b2033;
color:#fff;
border-top:1px solid rgba(255,255,255,.05);
}
.sa-footer-inner{
max-width:1200px;
padding:48px 20px 44px;
gap:34px;
}
.sa-footer strong{
font-family:inherit;
font-size:18px;
font-weight:800;
letter-spacing:-.03em;
}
.sa-footer p,
.sa-footer span,
.sa-footer a{
color:#9dafbc;
font-size:11px;
line-height:1.8;
}
.sa-footer a:hover{color:#fff}
/* ---------- Focus / motion ---------- */
.sa-main a,
.sa-header a,
.sa-header button,
.sab a,
.sab button{
transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.sa-main a:focus-visible,
.sa-header a:focus-visible,
.sa-header button:focus-visible,
.sab a:focus-visible,
.sab button:focus-visible{
outline:3px solid rgba(37,91,197,.25);
outline-offset:3px;
}
/* ---------- Tablet ---------- */
@media(max-width:1180px){
.sa-header-inner{padding:0 18px;gap:16px}
.sa-brand{min-width:196px}
.sa-brand-copy strong{font-size:16px}
.sa-gnb{gap:9px}
.sa-gnb a,.sa-allmenu-toggle{font-size:11px}
}
@media(max-width:980px){
.sa-header-inner{min-height:72px}
.sa-header.is-open .sa-navigation{
top:72px;
padding:8px 18px 18px;
background:#fff;
}
.sa-header.is-open .sa-gnb{
padding:0;
}
.sa-header.is-open .sa-gnb li{
border-bottom:1px solid #edf1f4;
}
.sa-header.is-open .sa-gnb a,
.sa-header.is-open .sa-allmenu-toggle{
min-height:50px;
padding:0 3px;
font-size:14px;
}
.sa-header.is-open .sa-gnb a:after,
.sa-header.is-open .sa-allmenu-toggle:after{
display:none;
}
.sa-mega-inner{
grid-template-columns:1fr 1fr;
padding:14px 18px 22px;
}
.sa-page-lead,
.sa-related-head{
grid-template-columns:1fr;
gap:12px;
}
.sa-home-hero{
grid-template-columns:1fr;
}
.sa-home-hero-copy{
border-radius:22px 22px 0 0;
}
.sa-home-hero figure{
border-radius:0 0 22px 22px;
}
}
/* ---------- Mobile ---------- */
@media(max-width:680px){
body{font-size:14px}
.sa-header-inner{
min-height:66px;
padding:0 14px;
}
.sa-brand{
min-width:0;
gap:9px;
}
.sa-brand-mark{
width:38px;
height:38px;
border-radius:11px;
font-size:19px;
}
.sa-brand-copy strong{font-size:14px}
.sa-brand-copy small{display:none}
.sa-menu-toggle{
width:40px;
height:40px;
}
.sa-header.is-open .sa-navigation{top:66px;padding:6px 14px 16px}
.sa-mega-inner{
grid-template-columns:1fr;
padding:8px 14px 18px;
}
.sa-mega section{
padding:13px 8px;
}
.sa-page-hero-inner,
.sab-hero-inner{
width:calc(100% - 30px);
padding:38px 0 34px;
}
.sa-page-hero h1,
.sab-hero h1{
margin-top:12px;
font-size:32px;
}
.sa-page-hero p,
.sab-hero p{
font-size:13px;
}
.sa-page-body{padding:46px 15px 64px}
.sa-page-lead{margin-bottom:32px}
.sa-page-lead h2{font-size:29px}
.sa-card{padding:22px;border-radius:15px}
.sa-card h3{font-size:20px}
.sa-related{margin-top:40px}
.sa-related-links{grid-template-columns:1fr}
.sa-simple-page{
padding:24px 15px 58px;
}
.sa-simple-page-hero{
padding:30px 23px;
border-radius:18px;
}
.sa-simple-page-hero h1{font-size:30px}
.sa-simple-page-body{padding:30px 4px 14px}
.sa-home-hero{
margin-top:14px;
padding:0 15px;
filter:none;
}
.sa-home-hero-copy{
padding:30px 23px;
}
.sa-home-hero-copy h1{
font-size:34px;
}
.sa-home-hero-copy p{
font-size:13px;
}
.sa-home-hero figure,
.sa-home-hero img{
min-height:260px;
}
.sa-home-now,
.sa-home-board-wrap,
.sa-home-about,
.sa-home-program,
.sa-home-list-section,
.sa-home-news,
.sa-home-gallery{
padding-left:15px;
padding-right:15px;
}
.sa-home-now-grid{grid-template-columns:1fr 1fr}
.sa-home-now-grid>a{min-height:92px}
.sa-home-consult,
.sa-home-portal{
margin-left:15px;
margin-right:15px;
border-radius:18px;
}
.sab-wrap{
width:calc(100% - 30px);
padding:30px 0 60px;
}
.sab-read{
width:calc(100% - 30px);
padding:38px 0 62px;
}
.sab-read-top h1{font-size:29px}
.sa-cta{padding:46px 18px}
.sa-cta h2{font-size:28px}
.sa-footer-inner{
grid-template-columns:1fr;
padding:38px 18px;
gap:20px;
}
.sa-footer-right{text-align:left}
}
@media(max-width:430px){
.sa-home-now-grid{grid-template-columns:1fr}
}
/* ACADEMY v0.7.0 V2 DESIGN FOUNDATION END */
/* =========================================================
ACADEMY v0.7.1 HOME V2 COMPOSITION START
- Layout/design only. Rhymix content/boards remain the source.
========================================================= */
body .sa-home-hero,
body .sa-home-now,
body .sa-home-shortcuts,
body .sa-home-board-wrap,
body .sa-home-about,
body .sa-home-program,
body .sa-home-list-section,
body .sa-home-news,
body .sa-home-gallery{
width:min(calc(100% - 48px),1240px);
max-width:1240px;
margin-left:auto;
margin-right:auto;
padding-left:0;
padding-right:0;
}
/* HERO — stronger visual hierarchy */
body .sa-home-hero{
margin-top:34px;
display:grid;
grid-template-columns:44% 56%;
min-height:500px;
border-radius:26px;
overflow:hidden;
background:#eef3f8;
box-shadow:0 26px 70px rgba(16,43,69,.12);
}
body .sa-home-hero-copy{
min-height:500px;
padding:58px 52px;
border-radius:0;
background:
radial-gradient(circle at 12% 0%,rgba(74,133,240,.22),transparent 35%),
linear-gradient(145deg,#0e2b47,#173f64);
}
body .sa-home-hero-copy>small{
color:#9fc3ff;
font-size:11px;
letter-spacing:.13em;
}
body .sa-home-hero-copy h1{
max-width:470px;
margin:18px 0 18px;
color:#fff;
font-family:inherit;
font-size:clamp(44px,4.5vw,66px);
font-weight:870;
line-height:1.04;
letter-spacing:-.06em;
}
body .sa-home-hero-copy p{
max-width:440px;
color:#d7e3ed;
font-size:15px;
line-height:1.82;
}
body .sa-home-hero-actions{
margin-top:30px;
gap:10px;
}
body .sa-home-hero-actions a{
min-height:46px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 19px;
border-radius:11px;
background:#fff;
color:#173e61;
font-size:12px;
font-weight:850;
}
body .sa-home-hero-actions a+a{
border:1px solid rgba(255,255,255,.32);
background:rgba(255,255,255,.09);
color:#fff;
}
body .sa-home-hero figure{
min-height:500px;
border-radius:0;
background:#dfe7ed;
}
body .sa-home-hero img{
min-height:500px;
width:100%;
height:100%;
object-fit:cover;
}
body .sa-home-hero figcaption{
left:20px;
bottom:18px;
padding:7px 10px;
border-radius:7px;
background:rgba(13,38,58,.72);
font-size:9px;
}
/* QUICK ACCESS — one clean row */
body .sa-home-now,
body .sa-home-shortcuts{
margin-top:22px;
}
body .sa-home-now-label{
margin:0 0 12px;
gap:10px;
}
body .sa-home-now-label small{
font-size:10px;
letter-spacing:.12em;
}
body .sa-home-now-label strong{
color:#21394c;
font-size:16px;
font-weight:800;
}
body .sa-home-now-grid,
body .sa-home-shortcuts{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
border:0;
border-radius:0;
overflow:visible;
background:transparent;
box-shadow:none;
}
body .sa-home-now-grid>a,
body .sa-home-shortcuts>a{
min-height:118px;
padding:22px 20px;
display:grid;
grid-template-columns:36px minmax(0,1fr) auto;
gap:12px;
align-items:center;
border:1px solid #dfe7ed !important;
border-radius:16px !important;
background:#fff;
box-shadow:0 9px 25px rgba(18,43,64,.045);
}
body .sa-home-now-grid>a:hover,
body .sa-home-shortcuts>a:hover{
transform:translateY(-3px);
border-color:#bcd0e3 !important;
box-shadow:0 18px 38px rgba(18,43,64,.09);
}
body .sa-home-now-grid>a>span,
body .sa-home-shortcuts>a>span{
color:#255bc5;
font-size:12px;
font-weight:900;
}
body .sa-home-now-grid strong,
body .sa-home-shortcuts strong{
color:#1a3448;
font-size:15px;
font-weight:820;
}
body .sa-home-now-grid small,
body .sa-home-shortcuts small{
margin-top:5px;
color:#788895;
font-size:11px;
line-height:1.55;
}
body .sa-home-now-grid b,
body .sa-home-shortcuts b{
color:#255bc5;
font-size:16px;
}
/* NEWS / NOTICE — readable cards, not a dark data table */
body .sa-home-board-wrap{
margin-top:34px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
body .sa-home-board-panel{
overflow:hidden;
border:1px solid #dce5eb !important;
border-radius:18px !important;
background:#fff;
color:#193247;
box-shadow:0 12px 30px rgba(18,43,64,.055);
}
body .sa-home-board-panel:first-child,
body .sa-home-board-panel:last-child{
border:1px solid #dce5eb !important;
border-radius:18px !important;
}
body .sa-home-board-head{
min-height:62px;
padding:0 21px;
border-bottom:1px solid rgba(255,255,255,.12);
background:linear-gradient(135deg,#102d49,#173f63);
}
body .sa-home-board-head h2{
color:#fff;
font-size:18px;
font-weight:820;
}
body .sa-home-board-head a{
width:34px;
height:34px;
border-radius:9px;
background:rgba(255,255,255,.09);
color:#fff;
font-size:20px;
}
body .sa-home-board-list{
padding:8px 20px 12px;
background:#fff;
}
body .sa-home-board-list>a{
min-height:52px;
grid-template-columns:86px minmax(0,1fr) auto;
gap:12px;
border-bottom:1px solid #edf1f4;
color:#20384b;
}
body .sa-home-board-list time{
color:#8796a2;
font-size:10px;
}
body .sa-home-board-list strong{
color:#20384b;
font-size:13px;
font-weight:720;
}
body .sa-home-board-list em{
height:21px;
padding:0 8px;
background:#e9f1ff;
color:#255bc5;
font-size:8px;
}
body .sa-home-board-list>a:hover strong{
color:#255bc5;
}
/* Shared section spacing/headings */
body .sa-home-about,
body .sa-home-program,
body .sa-home-list-section,
body .sa-home-news,
body .sa-home-gallery{
margin-top:82px;
}
body .sa-home-section-title{
min-height:54px;
margin-bottom:24px;
padding-bottom:14px;
align-items:flex-end;
border-bottom:1px solid #dce5eb;
}
body .sa-home-section-title small{
color:#255bc5;
font-size:10px;
letter-spacing:.13em;
}
body .sa-home-section-title h2{
margin-top:6px;
color:#142d41;
font-family:inherit;
font-size:30px;
font-weight:840;
line-height:1.2;
letter-spacing:-.045em;
}
body .sa-home-section-title>a{
color:#567084;
font-size:11px;
font-weight:820;
}
/* ABOUT — editorial split block */
body .sa-home-about{
display:grid;
grid-template-columns:.92fr 1.08fr;
gap:22px;
align-items:stretch;
}
body .sa-home-about>.sa-home-section-title{
grid-column:1/-1;
}
body .sa-home-about-copy{
display:flex;
flex-direction:column;
justify-content:center;
min-height:360px;
padding:42px 42px;
border:1px solid #dce5eb;
border-radius:20px;
background:linear-gradient(145deg,#f8fafc,#f1f5f9);
box-shadow:none;
}
body .sa-home-about-copy h2,
body .sa-home-about-copy h3{
color:#142d41;
font-family:inherit;
font-size:31px;
font-weight:830;
line-height:1.18;
}
body .sa-home-about-copy p{
color:#687b8a;
font-size:14px;
line-height:1.85;
}
body .sa-home-text-link{
margin-top:24px;
color:#255bc5;
font-size:12px;
font-weight:850;
}
body .sa-home-about figure,
body .sa-home-about figure img{
min-height:360px;
height:100%;
border-radius:20px;
}
body .sa-home-about figure{
overflow:hidden;
margin:0;
}
body .sa-home-about figure img{
width:100%;
object-fit:cover;
}
/* PROGRAM — large visual + three aligned cards */
body .sa-home-program-photo{
height:380px;
margin:0 0 18px;
border-radius:20px;
overflow:hidden;
}
body .sa-home-program-photo img{
width:100%;
height:100%;
object-fit:cover;
}
body .sa-home-program-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:16px !important;
align-items:stretch !important;
}
body .sa-home-program-grid>a{
min-width:0 !important;
min-height:230px !important;
height:auto !important;
margin:0 !important;
padding:28px 26px !important;
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
border:1px solid #dfe7ed !important;
border-radius:18px !important;
background:#fff !important;
box-shadow:0 10px 28px rgba(18,43,64,.04);
}
body .sa-home-program-grid>a:hover{
transform:translateY(-3px);
border-color:#c3d3e1 !important;
box-shadow:0 18px 38px rgba(18,43,64,.085);
}
body .sa-home-program-grid small{
color:#255bc5;
font-size:10px;
font-weight:900;
}
body .sa-home-program-grid h3{
margin:15px 0 10px;
color:#183348;
font-family:inherit;
font-size:22px;
font-weight:820;
letter-spacing:-.04em;
}
body .sa-home-program-grid p{
margin:0;
color:#758591;
font-size:13px;
line-height:1.75;
}
body .sa-home-program-grid b{
margin-top:auto;
padding-top:20px;
color:#255bc5;
font-size:11px;
}
/* NEWS/general cards — remove staggered empty-space effect */
body .sa-home-news-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:16px !important;
align-items:stretch;
}
body .sa-home-news-grid>a{
min-width:0 !important;
min-height:200px !important;
height:auto !important;
margin:0 !important;
padding:26px 24px !important;
border:1px solid #dfe7ed !important;
border-radius:18px !important;
background:#fff !important;
}
body .sa-home-news-grid h3{
color:#183348;
font-family:inherit;
font-size:20px;
font-weight:820;
}
body .sa-home-news-grid p{
color:#758591;
font-size:13px;
line-height:1.75;
}
/* GALLERY — consistent 3-up photography */
body .sa-home-gallery{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}
body .sa-home-gallery>.sa-home-section-title{
grid-column:1/-1;
}
body .sa-home-gallery figure,
body .sa-home-gallery>a{
overflow:hidden;
min-width:0;
margin:0;
border-radius:18px;
background:#edf2f5;
}
body .sa-home-gallery img{
width:100%;
height:270px;
object-fit:cover;
display:block;
}
body .sa-home-gallery figcaption{
left:14px;
bottom:13px;
padding:7px 10px;
border-radius:8px;
background:rgba(13,38,58,.76);
font-size:10px;
}
/* PORTAL — premium dark band */
body .sa-home-portal{
width:min(calc(100% - 48px),1240px);
max-width:1240px;
margin:82px auto 0;
padding:46px 48px;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
gap:44px;
align-items:center;
border-radius:22px;
background:
radial-gradient(circle at 92% 0%,rgba(79,139,255,.18),transparent 33%),
linear-gradient(135deg,#102c47,#153b5e);
color:#fff;
box-shadow:0 22px 55px rgba(15,42,63,.14);
}
body .sa-home-portal small{
color:#9fc3ff;
font-size:10px;
}
body .sa-home-portal h2{
margin:12px 0 10px;
color:#fff;
font-family:inherit;
font-size:32px;
font-weight:840;
letter-spacing:-.045em;
}
body .sa-home-portal p{
color:#ccdbe6;
font-size:13px;
line-height:1.78;
}
body .sa-home-portal-links{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
body .sa-home-portal-links a{
min-height:46px;
display:flex;
align-items:center;
justify-content:center;
padding:0 12px;
border:1px solid rgba(255,255,255,.16);
border-radius:10px;
background:#fff;
color:#25455e;
font-size:11px;
font-weight:850;
}
/* CONSULTATION — image-led final CTA */
body .sa-home-consult{
width:min(calc(100% - 48px),1240px);
max-width:1240px;
margin:28px auto 86px;
padding:22px;
display:grid;
grid-template-columns:.9fr 1.1fr .9fr;
gap:24px;
align-items:center;
border:1px solid #dce5eb;
border-radius:22px;
background:#f2f6fa;
color:#183348;
}
body .sa-home-consult>div:first-child{
padding:20px 16px 20px 20px;
}
body .sa-home-consult small{
color:#255bc5;
font-size:10px;
}
body .sa-home-consult h2{
margin:12px 0 10px;
color:#183348;
font-family:inherit;
font-size:28px;
font-weight:840;
letter-spacing:-.045em;
}
body .sa-home-consult p{
color:#6f8090;
font-size:13px;
line-height:1.8;
}
body .sa-home-consult-photo{
min-height:235px;
overflow:hidden;
margin:0;
border-radius:16px;
}
body .sa-home-consult-photo img{
width:100%;
height:235px;
min-height:235px;
object-fit:cover;
}
body .sa-home-consult-links{
display:grid;
gap:9px;
padding-right:8px;
}
body .sa-home-consult-links a{
min-height:46px;
display:flex;
align-items:center;
padding:0 15px;
border:1px solid #d8e3eb;
border-radius:11px;
background:#fff;
color:#29475e;
font-size:11px;
font-weight:850;
}
/* remove accidental vertical voids created by earlier HOME patches */
body .sa-home-program-grid>*,
body .sa-home-news-grid>*{
align-self:stretch !important;
}
body .sa-home-program-grid:after,
body .sa-home-news-grid:after{
display:none !important;
}
/* TABLET */
@media(max-width:980px){
body .sa-home-hero{
grid-template-columns:1fr;
min-height:0;
}
body .sa-home-hero-copy{
min-height:0;
padding:44px 38px;
}
body .sa-home-hero figure,
body .sa-home-hero img{
min-height:380px;
}
body .sa-home-now-grid,
body .sa-home-shortcuts{
grid-template-columns:repeat(2,minmax(0,1fr));
}
body .sa-home-board-wrap{
grid-template-columns:1fr;
}
body .sa-home-about{
grid-template-columns:1fr;
}
body .sa-home-program-grid,
body .sa-home-news-grid{
grid-template-columns:1fr 1fr !important;
}
body .sa-home-gallery{
grid-template-columns:1fr 1fr;
}
body .sa-home-portal{
grid-template-columns:1fr;
}
body .sa-home-consult{
grid-template-columns:1fr 1fr;
}
body .sa-home-consult-links{
grid-column:1/-1;
grid-template-columns:repeat(3,minmax(0,1fr));
padding:0;
}
}
/* MOBILE */
@media(max-width:680px){
body .sa-home-hero,
body .sa-home-now,
body .sa-home-shortcuts,
body .sa-home-board-wrap,
body .sa-home-about,
body .sa-home-program,
body .sa-home-list-section,
body .sa-home-news,
body .sa-home-gallery,
body .sa-home-portal,
body .sa-home-consult{
width:calc(100% - 30px);
}
body .sa-home-hero{
margin-top:15px;
border-radius:20px;
}
body .sa-home-hero-copy{
padding:32px 24px 34px;
}
body .sa-home-hero-copy h1{
font-size:36px;
}
body .sa-home-hero-copy p{
font-size:13px;
}
body .sa-home-hero figure,
body .sa-home-hero img{
min-height:280px;
}
body .sa-home-now-grid,
body .sa-home-shortcuts{
grid-template-columns:1fr;
}
body .sa-home-now-grid>a,
body .sa-home-shortcuts>a{
min-height:96px;
padding:18px 17px;
}
body .sa-home-board-list>a{
grid-template-columns:68px minmax(0,1fr) auto;
gap:8px;
}
body .sa-home-about,
body .sa-home-program,
body .sa-home-list-section,
body .sa-home-news,
body .sa-home-gallery{
margin-top:58px;
}
body .sa-home-section-title h2{
font-size:25px;
}
body .sa-home-about-copy{
min-height:0;
padding:30px 24px;
}
body .sa-home-about figure,
body .sa-home-about figure img{
min-height:260px;
}
body .sa-home-program-photo{
height:245px;
}
body .sa-home-program-grid,
body .sa-home-news-grid,
body .sa-home-gallery{
grid-template-columns:1fr !important;
}
body .sa-home-program-grid>a,
body .sa-home-news-grid>a{
min-height:0 !important;
}
body .sa-home-gallery img{
height:245px;
}
body .sa-home-portal{
margin-top:58px;
padding:32px 24px;
border-radius:18px;
}
body .sa-home-portal h2{
font-size:27px;
}
body .sa-home-portal-links{
grid-template-columns:1fr;
}
body .sa-home-consult{
margin-top:18px;
margin-bottom:60px;
padding:16px;
grid-template-columns:1fr;
border-radius:18px;
}
body .sa-home-consult>div:first-child{
padding:12px 8px 4px;
}
body .sa-home-consult-photo,
body .sa-home-consult-photo img{
min-height:220px;
height:220px;
}
body .sa-home-consult-links{
grid-column:auto;
grid-template-columns:1fr;
padding:0;
}
}
/* ACADEMY v0.7.1 HOME V2 COMPOSITION END */
/* =========================================================
ACADEMY v0.7.2 QUICK 4 + MOBILE DENSITY START
- Keep exactly 4 quick actions
- Reduce mobile dead space
========================================================= */
/* QUICK ACCESS: keep 4 */
body .sa-home-now-grid,
body .sa-home-shortcuts{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:12px !important;
}
body .sa-home-now-grid>a:nth-child(n+5),
body .sa-home-shortcuts>a:nth-child(n+5){
display:none !important;
}
body .sa-home-now-grid>a,
body .sa-home-shortcuts>a{
min-height:92px !important;
padding:17px 16px !important;
border-radius:14px !important;
box-shadow:none !important;
}
body .sa-home-now-grid>a:hover,
body .sa-home-shortcuts>a:hover{
transform:none !important;
box-shadow:0 10px 24px rgba(18,43,64,.06) !important;
}
body .sa-home-now-grid>a>span,
body .sa-home-shortcuts>a>span{
font-size:10px !important;
}
body .sa-home-now-grid strong,
body .sa-home-shortcuts strong{
font-size:14px !important;
}
body .sa-home-now-grid small,
body .sa-home-shortcuts small{
font-size:10px !important;
line-height:1.45 !important;
}
/* tighter vertical rhythm */
body .sa-home-about,
body .sa-home-program,
body .sa-home-list-section,
body .sa-home-news,
body .sa-home-gallery{
margin-top:58px !important;
}
body .sa-home-portal{
margin-top:58px !important;
}
body .sa-home-consult{
margin-top:20px !important;
margin-bottom:62px !important;
}
body .sa-home-section-title{
margin-bottom:16px !important;
}
/* Tablet: 2 x 2 */
@media(max-width:980px){
body .sa-home-now-grid,
body .sa-home-shortcuts{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
/* MOBILE: compact 2 x 2 quick menu, less dead space */
@media(max-width:680px){
body .sa-home-hero{
margin-top:10px !important;
border-radius:16px !important;
}
body .sa-home-hero-copy{
padding:25px 20px 27px !important;
}
body .sa-home-hero-copy h1{
margin:12px 0 !important;
font-size:31px !important;
line-height:1.08 !important;
}
body .sa-home-hero-copy p{
font-size:12px !important;
line-height:1.65 !important;
}
body .sa-home-hero-actions{
margin-top:18px !important;
}
body .sa-home-hero-actions a{
min-height:39px !important;
padding:0 13px !important;
font-size:10px !important;
}
body .sa-home-hero figure,
body .sa-home-hero img{
min-height:210px !important;
height:210px !important;
}
body .sa-home-now,
body .sa-home-shortcuts{
margin-top:14px !important;
}
body .sa-home-now-label{
margin-bottom:8px !important;
}
body .sa-home-now-grid,
body .sa-home-shortcuts{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:8px !important;
}
body .sa-home-now-grid>a,
body .sa-home-shortcuts>a{
min-height:84px !important;
padding:13px 12px !important;
grid-template-columns:24px minmax(0,1fr) !important;
grid-template-rows:auto auto !important;
gap:5px 8px !important;
border-radius:12px !important;
}
body .sa-home-now-grid>a>span,
body .sa-home-shortcuts>a>span{
grid-row:1 / span 2;
align-self:start;
padding-top:2px;
}
body .sa-home-now-grid strong,
body .sa-home-shortcuts strong{
font-size:12px !important;
line-height:1.35 !important;
}
body .sa-home-now-grid small,
body .sa-home-shortcuts small{
margin-top:0 !important;
font-size:9px !important;
line-height:1.35 !important;
}
body .sa-home-now-grid b,
body .sa-home-shortcuts b{
display:none !important;
}
body .sa-home-board-wrap{
margin-top:20px !important;
gap:9px !important;
}
body .sa-home-board-panel{
border-radius:14px !important;
}
body .sa-home-board-head{
min-height:48px !important;
padding:0 14px !important;
}
body .sa-home-board-head h2{
font-size:15px !important;
}
body .sa-home-board-list{
padding:3px 12px 6px !important;
}
body .sa-home-board-list>a{
min-height:42px !important;
grid-template-columns:60px minmax(0,1fr) auto !important;
gap:7px !important;
}
body .sa-home-board-list strong{
font-size:11px !important;
}
body .sa-home-board-list time{
font-size:8px !important;
}
body .sa-home-about,
body .sa-home-program,
body .sa-home-list-section,
body .sa-home-news,
body .sa-home-gallery{
margin-top:40px !important;
}
body .sa-home-section-title{
min-height:0 !important;
margin-bottom:12px !important;
padding-bottom:9px !important;
}
body .sa-home-section-title h2{
margin-top:4px !important;
font-size:22px !important;
}
body .sa-home-about{
gap:9px !important;
}
body .sa-home-about-copy{
min-height:0 !important;
padding:21px 18px !important;
border-radius:14px !important;
}
body .sa-home-about-copy h2,
body .sa-home-about-copy h3{
font-size:23px !important;
}
body .sa-home-about-copy p{
font-size:11px !important;
line-height:1.65 !important;
}
body .sa-home-about figure,
body .sa-home-about figure img{
min-height:185px !important;
height:185px !important;
border-radius:14px !important;
}
body .sa-home-program-photo{
height:190px !important;
margin-bottom:9px !important;
border-radius:14px !important;
}
body .sa-home-program-grid{
gap:8px !important;
}
body .sa-home-program-grid>a{
min-height:0 !important;
padding:17px 16px !important;
border-radius:13px !important;
}
body .sa-home-program-grid h3{
margin:8px 0 5px !important;
font-size:18px !important;
}
body .sa-home-program-grid p{
font-size:11px !important;
line-height:1.55 !important;
}
body .sa-home-program-grid b{
padding-top:10px !important;
}
body .sa-home-gallery{
gap:8px !important;
}
body .sa-home-gallery>a,
body .sa-home-gallery figure{
border-radius:13px !important;
}
body .sa-home-gallery img{
height:185px !important;
}
body .sa-home-portal{
margin-top:40px !important;
padding:22px 18px !important;
gap:16px !important;
border-radius:15px !important;
}
body .sa-home-portal h2{
margin:8px 0 6px !important;
font-size:22px !important;
}
body .sa-home-portal p{
font-size:11px !important;
line-height:1.6 !important;
}
body .sa-home-portal-links{
gap:6px !important;
}
body .sa-home-portal-links a{
min-height:38px !important;
font-size:10px !important;
}
body .sa-home-consult{
margin-top:12px !important;
margin-bottom:40px !important;
padding:12px !important;
gap:10px !important;
border-radius:15px !important;
}
body .sa-home-consult>div:first-child{
padding:7px 5px 0 !important;
}
body .sa-home-consult h2{
margin:7px 0 5px !important;
font-size:21px !important;
}
body .sa-home-consult p{
font-size:11px !important;
line-height:1.6 !important;
}
body .sa-home-consult-photo,
body .sa-home-consult-photo img{
min-height:175px !important;
height:175px !important;
border-radius:12px !important;
}
body .sa-home-consult-links{
gap:6px !important;
}
body .sa-home-consult-links a{
min-height:38px !important;
font-size:10px !important;
}
}
/* ACADEMY v0.7.2 QUICK 4 + MOBILE DENSITY END */
/* =========================================================
ACADEMY v0.7.4a MOBILE QUALITY + READABILITY START
- width-based responsive design
- 4 quick actions in 2x2
- larger mobile small text
========================================================= */
@media (max-width:680px){
body{
font-size:15px !important;
line-height:1.65 !important;
}
/* Header */
body .sa-header-inner{
min-height:64px !important;
padding:0 16px !important;
}
body .sa-brand-mark{
width:44px !important;
height:44px !important;
border-radius:13px !important;
font-size:21px !important;
}
body .sa-brand-copy strong{
font-size:17px !important;
}
body .sa-menu-toggle{
width:44px !important;
height:44px !important;
border-radius:13px !important;
}
/* Hero */
body .sa-home-hero{
width:calc(100% - 28px) !important;
margin:14px auto 0 !important;
border-radius:20px !important;
overflow:hidden !important;
}
body .sa-home-hero-copy{
padding:28px 22px 26px !important;
}
body .sa-home-hero-copy>small{
font-size:11px !important;
font-weight:850 !important;
}
body .sa-home-hero-copy h1{
margin:12px 0 13px !important;
font-size:34px !important;
line-height:1.08 !important;
}
body .sa-home-hero-copy p{
font-size:14px !important;
line-height:1.7 !important;
}
body .sa-home-hero-actions{
margin-top:20px !important;
gap:8px !important;
}
body .sa-home-hero-actions a{
min-height:43px !important;
padding:0 14px !important;
font-size:12px !important;
}
body .sa-home-hero figure img{
width:100% !important;
height:auto !important;
min-height:0 !important;
aspect-ratio:4/3 !important;
object-fit:cover !important;
}
/* Quick Access — exactly 4, compact 2x2 */
body .sa-home-now{
width:calc(100% - 28px) !important;
margin:22px auto 0 !important;
padding:0 !important;
}
body .sa-home-now-label{
display:flex !important;
align-items:baseline !important;
gap:10px !important;
margin:0 0 11px !important;
}
body .sa-home-now-label small{
font-size:10px !important;
font-weight:900 !important;
}
body .sa-home-now-label strong{
font-size:18px !important;
font-weight:850 !important;
}
body .sa-home-now-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:9px !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
}
body .sa-home-now-grid>a{
display:grid !important;
grid-template-columns:34px minmax(0,1fr) 14px !important;
align-items:center !important;
gap:9px !important;
min-height:78px !important;
height:auto !important;
margin:0 !important;
padding:13px 12px !important;
border:1px solid #dde6ed !important;
border-radius:14px !important;
background:#fff !important;
box-shadow:none !important;
}
body .sa-home-now-grid>a:nth-child(n+5){
display:none !important;
}
body .sa-home-now-grid>a>span{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:34px !important;
height:34px !important;
margin:0 !important;
border-radius:10px !important;
background:#edf3ff !important;
color:#255bc5 !important;
font-size:11px !important;
font-weight:900 !important;
}
body .sa-home-now-grid>a>div{
min-width:0 !important;
margin:0 !important;
padding:0 !important;
position:static !important;
transform:none !important;
}
body .sa-home-now-grid>a>div>strong{
display:block !important;
margin:0 !important;
color:#19364b !important;
font-size:14px !important;
font-weight:850 !important;
line-height:1.35 !important;
word-break:keep-all !important;
}
body .sa-home-now-grid>a>div>small{
display:none !important;
}
body .sa-home-now-grid>a>b{
display:block !important;
color:#8aa0b3 !important;
font-size:17px !important;
}
/* Notice / news */
body .sa-home-board-wrap{
width:calc(100% - 28px) !important;
margin:24px auto 0 !important;
padding:0 !important;
gap:8px !important;
}
body .sa-home-board-head{
min-height:48px !important;
padding:0 14px !important;
}
body .sa-home-board-head h2{
font-size:16px !important;
}
body .sa-home-board-list{
padding:4px 12px 7px !important;
}
body .sa-home-board-list>a{
min-height:46px !important;
grid-template-columns:72px minmax(0,1fr) auto !important;
gap:8px !important;
}
body .sa-home-board-list time{
font-size:10px !important;
}
body .sa-home-board-list strong{
font-size:12px !important;
line-height:1.4 !important;
}
body .sa-home-board-list em{
font-size:9px !important;
}
/* Common section rhythm */
body .sa-home-about,
body .sa-home-program,
body .sa-home-list-section,
body .sa-home-news,
body .sa-home-gallery{
width:calc(100% - 28px) !important;
margin:42px auto 0 !important;
padding:0 !important;
}
body .sa-home-section-title{
min-height:0 !important;
margin:0 0 13px !important;
padding:0 0 10px !important;
}
body .sa-home-section-title small{
font-size:10px !important;
}
body .sa-home-section-title h2{
margin:4px 0 0 !important;
font-size:25px !important;
line-height:1.2 !important;
}
body .sa-home-section-title>a{
font-size:11px !important;
}
/* About */
body .sa-home-about{
gap:10px !important;
}
body .sa-home-about-copy{
min-height:0 !important;
padding:22px 18px !important;
border-radius:15px !important;
}
body .sa-home-about-copy p{
margin-top:9px !important;
font-size:13px !important;
line-height:1.72 !important;
}
body .sa-home-text-link{
margin-top:14px !important;
font-size:11px !important;
}
body .sa-home-about figure img{
width:100% !important;
height:auto !important;
min-height:0 !important;
aspect-ratio:16/10 !important;
object-fit:cover !important;
}
/* Program */
body .sa-home-program-photo{
height:auto !important;
min-height:0 !important;
margin:0 !important;
}
body .sa-home-program-photo img{
width:100% !important;
height:auto !important;
min-height:0 !important;
aspect-ratio:16/10 !important;
object-fit:cover !important;
}
/* Gallery */
body .sa-home-gallery{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:9px !important;
}
body .sa-home-gallery>.sa-home-section-title{
grid-column:1/-1 !important;
}
body .sa-home-gallery img{
width:100% !important;
height:auto !important;
min-height:0 !important;
aspect-ratio:4/3 !important;
object-fit:cover !important;
}
body .sa-home-gallery figcaption{
font-size:11px !important;
}
/* Portal */
body .sa-home-portal{
width:calc(100% - 28px) !important;
margin:42px auto 0 !important;
padding:24px 19px !important;
gap:16px !important;
border-radius:16px !important;
}
body .sa-home-portal small{
font-size:10px !important;
}
body .sa-home-portal h2{
margin:8px 0 6px !important;
font-size:25px !important;
line-height:1.2 !important;
}
body .sa-home-portal p{
font-size:12px !important;
line-height:1.65 !important;
}
body .sa-home-portal-links a{
min-height:41px !important;
font-size:11px !important;
}
/* Consultation */
body .sa-home-consult{
width:calc(100% - 28px) !important;
margin:14px auto 42px !important;
padding:13px !important;
gap:11px !important;
border-radius:16px !important;
}
body .sa-home-consult small{
font-size:10px !important;
}
body .sa-home-consult h2{
margin:7px 0 5px !important;
font-size:23px !important;
}
body .sa-home-consult p{
font-size:12px !important;
line-height:1.65 !important;
}
body .sa-home-consult-photo img{
width:100% !important;
height:auto !important;
min-height:0 !important;
aspect-ratio:16/10 !important;
object-fit:cover !important;
}
body .sa-home-consult-links a{
min-height:40px !important;
font-size:11px !important;
}
/* Footer */
body .sa-footer p,
body .sa-footer span,
body .sa-footer a{
font-size:12px !important;
}
/* subtle interaction */
@media (prefers-reduced-motion:no-preference){
body .sa-home-now-grid>a,
body .sa-home-section-title>a,
body .sa-home-portal-links a,
body .sa-home-consult-links a{
transition:transform .16s ease,background .16s ease,border-color .16s ease !important;
}
body .sa-home-now-grid>a:active{
transform:scale(.985) !important;
background:#f7faff !important;
}
}
}
/* ACADEMY v0.7.4a MOBILE QUALITY + READABILITY END */
/* =========================================================
ACADEMY v0.7.4b MOBILE TOP/BOTTOM PHOTO FULL START
- Mobile only
- Top hero and bottom consultation photos use full original ratio
- No forced horizontal crop
========================================================= */
@media (max-width:680px){
/* TOP PHOTO */
body .sa-home-hero figure{
width:100% !important;
height:auto !important;
min-height:0 !important;
margin:0 !important;
overflow:hidden !important;
background:#eef3f7 !important;
}
body .sa-home-hero figure img{
display:block !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
aspect-ratio:auto !important;
object-fit:contain !important;
object-position:center center !important;
}
/* BOTTOM PHOTO */
body .sa-home-consult-photo{
width:100% !important;
height:auto !important;
min-height:0 !important;
margin:0 !important;
overflow:hidden !important;
background:#eef3f7 !important;
}
body .sa-home-consult-photo img{
display:block !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
aspect-ratio:auto !important;
object-fit:contain !important;
object-position:center center !important;
}
}
/* ACADEMY v0.7.4b MOBILE TOP/BOTTOM PHOTO FULL END */
/* =========================================================
ACADEMY v0.7.6 MENU 5 + MOBILE DROPDOWN DESIGN START
Rhymix menu remains the single source of truth.
========================================================= */
.sa-visually-hidden{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}
.sa-gnb>.sa-gnb-item{
position:relative;
}
.sa-gnb-row{
display:flex;
align-items:center;
min-height:46px;
}
.sa-gnb-row>a{
display:inline-flex;
align-items:center;
min-height:46px;
padding:0 5px;
color:#405364;
font-size:13px;
font-weight:850;
text-decoration:none;
white-space:nowrap;
}
.sa-gnb-row>a:hover,
.sa-gnb-row>a.is-active{
color:var(--sa-primary);
}
.sa-submenu-toggle{
display:none;
}
/* Desktop dropdown */
@media (min-width:1001px){
.sa-submenu{
display:none;
position:absolute;
top:calc(100% - 2px);
left:50%;
z-index:80;
min-width:180px;
margin:0;
padding:9px;
list-style:none;
transform:translateX(-50%);
border:1px solid #dde6ed;
border-radius:13px;
background:#fff;
box-shadow:0 18px 42px rgba(20,43,63,.13);
}
.sa-gnb-item:hover>.sa-submenu,
.sa-gnb-item:focus-within>.sa-submenu{
display:block;
}
.sa-submenu li{
margin:0;
padding:0;
}
.sa-submenu a{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
min-height:40px!important;
width:100%!important;
padding:0 12px!important;
border-radius:8px;
color:#405364!important;
font-size:12px!important;
font-weight:750!important;
text-decoration:none;
white-space:nowrap;
}
.sa-submenu a:hover,
.sa-submenu a.is-active{
background:#f2f6fb;
color:var(--sa-primary)!important;
}
.sa-mega-inner{
grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
}
/* Mobile/tablet hamburger + accordion dropdown */
@media (max-width:1000px){
.sa-header.is-open .sa-navigation{
display:block!important;
}
.sa-header.is-open .sa-gnb{
display:block!important;
padding:8px 16px 14px!important;
}
.sa-header.is-open .sa-gnb>.sa-gnb-item{
width:100%!important;
border-bottom:1px solid #edf1f4;
}
.sa-header.is-open .sa-gnb-row{
width:100%;
min-height:52px;
}
.sa-header.is-open .sa-gnb-row>a{
flex:1 1 auto!important;
width:auto!important;
min-width:0!important;
min-height:52px!important;
padding:0 5px!important;
justify-content:flex-start!important;
color:#1f394d!important;
font-size:15px!important;
font-weight:850!important;
}
.sa-header.is-open .sa-submenu-toggle{
display:flex!important;
align-items:center;
justify-content:center;
flex:0 0 44px;
width:44px;
height:44px;
margin:4px 0;
padding:0;
border:0;
border-radius:11px;
background:#f3f6f9;
color:#355269;
font:800 19px/1 system-ui,sans-serif;
cursor:pointer;
transition:transform .18s ease,background .18s ease;
}
.sa-header.is-open .sa-gnb-item.is-subopen .sa-submenu-toggle{
background:#eaf2ff;
color:#255bc5;
transform:rotate(180deg);
}
.sa-header.is-open .sa-submenu{
display:none;
width:100%;
margin:0 0 9px;
padding:7px;
list-style:none;
border:1px solid #e3eaf0;
border-radius:12px;
background:#f7f9fb;
}
.sa-header.is-open .sa-gnb-item.is-subopen>.sa-submenu{
display:block!important;
}
.sa-header.is-open .sa-submenu li{
width:100%;
margin:0;
padding:0;
border:0!important;
}
.sa-header.is-open .sa-submenu a{
display:flex!important;
align-items:center!important;
width:100%!important;
min-height:43px!important;
padding:0 12px!important;
border-radius:8px;
color:#50677a!important;
font-size:14px!important;
font-weight:700!important;
text-decoration:none;
}
.sa-header.is-open .sa-submenu a:hover,
.sa-header.is-open .sa-submenu a.is-active{
background:#fff;
color:#255bc5!important;
}
/* Hamburger already functions as the complete menu on mobile */
.sa-header.is-open .sa-allmenu-item,
.sa-mega{
display:none!important;
}
}
/* ACADEMY v0.7.6 MENU 5 + MOBILE DROPDOWN DESIGN END */
/* =========================================================
ACADEMY v0.7.7 QUICK MENU FINAL START
Clear purpose, 4 items only.
Desktop 4-up / mobile 2x2.
========================================================= */
body .sa-home-now{
width:min(calc(100% - 48px),1240px)!important;
margin:24px auto 0!important;
padding:0!important;
}
body .sa-home-now-label{
display:flex!important;
align-items:baseline!important;
gap:10px!important;
margin:0 0 12px!important;
}
body .sa-home-now-label small{
color:#2d66cc!important;
font-size:10px!important;
font-weight:900!important;
letter-spacing:.12em!important;
}
body .sa-home-now-label strong{
color:#17364c!important;
font-size:18px!important;
font-weight:850!important;
}
body .sa-home-now-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
width:100%!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
overflow:visible!important;
}
body .sa-home-now-grid>.sa-quick-final-item{
display:grid!important;
grid-template-columns:minmax(0,1fr) 24px!important;
align-items:center!important;
gap:12px!important;
min-width:0!important;
min-height:96px!important;
margin:0!important;
padding:19px 18px!important;
border:1px solid #dce5ec!important;
border-radius:16px!important;
background:#fff!important;
color:#17364c!important;
text-decoration:none!important;
box-shadow:0 8px 20px rgba(18,43,64,.035)!important;
}
body .sa-home-now-grid>.sa-quick-final-item:hover{
border-color:#b9cddd!important;
transform:translateY(-2px)!important;
box-shadow:0 14px 28px rgba(18,43,64,.075)!important;
}
body .sa-quick-final-copy{
display:block!important;
min-width:0!important;
margin:0!important;
padding:0!important;
background:transparent!important;
}
body .sa-quick-final-copy strong{
display:block!important;
margin:0!important;
color:#17364c!important;
font-size:17px!important;
font-weight:850!important;
line-height:1.3!important;
letter-spacing:-.03em!important;
word-break:keep-all!important;
}
body .sa-quick-final-copy small{
display:block!important;
margin:7px 0 0!important;
padding:0!important;
color:#738392!important;
font-size:12px!important;
font-weight:550!important;
line-height:1.45!important;
word-break:keep-all!important;
}
body .sa-quick-final-arrow{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:24px!important;
height:24px!important;
margin:0!important;
padding:0!important;
border-radius:999px!important;
background:#eef4ff!important;
color:#2d66cc!important;
font-size:14px!important;
font-weight:900!important;
line-height:1!important;
}
@media(max-width:900px){
body .sa-home-now-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media(max-width:680px){
body .sa-home-now{
width:calc(100% - 28px)!important;
margin-top:20px!important;
}
body .sa-home-now-label{
margin-bottom:10px!important;
}
body .sa-home-now-label small{
font-size:10px!important;
}
body .sa-home-now-label strong{
font-size:18px!important;
}
body .sa-home-now-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important;
}
body .sa-home-now-grid>.sa-quick-final-item{
min-height:82px!important;
padding:14px 12px!important;
border-radius:14px!important;
box-shadow:none!important;
}
body .sa-quick-final-copy strong{
font-size:15px!important;
line-height:1.3!important;
}
body .sa-quick-final-copy small{
margin-top:4px!important;
font-size:11px!important;
line-height:1.35!important;
}
body .sa-quick-final-arrow{
width:22px!important;
height:22px!important;
font-size:13px!important;
}
body .sa-home-now-grid>.sa-quick-final-item:active{
transform:scale(.985)!important;
background:#f7faff!important;
}
}
/* ACADEMY v0.7.7 QUICK MENU FINAL END */
/* =========================================================
ACADEMY v0.7.8c ABOUT PAGE PREMIUM START
Rhymix PAGE data remains source of truth. Design only.
========================================================= */
body .sa-academy-about{
--sa-about-ink:#172033;
--sa-about-soft:#6d7686;
--sa-about-line:rgba(23,32,51,.12);
--sa-about-panel:#f7f8fb;
color:var(--sa-about-ink);
}
body .sa-academy-about .sa-academy-hero{
display:grid;
grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);
min-height:520px;
overflow:hidden;
border-radius:30px;
background:#eef2f7;
box-shadow:0 22px 60px rgba(20,33,55,.10);
}
body .sa-academy-about .sa-academy-hero-copy{
display:flex;
flex-direction:column;
justify-content:center;
padding:clamp(44px,5vw,78px);
}
body .sa-academy-about .sa-academy-hero-kicker{
margin:0 0 16px;
font-size:14px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
color:#49688b;
}
body .sa-academy-about .sa-academy-hero h1,
body .sa-academy-about .sa-academy-hero-title{
margin:0;
max-width:720px;
font-family:inherit;
font-size:clamp(38px,4.7vw,66px);
line-height:1.08;
letter-spacing:-.045em;
font-weight:850;
}
body .sa-academy-about .sa-academy-hero p,
body .sa-academy-about .sa-academy-hero-desc{
margin:24px 0 0;
max-width:650px;
font-size:clamp(17px,1.5vw,20px);
line-height:1.8;
color:var(--sa-about-soft);
}
body .sa-academy-about .sa-academy-hero-media{
min-height:520px;
background:#dfe6ef;
}
body .sa-academy-about .sa-academy-hero-media img{
display:block;
width:100%;
height:100%;
min-height:520px;
object-fit:cover;
}
body .sa-academy-about .sa-academy-facts{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:1px;
margin:30px 0 0;
overflow:hidden;
border:1px solid var(--sa-about-line);
border-radius:22px;
background:var(--sa-about-line);
}
body .sa-academy-about .sa-academy-facts > *{
min-height:130px;
padding:26px 24px;
background:#fff;
}
body .sa-academy-about .sa-academy-facts strong{
display:block;
margin-bottom:8px;
font-size:22px;
line-height:1.3;
}
body .sa-academy-about .sa-academy-facts span,
body .sa-academy-about .sa-academy-facts p{
margin:0;
color:var(--sa-about-soft);
font-size:15px;
line-height:1.65;
}
body .sa-academy-about .sa-academy-principles,
body .sa-academy-about .sa-academy-environment,
body .sa-academy-about .sa-academy-flow{
margin-top:clamp(64px,8vw,108px);
}
body .sa-academy-about .sa-academy-principle-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
margin-top:30px;
}
body .sa-academy-about .sa-academy-principle-grid > *{
min-height:230px;
padding:30px;
border:1px solid var(--sa-about-line);
border-radius:22px;
background:#fff;
transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
@media (hover:hover){
body .sa-academy-about .sa-academy-principle-grid > *:hover{
transform:translateY(-4px);
box-shadow:0 18px 40px rgba(20,33,55,.09);
border-color:rgba(23,32,51,.20);
}
}
body .sa-academy-about .sa-academy-principle-grid h3{
margin:0 0 12px;
font-size:23px;
line-height:1.35;
letter-spacing:-.02em;
}
body .sa-academy-about .sa-academy-principle-grid p{
margin:0;
font-size:16px;
line-height:1.75;
color:var(--sa-about-soft);
}
body .sa-academy-about .sa-academy-environment{
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
gap:34px;
align-items:center;
padding:clamp(28px,4vw,48px);
border-radius:28px;
background:var(--sa-about-panel);
}
body .sa-academy-about .sa-academy-environment img{
display:block;
width:100%;
aspect-ratio:4/3;
object-fit:cover;
border-radius:20px;
}
body .sa-academy-about .sa-academy-flow{
padding:clamp(30px,4vw,52px);
border:1px solid var(--sa-about-line);
border-radius:28px;
background:#fff;
}
body .sa-academy-about .sa-academy-flow ol,
body .sa-academy-about .sa-academy-flow ul{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin:26px 0 0;
padding:0;
list-style:none;
}
body .sa-academy-about .sa-academy-flow li{
padding:22px;
border-radius:18px;
background:var(--sa-about-panel);
font-size:15px;
line-height:1.65;
}
body .sa-academy-about .sa-academy-cta{
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
margin-top:clamp(64px,8vw,108px);
padding:clamp(32px,5vw,58px);
border-radius:28px;
background:#172033;
color:#fff;
}
body .sa-academy-about .sa-academy-cta h2,
body .sa-academy-about .sa-academy-cta h3{
margin:0 0 10px;
color:#fff;
font-size:clamp(28px,3.2vw,44px);
line-height:1.2;
letter-spacing:-.03em;
}
body .sa-academy-about .sa-academy-cta p{
margin:0;
color:rgba(255,255,255,.72);
font-size:16px;
line-height:1.7;
}
body .sa-academy-about .sa-academy-cta a{
flex:none;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:50px;
padding:0 22px;
border-radius:999px;
background:#fff;
color:#172033;
font-weight:800;
text-decoration:none;
}
@media (max-width:900px){
body .sa-academy-about .sa-academy-hero{
grid-template-columns:1fr;
min-height:0;
border-radius:22px;
}
body .sa-academy-about .sa-academy-hero-copy{padding:32px 24px 30px}
body .sa-academy-about .sa-academy-hero h1,
body .sa-academy-about .sa-academy-hero-title{
font-size:clamp(34px,9vw,48px);
}
body .sa-academy-about .sa-academy-hero p,
body .sa-academy-about .sa-academy-hero-desc{
margin-top:18px;
font-size:17px;
line-height:1.72;
}
body .sa-academy-about .sa-academy-hero-media,
body .sa-academy-about .sa-academy-hero-media img{
min-height:0;
height:auto;
}
body .sa-academy-about .sa-academy-hero-media img{aspect-ratio:16/10}
body .sa-academy-about .sa-academy-facts{
grid-template-columns:repeat(2,minmax(0,1fr));
border-radius:18px;
}
body .sa-academy-about .sa-academy-principle-grid{
grid-template-columns:1fr;
gap:12px;
}
body .sa-academy-about .sa-academy-principle-grid > *{
min-height:0;
padding:24px;
}
body .sa-academy-about .sa-academy-environment{
grid-template-columns:1fr;
gap:24px;
padding:24px;
border-radius:22px;
}
body .sa-academy-about .sa-academy-flow{
padding:24px;
border-radius:22px;
}
body .sa-academy-about .sa-academy-flow ol,
body .sa-academy-about .sa-academy-flow ul{
grid-template-columns:repeat(2,minmax(0,1fr));
}
body .sa-academy-about .sa-academy-cta{
align-items:flex-start;
flex-direction:column;
padding:30px 24px;
border-radius:22px;
}
}
@media (max-width:520px){
body .sa-academy-about .sa-academy-facts > *{
min-height:108px;
padding:20px 17px;
}
body .sa-academy-about .sa-academy-facts strong{font-size:19px}
body .sa-academy-about .sa-academy-flow ol,
body .sa-academy-about .sa-academy-flow ul{grid-template-columns:1fr}
}
/* ACADEMY v0.7.8c ABOUT PAGE PREMIUM END */