/* Reserve a separate touch target so dismissing never follows the story link. */
.estate-announcement, .story-announcement { position: relative; }
.estate-announcement[hidden], .story-announcement[hidden] { display: none !important; }
.estate-announcement .estate-announcement__link,
.story-announcement .story-announcement__link { padding-inline: max(var(--gutter), 56px); }
.announcement-close {
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  display: grid; place-items: center; width: 44px; height: 44px;
  padding: 0; border: 0; border-radius: 0; background: transparent;
  color: inherit; cursor: pointer;
}
.announcement-close svg { width: 16px; height: 16px; pointer-events: none; }
.announcement-close:hover { background: rgba(255,255,255,.12); }
.announcement-close:focus-visible { outline: 2px solid currentColor; outline-offset: -5px; }
/* Removing either strip also removes its grid row. */
header.topbar.topbar--exhibition { row-gap: clamp(16px, 2vw, 28px); }
@media (max-width: 899px) {
  body.home-page .home-hero .home-hero__content {
    padding-top: max(130px, calc(var(--announcement-header-height, 226px) + 24px));
  }
}