.church-hero{--night:0;--cross:0;--ink:#30433b;--subtle:#586e63;--sun-x:74%;--sun-y:17%;--sun-opacity:1;--moon-opacity:0;--masonry:1;--stars:0;--sun-scale:1;--cloud-shade:0}
.church-world{position:relative;isolation:isolate;overflow:hidden;min-height:650px;border-radius:28px;background:#e6eeeb;color:var(--ink)}
.church-sky,.night-sky,.sky-stars{position:absolute;inset:0;pointer-events:none}.church-sky{z-index:-2;background:linear-gradient(180deg,#dbe8e9 0%,#eff0e5 70%,#e3e3d2 100%)}
.night-sky{background:linear-gradient(155deg,#19232b,#25333f 65%,#394347);opacity:var(--night)}
.sky-stars{opacity:var(--stars);background-image:radial-gradient(circle at 58% 12%,#ffffe5 0 1px,transparent 1.7px),radial-gradient(circle at 76% 8%,#ffffe5 0 1px,transparent 1.7px),radial-gradient(circle at 88% 26%,#ffffe5 0 1px,transparent 1.7px),radial-gradient(circle at 93% 13%,#ffffe5 0 1px,transparent 1.7px),radial-gradient(circle at 68% 30%,#ffffe5 0 1px,transparent 1.7px),radial-gradient(circle at 43% 9%,#ffffe5 0 1px,transparent 1.7px),radial-gradient(circle at 33% 22%,#ffffe5 0 .7px,transparent 1.5px)}
.scene-sun{position:absolute;left:var(--sun-x);top:var(--sun-y);width:92px;height:92px;border-radius:50%;background:#fff2c5;box-shadow:0 0 55px 20px #ffe1a57a,0 0 140px 65px #ffcc8050;opacity:var(--sun-opacity);transform:translate(-50%,-50%) scale(var(--sun-scale))}
.scene-moon{position:absolute;right:14%;top:13%;width:39px;height:39px;border-radius:50%;box-shadow:inset -10px -5px 0 0 #f1ecd0;transform:rotate(-20deg);opacity:var(--moon-opacity);filter:drop-shadow(0 0 18px #f4e5b455)}
.horizon-line{position:absolute;bottom:13%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#718c791c 30%,#9db09f55);box-shadow:0 30px 80px 40px #9ba89212}
.church-copy{position:relative;z-index:2;padding:135px 0 115px 60px;width:52%;pointer-events:none}.church-copy a{pointer-events:auto}.church-copy .eyebrow{font-size:9px;letter-spacing:1.25px;color:var(--subtle)}
.church-copy h1{font-size:clamp(42px,4.4vw,64px);font-weight:500;line-height:1.12;letter-spacing:-.06em;margin:28px 0 24px;white-space:nowrap}.church-copy h1 em{font-family:Georgia,serif;font-weight:400;color:inherit}.church-intro{font-size:14px;line-height:1.9;color:var(--subtle)}
.church-service{display:inline-flex;align-items:center;gap:15px;margin-top:37px;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding-top:23px}.service-icon{width:41px;height:41px;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 8%,transparent);border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:50%;font-size:20px;transition:transform .25s}.church-service:hover .service-icon{transform:translate(2px,-2px)}.church-service small{display:block;font-size:8px;line-height:1.2;letter-spacing:1.3px;color:var(--subtle);margin-bottom:2px}.church-service strong{display:block;font-size:19px;line-height:1.25;font-weight:500;letter-spacing:-.5px}.church-service strong span{font-size:14px;font-weight:400;margin:0 4px}.church-service time{font-variant-numeric:tabular-nums}
.church-art{position:absolute;right:1%;bottom:30px;width:54%;height:92%;pointer-events:none}.church-drawing{display:block;width:100%;height:100%;fill:none;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;overflow:visible;color:#ead6b5}.building-masonry{filter:brightness(var(--masonry))}.building-shadow{fill:#182c27;opacity:calc(.07 + var(--night)*.16)}.ground-outline{fill:none;stroke:var(--ink);stroke-width:.7;opacity:.12}.architecture-lines{opacity:calc(.24 + var(--night)*.12)}.window-light,.entry-light,.cross-light{will-change:opacity}.window-light{opacity:calc(var(--night)*var(--window-power,1));transition:opacity 1.1s ease}.entry-light{opacity:var(--night)}.cross-light{opacity:var(--cross)}.window-frames{opacity:calc(1 - var(--night)*.4)}
.church-scene-footer{position:absolute;bottom:26px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;color:var(--subtle);font-size:8px;letter-spacing:1.8px}
@media(min-width:1500px){.church-world{min-height:700px}.church-copy{padding-top:155px}}
@media(max-width:1000px){.church-world{min-height:590px}.church-copy{padding:115px 0 105px 35px}.church-copy h1{font-size:clamp(35px,4.8vw,50px)}.church-copy .eyebrow{font-size:7px;letter-spacing:.7px}.church-art{right:-4%;width:59%;height:87%;bottom:34px}.church-intro{font-size:12px}.church-service strong{font-size:17px}}
@media(max-width:700px){
  .church-world{display:flex;flex-direction:column;min-height:0;border-radius:22px}
  .church-copy{display:contents}
  .church-copy h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .church-intro{display:none}
  .church-copy .eyebrow{order:0;margin:0;padding:30px 25px 8px;font-size:8px;letter-spacing:.7px}
  .church-art{order:1;position:relative;inset:auto;width:100%;max-width:460px;height:auto;aspect-ratio:540 / 610;align-self:center}
  .church-service{order:2;align-self:stretch;justify-content:center;margin:0 25px 23px;padding-top:20px;gap:14px}
  .church-service strong{font-size:19px}.church-service small{font-size:7px}
  .church-scene-footer{order:3;position:static;justify-content:center;padding:0 20px 22px;letter-spacing:.7px;font-size:6px}
  .scene-sun{width:65px;height:65px;top:calc(6% + var(--sun-y)*.65);left:calc(10% + var(--sun-x)*.85)}
  .scene-moon{top:16%;right:15%;width:30px;height:30px}
  .horizon-line{bottom:132px}
  .sky-stars{background-size:100% 75%;background-position:top;background-repeat:no-repeat}
}
@media(max-width:370px){
  .church-copy .eyebrow{padding-left:20px;padding-right:20px;font-size:7px}
  .church-service{margin-left:20px;margin-right:20px;gap:10px}.church-service strong{font-size:17px}
  
}
@media(prefers-reduced-motion:reduce){.service-icon{transition:none}.window-light,.entry-light,.cross-light{will-change:auto}}
:root[data-theme=dark] .church-hero{--night:1;--cross:1;--ink:#eeeddd;--subtle:#b8c7c1;--sun-opacity:0;--moon-opacity:1;--masonry:.57;--stars:1}
:root[data-theme=dark] .church-world,:root[data-theme=dark] .church-sky{background:linear-gradient(155deg,#19232b,#25333f 65%,#394347)}
.church-world:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:#253c4d;opacity:var(--cloud-shade);border-radius:inherit;transition:opacity .5s linear}
:root[data-theme=dark] .church-world:after{opacity:0}
.scene-clouds{position:absolute;inset:0;opacity:calc(1 - var(--night));pointer-events:none;overflow:hidden}
.scene-cloud{position:absolute;left:0;width:clamp(180px,24vw,310px);height:104px;filter:blur(9px);will-change:transform;opacity:.85;background:radial-gradient(ellipse at 30% 63%,#ffffffeb 0 22%,transparent 49%),radial-gradient(ellipse at 52% 43%,#fffffff2 0 25%,transparent 50%),radial-gradient(ellipse at 74% 61%,#ffffffe6 0 21%,transparent 46%),radial-gradient(ellipse at 48% 74%,#f2f5f4d9 0 28%,transparent 64%)}
.scene-cloud:nth-child(2){width:clamp(160px,19vw,255px);height:78px;opacity:.58}
.scene-cloud:nth-child(3){width:clamp(210px,28vw,370px);height:90px;opacity:.55}
@media(prefers-reduced-motion:reduce){.scene-cloud{will-change:auto}.window-light,.church-world:after{transition:none}}