:root{--navy:#152a3a;--blue:#315b73;--gold:#d5ad64;--cream:#fbf7ee;--paper:#fffdf8;--ink:#26323a;--muted:#5f6b72;--white:#fff;--shadow:0 18px 45px rgba(21,42,58,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Georgia,"Times New Roman",serif;line-height:1.75}a{color:inherit}img{max-width:100%;display:block}.site-header{position:absolute;inset:0 0 auto 0;z-index:10;padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(to bottom,rgba(10,24,34,.78),transparent)}.brand{font-size:clamp(1rem,2vw,1.35rem);font-weight:700;letter-spacing:.04em;text-shadow:0 2px 12px rgba(0,0,0,.35)}nav{display:flex;gap:22px;font-family:Arial,sans-serif;font-size:.92rem}nav a{text-decoration:none}nav a:hover{color:#ffe7ac}.hero{min-height:70vh;display:grid;align-items:end;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(14,30,42,.78) 0%,rgba(14,30,42,.40) 46%,rgba(14,30,42,.08) 76%),linear-gradient(to top,rgba(14,30,42,.70),transparent 50%),url('jesus-in-the-clouds.png') 58% center/cover no-repeat;box-shadow:var(--shadow)}.hero-copy{width:min(900px,90vw);margin:0 auto;padding:160px 0 70px;color:#fff}.eyebrow{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:#f4d495;font-weight:700}.hero h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.05;margin:.25em 0}.hero p{font-size:clamp(1.05rem,2vw,1.32rem);max-width:760px}.wrap{width:min(1120px,90vw);margin:auto}.intro{padding:75px 0}.intro h2,.library h2{font-size:clamp(2rem,4vw,3rem);color:var(--navy);line-height:1.15}.intro p{font-size:1.12rem}.note{padding:24px 28px;border-left:4px solid var(--gold);background:#f7f0e2;box-shadow:var(--shadow);margin-top:30px}.library{padding:20px 0 90px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{display:flex;flex-direction:column;text-decoration:none;background:var(--paper);border:1px solid #e8dfd0;border-radius:18px;padding:26px;box-shadow:0 10px 28px rgba(21,42,58,.08);transition:.2s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.article-card span{font-family:Arial,sans-serif;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.article-card h3{margin:8px 0 0;color:var(--navy);font-size:1.35rem;line-height:1.25}.article-main{padding:75px 0}.article-main h2{color:var(--navy);font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.lead{font-size:1.18rem;max-width:900px}.scripture-box{margin:28px 0;padding:30px 34px;background:var(--paper);border:1px solid #e7ddcc;border-left:6px solid var(--gold);border-radius:12px;box-shadow:var(--shadow)}.scripture-box h3{margin:0 0 14px;color:var(--blue);font-family:Arial,sans-serif;font-size:1rem;letter-spacing:.05em}.scripture-box blockquote{margin:0;font-size:1.18rem;line-height:1.7}.reflection{margin-top:45px;padding:32px;background:var(--navy);color:#eef5f7;border-radius:16px}.reflection h2{color:#fff;margin-top:0}.article-nav{display:flex;justify-content:space-between;gap:18px;margin-top:40px;font-family:Arial,sans-serif}.button{display:inline-block;text-decoration:none;padding:12px 18px;border-radius:999px;background:var(--gold);color:var(--navy);font-weight:700}.button.secondary{background:var(--navy);color:#fff}footer{padding:34px 5vw;text-align:center;background:#0f2230;color:#dce7ec;font-family:Arial,sans-serif;font-size:.9rem}@media(max-width:850px){.article-grid{grid-template-columns:1fr 1fr}nav{display:none}}@media(max-width:600px){.article-grid{grid-template-columns:1fr}.hero{min-height:76vh}.hero-copy{padding-bottom:45px}.scripture-box{padding:24px}.article-nav{flex-direction:column}.button{text-align:center}}