/* Media Center — News cards (home news hover: cover → white panel) */

.mediacenter-news__grid,
.mediacenter-blog__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}

.mediacenter-news__card {
  min-height: 520px;
}

.mediacenter-news__link {
  position: relative;
  display: block;
  width: 100%;
  min-height: 520px;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  text-decoration: none;
  color: #ffffff;
  isolation: isolate;
}

/* Default: full-bleed image + gradient title */
.mediacenter-news__cover {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: 8px;
  overflow: hidden;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.mediacenter-news__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #152532;
}

.mediacenter-news__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.mediacenter-news__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(24, 59, 86, 0) 0%,
    #152532 100%
  );
}

.mediacenter-news__title {
  position: absolute;
  left: 8.89%;
  right: 8.89%;
  bottom: 0.96%;
  top: 72.12%;
  z-index: 1;
  margin: 0;
  font-family: "Granadia-Bold", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.2px;
  color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-overflow: ellipsis;
  word-break: break-word;
}

/* Hover: white detail card */
.mediacenter-news__panel {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e5eaf4;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease, visibility 0.35s ease, box-shadow 0.35s ease;
}

.mediacenter-news__panel-media {
  position: relative;
  flex: 0 0 44.23%;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  background: #152532;
}

.mediacenter-news__panel-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mediacenter-news__panel-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 8.89% 8.89% 5.38%;
}

.mediacenter-news__meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 4.5%;
  font-size: 16px;
  line-height: 1.375;
  white-space: nowrap;
}

.mediacenter-news__category {
  font-family: "Granadia-Bold", sans-serif;
  font-weight: 700;
  color: #375794;
}

.mediacenter-news__date {
  font-family: "Granadia-Book", sans-serif;
  color: #b3bac5;
}

.mediacenter-news__headline {
  margin: 0 0 3.85%;
  font-family: "Granadia-Book", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.2px;
  color: #000000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-overflow: ellipsis;
  word-break: break-word;
}

.mediacenter-news__excerpt {
  flex: 0 1 auto;
  min-height: 0;
  max-height: 44px;
  margin: 0 0 auto;
  font-family: "Granadia-Book", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #5a7184;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  word-break: break-word;
}

.mediacenter-news__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 4%;
  font-family: "Granadia-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #6ac0ec;
}

.mediacenter-news__cta-icon {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
  filter: brightness(0) saturate(100%) invert(73%) sepia(35%) saturate(746%) hue-rotate(169deg) brightness(97%) contrast(91%);
}

@media (hover: hover) and (pointer: fine) {
  .mediacenter-news__link:hover .mediacenter-news__cover,
  .mediacenter-news__link:focus-visible .mediacenter-news__cover {
    opacity: 0;
    visibility: hidden;
  }

  .mediacenter-news__link:hover .mediacenter-news__panel,
  .mediacenter-news__link:focus-visible .mediacenter-news__panel {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  }

  .mediacenter-news__link:hover .mediacenter-news__image,
  .mediacenter-news__link:focus-visible .mediacenter-news__image {
    transform: scale(1.04);
  }
}

/* Media Center — Blog / publication cards */

.mediacenter-blog__card {
  min-height: 520px;
}

.mediacenter-blog__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 520px;
  overflow: hidden;
  border: 1px solid #cfd0d1;
  border-radius: 8px;
  background: #fbf9f9;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  text-decoration: none;
  color: inherit;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s ease;
}

.mediacenter-blog__media {
  position: relative;
  flex: 0 0 46%;
  min-height: 220px;
  overflow: hidden;
}

.mediacenter-blog__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.mediacenter-blog__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 24px 32px 28px;
}

.mediacenter-blog__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-family: "Granadia-Book", sans-serif;
  font-size: 14px;
  line-height: normal;
}

.mediacenter-blog__author {
  color: #000000;
}

.mediacenter-blog__date {
  color: #b3bac5;
  white-space: nowrap;
}

.mediacenter-blog__title {
  margin: 0 0 auto;
  font-family: "Granadia-Book", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.2px;
  color: #000000;
  text-wrap: pretty;
}

.mediacenter-blog__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 20px;
  font-family: "Granadia-Bold", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #6ac0ec;
}

.mediacenter-blog__cta-icon {
  display: block;
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.mediacenter-blog__link:hover,
.mediacenter-blog__link:focus-visible {
  transform: translateY(-8px);
  border-color: #b8d9ef;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
}

.mediacenter-blog__link:hover .mediacenter-blog__image,
.mediacenter-blog__link:focus-visible .mediacenter-blog__image {
  transform: scale(1.06);
}

.mediacenter-blog__link:hover .mediacenter-blog__cta-icon,
.mediacenter-blog__link:focus-visible .mediacenter-blog__cta-icon {
  transform: translateX(4px);
}

html[dir="rtl"] .mediacenter-blog__link:hover .mediacenter-blog__cta-icon,
html[dir="rtl"] .mediacenter-blog__link:focus-visible .mediacenter-blog__cta-icon {
  transform: translateX(-4px) scaleX(-1);
}

html[dir="rtl"] .mediacenter-blog__cta-icon {
  transform: scaleX(-1);
}

html[dir="rtl"] .mediacenter-news__title,
html[dir="rtl"] .mediacenter-news__headline,
html[dir="rtl"] .mediacenter-news__excerpt {
  text-align: right;
}

html[dir="rtl"] .mediacenter-news__cta-icon {
  transform: scaleX(-1);
}

@media (prefers-reduced-motion: reduce) {
  .mediacenter-news__cover,
  .mediacenter-news__panel,
  .mediacenter-news__image,
  .mediacenter-blog__link,
  .mediacenter-blog__image,
  .mediacenter-blog__cta-icon {
    transition: none;
  }
}

@media (max-width: 1100px) {
  .mediacenter-news__grid,
  .mediacenter-blog__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }
}

@media (max-width: 700px) {
  .mediacenter-news__grid,
  .mediacenter-blog__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .mediacenter-news__card,
  .mediacenter-news__link,
  .mediacenter-blog__card,
  .mediacenter-blog__link {
    min-height: 420px;
  }

  /* On touch / small screens, show expanded panel by default */
  .mediacenter-news__cover {
    opacity: 0;
    visibility: hidden;
  }

  .mediacenter-news__panel {
    opacity: 1;
    visibility: visible;
  }

  .mediacenter-blog__body {
    padding-inline: 24px;
  }
}