/* Vendored from UNDR-Core (Berliner-Party/UNDR-Core @ 82a4928) — do not edit here; re-copy on Core changes. */
/* =========================================================================
   UNDR Core — shared blog stylesheet.

   Linked on the blog index (/news/) and single-post pages, AFTER undr-base.css
   and the brand sheet:
     <link rel="stylesheet" href="/assets/undr-base.css?v=…">
     <link rel="stylesheet" href="/assets/<brand>.css?v=…">
     <link rel="stylesheet" href="/assets/undr-blog.css?v=…">

   Authored entirely against the --undr-* token contract, so every brand themes
   the blog through its existing :root mapping — no per-brand blog CSS needed.
   All selectors are `undr-`-prefixed to avoid clashing with brand components.
   ========================================================================= */

.undr-blog {
  max-width: var(--undr-max-w);
  margin: 0 auto;
  padding: var(--undr-section-y) var(--undr-gutter);
}

/* ---- Index grid of post cards ---- */
.undr-blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: clamp(1rem, 3vw, 1.8rem);
  margin-top: 2rem;
}

.undr-post-card {
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
  background: var(--undr-bg-tint);
  border: 1px solid var(--undr-rule);
  border-radius: var(--undr-radius);
  overflow: hidden;
  transition: border-color var(--undr-t-fast) var(--undr-ease),
              transform var(--undr-t-fast) var(--undr-ease);
}
.undr-post-card:focus-visible { outline: none; box-shadow: var(--undr-focus); }
.undr-post-card:active { transform: scale(.99); } /* press feedback — also fires on touch */

.undr-post-card__media {
  aspect-ratio: 16 / 9;
  background: var(--undr-surface-1);
  overflow: hidden;
}
.undr-post-card__media img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform var(--undr-t-base) var(--undr-ease);
}

/* Movement-hovers gated: a touch tap fires :hover and would jump the card. */
@media (hover: hover) and (pointer: fine) {
  .undr-post-card:hover { border-color: var(--undr-rule-2); transform: translateY(-2px); }
  .undr-post-card:hover .undr-post-card__media img { transform: scale(1.04); }
}

.undr-post-card__body { padding: 1.1rem 1.2rem 1.4rem; display: flex; flex-direction: column; gap: .5rem; flex: 1; }
.undr-post-card__date { font-family: var(--undr-font-mono); font-size: var(--undr-fs-xs); letter-spacing: .08em; text-transform: uppercase; color: var(--undr-ink-faint); }
.undr-post-card__title { font-family: var(--undr-font-display); font-size: var(--undr-fs-lg); line-height: 1.18; margin: 0; color: var(--undr-ink); }
.undr-post-card__excerpt { font-size: var(--undr-fs-sm); color: var(--undr-ink-mid); margin: 0; }

/* ---- Badge ---- */
.undr-badge {
  align-self: flex-start;
  font-family: var(--undr-font-mono);
  font-size: var(--undr-fs-xs);
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: .25em .6em;
  border: 1px solid var(--undr-rule-2);
  border-radius: var(--undr-radius);
  color: var(--undr-ink-mid);
}
.undr-badge--award { color: var(--undr-accent); border-color: var(--undr-accent); }
.undr-badge--note  { color: var(--undr-ink-faint); }

/* ---- Single post ---- */
.undr-post { max-width: var(--undr-prose-w); margin: 0 auto; padding: var(--undr-section-y) var(--undr-gutter); }
.undr-post__kicker { font-family: var(--undr-font-mono); font-size: var(--undr-fs-xs); letter-spacing: .12em; text-transform: uppercase; color: var(--undr-ink-faint); }
.undr-post__kicker a { color: inherit; }
.undr-post__title { font-family: var(--undr-font-display); font-size: var(--undr-fs-2xl); line-height: 1.1; margin: .4rem 0 .6rem; color: var(--undr-ink); }
.undr-post__meta { font-family: var(--undr-font-mono); font-size: var(--undr-fs-xs); letter-spacing: .06em; text-transform: uppercase; color: var(--undr-ink-faint); display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }
.undr-post__hero { margin: 1.6rem 0; border-radius: var(--undr-radius); overflow: hidden; background: var(--undr-surface-1); }
.undr-post__hero img { width: 100%; height: auto; display: block; }

