/* ── site v2: the shared finish for every public page ───────────────────────
   Loaded last on About, Method, Schools, Families, Start, Updates, Privacy,
   Terms and Security, so these rules win over each page's own styles. The
   homepage (index.html) carries the same vocabulary inline. What this does:
   the nav shows the logo as the black tile with the white bolt, the buttons
   are pills, the nav blurs the page behind it, and the footer matches. */

/* the logo: the bare bolt becomes the tile, without touching the markup */
.wordmark{gap:9px !important}
.wordmark svg{width:28px !important;height:28px !important;padding:5.5px;border-radius:27%;background:#0A0A08;flex:none;box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 6px 14px -8px rgba(10,10,8,.6)}
.wordmark svg path{fill:#fff !important}
.wordmark .wm{font-family:'Playfair Display',serif !important;font-weight:900 !important;font-size:1.25rem !important;letter-spacing:-.02em !important;white-space:nowrap}
footer .fm svg{width:28px !important;height:28px !important;padding:5.5px;border-radius:27%;background:#fff;flex:none}
footer .fm svg path{fill:#0A0A08 !important}

/* the nav: glass over the page, the house kicker type for links */
nav{backdrop-filter:blur(16px) saturate(160%) !important;-webkit-backdrop-filter:blur(16px) saturate(160%) !important;background:rgba(252,250,246,.8) !important;border-bottom:1px solid rgba(10,10,8,.06) !important}
.nav-in{height:68px !important}
.nav-links a{font-family:'Space Grotesk',sans-serif !important;font-size:.78rem !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:rgba(10,10,8,.72) !important}
.nav-links a.here{color:#0A0A08 !important}
.nav-links a::after{height:2px !important;background:#C2540A !important}
.lang-sw{padding:3px !important;border-radius:999px !important;border:1px solid rgba(10,10,8,.14) !important}
.lang-b{font-family:'Space Grotesk',sans-serif !important;font-size:.68rem !important;font-weight:700 !important;letter-spacing:.06em !important;padding:6px 9px !important;border-radius:999px !important;border:0 !important}
.lang-b.active{background:#C2540A !important;color:#fff !important}

/* buttons: one pill scale, everywhere */
.btn{border-radius:999px !important;height:46px !important;padding:0 22px !important;font-family:'Space Grotesk',sans-serif !important;font-weight:600 !important;font-size:.92rem !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;transition:transform .18s,background .2s,color .2s,border-color .2s !important;white-space:nowrap}
.btn:hover{transform:translateY(-1px) !important}
.btn-solid{background:#0A0A08 !important;color:#F7F4EF !important;box-shadow:0 14px 30px -18px rgba(10,10,8,.7)}
.btn-solid:hover{background:#C2540A !important;color:#fff !important}
.btn-ghost{border:1px solid rgba(10,10,8,.16) !important;background:rgba(255,255,255,.5) !important;color:#0A0A08 !important}
.btn-orange{background:#C2540A !important;color:#fff !important}
.btn-cream{background:#F7F4EF !important;color:#0A0A08 !important}
.btn-outline{border:1px solid rgba(247,244,239,.35) !important;color:#F7F4EF !important}
@media(max-width:1119px){.nav-links{display:none !important}}
@media(max-width:640px){.nav-cta .btn-ghost{display:none !important}.nav-cta .btn{height:40px !important;padding:0 14px !important;font-size:.82rem !important}.lang-b{padding:5px 7px !important;font-size:.64rem !important}}
@media(max-width:430px){.wordmark .wm{display:none !important}}

/* the paper field, the same blooms as the homepage */
body{background:#FCFAF6 !important}
.gridlines{display:none !important}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vw 60vw at 0% 0%,rgba(194,84,10,.12),transparent 60%),radial-gradient(60vw 60vw at 100% 100%,rgba(27,54,222,.08),transparent 60%)}

/* cards and rows: the homepage's radius and shadow family */
.prin,.res-row,.tl-item,.founder,.card{border-radius:22px}
.prin:hover{transform:translateY(-3px)}

/* footer */
footer{background:#0A0A08 !important;color:rgba(247,244,239,.42) !important}
footer .links a,footer a{color:rgba(247,244,239,.6)}
footer .links a:hover,footer a:hover{color:#F7F4EF}
footer .fm .wm{color:#F7F4EF !important}