:root{--bg:#091317;--panel:#101f24;--ink:#f2eee2;--muted:#b9c5c6;--gold:#ebc58a;--line:#294047}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:var(--gold);text-underline-offset:5px}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:5px;padding:12px 20px;background:var(--panel);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:24px}button:hover,.button:hover{border-color:var(--gold)}:focus-visible{outline:3px solid #fff;outline-offset:5px}.gold{color:#192022;background:var(--gold);border-color:var(--gold);font-weight:650}.small{padding:9px 16px;font-size:14px}header{padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;background:#091317ee;position:relative;z-index:3}.brand{text-decoration:none;letter-spacing:3px;font-size:14px;font-weight:700;color:var(--ink)}.brand span{display:block;font-size:11px;color:var(--muted);letter-spacing:1px;font-weight:400}nav{display:flex;gap:25px;align-items:center}nav>a{font-size:14px;text-decoration:none;color:var(--muted)}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(48px,6.5vw,98px);margin:20px 0 30px;letter-spacing:-3px}h2{font-size:clamp(36px,4.5vw,61px);margin:12px 0 25px}h3{font-size:28px}em{color:var(--gold);font-weight:400}.hero{position:relative;min-height:850px;display:flex;align-items:center;overflow:hidden;padding:90px 8vw}.hero-copy{position:relative;z-index:1;max-width:790px}.lead{font-size:20px;max-width:600px;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:650}.quiet{font-size:13px;color:var(--muted)}blockquote{margin:30px 0;border-left:2px solid var(--gold);padding:4px 0 4px 24px;font:22px/1.6 Georgia,serif;max-width:650px}cite{display:block;font:12px system-ui,sans-serif;color:var(--muted);margin-top:12px}.cosmos{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 45%,#84633555,transparent 48%),radial-gradient(ellipse at 70% 65%,#23717835,transparent 45%)}.light{position:absolute;left:80%;top:44%;width:8px;height:8px;border-radius:50%;background:#fff5d6;box-shadow:0 0 80px 30px #f7ce86;animation:breathe 8s ease-in-out infinite}.orbit{position:absolute;width:670px;height:670px;border:1px solid #e8cc9230;left:59%;top:5%;border-radius:50%;transform:rotate(-30deg) scaleX(.6)}.orbit.two{width:800px;height:800px;left:55%;top:0;transform:rotate(40deg) scaleX(.6)}section:not(.hero){padding:90px 8vw;border-top:1px solid var(--line)}.section-head{max-width:820px}.section-head>p:last-child{color:var(--muted)}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:35px 0 20px}#counter{font-size:13px;margin:0 15px;color:var(--muted)}.track{display:flex;gap:7px;margin:20px 0 35px}.track button{height:5px;flex:1;border:0;padding:0;background:#294047;border-radius:2px}.track button[aria-current=true]{background:var(--gold)}#scene{min-height:510px;display:grid;grid-template-columns:180px 1fr;gap:45px;padding:45px;background:linear-gradient(120deg,#13282d,#0e1a1e);border:1px solid var(--line);border-radius:12px}#scene.animate{animation:arrive .7s ease both}.scene-art{font:110px Georgia;color:var(--gold);display:flex;justify-content:center;align-items:center;border-right:1px solid var(--line);text-shadow:0 0 60px #b4a66755}.scene-text{max-width:800px}.scene-text h3{font-size:39px;margin:5px 0 20px}.scene-text p{color:#d4dddd}.note{padding:16px 20px;border-left:2px solid var(--gold);font-size:14px;background:#ffffff05}.refs{font-size:14px}.filters{display:flex;gap:20px;margin:35px 0 20px}.filters label{display:flex;flex-direction:column;gap:8px;font-size:12px;letter-spacing:1px}.filters label:first-child{flex:1}input,select{background:var(--panel);border:1px solid var(--line);padding:14px;color:var(--ink);border-radius:4px;max-width:100%}#results{font-size:12px;color:var(--muted)}#scriptures{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{padding:28px;border:1px solid var(--line);background:#0f1c21;border-radius:7px}.card h3{margin:9px 0 16px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--gold)}.card p{font-size:14px;color:var(--muted)}.card .pair{display:grid;gap:8px;font-size:14px}summary{cursor:pointer;color:var(--muted);font-size:13px;margin-top:20px}.invitation{text-align:center;background:radial-gradient(ellipse at 50% 100%,#74603b30,transparent 65%)}.invitation p{max-width:690px;margin:20px auto}.invitation a{display:block;margin-top:22px;font-size:14px}#source-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:35px 0}.source{border-top:1px solid var(--line);padding:20px 0}.source p{font-size:13px;color:var(--muted)}footer{padding:35px 8vw;font-size:12px;letter-spacing:2px;border-top:1px solid var(--line)}footer span{display:block;color:var(--muted);font-size:11px;letter-spacing:0;margin-top:10px}dialog{max-width:760px;width:calc(100% - 30px);max-height:90vh;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);padding:45px;line-height:1.7}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:45px}dialog li{margin:14px 0}.close{float:right;font-size:25px;padding:0 12px}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--bg);padding:10px}.skip:focus{top:10px}@keyframes arrive{from{opacity:.2;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes breathe{50%{box-shadow:0 0 110px 40px #f7ce86;opacity:.6}}@media(max-width:700px){header{padding:20px;align-items:flex-start}nav{gap:10px}nav>a{display:none}.brand{font-size:11px}.small{font-size:11px;padding:9px}.hero{padding:65px 24px;min-height:760px}h1{letter-spacing:-2px}.lead{font-size:17px}.cosmos{opacity:.55}.orbit{left:40%}.orbit.two{left:32%}.light{left:85%}section:not(.hero){padding:65px 24px}#scene{grid-template-columns:1fr;gap:15px;padding:25px;min-height:720px}.scene-art{font-size:55px;justify-content:flex-start;border-right:0;border-bottom:1px solid var(--line);height:100px}.scene-text h3{font-size:31px}#scriptures,#source-list{grid-template-columns:1fr}.filters{flex-direction:column}#counter{margin:0 4px}.controls button{padding:10px 13px}dialog{padding:25px}blockquote{font-size:20px}.card{padding:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html.motion-off{scroll-behavior:auto}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}
.track button{min-height:28px;background:linear-gradient(var(--line),var(--line)) center/100% 5px no-repeat}
.track button[aria-current=true]{background:linear-gradient(var(--gold),var(--gold)) center/100% 5px no-repeat}
button:disabled{opacity:.45;cursor:default}.refs a,.pair a,.source a{overflow-wrap:anywhere}#scene:focus{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:400px){header{gap:12px}.brand{letter-spacing:1px}nav{flex-shrink:0}.small{max-width:145px}h1{font-size:44px}section:not(.hero){padding-left:18px;padding-right:18px}.hero{padding-left:18px;padding-right:18px}#scene{padding:20px}.track{gap:5px}}
@media print{header,.cosmos,.controls,.track,.filters,.salvation,footer{display:none}body{background:white;color:black}section:not(.hero),.hero{padding:20px;min-height:0}#scene,.card{background:white;color:black;break-inside:avoid}#scriptures{display:block}.card p,.scene-text p{color:black}a{color:#333}details::details-content{content-visibility:visible}dialog:not([open]){display:none}}
.conversation{padding:18px 22px;border:1px solid var(--line);border-radius:6px;margin:22px 0}.conversation h3{margin:0;font-size:25px}.conversation a{white-space:nowrap}
.reflection{margin:22px 0;padding:16px 20px;border:1px solid var(--line);border-radius:6px}.reflection summary{margin:0;color:var(--gold);font-size:15px}.reflection p{font-size:15px}
.reflection em{font-style:italic;color:inherit}.reflection .eyebrow{font-size:11px;margin:0 0 12px}.reflection p:last-child{margin-bottom:0}