:root{
  --ink:#0f1110;--ink2:#171a18;--panel:#1d211e;--panel2:#242923;
  --paper:#ece8de;--muted:#b7b1a6;--brass:#b49355;--brass2:#d0b779;
  --line:#3b3e37;--danger:#b77a6a;--ok:#7f9c7a;--max:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Georgia,"Times New Roman",serif;line-height:1.68}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background:
radial-gradient(circle at 15% 20%,rgba(255,255,255,.04),transparent 28%),
radial-gradient(circle at 85% 15%,rgba(180,147,85,.05),transparent 25%),
linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px);background-size:auto,auto,100% 5px}
a{color:inherit}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
nav{position:sticky;top:0;z-index:20;background:rgba(15,17,16,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;font-family:Arial,sans-serif;font-weight:900;letter-spacing:.16em;font-size:.95rem}
.brand span{color:var(--brass2)}
.links{display:flex;align-items:center;gap:22px;font-family:Arial,sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.links a{text-decoration:none;color:var(--muted)}
.links a:hover,.links a.active{color:var(--paper)}
.cta{border:1px solid var(--brass);padding:10px 14px;color:var(--paper)!important}
.hero{padding:96px 0 76px;border-bottom:1px solid var(--line)}
.eyebrow{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.22em;color:var(--brass2);font-size:.76rem;font-weight:700}
h1,h2,h3{line-height:1.06;margin:0}
h1{font-family:Arial,sans-serif;font-size:clamp(3.4rem,8vw,7.4rem);letter-spacing:-.055em;font-weight:900;margin-top:14px}
h1 .thin{font-weight:400;color:var(--muted)}
.dek{font-size:clamp(1.2rem,2vw,1.55rem);max-width:850px;color:#d9d3c7;margin:30px 0 0}
.prose{max-width:860px;font-size:1.12rem;color:#d7d1c5}
.prose p{margin:0 0 1.4em}
.scripture{border-left:3px solid var(--brass);padding:18px 24px;margin:30px 0;background:rgba(180,147,85,.055);font-size:1.16rem}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;border:1px solid var(--brass);background:var(--brass);color:#111;text-decoration:none;padding:13px 18px;font:700 .78rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.btn.ghost{background:transparent;color:var(--paper);border-color:#666a61}
.btn.subtle{background:transparent;color:var(--brass2)}
.section{padding:74px 0;border-bottom:1px solid var(--line)}
.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}
.sectionhead h2{font:800 clamp(2rem,4vw,3.25rem) Arial,sans-serif;letter-spacing:-.04em}
.sectionhead p{margin:0;color:var(--muted);max-width:520px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{min-height:230px;background:linear-gradient(145deg,var(--panel),#181b19);border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;text-decoration:none;transition:.2s ease;position:relative;overflow:hidden}
.card:hover{transform:translateY(-3px);border-color:var(--brass)}
.card .num{font:700 .76rem Arial,sans-serif;letter-spacing:.18em;color:var(--brass2);margin-bottom:45px}
.card h3{font:800 1.45rem Arial,sans-serif;letter-spacing:-.025em;margin-bottom:12px}
.card p{color:var(--muted);margin:0;font-size:.98rem}
.card .arrow{margin-top:auto;padding-top:24px;color:var(--brass2);font-family:Arial,sans-serif}
.pagehero{padding:72px 0 46px;border-bottom:1px solid var(--line)}
.pagehero h1{font-size:clamp(2.7rem,6vw,5.2rem)}
.grid2{display:grid;grid-template-columns:1.3fr .7fr;gap:44px}
.aside{border:1px solid var(--line);background:var(--panel);padding:26px;height:max-content}
.aside h3{font:800 1.1rem Arial,sans-serif;margin-bottom:14px}
.aside p,.aside li{color:var(--muted)}
ul.accent{padding-left:18px}
ul.accent li{margin:.5em 0}
ul.accent li::marker{color:var(--brass)}
.readingtitle{font:800 clamp(2rem,4vw,3.5rem) Arial,sans-serif;letter-spacing:-.035em;margin:10px 0 8px}
.meta{font:700 .76rem Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--brass2)}
.challenge{margin:42px 0;border:1px solid var(--brass);background:linear-gradient(135deg,rgba(180,147,85,.12),rgba(180,147,85,.035));padding:30px}
.challenge h3{font:800 1.4rem Arial,sans-serif;margin-bottom:12px}
.formbox{margin-top:28px;background:var(--panel);border:1px solid var(--line);padding:28px}
label{display:block;font:700 .76rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;margin:16px 0 7px;color:var(--muted)}
input,textarea{width:100%;background:#111411;color:var(--paper);border:1px solid #4a4e46;padding:13px 14px;font:1rem Georgia,serif}
textarea{min-height:160px;resize:vertical}
.formrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.status{font:700 .8rem Arial,sans-serif;margin-top:14px;min-height:22px;color:var(--brass2)}
.note{font-size:.9rem;color:var(--muted)}
.choice{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.hidden{display:none!important}
.archive{display:grid;gap:10px}
.archive a{display:grid;grid-template-columns:150px 1fr auto;gap:20px;border:1px solid var(--line);padding:18px 20px;text-decoration:none;background:var(--panel)}
.archive .date{color:var(--brass2);font:700 .76rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.archive .title{font-weight:bold}
.footer{padding:48px 0;color:var(--muted);font-size:.9rem}
.footerin{display:flex;justify-content:space-between;gap:30px}
.kicker{font:900 1.15rem Arial,sans-serif;color:var(--paper)}
.smallcaps{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;color:var(--brass2)}
@media(max-width:850px){.links a:not(.cta){display:none}.cards{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.formrow{grid-template-columns:1fr}.archive a{grid-template-columns:1fr}.hero{padding-top:65px}.footerin{display:block}}