.hero {
  margin-top: 65px;
  background: var(--black) url(/img/element/hero.webp) no-repeat center center /
    cover;
  border-radius: 15px;

  h1 {
    max-width: calc(100% - 4rem);
    font-size: calc(1.5rem + 1vw);
  }

  .section {
    border-radius: 15px;
    padding: 20px 0;
    background-image: linear-gradient(
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 50%,
      #101214 100%
    );
  }
}

.hero .container-fluid > h1,
#videos > .header > h3 {
  color: #FFA11A;
}