:root {
  --font-default: "Open Sans", "Arial", "Helvetica", sans-serif;
  --font-accent: "Semplicita Pro", "Open Sans", "Arial", "Helvetica", sans-serif;
  --global-font-scale-default: 0.7;
}

.class-index-section-bg {
  background-color: #151b0f;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 240%;
  background-position: top;
}
@media (min-width: 960px) {
  .class-index-section-bg {
    background-position: top;
    background-size: 2400px;
  }
}

.card-section {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 32px;
  column-gap: 32px;
}
@media (min-width: 960px) {
  .card-section {
    grid-template-columns: 1fr 1fr;
  }
}
.card-section blz-card {
  --base-card-size-media-width-horizontal: 33%;
  background-color: #20170E;
  border: 1px solid #352011;
  border-radius: 0;
}
.card-section blz-card blz-image {
  overflow: hidden;
}
.card-section blz-card blz-image::part(picture) {
  transition: transform 0.25s ease;
  transform: scale(1);
}
.card-section blz-card:hover blz-image::part(picture) {
  transform: scale(1.05);
}
.card-section blz-card:hover {
  outline: 1px solid #F8B700;
}
.card-section blz-card:hover [slot=heading] {
  color: white;
}
.card-section blz-card::part(content) {
  align-items: flex-start;
}
.card-section blz-card blz-content-block [slot=heading] {
  color: #F8B700;
}
.card-section blz-card blz-content-block [slot=subheading] {
  color: #B1997F;
}
.card-section blz-card .race-image {
  border-radius: 0;
}