.section--hero-home {
    padding-bottom: var(--space-m);
  }
  
  .section--hero-home.theme-inverse {
    background-color: #020202;
  }
  
  .section--hero-home.theme-inverse .hero-home,
  .section--hero-home.theme-inverse .hero-home__illo {
    background-color: #020202;
  }
  
  .hero-home {
    align-items: center;
    background-color: #fff;
    display: grid;
    gap: var(--space-l);
    grid-template-columns: minmax(10px, 1fr);
    padding-top: var(--space-l);
  }
  
  @media (min-width: 60em) {
    .hero-home {
      grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr);
    }
  }
  
  .split-parent {
    overflow: hidden;
  }
  
  .hero-home__illo-wrap {
    justify-self: center;
    order: -1;
    position: relative;
  }
  
  @media (min-width: 60em) {
    .hero-home__illo-wrap {
      justify-self: end;
      order: 0;
    }
  }
  
  .hero-home__illo {
    background-color: #fff;
    position: relative;
  }
  
  .hero-home__illo__graphic {
    display: block;
    height: auto;
    mix-blend-mode: exclusion;
    overflow: visible;
    position: relative;
    width: 100%;
  }
  
  .hero-home__illo__graphic g {
    mix-blend-mode: exclusion;
  }
  
  @media (max-width: 62.4375em) {
    .hero-home__illo__graphic g {
      transform: translate(0, 0);
    }
  }
  
  .hero-home__illo__graphic circle,
  .hero-home__illo__graphic rect {
    fill: #fff;
  }
  
  .hero-home__cta {
    background-color: #000;
    grid-column: 1 / -1;
    mix-blend-mode: exclusion;
  }
  
  @media (min-width: 60em) {
    .hero-home__cta {
      padding-top: var(--space-fixed-6);
    }
  }
  
  .hero-home__cta > .btn {
    flex: 1 1 auto;
  }
  
  @media (prefers-reduced-motion: no-preference) {
    .js .hero-home__eyebrow,
    .js .hero-home__title,
    .js .hero-home__cta a,
    .js .hero-home__illo__graphic g {
      opacity: 0;
    }
  }
  
  .hero-home__cta > a:where(.linkDeluxe__item) {
    color: #fff;
  }

  
  /*# sourceMappingURL=heroHome.css.map */

