:root{
  --bg:#06080b; --bg2:#05070a; --surface:#1b2434; --surface2:#242f45; --cardbody:#171f2d;
  --panel:#0b0f16; --panel-line:#232a38; --emblem-panel:#11161f; --emblem-line:#3a4356;
  --line:#2c3648; --header-line:#262c38;
  --white:#f4f6f8; --text:#e8ebef; --muted:#9aa3af; --body-gray:#a7afbb;
  --silver:#c7ccd4; --silver-dim:#7d8590; --chip-bg:#161d2a; --chip-line:#232c3d;
  --serif:Georgia,'Playfair Display','Times New Roman',Times,serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.6}
h1,h2,.brand-name{font-family:var(--serif);font-weight:600}
a{color:var(--silver)}
/* Header — centered emblem lockup */
.site-header{background:#070707;border-bottom:1px solid var(--header-line);text-align:center;padding:22px 20px 0}
.brand{display:inline-block;text-decoration:none;color:var(--white)}
.brand-logo{display:block;margin:0 auto;width:auto;height:106px;max-height:110px;max-width:min(430px,88vw);object-fit:contain}
.brand-emblem{width:58px;height:58px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 10px;border:1px solid var(--emblem-line)}
.brand-name{display:block;font-size:1.3rem;letter-spacing:.3em;color:var(--white);text-indent:.3em}
.brand-sub{display:block;font-family:var(--sans);font-size:.68rem;letter-spacing:.58em;text-indent:.58em;color:var(--silver);margin-top:3px}
nav{margin-top:18px;border-top:1px solid var(--header-line);padding:13px 10px 15px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px}
nav a{color:var(--text);text-decoration:none;font-size:.86rem;font-weight:600}
nav a:hover{color:#ffffff;text-decoration:underline;text-underline-offset:4px}
/* Layout */
main{max-width:1080px;margin:0 auto;padding:34px 20px 56px}
main>h2{color:var(--white);font-size:2rem;margin:.15em 0 .45em}
main>p{color:var(--muted);max-width:680px}
h2{color:var(--white);font-size:1.9rem;margin:.2em 0 .5em}
.eyebrow{color:var(--silver);font-size:.74rem;letter-spacing:.32em;text-transform:uppercase;font-family:var(--sans);font-weight:700}
.lede{color:var(--muted);max-width:680px}
section{margin-bottom:52px}
/* Hero */
.hero{padding:30px 8px 8px}
.hero h1{color:var(--white);font-size:2.9rem;line-height:1.14;margin:.32em 0 .3em;max-width:720px}
.hero .support{color:var(--muted);max-width:600px;font-size:1.05rem;margin:0}
.hero-btns{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}
.btn-primary{display:inline-block;background:var(--white);color:#0a0c0f;border:1px solid var(--white);border-radius:8px;padding:12px 24px;text-decoration:none;font-weight:700;font-size:.95rem}
.btn-primary:hover{background:var(--silver)}
.btn-outline{display:inline-block;background:transparent;color:var(--white);border:1px solid #8a93a1;border-radius:8px;padding:12px 24px;text-decoration:none;font-weight:700;font-size:.95rem}
.btn-outline:hover{border-color:var(--white)}
.emblem-panel{margin-top:36px;background:var(--emblem-panel);border:1px solid var(--emblem-line);border-radius:16px;padding:36px 20px 28px;text-align:center}
.emblem-panel .hero-emblem{width:min(330px,82%);height:auto;display:block;margin:0 auto}
.panel-name{font-family:var(--serif);font-size:1.65rem;letter-spacing:.34em;text-indent:.34em;color:var(--white);margin-top:20px}
.panel-sub{font-size:.78rem;letter-spacing:.62em;text-indent:.62em;color:var(--silver);margin-top:5px}
.panel-caption{color:var(--silver-dim);font-size:.82rem;margin-top:9px}
.chips{margin-top:22px;background:var(--chip-bg);border:1px solid var(--chip-line);border-radius:10px;padding:15px 18px;text-align:center;color:#d5dae1;font-size:.92rem}
.chips span{margin:0 6px;white-space:nowrap}
.more{margin-top:18px}
.more a{color:var(--white);font-weight:600}
/* Centered dark panels (philosophy / care) */
.panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:14px;padding:46px 28px;text-align:center}
.panel h2{font-size:2.15rem}
.panel p{color:var(--body-gray);max-width:660px;margin-left:auto;margin-right:auto}
.panel .lede{margin-left:auto;margin-right:auto}
.panel .btn-outline{margin-top:10px}
/* Cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-top:20px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s ease,transform .2s ease}
.card:hover{border-color:#4a5568;transform:translateY(-2px)}
.card img{width:100%;height:210px;object-fit:cover;display:block;background:var(--surface2)}
.card .body{padding:16px 18px 18px;background:var(--cardbody)}
.card h3{margin:0 0 4px;color:var(--white);font-family:var(--sans);font-weight:700;font-size:1.22rem}
.status{color:var(--silver);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;font-weight:700;margin:0 0 7px}
.morph{color:var(--muted);font-size:.92rem;margin:6px 0}
.desc{font-size:.9rem;color:var(--body-gray)}
.explore{display:inline-block;margin-top:10px;color:var(--white);font-weight:600;font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
.explore:hover{color:var(--silver)}
/* Articles */
.articles{list-style:none;padding:0}.articles li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:14px}
.articles li:hover{border-color:#4a5568}
.articles a{color:var(--white);font-family:var(--serif);font-size:1.15rem;text-decoration:none}.articles a:hover{color:var(--silver)}
.articles p{color:var(--muted)}
.cat{color:var(--silver);font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;font-weight:700}
.article-body{background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:22px 26px;color:#c3cad4;margin-bottom:22px}
.article-body a{color:var(--silver)}
.article-body strong{color:var(--white)}
.article-body h2{color:var(--white);font-family:var(--serif);font-size:1.55rem;margin:.55em 0 .4em}
.article-body h2:first-child{margin-top:0}
.article-body h3,.article-body h4{color:var(--white);font-family:var(--serif)}
.article-body p{margin:.65em 0}
.article-body hr{border:none;border-top:1px solid var(--line);margin:26px 0}
/* FAQ (contact page) */
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:12px}
.faq-item h3{margin:0 0 6px;color:var(--white);font-family:var(--sans);font-size:1.03rem}
.faq-item p{color:var(--body-gray);margin:0}
/* Inquiry form (contact page) */
.contact-email{font-size:1.08rem;color:var(--text)}
.contact-email a{color:var(--white);font-weight:700}
.inquiry-form{max-width:560px}
.inquiry-form label{display:block;color:var(--silver);font-size:.88rem;font-weight:600;letter-spacing:.04em;margin-bottom:14px}
.inquiry-form input,.inquiry-form textarea{display:block;width:100%;margin-top:6px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px 13px;color:var(--text);font-family:var(--sans);font-size:.95rem}
.inquiry-form input:focus,.inquiry-form textarea:focus{outline:none;border-color:#4a5568}
.form-note{color:var(--muted);font-size:.92rem}
/* Footer */
footer{background:var(--bg2);border-top:1px solid var(--header-line);color:var(--muted);text-align:center;padding:28px 18px}
footer .foot-emblem{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--emblem-line)}
footer .foot-line{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--silver);margin:10px 0 6px}
footer .proto{color:var(--silver-dim);font-size:.8rem}