/*! The Longest Night */
.dwx-app .dwx-ln { min-height: 520px; background: linear-gradient(180deg, rgba(15,35,80,.55), rgba(1,15,42,0) 70%); }
.dwx-app .dwx-ln .dwx-narr { min-height: 500px; }
.dwx-app .dwx-ln .dwx-place { color: #C7E3F0; }
.dwx-app .dwx-ln-keep { display: grid; grid-template-columns: minmax(180px, 280px) 1fr; gap: 24px; align-items: center; margin: 22px 0 6px; }
.dwx-app .dwx-ln-keep canvas { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 18px 40px -20px rgba(0,0,0,.8); }
.dwx-app .dwx-ln-quote { font-family: var(--dwx-serif); font-style: italic; font-size: 1.6rem; line-height: 1.35; color: var(--dwx-cream); }
@media (max-width: 600px) {
  .dwx-app .dwx-ln-keep { grid-template-columns: 1fr; }
  .dwx-app .dwx-ln-keep canvas { max-width: 260px; margin: 0 auto; }
}