/* Article */
.article {
  background-attachment: fixed;
  display: flex;
  padding: var(--Default-Fluid-Sizes-8XL, clamp(32px, 9.49px + 6.0029vw, 240px)) var(--Padding-outside-padding, clamp(32px, 18.15px + 3.6941vw, 160px));
  flex-direction: column;
  align-items: center;
  gap: var(--Default-Fluid-Sizes-4XL, clamp(48px, 42.81px + 1.3853vw, 96px));
}
.article .sections {
  border-radius: clamp(12px, 10.7px + 0.3463vw, 24px);
  border-bottom: 1px solid var(--Primary-XPRIZE-Grey, #D4D3D9);
  background: var(--Pure-White-Pure-White, #FFF);
  /* Drop Shadow | High */
  box-shadow: 0px 371px 104px 0px rgba(15, 15, 15, 0), 0px 237px 95px 0px rgba(15, 15, 15, 0.01), 0px 134px 80px 0px rgba(15, 15, 15, 0.04), 0px 59px 59px 0px rgba(15, 15, 15, 0.07), 0px 15px 33px 0px rgba(15, 15, 15, 0.08);
  display: flex;
  padding: clamp(32px, 16.42px + 4.1558vw, 176px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Default-Fluid-Sizes-4XL, clamp(48px, 42.81px + 1.3853vw, 96px));
  max-width: clamp(648px, 566.61px + 21.7027vw, 1400px);
}
.article .sections .article-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Default-Fluid-Sizes-XS, clamp(12px, 10.7px + 0.3463vw, 24px));
  align-self: stretch;
}
.article .sections .article-title .category {
  leading-trim: both;
  text-edge: cap;
  font-variant-numeric: lining-nums tabular-nums;
  /* Other/Tag */
  /* Other/Tag */
  font-family: "Messina Sans";
  font-size: clamp(12px, 11.35px + 0.1732vw, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}
.article .sections .article-title h2 {
  color: var(--XPRIZE-Black-XPRIZE-Black, #151515);
  /* H2/Messina | Bold */
  /* H2/Messina | Bold */
  font-family: "Messina Sans";
  font-size: clamp(32px, 28.1px + 1.039vw, 68px);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: clamp(-0.32px, -0.28px - 0.0104vw, -0.68px);
}
.article .sections .article-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Layout-gutter, clamp(16px, 13.4px + 0.6926vw, 40px));
  align-self: stretch;
}
.article .sections .article-content .html-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--Layout-gutter, clamp(16px, 13.4px + 0.6926vw, 40px));
  align-self: stretch;
}
.article .sections .article-content .html-content h2 {
  /* Paragraph/Large/Bold */
  /* Paragraph/Large/Regular */
  font-family: "Messina Sans";
  font-size: clamp(20px, 18.7px + 0.3463vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  font-weight: 700;
}
.article .sections .article-content .html-content p {
  /* Paragraph/Medium/Regular */
  /* Paragraph/Medium/Regular */
  font-family: "Messina Sans";
  font-size: clamp(16px, 15.35px + 0.1732vw, 22px);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.article .sections .article-content .html-content p:empty {
  display: none;
}
.article .sections .article-content .html-content p:last-child {
  margin-bottom: 0;
}
.article .sections .article-content .html-content figure {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Default-Fluid-Sizes-XS, clamp(12px, 10.7px + 0.3463vw, 24px));
  align-self: stretch;
}
.article .sections .article-content .html-content figure img {
  border-radius: var(--Border-Radius-border-radius-small, clamp(6px, 5.35px + 0.1732vw, 12px));
  align-self: stretch;
}
.article .sections .article-content .html-content figure figcaption {
  border-left: 2px solid var(--Primary-Future-Radical, #CB00DE);
  padding-left: 24px;
  color: var(--XPRIZE-Black-XPRIZE-Black, #151515);
  font-variant-numeric: lining-nums tabular-nums;
  /* Paragraph/Small/Light */
  /* Paragraph/Small/Regular */
  font-family: "Messina Sans";
  font-size: clamp(14px, 13.35px + 0.1732vw, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.article .sections .article-content .html-content .video-player {
  aspect-ratio: 16/9;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: clamp(12px, 10.7px + 0.3463vw, 24px);
  overflow: hidden;
}
.article .sections .article-content .html-content .video-player .video-overlay,
.article .sections .article-content .html-content .video-player iframe {
  align-self: stretch;
  flex: 1 0 0;
}
.article .sections .article-content .html-content .video-player .video-overlay {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.article .sections .article-content .html-content .video-player .video-overlay .video-title {
  color: #FFF;
}
.article .sections .article-content .html-content .video-player .video-overlay .play-icon {
  border-radius: var(--Border-Radius-border-radius-full, 9999px);
  background: var(--Pure-White-Pure-White, #FFF);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  height: clamp(48px, 44.75px + 0.8658vw, 78px);
  width: clamp(48px, 44.75px + 0.8658vw, 78px);
}
.article .sections .article-content .html-content .video-player .video-overlay .play-icon img {
  height: clamp(16px, 14.7px + 0.3463vw, 28px);
}
.article .sections .article-content .html-content .video-player:has(iframe) .video-overlay {
  display: none;
}
.article .sections .article-content .html-content .video-player {
  /* Drop Shadow | Medium */
  box-shadow: 0px 79px 22px 0px rgba(15, 15, 15, 0), 0px 51px 20px 0px rgba(15, 15, 15, 0.01), 0px 28px 17px 0px rgba(15, 15, 15, 0.04), 0px 13px 13px 0px rgba(15, 15, 15, 0.06), 0px 3px 7px 0px rgba(15, 15, 15, 0.07);
}
.article .sections .article-content .html-content .video-player .video-overlay {
  gap: clamp(16px, 14.7px + 0.3463vw, 28px);
  padding: 5.5%;
}
.article .sections .article-content .html-content .video-player .video-overlay .video-title {
  /* H5/Messina | Bold */
  /* H5/Messina | Bold */
  font-family: "Messina Sans";
  font-size: clamp(18px, 16.7px + 0.1732vw, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.article .latest-news {
  gap: var(--Default-Fluid-Sizes-2XL, clamp(32px, 26.81px + 1.3853vw, 80px));
  max-width: clamp(648px, 566.61px + 21.7027vw, 1400px);
}
.article .latest-news .title-wrapper {
  justify-content: center;
}
.article .latest-news .splide.articles .splide__list .splide__slide {
  width: calc((100% - 3rem) / 3);
}
.article .latest-news.dark_theme .title-wrapper {
  color: var(--Pure-White-Pure-White, #FFF);
}

@media screen and (max-width: 575px) {
  .article .sections .article-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--Layout-gutter, 16px);
    align-self: stretch;
  }
  .article .latest-news {
    align-self: stretch;
  }
  .article .latest-news .splide.articles .splide__list .splide__slide {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 1199px) {
  .article .latest-news {
    align-self: stretch;
  }
  .article .latest-news .splide.articles .splide__list .splide__slide {
    width: calc((100% - 1.5rem) / 2);
  }
}
