
:root{--navy:#031a38;--deep:#011126;--gold:#d5a237;--cream:#f6f0e5;--white:#fff;--ink:#14223a;--muted:#697283;--line:#d8cfbf}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08;margin-top:0}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(1,17,38,.98);border-bottom:1px solid rgba(213,162,55,.34);backdrop-filter:blur(10px)}
.nav-shell{max-width:1536px;min-height:164px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:28px}
.brand{width:500px;flex:0 0 auto}.brand img{width:100%;height:145px;object-fit:contain;object-position:left center}
.main-nav{margin-left:auto;display:flex;gap:32px;align-items:center}.main-nav a{text-decoration:none;color:white;text-transform:uppercase;font-size:.79rem;font-weight:800;letter-spacing:.06em}.main-nav a:hover,.main-nav a.active{color:var(--gold)}
.apply-button{background:var(--gold);color:var(--deep);padding:15px 24px;text-decoration:none;text-transform:uppercase;font-weight:900;font-size:.78rem;border-radius:3px}
.menu-toggle{display:none;margin-left:auto;background:none;border:0}.menu-toggle span{display:block;width:28px;height:2px;background:#fff;margin:5px}
.hero{position:relative;min-height:640px;color:white;overflow:hidden;background:var(--deep)}
.hero-bg{position:absolute;inset:0;background:url('assets/hero-final.jpg') 74% center/cover no-repeat;animation:cinematic 18s ease-in-out infinite alternate}
@keyframes cinematic{from{transform:scale(1.02)}to{transform:scale(1.08) translateX(-1%)}}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,17,38,.98) 0%,rgba(3,26,56,.94) 40%,rgba(3,26,56,.22) 72%,rgba(3,26,56,.08) 100%)}
.hero-content{position:relative;z-index:2;max-width:1390px;min-height:640px;margin:auto;padding:78px 55px 65px;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}
.hero-copy{max-width:720px}.eyebrow{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.15em;font-size:.82rem;margin:0 0 15px}
.hero h1{font-size:clamp(3.7rem,6vw,6.4rem);font-weight:500;margin-bottom:18px;text-transform:uppercase;letter-spacing:.015em}.hero h1 em{display:block;color:var(--gold);font-weight:500}
.crown-rule{display:flex;align-items:center;gap:14px;width:520px;max-width:100%;margin:18px 0}.crown-rule span{height:1px;background:rgba(213,162,55,.52);flex:1}.crown-rule b{color:var(--gold);font-size:1.4rem}
.hero-lead{font-size:1.18rem;max-width:650px;color:rgba(255,255,255,.9)}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;border:0;padding:14px 24px;text-decoration:none;text-transform:uppercase;font-size:.78rem;font-weight:900;letter-spacing:.05em;border-radius:3px;cursor:pointer}.button.gold,.gold{background:var(--gold);color:var(--deep)}.button.outline{border:1px solid var(--gold);color:white;background:transparent}
.scripture-card{width:310px;padding:25px 30px;background:rgba(3,26,56,.86);border:1px solid rgba(213,162,55,.5);align-self:flex-end}.quote-mark{font-family:Georgia,serif;color:var(--gold);font-size:3.2rem;line-height:.6}.scripture-card p{font-size:1rem}.scripture-card strong{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}
.pillar-strip{display:grid;grid-template-columns:repeat(6,1fr);background:var(--deep);color:white;border-top:1px solid rgba(213,162,55,.35);border-bottom:1px solid rgba(213,162,55,.35)}.pillar-strip article{text-align:center;padding:30px 20px;border-right:1px solid rgba(213,162,55,.28)}.pillar-strip article:last-child{border-right:0}.pillar-icon{color:var(--gold);font-size:2.8rem;height:58px}.pillar-strip h3{font-family:Arial,Helvetica,sans-serif;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em}.pillar-strip p{color:rgba(255,255,255,.78);font-size:.88rem}
.section{padding:100px max(5%,30px)}.section-grid,.calendar-layout,.enrollment-layout{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.image-panel{position:relative}.image-panel img{width:100%;height:560px;object-fit:cover;box-shadow:0 18px 55px rgba(2,17,38,.14)}.image-caption{position:absolute;right:-22px;bottom:-22px;background:var(--navy);color:var(--gold);padding:20px 24px;text-transform:uppercase;font-weight:800;letter-spacing:.09em;font-size:.75rem}
.copy h2,.section-heading h2,.contact-panel h2{font-size:clamp(2.6rem,4.5vw,4.8rem);color:var(--navy)}.lead{font-size:1.14rem;color:#3f4c5d}.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.mission-vision article{background:white;padding:22px;border-top:3px solid var(--gold)}.mission-vision h3{font-size:1.35rem;color:var(--navy)}
.curriculum,.portals{background:var(--navy);color:white}.section-heading{max-width:850px;text-align:center;margin:0 auto 48px}.curriculum .section-heading h2,.portals .section-heading h2{color:white}.section-heading p:last-child{color:var(--muted)}.curriculum .section-heading p:last-child,.portals .section-heading p:last-child{color:rgba(255,255,255,.72)}
.curriculum-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.curriculum-card{padding:31px;text-align:left;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);color:white;cursor:pointer;transition:.25s}.curriculum-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.1)}.curriculum-card span{color:var(--gold);font-weight:900;font-size:.76rem}.curriculum-card h3{font-size:1.52rem;margin:12px 0}.curriculum-card p{color:rgba(255,255,255,.72)}
.gallery{background:white}.gallery-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid figure{margin:0;position:relative;overflow:hidden;min-height:310px}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-grid figure:hover img{transform:scale(1.06)}.gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:23px;color:white;font-family:Georgia,serif;font-size:1.18rem;background:linear-gradient(transparent,rgba(1,17,38,.92))}
.calendar{background:var(--cream)}.calendar-card{background:white;padding:35px;border-top:4px solid var(--gold);box-shadow:0 18px 48px rgba(2,17,38,.1)}.month{font-family:Georgia,serif;font-size:2rem;color:var(--navy);margin-bottom:18px}.event{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.event strong{color:var(--gold)}
.handbook{background:white}.resource-card{max-width:1100px;margin:auto;padding:44px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:35px}.resource-card h2{font-size:2.8rem}.resource-card p{color:rgba(255,255,255,.75)}
.portal-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portal-card{text-align:left;padding:35px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);color:white;cursor:pointer}.portal-card>span{font-size:2.2rem}.portal-card h3{font-size:1.55rem;margin:14px 0}.portal-card p{color:rgba(255,255,255,.72)}.portal-card b{color:var(--gold)}
.enrollment{background:white}.enrollment-form{display:grid;gap:15px;padding:35px;background:var(--cream);border:1px solid var(--line)}label{font-weight:700;color:var(--navy)}input,select,textarea{width:100%;margin-top:7px;padding:13px;border:1px solid #cfc6b8;background:white;font:inherit}
.contact{background:var(--cream)}.contact-panel{max-width:1100px;margin:auto;background:white;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-details{display:grid;gap:12px}.contact-details>a,.contact-details>div{display:flex;justify-content:space-between;text-decoration:none;padding:14px 0;border-bottom:1px solid var(--line)}.contact-details span{color:var(--muted);text-align:right}
footer{background:var(--deep);padding:45px;text-align:center;color:rgba(255,255,255,.72)}footer img{width:460px;max-width:90%;height:130px;object-fit:contain;margin:auto}
.modal{position:fixed;inset:0;z-index:2000;background:rgba(1,17,38,.84);display:none;place-items:center;padding:22px}.modal.open{display:grid}.modal-box{position:relative;max-width:760px;width:100%;max-height:88vh;overflow:auto;background:white;padding:38px}.close-modal{position:absolute;right:15px;top:10px;border:0;background:none;font-size:32px;cursor:pointer}.modal-list{display:grid;gap:10px}.modal-list div{padding:14px;background:var(--cream);border-left:3px solid var(--gold)}.portal-demo{max-width:900px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dashboard-widget{padding:18px;background:var(--cream);border-top:3px solid var(--gold)}.security-note{margin-top:20px;padding:13px;background:#fff4d8;border-left:4px solid var(--gold)}
.reveal{opacity:0;transform:translateY(26px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1180px){.nav-shell{min-height:118px}.brand{width:400px}.brand img{height:105px}.main-nav,.apply-button{display:none}.menu-toggle{display:block}.main-nav.open{display:flex;position:absolute;top:118px;left:0;right:0;background:var(--deep);padding:24px;flex-direction:column}.pillar-strip{grid-template-columns:repeat(3,1fr)}.hero-content{align-items:center}.scripture-card{display:none}.section-grid,.calendar-layout,.enrollment-layout,.contact-panel{grid-template-columns:1fr}.curriculum-grid,.gallery-grid,.portal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.nav-shell{min-height:92px;padding:0 15px}.brand{width:300px}.brand img{height:78px}.main-nav.open{top:92px}.hero{min-height:700px;text-align:center}.hero-content{min-height:700px;padding:70px 24px;align-items:center}.hero h1{font-size:3.2rem}.hero-actions{justify-content:center}.pillar-strip{grid-template-columns:1fr}.pillar-strip article{border-right:0;border-bottom:1px solid rgba(213,162,55,.28)}.section{padding:72px 22px}.mission-vision,.curriculum-grid,.gallery-grid,.portal-grid,.dashboard-grid{grid-template-columns:1fr}.image-panel img{height:auto}.image-caption{position:static;margin-top:10px}.gallery-grid figure{min-height:270px}.resource-card{display:block;padding:30px}.resource-card .button{margin-top:15px}.contact-panel{padding:30px 22px}.contact-details>a,.contact-details>div,.event{display:block}.contact-details span{display:block;text-align:left}.modal-box{padding:30px 20px}}
