:root{--ink:#0b1118;--navy:#16263a;--navy2:#233a57;--blue:#467ff7;--mist:#ecf0f1;--slate:#34495e;--muted:#718096;--paper:#fbfcfd;--line:#dfe5ea;--max:1140px;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.72;color:var(--slate);background:var(--paper)}a{color:inherit}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}
.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(251,252,253,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(52,73,94,.1)}.nav{min-height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}.brand-mark{width:38px;height:38px;border:1px solid var(--navy2);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:12px;letter-spacing:.08em}.brand-copy strong{display:block;font-family:var(--serif);font-size:20px;font-weight:500;color:var(--navy)}.brand-copy small{display:block;font-size:10px;letter-spacing:.06em;color:var(--muted)}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{text-decoration:none;color:#324a6d;font-weight:600;font-size:15px}.nav-links a:hover{color:var(--blue)}.nav-search{border:0;background:transparent;color:var(--navy2);cursor:pointer;font-size:20px}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.mobile-nav{display:none;padding:0 0 18px}.mobile-nav a{display:block;padding:8px 0;text-decoration:none;font-weight:600}
.hero{min-height:calc(100vh - 74px);display:grid;place-items:center;text-align:center;color:#fff;background-image:linear-gradient(180deg,rgba(4,9,14,.08) 38%,rgba(0,0,0,.78) 100%),url('/media/2023/02/reverieof3BackgroundVariantForDesktop1.jpg');background-size:cover;background-position:center}.hero-inner{padding:60px 20px 80px}.hero h1{font-family:var(--serif);font-size:clamp(64px,11vw,136px);font-weight:400;letter-spacing:-.045em;margin:0 0 18px;text-shadow:0 4px 26px rgba(0,0,0,.32)}.hero .scripture{font-size:clamp(14px,1.5vw,18px);font-weight:300;max-width:730px;margin:0 auto;letter-spacing:.02em}.intro{background:#090e12;color:#d7dfe8;padding:78px 0}.intro p{max-width:930px;margin:0 auto;text-align:center;font-size:clamp(20px,2.5vw,31px);font-weight:300;line-height:1.5}.section{padding:78px 0}.section-dark{background:#0f1722;color:#d9e0e7}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--blue)}h1,h2,h3{color:var(--navy);line-height:1.16}h2.section-title{font-family:var(--serif);font-size:clamp(34px,5vw,58px);font-weight:400;margin:4px 0}.section-dark h2,.section-dark h3{color:#fff}.view-all{text-decoration:none;color:var(--blue);font-weight:700}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.post-card{background:#fff;border:1px solid var(--line);border-radius:3px;overflow:hidden;display:flex;flex-direction:column;min-height:100%;box-shadow:0 12px 36px rgba(22,38,58,.05)}.post-card-media{aspect-ratio:16/10;background:#e9eef2;overflow:hidden}.post-card-media img{width:100%;height:100%;object-fit:cover}.post-card-body{padding:24px}.post-card h3{font-family:var(--serif);font-size:28px;font-weight:500;margin:0 0 10px}.post-card h3 a{text-decoration:none}.post-meta{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:14px}.post-card p{margin:0;color:#5d6b78;font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{position:relative;min-height:270px;overflow:hidden;text-decoration:none;background:#172331;color:#fff;display:flex;align-items:end}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.74) brightness(.62);transition:transform .5s ease}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(5,11,18,.92))}.category-card:hover img{transform:scale(1.04)}.category-card div{position:relative;z-index:2;padding:24px}.category-card h3{color:#fff;font-family:var(--serif);font-size:26px;margin:0 0 5px}.category-card p{font-size:13px;line-height:1.45;color:#dbe3eb;margin:0}
.page-hero{padding:96px 0 58px;background:#101924;color:#fff}.page-hero h1{color:#fff;font-family:var(--serif);font-size:clamp(52px,8vw,90px);font-weight:400;margin:0}.page-hero p{max-width:760px;color:#bdc9d5}.content-shell{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:72px;align-items:start}.prose{font-family:var(--serif);font-size:19px;color:#2f3e4c}.prose p{margin:0 0 1.3em}.prose h2,.prose h3{font-family:var(--serif);margin-top:1.8em}.prose h2{font-size:34px}.prose h3{font-size:27px}.prose a{color:#315fb8;text-decoration-thickness:1px;text-underline-offset:3px}.prose blockquote{border-left:3px solid var(--blue);margin:2em 0;padding:4px 0 4px 22px;color:#586776;font-style:italic}.prose img{display:block;margin:32px auto;border-radius:2px}.prose .alignleft{float:left;max-width:45%;margin:7px 26px 18px 0}.prose .alignright{float:right;max-width:45%;margin:7px 0 18px 26px}.prose:after{content:"";display:block;clear:both}.article-title{font-family:var(--serif);font-size:clamp(46px,7vw,82px);font-weight:400;letter-spacing:-.025em;margin:12px 0 18px}.article-meta{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.article-featured{margin:40px 0 56px;max-height:650px;width:100%;object-fit:cover}.side-card{border-top:2px solid var(--navy);padding-top:16px;margin-bottom:30px}.side-card h3{font-size:14px;text-transform:uppercase;letter-spacing:.1em}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:12px;padding:6px 10px;border:1px solid var(--line);text-decoration:none;border-radius:2px;background:#fff}.archive-list{display:grid;gap:22px}.archive-row{display:grid;grid-template-columns:180px 1fr;gap:26px;padding-bottom:22px;border-bottom:1px solid var(--line)}.archive-row img{width:180px;height:120px;object-fit:cover;background:#e8edf1}.archive-row h2{font-family:var(--serif);font-weight:500;font-size:31px;margin:0 0 8px}.archive-row h2 a{text-decoration:none}.archive-row p{margin:0;color:#667481}.search-panel{display:flex;gap:10px;max-width:720px}.search-panel input{flex:1;border:1px solid #b9c5d0;background:#fff;padding:14px 16px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#233a57;color:#fff;border:0;padding:12px 18px;text-decoration:none;font-weight:700;cursor:pointer}.btn:hover{background:#467ff7}.notice{padding:18px;border:1px solid var(--line);background:#fff}.footer{background:#090e12;color:#aebbc7;padding:54px 0 32px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer h3{color:#fff;font-family:var(--serif);font-weight:400;font-size:24px}.footer a{color:#ccd7e1;text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:22px;font-size:12px}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);padding:13px 14px;background:#fff}.contact-form textarea{min-height:180px;resize:vertical}
@media(max-width:900px){.posts-grid{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr 1fr}.content-shell{grid-template-columns:1fr}.article-sidebar{display:none}.nav-links{display:none}.menu-toggle{display:block}.mobile-nav.open{display:block}.footer-grid{grid-template-columns:1fr 1fr}.hero{background-image:linear-gradient(180deg,rgba(4,9,14,.08) 38%,rgba(0,0,0,.78) 100%),url('/media/2023/02/mobileAndTabletBg.jpg')}}
@media(max-width:620px){.wrap{width:min(calc(100% - 28px),var(--max))}.posts-grid,.category-grid{grid-template-columns:1fr}.hero{min-height:86vh;background-image:linear-gradient(180deg,rgba(4,9,14,.04) 38%,rgba(0,0,0,.82) 100%),url('/media/2023/02/mobileBg.jpg')}.hero h1{font-size:clamp(58px,22vw,92px)}.section{padding:56px 0}.archive-row{grid-template-columns:1fr}.archive-row img{width:100%;height:190px}.footer-grid{grid-template-columns:1fr}.brand-copy small{display:none}.nav{min-height:64px}.page-hero{padding-top:72px}.prose{font-size:18px}.prose .alignleft,.prose .alignright{float:none;max-width:100%;margin:26px auto}}