.hero {
    --color-bg: var(--theme-color-light);
    background-color: var(--color-bg);
    padding-bottom: var(--space-xl);
    padding-top: var(--space-xl);
  }
  
  @media (min-width: 60em) {
    .hero {
      align-items: center;
      display: grid;
      grid-gap: var(--space-m);
      grid-template-columns: repeat(12, 1fr);
    }
  }
  
  .hero.has-bg {
    --color-bg: transparent;
  }
  
  .hero.theme-inverse {
    --color-bg: color("black");
  }
  
  .hero__media {
    grid-column: 7 / -1;
    grid-row: 1 / -1;
    margin: 0;
    position: relative;
  }
  
  .hero__media img,
  .hero__media video {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  
  /* ===== Hero Grid ===== */
  
  .hero-grid {
    display: grid;
    place-items: center;
  }
  
  .hero-grid__cell--overlap {
    display: grid;
    grid-template-columns: 1fr;
  }
  
  .hero-grid__cell--overlap .hero-grid__media {
    grid-area: 1 / -1 / -1 / -1;
    z-index: 4;
  }
  
  .hero-grid__cell--overlap .hero-grid__media:first-child {
    z-index: 5;
  }
  
  .hero-grid__cell--overlap .hero-grid__media:last-child {
    z-index: 1;
  }
  
  .hero-grid__cell--start {
    display: grid;
    justify-items: start;
  }
  
  .hero-grid__media {
    --media-size: 213px;
    color: var(--color-text);
    height: var(--media-size);
    width: var(--media-size);
  }
  
  @media (min-width: 60em) {
    .hero-grid__media {
      --media-size: 426px;
    }
  }
  
  .hero-grid__media:not(.hero-grid__media--logo) {
    color: var(--theme-color-dark);
  }
  
  .hero-grid__media--circle img,
  .hero-grid__media--circle video {
    border-radius: 50%;
  }
  
  /* ===== Hero Container & Card ===== */
  
  .hero__container {
    grid-column: 1 / 6;
    grid-row: 1 / -1;
    width: 100%;
    z-index: 10;
  }
  
  .hero--geometric .hero__container {
    padding-right: var(--space-l);
  }
  
  .hero__card {
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  
  .hero__card > :last-child,
  .hero__card-header:last-child > :last-child {
    margin-bottom: 0;
  }
  
  .hero__card-eyebrow {
    margin-bottom: var(--space-s);
  }
  
  .hero__card-title {
    margin-bottom: var(--space-s);
  }
  
  .hero__card-text {
    margin-bottom: var(--space-l);
  }
  
  .hero__card-text a {
    color: inherit;
  }
  
  /* ===== Animation & Visibility ===== */
  
  .js .hero--geometric .hero__card,
  .js .hero--geometric .hero-grid {
    visibility: hidden;
  }
  
  .js .hero--geometric .hero__card {
    transform: translateX(var(--space-m));
  }
  
  /* ===== Hero Layout Variants ===== */
  
  .hero--default .hero__media,
  .hero--landscape .hero__media {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  
  .hero--landscape .hero__container {
    grid-column: 1 / 5;
  }
  
  .hero--landscape .hero__media {
    grid-column: 5 / -1;
  }

  
  /*# sourceMappingURL=hero.css.map */

/* ===== Multicard Base ===== */

.multicard__desc,
.multicard__cards {
  grid-column: 1 / -1;
}

.multicard .card {
  grid-column: 1 / -1;
}

/* ===== Three Columns Layout ===== */

@media (max-width: 79.9375em) {
  .multicard--three-columns .card {
    grid-column-gap: 0;
  }
}

@media (min-width: 90em) {
  .multicard--three-columns .card {
    grid-column: auto / span 4;
  }
}

@media (max-width: 59.9375em) {
  .multicard--three-columns .grid--multicard {
    grid-column-gap: 0;
  }
}

@media (min-width: 37.5em) {
  .multicard--three-columns .multicard__desc {
    grid-column: 1 / 6;
  }
}

@media (min-width: 60em) {
  .multicard--three-columns .multicard__desc {
    grid-column: 1 / 4;
  }
}

@media (min-width: 37.5em) {
  .multicard--three-columns:not(.multicard--no-desc) .multicard__cards {
    grid-column: 7 / -1;
  }
}

@media (min-width: 60em) {
  .multicard--three-columns:not(.multicard--no-desc) .multicard__cards {
    grid-column: 5 / -1;
  }
}

/* ===== Four Columns Layout ===== */

.multicard--four-columns {
  grid-template-rows: repeat(2, auto);
}

@media (min-width: 37.5em) {
  .multicard--four-columns .card {
    grid-column: auto / span 6;
  }
}

@media (min-width: 60em) {
  .multicard--four-columns .card {
    grid-column: auto / span 3;
  }
}

.multicard--four-columns .multicard__desc {
  grid-column: 1 / -1;
}

@media (min-width: 60em) {
  .multicard--four-columns .multicard__desc {
    grid-column: auto / span 6;
  }
}

/* ===== Two Columns Layout ===== */

.multicard--two-columns {
  grid-template-rows: repeat(2, auto);
}

@media (min-width: 37.5em) {
  .multicard--two-columns .card,
  .multicard--two-columns .card2 {
    grid-column: auto / span 6;
  }
}

@media (min-width: 60em) {
  .multicard--two-columns .multicard__desc {
    grid-column: 1 / 5;
  }
}

@media (min-width: 60em) {
  .multicard--two-columns:not(.multicard--no-desc) .multicard__cards {
    grid-column: 6 / -1;
  }
}

/* ===== Elements ===== */

.multicard__eyebrow {
  margin-bottom: var(--space-fixed-1);
}

.multicard .card__subhead {
  color: #6d6e71;
}

.multicard__cta {
  margin-top: var(--space-s);
}

/* ================================================
   CARD COMPONENT BASE
   ================================================= */

   .card {
    display: flex;
    flex-direction: column;
  }
  
  .card__content > a,
  .card__text > a {
    color: inherit;
    text-decoration: none;
  }
  
  .grid:not(.grid--media-index) > * > .card {
    height: 100%;
  }
  
  /* ----- Links & Hover States ----- */
  
  .card:is(a) {
    text-decoration: none;
  }
  
  .card:is(a),
  .card:is(a) .btn,
  .card:is(a) .type-eyebrow {
    color: var(--color-text);
    transition: color var(--trs-time) var(--trs-tfunc);
  }
  
  .card:is(a):hover,
  .card:is(a):focus,
  .card:is(a):hover .btn,
  .card:is(a):focus .btn,
  .card:is(a):active .btn,
  .card:is(a):hover .type-eyebrow,
  .card:is(a):focus .type-eyebrow,
  .card:is(a):active .type-eyebrow,
  .card__content:hover a,
  .card__content:focus a,
  .card__conten:active a {
    color: var(--color-link-hover);
  }
  
  /* Theme inverse hover colors */
  .card.theme-inverse:is(a):hover,
  .card.theme-inverse:is(a):focus,
  .card.theme-inverse:is(a):hover .btn,
  .card.theme-inverse:is(a):focus .btn,
  .card.theme-inverse:is(a):active .btn,
  .card.theme-inverse:is(a):hover .type-eyebrow,
  .card.theme-inverse:is(a):focus .type-eyebrow,
  .card.theme-inverse:is(a):active .type-eyebrow {
    color: #efefef;
  }
  
  /* ----- Layout Modifiers ----- */
  
  .card[class*=bg--] {
    padding: var(--space-m);
  }
  
  .card[class*=theme-].card--no-pad {
    padding: 0;
  }
  
  .card > :last-child,
  .card__header:last-child > :last-child {
    margin-bottom: 0;
  }
  
  .card__header > * {
    margin-top: 0;
  }
  
  /* ================================================
     CARD MEDIA
     ================================================= */
  
  .card__media {
    margin-bottom: var(--space-fixed-2);
  }
  
  .card__media img {
    border-radius: var(--bdrs);
    display: block;
  }
  
  .card__media svg {
    display: block;
    height: auto;
    width: 100%;
  }
  
  .card__media--large {
    max-width: 9rem;
  }
  
  .card__media--medium {
    max-width: 6rem;
  }
  
  .card__media--small {
    max-width: 3rem;
  }
  
  /* ================================================
     CARD TYPOGRAPHY
     ================================================= */
  
  .card__eyebrow {
    margin-bottom: var(--space-fixed-1);
  }
  
  .card__title {
    margin-bottom: var(--space-fixed-1);
  }
  
  :where(.card__eyebrow) {
    font-size: var(--fz-eyebrow);
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: var(--lh-eyebrow);
    text-transform: uppercase;
  }
  
  :is(h1, h2, h3, h4, h5, h6):where(.card__title) {
    font-family: var(--ff-sans-deck);
    font-weight: 500;
    font-size: var(--fz-headline-s);
    line-height: var(--lh-headline-s);
  }
  
  :where(.card__text) {
    font-size: var(--fz-body);
    line-height: var(--lh-body);
  }
  
  /* ================================================
     CARD - HORIZONTAL VARIANT
     ================================================= */
  
  .card--horizontal {
    display: flex;
    flex-direction: row;
    gap: var(--space-s);
  }
  
  .card--horizontal .card__media {
    flex: 1 1 33.33%;
    margin-bottom: 0;
    max-width: 15.625rem;
  }
  
  .card--horizontal .card__content {
    flex: 1 1 66.66%;
  }
  
  .card--horizontal .card__title {
    font-size: var(--fz-body-l);
    line-height: var(--lh-body-l);
    font-family: var(--ff-sans);
    font-weight: normal;
  }
  
  .card--horizontal .card__text {
    font-size: var(--fz-body-l);
    line-height: var(--lh-body-l);
  }
  
  .card--horizontal .card__eyebrow {
    font-size: var(--fz-eyebrow);
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: var(--lh-eyebrow);
    text-transform: uppercase;
  }
  
  .card--horizontal img {
    aspect-ratio: 1 / 1;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
  }
  
  /* ================================================
     CARD VARIANTS & COLORS
     ================================================= */
  
  .card__cta .btn--text,
  .card__cta .btn--s {
    margin-top: var(--space-fixed-2);
  }
  
  .card--bg {
    padding: var(--space-inner);
  }
  
  .card--bg-orange {
    background-color: #ffaf95;
  }
  
  .card--bg-blue {
    background-color: #7cccff;
  }
  
  .card--bg-yellow {
    background-color: #fcf0a4;
  }
  
  .card--bg-purple {
    background-color: #b8aaff;
  }
  
  .card--bg-green {
    background-color: #00ce84;
  }
  
  .card--square img {
    aspect-ratio: 1 / 1;
    border-radius: var(--bdrs);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
  }
  
  /* ================================================
     BADGE CARDS
     ================================================= */
  
  .badge__card {
    background-color: #efefef;
    border-radius: var(--bdrs);
    padding: var(--space-s);
  }
  
  .badge__card-icon {
    flex: 1 1 33.33%;
  }
  
  .badge__card-icon img {
    border-radius: var(--bdrs);
  }
  
  .badge-card__content {
    flex: 1 1 66.66%;
  }
  
  .badge__card-text {
    display: none;
  }
  
  .badge__card-cta {
    font-size: var(--fz-body-s);
    line-height: var(--lh-body-s);
  }
  
  .badge__card-eyebrow,
  .plain__card-eyebrow {
    font-size: var(--fz-ui-xs);
    line-height: var(--lh-ui-xs);
    color: #6d6e71;
    margin-bottom: var(--space-fixed-1);
  }
  
  .badge__card-title {
    font-family: var(--ff-sans);
    font-weight: normal;
    font-size: var(--fz-subhead);
    line-height: var(--lh-subhead);
    margin-bottom: var(--space-fixed-5);
  }
  
  /* ================================================
     PLAIN CARDS
     ================================================= */
  
  .plain__card-title {
    font-family: var(--ff-sans);
    font-weight: normal;
    font-size: var(--fz-body-s);
    line-height: var(--lh-body-s);
    margin-bottom: var(--space-fixed-5);
  }
  
  .plain__card-icon,
  .plain__card-text {
    display: none;
  }
  
  .plain-card__content {
    border-bottom: 0.0625rem solid var(--color-text);
    padding-bottom: var(--space-xs);
  }
  
  /* ================================================
     FEATURED CARDS
     ================================================= */
  
  .featured__card-icon {
    margin-bottom: var(--space-fixed-2);
  }
  
  .featured__card-icon img {
    aspect-ratio: 2 / 1;
    border-radius: var(--bdrs);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%;
  }
  
  .featured__card-title {
    font-size: var(--fz-body-l);
    line-height: var(--lh-body-l);
  }
  
  .featured__card-eyebrow {
    font-size: var(--fz-ui-xs);
    line-height: var(--lh-ui-xs);
    margin-bottom: var(--space-fixed-1);
  }
  
  .featured__card-description {
    color: #939598;
    margin-top: var(--space-fixed-1);
  }
  
  .featured__faux-cta {
    font-size: var(--fz-body-s);
    line-height: var(--lh-body-s);
    margin-top: var(--space-fixed-1);
  }
  
  /* Small version */
  .featured__card--small.card--horizontal {
    align-items: flex-start;
  }
  
  .featured__card--small .featured__card-title,
  .featured__card--small .featured__card-text {
    font-size: var(--fz-body-xs);
    line-height: var(--lh-body-xs);
  }
  
  .featured__card--small.card--horizontal img,
  .card--square img,
  .card--arrow img {
    aspect-ratio: 1 / 1;
    border-radius: var(--bdrs);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
  }
  
  /* ================================================
     ARROW CARDS
     ================================================= */
  
  .arrow__card {
    align-items: center;
    flex-wrap: wrap;
  }
  
  @media (min-width: 37.5em) {
    .arrow__card {
      flex-wrap: nowrap;
    }
  }
  
  .arrow__card-icon img {
    border-radius: 0.3125rem;
    max-width: 8.25rem;
  }
  
  .arrow__card-header {
    font-family: var(--ff-sans-deck);
    font-weight: 500;
    font-size: var(--fz-headline-s);
    line-height: var(--lh-headline-s);
  }
  
  .arrow__card-title {
    margin-bottom: var(--space-fixed-1);
  }
  
  .arrow__card-header,
  .arrow__card-text {
    max-width: 43.75rem;
  }
  
  .arrow__card-eyebrow,
  .arrow__card-cta {
    display: none;
  }
  
  .card__arrow {
    align-self: center;
    margin-left: 0;
    transition: transform var(--trs-time) var(--trs-tfunc);
  }
  
  @media (min-width: 37.5em) {
    .card__arrow {
      margin-left: auto;
    }
  }
  
  .arrow__card:is(a):hover .card__arrow,
  .arrow__card:is(a):focus .card__arrow,
  .arrow__card:is(a):active .card__arrow {
    transform: translateX(10px);
  }
  

  .section--hero-home {
    padding-bottom: var(--space-m);
}

.section--hero-home.theme-inverse {
    background-color: #020202;
}

.section--hero-home.theme-inverse .hero-home,
.section--hero-home.theme-inverse .hero-home__illo {
    background-color: #020202;
}

.hero-home {
    display: grid;
    grid-template-columns: minmax(10px, 1fr);
    gap: var(--space-l);
    align-items: center;
    padding-top: var(--space-l);
    background-color: #fff;
}

@media (min-width: 60em) {
    .hero-home {
        grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr);
    }
}

.split-parent {
    overflow: hidden;
}

.hero-home__illo-wrap {
    justify-self: center;
    order: -1;
    position: relative;
}

@media (min-width: 60em) {
    .hero-home__illo-wrap {
        justify-self: end;
        order: 0;
    }
}

.hero-home__illo {
    background-color: #fff;
    position: relative;
}

.hero-home__illo__graphic {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: visible;
    mix-blend-mode: exclusion;
}

.hero-home__illo__graphic g {
    mix-blend-mode: exclusion;
}

@media (max-width: 62.4375em) {
    .hero-home__illo__graphic g {
        transform: translate(0, 0);
    }
}

.hero-home__illo__graphic circle,
.hero-home__illo__graphic rect {
    fill: #fff;
}

.hero-home__cta {
    background-color: #000;
    grid-column: 1 / -1;
    mix-blend-mode: exclusion;
}

@media (min-width: 60em) {
    .hero-home__cta {
        padding-top: var(--space-fixed-6);
    }
}

.hero-home__cta > .btn {
    flex: 1 1 auto;
}

@media (prefers-reduced-motion: no-preference) {
    .js .hero-home__eyebrow,
    .js .hero-home__title,
    .js .hero-home__cta a,
    .js .hero-home__illo__graphic g {
        opacity: 0;
    }
}

.hero-home__cta > a:where(.linkDeluxe__item) {
    color: #fff;
}

/* Hero Section */
.hero {
    --color-bg: var(--theme-color-light);
    background-color: var(--color-bg);
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
}

@media (min-width: 60em) {
    .hero {
        display: grid;
        grid-gap: var(--space-m);
        grid-template-columns: repeat(12, 1fr);
        align-items: center;
    }
}

.hero.has-bg {
    --color-bg: transparent;
}

.hero.theme-inverse {
    --color-bg: color("black");
}

.hero__media {
    grid-column: 7 / -1;
    grid-row: 1 / -1;
    margin: 0;
    position: relative;
}

.hero__media img,
.hero__media video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.hero-grid {
    display: grid;
    place-items: center;
}

.hero-grid__cell--overlap {
    display: grid;
    grid-template-columns: 1fr;
}

.hero-grid__cell--overlap .hero-grid__media {
    grid-area: 1 / -1 / -1 / -1;
    z-index: 4;
}

.hero-grid__cell--overlap .hero-grid__media:first-child {
    z-index: 5;
}

.hero-grid__cell--overlap .hero-grid__media:last-child {
    z-index: 1;
}

.hero-grid__cell--start {
    display: grid;
    justify-items: start;
}

.hero-grid__media {
    --media-size: 213px;
    width: var(--media-size);
    height: var(--media-size);
    color: var(--color-text);
}

@media (min-width: 60em) {
    .hero-grid__media {
        --media-size: 426px;
    }
}

.hero-grid__media:not(.hero-grid__media--logo) {
    color: var(--theme-color-dark);
}

.hero-grid__media--circle img,
.hero-grid__media--circle video {
    border-radius: 50%;
}

.hero__container {
    grid-column: 1 / 6;
    grid-row: 1 / -1;
    width: 100%;
    z-index: 10;
}

.hero--geometric .hero__container {
    padding-right: var(--space-l);
}

.hero__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: var(--color-text);
}

.hero__card > :last-child,
.hero__card-header:last-child > :last-child {
    margin-bottom: 0;
}

.hero__card-eyebrow {
    margin-bottom: var(--space-s);
}

.hero__card-title {
    margin-bottom: var(--space-s);
}

.hero__card-text {
    margin-bottom: var(--space-l);
}

.hero__card-text a {
    color: inherit;
}

.js .hero--geometric .hero__card,
.js .hero--geometric .hero-grid {
    visibility: hidden;
}

.js .hero--geometric .hero__card {
    transform: translateX(var(--space-m));
}

.hero--default .hero__media,
.hero--landscape .hero__media {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero--landscape .hero__container {
    grid-column: 1 / 5;
}

.hero--landscape .hero__media {
    grid-column: 5 / -1;
}

.multicard__desc,
.multicard__cards {
    grid-column: 1 / -1;
}

.multicard .card {
    grid-column: 1 / -1;
}

/* Three columns layout */
@media (max-width: 79.9375em) {
    .multicard--three-columns .card {
        grid-column-gap: 0;
    }
}

@media (min-width: 90em) {
    .multicard--three-columns .card {
        grid-column: auto / span 4;
    }
}

@media (max-width: 59.9375em) {
    .multicard--three-columns .grid--multicard {
        grid-column-gap: 0;
    }
}

@media (min-width: 37.5em) {
    .multicard--three-columns .multicard__desc {
        grid-column: 1 / 6;
    }

    .multicard--three-columns:not(.multicard--no-desc) .multicard__cards {
        grid-column: 7 / -1;
    }
}

@media (min-width: 60em) {
    .multicard--three-columns .multicard__desc {
        grid-column: 1 / 4;
    }

    .multicard--three-columns:not(.multicard--no-desc) .multicard__cards {
        grid-column: 5 / -1;
    }
}

/* Four columns layout */
.multicard--four-columns {
    grid-template-rows: repeat(2, auto);
}

@media (min-width: 37.5em) {
    .multicard--four-columns .card {
        grid-column: auto / span 6;
    }
}

@media (min-width: 60em) {
    .multicard--four-columns .card {
        grid-column: auto / span 3;
    }

    .multicard--four-columns .multicard__desc {
        grid-column: auto / span 6;
    }
}

.multicard--four-columns .multicard__desc {
    grid-column: 1 / -1;
}

/* Two columns layout */
.multicard--two-columns {
    grid-template-rows: repeat(2, auto);
}

@media (min-width: 37.5em) {
    .multicard--two-columns .card,
    .multicard--two-columns .card2 {
        grid-column: auto / span 6;
    }
}

@media (min-width: 60em) {
    .multicard--two-columns .multicard__desc {
        grid-column: 1 / 5;
    }

    .multicard--two-columns:not(.multicard--no-desc) .multicard__cards {
        grid-column: 6 / -1;
    }
}

/* Other styles */
.multicard .card__subhead {
    color: #6d6e71;
}

.multicard__eyebrow {
    margin-bottom: var(--space-fixed-1);
}

.multicard__cta {
    margin-top: var(--space-s);
}



.card {
  display: flex;
  flex-direction: column;
}

.card__content > a,
.card__text > a {
  color: inherit;
  text-decoration: none;
}

.grid:not(.grid--media-index) > * > .card {
  height: 100%;
}

.card:is(a) {
  text-decoration: none;
  color: var(--color-text);
  transition: color var(--trs-time) var(--trs-tfunc);
}

.card:is(a),
.card:is(a) .btn,
.card:is(a) .type-eyebrow {
  color: var(--color-text);
  transition: color var(--trs-time) var(--trs-tfunc);
}

.card:is(a):hover,
.card:is(a):focus,
.card__content:hover a,
.card__content:focus a,
.card__content:active a,
.card:is(a):hover .btn,
.card:is(a):focus .btn,
.card:is(a):active .btn,
.card:is(a):hover .type-eyebrow,
.card:is(a):focus .type-eyebrow,
.card:is(a):active .type-eyebrow {
  color: var(--color-link-hover);
}

.card.theme-inverse:is(a):hover,
.card.theme-inverse:is(a):focus,
.card.theme-inverse:is(a):hover .btn,
.card.theme-inverse:is(a):focus .btn,
.card.theme-inverse:is(a):active .btn,
.card.theme-inverse:is(a):hover .type-eyebrow,
.card.theme-inverse:is(a):focus .type-eyebrow,
.card.theme-inverse:is(a):active .type-eyebrow {
  color: #efefef;
}

.card[class*=bg--] {
  padding: var(--space-m);
}

.card[class*=theme-].card--no-pad {
  padding: 0;
}

.card > :last-child,
.card__header:last-child > :last-child {
  margin-bottom: 0;
}

.card__header > * {
  margin-top: 0;
}

.card__media {
  margin-bottom: var(--space-fixed-2);
}

.card__media img {
  border-radius: var(--bdrs);
  display: block;
}

.card__media svg {
  display: block;
  height: auto;
  width: 100%;
}

.card__media--large {
  max-width: 9rem;
}

.card__media--medium {
  max-width: 6rem;
}

.card__media--small {
  max-width: 3rem;
}

.card__eyebrow {
  margin-bottom: var(--space-fixed-1);
  font-size: var(--fz-eyebrow);
  font-weight: 400;
  letter-spacing: .1em;
  line-height: var(--lh-eyebrow);
  text-transform: uppercase;
}

.card__title {
  margin-bottom: var(--space-fixed-1);
  font-family: var(--ff-sans-deck);
  font-weight: 500;
  font-size: var(--fz-headline-s);
  line-height: var(--lh-headline-s);
}

.card__text {
  font-size: var(--fz-body);
  line-height: var(--lh-body);
}

.card--horizontal {
  display: flex;
  flex-direction: row;
  gap: var(--space-s);
}

.card--horizontal .card__media {
  flex: 1 1 33.33%;
  margin-bottom: 0;
  max-width: 15.625rem;
}

.card--horizontal .card__content {
  flex: 1 1 66.66%;
}

.card--horizontal .card__title {
  font-size: var(--fz-body-l);
  line-height: var(--lh-body-l);
  font-family: var(--ff-sans);
  font-weight: normal;
}

.card--horizontal .card__text {
  font-size: var(--fz-body-l);
  line-height: var(--lh-body-l);
}

.card--horizontal .card__eyebrow {
  font-size: var(--fz-eyebrow);
  font-weight: 400;
  letter-spacing: .1em;
  line-height: var(--lh-eyebrow);
  text-transform: uppercase;
}

.card--horizontal img {
  aspect-ratio: 1/1;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.card__cta .btn--text,
.card__cta .btn--s {
  margin-top: var(--space-fixed-2);
}

.card--bg {
  padding: var(--space-inner);
}

.card--bg-orange {
  background-color: #ffaf95;
}

.card--bg-blue {
  background-color: #7cccff;
}

.card--bg-yellow {
  background-color: #fcf0a4;
}

.card--bg-purple {
  background-color: #b8aaff;
}

.card--bg-green {
  background-color: #00ce84;
}

.card--square img,
.featured__card--small.card--horizontal img,
.card--arrow img {
  aspect-ratio: 1/1;
  border-radius: var(--bdrs);
  object-fit: cover;
  object-position: center center;
}

.badge__card {
  background-color: #efefef;
  border-radius: var(--bdrs);
  padding: var(--space-s);
}

.badge__card-icon {
  flex: 1 1 33.33%;
}

.badge__card-icon img {
  border-radius: var(--bdrs);
}

.badge-card__content {
  flex: 1 1 66.66%;
}

.badge__card-text {
  display: none;
}

.badge__card-cta {
  font-size: var(--fz-body-s);
  line-height: var(--lh-body-s);
}

.badge__card-eyebrow,
.plain__card-eyebrow {
  font-size: var(--fz-ui-xs);
  line-height: var(--lh-ui-xs);
  color: #6d6e71;
  margin-bottom: var(--space-fixed-1);
}

.plain__card-title {
  font-family: var(--ff-sans);
  font-weight: normal;
  font-size: var(--fz-body-s);
  line-height: var(--lh-body-s);
  margin-bottom: var(--space-fixed-5);
}

.badge__card-title {
  font-family: var(--ff-sans);
  font-weight: normal;
  font-size: var(--fz-subhead);
  line-height: var(--lh-subhead);
  margin-bottom: var(--space-fixed-5);
}

.plain__card-icon,
.plain__card-text {
  display: none;
}

.plain-card__content {
  border-bottom: .0625rem solid var(--color-text);
  padding-bottom: var(--space-xs);
}

.featured__card-icon {
  margin-bottom: var(--space-fixed-2);
}

.featured__card-icon img {
  aspect-ratio: 2/1;
  border-radius: var(--bdrs);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.featured__card-title {
  font-size: var(--fz-body-l);
  line-height: var(--lh-body-l);
}

.featured__card-eyebrow {
  font-size: var(--fz-ui-xs);
  line-height: var(--lh-ui-xs);
  margin-bottom: var(--space-fixed-1);
}

.featured__card-description {
  color: #939598;
  margin-top: var(--space-fixed-1);
}

.featured__faux-cta {
  font-size: var(--fz-body-s);
  line-height: var(--lh-body-s);
  margin-top: var(--space-fixed-1);
}

.featured__card--small .featured__card-title,
.featured__card--small .featured__card-text {
  font-size: var(--fz-body-xs);
  line-height: var(--lh-body-xs);
}

.arrow__card {
  align-items: center;
  flex-wrap: wrap;
}

@media (min-width: 37.5em) {
  .arrow__card {
      flex-wrap: nowrap;
  }

  .card__arrow {
      margin-left: auto;
  }
}

.arrow__card-icon img {
  border-radius: .3125rem;
  max-width: 8.25rem;
}

.arrow__card-header {
  font-family: var(--ff-sans-deck);
  font-weight: 500;
  font-size: var(--fz-headline-s);
  line-height: var(--lh-headline-s);
}

.arrow__card-title {
  margin-bottom: var(--space-fixed-1);
}

.arrow__card-header,
.arrow__card-text {
  max-width: 43.75rem;
}

.arrow__card-eyebrow,
.arrow__card-cta {
  display: none;
}

.card__arrow {
  align-self: center;
  margin-left: 0;
  transition: transform var(--trs-time) var(--trs-tfunc);
}

.arrow__card:is(a):hover .card__arrow,
.arrow__card:is(a):focus .card__arrow,
.arrow__card:is(a):active .card__arrow {
  transform: translateX(10px);
}
