/* Night-market promotion uses the official homepage's main artwork. */
.night-banner {
  min-height: 470px;
  padding: 52px 60px;
  background: #132c25;
  isolation: isolate;
}
.night-photo, .night-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.night-photo {
  object-fit: cover;
  object-position: center 18%;
  transition: transform .4s ease;
}
.night-shade {
  background: linear-gradient(90deg, rgba(12,31,26,.96) 0%, rgba(12,31,26,.88) 30%, rgba(12,31,26,.43) 57%, rgba(12,31,26,.04) 100%);
}
.night-copy { max-width: 610px; }
.night-copy .eyebrow { font-size: 11px; color: #f3d5a2; letter-spacing: 2px; margin-bottom: 16px; }
.night-copy h2 { font-size: 36px; line-height: 1.45; text-shadow: 0 2px 18px #10251c66; }
.night-copy h2 em { color: #f3d095; }
.night-copy > p:not(.eyebrow) { font-size: 15px; line-height: 1.85; color: #edf0e5; margin-top: 17px; }
.night-date { margin-top: 23px; font-size: 17px; font-weight: 600; color: #fff5dc; }
.night-date span { font-size: 15px; color: #eee7d7; }
.night-link { background: #efd095; color: #173b2d; border: 0; font-size: 14px; font-weight: 700; padding: 11px 20px; gap: 27px; margin-top: 24px; }
.night-link b { font-size: 22px; }
.night-caption { z-index: 2; right: 22px; bottom: 16px; font-size: 10px; color: #f5eddc; background: #10241db3; padding: 5px 9px; letter-spacing: .3px; }
.night-banner:hover .night-photo { transform: scale(1.025); }
.night-banner:focus-visible { outline: 3px solid #b78d44; outline-offset: 5px; }
@media (max-width: 900px) {
  .night-banner { padding: 42px 36px; }
  .night-copy { max-width: 510px; }
  .night-copy h2 { font-size: 31px; }
  .night-shade { background: linear-gradient(90deg, #0c1f1af5, #0c1f1abf 52%, #0c1f1a44); }
}
@media (max-width: 600px) {
  .night-banner { padding: 240px 25px 27px; min-height: 0; }
  .night-photo { height: 350px; object-position: 62% center; }
  .night-shade { background: linear-gradient(180deg, #132c2500 0, #132c251a 150px, #132c25ed 275px, #132c25 340px); }
  .night-copy .eyebrow { font-size: 10px; letter-spacing: 1.3px; margin-bottom: 14px; }
  .night-copy h2 { font-size: 27px; }
  .night-copy > p:not(.eyebrow) { font-size: 15px; line-height: 1.85; }
  .night-date { font-size: 17px; letter-spacing: .4px; margin-top: 22px; }
  .night-date span { font-size: 15px; margin: 4px 0 0; }
  .night-link { font-size: 14px; margin-top: 22px; gap: 22px; padding: 11px 16px; }
  .night-caption { position: relative; display: inline-block; inset: auto; margin-top: 24px; padding: 0; background: none; color: #d4dacc; font-size: 11px; letter-spacing: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .night-photo { transition: none; }
  .night-banner:hover .night-photo { transform: none; }
}