/** LANDING **/

.home-landing-container {
      position: relative;
      padding-top: 3.3rem;
      height: 100dvh;
      border-bottom: 1px solid var(--c-red);
      background: var(--c-white);
      z-index: 6;
}

.home-landing {
      height: 100%;
      display: grid;
      gap: 0 0;
}

.home-title {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 0;
      transform: translate(0, -50%);
      z-index: 1;
}

.landing-person {
      z-index: 2;
}

.person-inner {
      transform: rotateY(90deg);
      transition: transform 0.6s ease;
      padding: .5rem;
      width: 100%;
}

.person-inner img {
      width: 100%;
}

.landing-person.visible .person-inner {
      transform: rotateY(0deg);
}