/* A compact event notice below the key visual; the original photograph keeps its colour. */
.event-banner { padding: 8px 0 40px; background: var(--studio); }
.event-banner-link { display: grid; grid-template-columns: 152px minmax(0, 1fr) auto auto; gap: 28px; align-items: center; padding: 22px; border: 1px solid var(--line); border-radius: var(--radius-m); background: var(--paper); color: var(--ink); text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.event-banner-link:hover { border-color: var(--accent-soft); box-shadow: var(--shadow-chip); }
.event-banner-link:focus-visible { outline: 3px solid var(--focus); outline-offset: 5px; }
.event-banner-photo { display: block; width: 152px; height: 112px; object-fit: cover; border-radius: var(--radius-s); }
.event-banner-label { margin: 0 0 7px; color: var(--accent-strong); font-size: .75rem; font-weight: 600; letter-spacing: .12em; }
.event-banner-copy h2 { margin: 0 0 7px; font-size: clamp(1.15rem, 2vw, 1.5rem); font-weight: 600; line-height: 1.4; letter-spacing: -.025em; }
.event-banner-name, .event-banner-place { margin: 0; color: var(--muted); font-size: .8125rem; line-height: 1.7; }
.event-banner-date { margin: 0; font-size: 1.15rem; font-weight: 550; line-height: 1.5; white-space: nowrap; }
.event-banner-hours { margin: 3px 0 5px; color: var(--muted); font-size: .875rem; }
.event-banner-status { margin: 0; color: var(--accent-strong); font-size: .875rem; }
.event-banner-cta { display: flex; align-items: center; gap: 14px; color: var(--accent-strong); font-size: .875rem; font-weight: 500; white-space: nowrap; }
.event-banner-cta > span { font-size: 1.4rem; }
.venue-card[id] { scroll-margin-top: calc(var(--nav-height, 64px) + 24px); }

/* Official Instagram posts with permanent links as a loading/offline fallback. */
.instagram { background: var(--paper); padding: 0 0 48px; }
.instagram-inner { max-width: 840px; padding-top: 28px; border-top: 1px solid var(--line); }
.instagram-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 20px; }
.instagram .eyebrow { margin: 0 0 9px; font-size: .75rem; letter-spacing: .15em; }
.instagram-copy h2 { margin: 0; font-size: 1.65rem; line-height: 1.4; font-weight: 600; letter-spacing: -.025em; }
.instagram-intro { margin: 10px 0 0; font-size: 1rem; line-height: 1.75; color: var(--muted); }
.instagram-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; max-width: 800px; margin-inline: auto; }
.instagram-post { min-width: 0; }
.instagram-post .instagram-media, .instagram-post iframe { display: block; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; border: 1px solid var(--line) !important; border-radius: 12px !important; box-shadow: none !important; }
.instagram-post-link { display: inline-block; margin-top: 12px; color: var(--accent-strong); font-size: .8125rem; text-decoration: none; }
.instagram-post-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.instagram-post-link:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; border-radius: 3px; }
@media (max-width: 899px) { .instagram-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 540px; } }
@media (max-width: 599px) { .instagram-posts { grid-template-columns: minmax(0, 1fr); max-width: 250px; gap: 24px; } }
.instagram-profile { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; padding: 16px 0; color: var(--ink); text-decoration: none; }
.instagram-handle { font-size: 1.0625rem; font-weight: 450; overflow-wrap: anywhere; }
.instagram-action { color: var(--accent-strong); font-size: .875rem; }
.instagram-profile:hover .instagram-action { text-decoration: underline; text-underline-offset: 4px; }
.instagram-profile:focus-visible { outline: 3px solid var(--focus); outline-offset: 8px; border-radius: 4px; }

@media (max-width: 1050px) {
  .event-banner-link { grid-template-columns: 116px minmax(0, 1fr) auto; gap: 20px; }
  .event-banner-photo { width: 116px; }
  .event-banner-cta { grid-column: 3; margin-top: -8px; }
  .event-banner-copy { grid-row: span 2; }
  .event-banner-photo { grid-row: span 2; height: 130px; }
}
@media (max-width: 700px) {
  .event-banner { padding: 0 0 24px; }
  .event-banner-link { grid-template-columns: 80px minmax(0, 1fr); gap: 16px; padding: 18px; border-radius: 16px; }
  .event-banner-photo { grid-row: 1; width: 80px; height: 108px; }
  .event-banner-copy { grid-row: 1; }
  .event-banner-copy h2 { font-size: 1.1rem; }
  .event-banner-label { font-size: .75rem; margin-bottom: 5px; }
  .event-banner-name, .event-banner-place { font-size: .75rem; line-height: 1.6; }
  .event-banner-schedule { grid-column: 1 / -1; padding-top: 14px; border-top: 1px solid var(--line); }
  .event-banner-date { font-size: 1.1rem; }
  .event-banner-hours { display: inline-block; margin: 4px 12px 0 0; }
  .event-banner-status { display: inline-block; }
  .event-banner-cta { grid-column: 1 / -1; margin: 0; justify-content: space-between; }
  .instagram { padding-bottom: 40px; }
  .instagram-inner { padding-top: 28px; }
  .instagram-heading { align-items: flex-start; flex-direction: column; gap: 8px; margin-bottom: 20px; }
  .instagram-copy h2 { font-size: 1.5rem; }
  .instagram-profile { padding-block: 10px; }
  .instagram-handle { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) { .event-banner-link { transition: none; } }