.after-dark{background:#11161b;color:#f4f1eb}
.after-dark .section-label{color:#b8bec5}
.after-dark .hairline{background:#394047}
.after-dark-heading{display:flex;align-items:end;justify-content:space-between;gap:6%;margin-bottom:48px}
.after-dark h2{font-size:clamp(36px,3.5vw,56px)}
.after-dark h2 em{color:#c1cddc}
.after-dark-heading>p{font-size:12px;line-height:1.9;color:#b8bec5;max-width:300px}
.night-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:24px}
.night-grid figure{position:relative;margin:0;min-width:0;overflow:hidden;background:#20262f}
.night-bar{grid-column:1;grid-row:1;aspect-ratio:16/10}
.night-club{grid-column:2;grid-row:1 / span 2}
.night-rooftop{grid-column:1;grid-row:2;aspect-ratio:16/10}
.night-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.night-club img{position:absolute;inset:0;object-position:center center}
.night-grid figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,10,18,.84));pointer-events:none}
.night-grid figcaption{position:absolute;bottom:26px;left:28px;right:20px;z-index:1;text-shadow:0 1px 5px #10101044}
.night-grid figcaption span{font-size:7px;letter-spacing:2px;color:#d8e0eb}
.night-grid h3{font-size:29px;letter-spacing:-.025em;margin-top:10px}
.night-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:18px}
.night-footer p{font-size:11px;color:#b8bec5}
.night-footer .text-link{margin-top:0;border-color:#727f8d}
.after-dark .campaign-note{color:#b8bec5;margin-top:35px}
@media(hover:hover){.night-grid figure:hover img{transform:scale(1.025)}}
@media(max-width:760px){
  .after-dark-heading{display:block;margin-bottom:30px}
  .after-dark h2{font-size:38px}
  .after-dark-heading>p{margin-top:24px}
  .night-grid{grid-template-columns:1fr;gap:22px}
  .night-bar,.night-club,.night-rooftop{grid-column:auto;grid-row:auto}
  .night-bar,.night-rooftop{aspect-ratio:3/2}
  .night-club{aspect-ratio:2/3}
  .night-bar img{object-position:50% center}
  .night-rooftop img{object-position:center center}
  .night-grid figcaption{left:20px;bottom:22px}
  .night-grid h3{font-size:23px}
  .night-footer{display:block;padding-top:25px}
  .night-footer .text-link{margin-top:13px}
}