/* ---- Prose (the rendered bodyHtml) ---- */
.undr-prose { font-size: var(--undr-fs-md); line-height: 1.7; color: var(--undr-ink-mid); }
.undr-prose > * + * { margin-top: 1.1em; }
.undr-prose h2 { font-family: var(--undr-font-display); font-size: var(--undr-fs-xl); line-height: 1.2; color: var(--undr-ink); margin-top: 1.8em; }
.undr-prose h3 { font-family: var(--undr-font-display); font-size: var(--undr-fs-lg); color: var(--undr-ink); margin-top: 1.5em; }
.undr-prose h4 { font-size: var(--undr-fs-md); color: var(--undr-ink); margin-top: 1.4em; text-transform: uppercase; letter-spacing: .05em; }
/* Prose links: scoped to CLASSLESS anchors so the (0,1,1) specificity never
   outguns component anchors like .undr-cta__btn (0,1,0) — on monochrome
   brands (CAGE: accent = white) that bug rendered buttons white-on-white.
   The sanitizer only ever emits bare <a href> in prose, so :not([class]) is
   exactly "author links"; shortcode inline links keep the look explicitly. */
.undr-prose a:not([class]),
.undr-prose .undr-event-link { color: var(--undr-accent); text-underline-offset: .15em; transition: color var(--undr-t-fast) var(--undr-ease); }
/* WCAG 2.5.8 target size for the inline event link (a UI control, unlike bare
   author links which fall under the inline exception): vertical padding on an
   inline box grows its hit rect to ≥44px without moving line layout (line
   height is set by the font, not the padding box). */
.undr-prose .undr-event-link { padding-block: 13px; }
.undr-prose a:not([class]):hover,
.undr-prose .undr-event-link:hover { color: var(--undr-accent-hot); }
.undr-prose strong { color: var(--undr-ink); }
.undr-prose ul, .undr-prose ol { padding-left: 1.4em; }
.undr-prose li + li { margin-top: .35em; }
.undr-prose blockquote { border-left: 2px solid var(--undr-accent); padding-left: 1rem; color: var(--undr-ink-faint); font-style: italic; }
.undr-prose code { font-family: var(--undr-font-mono); font-size: .9em; background: var(--undr-surface-1); padding: .1em .4em; border-radius: var(--undr-radius); color: var(--undr-ink); }
.undr-prose pre { background: var(--undr-surface-1); border: 1px solid var(--undr-rule); border-radius: var(--undr-radius); padding: 1rem 1.1rem; overflow: auto; }
.undr-prose pre code { background: none; padding: 0; }
.undr-prose img { max-width: 100%; height: auto; border-radius: var(--undr-radius); }
.undr-prose hr { border: 0; border-top: 1px solid var(--undr-rule); margin: 2em 0; }

/* ---- Share row ---- */
.undr-share { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; margin: 1.6rem 0; }
.undr-share a, .undr-share button {
  font-family: var(--undr-font-mono);
  font-size: var(--undr-fs-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--undr-ink-mid);
  background: transparent;
  border: 1px solid var(--undr-rule-2);
  border-radius: var(--undr-radius);
  padding: .5em .9em;
  text-decoration: none;
  cursor: pointer;
  transition: border-color var(--undr-t-fast) var(--undr-ease),
              color var(--undr-t-fast) var(--undr-ease),
              transform var(--undr-t-fast) var(--undr-ease);
}
.undr-share a:hover, .undr-share button:hover { color: var(--undr-ink); border-color: var(--undr-accent); }
.undr-share a:active, .undr-share button:active { transform: scale(.96); } /* press feedback */
.undr-share button:focus-visible { outline: none; box-shadow: var(--undr-focus); }

