:root{
  --bg:#02060a;--panel:#071016e6;--panel2:#0a151ecc;--line:#223542;--text:#eef4f6;--muted:#99a8af;
  --red:#ff2b2b;--cyan:#00e8ff;--blue:#21a8ff;--gold:#ffb936;--green:#55ff88;--violet:#c761ff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#18283a 0,#03070b 42%,#010203 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 16% 8%,rgba(0,210,255,.17),transparent 30%),radial-gradient(circle at 82% 12%,rgba(255,0,0,.16),transparent 26%);pointer-events:none;z-index:-3}
.noise,.scanlines,.stars{position:fixed;inset:0;pointer-events:none}.noise{z-index:60;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.scanlines{z-index:61;background:linear-gradient(to bottom,transparent 0 96%,rgba(255,255,255,.035) 97%);background-size:100% 5px;mix-blend-mode:screen;opacity:.23}.stars{z-index:-1;background:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,#fff 0 1px,transparent 2px),radial-gradient(circle at 44% 16%,#89eaff 0 1px,transparent 2px);background-size:290px 290px;animation:stars 35s linear infinite;opacity:.21}@keyframes stars{to{transform:translateY(290px)}}
.zx-nav{height:74px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:0 28px;background:rgba(1,3,6,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #000}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:900;font-size:28px;letter-spacing:2px}.brand b{color:var(--red)}.sigil{width:40px;height:40px;border:1px solid #762020;border-radius:50%;display:grid;place-items:center;color:var(--red);box-shadow:0 0 25px #ff000033;font-size:14px}.zx-nav nav{display:flex;gap:25px;flex:1;justify-content:center}.zx-nav nav a{color:#d7dde0;text-transform:uppercase;font-size:14px;text-decoration:none;letter-spacing:.7px;padding:28px 0;position:relative}.zx-nav nav a.active:after,.zx-nav nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);box-shadow:0 0 14px var(--red)}.nav-icons{display:flex;gap:12px}.nav-icons button{background:#05090e;border:1px solid #2b3a43;border-radius:8px;color:#dce5e8;width:44px;height:44px;font-size:18px}
main{max-width:1760px;margin:0 auto;padding:0 16px 34px}.hero{min-height:560px;border:1px solid #263947;border-radius:16px;margin-top:10px;overflow:hidden;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:center;padding:56px 60px;box-shadow:0 28px 90px #000 inset}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#03070c 0,#06121be8 42%,#07111a7a 78%),url('../images/hero-magazine.jpg') center/cover;filter:saturate(1.15) contrast(1.08);animation:heroDrift 18s ease-in-out infinite alternate}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,224,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,224,255,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);opacity:.45}@keyframes heroDrift{to{transform:scale(1.05) translateX(-1.5%)}}
.hero-copy,.manifesto{position:relative;z-index:2}.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:7px;font-weight:900}.hero h1{font-size:86px;line-height:.92;text-transform:uppercase;margin:8px 0;letter-spacing:5px;text-shadow:0 0 30px #000}.hero h1 span{color:var(--cyan)}.lede{max-width:720px;color:#d6e1e5;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:16px;margin-top:28px}.hero-actions button,.hero-actions a,.bible-card button{padding:15px 22px;border:1px solid var(--cyan);color:var(--cyan);text-transform:uppercase;text-decoration:none;font-weight:900;letter-spacing:1px;border-radius:6px;background:#021018cc;box-shadow:0 0 28px #00e8ff25;cursor:pointer}.hero-actions a{border-color:var(--red);color:#ffb7b7;background:#170307cc}
.manifesto{background:rgba(1,8,12,.78);border:1px solid #2b4554;border-radius:14px;padding:24px;box-shadow:inset 0 0 40px #00d9ff0d,0 0 40px #000}.manifesto h3{color:var(--cyan);text-transform:uppercase;letter-spacing:2px}.layer{padding:14px;border-left:3px solid var(--cyan);margin:12px 0;background:linear-gradient(90deg,rgba(0,232,255,.1),transparent)}.layer b{display:block;text-transform:uppercase}.layer span{color:var(--muted);font-size:13px}
.category-strip{display:flex;gap:12px;overflow:auto;padding:18px 0}.category-strip button{white-space:nowrap;border:1px solid #263947;background:linear-gradient(180deg,#0a141d,#05090e);color:#ccd7dc;border-radius:999px;padding:12px 18px;text-transform:uppercase;font-weight:800;cursor:pointer}.category-strip button.active,.category-strip button:hover{border-color:var(--red);color:white;box-shadow:0 0 28px #ff00002b}
.mag-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;gap:18px}.rail-card,.article-shell,.right-rail>*,.podcast-strip{border:1px solid #263947;border-radius:14px;background:rgba(3,8,12,.72);box-shadow:0 18px 48px #0007}.rail-card{padding:18px;margin-bottom:18px}.rail-card img{width:100%;height:220px;object-fit:cover;border-radius:10px}.rail-card h3,.topic-card h3{color:var(--cyan);text-transform:uppercase}.rail-card p,.rail-card li,.topic-card button,.bible-card p{color:#b8c6cc;line-height:1.55}.rail-card ul{list-style:none;padding:0;margin:0}.rail-card li{margin:12px 0}.rail-card li span{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 14px var(--red);margin-right:10px}
.article-shell{padding:24px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title h2{font-size:40px;text-transform:uppercase;margin:4px 0;letter-spacing:2px}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-card{position:relative;min-height:420px;border:1px solid #263947;border-radius:12px;overflow:hidden;background:#05090d;cursor:pointer;transform:translateY(30px);opacity:0;transition:.6s cubic-bezier(.2,.8,.2,1)}.article-card.show{transform:translateY(0);opacity:1}.article-card:hover{transform:translateY(-8px) scale(1.01);border-color:var(--accent);box-shadow:0 0 46px color-mix(in srgb,var(--accent),transparent 68%)}.article-card img{width:100%;height:210px;object-fit:cover;transition:.45s}.article-card:hover img{transform:scale(1.08);filter:saturate(1.25) contrast(1.1)}.article-copy{padding:18px}.article-copy b{color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:12px}.article-copy h3{font-size:26px;margin:8px 0;text-transform:uppercase}.article-copy p{color:#c9d3d8;line-height:1.55}.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.article-tags span{border:1px solid #344c5a;border-radius:999px;padding:7px 10px;color:#aac1ca;font-size:12px}
.bible-card{overflow:hidden;margin-bottom:18px}.bible-card img{width:100%;height:220px;object-fit:cover}.bible-card div,.topic-card{padding:18px}.bible-card h3{font-size:30px;text-transform:uppercase;margin:4px 0}.bible-card button{width:100%;margin-top:10px}.topic-card button{width:100%;text-align:left;padding:14px;margin:10px 0;background:#071018;border:1px solid #263947;border-radius:8px;cursor:pointer}.topic-card button:hover{border-color:var(--red);color:#fff;box-shadow:0 0 24px #ff00001f}
.podcast-strip{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px;padding:22px;margin-top:22px;align-items:center}.podcast-strip h2{margin:4px 0;text-transform:uppercase}.podcast-strip article{border:1px solid #263947;border-radius:10px;padding:16px;background:linear-gradient(180deg,#0a141d,#05090e);display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center}.podcast-strip b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--red);border:1px solid var(--red);box-shadow:0 0 20px #ff000044}.podcast-strip span{font-weight:800}.podcast-strip small{color:var(--muted)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;place-items:center;z-index:100;padding:24px}.modal.open{display:grid}.reader{width:min(1120px,94vw);max-height:92vh;display:grid;grid-template-columns:42% 1fr;background:#061018;border:1px solid #365062;border-radius:16px;overflow:hidden;box-shadow:0 0 90px #000;position:relative}.reader>img{width:100%;height:100%;object-fit:cover;min-height:620px}.reader-copy{padding:36px;overflow:auto}.reader-copy h2{font-size:44px;line-height:1;text-transform:uppercase;margin:0 0 12px}.meta{color:#9fb0b8;text-transform:uppercase;letter-spacing:1px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 24px}.tag-row span{border:1px solid #344c5a;border-radius:999px;padding:8px 12px;color:var(--cyan);font-size:12px}.article-body p{font-size:17px;line-height:1.85;color:#d7e0e4}.article-body p:first-child:first-letter{font-size:58px;color:var(--red);font-weight:900;float:left;line-height:.88;margin-right:8px}.close{position:absolute;top:16px;right:18px;width:42px;height:42px;background:#06090d;color:white;border:1px solid #385160;border-radius:50%;font-size:24px;z-index:2;cursor:pointer}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1350px){.mag-layout{grid-template-columns:260px 1fr}.right-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.podcast-strip{grid-template-columns:1fr}.zx-nav nav{gap:14px}.zx-nav nav a{font-size:12px}}
@media(max-width:900px){.zx-nav nav{display:none}.hero{display:block;padding:36px 24px}.hero h1{font-size:52px}.manifesto{margin-top:30px}.mag-layout,.article-grid,.right-rail{display:block}.left-rail{display:none}.article-card,.right-rail>*{margin-bottom:18px}.reader{grid-template-columns:1fr}.reader>img{height:290px;min-height:0}.reader-copy h2{font-size:34px}}