/* Post Tenebras Lux — Static Site v1 */
:root{--bg:#0b0b0d;--panel-light:#f5f1ea;--text:#eee8dc;--text-muted:#c7beb1;--ink:#1b1715;--crimson:#5a0b0b;--gold:#b58a3a;--gold-light:#f4c96b;--border:rgba(244,201,107,.22);--shadow:0 24px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--gold-light)}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.narrow{width:min(850px,calc(100% - 40px))}
.site-header{position:sticky;top:0;z-index:10;background:rgba(11,11,13,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(244,201,107,.16)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.92rem}.brand-logo{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid rgba(244,201,107,.35)}.nav-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.92rem}.nav-links a:hover{color:var(--gold-light)}
.hero{position:relative;overflow:hidden;padding:86px 0 82px;background:radial-gradient(circle at 72% 48%,rgba(244,201,107,.2),transparent 28%),radial-gradient(circle at 20% 18%,rgba(90,11,11,.45),transparent 33%),linear-gradient(135deg,#080809 0%,#141114 52%,#070708 100%)}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at center,black,transparent 82%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:52px;align-items:center}
.eyebrow,.section-label{color:var(--gold-light);text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;font-weight:700;margin:0 0 12px}.gold{color:var(--gold-light)}h1,h2,h3{line-height:1.1;margin-top:0}h1{font-size:clamp(3rem,8vw,6.4rem);margin-bottom:18px;letter-spacing:.02em;text-transform:uppercase}h2{font-size:clamp(2rem,4vw,3.3rem);margin-bottom:20px}h3{font-size:1.25rem;margin-bottom:8px;color:var(--gold-light)}.tagline{font-size:clamp(1.35rem,2.5vw,2.05rem);color:var(--text);margin:0 0 14px;max-width:760px}.subtagline{color:var(--text-muted);font-size:1.15rem;margin:0 0 30px;max-width:680px}
.hero-actions,.join-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:700;letter-spacing:.03em;transition:transform .15s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#1b1309;border:1px solid rgba(255,243,214,.55)}.button.secondary{border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.04)}.button.secondary.light{color:var(--gold-light);background:rgba(0,0,0,.15)}
.hero-logo-wrap{display:flex;justify-content:center}.hero-logo{width:min(410px,88vw);aspect-ratio:1/1;object-fit:cover;border-radius:50%;box-shadow:var(--shadow);border:2px solid rgba(244,201,107,.32)}
.intro-section{padding:56px 0;background:#100f11;border-top:1px solid rgba(244,201,107,.12);border-bottom:1px solid rgba(244,201,107,.12)}.lead{font-size:clamp(1.35rem,3vw,2rem);line-height:1.35;color:var(--text);margin-top:0}
.content-section{padding:82px 0;background:var(--panel-light);color:var(--ink)}.content-section.muted{background:#e8dfd2}.two-column{display:grid;grid-template-columns:.85fr 1.35fr;gap:64px}.content-section .section-label{color:var(--crimson)}.section-copy p:first-child{margin-top:0}.statement{border-left:4px solid var(--crimson);padding-left:18px;font-size:1.15rem}
.dark-panel{padding:76px 0;background:linear-gradient(135deg,rgba(90,11,11,.65),rgba(11,11,13,.95)),#0d0d0f;color:var(--text);border-top:1px solid rgba(244,201,107,.16);border-bottom:1px solid rgba(244,201,107,.16)}.dark-panel h2{max-width:930px}.dark-panel p{max-width:850px;color:var(--text-muted);font-size:1.1rem}
.cards{display:grid;gap:18px;margin-top:32px}.five-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.card{background:#fffaf1;border:1px solid rgba(90,11,11,.12);padding:24px;box-shadow:0 14px 30px rgba(0,0,0,.08);min-height:250px}.card h3{color:var(--crimson)}.card p{margin-bottom:0}.confession-list{margin:22px 0;padding-left:21px}.confession-list li{margin:9px 0}
.join-section{padding:86px 0;background:radial-gradient(circle at 50% 5%,rgba(244,201,107,.15),transparent 34%),linear-gradient(135deg,#080809,#1d0809);color:var(--text)}.join-box{border:1px solid rgba(244,201,107,.22);background:rgba(255,255,255,.045);padding:clamp(28px,5vw,52px);border-radius:24px;box-shadow:var(--shadow)}.join-box h2{margin-bottom:12px}.join-box p{max-width:780px;color:var(--text-muted)}.contact-line{margin-top:22px;font-size:.98rem}
.site-footer{background:#060607;color:var(--text-muted);padding:42px 0 22px;border-top:1px solid rgba(244,201,107,.14)}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.footer-brand{color:var(--text);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin:0 0 8px}.footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:.88rem}
@media (max-width:920px){.hero-grid,.two-column,.footer-grid{grid-template-columns:1fr}.hero{padding-top:60px}.hero-logo-wrap{justify-content:flex-start}.five-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{align-items:flex-start;padding:14px 0;flex-direction:column}}
@media (max-width:580px){.container,.narrow{width:min(100% - 28px,1120px)}.nav-links{gap:12px}.brand-text{font-size:.84rem}h1{font-size:2.72rem}.five-cards{grid-template-columns:1fr}.card{min-height:auto}.button{width:100%}}