/* ---- Event card (the [event:…] blog shortcut) ----
   Rendered by Core's BlogShortcuts inside .undr-prose. The flyer speaks for
   itself (name/date/venue are in the artwork), so the card is text-free:
   flyer at its native 16:9 (1920×1080 — never cropped) with the two buttons
   in a right-hand rail on desktop (keeps the flyer modest), stacked below on
   narrow viewports. Token-driven; brands theme it via their :root mapping. */
.undr-event-card {
  display: flex;
  flex-direction: column;
  background: var(--undr-bg-tint);
  border: 1px solid var(--undr-rule);
  border-radius: var(--undr-radius);
  overflow: hidden;
  margin: 1.6em 0;
  clear: both; /* never wrap around a floated vertical video */
}

.undr-event-card__media {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: var(--undr-surface-1);
}

@media (min-width: 640px) {
  .undr-event-card { flex-direction: row; align-items: stretch; }
  .undr-event-card__media { flex: 1 1 0; min-width: 0; width: auto; }
  .undr-event-card__body {
    flex: 0 0 auto;
    min-width: 11.5rem;                        /* rail width steady across EN/DE labels */
    justify-content: center;                   /* buttons ride centered beside the flyer */
    border-left: 1px solid var(--undr-rule);   /* hairline sets the rail off as a panel */
  }
  .undr-event-card__actions {
    flex-direction: column;
    align-items: stretch;
    margin-top: 0;
    padding-top: 0;
  }
  .undr-event-card__actions .undr-event-card__btn { white-space: nowrap; }
  .undr-event-card__past-note { margin-top: 0; } /* centered in the rail, not bottom-pinned */
}
.undr-event-card__media picture {
  /* the <picture> wrapper must carry the stretch or img's height:100%
     resolves against an auto-height box (flyer floats atop dead space) */
  display: block; width: 100%; height: 100%;
}
.undr-event-card__media img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  /* cancel .undr-prose img rounding inside the clipped card */
  border-radius: 0;
  transition: transform var(--undr-t-base) var(--undr-ease),
              filter var(--undr-t-base) var(--undr-ease);
}
@media (hover: hover) and (pointer: fine) {
  .undr-event-card__media:hover img { transform: scale(1.02); filter: brightness(1.08); }
}
.undr-event-card__media:focus-visible { outline: none; box-shadow: inset var(--undr-focus); }

.undr-event-card__body {
  padding: 1rem 1.2rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: .45rem;
  min-width: 0;
}
.undr-event-card__body > * { margin: 0; } /* opt out of .undr-prose rhythm */

.undr-event-card__name {
  font-family: var(--undr-font-display);
  font-size: var(--undr-fs-lg);
  line-height: 1.18;
  color: var(--undr-ink);
}
.undr-event-card__meta {
  font-family: var(--undr-font-mono);
  font-size: var(--undr-fs-xs);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--undr-ink-faint);
}
.undr-event-card__past-note {
  font-family: var(--undr-font-mono);
  font-size: var(--undr-fs-xs);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--undr-ink-faint);
  margin-top: auto;
}

.undr-event-card__actions {
  display: flex;
  gap: .6rem;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: .6rem;
}
@media (max-width: 480px) {
  /* Stacked buttons grow to equal full-width rows instead of ragged pills. */
  .undr-event-card__actions .undr-event-card__btn { flex: 1 1 auto; text-align: center; }
}
.undr-event-card__btn {
  font-family: var(--undr-font-mono);
  font-size: var(--undr-fs-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--undr-ink-mid);
  background: transparent;
  border: 1px solid var(--undr-rule-2);
  border-radius: var(--undr-radius);
  padding: .55em 1em;
  /* WCAG 2.5.8 target size: the fs-xs pill is ~33px tall on its own — grow the
     hit rect to the 44px minimum without touching the type scale. */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  text-decoration: none;
  transition: border-color var(--undr-t-fast) var(--undr-ease),
              color var(--undr-t-fast) var(--undr-ease),
              background-color var(--undr-t-fast) var(--undr-ease),
              transform var(--undr-t-fast) var(--undr-ease);
}
.undr-event-card__btn:hover { color: var(--undr-ink); border-color: var(--undr-accent); }
.undr-event-card__btn:active { transform: scale(.96); } /* press feedback */
.undr-event-card__btn:focus-visible { outline: none; box-shadow: var(--undr-focus); }
.undr-event-card__btn--primary {
  color: var(--undr-bg);
  background: var(--undr-accent);
  border-color: var(--undr-accent);
}
.undr-event-card__btn--primary:hover {
  color: var(--undr-bg);
  background: var(--undr-accent-hot);
  border-color: var(--undr-accent-hot);
}

