@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

:root { --ink:#15131a; --ink-soft:#211d27; --cream:#f7f2e8; --cream-soft:#eee7da; --gold:#c9a45c; --gold-light:#e5c986; --muted:#aaa3a0; --white:#fff; --line:rgba(255,255,255,.10); --shadow:0 24px 70px rgba(0,0,0,.28); --radius:22px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--cream); font-family:Inter,sans-serif; background:radial-gradient(circle at 15% 10%,rgba(201,164,92,.10),transparent 28%),radial-gradient(circle at 85% 35%,rgba(201,164,92,.045),transparent 30%),linear-gradient(135deg,#100e14 0%,#19151d 48%,#0f0e12 100%); min-height:100vh; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.045; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); z-index:-1; }
::selection { background:var(--gold); color:var(--ink); }
a { color:var(--gold-light); text-decoration:none; transition:color .25s ease,opacity .25s ease; }
a:hover { color:var(--white); }
#progressBar { position:fixed; top:0; left:0; width:0; height:3px; background:linear-gradient(90deg,var(--gold),var(--gold-light)); z-index:9999; box-shadow:0 0 18px rgba(201,164,92,.55); }
.particles { position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:-1; }
.particles::before,.particles::after { content:""; position:absolute; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(201,164,92,.06),transparent 68%); animation:floatGlow 22s infinite ease-in-out; }
.particles::before { top:8%; left:-180px; } .particles::after { right:-180px; bottom:10%; animation-delay:-11s; }
@keyframes floatGlow { 0%,100%{transform:translate3d(0,0,0) scale(1)} 50%{transform:translate3d(90px,-50px,0) scale(1.08)} }
nav { position:sticky; top:0; z-index:1000; padding:17px 24px; background:rgba(15,14,18,.86); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); }
.navInner { max-width:1240px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.navBrand { display:flex; align-items:center; gap:12px; } .navMark { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(201,164,92,.5); border-radius:50%; color:var(--gold-light); font-family:'Cormorant Garamond',serif; font-size:22px; }
nav h1 { margin:0; font-family:'Playfair Display',serif; font-size:20px; letter-spacing:-.01em; } nav h1 span{color:var(--gold-light);} .navTag{color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase;}
.hero { max-width:1240px; margin:auto; padding:86px 24px 64px; text-align:center; } .heroEyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--gold-light);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;} .heroEyebrow::before,.heroEyebrow::after{content:"";width:34px;height:1px;background:rgba(201,164,92,.6);} .hero h2{max-width:850px;margin:18px auto 14px;font-family:'Cormorant Garamond',serif;font-size:clamp(46px,7vw,78px);line-height:.95;font-weight:600;letter-spacing:-.025em;} .hero h2 span{color:var(--gold-light);} .hero p{max-width:650px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.8;} .heroRule{width:80px;height:1px;margin:30px auto 0;background:var(--gold);opacity:.7;}
.container{width:min(1240px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;align-items:start;} .posts{min-width:0;} .posts::before{display:none;} .sidebar{display:flex;flex-direction:column;gap:22px;position:sticky;top:86px;}
.sectionTitle{margin:0 0 18px 4px;color:var(--gold-light);font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:600;line-height:1.2;}
.post,.card{position:relative;overflow:hidden;padding:30px;margin-bottom:24px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 18px 55px rgba(0,0,0,.18);backdrop-filter:blur(14px);} .post::before,.card::before{content:"";position:absolute;top:0;left:30px;width:60px;height:2px;background:var(--gold);} .post:hover,.card:hover{border-color:rgba(201,164,92,.28);box-shadow:var(--shadow);transform:translateY(-3px);transition:.3s ease;} .post:first-child{border-color:rgba(201,164,92,.38);background:linear-gradient(145deg,rgba(201,164,92,.11),rgba(255,255,255,.035));}
.post h3,.card h3{margin:0 0 12px;color:var(--cream);font-family:'Cormorant Garamond',serif;font-size:32px;line-height:1.05;} .card h3{font-size:27px;} .date,.readTime,.metaLabel{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;} .date{margin:0 0 8px;} .readTime{margin:0 0 22px;color:#928b87 !important;} .post-content{max-width:780px;} .post-content p,.profile p,.card p{color:#d8d1ca;font-size:15px;line-height:1.9;} .post-content h4{margin:32px 0 14px;color:var(--gold-light);font-family:'Cormorant Garamond',serif;font-size:25px;text-align:left;}
.toggle{display:inline-block;margin-top:10px;padding:9px 14px;border:1px solid rgba(201,164,92,.35);border-radius:999px;color:var(--gold-light);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;} .toggle:hover{background:rgba(201,164,92,.1);} .profile{text-align:center;} .profile img{width:170px;height:170px;object-fit:cover;display:block;margin:20px auto 18px;border-radius:50%;border:2px solid rgba(201,164,92,.65);padding:5px;background:var(--ink);box-shadow:0 0 0 8px rgba(201,164,92,.05),0 20px 45px rgba(0,0,0,.35);} .profile p{text-align:left;margin-bottom:0;}
.worshipGrid{display:grid;grid-template-columns:1fr;gap:18px;} .worshipItem{margin-bottom:6px;} .worshipDate{display:block;margin:0 0 9px;color:var(--gold-light);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;} iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:13px;background:#000;} .connections p{margin:0 0 18px;} .connections p:last-child{margin-bottom:0;} .connections strong{color:var(--cream);}
.siteFooter{margin-top:90px;padding:70px 24px 45px;text-align:center;border-top:1px solid var(--line);background:rgba(7,7,9,.72);} .footerInner{max-width:900px;margin:auto;} .footerBrand{color:var(--cream);font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:600;} .footerText{max-width:600px;margin:10px auto 28px;color:var(--muted);line-height:1.8;} .footerLinks{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-bottom:30px;} .footerLinks a{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;} .copyright,.credit{margin:8px 0 0;color:#777174;font-size:11px;}
@media(max-width:950px){.container{grid-template-columns:1fr}.sidebar{position:static;}} @media(max-width:650px){nav{padding:14px 16px}.navInner{justify-content:center}.navTag{display:none}nav h1{font-size:18px}.hero{padding:62px 20px 45px}.hero h2{font-size:49px}.container{width:min(100% - 24px,1240px)}.post,.card{padding:24px 20px;border-radius:18px}.post::before,.card::before{left:20px}.post h3{font-size:29px}.footerBrand{font-size:31px}.footerLinks{flex-direction:column;gap:13px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}}