:root{--ink:#07142c;--ink2:#0b2344;--gold:#f2bd5b;--cyan:#5de7e7;--coral:#ff7868;--paper:#f4eddf;--muted:#98a8b8;--serif:"Cormorant Garamond",serif;--sans:"Manrope",sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:20;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(93,231,231,.08),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}.masthead{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:4}.brand{color:white;text-decoration:none;display:flex;gap:13px;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:13px}.brand i{width:19px;height:19px;border:1px solid var(--gold);transform:rotate(45deg);box-shadow:inset 0 0 0 4px var(--ink),inset 0 0 0 5px var(--gold)}.brand b{color:var(--gold);font-weight:500}.edition{text-align:center;font-family:var(--mono);text-transform:uppercase}.edition span{display:block;color:var(--muted);font-size:9px;letter-spacing:.17em}.edition strong{display:block;font-size:10px;letter-spacing:.12em;margin-top:6px}.date-nav{justify-self:end;display:flex;gap:9px}.date-nav a,.date-nav span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);color:white;text-decoration:none}.date-nav span{opacity:.25}.hero{height:min(74vh,780px);min-height:560px;margin:0 clamp(12px,2vw,30px);position:relative;overflow:hidden;border-radius:0 0 34px 34px}.hero img{width:100%;height:100%;object-fit:cover;animation:arrive 1.8s cubic-bezier(.2,.75,.2,1) both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,31,.88) 0%,rgba(3,13,31,.24) 53%,rgba(3,13,31,.15)),linear-gradient(0deg,rgba(3,13,31,.75),transparent 55%)}.hero-copy{position:absolute;left:clamp(28px,7vw,110px);bottom:clamp(55px,10vh,110px);max-width:700px}.kicker{font-family:var(--mono);color:var(--cyan);font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:20px}.kicker span{color:var(--gold);margin-right:8px}.hero h1{font-family:var(--serif);font-size:clamp(62px,9.5vw,145px);font-weight:500;line-height:.74;letter-spacing:-.055em;margin:0;max-width:780px;text-wrap:balance}.hero-copy>p{font-family:var(--mono);font-size:13px;letter-spacing:.2em;color:var(--gold);margin-top:30px}.hero-orbit{position:absolute;right:clamp(22px,5vw,72px);bottom:40px;width:130px;height:130px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.22em;animation:float 5s ease-in-out infinite}.hero-orbit:before{content:"";position:absolute;inset:8px;border:1px dashed var(--gold);border-radius:50%;animation:spin 22s linear infinite}.hero-orbit b{color:var(--gold);font-size:13px;margin:5px 0}.hero-orbit small{color:var(--muted)}.orientation{max-width:1040px;margin:110px auto;padding:0 30px;text-align:center}.eyebrow,.reading-head,.conclusion>span{font-family:var(--mono);color:var(--cyan);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.orientation blockquote{font-family:var(--serif);font-size:clamp(35px,5vw,63px);line-height:1.05;margin:27px auto 30px;letter-spacing:-.025em}.orientation>p:not(.eyebrow){max-width:690px;margin:auto;color:#b9c5cf;line-height:1.85;font-size:14px}.legend{margin-top:44px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8fa0b1}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.gold{background:var(--gold)}.cyan{background:var(--cyan)}.coral{background:var(--coral)}.reading{max-width:1280px;margin:0 auto;padding:0 30px}.reading-head{display:grid;grid-template-columns:1fr auto 1fr;padding:16px 0;border-block:1px solid rgba(255,255,255,.18);color:#8598aa}.reading-head span:nth-child(2){color:var(--gold)}.reading-head span:last-child{text-align:right}.verse{display:grid;grid-template-columns:80px minmax(0,1.1fr) minmax(300px,.9fr);column-gap:clamp(25px,5vw,78px);padding:70px 0 0;border-bottom:1px solid rgba(255,255,255,.12);opacity:0;transform:translateY(20px);transition:opacity .7s var(--delay),transform .7s var(--delay)}.verse.visible{opacity:1;transform:none}.verse-number{grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:15px}.verse-number span{font-family:var(--serif);color:var(--gold);font-size:38px}.verse-number i{display:block;width:1px;min-height:130px;flex:1;background:linear-gradient(var(--gold),transparent)}.scripture{font-family:var(--serif);font-size:clamp(29px,3.4vw,49px);line-height:1.12;margin:0 0 70px;letter-spacing:-.018em}.scripture:first-letter{color:var(--gold)}.insight{background:linear-gradient(135deg,rgba(16,52,84,.95),rgba(10,36,69,.95));border:1px solid rgba(93,231,231,.24);border-radius:2px 26px 2px 2px;color:white;text-align:left;padding:24px 25px 20px;margin:0 0 70px;min-height:210px;cursor:pointer;position:relative;overflow:hidden;transition:.35s}.insight:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(93,231,231,.09),transparent);transform:translateX(-100%);transition:.6s}.insight:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 20px 60px rgba(0,0,0,.25)}.insight:hover:before{transform:translateX(100%)}.father{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em}.father small{color:#7690a7}.insight strong{display:block;font-family:var(--serif);font-size:24px;line-height:1.15;font-weight:500;margin-top:30px}.reveal{position:absolute;bottom:17px;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#91a5b5}.reveal b{color:var(--coral);font-size:15px;margin-left:7px}.commentary{grid-column:2/4;display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s ease}.commentary>div{overflow:hidden}.commentary>div>div{min-height:0}.commentary div{position:relative}.commentary p{font-family:var(--serif);font-size:clamp(23px,2.3vw,34px);line-height:1.4;color:#d7e4e7;margin:0;padding:30px 70px 25px 100px;border-left:1px solid var(--coral);background:rgba(255,120,104,.055)}.commentary footer{display:none}.source-mark{position:absolute;top:30px;left:28px;font-family:var(--mono);font-size:10px;color:var(--coral);border:1px solid var(--coral);width:42px;height:42px;place-items:center}.verse.open .commentary{grid-template-rows:1fr;padding-bottom:60px}.verse.open .source-mark{display:grid}.verse.open .commentary footer{display:block;grid-column:1/-1;font-family:var(--mono);font-size:9px;color:#7f92a3;padding:12px 0 0 100px;text-transform:uppercase;letter-spacing:.1em}.verse.open .reveal b{display:inline-block;transform:rotate(45deg)}.conclusion{max-width:900px;margin:130px auto 80px;padding:70px clamp(30px,7vw,90px);background:var(--paper);color:var(--ink);position:relative}.conclusion:before{content:"";position:absolute;inset:12px;border:1px solid rgba(7,20,44,.2)}.conclusion>span{color:#1c7180}.conclusion h2{font-family:var(--serif);font-size:clamp(42px,6vw,72px);line-height:.95;margin:25px 0}.conclusion p{font-size:15px;line-height:1.8;position:relative}.conclusion a{display:inline-block;margin-top:20px;font-family:var(--mono);font-size:10px;color:#9b402e;text-transform:uppercase;letter-spacing:.1em}.site-footer{padding:30px clamp(22px,5vw,80px);border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#71869a}.site-footer a{color:var(--gold);text-decoration:none}@keyframes arrive{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-10px)}}
.gospel-nav{max-width:900px;margin:0 auto 110px;padding:0 30px;display:flex;justify-content:space-between;gap:18px}.gospel-nav-link{flex:0 1 420px;min-height:112px;padding:25px 28px;border:1px solid rgba(242,189,91,.32);color:var(--paper);text-decoration:none;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(11,35,68,.88),rgba(7,20,44,.35));transition:transform .3s ease,border-color .3s ease,background .3s ease}.gospel-nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent,rgba(242,189,91,.08),transparent);transform:translateX(-110%);transition:transform .6s ease}.gospel-nav-link:hover{transform:translateY(-4px);border-color:var(--gold);background:linear-gradient(135deg,rgba(16,52,84,.96),rgba(7,20,44,.55))}.gospel-nav-link:hover:before{transform:translateX(110%)}.gospel-nav-link span{display:block;margin-bottom:13px;font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.gospel-nav-link strong{font-family:var(--serif);font-size:clamp(25px,3vw,35px);font-weight:500;line-height:1}.gospel-nav-link.next{text-align:right;margin-left:auto}.gospel-nav-link.previous{margin-right:auto}
@media(max-width:850px){.masthead{grid-template-columns:1fr auto;height:74px}.edition{display:none}.hero{height:70vh;min-height:520px}.hero-copy{bottom:45px}.hero h1{font-size:62px;line-height:.82}.hero-orbit{width:95px;height:95px;right:18px;top:25px}.verse{grid-template-columns:45px 1fr;padding-top:50px;column-gap:18px}.verse-number{grid-row:1/4}.scripture{margin-bottom:30px}.insight{grid-column:2;margin-bottom:35px;min-height:185px}.commentary{grid-column:2}.commentary p{padding:25px 22px 25px 58px;font-size:22px}.source-mark{left:11px;top:25px;width:32px;height:32px}.verse.open .commentary footer{padding-left:58px}.orientation{margin:75px auto}.reading-head span:last-child{display:none}.reading-head{grid-template-columns:1fr auto}.site-footer span{display:none}}
@media(max-width:600px){.gospel-nav{margin-bottom:75px;flex-direction:column}.gospel-nav-link{flex-basis:auto;width:100%;min-height:96px}.gospel-nav-link.next{margin-left:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.verse{opacity:1;transform:none}.cursor-glow{display:none}}
.scripture-edition{margin:10px 0 0;text-align:right;font-family:var(--mono);font-size:7.5px;line-height:1.5;letter-spacing:.025em;color:rgba(152,168,184,.55)}.scripture-edition a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(152,168,184,.35)}.scripture-edition a:hover{color:rgba(242,189,91,.72);border-bottom-color:currentColor}