/* Shared navigation and warm closing light. */
.riverlight .topbar{position:fixed!important;top:0;left:0;background:#0d2028!important;z-index:90}
.riverlight [data-page="our-story"] .wrap{padding-top:108px}
.riverlight [data-page="our-story"] .page-title{margin-top:24px}
.riverlight [data-page="our-story"] .story-lamp{display:block;margin:0 auto 20px}
.riverlight [data-page="our-story"] .page-title{margin-top:0}
.riverlight footer,.riverlight .connect-foot,.riverlight .home-foot{position:relative;isolation:isolate}
.riverlight footer::before,.riverlight .connect-foot::before,.riverlight .home-foot::before{content:'';display:block;position:absolute;z-index:-1;pointer-events:none;top:-75px;bottom:-30px;left:0;right:0;background:radial-gradient(ellipse 70% 76% at 50% 78%,rgba(230,187,121,.26),rgba(230,187,121,.09) 48%,transparent 78%)}
.riverlight .home-foot::before{top:-160px;bottom:0}
.riverlight .connect-foot::before{top:-70px;bottom:-20px}
.riverlight footer .footer-nav,.riverlight .connect-foot .cf-links{background:transparent}
/* Home keeps its entrance; a compact fixed menu takes over after the in-page links scroll away. */
.riverlight [data-page="index"] #topbar{visibility:hidden;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease}
.riverlight [data-page="index"] #topbar.home-nav-visible{visibility:visible;opacity:1!important;pointer-events:auto!important}
.riverlight [data-page="index"] .topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}
.riverlight [data-page="index"] .topbar-mark{font-family:'EB Garamond','Fraunces',Georgia,serif;color:var(--paper);text-decoration:none;white-space:nowrap}
.riverlight [data-page="index"] .topbar .site-nav{display:flex;align-items:center}
.riverlight [data-page="index"] .topbar .site-nav a{text-decoration:none}
.riverlight [data-page="index"] .nav-toggle{display:none;background:transparent;border:1px solid #b29a6f;color:var(--brass);font-size:.875rem;padding:6px 12px;cursor:pointer}
/* Constellation retains its own quiet chrome, with the same destinations available from Menu. */
.riverlight [data-page="constellation"] .chrome{position:fixed;background:#0d2028f5;align-items:center;gap:12px;z-index:45}
.riverlight [data-page="constellation"] .chrome .exit{margin-left:auto}
.riverlight .const-menu-toggle{min-height:44px;border:1px solid #bdc6ab66;border-radius:0;padding:8px 16px;background:transparent;color:var(--paper);font-size:.875rem;cursor:pointer}
.riverlight .const-site-menu{position:absolute;right:4vw;top:calc(100% + 8px);width:min(330px,92vw);max-height:calc(100dvh - 115px);overflow:auto;background:#102a33;border:1px solid #7d938b;padding:12px;box-shadow:0 16px 48px #0005}
.riverlight .const-site-menu[hidden]{display:none}
.riverlight .const-site-menu a{display:flex;align-items:center;min-height:44px;padding:10px 14px;font-size:1rem;color:var(--paper);text-decoration:none;border-bottom:1px solid #cad8cf20}
.riverlight .const-site-menu a:hover,.riverlight .const-site-menu a:focus-visible{color:var(--brass);background:#29434a}
/* A hinged shadow opens over warm light; the sentence itself stays still and readable. */
.riverlight [data-page="our-story"] .door-beat{padding:30px 18px;isolation:isolate;perspective:700px}
.riverlight [data-page="our-story"] .door-beat .door-light{left:50%;top:0;bottom:0;width:min(80%,460px);transform:translateX(-50%);opacity:0;background:linear-gradient(90deg,#e6bb7900,#e6bb793d 22%,#f1d4a04a 68%,#e6bb7900);box-shadow:none;transition:opacity 1.6s ease;overflow:visible}
.riverlight [data-page="our-story"] .door-light::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#112730,#132b34);border-left:1px solid #e6bb7955;transform-origin:0 50%;transform:perspective(700px) rotateY(0deg);opacity:1;transition:transform 1.8s cubic-bezier(.2,.65,.2,1),opacity 1.8s ease;backface-visibility:hidden}
.riverlight [data-page="our-story"] .door-beat.open .door-light{opacity:1;transform:translateX(-50%)}
.riverlight [data-page="our-story"] .door-beat.open .door-light::after{transform:perspective(700px) rotateY(-82deg);opacity:.22}
.riverlight [data-page="our-story"] .door-words{position:relative;z-index:2;color:#f6e4bf}
.riverlight [data-page="our-story"] .j-route{stroke:#e6bb79a0;stroke-width:1.6}
.riverlight [data-page="our-story"] .j-route.j-final{stroke:#f1d4a0;stroke-width:2}
@media(max-width:700px){
 .riverlight [data-page="our-story"] .wrap{padding-top:86px}
 .riverlight [data-page="index"] .topbar-inner{flex-wrap:wrap;gap:0}
 .riverlight [data-page="index"] .nav-toggle{display:block}
 .riverlight [data-page="index"] .topbar .site-nav{display:none;flex-direction:column;align-items:stretch;width:100%;max-height:calc(100dvh - 90px);overflow:auto}
 .riverlight [data-page="index"] .topbar.nav-open .site-nav{display:flex}
 .riverlight [data-page="index"] .topbar .site-nav a{white-space:normal}
 .riverlight [data-page="constellation"] .chrome{padding:12px;gap:8px;flex-wrap:wrap}
 .riverlight [data-page="constellation"] .chrome .exit{font-size:.75rem;padding:6px 8px}
 .riverlight [data-page="constellation"] .const-menu-toggle{font-size:.8125rem;padding:6px 10px}
 .riverlight .const-site-menu{right:12px}
 .riverlight [data-page="constellation"] .field{top:calc(var(--chrome-height,70px) + 40px)}
}
@media(prefers-reduced-motion:reduce){
 .riverlight [data-page="our-story"] .door-beat .door-light,.riverlight [data-page="our-story"] .door-light::after{transition:none!important}
 .riverlight [data-page="our-story"] .door-light::after{transform:perspective(700px) rotateY(-82deg);opacity:.22}
}
.riverlight .trimmed-header .wrap{padding-top:108px}
.riverlight .trimmed-header .page-title{margin-top:24px}
.riverlight [data-page="connect"] #beginBtn{display:block;margin-left:auto;margin-right:auto}
.riverlight .believe-card,.riverlight [data-page="index"] a.door{transition:background .4s ease,box-shadow .4s ease;position:relative}
.riverlight .believe-card.card-lit,.riverlight .believe-card:hover,.riverlight .believe-card:focus-visible,.riverlight .believe-card:active,.riverlight [data-page="index"] a.door:hover,.riverlight [data-page="index"] a.door:focus-visible,.riverlight [data-page="index"] a.door:active{background:radial-gradient(ellipse at 50% 100%,#e6bb791f,transparent 85%);box-shadow:inset 0 0 0 1px #e6bb7999,0 0 28px #e6bb791c}
@media(max-width:700px){.riverlight .trimmed-header .wrap{padding-top:86px}}
@media(prefers-reduced-motion:reduce){.riverlight .believe-card,.riverlight [data-page="index"] a.door{transition:none}}
/* Reveal navigation only after the visitor begins scrolling. */
.riverlight body #topbar{visibility:hidden;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease}
.riverlight body #topbar.scroll-nav-visible{visibility:visible;opacity:1!important;pointer-events:auto!important}
.riverlight footer::before,.riverlight .connect-foot::before,.riverlight .home-foot::before{inset:0;background:radial-gradient(ellipse 65% 85% at 50% 50%,rgba(230,187,121,.24),rgba(230,187,121,.09) 48%,transparent 80%)}
@media(prefers-reduced-motion:reduce){.riverlight body #topbar{transition:none}}
.riverlight footer::before,.riverlight .connect-foot::before,.riverlight .home-foot::before{width:auto;height:auto;transform:none;filter:none;opacity:1;border-radius:0}
.riverlight [data-page="index"] .home-foot::before{display:none}
.riverlight [data-page="index"] .home-close{position:relative;isolation:isolate}
.riverlight [data-page="index"] .home-close::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 46% 55% at 50% 30%,#e6bb793b,#e6bb7914 48%,transparent 85%)}
.riverlight [data-page="index"] .home-close .light{text-shadow:0 0 32px #e6bb7940}
.riverlight .name-invite{transition:background .4s ease,box-shadow .4s ease}
.riverlight .name-invite.lit,.riverlight .name-invite:hover,.riverlight .name-invite:focus-visible,.riverlight .name-invite:active{background:radial-gradient(ellipse at 50% 55%,#e6bb791f,transparent 85%);box-shadow:inset 0 0 0 1px #e6bb7977,0 0 28px #e6bb7922}
@media(prefers-reduced-motion:reduce){.riverlight .name-invite{transition:none}}
.riverlight [data-page="the-porch"] .hero{margin:0;border:0;border-radius:0;width:100%;height:650px;max-height:none;min-height:520px}
@media(max-width:700px){.riverlight [data-page="the-porch"] .hero{margin:0;border-radius:0;height:75svh;min-height:520px}}
.riverlight footer::before,.riverlight .connect-foot::before{background:radial-gradient(ellipse 65% 60% at 50% 50%,#e6bb793d,#e6bb7917 48%,transparent 80%)}
.riverlight [data-page="the-porch"] .body-text .scripture-pill{margin:.4em .25em .4em .4em!important;max-width:calc(100% - .65em);vertical-align:middle}
@keyframes porch-signature-reveal{0%{clip-path:inset(0 100% 0 0)}48%{clip-path:inset(0 52% 0 0)}58%{clip-path:inset(0 42% 0 0)}100%{clip-path:inset(0 0 0 0)}}
.riverlight [data-page="our-story"] .sig.signature-reveal{animation:porch-signature-reveal 2.5s ease-in-out both}
@media(prefers-reduced-motion:reduce){.riverlight [data-page="our-story"] .sig.signature-reveal{animation:none}}
/* A small, irregular change in the porch bulb; never a flash or blackout. */
@keyframes porch-gentle-flicker{
  0%,100%{opacity:1;box-shadow:0 0 24px 8px #e6bb7999,0 0 72px 28px #e6bb793d}
  22%{opacity:.86;box-shadow:0 0 15px 4px #e6bb7966,0 0 48px 15px #e6bb791c}
  35%{opacity:1;box-shadow:0 0 23px 8px #e6bb7999,0 0 68px 26px #e6bb7938}
  47%{opacity:.78;box-shadow:0 0 12px 3px #e6bb7955,0 0 40px 12px #e6bb7917}
  61%{opacity:.98;box-shadow:0 0 22px 7px #e6bb798f,0 0 66px 24px #e6bb7933}
  77%{opacity:.9;box-shadow:0 0 17px 5px #e6bb7970,0 0 52px 18px #e6bb7924}
}
html.riverlight:not(.porch-arrival) [data-page] .lamp{animation:porch-gentle-flicker 6.8s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){html.riverlight:not(.porch-arrival) [data-page] .lamp{animation:none!important;opacity:1;filter:none}}
@media print{html.riverlight:not(.porch-arrival) [data-page] .lamp{animation:none!important;opacity:1;filter:none}}
/* A readable invitation into the actual DNA constellation. */
.riverlight .home-window.dna-preview{aspect-ratio:auto;max-height:none;border-radius:2px;display:flex;flex-direction:column;padding:28px 16px 14px;background:radial-gradient(ellipse at 50% 72%,#e6bb7922,transparent 65%),linear-gradient(#0d202c,#193841);transition:border-color .3s,box-shadow .3s}
.riverlight .dna-preview::before,.riverlight .dna-preview::after{display:none}
.riverlight .dna-preview-title{display:block;text-align:center;font-family:'EB Garamond','Fraunces',Georgia,serif;font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.35;color:var(--paper)}
.riverlight .dna-preview-map{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(60px,auto));align-items:center;text-align:center;margin:20px 0 10px;isolation:isolate}
.riverlight .dna-preview-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}
.riverlight .dna-preview-lines path{fill:none;stroke:#e6bb7960;stroke-width:.35;vector-effect:non-scaling-stroke}
.riverlight .dna-preview-node{justify-self:center;font-size:.875rem;line-height:1.5;color:#d6e2e2;padding:4px 6px;background:#122a34;overflow-wrap:anywhere;max-width:100%}
.riverlight .dna-preview-node::before{content:'';display:block;margin:0 auto 4px;width:4px;height:4px;background:#e6bb79;border-radius:50%;box-shadow:0 0 9px #e6bb7980}
.riverlight .dna-preview-center{grid-column:1/-1;justify-self:center;font-family:'EB Garamond','Fraunces',Georgia,serif;font-size:1.4rem;color:#f1d4a0;padding:12px 18px;background:radial-gradient(ellipse,#e6bb7926,transparent 75%),#122a34;border:1px solid #e6bb794d;border-radius:50%;line-height:1.3}
.riverlight .dna-preview img{position:relative;left:auto;bottom:auto;display:block;width:calc(100% + 32px);max-width:none;margin:4px -16px 0;height:auto;transform:none;filter:saturate(.7);mask-image:linear-gradient(#000 72%,transparent)}
.riverlight .dna-preview:hover img{transform:none}
.riverlight .dna-preview .window-label{position:relative;left:auto;right:auto;bottom:auto;display:block;margin:0;padding:12px 4px;font-size:.875rem;letter-spacing:.05em;line-height:1.5}
.riverlight .dna-preview:hover,.riverlight .dna-preview:focus-visible{border-color:#e6bb79;box-shadow:0 0 30px #e6bb791c}
@media(prefers-reduced-motion:reduce){.riverlight .home-window.dna-preview{transition:none}}
.riverlight .dna-preview-lines path{stroke-width:.8}
.riverlight .dna-preview-node{background:transparent;text-shadow:0 1px 5px #0d2028,0 0 8px #0d2028}
/* Current location and a quiet entrance for the shared navigation. */
.riverlight body #topbar{transform:translateY(-8px)!important;transition:opacity .24s ease,transform .24s ease}
.riverlight body #topbar.scroll-nav-visible{transform:translateY(0)!important}
.riverlight #topbar .site-nav a[aria-current="page"]{color:#e6bb79;position:relative;background-image:linear-gradient(#e6bb79,#e6bb79);background-size:calc(100% - 28px) 1px;background-position:center bottom;background-repeat:no-repeat}
.riverlight #topbar .site-nav a[aria-current="page"]::after{display:none}
@media(max-width:700px){.riverlight #topbar .site-nav a[aria-current="page"]{background-color:#e6bb7914;background-size:28px 1px;background-position:8px bottom}}
.riverlight .dna-preview-description{display:block;text-align:center;font-size:.9rem;line-height:1.55;color:#c5d5d7;margin:8px 10px 16px;text-wrap:pretty}
.riverlight .dna-preview .window-label{border:1px solid #e6bb7977;background:#e6bb7912;padding:13px 8px;font-weight:600;letter-spacing:.035em}
.riverlight .dna-city-light{position:absolute;z-index:-2;left:15%;width:70%;top:50%;height:80%;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#e6bb794d,transparent 70%);mask-image:linear-gradient(transparent,#000 15%,#000 65%,transparent)}
@keyframes dna-center-on{from{opacity:.2;box-shadow:none}to{opacity:1;box-shadow:0 0 28px #e6bb7933}}
@keyframes dna-lines-on{from{stroke-dashoffset:1;opacity:.25}to{stroke-dashoffset:0;opacity:1}}
@keyframes dna-nodes-on{from{opacity:.25}to{opacity:1}}
@keyframes dna-city-on{from{opacity:0}to{opacity:1}}
.riverlight .dna-preview.preview-reveal .dna-preview-center{animation:dna-center-on .7s ease-out both}
.riverlight .dna-preview.preview-reveal .dna-preview-lines path{stroke-dasharray:1;animation:dna-lines-on .9s .3s ease-out both}
.riverlight .dna-preview.preview-reveal .dna-preview-node{animation:dna-nodes-on .8s .7s ease-out both}
.riverlight .dna-preview.preview-reveal .dna-city-light{animation:dna-city-on 1s 1s ease-out both}
@media(prefers-reduced-motion:reduce){.riverlight body #topbar{transform:none!important;transition:none}.riverlight .dna-preview.preview-reveal .dna-preview-center,.riverlight .dna-preview.preview-reveal .dna-preview-lines path,.riverlight .dna-preview.preview-reveal .dna-preview-node,.riverlight .dna-preview.preview-reveal .dna-city-light{animation:none;stroke-dashoffset:0;opacity:1}}
/* The invitation begins under the same welcoming porch light. */
.riverlight [data-page="gather"].trimmed-header .wrap{padding-top:64px}
.riverlight [data-page="gather"] .gather-lamp{display:block;margin:0 auto 20px}
.riverlight [data-page="gather"].trimmed-header .page-title{margin-top:0}
@media(max-width:700px){.riverlight [data-page="gather"].trimmed-header .wrap{padding-top:46px}}
.riverlight a.scripture-pill.passage-link{display:inline-flex;align-items:center;gap:.4em;min-height:44px;max-width:100%;color:var(--brass);text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.riverlight a.scripture-pill.passage-link:hover,.riverlight a.scripture-pill.passage-link:focus-visible{border-color:var(--brass);background:#e6bb7914}
/* Welcome first, then a window into the life of the church. */
.riverlight [data-page="index"] .home-composition{display:block;padding:48px 0 56px}
.riverlight [data-page="index"] .home-invitation{max-width:1000px;margin:auto;text-align:center}
.riverlight [data-page="index"] .invite{max-width:900px;margin:auto;text-wrap:balance}
.riverlight [data-page="index"] .cta-wrap{text-align:center}
.riverlight .dna-landscape{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:center;gap:4%;width:90%;max-width:1296px;margin:0 auto 48px;text-decoration:none;border:0;isolation:isolate;background:radial-gradient(ellipse at 75% 70%,#e6bb7912,transparent 65%)}
.riverlight .dna-landscape-copy{display:block;padding:24px 0}
.riverlight .dna-landscape .dna-preview-title{font-size:clamp(1.7rem,3vw,2.8rem);text-align:left;text-wrap:balance}
.riverlight .dna-landscape .dna-preview-description{text-align:left;margin:20px 0 24px;font-size:1.05rem;max-width:32em}
.riverlight .dna-landscape .window-label{display:inline-block;text-align:left;position:static;max-width:100%;border:0;border-bottom:1px solid #e6bb7980;background:none;padding:10px 0;font-size:1rem}
.riverlight .dna-landscape-scene{position:relative;display:block;height:clamp(300px,32vw,430px);min-height:18rem;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#26475599,transparent 72%)}
.riverlight .dna-landscape .dna-preview-map{position:absolute;inset:0 0 22%;margin:0;display:block}
.riverlight .dna-landscape .dna-preview-node,.riverlight .dna-landscape .dna-preview-center{position:absolute;transform:translate(-50%,-50%);font-size:.95rem;max-width:44%;white-space:normal}
.riverlight .dna-landscape .preview-proclaim{left:18%;top:34%}
.riverlight .dna-landscape .preview-overcome{left:64%;top:14%}
.riverlight .dna-landscape .preview-rejoice{left:25%;top:74%}
.riverlight .dna-landscape .preview-hope{left:85%;top:64%}
.riverlight .dna-landscape .dna-preview-center{left:48%;top:48%;font-size:1.6rem;border:0;background:radial-gradient(ellipse,#e6bb792b,transparent 72%);padding:12px}
.riverlight .dna-landscape img{position:absolute;left:0;bottom:0;width:100%;height:auto;margin:0;max-width:100%;mask-image:linear-gradient(#000 65%,transparent);transform:none}
.riverlight .dna-landscape .dna-city-light{left:23%;top:48%;height:95%;width:50%}
.riverlight .dna-landscape:hover,.riverlight .dna-landscape:focus-visible{box-shadow:none}
.riverlight .dna-landscape:hover .window-label{color:#fff0d4;border-bottom-color:#fff0d4}
@media(max-width:700px){.riverlight .dna-landscape{grid-template-columns:1fr;width:calc(100% - 44px);gap:0;margin-bottom:36px}.riverlight .dna-landscape-copy{padding:24px 0 12px}.riverlight .dna-landscape-scene{height:320px;min-height:19rem}.riverlight [data-page="index"] .home-composition{padding:35px 0 32px}}
.riverlight [data-page="index"] .home-invitation .cta-wrap{align-items:center}
.riverlight .dna-landscape .preview-proclaim{left:24%}
.riverlight .dna-landscape .dna-preview-node{width:max-content;max-width:none;white-space:nowrap}
@media(max-width:700px){.riverlight .dna-landscape .dna-preview-node{font-size:.875rem}}
/* Include the separate landscape in the once-per-session opening reveal. */
html.riverlight.porch-arrival [data-page="index"]>.dna-landscape{animation:porch-content 2.3s ease-out both!important}
@media(prefers-reduced-motion:reduce){html.riverlight.porch-arrival [data-page="index"]>.dna-landscape{animation:none!important}}
@media(prefers-reduced-motion:reduce){.riverlight .dna-preview.preview-reveal .dna-preview-lines path{stroke-dasharray:none}}
.riverlight [data-page="index"] .discover-more{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:44px;margin-top:14px;padding:8px 12px;max-width:100%;color:#e6bb79;font-size:.875rem;line-height:1.5;text-decoration:none;letter-spacing:.025em;text-align:center}
.riverlight [data-page="index"] .discover-more:hover,.riverlight [data-page="index"] .discover-more:focus-visible{color:#fff0d4;text-decoration:underline;text-underline-offset:5px}
@media(min-width:701px){
 html.riverlight [data-page="index"] .hero{padding-top:78px}
 html.riverlight [data-page="index"] .hero>.lamp{top:24px}
 html.riverlight [data-page="index"] .welcome{margin-top:16px}
 html.riverlight [data-page="index"] .tagline{margin:14px 0 18px}
 .riverlight [data-page="index"] .home-composition{padding:28px 0 16px}
 .riverlight [data-page="index"] .light-line{margin-top:16px}
 .riverlight [data-page="index"] .home-invitation .cta-wrap{margin-top:16px}
 .riverlight .dna-landscape{align-items:start}
}
/* Our DNA is the reading companion to the immersive constellation. */
.riverlight [data-page="our-dna"] .dna-layout{display:block}
.riverlight [data-page="our-dna"] .dna-section-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:0 auto 28px;padding:16px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.riverlight [data-page="our-dna"] .dna-section-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;font-size:1rem;color:var(--brass);text-decoration:none}
.riverlight [data-page="our-dna"] .dna-section-links a:hover,.riverlight [data-page="our-dna"] .dna-section-links a:focus-visible{background:#e6bb7914;text-decoration:underline;text-underline-offset:5px}
.riverlight [data-page="our-dna"] #dnaReader .section{display:block;margin-bottom:36px;animation:none}
.riverlight [data-page="our-dna"] #dnaReader .section-head img.icon{opacity:1;filter:none}
.riverlight [data-page="our-dna"] .dna-read{width:100%;max-width:900px;margin:auto}

/* Interior pages offer navigation immediately; the home entrance remains quiet. */
/* The current location stays illuminated without animation. */
.riverlight :is(#topbarNav,.footer-nav,.cf-links,#constSiteMenu,.railing) a[aria-current]{color:#ffe0a8!important;text-shadow:0 0 12px #e6bb7973;font-weight:700;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:7px}
.riverlight :is(#topbarNav,.footer-nav,.cf-links,#constSiteMenu,.railing) a[aria-current]{background-image:none!important}
.riverlight :is(#topbarNav,.footer-nav,.cf-links,#constSiteMenu,.railing) a[aria-current]::after{display:none!important}
.riverlight .nav-page-name{display:block;flex-basis:100%;text-align:center;color:#ffe0a8;font-size:.8rem;letter-spacing:.05em;line-height:1.5;padding:5px 10px;text-shadow:0 0 12px #e6bb7973}
.riverlight #topbarNav:has(.nav-page-name){flex-wrap:wrap}
.riverlight #topbarNav .nav-page-name{text-align:right;padding-right:14px}
/* In the top bar the page name rides on the same line as the links, so the
   PORCH mark stays vertically centred with the rest of the bar. */
@media(min-width:701px){
 .riverlight #topbarNav:has(.nav-page-name){flex-wrap:nowrap}
 .riverlight #topbarNav .nav-page-name{flex-basis:auto;display:inline-flex;align-items:center;white-space:nowrap;padding:5px 0 5px 14px}
}
@media(max-width:700px){.riverlight #topbarNav .nav-page-name{text-align:left;padding:8px}}
.riverlight body:not([data-page="index"]):not([data-page="constellation"]){padding-top:var(--interior-nav-height,96px)}
.riverlight body:not([data-page="index"]):not([data-page="constellation"]) > .wrap{padding-top:32px}
@media(max-width:700px){.riverlight body:not([data-page="index"]):not([data-page="constellation"]){--interior-nav-height:80px}}

/* The preview scene gets the same column of light as the constellation: Christ at center, reaching the city. */
.riverlight .dna-landscape-scene::after{content:'';position:absolute;z-index:-1;pointer-events:none;left:48%;top:43.5%;bottom:6%;transform:translateX(-50%);width:22px;filter:blur(6px);background:linear-gradient(180deg,#fff3dc80,#f7e4bc47 38%,#f1d4a01c 73%,transparent 97%);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);mask-image:linear-gradient(90deg,transparent,#000 36%,#000 64%,transparent),linear-gradient(180deg,transparent,#000 14%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 36%,#000 64%,transparent),linear-gradient(180deg,transparent,#000 14%);mask-composite:intersect;-webkit-mask-composite:source-in}
.riverlight .dna-landscape .dna-preview-center{background:radial-gradient(ellipse at 50% 58%,#fff3dc4a,#e6bb7929 38%,transparent 74%);text-shadow:0 0 22px #f1d4a061}
@media(max-width:700px){.riverlight .dna-landscape-scene::after{width:18px}}

/* The bar is a scrolling companion, not a fixture: hidden on arrival so the porch
   light is unobstructed, revealed once the visitor scrolls past the hero, and
   withdrawn again at the footer where the closing links take over. Same on every
   page — the shared .scroll-nav-visible gate above is the only thing that shows it.
   The home railing comes back: with the bar gone on arrival it is the way in. */


/* One sky on phones. The pages without a walk painted .sky as a teal gradient
   while the walk paints a blue-black one, so moving from Gather to What We
   Believe shifted the palette mid-visit. Match the walk below the walk
   breakpoint; desktop and the constellation's own sky are untouched. */
@media (max-width: 820px){
  .sky{ background: linear-gradient(180deg, #0A1119 0%, #0F1A26 42%, #1B2A3C 100%); }
}