/* Three different language journeys, held together by the same calm editorial system. */
.home-page .courses .course-card.language-card,
.home-page .courses .course-card.russian-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100%;
  padding: 34px 37px 32px;
  border: 1px solid rgba(247, 243, 233, .16);
  border-radius: 0;
}

.home-page .courses .course-card.language-card > *,
.home-page .courses .course-card.russian-card > * {
  position: relative;
  z-index: 1;
}

.home-page .courses .course-card.language-card::before,
.home-page .courses .course-card.russian-card::before {
  position: absolute;
  z-index: 0;
  top: -32px;
  right: -10px;
  font-size: 144px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.12em;
  pointer-events: none;
}

.home-page .courses .course-card.language-card {
  background:
    linear-gradient(145deg, rgba(22, 77, 83, .98), rgba(15, 48, 56, .95)),
    repeating-linear-gradient(135deg, rgba(247, 243, 233, .04) 0 1px, transparent 1px 10px);
  box-shadow: 8px 8px 0 rgba(113, 172, 163, .72);
}

.home-page .courses .course-card.language-card::before {
  content: "EN";
  color: rgba(208, 233, 224, .10);
}

.home-page .courses .course-card.russian-card {
  background:
    linear-gradient(145deg, rgba(74, 55, 64, .98), rgba(47, 40, 50, .96)),
    repeating-linear-gradient(45deg, rgba(247, 243, 233, .035) 0 1px, transparent 1px 11px);
  box-shadow: 8px 8px 0 rgba(194, 120, 93, .72);
}

.home-page .courses .course-card.russian-card::before {
  content: "RU";
  color: rgba(246, 225, 206, .10);
}

.home-page .courses .course-card.language-card .course-number,
.home-page .courses .course-card.russian-card .course-number {
  color: #f1c579;
  font-size: 13px;
  letter-spacing: .08em;
}

.home-page .courses .course-card.language-card h3,
.home-page .courses .course-card.russian-card h3 {
  margin-top: 48px;
  color: #fffdf6;
  font-size: 31px;
}

.home-page .courses .course-card.language-card p,
.home-page .courses .course-card.language-card ul,
.home-page .courses .course-card.russian-card p,
.home-page .courses .course-card.russian-card ul {
  color: rgba(255, 253, 246, .88);
}

.home-page .courses .course-card.language-card a,
.home-page .courses .course-card.russian-card a {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding-top: 16px;
  border-top: 1px solid rgba(241, 197, 121, .56);
  color: #fffdf6;
}

@media (max-width: 760px), (hover: none) and (pointer: coarse) {
  .home-page .courses {
    padding: 58px 20px;
  }

  .home-page .courses .course-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .home-page .courses .course-card.language-card,
  .home-page .courses .course-card.russian-card {
    min-height: 330px;
    padding: 30px 27px 28px;
  }
}