/* Bundled stylesheet. See assets/src/css/manifest.json. */

/* brand-aligned white editorial news carousel.
   Loaded after home.css, initiatives.css, mobile-home.css and typography.
   Scoped to the homepage news section so old card/list styles cannot leak. */
#tm-home-news {
  --tm-news-ink: var(--tm-brand-ink);
  --tm-news-muted: var(--tm-brand-muted);
  --tm-news-accent: var(--tm-brand-clay);
  --tm-news-gap: clamp(14px, 1.2vw, 23px);
  --tm-news-dot-size: 11px;
  --tm-news-columns: min(5, var(--tm-news-item-count, 5));
  --tm-news-card-width: calc((100% - var(--tm-news-gap) * (var(--tm-news-columns) - 1)) / var(--tm-news-columns));
  position: relative;
  isolation: isolate;
  margin: 0 !important;
  padding: var(--tm-rhythm-section) 0 clamp(32px, 3vw, 52px) !important;
  overflow: hidden !important;
  color: var(--tm-news-ink) !important;
  background: #fff !important;
  background-image: none !important;
}
#tm-home-news::before,
#tm-home-news::after { display: none !important; content: none !important; }
#tm-home-news .tm-festival-news__inner {
  display: flex !important;
  width: min(calc(100% - clamp(30px, 5.5vw, 108px)), 1830px) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding: 0 !important;
  flex-direction: column !important;
  gap: clamp(24px, 3.2vw, 45px) !important;
  background: none !important;
}
#tm-home-news .tm-festival-news__header {
  display: flex !important;
  width: 100%;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-direction: row !important;
  gap: 20px !important;
  direction: inherit !important;
}
#tm-home-news .tm-festival-news__header h2 {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 75%;
  font-family: var(--tm-font-heading, 'IBM Plex Sans Arabic', sans-serif) !important;
  font-size: var(--tm-section-heading-size) !important;
  font-weight: 800 !important;
  line-height: 1.16 !important;
  letter-spacing: -.045em !important;
  color: var(--tm-news-ink) !important;
  text-align: start !important;
  text-wrap: balance;
}
#tm-home-news .tm-festival-news__header p,
#tm-home-news .tm-festival-news__subtitle { display: none !important; }
/* The news "view all" button uses the same editorial control as "All publications".
   Keep its familiar square outline, charcoal border and inverted hover state. */
#tm-home-news .tm-festival-news__view-all {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 10px 17px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  border: 1px solid rgba(17,19,24,.28) !important;
  border-radius: 0 !important;
  color: #111318 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--tm-font-heading, 'IBM Plex Sans Arabic', sans-serif) !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}
#tm-home-news .tm-festival-news__view-all:hover {
  border-color: #111318 !important;
  background: #111318 !important;
  color: #fff !important;
  transform: translateY(-2px);
}
#tm-home-news .tm-festival-news__stage { position: relative; width: 100%; min-width: 0; }
#tm-home-news .tm-festival-news__grid {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 28px 0 32px !important;
  grid-template-columns: none !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: var(--tm-news-gap) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  background: transparent !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
#tm-home-news .tm-festival-news__grid::-webkit-scrollbar { display: none; }
/* No artificial edge spacers: they previously exposed a large white strip at
   the end of the carousel. Navigation now clamps to fully populated windows. */