.undr-event-card--past .undr-event-card__media img { filter: grayscale(1); opacity: .7; }

/* ---- Shortcode: [image] figure ---- */
.undr-figure { margin: 1.6em 0; }
.undr-figure a { display: block; }
.undr-figure img {
  width: 100%; height: auto; display: block;
  border-radius: var(--undr-radius);
  background: var(--undr-surface-1);
}
.undr-figure figcaption {
  font-family: var(--undr-font-mono);
  font-size: var(--undr-fs-xs);
  letter-spacing: .06em;
  color: var(--undr-ink-faint);
  margin-top: .6em;
}
.undr-figure figcaption::before {
  /* editorial caption dash in the brand accent — the components' signature */
  content: '';
  display: inline-block;
  width: 1.1em; height: 1px;
  background: var(--undr-accent);
  margin-right: .6em;
  vertical-align: middle;
}

/* ---- Shortcode: [gallery] grid ---- */
.undr-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .5rem;
  margin: 1.6em 0;
}
.undr-gallery__item {
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: var(--undr-radius);
  background: var(--undr-surface-1);
}
.undr-gallery__item img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform var(--undr-t-base) var(--undr-ease);
}
@media (hover: hover) and (pointer: fine) {
  .undr-gallery__item:hover img { transform: scale(1.05); }
}
.undr-gallery__item:focus-visible { outline: none; box-shadow: var(--undr-focus); }
@media (max-width: 560px) {
  .undr-gallery { grid-template-columns: repeat(2, 1fr); }
}

