/* SAPAR AT SAPAR | Cinematic Scripture & 3D edition — progressive, accessible enhancement */
:root{--sapar-amber:#e6bd76;--sapar-illumination:rgba(233,192,121,.43)}

/* Universal living-gold motifs. All decoration remains beneath content. */
body{isolation:isolate}
main{position:relative;isolation:isolate}
.page-hero{isolation:isolate}
.page-hero>.container{position:relative;z-index:3}
.page-hero::before{content:"";position:absolute;width:min(78vw,850px);height:min(78vw,850px);right:-20%;top:-80%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 72px,rgba(220,171,92,.09) 73px,transparent 74px 110px);mask-image:radial-gradient(circle,black 12%,transparent 72%);animation:saparSacredTurn 58s linear infinite;pointer-events:none;z-index:0}
.page-hero .scripture-arc{position:absolute;right:9%;top:0;width:350px;height:350px;border-radius:50%;border:1px solid rgba(213,172,101,.12);box-shadow:0 0 0 50px rgba(213,172,101,.035),0 0 0 120px rgba(213,172,101,.018);animation:saparAura 8s ease-in-out infinite;pointer-events:none}
.page-hero .scripture-arc::before,.page-hero .scripture-arc::after{content:"✧";font:22px var(--serif);color:rgba(238,195,125,.45);position:absolute}
.page-hero .scripture-arc::before{top:4px;left:50%}.page-hero .scripture-arc::after{bottom:5px;right:50%}
.page-hero .overline,.page-hero .display,.page-hero .page-lead,.breadcrumb{position:relative;z-index:3}
@keyframes saparSacredTurn{to{transform:rotate(360deg)}}
@keyframes saparAura{50%{opacity:.46;transform:scale(1.07)}}

