/* ==========================================================================
   MRVLL Hero Event
   ========================================================================== */

.mrvll-res.mrvll-hero-event {
  position: relative;
  overflow: hidden;
  min-height: 420px;
  display: flex;
  align-items: center;
}

/* BG + overlays base */
.mrvll-res .mrvll-hero-event__bg,
.mrvll-res .mrvll-hero-event__overlay {
  position: absolute;
  inset: 0;
}

/* Background image */
.mrvll-res .mrvll-hero-event__bg {
  background-image: url("../../img/bg_event.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  mix-blend-mode: hard-light;
  z-index: 0;
}

/* Blue blend overlay */
.mrvll-res .mrvll-hero-event__overlay--blend {
  background: var(--mrvll-res-marvell-blue);
  mix-blend-mode: overlay;
  z-index: 1;
}

/* Dark fade overlay */
.mrvll-res .mrvll-hero-event__overlay--fade {
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
  z-index: 2;
}

/* Content above everything */
.mrvll-res.mrvll-hero-event .container {
  position: relative;
  z-index: 3;
}

/* Layout */
.mrvll-res .mrvll-hero-event__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}

/* Breadcrumb */
.mrvll-res .mrvll-hero-event__breadcrumb, .mrvll-res .mrvll-hero-event__breadcrumb a {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;

  color: #FFF;
  font-family: "Setimo", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.36px;
}


.mrvll-res .mrvll-hero-event__breadcrumb-current {
  color: #C8CED3;
}

/* Content block */
.mrvll-res .mrvll-hero-event__content {
  display: flex;
  max-width: 756px;
  flex-direction: column;
  align-items: flex-start;
  gap: 26px;
}

/* Meta */
.mrvll-res .mrvll-hero-event__meta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

/* Mobile */
@media (max-width: 991px) {
  .mrvll-res .mrvll-hero-event__main {
    gap: 32px;
  }
}

/* ==========================================================================
   MRVLL Hero Event V2
   ========================================================================== */

.mrvll-res.mrvll-hero-event--v2 {
  padding-bottom: 300px
}

/* bottom white fade */
.mrvll-res.mrvll-hero-event--v2 .mrvll-hero-event__overlay--bottom-fade {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 400px;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.00) 0%,
    #FFF 94.49%
  );

  z-index: 2;
  pointer-events: none;
}

@media (max-width: 991px) {
  .mrvll-res.mrvll-hero-event--v2 {
    height: auto;
    min-height: 520px;
  }

  .mrvll-res.mrvll-hero-event--v2 .mrvll-hero-event__overlay--bottom-fade {
    height: 300px;
  }
}
@media (max-width: 768px) {

.mrvll-res.mrvll-hero-event {
      min-height: 312px;

}
.mrvll-hero-event .mrvll-res-st-xl {
    padding-bottom: 56px;

}
body > section.mrvll-res:first-of-type, .mrvll-res-pusher {
    padding-top: 44px;
}
}