.evenings{background:radial-gradient(ellipse at 50% 52%,#35434255,transparent 65%),linear-gradient(#161f25,#1c2529 60%,#242a29);padding-top:5rem;padding-bottom:4rem}
.evenings:before{opacity:.32}
.evenings-inner{max-width:900px}
.evenings h2{max-width:22ch;font-size:clamp(1.9rem,3.4vw,2.8rem);margin:1rem auto 1.3rem;line-height:1.18}
.evenings .eyebrow{font-size:.61rem;letter-spacing:.2em;color:#baa996}
.evening-theatre{max-width:740px;padding:0 1rem 1rem}
.evening-theatre:before{background:radial-gradient(ellipse at 25% 50%,#dba2610a,transparent 35%),radial-gradient(ellipse at 75% 50%,#dba2610a,transparent 35%)}
.painted-rooms{display:grid;grid-template-columns:repeat(2,minmax(0,260px));justify-content:space-between;gap:5rem;max-width:660px;margin:0 auto}
.painted-room{position:relative;margin:0;min-width:0;padding:1.5rem .5rem 0;isolation:isolate;transition:filter 2s}
/* Stone fades into the shared sky; the illuminated window stays crisp. */
.painted-room:before{content:"";position:absolute;z-index:-1;inset:-1rem -2.6rem 1rem;background:repeating-linear-gradient(0deg,transparent 0 31px,#0e171b88 32px,#61707215 33px,transparent 34px),repeating-linear-gradient(90deg,transparent 0 73px,#101b1e66 74px,transparent 75px),linear-gradient(110deg,#465051,#28343a 65%,#323e43);mask-image:radial-gradient(ellipse at 50% 49%,#000 26%,#000b 49%,transparent 75%)}
.room-jordan:before{background:repeating-linear-gradient(0deg,transparent 0 37px,#131c2088 38px,#69706b15 39px,transparent 40px),linear-gradient(100deg,#354044,#53554c 58%,#323c3f)}
.window-shell{position:relative;padding:10px;background:linear-gradient(135deg,#716554,#433c34 35%,#1d2325 60%,#615746);border:1px solid #94806a60;box-shadow:0 10px 22px #070e1380,inset 0 1px 1px #bda18466,inset 3px 3px 6px #050b0d}
.window-shell:before{content:"";position:absolute;left:-6px;right:-6px;top:-9px;height:7px;background:linear-gradient(#817665,#49473e);border-top:1px solid #ae9b7844;box-shadow:0 5px 8px #0c1518b0}
.window-shell:after{content:"";position:absolute;left:-13px;right:-13px;bottom:-11px;height:12px;background:linear-gradient(#958169 0 22%,#615b4e 23% 65%,#303b3d 66%);border-radius:1px;box-shadow:0 9px 11px #080f1366}
.room-painting{position:relative;overflow:hidden;border:3px solid #272a27;box-shadow:0 0 16px #e2a85b28;background:#211613}
.room-art{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;filter:brightness(.9) saturate(.88)}
.room-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:fill}
.room-tv-light{opacity:.35;animation:painted-tv-light 8s ease-in-out infinite}
.room-lamp-light{opacity:.3;animation:painted-lamp-light 8s ease-in-out infinite}
.window-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(117deg,#b2c6d412,transparent 22% 58%,#c6d9de13 59%,transparent 61% 65%,#d9e8e909 66%,transparent 69%),linear-gradient(0deg,#101e2633,transparent 45%);box-shadow:inset 0 0 16px #0a141b88,inset 0 1px 1px #c7d9db44}
.window-sash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49%,#171d1c 49% 50%,#9b806250 50% 50.5%,#393e37 50.5% 51%,transparent 51%),linear-gradient(0deg,transparent 79%,#1c2220 79% 81%,#8b796148 81% 82%,transparent 82%);box-shadow:inset 0 0 0 1px #b5946b33}
.room-jordan .window-sash{background:linear-gradient(90deg,transparent 49%,#222c2a 49% 50%,#a38c6a55 50% 50.5%,#424b43 50.5% 51%,transparent 51%)}
.shared-moon{max-width:680px;margin:0 auto -.3rem;pointer-events:none}
.shared-moon svg{display:block;width:100%;height:auto;overflow:visible}
.moon-thread{fill:none;stroke:#d9bc8f60;stroke-width:1.3;stroke-dasharray:2 7}
.moon-anchor,.moon-traveller{fill:#f3d2a4;filter:drop-shadow(0 0 5px #eec286)}
.moon-traveller{offset-path:path('M240 135 Q500 0 760 135');animation:moon-connection 10s ease-in-out infinite}
.moon-star{fill:none;stroke:#d9b68a88;stroke-width:1}
.painted-room figcaption{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;margin-top:1.8rem;color:#a8b0ad;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase}
.painted-room figcaption span{font-family:Georgia,serif;font-style:italic;text-transform:none;letter-spacing:0;font-size:1rem;color:#dfc29e}
.room-screen{position:absolute;left:34.7%;top:13.5%;width:27.5%;height:29%;display:grid;place-items:center;pointer-events:none}
.room-jordan .room-screen{left:31.6%;top:15.2%;width:25.1%;height:24%}
.room-screen .tv-count{font-size:clamp(.7rem,1.3vw,1rem);color:#f9edda;text-shadow:0 0 8px #ffe5bc77;font-style:normal}
.evening-theatre[data-step="4"] .room-lulu,.evening-theatre[data-step="5"] .room-lulu{filter:brightness(.72)}
.evening-theatre[data-step="5"] .room-jordan{filter:brightness(.9)}
.evening-caption{font-size:clamp(1.2rem,2.4vw,1.55rem);margin-top:1.3rem!important;min-height:2.8em;color:#ead7bf}
.experience-ready .evening-steps{margin:.2rem 0}
.evening-replay{color:#b7aa96}
.evenings-close{border:0;margin:1.5rem auto 0;padding:0;font-size:1.05rem;color:#b7b4a7}
@media(max-width:600px){
  .evenings{padding:3.7rem 1.1rem 3rem}
  .evenings h2{font-size:1.9rem;max-width:20ch;margin-bottom:1.2rem}
  .evenings .eyebrow{max-width:26ch;margin:auto;line-height:1.8;font-size:.55rem}
  .evening-theatre{padding:0 0 .5rem}
  .shared-moon{margin:0 auto -.4rem}
  .shared-moon svg{height:90px}
  .painted-rooms{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem;max-width:420px}
  .painted-room{padding:1rem .2rem 0}
  .painted-room:before{inset:-.5rem -1rem 1rem}
  .window-shell{padding:5px}
  .room-painting{border-width:2px}
  .window-shell:before{left:-3px;right:-3px;top:-6px;height:5px}
  .window-shell:after{left:-7px;right:-7px;bottom:-8px;height:9px}
  .painted-room figcaption{margin-top:1.5rem;font-size:.5rem}
  .room-screen .tv-count{font-size:.55rem}
  .evening-caption{font-size:1.2rem;margin-top:1rem!important;min-height:3em}
  .evenings-close{font-size:.95rem;max-width:27ch;line-height:1.6}
}
@keyframes painted-tv-light{0%,100%{opacity:.35}25%{opacity:.49}50%{opacity:.31}75%{opacity:.42}}
@keyframes painted-lamp-light{0%,100%{opacity:.3}50%{opacity:.4}}
@keyframes moon-connection{0%{offset-distance:0%;opacity:0}15%,85%{opacity:1}100%{offset-distance:100%;opacity:0}}
@media(prefers-reduced-motion:reduce){.painted-room{transition:none}.moon-traveller{display:none}.room-light{animation:none}}