/* Tiny lamplight-like flecks in the hero (canvas; no interaction interception). */
.scripture-dust{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.73}
.hero-inner,.hero-bottom{z-index:3}
.hero-book-tilter{position:relative;z-index:2;width:100%;max-width:530px;display:grid;place-items:center;perspective:1000px;transform:perspective(1200px) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg));transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.85,.3,1);will-change:transform}
.hero-book-tilter .hero-book{max-width:100%;width:100%;height:auto;max-height:710px;filter:drop-shadow(0 42px 65px #02060ad6) drop-shadow(0 0 18px #cda16025)}
.hero-book-tilter::after{content:"";position:absolute;inset:18% 16%;border-radius:50%;background:radial-gradient(circle,rgba(224,175,104,.3),transparent 60%);filter:blur(48px);z-index:-1;pointer-events:none}
.hero-art>.orbital-a{animation:saparOrbit 40s linear infinite}
.hero-art>.orbital-b{animation:saparOrbitReverse 54s linear infinite}
@keyframes saparOrbit{to{transform:rotate(347deg)}}
@keyframes saparOrbitReverse{to{transform:rotate(-360deg)}}

/* A soft flowing gold marker beneath chosen headings. */
.gold-inscription{height:18px;width:min(280px,60%);margin-top:28px;position:relative;overflow:hidden;pointer-events:none}
.gold-inscription::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:linear-gradient(90deg,transparent,rgba(213,172,101,.86),transparent)}
.gold-inscription::after{content:"✧";position:absolute;left:-22px;top:-3px;color:var(--gold);font:19px var(--serif);animation:saparInscription 7s ease-in-out infinite}
@keyframes saparInscription{50%{left:calc(100% - 8px)}100%{left:calc(100% + 22px)}}

/* Physically inspired, movable 3D hardcover, with real uploaded cover photography */
.codex-experience{background:radial-gradient(ellipse at 20% 43%,#163752 0,#081b2d 53%,#05111e 100%);border-top:1px solid rgba(213,172,101,.15);border-bottom:1px solid rgba(213,172,101,.18);position:relative;overflow:hidden}
.codex-experience::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(45deg,transparent 48.8%,#b9985e 49.6%,transparent 50.3%);background-size:130px 130px;mask-image:linear-gradient(90deg,#0004,transparent 55%)}
.codex-layout{display:grid;grid-template-columns:1fr .92fr;gap:9%;align-items:center}
.codex-stage{height:655px;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}
.codex-arch{position:absolute;inset:3% 7% 7%;border-radius:52% 52% 6% 6%;border:1px solid rgba(213,172,101,.23);pointer-events:none;box-shadow:inset 0 0 90px #d5ac6507,0 0 0 13px #d5ac6507}
.codex-arch span{position:absolute;top:3%;left:50%;width:6px;height:6px;background:var(--gold);transform:translateX(-50%) rotate(45deg);box-shadow:0 0 17px var(--gold)}
.codex-arch span:nth-child(2){left:11%;top:50%;opacity:.25}.codex-arch span:nth-child(3){left:89%;top:50%;opacity:.25}
.codex-orbit{position:absolute;width:520px;height:520px;max-width:108%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(224,167,88,.16),rgba(213,172,101,.04) 38%,transparent 68%);filter:blur(12px);animation:saparAura 9s ease-in-out infinite;pointer-events:none}
.book3d-scene{width:360px;height:475px;perspective:1450px;display:grid;place-items:center;position:relative;z-index:2;animation:saparFloat 7s ease-in-out infinite;touch-action:pan-y}
.book3d{--book-angle:14deg;--book-tilt-x:0deg;--book-tilt-y:0deg;position:relative;width:290px;height:418px;transform-style:preserve-3d;transform:rotateY(calc(var(--book-angle) + var(--book-tilt-y))) rotateX(calc(-5deg + var(--book-tilt-x)));transition:transform 1.15s cubic-bezier(.22,.74,.2,1);filter:drop-shadow(20px 35px 30px rgba(0,0,0,.37));will-change:transform}
.book3d-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;border:1px solid rgba(233,189,108,.32);background:#05172a;box-shadow:inset 0 0 0 1px #cda96255}
.book3d-face img{display:block;width:100%;height:100%;object-fit:fill}
.book3d-front{transform:translateZ(29px);z-index:2}
.book3d-back{transform:rotateY(180deg) translateZ(29px)}
.book3d-spine{inset:0 auto 0 50%;width:58px;height:418px;margin-left:-29px;transform:rotateY(-90deg) translateZ(145px);z-index:1}
.book3d-pages{position:absolute;background:repeating-linear-gradient(90deg,#e7dcc6 0 2px,#b6a98e 2px 2.6px,#ede5d6 3px 5px);box-shadow:inset 0 0 18px rgba(64,41,16,.35)}
.book3d-edge{width:58px;height:418px;left:50%;margin-left:-29px;top:0;transform:rotateY(90deg) translateZ(145px);background:repeating-linear-gradient(180deg,#eadfc9 0 2px,#b8aa91 2px 2.5px,#eee7d7 2.5px 4px)}
.book3d-top{width:290px;height:58px;top:50%;left:0;margin-top:-29px;transform:rotateX(90deg) translateZ(209px)}
.book3d-bottom{width:290px;height:58px;top:50%;left:0;margin-top:-29px;transform:rotateX(-90deg) translateZ(209px)}
@keyframes saparFloat{0%,100%{transform:translateY(2px)}50%{transform:translateY(-10px)}}
.codex-stage-label{position:absolute;bottom:33px;z-index:3;color:rgba(224,212,187,.74);font-size:9px;letter-spacing:.19em;text-align:center}
.codex-stage-label span{color:var(--gold);padding-right:7px}
.codex-copy{position:relative;z-index:2;padding:25px 0}
.codex-copy>.display{font-size:clamp(62px,6vw,96px)}
.codex-copy>p{max-width:470px;color:#bac8d3;line-height:1.9;font-size:14px;margin:25px 0}
.codex-view-tabs{display:flex;gap:6px;margin:36px 0 20px;padding:5px;background:rgba(0,0,0,.2);border:1px solid var(--line)}
.codex-view{flex:1;display:flex;flex-direction:column;align-items:start;justify-content:center;min-width:0;gap:6px;text-align:left;border:1px solid transparent;background:none;color:var(--soft);padding:16px 13px;font-family:var(--serif);font-size:22px;line-height:1;transition:background .25s,color .25s,border-color .25s}
.codex-view span{font:600 10px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.codex-view.active,.codex-view[aria-pressed="true"]{background:#d5ac6519;color:var(--bright);border-color:#d5ac6570}
.codex-view:hover{color:var(--bright)}
.codex-copy .codex-caption{font-size:11px;color:#a7b5bd;margin:14px 0 30px}.codex-caption strong{font-weight:600;color:#d5cfbd}
.codex-actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center}.codex-actions .text-link{font-size:10px}

/* An illuminated Scripture pathway—not literal scripture text except labelled citation */
.scripture-flow{position:relative;overflow:hidden;background:linear-gradient(165deg,#081726 5%,#102943 51%,#071727)}
.scripture-flow::before{content:"";position:absolute;width:700px;height:700px;right:-260px;top:180px;border:1px solid rgba(226,187,115,.11);border-radius:50%;box-shadow:0 0 0 80px #d5ac6505,0 0 0 150px #d5ac6503;pointer-events:none}
.flow-head{max-width:780px;margin-bottom:83px}
.flow-head>p{font-size:14px;line-height:1.95;color:#b4c3ce;max-width:530px;margin:27px 0}
.covenant-flow-layout{display:grid;grid-template-columns:1fr .82fr;gap:13%;align-items:start;position:relative}
.covenant-steps{position:relative;padding-left:66px}
.covenant-rail{position:absolute;left:23px;top:37px;bottom:75px;width:1px;background:linear-gradient(180deg,#d5ac6544,#d5ac6524,#d5ac6544)}
.covenant-rail-fill{display:block;height:var(--flow-height,0%);background:linear-gradient(180deg,#f7d59a,#c0904c);box-shadow:0 0 12px #eebd6f,0 0 25px #d5ac6590;transition:height .12s linear}
.covenant-moment{min-height:185px;position:relative;display:grid;grid-template-columns:1fr;padding:10px 0 32px;opacity:.59;transform:translateX(-7px);transition:opacity .65s,transform .65s}
.covenant-moment.is-active{opacity:1;transform:translateX(0)}
.covenant-node{position:absolute;left:-66px;top:7px;width:46px;height:46px;display:grid;place-items:center;border:1px solid #d5ac655f;border-radius:50%;font:500 20px var(--serif);color:var(--gold);background:#102840;box-shadow:0 0 0 6px #d5ac6508;transition:border-color .3s,background .3s,box-shadow .3s}
.covenant-moment.is-active .covenant-node{border-color:#f2cc8c;background:#203850;box-shadow:0 0 20px #e6b97530,0 0 0 7px #d5ac6512}
.flow-reference{font:700 9px/1.6 var(--sans);letter-spacing:.15em;color:#d3aa66;text-transform:uppercase;margin:0 0 6px}
.covenant-moment h3{font:500 clamp(28px,3vw,42px)/1.1 var(--serif);color:var(--cream);margin:0 0 10px}
.covenant-moment div>p:last-child{color:#bdc9d1;font:400 13px/1.9 var(--sans);max-width:510px;margin:0}
.flow-quote{position:sticky;top:150px;min-height:505px;margin:0 0 100px;padding:60px 47px 50px;border:1px solid #d5ac654c;background:radial-gradient(circle at 50% 20%,#d5ac651a,transparent 50%),linear-gradient(160deg,#0f293e,#071827);display:flex;flex-direction:column;justify-content:center;overflow:hidden;box-shadow:0 30px 90px #0003}
.flow-quote::before,.flow-quote::after{content:"";position:absolute;inset:11px;border:1px solid rgba(213,172,101,.18);pointer-events:none}
.flow-quote::after{inset:-32%;border:none;background:conic-gradient(from 220deg,transparent,rgba(228,188,112,.055),transparent 35%);animation:saparSacredTurn 24s linear infinite}
.flow-quote>*{position:relative;z-index:1}
.quote-glyph{font-size:50px;color:#d5ac65;font-family:var(--serif);text-align:center;opacity:.7}
.flow-quote>p{font:italic 500 clamp(31px,3.1vw,46px)/1.22 var(--serif);color:var(--cream);margin:30px 0;text-align:center}
.flow-cite{font-size:10px;letter-spacing:.21em;font-weight:600;color:var(--gold);text-align:center}
.flow-sig{text-align:center;font:38px var(--serif);color:var(--gold);margin-top:42px;opacity:.8}

/* Subtle physical depth for many site features, including PDF downloads and contact page. */
.holo-card{--sapar-rx:0deg;--sapar-ry:0deg;--sapar-x:50%;--sapar-y:50%;position:relative;transform-style:preserve-3d;backface-visibility:hidden;transform-origin:center;will-change:auto}
.holo-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle 180px at var(--sapar-x) var(--sapar-y),rgba(245,213,149,.17),transparent 72%);opacity:0;pointer-events:none;z-index:1;transition:opacity .28s;mix-blend-mode:screen}
.holo-card:hover::after,.holo-card:focus-within::after{opacity:1}
[data-reveal].visible.holo-card,.holo-card:not([data-reveal]){transform:perspective(1100px) rotateX(var(--sapar-rx)) rotateY(var(--sapar-ry));transition:transform .35s ease,opacity .8s ease,box-shadow .35s}
.holo-card:hover{box-shadow:0 25px 50px #020c174c,0 0 0 1px #d5ac6550}
.holo-card>a,.holo-card button,.holo-card input{position:relative;z-index:2}
/* Preserve the gold CTA and let light pass through its surface on pointer hover. */
.btn-gold{position:relative;overflow:hidden;isolation:isolate}
.btn-gold::before{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.39) 49%,transparent 58%);transform:translateX(-150%) rotate(10deg);transition:transform .75s ease;z-index:-1;pointer-events:none}
.btn-gold:hover::before{transform:translateX(160%) rotate(10deg)}

/* Very faint changing lights underneath the page sections, not over typography. */
.edition-section,.canon-section,.belief-section,.source-section,.resources-teaser,.contact-section{isolation:isolate}
.edition-section::before,.source-section::before,.resources-teaser::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(216,174,102,.08),transparent 45%);pointer-events:none;z-index:-1}

@media(max-width:1080px){
 .codex-layout{gap:3%}.codex-stage{height:610px}.book3d-scene{transform:scale(.86)}
 .codex-copy>.display{font-size:67px}.codex-view{padding:12px 8px}
 .flow-quote{min-height:430px;padding:40px 30px}
}
@media(max-width:780px){
 .hero-book-tilter{max-width:450px}.hero-book-tilter .hero-book{height:490px;object-fit:contain}
 .codex-layout{grid-template-columns:1fr;gap:5px}
 .codex-stage{height:545px;order:0}.codex-copy{order:1;padding-top:22px}
 .book3d-scene{transform:scale(.84);animation:none}
 .codex-arch{inset:2% 9% 5%}.codex-stage-label{bottom:10px}
 .codex-view-tabs{margin-top:24px}
 .flow-head{margin-bottom:50px}.covenant-flow-layout{grid-template-columns:1fr;gap:15px}
 .flow-quote{position:relative;top:auto;min-height:370px;margin:10px 0 0}
 .covenant-moment{min-height:160px}.covenant-rail{bottom:75px}
 .page-hero .scripture-arc{width:250px;height:250px;right:-95px;top:25%}
}
@media(max-width:480px){
 .hero-book-tilter .hero-book{height:365px}
 .codex-stage{height:470px}
 .book3d-scene{transform:scale(.64);min-width:360px;flex:0 0 auto}
 .codex-copy>.display{font-size:64px}
 .codex-view{font-size:21px;padding:12px 9px}
 .codex-view span{font-size:9px}
 .codex-actions{gap:25px}.codex-actions .btn{width:100%}
 .covenant-steps{padding-left:59px}.covenant-rail{left:19px}
 .covenant-node{left:-59px;width:40px;height:40px}
 .covenant-moment h3{font-size:31px}
 .flow-quote{padding:46px 22px;min-height:330px}.flow-quote>p{font-size:34px}
 .flow-head .display{font-size:58px}
}
@media(hover:none),(pointer:coarse){.holo-card::after{display:none}.holo-card:hover{box-shadow:none}}
@media(prefers-reduced-motion:reduce){
 .page-hero::before,.page-hero .scripture-arc,.hero-art>.orbital-a,.hero-art>.orbital-b,.gold-inscription::after,.book3d-scene,.flow-quote::after{animation:none!important}
 .hero-book-tilter,.book3d,.holo-card{transition:none!important}
 .scripture-dust{display:none!important}
 .covenant-moment{opacity:1;transform:none}
 .covenant-rail-fill{transition:none}
}


/* Floating scripture visions across the website */
body{position:relative}
.site-header,.intro-overlay,.scroll-progress,main,.footer,.lightbox{position:relative;z-index:2}
.scripture-visions{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden;mix-blend-mode:screen;opacity:.96}
.scripture-visions::before,.scripture-visions::after{content:"";position:absolute;pointer-events:none;inset:auto;opacity:.5}
.scripture-visions::before{width:min(48vw,520px);height:min(48vw,520px);right:-9vw;top:14vh;background:radial-gradient(circle,rgba(230,189,118,.12),transparent 60%);filter:blur(36px)}
.scripture-visions::after{width:min(30vw,360px);height:70vh;left:-8vw;top:10vh;background:linear-gradient(180deg,rgba(230,189,118,.06),transparent 14%,rgba(230,189,118,.05) 38%,transparent 66%,rgba(230,189,118,.06));filter:blur(28px);transform:rotate(-8deg)}
.scripture-vision{position:absolute;left:0;top:0;transform-origin:center center;opacity:0;will-change:transform,opacity;transition:opacity .45s ease;filter:drop-shadow(0 18px 55px rgba(0,0,0,.38)) drop-shadow(0 0 22px rgba(230,189,118,.16))}
.scripture-vision img{display:block;width:100%;height:auto}
.scripture-vision.is-light{filter:drop-shadow(0 0 55px rgba(255,235,166,.4)) drop-shadow(0 0 22px rgba(230,189,118,.35))}
.scripture-vision.is-yahusha,.scripture-vision.is-resurrection{filter:drop-shadow(0 25px 55px rgba(0,0,0,.44)) drop-shadow(0 0 26px rgba(235,196,124,.18))}
.scripture-vision.is-cross,.scripture-vision.is-tomb{filter:drop-shadow(0 20px 55px rgba(0,0,0,.48)) drop-shadow(0 0 16px rgba(219,170,88,.12))}
.scripture-vision.is-kingdom{filter:drop-shadow(0 20px 65px rgba(0,0,0,.44)) drop-shadow(0 0 24px rgba(255,226,154,.22))}
@keyframes saparVisionFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(max-width:1100px){
 .scripture-visions{opacity:.88}
 .scripture-vision.is-house,.scripture-vision.is-qadashaym,.scripture-vision.is-kingdom{opacity:.18!important}
}
@media(max-width:780px){
 .scripture-visions{opacity:.8}
 .scripture-vision{filter:drop-shadow(0 8px 28px rgba(0,0,0,.34)) drop-shadow(0 0 12px rgba(230,189,118,.12))}
 .scripture-vision.is-light{filter:drop-shadow(0 0 30px rgba(255,235,166,.32))}
}
@media(max-width:580px){
 .scripture-vision.is-qadashaym,.scripture-vision.is-house,.scripture-vision.is-kingdom{display:none}
}
@media(prefers-reduced-motion:reduce){
 .scripture-visions{display:none!important}
}