@charset "utf-8";

.editorial-card { --card-height-default: 213px; --card-scale-default: 1.03; border: 1px solid var(--color-gray-300); overflow: hidden; display: flex; flex-direction: column; transform: translateZ(0px); }

.editorial-card, .editorial-card::after, .editorial-card::before { box-sizing: border-box; }

.section.masonry-layout > .editorial-card[class*="grid-span-"] { display: flex; }

.dark .editorial-card, .editorial-card.dark { color: rgb(255, 255, 255); border-color: var(--color-gray-700); }

.light .editorial-card, .editorial-card.light { color: var(--text-color); border-color: var(--color-gray-300); }

.editorial-card.no-bg { background: none !important; }

.editorial-card.no-bg .background { display: none; }

.editorial-card.no-border { border: none; }

.editorial-card.click { cursor: pointer; }

.editorial-card.click.hover-scale { transition: 0.2s ease-in-out; }

.editorial-card.click.hover-scale:hover { transform: scale(var(--card-scale-default)); }

.editorial-card:not(.no-bg).click.hover-scale:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; }

.editorial-card .action-area a:not([class*="button"]) { font-size: var(--type-body-s-size); }

.editorial-card.static-links-copy .foreground a:not([class*="button"]) { color: inherit; text-decoration: underline; }

[class*="-up"] .editorial-card { max-width: none; width: 100%; min-width: initial; }

.editorial-card.equal-height { height: 100%; }

.editorial-card .media-area picture, .editorial-card .foreground picture { line-height: 0; display: block; height: 100%; }

.editorial-card .media-area img, .editorial-card .media-area video { object-fit: cover; object-position: center center; width: 100%; height: 100%; max-height: var(--card-height-default); }

.editorial-card.no-foreground, .editorial-card.no-foreground .media-area { height: 100%; }

.editorial-card.no-foreground .media-area img, .editorial-card.no-foreground .media-area video { max-height: unset; }

.editorial-card .media-area .modal-img-link { display: block; }

.editorial-card .foreground, .editorial-card .card-footer { padding: var(--spacing-xs); }

.editorial-card .extra-row { padding: 0 var(--spacing-xs); }

.editorial-card .card-footer { padding-top: 0px; margin-top: auto; }

.editorial-card .vp-media .tablet-only, .editorial-card .vp-media .desktop-only { display: none; }

.editorial-card .card-footer > div { display: flex; flex-direction: column; text-align: end; justify-content: end; row-gap: var(--spacing-xxs); }

.editorial-card .card-footer.empty { padding: 0px; }

.editorial-card.no-bg.no-border .foreground { padding: var(--spacing-s) 0; }

.editorial-card.no-bg.no-media > .foreground { padding-top: 0px; }

.editorial-card.no-bg.no-border :is(.static, .card-footer) { padding-inline: 0px; }

.editorial-card .foreground > div { display: flex; flex-direction: column; row-gap: var(--spacing-xxs); }

.editorial-card .background > div { height: 100%; }

.editorial-card .media-area > div { line-height: 0; }

.editorial-card.no-foreground { border: none; }

.editorial-card.no-foreground .media-area > div { height: 100%; }

.editorial-card.footer-align-left .card-footer > div { text-align: start; }

.editorial-card.footer-align-center .card-footer > div { text-align: center; }

.editorial-card.no-bg.no-border .foreground > div { row-gap: var(--spacing-xs); }

.editorial-card .background img { object-fit: cover; width: 100%; height: 100%; }

.editorial-card .background .milo-video, .editorial-card .background .milo-iframe { height: 100%; padding-bottom: 0px; }

.editorial-card .lockup-area, .editorial-card .device { margin: 0px; }

.editorial-card .device { font-size: var(--type-body-xxs-size); line-height: var(--type-body-xxs-lh); }

.editorial-card .lockup-area { row-gap: var(--spacing-xxs); }

.editorial-card .lockup-label { line-height: initial; }

.editorial-card .action-area, .editorial-card .card-footer > .action-area { display: flex; align-items: center; justify-content: right; gap: var(--spacing-xs) var(--spacing-s); flex-flow: wrap; }

.editorial-card.center .action-area { justify-content: center; }

.editorial-card hr { background-color: currentcolor; border: none; height: 1px; width: 100%; margin: var(--spacing-xxs) 0; }

.editorial-card .background { position: absolute; inset: 0px; z-index: -1; overflow: hidden; }

.editorial-card .media-area { overflow: hidden; width: 100%; }

.editorial-card .media-area.background { position: relative; z-index: initial; }

.editorial-card .media-area.background video { position: relative; }

