/* r38: low-cost, fixed architecture and lighting accents. Motion changes opacity only. */
.c-tiefe{
  display:block;position:absolute;inset:0;pointer-events:none;
  background:url("../gen/temple-r38-depth.svg") center/100% 100% no-repeat;
  mix-blend-mode:multiply;opacity:.86
}
.c-huelle>.c-h-innen,.c-huelle>.c-h-sonne{filter:brightness(.90)}
.c-huelle>.c-ad-ruhe,.c-ad-st>i{opacity:.68}
.c-r38-ambient{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}
.c-r38-ambient::before,.c-r38-ambient::after{
  content:"";position:absolute;top:18%;bottom:18%;width:2.45%;
  background:
    radial-gradient(ellipse 55% 7% at 50% 10%,rgba(255,229,177,.48),transparent 100%),
    radial-gradient(ellipse 55% 8% at 50% 49%,rgba(255,211,140,.30),transparent 100%),
    radial-gradient(ellipse 55% 9% at 50% 91%,rgba(255,226,164,.42),transparent 100%),
    linear-gradient(90deg,transparent,rgba(255,207,134,.18) 48%,transparent);
  animation-timing-function:ease-in-out;animation-iteration-count:infinite
}
.c-r38-ambient::before{left:0;opacity:.23;animation-name:c-r38-left-lamp;animation-duration:12.7s}
.c-r38-ambient::after{right:0;opacity:.22;animation-name:c-r38-right-lamp;animation-duration:15.3s;animation-delay:-4.7s}
@keyframes c-r38-left-lamp{0%,100%{opacity:.15}24%{opacity:.29}47%{opacity:.19}73%{opacity:.38}88%{opacity:.20}}
@keyframes c-r38-right-lamp{0%,100%{opacity:.16}19%{opacity:.32}41%{opacity:.21}68%{opacity:.39}86%{opacity:.19}}
.c-r38-city{position:absolute;left:38.2%;top:46.5%;width:4.9%;height:16%;pointer-events:none;mix-blend-mode:screen}
.c-r38-city>i{position:absolute;display:block;width:clamp(2px,3%,3.5px);height:clamp(2px,3%,3.5px);border-radius:50%;opacity:.08;background:radial-gradient(circle,rgba(232,244,255,.88) 0,rgba(157,202,255,.50) 30%,rgba(157,202,255,.08) 62%,transparent 100%);box-shadow:0 0 4px 1px rgba(159,205,255,.25);animation:c-r38-city-glint 9.2s ease-in-out infinite}
.c-r38-city>i:nth-child(1){left:12%;top:9%;animation-duration:6.8s;animation-delay:-2.6s}
.c-r38-city>i:nth-child(2){left:75%;top:22%;background:radial-gradient(circle,rgba(255,244,221,.88) 0,rgba(255,203,135,.48) 32%,rgba(255,203,135,.07) 62%,transparent 100%);box-shadow:0 0 4px 1px rgba(255,204,133,.24);animation-duration:8.7s;animation-delay:-4.1s}
.c-r38-city>i:nth-child(3){left:37%;top:43%;animation-duration:9.6s;animation-delay:-1.8s}
.c-r38-city>i:nth-child(4){left:85%;top:61%;background:radial-gradient(circle,rgba(255,244,221,.86) 0,rgba(255,203,135,.46) 32%,rgba(255,203,135,.07) 62%,transparent 100%);box-shadow:0 0 4px 1px rgba(255,204,133,.22);animation-duration:7.3s;animation-delay:-5.2s}
.c-r38-city>i:nth-child(5){left:19%;top:82%;animation-duration:10.2s;animation-delay:-3.4s}
@keyframes c-r38-city-glint{0%,18%,100%{opacity:.08}23%,38%{opacity:.44}43%,67%{opacity:.10}72%,86%{opacity:.50}91%{opacity:.10}}
@media (max-width:819px),(orientation:portrait),(prefers-reduced-motion:reduce){.c-ad-st>i{background-size:100% 100% !important;opacity:.46}}
@media (prefers-reduced-motion:reduce){
  .c-r38-ambient::before,.c-r38-ambient::after,.c-r38-city>i{animation:none!important}
  .c-r38-ambient::before{opacity:.24}.c-r38-ambient::after{opacity:.22}.c-r38-city>i{opacity:.22}
}