:root{color-scheme:dark;--bg:#070e20;--text:#efece3;--muted:#a7acb8;--gold:#e6c477;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{max-width:1440px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:30px Georgia,serif;letter-spacing:4px;color:var(--gold)}.brand span{display:block;font:8px Arial,sans-serif;letter-spacing:2px;margin-top:8px}nav{display:flex;align-items:center;gap:35px;font-size:13px}.gold{background:var(--gold);color:#141826;padding:17px 24px;border-radius:3px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:7%;padding:65px 6% 70px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;color:var(--gold);line-height:1.8}h1{font:clamp(42px,5.5vw,82px)/1.06 Georgia,serif;font-weight:400;margin:27px 0}h1 em{color:var(--gold);font-weight:400}.intro{font-size:15px;line-height:1.85;color:#bdc3ce;max-width:460px;margin:25px 0 30px}.hero-copy>.gold{min-width:250px;text-align:left}.gold span{float:right}.small{font-size:11px;color:var(--muted);margin-top:18px}.hero-art{position:relative;min-height:480px}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover;border-radius:170px 170px 3px 3px;filter:brightness(.85)}.art-note{position:absolute;bottom:0;left:0;right:0;padding:70px 30px 25px;background:linear-gradient(transparent,#050d18e8)}.art-note span{font-size:9px;letter-spacing:2px;color:var(--gold)}.art-note p{font:24px/1.4 Georgia,serif}.journey{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 6% 30px;background:#0b1429}.journey>span{display:block;max-width:1268px;margin:auto auto 20px}.journey>div{max-width:1268px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr)}.journey button{display:flex;text-align:left;align-items:center;gap:22px;padding:10px 25px;border-right:1px solid var(--line)}.journey button:first-child{padding-left:0}.journey button:last-child{border:0}.journey b{color:var(--gold);font:30px Georgia,serif}.journey span{flex:1}.journey small{display:block;margin-top:9px;color:var(--muted);font-size:11px}#explore{max-width:1440px;margin:auto;padding:75px 6%}.section-title{display:flex;justify-content:space-between;align-items:end}h2{font:42px/1.2 Georgia,serif;font-weight:400;margin:10px 0 0}.section-title>p,.closing p{font-size:13px;line-height:1.8;color:var(--muted)}.filters{display:flex;gap:12px;margin:30px 0}.filters button,.view-controls button{border:1px solid var(--line);padding:10px 16px;border-radius:30px;font-size:12px}.filters button.active,.view-controls button.active{border-color:var(--gold);color:var(--gold);background:#e6c47710}.filters span{opacity:.6;margin-left:10px}#grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 22px}.card{text-align:left;padding:0;border-bottom:1px solid var(--line);padding-bottom:20px}.card img{width:100%;aspect-ratio:1.64;object-fit:cover;border:1px solid #ffffff20;transition:transform .25s}.card:hover img{transform:translateY(-4px)}.card .eyebrow{display:block;margin:17px 0 10px;font-size:9px}.card h3{font:21px/1.3 Georgia,serif;margin:0 0 10px}.card p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.closing{max-width:1268px;margin:0 auto 75px;display:grid;grid-template-columns:1fr 1.2fr;gap:65px;border-top:1px solid var(--line);padding:50px 6% 0}.closing img{width:100%;height:330px;object-fit:cover}.closing h2{font-size:38px}.outline{padding:14px 20px;border:1px solid var(--line);border-radius:3px}.closing p{max-width:430px}footer{border-top:1px solid var(--line);padding:30px 6%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}footer .brand{font-size:23px}.reader-bar{position:sticky;top:0;background:#0b1429f5;z-index:5;padding:16px 4%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);font-size:13px}.reader-bar button{padding:10px}select{background:#111c35;color:var(--text);border:1px solid var(--line);padding:7px}.reader-title{text-align:center;padding:35px 20px 15px}.reader-title p:last-child{color:var(--muted);font-size:12px}.view-controls{display:flex;justify-content:center;gap:10px;margin:10px 0 25px}#pageViewport{max-width:1542px;margin:auto;overflow:hidden;background:#000044}#pageImage{width:100%;display:block}#pageViewport.column{max-width:680px;height:auto}#pageViewport.column img{width:310%;max-width:none;margin-top:-30.7%}.bottom-nav{display:flex;justify-content:center;gap:20px;padding:30px}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}@media(min-width:1500px){.hero-art{min-height:560px}}@media(max-width:760px){header{padding:22px 6%}nav>a{display:none}nav{gap:0}nav .gold{padding:12px;font-size:11px}.brand{font-size:25px}.brand span{font-size:6px}.hero{grid-template-columns:1fr;padding-top:35px;gap:30px}h1{font-size:54px}.hero-art{min-height:410px;max-width:430px;width:100%;margin:auto}.journey>div{grid-template-columns:1fr}.journey button{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.section-title{display:block}.section-title>p br{display:none}#explore{padding-top:45px}#grid{grid-template-columns:repeat(2,1fr);gap:24px 14px}.card h3{font-size:18px}.filters{flex-wrap:wrap;gap:8px}.filters button{font-size:11px;padding:9px 12px}.closing{grid-template-columns:1fr;gap:25px}.closing img{height:250px}.closing h2{font-size:34px}footer{flex-wrap:wrap;gap:20px}.reader-bar{padding:8px 2%;font-size:11px}.reader-bar button{padding:8px 4px}.reader-title h2{font-size:30px}.view-controls{gap:5px}.view-controls button{font-size:10px;padding:10px 12px}}
.card{display:block}.reader-links{display:flex;align-items:center;gap:16px}.reader-links>a{padding:10px 0}.reader-links>a:hover{color:var(--gold)}#pageSelect{max-width:250px}#columnPosition{white-space:nowrap;color:var(--gold)}#readerContents{max-width:1000px;margin:20px auto;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;border:1px solid var(--line);background:#0b1429}#readerContents a{padding:12px;font-size:13px;line-height:1.5;border-bottom:1px solid var(--line)}#readerContents a span{color:var(--gold);margin-right:12px}#readerContents a:hover,#readerContents a[aria-current]{background:#e6c47715;color:var(--gold)}#pageViewport:focus{outline:none}#finishCollection{display:block;text-align:center;padding:0 20px 30px;color:var(--gold)}.bottom-nav{position:relative}.view-controls{scroll-margin-top:100px}@media(max-width:900px){.reader-bar{flex-wrap:wrap}.reader-links{gap:12px}.reader-bar>label{order:3;width:100%;text-align:center;font-size:12px}#pageSelect{max-width:210px}.reader-bar>div:last-child{margin-left:auto}}@media(max-width:760px){#readerContents{grid-template-columns:1fr;margin:12px}#pageViewport.column{max-width:100%}.bottom-nav{gap:10px;padding:24px 12px}.bottom-nav button{font-size:12px;padding:15px 12px;flex:1}.reader-links{gap:12px}.reader-bar{font-size:12px}.reader-title{padding-top:22px}}
#pageViewport.column{background:#000044}#pageViewport.column img{width:100%;margin-top:0;margin-left:0}
.journey>div{grid-template-columns:repeat(4,1fr)}.journey button{padding-left:20px;padding-right:20px;gap:14px}@media(max-width:1000px){.journey>div{grid-template-columns:repeat(2,1fr)}.journey button{padding:18px 15px}.journey button:first-child{padding-left:15px}.journey button:nth-child(2){border-right:0}}@media(max-width:760px){.journey>div{grid-template-columns:1fr}.journey button,.journey button:first-child{padding:18px 0;border-right:0}}
@media(min-width:1001px){.journey>div{grid-template-columns:repeat(5,1fr)}.journey button{font-size:13px;padding:10px 14px;gap:12px}.journey small{line-height:1.5}}
.progress-note{font-size:13px;line-height:1.8;color:var(--muted);border-left:2px solid var(--gold);padding-left:16px;margin-top:24px}

/* Bibles.my return navigation: present on the Origins landing page and all 87 reader pages. */
.origins-back-to-bibles {
  display: inline-flex;
  align-items: center;
  color: var(--gold);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.25em;
  white-space: nowrap;
}
.origins-back-to-bibles:hover { color: #fff1ca; }
footer .origins-back-to-bibles { font-size: 12px; }
@media (max-width: 760px) {
  header { flex-wrap: wrap; gap: 14px; }
  header nav { width: 100%; justify-content: space-between; gap: 10px; }
  header nav > a.origins-back-to-bibles { display: inline-flex; }
  .reader-links { flex-wrap: wrap; row-gap: 2px; }
}
