/* Warm daylight, original photographs and a welcoming church family. */
:root{--green:#274c46;--deep:#203c38;--gold:#e5bd76;--cream:#fffaf1;--ink:#293b35;--muted:#59675d;--line:#e0d8c8}
body{background:#fffaf1;color:#293b35}
.topline{background:#f0e6d4;color:#34463c;border-bottom:1px solid #ded0b7}
header{background:#fffaf2f7;color:#293b35;border-bottom:1px solid #ded4c1;backdrop-filter:blur(18px)}
header .brand{color:#293b35}header .brand small{color:#6d5830}
header nav a{color:#34463b}header nav a:hover,header nav a.active{color:#795b24}
header nav a.nav-button{background:#e8c686;color:#2c3528;border:1px solid #c9a15c;box-shadow:0 5px 20px #ad8a4020}
header .menu{color:#34463b}
.hero{background:#667d6b}.hero-shade{background:linear-gradient(90deg,#223d39db,#28443b99 48%,#28443b12 82%),linear-gradient(0deg,#25413b80,transparent 50%)}
.hero h1{color:#fffdf7;text-shadow:0 2px 18px #142c2555}.hero h1 em{color:#ffe3a7}.hero .hero-content>p{color:#fffdf7;text-shadow:0 2px 12px #142c2599}
.hero .eyebrow.light{color:#ffe4b2}.hero-church-logo{animation:welcome-logo-turn 22s cubic-bezier(.45,0,.55,1) infinite;filter:drop-shadow(0 12px 24px #142c2525)}
@keyframes welcome-logo-turn{0%,25%{transform:perspective(1000px) rotateY(0deg)}75%,100%{transform:perspective(1000px) rotateY(360deg)}}
.family-sticker{background:#fff4d9;color:#293b35;border:1px solid #fffaf0;box-shadow:0 14px 40px #233f3225}
.family-sticker em{color:#5b542e}.family-sticker b{color:#34463b}
.button.gold,.button.green{background:linear-gradient(120deg,#f1d79e,#e2bb73);color:#2d3327;border:1px solid #d4ae69;box-shadow:0 5px 18px #735e2312}
.button:hover{transform:translateY(-3px);box-shadow:0 10px 28px #ad8a4025}
.cinema-reel{background:#f5ebd9;border-block:1px solid #e5d5b8}.cinema-reel-heading>span,.cinema-reel-heading>a{color:#5d4b2b}
.life-marquee{background:#e9ce99;color:#3d402c}.marquee-track span,.marquee-track i{color:#3d402c}
.connection-paths{background:#fffaf1;color:#293b35}
.connection-paths>a,.connection-paths>button{background:#fcf3e2;color:#293b35;border-color:#dfd3bb}
.connection-paths h3{color:#293b35}.connection-paths p{color:#526056}.connection-paths small{color:#74592a}
.next-gathering{background:#e8eee5;color:#293b35;border-block:1px solid #d4dfd0}
.next-gathering h2,.next-gathering p{color:#293b35}.next-gathering .next-service-status,.next-gathering .next-service-kicker{color:#5e512c}
.next-gathering .service-countdown strong{color:#344c40}.next-gathering .service-countdown span{color:#596247}
.next-gathering .service-countdown>div{border-color:#c6d1bf}.next-gathering .button{color:#293b35}
#services,#ministries,#leadership,#church-life,#message,#about,#membership,#visit{background:#fffaf1;color:#293b35;border-top:1px solid #e8decc}
#services,#church-life,#membership{background:#f7f0e3}
:is(#services,#ministries,#leadership,#church-life,#message) h2{color:#293b35}
:is(#services,#ministries,#leadership,#church-life,#message) h2 em{color:#82602b}
:is(#services,#ministries,#leadership,#church-life,#message) .eyebrow{color:#74592a}
:is(#services,#ministries,#leadership,#church-life,#message) .split-heading>p{color:#536256}
#services .split-heading>p strong,#services .schedule-utility,#services .schedule-utility>span,#services .schedule-utility a{color:#5c6046}
#services .service-time-card{background:#fffcf5;color:#293b35;border:1px solid #ded0b5;border-radius:16px;padding:32px;box-shadow:0 8px 28px #64502308}
#services .service-time-card:first-child{background:#f4e5c4;border-top:3px solid #b88f43}
#services .service-time-card h3{color:#293b35}#services .service-time-day{color:#71572b}
#services .service-time-hours{color:#4c5135}#services .service-time-description,#services .service-time-card a{color:#526056}
#services .service-time-hours .time-value{font:inherit;color:inherit;white-space:nowrap}
#ministries .ministry{background:#fffdf7;color:#293b35;border:1px solid #ded5c3;border-radius:16px;box-shadow:0 8px 25px #46321a05}
#ministries .ministry h3,#ministries .ministry b{color:#293b35}#ministries .ministry p{color:#536256}
#ministries .leader-label,#ministries .card-no,#ministries .icon{color:#85652e}
#ministries .ministry-filters button{background:#fbf4e7;color:#46523d;border:1px solid #d8c8a9}
#ministries .ministry-filters button[aria-pressed="true"]{background:#e9ce99;color:#353b2e}
#ministries .ministry>a{border-color:#c8ad78;color:#5c512d}
#leadership .pastors{background:#f1eadc;border:1px solid #ddd2bd;border-radius:18px;overflow:hidden}
#leadership .pastor-copy h3{color:#293b35}#leadership .pastor-copy h3 em{color:#80612e}#leadership .pastor-copy p{color:#536256}
#leadership .inline-link{color:#67562f}#leadership .team-title h3,#leadership .team h4{color:#293b35}
#leadership .team-title>span,#leadership .team p{color:#5a6456}
#leadership .team,#leadership .team-member{border-color:#e0d7c5}#leadership .team-member{background:#fffcf5}
#church-life .life-gallery-footer>span{color:#655b41}#church-life .life-gallery-footer>button{color:#4b5038;border-color:#c2a26b;background:#eed7ab}
#church-life .life-photo{border:1px solid #e0cda7;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #684d2010}
#message .teaching-copy>p{color:#536256}#message .teaching-copy h3{color:#293b35}#message .teaching-meta{color:#6f5c35}#message .inline-link{color:#6d572d}
#new-here{background:#e9eee5;color:#293b35}#new-here h2{color:#293b35}#new-here h2 em{color:#7a6030}
#new-here .eyebrow.light{color:#715a2f}#new-here .first-visit-heading>p{color:#536256}
#new-here .visitor-questions summary{color:#293b35}#new-here .visitor-questions p,#new-here .visitor-questions a{color:#526056}#new-here details{border-color:#cbd5c4}
.scripture{background:#eee1c6;color:#354437}.scripture .eyebrow,.scripture>span{color:#6c552b}
#values{background:#e6ece2;color:#293b35}#values h2{color:#293b35}#values h2 em{color:#82612e}
#values .eyebrow.light{color:#755c2d}#values .values-intro p,#values .value p{color:#52604e}#values .value h3{color:#293b35}
#values .value{border-color:#c7d2bf}#values .value summary>span,#values .value summary>b{color:#7d6432}#values .values-toggle{color:#344a39;border-color:#a5b69a}
#giving{background:#efe3cb;color:#293b35;border-block:1px solid #dfcfac}#giving h2{color:#293b35}#giving h2 em{color:#82602b}
#giving .eyebrow.light{color:#745a2b}#giving .giving-intro>p{color:#536052}#giving .giving-question{color:#65542d}
#giving .giving-bank-card{background:#fffcf3;color:#293b35;border:1px solid #d9bd87;border-radius:18px;box-shadow:0 12px 40px #80602e12}
#giving .giving-bank-card dd{color:#293b35}#giving .giving-bank-card dt,#giving .giving-card-heading{color:#6a5a35}
#giving .giving-bank-note,#giving .giving-copy-row>span{color:#56604f}#giving .giving-account{background:#f4e8ca;border-color:#d9c18c}
#giving #copy-church-account{background:#344f43;color:#fff6e5;border:1px solid #344f43}
.membership-panel,.contact-panel{background:#fffdf7;border-color:#d8ccb5;box-shadow:0 12px 36px #60481908}.membership-help{border-color:#b38e47}
.prayer-banner{background:#e9d6ad;color:#293b35;border-block:1px solid #d5ba87}.prayer-banner .eyebrow.light{color:#69562e}
footer{background:#29453c;color:#fff6e4}.footer-main p,.footer-bottom{color:#dce1ce}.footer-main a{color:#f4e6c8}
.connect-dock>button,#quick-connect{background:#fff8e9;color:#344b3e;border:1px solid #c7b086;box-shadow:0 6px 26px #314d3020}#quick-connect a,#quick-connect button{color:#344b3e}
#motion-toggle{background:#fff8e9eb;color:#344b3e;border-color:#c8b38e}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #a07832;outline-offset:5px}
@media(max-width:1300px){header nav{background:#fffaf1;border-bottom:1px solid #ded0b5}header nav a{border-color:#e4d9c4}}
@media(max-width:760px){#services .service-time-card{padding:28px 24px}.hero-shade{background:linear-gradient(90deg,#24423bdd,#29473b99),linear-gradient(0deg,#294b4070,transparent)}.family-sticker{padding:24px 20px}#services .service-time-hours{display:grid;gap:2px;line-height:1.3}#services .service-time-hours>span:not(.time-value){font-size:16px;line-height:1.3}#services .schedule-utility{align-items:flex-start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.hero-church-logo{animation:none!important;transform:none!important}html{scroll-behavior:auto}}
.motion-paused .hero-church-logo{animation:none!important;transform:none!important}
header nav a.nav-button{color:#2c3528!important}
#services .service-time-card .service-time-icon{color:#87662e}

/* Names sit underneath the photograph, without a decorative panel. */
.hero-family .family-caption{display:block;position:relative;margin:20px 0 0;text-align:center;color:#fffaf0;font-family:Georgia,serif;font-size:28px;line-height:1.35;text-shadow:0 2px 12px #163229aa}
.hero-family .family-caption strong{display:block;font-weight:700}
.hero-family .family-caption>span{display:block;margin-top:5px;font-size:25px;font-style:italic;color:#ffe4ac}
@media(max-width:1000px){.hero-family{margin-bottom:85px}}
@media(max-width:760px){.hero-family .family-caption{font-size:26px;margin-top:18px}.hero-family .family-caption>span{font-size:24px}.hero-family{margin-bottom:85px}}
/* Larger community photographs and gentler, unhurried movement. */
.cinema-reel{padding:38px 0 42px;background:linear-gradient(120deg,#f4e8d1,#f7f1e5)}
.cinema-reel-heading{padding-bottom:26px}.cinema-reel-heading>span{max-width:none}
.cinema-reel-group{gap:22px;padding-right:22px}
.cinema-frame{width:360px;height:255px;border-radius:18px;border:1px solid #d6c5a3;box-shadow:0 10px 28px #7a5b2012}
.cinema-frame>span{padding:24px;background:linear-gradient(transparent 45%,#20392dc9);font-size:24px}
.cinema-frame img{transition:transform 1.1s cubic-bezier(.22,.61,.36,1)}
.cinema-frame:hover img{transform:scale(1.035)}
.cinema-reel-track{animation-duration:95s}
.connection-paths{padding:28px 7%;gap:20px;background:#fffaf1}
.connection-paths>a,.connection-paths>button{border:1px solid #dfd5c0;border-radius:20px;padding:32px 26px;box-shadow:0 6px 26px #5d4b2506}
.connection-paths>a:nth-child(2),.connection-paths>button:nth-child(2){background:#edf0e6}
.connection-paths>a:nth-child(3){background:#f2e8dc}
#church-life .split-heading>p{max-width:440px}
#church-life .life-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
#church-life .life-photo{grid-column:auto;aspect-ratio:4/3;border-radius:20px;box-shadow:0 12px 32px #69512e12}
#church-life .life-photo:nth-child(6n+1){grid-column:1/-1;aspect-ratio:16/8}
#church-life .life-photo img{transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
#church-life .life-photo:hover img{transform:scale(1.025)}
#church-life .life-photo:after{inset:50% 0 0;background:linear-gradient(transparent,#23392dc9)}
#church-life .life-photo>span{padding:28px}
#church-life .life-photo strong{font-size:29px}
#leadership .team-member{border-radius:16px;box-shadow:0 8px 24px #5f45200a;transition:transform .65s,box-shadow .65s}
#leadership .team-member:hover{transform:translateY(-3px);box-shadow:0 12px 30px #5f452018}
.hero-lights i{opacity:.45}.cinema-atmosphere{opacity:.45}
.hero-family{animation-duration:16s}
.js-motion .reveal,.cinema-reveal{transition-duration:1s;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.ministry,.service-time-card,.button{transition-duration:.45s}
@media(max-width:1000px){.connection-paths{padding:28px 6%}}
@media(max-width:760px){
.cinema-reel{padding:28px 0 32px}.cinema-frame{width:285px;height:215px;border-radius:16px}.cinema-frame>span{padding:20px;font-size:23px}.cinema-reel-group{gap:16px;padding-right:16px}.cinema-reel-track{animation-duration:110s}
.cinema-reel-heading{align-items:flex-start;gap:18px}.cinema-reel-heading>span{max-width:170px}.cinema-reel-heading>a{max-width:120px}
.connection-paths{padding:24px 6%;gap:16px}.connection-paths>a,.connection-paths>button{padding:28px 24px}
#church-life .life-photo-grid{grid-template-columns:1fr;gap:22px}#church-life .life-photo,#church-life .life-photo:nth-child(6n+1){grid-column:auto;aspect-ratio:4/3}
#church-life .life-photo>span{padding:22px}#church-life .life-photo strong{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.cinema-reel-track{animation:none!important}.cinema-reel-window{overflow-x:auto}.cinema-frame img,#church-life .life-photo img,#leadership .team-member{transition:none!important;transform:none!important}}
.motion-paused .cinema-reel-track{animation-play-state:paused!important}.motion-paused .cinema-frame img,.motion-paused #church-life .life-photo img{transition:none!important;transform:none!important}
/* Seventy percent larger corner logos, with space reserved in the layout. */
header .church-logo{width:183.6px;height:auto}
footer .church-logo{width:238px;height:auto}
header{height:132px}
header nav{top:132px}
html{scroll-padding-top:145px}
.section,.values-section,.church-life{scroll-margin-top:145px}
footer .brand{flex-direction:column;align-items:flex-start;gap:18px}
/* Kinetic words hold still between short, softly staggered movements. */
.hero .kinetic-headline{animation:none;opacity:1;transform:none;color:#fffdf7;text-shadow:0 2px 18px #17352ed9}
.hero .kinetic-line{display:block;color:#fffdf7}
.hero .kinetic-line:last-child{color:#ffe3a7;background:none}
.kinetic-word{display:inline-block;animation:kinetic-welcome 16s cubic-bezier(.22,.61,.36,1) infinite;animation-delay:calc(var(--word) * .14s);will-change:transform,opacity}
@keyframes kinetic-welcome{0%{opacity:0;transform:translateY(24px) rotateX(-15deg)}5%,91%{opacity:1;transform:translateY(0) rotateX(0)}95%{opacity:0;transform:translateY(-14px) rotateX(8deg)}96%,100%{opacity:0;transform:translateY(24px) rotateX(-15deg)}}
.hero .hero-content>p{color:#fffdf7;text-shadow:0 2px 12px #17352ee0}
.hero .text-link{color:#fff9e8;border-color:#fff1c5}
.hero .eyebrow.light{color:#ffe7b8}
.hero-shade{background:linear-gradient(90deg,#203e36e8,#29483ba8 49%,#29483b18 85%),linear-gradient(0deg,#27493c88,transparent 55%)}
.hero-motion-rest .kinetic-word,.cinema-tab-hidden .kinetic-word{animation-play-state:paused}
.motion-paused .kinetic-word{animation:none!important;opacity:1!important;transform:none!important;will-change:auto}
@media(max-width:1300px){header nav{top:132px}}
@media(max-width:760px){
header .church-logo{width:115.6px}header{height:108px}header nav{top:108px}
footer .church-logo{width:178.5px}footer .brand{gap:16px}
html{scroll-padding-top:120px}.section,.values-section,.church-life{scroll-margin-top:120px}
.hero .kinetic-headline{font-size:50px;line-height:1.14}
.hero-shade{background:linear-gradient(90deg,#234338e8,#29493aa8),linear-gradient(0deg,#294b4088,transparent)}
}
@media(max-width:420px){header .brand>span{display:none}}
@media(prefers-reduced-motion:reduce){.kinetic-word{animation:none!important;opacity:1!important;transform:none!important;will-change:auto}}