/* SAPAR AT SAPAR • Floating Scripture journey. Symbolic imagery, not portraits. */
.scripture-journey{--journey-gold:#e2b877;position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 20% 27%,#18364b 0%,transparent 45%),radial-gradient(ellipse at 84% 73%,#162d42 0%,transparent 38%),#030e1c;color:#f9eed9;padding-bottom:120px}
.scripture-journey:before{content:"";position:absolute;inset:0;opacity:.15;pointer-events:none;background-image:radial-gradient(circle at 30% 20%,#edc77e 1px,transparent 1.7px),radial-gradient(circle at 70% 80%,#edc77e 1px,transparent 1.7px);background-size:109px 163px,211px 217px;z-index:0}
.journey-cosmos{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.53}
.journey-cosmos>span{position:absolute;display:block;aspect-ratio:1;border-radius:50%;border:1px solid rgba(231,192,114,.2);width:740px;box-shadow:0 0 0 55px rgba(229,189,107,.025),0 0 0 135px rgba(229,189,107,.015)}
.journey-cosmos .cosmos-one{left:-470px;top:11%}.journey-cosmos .cosmos-two{right:-540px;top:46%}.journey-cosmos .cosmos-three{left:-580px;bottom:-450px}
.journey-heading{position:relative;z-index:2;padding-bottom:65px;border-bottom:1px solid rgba(222,183,114,.18)}
.journey-heading .display{font-size:clamp(66px,8vw,130px);max-width:1100px;letter-spacing:-.055em;margin:20px 0 17px}
.journey-heading>.overline{color:var(--journey-gold)}
.journey-heading>p{font:400 clamp(13px,1.24vw,17px)/1.85 var(--sans);max-width:710px;color:#bbc8d1;margin:0}
.journey-toolbar{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}
.journey-index{font:500 13px var(--sans);letter-spacing:.3em;color:#f6cc84}
.journey-motion{background:transparent;border:1px solid #dcb87665;color:#dbcbb0;padding:12px 16px;font:500 10px var(--sans);letter-spacing:.1em;cursor:pointer;transition:background .2s ease,border .2s ease}
.journey-motion:hover,.journey-motion:focus-visible{background:#e6bc7930;border-color:#efce95}.journey-motion span{font-size:15px;margin-right:8px}
.journey-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1fr);gap:8%;align-items:start}
.journey-stage{position:sticky;top:clamp(92px,12vh,135px);height:min(72vh,670px);min-height:480px;overflow:hidden;perspective:1200px;display:grid;place-items:center;background:radial-gradient(ellipse at center,rgba(236,190,109,.14),transparent 58%);transform-style:preserve-3d}
.journey-stage:before{content:"";position:absolute;inset:5%;border:1px solid rgba(225,179,95,.14);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:none}
.journey-stage:after{content:"";position:absolute;inset:12%;border:1px solid rgba(226,187,119,.09);border-radius:50%;pointer-events:none}
.journey-stage-halo{position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f4d18a27,rgba(169,107,50,.06) 40%,transparent 73%);filter:blur(16px);animation:journeyBreathe 6.8s ease-in-out infinite;pointer-events:none}
.journey-stage-ring{position:absolute;width:77%;aspect-ratio:1;border:1px solid rgba(223,183,115,.16);border-radius:50%;pointer-events:none}
.journey-stage-ring.ring-one{border-style:dashed;animation:journeyTurn 65s linear infinite}
.journey-stage-ring.ring-two{width:92%;border:1px solid rgba(223,183,115,.09);animation:journeyTurn 115s linear infinite reverse}
.journey-orbiting-ink{position:absolute;left:17%;top:29%;width:8px;height:8px;border-radius:50%;background:#ffe5a4;box-shadow:0 0 19px #ffedbd,0 0 48px #d2aa69;animation:journeyInk 7s ease-in-out infinite alternate;pointer-events:none}
.journey-orbiting-ink.ink-two{left:80%;top:69%;width:5px;height:5px;animation-delay:-3.8s}
.journey-visuals{width:100%;height:100%;position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.journey-art{position:absolute;inset:9% 3% 11%;display:grid;place-items:center;opacity:0;transform:translate3d(39%,15%,-200px) rotateY(-38deg) rotateZ(12deg) scale(.7);transition:transform .95s cubic-bezier(.16,.8,.2,1),opacity .52s ease;filter:drop-shadow(0 40px 42px #0007);backface-visibility:hidden;pointer-events:none}
.journey-art img{width:min(100%,625px);height:100%;object-fit:contain;user-select:none;pointer-events:none;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) rotateZ(var(--art-spin,0deg));transition:transform .23s ease-out}
.journey-art.is-active{opacity:1;transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);z-index:3}
.journey-art.is-past{transform:translate3d(-46%,-18%,-240px) rotateY(35deg) rotateZ(-16deg) scale(.68)}
.journey-stage-caption{position:absolute;left:28px;right:28px;bottom:24px;text-align:center;color:#edc88c;letter-spacing:.22em;font:500 11px var(--sans);z-index:4;text-shadow:0 2px 9px #06101b}
.journey-chapters{position:relative}
.journey-chapter{min-height:490px;max-width:660px;padding:100px 22px 40px 36px;position:relative;opacity:.66;transform:translate3d(0,12px,0);transition:opacity .5s ease,transform .6s ease;border-bottom:1px solid rgba(223,182,111,.17)}
.journey-chapter:first-child{padding-top:95px}
.journey-chapter.is-active,.journey-chapter.is-past{opacity:1;transform:none}
.journey-chapter.is-active:before{content:"";position:absolute;left:0;top:102px;width:2px;height:180px;background:linear-gradient(#e7b869,transparent);box-shadow:0 0 30px #ecb96180}
.journey-chapter-number{font:500 11px var(--sans);letter-spacing:.27em;color:#d7ac70}
.journey-chapter-number span{padding:0 9px;color:#b8a388}
.journey-chapter-category{margin-top:30px;color:#d8b275;font:500 11px/1.4 var(--sans);letter-spacing:.23em}
.journey-chapter h3{font:500 clamp(37px,4.1vw,62px)/1.03 var(--serif);color:#f8e9c9;margin:19px 0 21px;letter-spacing:-.025em;max-width:650px}
.journey-chapter>p:not(.journey-art-note){font:400 14px/1.95 var(--sans);color:#d0d8d8;max-width:530px}
.journey-scripture-ref{margin-top:25px;font:600 10px/1.9 var(--sans);letter-spacing:.14em;color:#f3c788;text-transform:uppercase}
.journey-art-note{font:400 10px/1.6 var(--sans);color:#a8b7c3;margin:10px 0 0;max-width:520px}
.journey-mobile-art{display:none}
.journey-footnote{position:relative;z-index:2;border-top:1px solid #e9bf7540;padding-top:24px;font-size:12px;line-height:1.8;color:#bbc7cf}
.journey-footnote span{color:#e5ba78;margin-right:10px}
@keyframes journeyBreathe{50%{transform:scale(1.2);opacity:.55}}
@keyframes journeyTurn{to{transform:rotate(360deg)}}
@keyframes journeyInk{to{transform:translate3d(30px,-42px,0) scale(1.5);opacity:.45}}
/* Very subtle floating emblems on internal pages, never block links. */
.scripture-ambient{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;contain:layout paint;opacity:.45}
.scripture-ambient-item{position:absolute;width:clamp(65px,8vw,150px);opacity:.26;filter:drop-shadow(0 0 20px rgba(235,191,119,.2));transform:translate3d(0,var(--ambient-offset,0px),0) rotate(var(--ambient-rotate,0deg));transition:transform .18s linear;will-change:transform}
.scripture-ambient-item:nth-child(1){top:14%;right:-48px}.scripture-ambient-item:nth-child(2){top:52%;left:-66px;width:140px;opacity:.2}.scripture-ambient-item:nth-child(3){bottom:8%;right:-70px;width:130px;opacity:.17}
@media(max-width:1100px){.journey-layout{gap:5%;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.journey-stage{height:min(65vh,610px);min-height:430px}.journey-chapter{padding-left:23px;min-height:455px}}
@media(max-width:780px){.scripture-journey{padding-bottom:77px}.journey-heading{padding-bottom:30px}.journey-heading .display{font-size:clamp(63px,11vw,96px)}.journey-layout{display:block}.journey-stage{position:sticky;top:66px;z-index:3;width:100%;height:290px;min-height:290px;max-height:none;pointer-events:none;background:linear-gradient(180deg,#071727,#092033 83%,transparent);overflow:hidden}.journey-stage-halo{width:51%}.journey-stage-ring{width:49%}.journey-stage-ring.ring-two{width:68%}.journey-art{inset:-4% 21% -5%}.journey-art img{height:90%}.journey-stage-caption{bottom:7px;font-size:9px}.journey-chapters{margin-top:0;position:relative;z-index:4}.journey-chapter,.journey-chapter:first-child{min-height:380px;margin:0 0 16px;padding:37px 19px 62px;background:linear-gradient(155deg,rgba(8,26,41,.96),rgba(5,18,32,.98));border:1px solid rgba(236,188,112,.18);border-radius:4px;opacity:1}.journey-chapter.is-active:before{top:32px;height:85px}.journey-chapter h3{font-size:clamp(37px,7vw,51px)}.journey-chapter>p:not(.journey-art-note){font-size:13px}.journey-chapter-category{margin-top:25px}.journey-toolbar{gap:15px}.scripture-ambient{display:none}}
@media(max-width:480px){.journey-stage{height:245px;min-height:245px}.journey-art{inset:-7% 14% -2%}.journey-chapter,.journey-chapter:first-child{padding:27px 20px 42px;min-height:355px}.journey-chapter h3{font-size:39px}.journey-heading .display{font-size:66px}.journey-stage-caption{letter-spacing:.1em}.journey-scripture-ref{font-size:9px}}
@media(prefers-reduced-motion:reduce){.journey-stage-ring,.journey-stage-halo,.journey-orbiting-ink,.journey-art{animation:none!important;transition:none!important}.journey-art img{transition:none!important}.journey-chapter{transition:none!important;transform:none!important;opacity:1}.scripture-ambient{display:none!important}}
body.journey-motion-paused .journey-stage-ring,body.journey-motion-paused .journey-stage-halo,body.journey-motion-paused .journey-orbiting-ink{animation:none!important}
body.journey-motion-paused .journey-art,body.journey-motion-paused .journey-art img,body.journey-motion-paused .journey-chapter{transition:none!important}
/* On small screens keep the changing artwork visible above the narrative cards. */
@media(max-width:780px){.journey-stage{z-index:7}.journey-chapters{z-index:4}}