.editorial-card:is(.media-square, .media-wide, .media-standard, .media-tall) .media-area .milo-video { height: auto; padding: 0px; }

.editorial-card.media-square .media-area img, .editorial-card.media-square .media-area video { aspect-ratio: var(--aspect-ratio-square); max-height: unset; }

.editorial-card.media-wide .media-area img, .editorial-card.media-wide .media-area video { aspect-ratio: var(--aspect-ratio-wide); max-height: unset; }

.editorial-card.media-standard .media-area img, .editorial-card.media-standard .media-area video { aspect-ratio: var(--aspect-ratio-standard); max-height: unset; }

.editorial-card.media-tall .media-area img, .editorial-card.media-tall .media-area video, .editorial-card.media-tall .media-area .milo-video { aspect-ratio: var(--aspect-ratio-tall); max-height: unset; }

.editorial-card.media-height-auto .media-area img, .editorial-card.media-height-auto .media-area video { max-height: unset; }

.editorial-card.center { text-align: center; justify-items: center; }

.editorial-card.footer-align-left .action-area { justify-content: start; }

.editorial-card.footer-align-center .action-area { justify-content: center; }

@media screen and (min-width: 600px) {
  .editorial-card .vp-media .mobile-only, .editorial-card .vp-media .desktop-only { display: none; }
  .editorial-card .vp-media .tablet-only { display: block; }
  .editorial-card .action-area .con-button { white-space: nowrap; }
}

@media screen and (min-width: 1200px) {
  .editorial-card .vp-media .mobile-only, .editorial-card .vp-media .tablet-only { display: none; }
  .editorial-card .vp-media .desktop-only { display: block; }
}

@media screen and (max-width: 700px) {
  .section.two-up-mobile:has(.editorial-card) { grid-template-columns: repeat(2, 1fr); gap: var(--spacing-xs); }
}

:root:has(meta[name="theme"][content="max25"]) {
  & .editorial-card .media-area { position: relative; border-radius: 12px; }
  & .editorial-card .media-area::after { position: absolute; content: ""; inset: 0px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 12px; pointer-events: none; }
  & .two-up .editorial-card .media-area :is(img, video), & .carousel.show-2.ups-desktop .editorial-card .media-area :is(img, video), & .three-up .editorial-card .media-area :is(img, video) { height: auto; max-height: unset; }
  & .two-up .editorial-card .media-area :is(img, video), & .carousel.show-2.ups-desktop .editorial-card .media-area :is(img, video) { aspect-ratio: 3 / 2; }
  & .three-up .editorial-card .media-area :is(img, video) { aspect-ratio: 231 / 217; }
  & .editorial-card .foreground, & .editorial-card .card-footer, & .editorial-card.no-bg.no-border .foreground, & .editorial-card.no-bg.no-border .card-footer { padding: var(--spacing-xs) var(--spacing-xxs); }
  & .section:not(.dark) .editorial-card:not(.dark) [class*="heading-"] { color: var(--color-black); }
  & .editorial-card [class*="heading-"] { font-weight: 800; }
  @media (max-width: 599px) {
  & .editorial-card [class*="heading-m"] { line-height: 1.05; }
  & .editorial-card [class*="body-l"] { font-size: 16px; line-height: 1.35; }
}
  @media (min-width: 600px) {
  & .editorial-card [class*="heading-m"] { line-height: 1.05; }
}
  & .section:not(.dark) .editorial-card:not(.dark) [class*="body-"] { color: rgb(93, 93, 93); }
  @media (min-width: 900px) {
  & .two-up .editorial-card .media-area :is(img, video), & .carousel.show-2.ups-desktop .editorial-card .media-area :is(img, video) { aspect-ratio: 706 / 490; }
  & .three-up .editorial-card .media-area :is(img, video) { aspect-ratio: 462 / 438; }
}
  @media (max-width: 1199px) {
  & .editorial-card:not(.section.carousel-slide > .editorial-card) { padding: 8px; border-radius: var(--l-rounded-corners); box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 20px 10px; }
}
  @media (min-width: 1200px) {
  & .editorial-card .foreground, & .editorial-card.no-bg.no-border .foreground { padding: var(--spacing-s) var(--spacing-s) 12px; }
  & .editorial-card .card-footer, & .editorial-card.no-bg.no-border .card-footer { padding: 12px var(--spacing-s) var(--spacing-s); }
  & .editorial-card .media-area, & .editorial-card .media-area::after { border-radius: 20px; }
  & .editorial-card .media-area::after { border-width: 3px; }
  & .editorial-card [class*="body-l"] { line-height: 26px; }
}
  @media (min-width: 1480px) {
  --grid-container-width: 1440px;
}
}