#tm-home-news .tm-festival-news__grid::before,
#tm-home-news .tm-festival-news__grid::after { content: none !important; display: none !important; }
#tm-home-news .tm-festival-news-card,
#tm-home-news .tm-festival-news__grid > .tm-festival-news-card {
  position: relative !important;
  display: flex !important;
  flex: 0 0 var(--tm-news-card-width) !important;
  width: var(--tm-news-card-width) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  flex-direction: column !important;
  border: 1px solid #e8e5e2 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 7px 22px rgba(17, 19, 24, .065) !important;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  overflow: hidden !important;
  opacity: .98;
  transform: none;
  transition: transform .36s ease, box-shadow .36s ease, border-color .36s ease, opacity .36s ease;
  will-change: transform;
}
#tm-home-news .tm-festival-news-card::before,
#tm-home-news .tm-festival-news-card::after { display: none !important; content: none !important; }
#tm-home-news .tm-festival-news-card.is-active {
  z-index: 2;
  border-color: #dfc9bc !important;
  box-shadow: 0 17px 38px rgba(17, 19, 24, .14) !important;
  opacity: 1;
  transform: translateY(-10px) scale(1.065);
}
#tm-home-news .tm-festival-news-card__image-link {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #e9dfd7 !important;
}
#tm-home-news .tm-festival-news-card__image,
#tm-home-news .tm-festival-news-card__image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: none !important;
  aspect-ratio: 1.2 / 1 !important;
  border-radius: 0 !important;
}
#tm-home-news .tm-festival-news-card__image { overflow: hidden !important; background: linear-gradient(135deg, #dcbba6, #6f3b2e) !important; }
#tm-home-news .tm-festival-news-card__image img { object-fit: cover !important; object-position: center !important; transition: transform .42s ease; }
#tm-home-news .tm-festival-news-card:hover .tm-festival-news-card__image img { transform: scale(1.045); }
#tm-home-news .tm-festival-news-card__category {
  position: absolute;
  z-index: 1;
  inset-block-start: 14px;
  inset-inline-start: 14px;
  display: inline-block;
  max-width: calc(100% - 28px);
  padding: 8px 15px;
  border-radius: 30px;
  background: var(--tm-news-accent);
  box-shadow: 0 5px 16px rgba(31, 19, 25, .13);
  color: #fff;
  font-size: clamp(11px, .79vw, 14px);
  font-weight: 750;
  line-height: 1.45;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#tm-home-news .tm-festival-news-card__body {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 205px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 15px 19px 17px !important;
  border: 0 !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  background: #fff !important;
  text-align: start !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
#tm-home-news .tm-festival-news-card__date {
  display: inline-flex !important;
  width: 100%;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  color: var(--tm-news-muted) !important;
  font-family: var(--tm-font-heading) !important;
  font-size: clamp(11px, .82vw, 14px) !important;
  font-weight: 600;
  line-height: 1.5;
}
#tm-home-news .tm-festival-news-card__date svg { color: var(--tm-news-accent); flex: 0 0 16px; }
#tm-home-news .tm-festival-news-card__body h3,
#tm-home-news .tm-festival-news-card h3 {
  display: -webkit-box !important;
  width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 12px 0 16px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--tm-news-ink) !important;
  font-family: var(--tm-font-heading) !important;
  font-size: clamp(16px, 1.17vw, 22px) !important;
  font-weight: 750 !important;
  line-height: 1.52 !important;
  letter-spacing: -.018em !important;
  text-align: start !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}
#tm-home-news .tm-festival-news-card h3 a,
#tm-home-news .tm-festival-news-card__body h3 a { color: var(--tm-news-ink) !important; text-decoration: none !important; text-shadow: none !important; }
#tm-home-news .tm-festival-news-card h3 a:hover { color: var(--tm-news-accent) !important; }
#tm-home-news .tm-festival-news-card__read {
  display: inline-flex !important;
  flex: 0 0 auto;
  width: fit-content;
  min-height: 32px;
  margin-top: auto !important;
  align-items: center;
  gap: 10px;
  color: var(--tm-news-accent) !important;
  font-family: var(--tm-font-heading) !important;
  font-size: clamp(12px, .93vw, 15px) !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}
