/**
* Text rotate
*/
@-webkit-keyframes pc-slideWords {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  30% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes pc-slideWords {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  30% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
}
.pc-text-rotator {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.pc-text-rotator .pc-rotating-word {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-animation: pc-slideWords 6s infinite;
          animation: pc-slideWords 6s infinite;
  text-align: center;
  opacity: 0;
}
.pc-text-rotator .pc-rotating-word:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.pc-text-rotator .pc-rotating-word:nth-child(2) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.pc-text-rotator .pc-rotating-word:nth-child(3) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

/**
* Brandfullness panels
*/
#pc-section-brandfulness .pc-brfs-panel {
  height: 100vh;
}

#pc-brandfulness-title {
  font-size: clamp(2rem, 10vw, 5rem);
  line-height: 1.1;
  font-weight: 700;
  text-align: center;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  will-change: transform, opacity;
}

@media only screen and (min-width: 1025px) {
  .pc-text-rotator {
    width: 50vw;
    height: 125px;
  }
}
@media only screen and (min-width: 580px) and (max-width: 1024px) {
  .pc-text-rotator {
    width: 90vw;
    height: 120px;
  }
}
@media only screen and (max-width: 579px) {
  .pc-text-rotator {
    width: 90vw;
    height: 100px;
  }
}