.b-hero-home {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: var(--container-max-width);
  height: 100%;
}
.b-hero-home .b__letters {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 70.417%;
  height: 70%;
  transform: translate3d(-50%, 0, 0);
}
@media only screen and (max-width: 987px) {
  .b-hero-home .b__letters {
    width: 90%;
    height: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .b-hero-home .b__letters {
    width: 90%;
  }
}
.b-hero-home .b__letters .b__letter__flower {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transform-origin: 50% 100%;
  will-change: transform;
}
.b-hero-home .b__letters .b__letter__flower svg {
  position: relative;
  z-index: 1;
}
.b-hero-home .b__letters .b__letter__stem {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
}
.b-hero-home .b__letters .b__letter__stem path {
  fill: none;
  stroke: var(--color-black);
  stroke-width: 0.1667rem;
}
@media only screen and (max-width: 767px) {
  .b-hero-home .b__letters .b__letter__stem path {
    stroke-width: 0.1467rem;
  }
}
.b-hero-home .b__letters .b__letter {
  position: absolute;
  bottom: 0;
  height: 100%;
  will-change: transform;
}
.b-hero-home .b__letters .b__letter--c {
  left: 13%;
  width: 27%;
}
.b-hero-home .b__letters .b__letter--c .b__letter__flower {
  transform-origin: 43.4% 90.3%;
}
.b-hero-home .b__letters .b__letter--c .b__letter__stem {
  left: 10%;
  width: 79%;
  height: calc(100% - var(--flower-height) * 0.903);
}
.b-hero-home .b__letters .b__letter--o {
  left: 68%;
  width: 21.2%;
  height: 92.5%;
}
.b-hero-home .b__letters .b__letter--o .b__letter__flower {
  transform-origin: 49.5% 89.3%;
}
.b-hero-home .b__letters .b__letter--o .b__letter__stem {
  height: calc(100% - var(--flower-height) * 0.893);
}
.b-hero-home .b__letters .b__letter--d {
  left: 34.7%;
  width: 21.1%;
  height: 99.4%;
}
.b-hero-home .b__letters .b__letter--d .b__letter__flower {
  transform-origin: 59.5% 89.7%;
}
.b-hero-home .b__letters .b__letter--d .b__letter__stem {
  left: 19.5%;
  width: 81%;
  height: calc(100% - var(--flower-height) * 0.897);
}
.b-hero-home .b__letters .b__letter--i {
  left: 37%;
  width: 6.1%;
  height: 99.4%;
}
.b-hero-home .b__letters .b__letter--i .b__letter__flower {
  transform-origin: 49.8% 89.9%;
}
.b-hero-home .b__letters .b__letter--i .b__letter__stem {
  height: calc(100% - var(--flower-height) * 0.899);
}
.b-hero-home .b__letters .b__letter--n {
  left: 61.2%;
  width: 30.3%;
  height: 92.5%;
}
.b-hero-home .b__letters .b__letter--n .b__letter__flower {
  transform-origin: 30% 63.5%;
}
.b-hero-home .b__letters .b__letter--n .b__letter__stem {
  left: 2%;
  width: 56.5%;
  height: calc(100% - var(--flower-height) * 0.635);
}
.b-hero-home .b__letters .b__letter--g {
  left: 45%;
  width: 21%;
  height: 112.1%;
}
.b-hero-home .b__letters .b__letter--g .b__letter__flower {
  transform-origin: 49.3% 91.3%;
}
.b-hero-home .b__letters .b__letter--g .b__letter__stem {
  height: calc(100% - var(--flower-height) * 0.913);
}
.b-hero-home .b__letters .b__letter--g svg {
  overflow: visible;
}
.b-hero-home .b__letters .b__letter--g g:first-of-type {
  clip-path: none !important;
}
.b-hero-home .b__letters .b__letter--g g:first-of-type path {
  transition: transform 0.1s linear 0s;
  will-change: transform;
}
.b-hero-home .b__bootcamp {
  position: absolute;
  top: 30%;
  left: 54.1%;
  z-index: 2;
  margin: 19% 0 0;
  width: 16.25%;
  height: auto;
}
@media only screen and (max-width: 987px) {
  .b-hero-home .b__bootcamp {
    top: 40%;
    left: 35%;
    margin-top: 23%;
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .b-hero-home .b__bootcamp {
    left: 32.5%;
    margin-top: 27.5%;
    width: 35%;
  }
}
@media only screen and (max-width: 767px) and (orientation: landscape),
  only screen and (max-width: 576px) {
  .b-hero-home .b__bootcamp {
    left: 27.5%;
    margin-top: 33%;
    width: 45%;
  }
}
.b-hero-home .b__bootcamp__inner {
  position: absolute;
  top: 0;
  left: -10%;
  width: 120%;
  background: var(--color-beige);
  border-radius: 1.5rem;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.b-hero-home .b__bootcamp__inner:before {
  display: block;
  padding-top: 24%;
  content: "";
}
@keyframes b-hero-home-bootcamp {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, 8%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.b-hero-home .b__bootcamp__text {
  position: absolute;
  top: 0;
  left: 8.33%;
  width: 83.34%;
  height: 100%;
  background: url("/wp-content/themes/nod/static/images/hero-home-bootcamp.svg")
    0 50% / contain no-repeat;
  animation: b-hero-home-bootcamp 10s cubic-bezier(0.455, 0.03, 0.515, 0.955)
    infinite;
}
.b-hero-home .b__render {
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: 3;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: visible;
}
.b-hero-home .b__ruler {
  position: absolute;
  width: 0.25rem;
}
@media only screen and (max-width: 767px) {
  .b-hero-home .b__ruler {
    width: 0.2rem;
  }
}
.b-hero-home.is-in .b__render {
  opacity: 1;
}