/* ========================================================
   V144 HOME HIGHLIGHTS
   ======================================================== */

.v144-section {
  margin:
    40px 0;

  padding:
    24px;

  border:
    1px solid #263b59;

  border-radius:
    18px;

  background:
    #101c31;
}


.v144-heading {
  margin-bottom:
    20px;

  display:
    flex;

  align-items:
    flex-end;

  justify-content:
    space-between;

  gap:
    20px;
}


.v144-eyebrow {
  margin-bottom:
    4px;

  color:
    #7ba9e4;

  font-size:
    12px;

  font-weight:
    900;

  letter-spacing:
    .16em;
}


.v144-heading h2 {
  margin: 0;

  color:
    #ffffff;

  font-size:
    24px;
}


.v144-heading > span {
  color:
    #728fb6;

  font-size:
    13px;

  font-weight:
    700;
}


.v144-grid {
  display:
    grid;

  grid-template-columns:
    repeat(4, minmax(0,1fr));

  gap:
    14px;
}


.v144-card {
  min-height:
    175px;

  padding:
    20px;

  border:
    1px solid #294360;

  border-radius:
    15px;

  background:
    #0b1729;

  transition:
    transform .15s ease,
    border-color .15s ease;
}


.v144-card:hover {
  transform:
    translateY(-2px);

  border-color:
    #416590;
}


.v144-icon {
  margin-bottom:
    12px;

  font-size:
    25px;
}


.v144-label {
  margin-bottom:
    8px;

  color:
    #7898c0;

  font-size:
    12px;

  font-weight:
    900;

  letter-spacing:
    .04em;
}


.v144-player {
  display:
    block;

  overflow:
    hidden;

  color:
    #f1f6ff;

  font-size:
    18px;

  font-weight:
    900;

  text-decoration:
    none;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}


a.v144-player:hover {
  color:
    #91bfff;
}


.v144-main-stat {
  margin-top:
    12px;

  color:
    #ffffff;

  font-size:
    28px;

  font-weight:
    900;

  line-height:
    1;
}


.v144-match-link {
  display:
    inline-block;

  text-decoration:
    none;

  color:
    #8ebcff;
}


.v144-sub {
  margin-top:
    9px;

  color:
    #7291b8;

  font-size:
    12px;

  line-height:
    1.5;
}


.v144-empty {
  margin-top:
    24px;

  color:
    #617fa5;

  font-size:
    13px;
}


@media (max-width: 1000px) {

  .v144-grid {
    grid-template-columns:
      repeat(2, minmax(0,1fr));
  }

}


@media (max-width: 600px) {

  .v144-section {
    padding:
      17px;
  }


  .v144-grid {
    grid-template-columns:
      1fr;
  }


  .v144-heading {
    align-items:
      flex-start;

    flex-direction:
      column;
  }

}