/* Greater New Orleans: static architectural details; the wall remains the only animated effect. */
:root { --brass: #846225; --brass-light: #dbbd7a; --orange-small: #a33215; }
html, body { overflow-x: clip; }
.hero .wrap { position: relative; }
.hero .lede { color: var(--ink); }
.local-sign { display: flex; align-items: center; gap: 14px; margin: 0 0 24px; color: var(--ink-2); font: 600 11px/1.5 var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.local-sign::before, .local-sign::after { content: ''; width: 34px; height: 7px; border-top: 1px solid var(--brass); border-bottom: 1px solid var(--brass); }
.ironwork { display: block; width: min(220px, 44vw); height: 42px; margin-top: 32px; color: var(--brass); }
.hero .eyebrow, .schedule .ref, .sec-head .idx { color: var(--orange-small); }
.hood.key { border-color: var(--brass); }
.close .badges .badge:first-child { border-color: var(--brass-light); }
.close .disclosure { max-width: 72ch; }
a:focus-visible, summary:focus-visible, input:focus-visible { outline: 3px solid var(--brass); outline-offset: 5px; }
@media (max-width: 600px) {
  .local-sign { font-size: 10px; gap: 9px; letter-spacing: .08em; }
  .local-sign::before, .local-sign::after { width: 18px; flex: 0 0 18px; }
  .hero .eyebrow { max-width: 30ch; line-height: 1.65; }
}