#tm-home-news .tm-festival-news-card__read-icon {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 50%;
  background: #f6ede8;
  color: var(--tm-news-accent);
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  transition: background .2s, color .2s;
}
#tm-home-news .tm-festival-news-card__read:hover .tm-festival-news-card__read-icon { background: var(--tm-news-accent); color: #fff; }
#tm-home-news .tm-festival-news__arrow {
  position: absolute;
  z-index: 5;
  top: 37%;
  display: grid !important;
  width: 58px;
  height: 58px;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center;
  border: 1px solid #e8e5e2 !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(32, 22, 25, .11) !important;
  color: var(--tm-news-ink) !important;
  cursor: pointer;
  transform: translateY(-50%);
  transition: color .2s, background .2s, opacity .2s;
}
#tm-home-news .tm-festival-news__arrow span { display: block; font-family: Arial, sans-serif; font-size: 39px; line-height: .65; direction: ltr; unicode-bidi: isolate; transform: translateY(-2px); }
#tm-home-news .tm-festival-news__arrow--prev { inset-inline-start: -23px; }
#tm-home-news .tm-festival-news__arrow--next { inset-inline-end: -23px; }
#tm-home-news .tm-festival-news__arrow:hover:not(:disabled) { background: #fff7f4 !important; color: var(--tm-news-accent) !important; }
#tm-home-news .tm-festival-news__arrow:disabled { opacity: .35; cursor: default; }
#tm-home-news .tm-festival-news__dots {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: -8px;
  padding: 0;
  direction: ltr;
}
#tm-home-news .tm-festival-news__dot {
  display: block !important;
  width: var(--tm-news-dot-size) !important;
  height: var(--tm-news-dot-size) !important;
  min-width: var(--tm-news-dot-size) !important;
  min-height: var(--tm-news-dot-size) !important;
  max-width: var(--tm-news-dot-size) !important;
  max-height: var(--tm-news-dot-size) !important;
  flex: 0 0 var(--tm-news-dot-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  appearance: none;
  line-height: 0 !important;
  background: #ddc6ba;
  box-shadow: none;
  cursor: pointer;
  transition: transform .22s, background .22s;
}
#tm-home-news .tm-festival-news__dot.is-active { background: var(--tm-news-accent); transform: scale(1.12); }
#tm-home-news :is(button, a, [tabindex]):focus-visible { outline: 3px solid var(--tm-news-accent) !important; outline-offset: 3px !important; }
#tm-home-news[dir='ltr'] .tm-festival-news__header h2,
#tm-home-news[dir='ltr'] .tm-festival-news-card__body,
#tm-home-news[dir='ltr'] .tm-festival-news-card h3 { text-align: left !important; }

