/* House of Faith — blue, white and gold */
:root{--cream:#fff;--ink:#14365c;--wine:#8c661d;--muted:#617186;--line:#dce3ed}
.topline{color:#fff;border-bottom:2px solid #c6a04b}.brandmark{color:#a77d21;border-color:#d1b875}
.button{background:#c6a04b;border-color:#c6a04b;color:#102e53;font-weight:700}.button:hover{background:#d6b666;border-color:#d6b666}
.button.light{background:#fff;border-color:#fff;color:#14365c}.button.light:hover{background:#f3e7cb}
.hero h1 em{color:#967022}.tiny-cross{color:#b08a32}
.hero-image{background-image:linear-gradient(0deg,rgba(10,32,59,.86),rgba(20,54,92,.03) 70%),url('valley.jpg')}.photo-tag{background:#14365c40}
.round-icon,.circle-button{border-color:#cad5e4}.hero-number{color:#617186}
.art-0{background:#163d68;color:#fff8e6}.art-1{background:#f1e5c7;color:#684b18}.art-2{background:#315b86;color:#fff}
.daily{background:#eff4fa}.daily .eyebrow{color:#80601f}.quote-mark{color:#b99845}
.wednesday-art{background:#f0e6ca}.art-ring{border-color:#cbb675}
.testimonies .eyebrow{color:#e0c37d}.testimonies>div>p:not(.eyebrow),.story-placeholder small{color:#d0deee}.story-placeholder>span{color:#dcc078}
.notice-icon{color:#a58232}.connect{background:#f1f5fa}.connect-grid>div{border-color:#d9e2ee}
dialog::backdrop{background:#0b2444c9}dialog .scripture{background:#eef3fa}input,textarea{border-color:#becbdd;background:#fff}

/* Quiet, animated symbols of faith over a sunlit golden background. */
body{background:#f7edcc;isolation:isolate}
.faith-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 76% 5%,#fffdf3 0%,#fff4c8 29%,transparent 67%),radial-gradient(ellipse at 6% 69%,#f6d67f66,transparent 60%),linear-gradient(125deg,#fcf6e3,#eed58d 65%,#faf0d0)}
.golden-rays{position:absolute;inset:-60%;background:repeating-conic-gradient(from -30deg at 65% 25%,#fffaf150 0deg 8deg,transparent 8deg 25deg);filter:blur(14px);opacity:.65;animation:light-drift 48s ease-in-out infinite alternate;transform-origin:65% 25%}
.watermark-cross{position:absolute;left:30%;top:15%;width:clamp(160px,23vw,330px);height:62vh;max-height:570px;color:#bb8c2a;opacity:.13;filter:drop-shadow(0 0 24px #fff8d4);animation:cross-float 14s ease-in-out infinite}
.dove{position:absolute;color:#fff;width:clamp(100px,14vw,195px);height:auto;opacity:.7;filter:drop-shadow(0 2px 12px #b3892a12);animation:dove-glide 21s ease-in-out infinite}
.dove-one{left:5%;top:14%;--tilt:-12deg;animation-delay:-4s}
.dove-two{left:40%;top:65%;width:155px;--tilt:8deg;animation-delay:-12s;animation-duration:26s}
.dove-three{right:3%;top:39%;width:145px;--tilt:-18deg;animation-delay:-8s;animation-duration:24s}
.dove-four{left:7%;top:80%;width:110px;--tilt:11deg;animation-delay:-16s;animation-duration:28s}
.dove-five{right:28%;top:5%;width:115px;--tilt:-8deg;animation-delay:-19s;animation-duration:23s}
.dove-wing{transform-box:fill-box;transform-origin:85% 90%;animation:wing-sway 5s ease-in-out infinite alternate}
.dove-definitions{position:absolute;overflow:hidden}
header{background:#fffdf126;border-bottom:1px solid #c6a04b22}
.hero-copy{position:relative}.intro,.hero-foot p{color:#4c5c6e}
.daily{background:#ffffffa6;border-block:1px solid #ffffffb3;backdrop-filter:blur(3px)}
.connect{background:#ffffff9c}.rhythm{background:#fffdf138}.message-card{background:#fffdf13d}.message-card>p,.message-card>h3,.message-card>button{padding-inline:10px}
.testimonies{background:#14365cf5}.section-head>p,.sample-note,.notices p{color:#4c5c6e}
@keyframes cross-float{0%,100%{transform:translate3d(0,0,0) rotate(-3deg);opacity:.12}50%{transform:translate3d(8px,-22px,0) rotate(2deg);opacity:.17}}
@keyframes dove-glide{0%,100%{transform:translate3d(-15px,7px,0) rotate(var(--tilt))}50%{transform:translate3d(25px,-23px,0) rotate(calc(var(--tilt) + 5deg))}}
@keyframes wing-sway{from{transform:rotate(-3deg)}to{transform:rotate(6deg)}}
@keyframes light-drift{from{transform:rotate(-4deg);opacity:.45}to{transform:rotate(5deg);opacity:.7}}
@media(max-width:700px){.watermark-cross{left:44%;top:18%;height:45vh;width:195px}.dove{width:115px}.dove-two{left:30%;top:70%;width:125px}.dove-three{right:-15px;width:95px}.dove-five{right:10%;width:90px}.dove-four{left:-15px;width:100px}}
@media(prefers-reduced-motion:reduce){.faith-atmosphere *{animation:none!important}.watermark-cross{opacity:.14}.dove{transform:rotate(var(--tilt))}}

/* A Bible opens into the site on the first visit in this browser. */
.bible-welcoming{overflow:hidden}
.bible-intro[hidden]{display:none}
.bible-intro{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#fffdf2 0%,#f7e8b6 43%,#dfbd67 100%);color:#14365c;animation:bible-reveal-site .8s 4.7s ease-in forwards}
.bible-halo{position:absolute;width:100vmax;height:100vmax;border-radius:50%;background:repeating-conic-gradient(from 6deg,#fff7d400 0deg 12deg,#fffdf477 12deg 15deg,#fff7d400 15deg 25deg);filter:blur(15px);animation:bible-halo-turn 6s ease-out both;pointer-events:none}
.bible-intro-label,.bible-intro-caption,.bible-skip{position:relative;z-index:2}.bible-intro-label{font-size:10px;letter-spacing:3px;font-weight:700;margin:0}.bible-intro-caption{font:italic 28px var(--serif);margin:0}
.bible-stage{width:min(86vw,800px);height:clamp(245px,47vh,460px);perspective:1700px;position:relative;margin:12px 0 0}
.opening-bible{position:absolute;inset:0;transform-style:preserve-3d;animation:bible-place 4.8s ease-in-out both;filter:drop-shadow(0 25px 25px #7d5a2838)}
.bible-spread{position:absolute;inset:0;border:7px solid #173b61;border-radius:7px 15px 15px 7px;box-shadow:0 5px 0 #bd9237,0 9px 0 #fbefc9,0 12px 0 #c3a452,0 16px 0 #173b61;display:grid;grid-template-columns:1fr 1fr;background:#fffaf0}
.bible-page{padding:13% 10%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.bible-page span,.cover-inside>span{font-size:8px;letter-spacing:2.2px;color:#927029}.bible-page p{font:clamp(19px,3vw,34px)/1.25 var(--serif);margin:25px 0}.bible-page small{font-size:7px;letter-spacing:1.3px;color:#8a733f}.bible-left-page{background:linear-gradient(90deg,#fff7e0,#fffdf6 80%,#e6d9b9);animation:bible-left-appear .3s .85s both}.bible-right-page{background:linear-gradient(90deg,#d9cdaa,#fffaf0 9%,#fffdf6 75%,#f6e9cb);border-radius:0 8px 8px 0}.page-rule{width:35px;height:1px;background:#c6a04b;margin-top:20px}.page-lines{width:80%;height:29px;margin-top:20px;background:repeating-linear-gradient(transparent 0 6px,#c1af812e 6px 7px)}
.bible-cover{position:absolute;left:50%;top:-2px;width:50%;height:calc(100% + 3px);transform-style:preserve-3d;transform-origin:0% 50%;animation:bible-open-cover 2.9s .55s cubic-bezier(.4,0,.2,1) both}
.cover-front,.cover-inside{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:3px 12px 12px 3px}
.cover-front{background:repeating-linear-gradient(95deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(120deg,#224f7b,#0d2949 75%);border-left:9px solid #0b2440;box-shadow:inset 3px 0 6px #0004,2px 0 5px #0003;padding:8%;color:#e0bd66}
.cover-frame{border:1px solid #c6a04b;outline:1px solid #c6a04b66;outline-offset:6px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.cover-cross{font:clamp(30px,5vh,57px) Georgia;text-shadow:0 1px #fff3}.cover-front h2{font-size:clamp(39px,7vh,75px);line-height:.96;color:#edcf88;letter-spacing:1px;text-align:center;margin:20px 0}.cover-caption{font-size:7px;letter-spacing:2px;margin-top:15px}.cover-inside{transform:rotateY(180deg);background:linear-gradient(90deg,#fff5dc,#fffdf4 85%,#d6c7a2);padding:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:7px solid #173b61;border-right:0;border-radius:12px 0 0 12px}.cover-inside p{font:clamp(30px,5vw,56px)/1 var(--serif);margin:25px 0}.cover-inside em{color:#987024}.cover-inside small{font-size:7px;letter-spacing:1px;line-height:1.9;color:#8a733f}
.bible-ribbon{position:absolute;width:10px;height:24%;background:#b38a33;left:50%;top:90%;transform:translateZ(-2px);clip-path:polygon(0 0,100% 0,100% 100%,50% 89%,0 100%);animation:bible-left-appear .5s 1.4s both}
.bible-spread{animation:bible-left-appear .5s 1.15s both}
.bible-skip{border:1px solid #9b7a35;background:#fff8e66b;color:#14365c;border-radius:30px;font-size:11px;padding:12px 22px;display:flex;gap:25px;align-items:center}.bible-skip:hover{background:#fff8e6}.bible-skip:focus-visible{outline-color:#14365c}
@keyframes bible-open-cover{0%,12%{transform:rotateY(-2deg)}80%,100%{transform:rotateY(-173deg)}}
@keyframes bible-place{0%,15%{transform:translateX(-24%) rotateX(8deg) rotateZ(-3deg) scale(.88)}65%,85%{transform:translateX(0) rotateX(7deg) rotateZ(0) scale(1)}100%{transform:translateX(0) rotateX(0) scale(1.04)}}
@keyframes bible-left-appear{from{opacity:0}to{opacity:1}}
@keyframes bible-halo-turn{from{transform:rotate(-12deg);opacity:.3}to{transform:rotate(10deg);opacity:.8}}
@keyframes bible-reveal-site{to{opacity:0;visibility:hidden;transform:scale(1.07)}}
@media(max-width:700px){.bible-intro{gap:25px}.bible-stage{width:88vw;height:clamp(225px,40vh,340px)}.bible-intro-label{font-size:8px;letter-spacing:2px}.bible-intro-caption{font-size:24px}.bible-page{padding:9% 7%}.bible-page p{font-size:22px;margin:17px 0}.bible-page span,.cover-inside>span{font-size:6px;letter-spacing:1px}.bible-page small,.cover-inside small{font-size:6px;letter-spacing:.6px}.cover-inside p{font-size:34px}.cover-front h2{font-size:49px}.cover-caption{font-size:6px;letter-spacing:1px}.page-lines{display:none}}
@media(prefers-reduced-motion:reduce){.bible-intro{display:none!important}.bible-intro *{animation:none!important}}

/* Rich blue and gold, with bright white light and softly raised lettering. */
:root{--ink:#092b55;--wine:#805309;--muted:#394d67;--line:#c4a45166}
body{color:var(--ink);text-shadow:0 1px 1px #fff9,0 2px 5px #10274412}
.faith-atmosphere{background:radial-gradient(ellipse at 76% 2%,#fff 0%,#fff8d9 22%,transparent 58%),radial-gradient(ellipse at 4% 70%,#dba62c6b,transparent 62%),linear-gradient(125deg,#fff0b8,#dcaf47 68%,#f7df91)}
.golden-rays{filter:blur(10px)}
.dove{opacity:.92;filter:drop-shadow(0 0 9px #fff9) drop-shadow(0 5px 9px #7e541426)}
.watermark-cross{color:#8b5a08;filter:drop-shadow(0 0 20px #fff8d4b3)}
header{background:#ffffffb5;border-bottom-color:#ffffffd9;box-shadow:0 6px 24px #805a1012}
h1,h2,h3{ text-shadow:0 1px 0 #fff,0 3px 3px #102b5526,0 7px 15px #102b5514}
.brand{text-shadow:0 1px 0 #fff,0 2px 4px #102b5529}
.brandmark{background:linear-gradient(135deg,#fff,#fff2c8);border-color:#a77b23;box-shadow:inset 0 1px 2px #fff,0 3px 8px #77541224;text-shadow:0 1px 1px #fff,0 2px 4px #a47a3333}
.hero h1 em{color:#865609;text-shadow:0 1px 0 #fff,0 0 12px #fff9,0 4px 5px #83530936}
.intro,.hero-foot p,.section-head>p,.sample-note,.notices p{color:#263e5c}
.eyebrow,.text-link,nav a{text-shadow:0 1px 0 #fffc,0 2px 4px #102b5521}
.button{background:linear-gradient(135deg,#ffe5a0,#d4a13b 65%,#edc66a);border:1px solid #ac7d25;box-shadow:inset 0 1px 0 #fff,0 5px 12px #59401229;text-shadow:0 1px 1px #fff9;transition:box-shadow .2s,background .2s}
.button:hover{background:linear-gradient(135deg,#fff4d4,#efc65d);box-shadow:inset 0 1px 0 #fff,0 6px 18px #59401240}
.hero-image{box-shadow:0 13px 30px #132d5538,inset 0 0 0 1px #fff8}
.image-verse{color:#fff;text-shadow:0 2px 4px #031932,0 0 18px #ffffff38}.image-verse small{color:#fff;text-shadow:0 1px 3px #000}
.topline{background:#072345;color:#fff;text-shadow:0 1px 3px #0009,0 0 10px #ffffff38}
.rhythm{background:#ffffff91;border-color:#fffc;box-shadow:0 8px 22px #6c480c14}.rhythm strong{color:#092b55}
.message-card{background:#fff9;border:1px solid #fff;border-radius:4px;overflow:hidden;box-shadow:0 8px 20px #704c171c}.message-art{box-shadow:inset 0 1px 0 #fff4}
.art-0{background:linear-gradient(130deg,#0d3e75,#061e3d);color:#fff}.art-1{background:linear-gradient(130deg,#fff4c9,#d9aa42);color:#4d3100}.art-2{background:linear-gradient(130deg,#285f9e,#092b55);color:#fff}
.art-0 p,.art-2 p,.art-0 small,.art-2 small{text-shadow:0 2px 3px #0007,0 0 14px #fff3}
.daily{background:linear-gradient(125deg,#092b55f7,#061d3cf7);border-block:1px solid #f8db91;box-shadow:0 10px 30px #142c5526;color:#fff;text-shadow:0 2px 4px #0007}
.daily h2,.daily blockquote{color:#fff;text-shadow:0 2px 4px #0008,0 0 18px #ffffff26}.daily .eyebrow,.daily .quote-mark{color:#ffdfa0;text-shadow:0 2px 4px #0006,0 0 12px #ffd77b33}.daily #quote-date{color:#e8f1ff}.daily .text-link{color:#fff;text-shadow:0 2px 4px #0007}.daily .text-link:hover{color:#ffe3a2}
.wednesday-art{background:radial-gradient(ellipse at 35% 15%,#fff,#ffe7a4 48%,#c99529);box-shadow:inset 0 0 0 1px #fff,0 10px 25px #704c1726}.art-ring{border-color:#ab771e;box-shadow:0 0 20px #fff8}
.testimonies{background:linear-gradient(125deg,#0d3664,#041932);border-block:1px solid #d8b15d;color:#fff;text-shadow:0 2px 4px #0007}
.testimonies h2,.testimonies h3{color:#fff;text-shadow:0 2px 4px #0009,0 0 18px #ffffff21}.testimonies .eyebrow,.testimonies .story-placeholder>span{color:#ffe4aa;text-shadow:0 2px 4px #0006,0 0 12px #ffd77b33}.testimonies>div>p:not(.eyebrow),.story-placeholder small{color:#f1f6ff}
.button.light{background:linear-gradient(140deg,#fff,#edf3ff);border-color:#fff;color:#092b55;text-shadow:0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff,0 5px 15px #0004,0 0 16px #ffffff18}
.notices article{border-bottom-color:#9e761b55}.notice-icon{color:#755012;text-shadow:0 1px 0 #fff,0 3px 7px #82570c33}
.connect{background:linear-gradient(125deg,#ffffffd9,#f4f8ffeb);border-top-color:#fff;box-shadow:0 -6px 24px #805a1012}
.cover-front{background:repeating-linear-gradient(95deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(120deg,#124c87,#041b39 75%)}
.cover-front h2{color:#ffe8aa;text-shadow:0 1px 1px #fff9,0 3px 6px #0008,0 0 20px #f4d27c44}.cover-cross,.cover-caption{color:#ffe8aa;text-shadow:0 2px 4px #0008,0 0 15px #f4d27c44}
dialog{text-shadow:0 1px 0 #fff,0 2px 4px #10274412}
@media(prefers-reduced-motion:reduce){.button{transition:none}}