:root{
  --navy:#0D1B2A; --navy2:#1B263B; --gold:#D4AF37; --gold-lt:#F2C766;
  --cream:#F5E9C8; --ink:#0A141F; --muted:#9AA7B8; --card:#122539;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--navy);color:var(--cream);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;
  line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,.serif{font-family:Georgia,"Times New Roman",serif;color:var(--gold-lt);letter-spacing:.02em}
a{color:var(--gold-lt)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header.site{border-bottom:1px solid rgba(212,175,55,.22);padding:18px 0;position:sticky;top:0;background:rgba(13,27,42,.94);backdrop-filter:blur(8px);z-index:10}
.nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.brand img{width:44px;height:44px;border-radius:10px;border:1px solid rgba(212,175,55,.5)}
.brand span{font-family:Georgia,serif;color:var(--gold-lt);font-size:1.25rem;letter-spacing:.28em}
.nav a.nl{color:var(--cream);text-decoration:none;font-size:.95rem;opacity:.85}
.nav a.nl:hover{color:var(--gold-lt);opacity:1}
.btn{display:inline-block;background:linear-gradient(180deg,var(--gold-lt),var(--gold));
  color:var(--ink);font-weight:700;padding:13px 30px;border-radius:999px;text-decoration:none;
  border:1px solid rgba(245,233,200,.5)}
.btn.ghost{background:transparent;color:var(--gold-lt);border:1px solid var(--gold)}
.btn.sm{padding:9px 20px;font-size:.9rem}
.hero{text-align:center;padding:84px 0 72px}
.badge{display:inline-block;border:1px solid var(--gold);color:var(--gold-lt);
  border-radius:999px;padding:7px 20px;font-size:.78rem;letter-spacing:.22em;margin-bottom:28px}
.hero img.emblem{width:180px;height:180px;border-radius:36px;margin:0 auto 28px;display:block;
  border:1px solid rgba(212,175,55,.55);box-shadow:0 0 80px rgba(212,175,55,.22)}
.hero h1{font-size:clamp(2.6rem,6vw,4.4rem);line-height:1.1;margin-bottom:10px}
.hero .tag{font-family:Georgia,serif;color:var(--gold);font-size:clamp(1.1rem,2.6vw,1.5rem);letter-spacing:.14em;margin-bottom:22px}
.hero p.lede{max-width:640px;margin:0 auto 34px;color:var(--cream);opacity:.88;font-size:1.08rem}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
section.block{padding:56px 0}
section.block h2{font-size:clamp(1.7rem,3.6vw,2.4rem);margin-bottom:8px;text-align:center}
.sub{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 36px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.card{background:var(--card);border:1px solid rgba(212,175,55,.25);border-radius:16px;padding:26px 24px}
.card h3{font-size:1.2rem;margin-bottom:8px;color:var(--gold-lt)}
.card p{color:var(--cream);opacity:.82;font-size:.96rem}
.card .glyph{font-size:1.7rem;margin-bottom:10px;display:block}
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;text-align:center}
.pillar{padding:10px}
.pillar .n{font-family:Georgia,serif;font-size:2rem;color:var(--gold);display:block;margin-bottom:6px}
.pillar h3{font-size:1.15rem;margin-bottom:6px}
.pillar p{color:var(--muted);font-size:.94rem}
.pantheon{position:relative;overflow:hidden}
.pantheon::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(13,27,42,.55));pointer-events:none}
.vision{background:linear-gradient(180deg,var(--navy2),var(--navy));border-top:1px solid rgba(212,175,55,.22);border-bottom:1px solid rgba(212,175,55,.22);text-align:center}
.vision blockquote{font-family:Georgia,serif;font-size:clamp(1.4rem,3.4vw,2rem);color:var(--gold-lt);max-width:720px;margin:0 auto 18px;line-height:1.4}
footer{border-top:1px solid rgba(212,175,55,.22);padding:38px 0 46px;text-align:center;color:var(--muted);font-size:.92rem}
footer .flinks{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--gold-lt)}
footer .sig{color:var(--gold-lt);font-family:Georgia,serif;letter-spacing:.06em;margin-bottom:10px}
.prose{max-width:760px;margin:0 auto;padding:56px 24px}
.prose h1{font-size:2.2rem;margin-bottom:20px}
.prose h2{font-size:1.4rem;margin:30px 0 10px;text-align:left}
.prose p,.prose li{color:var(--cream);opacity:.88;margin-bottom:12px}
.prose ul{padding-left:22px}
@media(max-width:640px){.nav{gap:14px}.nav a.nl{display:none}}