@media (max-width: 1199px) {
  #tm-home-news { --tm-news-columns: min(3, var(--tm-news-item-count, 3));
  --tm-news-card-width: calc((100% - var(--tm-news-gap) * (var(--tm-news-columns) - 1)) / var(--tm-news-columns)); }
}
@media (max-width: 820px) {
  #tm-home-news { padding: var(--tm-rhythm-section) 0 40px !important; }
  #tm-home-news .tm-festival-news__inner { width: calc(100% - 40px) !important; padding: 0 !important; gap: 18px !important; }
  #tm-home-news .tm-festival-news__header { min-height: 0 !important; padding: 0 !important; flex-direction: row !important; }
  #tm-home-news .tm-festival-news__header h2 { font-size: var(--tm-section-heading-size) !important; max-width: 70%; }
  #tm-home-news .tm-festival-news__view-all { min-height: 42px !important; padding: 8px 13px !important; gap: 8px !important; font-size: .87rem !important; }
  #tm-home-news .tm-festival-news__grid { padding: 15px 0 22px !important; }
  #tm-home-news .tm-festival-news-card__body { min-height: 192px !important; padding: 13px 14px 14px !important; }
  #tm-home-news .tm-festival-news-card h3 { font-size: clamp(16px, 2.2vw, 20px) !important; }
  #tm-home-news .tm-festival-news__arrow { width: 42px; height: 42px; top: 38%; }
  #tm-home-news .tm-festival-news__arrow span { font-size: 30px; }
  #tm-home-news .tm-festival-news__arrow--prev { inset-inline-start: -13px; }
  #tm-home-news .tm-festival-news__arrow--next { inset-inline-end: -13px; }
  /* The old mobile homepage skin must not restore its dark mini-cards or hide items. */
  body.tm-mobile-app-home #tm-home-news { background: #fff !important; color: var(--tm-news-ink) !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news__inner { width: calc(100% - 22px) !important; max-width: none !important; padding: 0 !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news__header { padding: 0 8px !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news__grid { display: flex !important; width: 100% !important; padding: 15px 0 23px !important; gap: var(--tm-news-gap) !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news-card:nth-child(n),
  body.tme-english.tm-mobile-app-home #tm-home-news .tm-festival-news-card:nth-child(n) { display: flex !important; min-height: 0 !important; height: auto !important; background: #fff !important; border-color: #ece6e1 !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news-card__image-link,
  body.tme-english.tm-mobile-app-home #tm-home-news .tm-festival-news-card__image-link { width: 100% !important; height: auto !important; aspect-ratio: auto !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news-card__image,
  body.tm-mobile-app-home #tm-home-news .tm-festival-news-card__image img { width: 100% !important; height: auto !important; aspect-ratio: 1.2 / 1 !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news-card__body,
  body.tme-english.tm-mobile-app-home #tm-home-news .tm-festival-news-card__body { height: auto !important; min-height: 192px !important; max-height: none !important; padding: 13px 14px 14px !important; align-items: stretch !important; justify-content: flex-start !important; background: #fff !important; color: var(--tm-news-ink) !important; text-align: start !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news-card h3 { color: var(--tm-news-ink) !important; font-size: clamp(16px, 2.2vw, 20px) !important; line-height: 1.52 !important; -webkit-line-clamp: 3 !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news-card h3 a { color: var(--tm-news-ink) !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news-card__date { color: var(--tm-news-muted) !important; font-size: 12px !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news-card__read { color: var(--tm-news-accent) !important; }
}
@media (max-width: 767px) {
  #tm-home-news .tm-festival-news__view-all {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #62666d !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }
  #tm-home-news .tm-festival-news__view-all:hover {
    border: 0 !important;
    background: transparent !important;
    color: #111318 !important;
  }
}
@media (max-width: 699px) {
  #tm-home-news { --tm-news-columns: min(2, var(--tm-news-item-count, 2));
  --tm-news-card-width: calc((100% - var(--tm-news-gap) * (var(--tm-news-columns) - 1)) / var(--tm-news-columns)); }
}
@media (max-width: 520px) {
  #tm-home-news { --tm-news-gap: 12px; --tm-news-dot-size: 9px; --tm-news-card-width: calc(100% - 44px); }
  #tm-home-news .tm-festival-news__inner { width: calc(100% - 20px) !important; gap: 16px !important; }
  #tm-home-news .tm-festival-news__header { padding-inline: 7px !important; }
  #tm-home-news .tm-festival-news__header h2 { font-size: var(--tm-section-heading-size) !important; }
  #tm-home-news .tm-festival-news__grid { padding: 18px 0 19px !important; }
  #tm-home-news .tm-festival-news__arrow { width: 39px; height: 39px; top: 35%; }
  #tm-home-news .tm-festival-news__arrow--prev { inset-inline-start: -7px; }
  #tm-home-news .tm-festival-news__arrow--next { inset-inline-end: -7px; }
  #tm-home-news .tm-festival-news-card__body { min-height: 174px !important; }
  #tm-home-news .tm-festival-news-card h3 { font-size: 17px !important; line-height: 1.5 !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news-card__body { min-height: 174px !important; }
  body.tm-mobile-app-home #tm-home-news .tm-festival-news-card h3 { font-size: 17px !important; }
  #tm-home-news .tm-festival-news__dots { gap: 11px; }

}
@media (prefers-reduced-motion: reduce) {
  #tm-home-news .tm-festival-news__grid { scroll-behavior: auto !important; }
  #tm-home-news .tm-festival-news-card,
  #tm-home-news .tm-festival-news-card__image img,
  #tm-home-news .tm-festival-news__dot { transition: none !important; }
}