/* ---- Shortcode lightbox ([image]/[gallery], built by undr-blog.js) ---- */
.undr-lightbox {
  border: 0;
  padding: 0;
  background: transparent;
  max-width: min(96vw, 1200px);
  max-height: 96vh;
  overflow: visible;
}
.undr-lightbox::backdrop {
  background: rgba(0, 0, 0, .88);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.undr-lightbox[open] { animation: undr-lb-in 160ms var(--undr-ease); }
@keyframes undr-lb-in {
  from { opacity: 0; transform: scale(.97); }
  to   { opacity: 1; transform: none; }
}
.undr-lightbox__stage { margin: 0; }
.undr-lightbox__stage img {
  max-width: min(92vw, 1200px);
  max-height: 84vh;
  width: auto; height: auto; display: block;
  margin: 0 auto;
  border-radius: var(--undr-radius);
}
.undr-lightbox__caption {
  font-family: var(--undr-font-mono);
  font-size: var(--undr-fs-xs);
  letter-spacing: .06em;
  color: var(--undr-ink-mid);
  text-align: center;
  margin-top: .8em;
}
.undr-lightbox__close,
.undr-lightbox__nav {
  position: fixed;
  font-family: var(--undr-font-mono);
  font-size: 1.6rem;
  line-height: 1;
  color: var(--undr-ink);
  background: rgba(0, 0, 0, .5);
  border: 1px solid var(--undr-rule-2);
  border-radius: var(--undr-radius);
  padding: .35em .6em;
  cursor: pointer;
  z-index: 2;
}
.undr-lightbox__close { top: 1rem; right: 1rem; }
.undr-lightbox__nav--prev { left: 1rem; top: 50%; transform: translateY(-50%); }
.undr-lightbox__nav--next { right: 1rem; top: 50%; transform: translateY(-50%); }
.undr-lightbox__close:hover,
.undr-lightbox__nav:hover { border-color: var(--undr-accent); }
.undr-lightbox__close:focus-visible,
.undr-lightbox__nav:focus-visible { outline: none; box-shadow: var(--undr-focus); }

/* ---- Shortcode: [video] click-to-load facade ---- */
.undr-video {
  margin: 1.6em 0;
  aspect-ratio: 16 / 9;
  background: var(--undr-surface-1);
  border: 1px solid var(--undr-rule);
  border-radius: var(--undr-radius);
  overflow: hidden;
}
.undr-video__facade {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%; height: 100%;
  text-decoration: none;
  /* quiet atmosphere instead of a flat void — accent bloom behind the play
     ring + a diagonal surface wash; still zero external requests */
  background:
    radial-gradient(45% 60% at 50% 46%, var(--undr-accent-soft), transparent 70%),
    linear-gradient(160deg, var(--undr-surface-2), transparent 55%);
  transition: filter var(--undr-t-base) var(--undr-ease);
}
.undr-video__facade:hover { filter: brightness(1.15); }
.undr-video__facade:focus-visible { outline: none; box-shadow: inset var(--undr-focus); }
.undr-video__play {
  width: 64px; height: 64px;
  border: 1px solid var(--undr-rule-2);
  border-radius: 50%;
  position: relative;
  transition: border-color var(--undr-t-fast) var(--undr-ease),
              transform var(--undr-t-base) var(--undr-ease);
}
.undr-video__facade:hover .undr-video__play { transform: scale(1.06); }
.undr-video__play::after {           /* CSS play triangle — no image request */
  content: '';
  position: absolute;
  left: 55%; top: 50%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent var(--undr-accent);
}
.undr-video__facade:hover .undr-video__play { border-color: var(--undr-accent); }
.undr-video__title {
  font-family: var(--undr-font-mono);
  font-size: var(--undr-fs-sm);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--undr-ink-mid);
  padding: 0 1rem;
  text-align: center;
}
.undr-video__iframe { width: 100%; height: 100%; border: 0; display: block; }

/* Local (self-hosted) variant: native <video> inside the same ratio box,
   wrapped in .undr-figure--video so the caption reuses the figure styling.
   contain — never crop (matches the brands' flyer components). */
.undr-figure--video .undr-video { margin: 0; }
.undr-video--local video {
  width: 100%; height: 100%;
  object-fit: contain;
  display: block;
  background: #000;   /* letterbox bars — video-black regardless of brand surface */
  border-radius: 0;   /* clipped by the ratio box; cancel .undr-prose video rounding */
}
.undr-video--vertical {
  aspect-ratio: 9 / 16;
  /* A 9:16 reel must not fill the column: cap by height (~78vh), center it. */
  max-width: min(100%, calc(78vh * 9 / 16));
  margin-left: auto;
  margin-right: auto;
}

/* On wide viewports a vertical reel floats beside the running text
   (magazine wrap) instead of leaving empty flanks. Other shortcode blocks
   carry `clear: both` so only paragraphs flow around it. */
@media (min-width: 640px) {
  .undr-figure--vertical {
    float: right;
    width: min(44%, 300px);
    margin: .35em 0 1.1em 1.5em;
  }
  .undr-figure--vertical .undr-video--vertical { max-width: none; } /* width = float box */
}
.undr-figure:not(.undr-figure--vertical),
.undr-gallery,
.undr-video,
.undr-cta,
.undr-quote,
.undr-map { clear: both; }
.undr-figure--vertical .undr-video { clear: none; }
/* Contain a trailing float so the article never bleeds into what follows. */
.undr-prose::after { content: ''; display: block; clear: both; }

