/* Launch content and responsive layout; keep the transparent sticky mascot. */
.sticky-header nav{display:flex;position:static;align-items:center;gap:0;padding:0;background:transparent;backdrop-filter:none;border:0}
.sticky-header nav .contact-nav{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #ffffff65;padding:11px 18px;white-space:nowrap;font-size:13px}
.exhibit-invite{display:flex;flex-direction:column;gap:22px;padding:65px 5%;align-items:flex-start}
.exhibit-invite h2{font-size:37px}
.exhibit-invite p{font-size:14px;line-height:1.8;max-width:680px}
.exhibit-invite a,.vendor-copy a{border-bottom:1px solid currentColor;overflow-wrap:anywhere}
.vendor-copy{min-width:0}
footer{justify-content:center;text-align:center}
footer>p{width:auto;border:0;padding:0;color:var(--muted);font-size:12px;line-height:1.7}
/* Homepage closing band; do not recolour inner pages or the newsletter dialog. */
.option-b:not(.inner-page) #vendor,
.option-b:not(.inner-page)>footer{background:#431c29;color:#f3edde}
.option-b:not(.inner-page)>footer>p{color:#ddc7cc}
.option-b:not(.inner-page)>footer .show-reminders-reopen{color:#f3edde}
.option-b:not(.inner-page) #vendor a:hover,
.option-b:not(.inner-page)>footer :is(a,button):hover{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.option-b:not(.inner-page) #vendor a:focus-visible,
.option-b:not(.inner-page)>footer :is(a,button):focus-visible{outline:2px solid #f3edde;outline-offset:4px}
@media(max-width:700px){
  .sticky-header nav .contact-nav{padding:10px 16px;font-size:12px}
  .photo-content{align-items:center;text-align:center}
  .photo-content .hero-logo{object-position:center}
  .photo-date{width:100%;text-align:center}
  .photo-date h2{font-size:clamp(31px,6vw,42px);white-space:normal}
  .visit-event-heading{text-align:center;justify-content:center}
  .past-heading{text-align:center}
  .past-heading h2{font-size:clamp(32px,6.2vw,43px)}
  .past-heading>p{margin-left:auto;margin-right:auto}
  .exhibit-invite{align-items:center;text-align:center;gap:20px;padding:40px 5%}
  .exhibit-invite h2{font-size:32px}
  .exhibit-invite p{font-size:13px}
  .vendor-page{text-align:center}
  .vendor-page .vendor-copy{margin-left:auto;margin-right:auto}
}
@media(max-width:600px){
  .event-information{text-align:center}
  .event-date-art{grid-template-columns:auto auto auto;justify-content:center}
  .event-actions{justify-content:center}
}