/* INRA Eventin teaser - isolated from both Eventin and HurryTimer styles. */
.inra-et-teaser {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  border-radius: 10px;
  background: transparent;
  color: inherit;
}
.inra-et-teaser *, .inra-et-teaser *::before, .inra-et-teaser *::after { box-sizing: border-box; }
/* Default: retain the photo's exact intrinsic aspect ratio; do not clip the text. */
.inra-et-teaser__media { display: block; width: 100%; overflow: hidden; height: auto; aspect-ratio: auto; }
.inra-et-teaser__image { display: block; width: 100%; height: auto; object-fit: contain; transition: transform .3s ease; }
/* Optional fixed 16:9 frame; contain keeps the whole image visible. */
.inra-et-teaser--poster-contain .inra-et-teaser__media,
.inra-et-teaser--poster-cover .inra-et-teaser__media { position: relative; aspect-ratio: 16 / 9; }
.inra-et-teaser--poster-contain .inra-et-teaser__image,
.inra-et-teaser--poster-cover .inra-et-teaser__image { position: absolute; inset: 0; width: 100%; height: 100%; }
.inra-et-teaser--poster-cover .inra-et-teaser__image { object-fit: cover; }
.inra-et-teaser--position-left .inra-et-teaser__image { object-position: left center; }
.inra-et-teaser--position-center .inra-et-teaser__image { object-position: center center; }
.inra-et-teaser--position-right .inra-et-teaser__image { object-position: right center; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .inra-et-teaser--poster-cover .inra-et-teaser__media:hover .inra-et-teaser__image { transform: scale(1.025); }
}
.inra-et-teaser__content { padding: clamp(16px, 3vw, 24px); }
.inra-et-teaser__meta { display: flex; gap: 6px 16px; flex-wrap: wrap; opacity: .72; font-size: .88em; line-height: 1.5; margin-bottom: 8px; }
.inra-et-teaser__title { margin: 0 0 10px; font-size: clamp(1.15rem, 2vw, 1.5rem); line-height: 1.35; font-weight: 650; }
.inra-et-teaser__title a { color: inherit; text-decoration: none; }
.inra-et-teaser__title a:hover { text-decoration: underline; }
.inra-et-teaser__excerpt { margin: 0 0 16px; line-height: 1.6; overflow-wrap: anywhere; }
.inra-et-teaser__link { display: inline-flex; align-items: center; justify-content: center; padding: 9px 16px; min-height: 40px; max-width: 100%; border: 1px solid currentColor; border-radius: 6px; color: inherit; font-weight: 600; text-decoration: none; line-height: 1.3; text-align: center; }
.inra-et-teaser__link:hover { text-decoration: underline; }
.inra-et-teaser a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 480px) { .inra-et-teaser__content { padding: 16px; } }