/* School landing v1: local fonts, no framework or third-party requests. */
.school-landing{--sl-primary:#0a5557;--sl-dark:#083b3f;--sl-gold:#c09a54;--sl-soft:#eef6f3;--sl-ink:#17383d;--sl-muted:#657a7b;margin:0;background:#faf9f5;color:var(--sl-ink);min-height:100vh;font-family:"Metah Estedad",Tahoma,sans-serif!important;font-size:14px!important;line-height:1.9!important}
.palette-navy{--sl-primary:#183f68;--sl-dark:#102c48;--sl-soft:#eef3f8;--sl-ink:#203a52}
.palette-olive{--sl-primary:#486149;--sl-dark:#2d4330;--sl-soft:#f1f4ec;--sl-ink:#334638}
.school-landing *,.school-landing *::before,.school-landing *::after{box-sizing:border-box}
.school-landing{overflow-wrap:anywhere}.sl-brand{flex:1}.sl-brand>span:last-child{min-width:0}
.school-landing a{color:inherit;text-decoration:none}
.school-landing a:focus-visible{outline:3px solid var(--sl-gold);outline-offset:6px}
.sl-skip{position:fixed;top:-100px;right:16px;padding:10px 18px;background:#fff;z-index:99;border-radius:12px}.sl-skip:focus{top:12px}
.sl-shell{max-width:1260px;margin:0 auto;padding:0 40px}
.sl-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid #dde5df}
.sl-brand{display:flex;align-items:center;gap:13px;min-width:0}.sl-brand strong{display:block;font-size:16px;line-height:1.8}.sl-brand small{display:block;font-size:11px;color:var(--sl-muted);margin-top:2px}.sl-logo{object-fit:contain;flex:none}
.sl-mark{width:54px;height:58px;display:grid;place-items:center;border-radius:17px;background:var(--sl-primary);color:#f9edcb;flex:none}.sl-mark svg{width:38px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}
.sl-header-login{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d3dfd8;border-radius:12px;padding:10px 16px;white-space:nowrap;font-size:12px;font-weight:650;color:var(--sl-primary)!important;transition:background .18s}.sl-header-login:hover{background:var(--sl-soft)}
.sl-header-login svg,.sl-primary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sl-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center;padding:58px 0 54px;min-height:670px}
.sl-copy{min-width:0}.sl-eyebrow{display:flex;align-items:center;gap:10px;color:var(--sl-primary);font-size:12px!important;font-weight:650;margin:0 0 17px}.sl-eyebrow span{width:25px;height:2px;background:var(--sl-gold)}
.sl-school-name{font-size:13px!important;color:var(--sl-muted);margin:0 0 11px}
html[dir="rtl"] .school-landing #school-title{font-size:clamp(26px,3.15vw,41px)!important;font-weight:760!important;line-height:1.65!important;margin:0 0 22px;color:var(--sl-dark);letter-spacing:-.035em;overflow-wrap:anywhere}
.sl-intro{font-size:14px;line-height:2.25;color:var(--sl-muted);max-width:540px;overflow-wrap:anywhere}
.sl-primary{display:inline-flex;align-items:center;gap:23px;background:var(--sl-primary);color:#fff!important;border-radius:14px;padding:15px 25px;min-height:54px;margin-top:28px;font-weight:650;font-size:14px;box-shadow:0 10px 25px #163e3820;transition:transform .18s,background .18s}.sl-primary:hover{transform:translateY(-2px);background:var(--sl-dark)}
.sl-login-note{color:#7d8b89;font-size:11px!important;margin:11px 0 0}
.sl-highlights{list-style:none;display:flex;flex-wrap:wrap;gap:9px 20px;padding:21px 0 0;margin:27px 0 0;border-top:1px solid #dde5df}.sl-highlights li{font-size:11px!important;display:flex;align-items:center;gap:7px;color:var(--sl-primary)}.sl-highlights span{color:var(--sl-gold)}
.sl-visual{position:relative;padding:17px 22px 30px 6px;min-width:0}.sl-visual::before{content:"";position:absolute;inset:0 0 55px 31px;border:1px solid #c09a5473;border-radius:210px 210px 25px 25px;transform:rotate(3deg);pointer-events:none}.sl-visual::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;top:29px;right:-25px;background:var(--sl-soft);z-index:-1}
.sl-arch{position:relative;height:500px;border-radius:210px 210px 22px 22px;overflow:hidden;background:var(--sl-soft);box-shadow:0 25px 55px #123e3620}.sl-arch img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.82)}.sl-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0b30374a)}
.sl-motto{position:absolute;bottom:6px;right:0;left:40px;padding:19px 24px 18px;background:#fffdf9;border:1px solid #e6e4d7;border-radius:16px;box-shadow:0 12px 35px #123e3612}.sl-motto>span{position:absolute;color:var(--sl-gold);font-size:34px;top:7px;right:18px;opacity:.7}.sl-motto p{position:relative;margin:0 25px 6px 0;font-size:14px!important;font-weight:620;color:var(--sl-dark);overflow-wrap:anywhere}.sl-motto small{display:block;margin-right:25px;color:#85908b;font-size:10px}
.sl-ornament{position:absolute;color:var(--sl-gold);font-size:24px;pointer-events:none}.sl-ornament-one{left:-13px;top:44px}.sl-ornament-two{right:-11px;bottom:95px;font-size:39px}
.sl-footer{border-top:1px solid #dde5df;padding:20px 0 24px;display:flex;justify-content:space-between;gap:15px;color:#7c8b88;font-size:10px}.sl-footer b{color:var(--sl-primary);font-weight:650}.sl-footer-separator{padding:0 8px}
.sl-preview{background:#fff5d9;border-bottom:1px solid #e7d8ab;text-align:center;padding:10px 18px;font-size:12px}.sl-preview a{margin-right:16px;text-decoration:underline!important}
@media(min-width:1450px){.sl-hero{padding-top:80px;padding-bottom:78px}}
@media(max-width:1000px){.sl-shell{padding:0 28px}.sl-hero{gap:35px;min-height:auto}.sl-arch{height:440px}.sl-motto{left:12px}.sl-brand strong{font-size:14px}}
@media(max-width:720px){.sl-shell{padding:0 21px}.sl-header{padding:20px 0;gap:12px}.sl-brand{gap:9px}.sl-brand strong{font-size:12px}.sl-brand small{font-size:9px}.sl-mark,.sl-logo{width:43px;height:46px}.sl-mark svg{width:31px}.sl-header-login{padding:9px 12px;font-size:10px;gap:5px}.sl-header-login svg{width:16px}.sl-hero{grid-template-columns:1fr;gap:33px;padding:35px 0 30px}.sl-copy{text-align:center}.sl-eyebrow{justify-content:center;margin-bottom:12px}.sl-school-name{font-size:12px!important}html[dir="rtl"] .school-landing #school-title{font-size:29px!important;line-height:1.65!important;max-width:480px;margin:0 auto 15px}.sl-intro{max-width:540px;margin:auto;font-size:13px;line-height:2.15}.sl-primary{margin-top:24px;font-size:13px;padding:13px 25px}.sl-highlights{justify-content:center;gap:9px 16px;margin-top:23px;padding-top:18px}.sl-highlights li{font-size:10px!important}.sl-visual{max-width:440px;width:100%;margin:auto;padding:13px 16px 28px 8px}.sl-arch{height:350px;border-radius:180px 180px 18px 18px}.sl-visual::before{border-radius:180px 180px 18px 18px}.sl-motto{left:25px;padding:17px 19px}.sl-motto p{font-size:12px!important}.sl-footer{flex-direction:column;align-items:center;text-align:center;gap:5px}}
@media(max-width:370px){.sl-shell{padding:0 15px}.sl-brand strong{max-width:160px}.sl-header-login svg{display:none}.sl-header-login{padding:9px}.sl-arch{height:305px}}
@media(prefers-reduced-motion:reduce){.school-landing *{transition:none!important;scroll-behavior:auto!important}}
.sl-visual .sl-arch{height:auto;aspect-ratio:4/5}.sl-arch img{aspect-ratio:4/5}
