@import url(https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css);

@import "vars-dark.css";
@import "tags.css";
@import "grid.css";
@import "custom.css";
@import "modal.css?1";
@import "animation.css";
@import "tva.css";

.vimeoplayer {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--grid-tile-border-radius);
}
.even-cols.team {
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  gap: 1rem;
}
.home::after {
  position: absolute;
  background-image: linear-gradient(0, #1d2125, rgba(0 0 0 / 0));
  bottom: 0;
  content: "";
  width: 100%;
  height: 3rem;
}

/* home */
.home::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    45deg,
    #b3b287,
    #97711e,
    #5f2c11,
    #adb05f,
    #bab330,
    #845f23,
    #04bcbd,
    #6e6599,
    #355b90,
    #365792
  );
  background-size: 400% 100%;
  -webkit-mask: url(clipmask-nov.svg);
  mask: url(clipmask-nov.svg);
  mask-size: cover;
  animation: gradientAnimation 10s linear infinite alternate;
}

.home {
  background: none;
  display: grid;
  align-content: center;
  justify-content: center;
  background-color: #000;
  position: relative;
  width: 100vw;
  height: 100vh;
  isolation: isolate;
  margin-bottom: var(--block-spacing-vertical);
  transform: perspective(1px);
  z-index: -1;
  overflow: hidden;
}
.home > img {
  display: block;
}

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.logo {
  position: static;
  display: block;
  inset-block: unset;
  margin-block: auto;
  right: unset;
  scale: unset;
  margin-inline: auto;
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 1));
  z-index: 2;
  opacity: 1;
}
.title {
  margin: auto;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 1));
}

.grid-tile {
    background: var(--background-color);
  }

.col-card {
    background-color: rgb(44, 51, 58);

}
.col-card:hover {
    background-color: rgb(0 0 0 /.15);
}
.loz {
    background-color: #a1bdd914;
    color: #9fadbc;
}
.newstitles {
    color: #7b8995;
}
.recommends {
    background-color: hsl(210, 12%, 15%);
    background-image: none;
}
a {
    color: #579dff;
}
.tva-video video {
  clip-path: circle(30% at 50% 50%);
}