/* ---- Shortcode: [button] CTA ---- */
.undr-cta { margin: 1.6em 0; }
.undr-cta__btn {
  display: inline-block;
  font-family: var(--undr-font-mono);
  font-size: var(--undr-fs-sm);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--undr-bg);
  background: var(--undr-accent);
  border: 1px solid var(--undr-accent);
  border-radius: var(--undr-radius);
  padding: .8em 1.6em;
  text-decoration: none;
  transition: background-color var(--undr-t-fast) var(--undr-ease),
              border-color var(--undr-t-fast) var(--undr-ease),
              transform var(--undr-t-fast) var(--undr-ease);
}
.undr-cta__btn:hover { background: var(--undr-accent-hot); border-color: var(--undr-accent-hot); color: var(--undr-bg); }
.undr-cta__btn:active { transform: scale(.96); } /* press feedback */
.undr-cta__btn:focus-visible { outline: none; box-shadow: var(--undr-focus); }

/* ---- Shortcode: [quote] pull-quote ---- */
.undr-quote {
  position: relative;
  margin: 1.8em 0;
  padding: 1.4rem 1.6rem 1.4rem 3.4rem;
  border-left: 2px solid var(--undr-accent);
  background: var(--undr-bg-tint);
  border-radius: var(--undr-radius);
  font-style: italic;
  overflow: hidden;
}
.undr-quote::before {
  /* oversized display quote glyph, ghosted in the brand accent */
  content: '\201C';
  position: absolute;
  left: .7rem; top: .2rem;
  font-family: var(--undr-font-display);
  font-style: normal;
  font-size: 3.4rem;
  line-height: 1;
  color: var(--undr-accent);
  opacity: .38;
  pointer-events: none;
}
.undr-quote p {
  font-family: var(--undr-font-display);
  font-size: var(--undr-fs-lg);
  line-height: 1.35;
  color: var(--undr-ink);
  margin: 0;
}
.undr-quote cite {
  display: block;
  font-family: var(--undr-font-mono);
  font-size: var(--undr-fs-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-style: normal;
  color: var(--undr-ink-faint);
  margin-top: .8em;
}

/* ---- Shortcode: [map] link-out ---- */
.undr-map { margin: 1.6em 0; }
.undr-map__link {
  display: inline-flex;
  align-items: flex-start; /* pin the dot to line 1 when the label wraps */
  gap: .6em;
  font-family: var(--undr-font-mono);
  font-size: var(--undr-fs-sm);
  letter-spacing: .06em;
  color: var(--undr-ink-mid);
  border: 1px solid var(--undr-rule-2);
  border-radius: var(--undr-radius);
  padding: .7em 1.1em;
  min-height: 44px; /* WCAG 2.5.8 target size (was ~43px at fs-sm) */
  text-decoration: none;
  transition: border-color var(--undr-t-fast) var(--undr-ease),
              color var(--undr-t-fast) var(--undr-ease);
}
.undr-map__link::before {            /* CSS pin dot — no image request */
  content: '';
  width: .55em; height: .55em;
  margin-top: .42em;                 /* optically center on the first text line */
  border-radius: 50%;
  background: var(--undr-accent);
  flex: none;
}
.undr-map__link:hover { color: var(--undr-ink); border-color: var(--undr-accent); }
.undr-map__link:hover::before { box-shadow: 0 0 0 3px var(--undr-accent-soft); }
.undr-map__link:focus-visible { outline: none; box-shadow: var(--undr-focus); }

/* ---- Read-next rail ---- */
.undr-readnext { margin-top: var(--undr-section-y); border-top: 1px solid var(--undr-rule); padding-top: 2rem; }
.undr-readnext h2 { font-family: var(--undr-font-display); font-size: var(--undr-fs-lg); color: var(--undr-ink); margin: 0 0 1.2rem; }

/* ---- Reduced motion: keep colour/border cues, drop transform movement ---- */
@media (prefers-reduced-motion: reduce) {
  .undr-post-card:hover,
  .undr-post-card:active,
  .undr-post-card:hover .undr-post-card__media img,
  .undr-event-card__media:hover img,
  .undr-event-card__btn:active,
  .undr-gallery__item:hover img,
  .undr-video__facade:hover .undr-video__play,
  .undr-cta__btn:active,
  .undr-share a:active,
  .undr-share button:active { transform: none; }
  .undr-lightbox[open] { animation: none; }
}