.next-hero {
  position: sticky;
  top: 0;
  padding: 1rem;
  padding-top: 0rem;
  height: 100vh;
}
.next-hero [data-init-df] {
  opacity: 1;
}
@media (max-width: 767px) {
  .next-hero {
    height: 100svh;
    padding-top: 7.2rem;
  }
}
.next-hero .fade-in {
  opacity: 0;
}
.next-hero.already .next-hero-inner-main.main {
  opacity: 1;
  pointer-events: auto;
}
.next-hero-wrap {
  display: block;
  position: relative;
  height: 500vh;
  margin-bottom: -100vh;
}
@media (max-width: 1025px) {
  .next-hero-wrap {
    height: 300vh;
  }
}
.next-hero-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.next-hero-block-title {
  z-index: 1;
}
.next-hero-block-machine {
  z-index: 2;
  pointer-events: none;
}
.next-hero-block-content {
  z-index: 3;
  pointer-events: none;
}
.next-hero-inner {
  height: 100%;
  border-radius: 2rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: var(--bg-black);
  overflow: hidden;
  position: relative;
}
@media (max-width: 1025px) {
  .next-hero-inner {
    border-radius: 1rem;
  }
}
.next-hero-inner .container {
  height: 100%;
}
.next-hero-inner-main {
  grid-column: 2/16;
  grid-row: 1/2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1025px) {
  .next-hero-inner-main {
    grid-column: 1/-1;
  }
}
.next-hero-inner-main.main {
  opacity: 0;
  pointer-events: none;
}
.next-hero-inner-sub {
  grid-column: 1/-1;
  grid-row: 1/2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 1025px) {
  .next-hero-inner-sub {
    grid-column: 2/-2;
  }
}
@media (max-width: 767px) {
  .next-hero-inner-sub {
    grid-column: 1/-1;
  }
}
.next-hero-title-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: min(20.6rem, 18.3928571429vh);
  margin-bottom: min(3.7rem, 3.875vh);
}
@media (max-width: 1025px) {
  .next-hero-title-wrap {
    margin-top: min(19.4rem, 16.2479061977vh);
  }
}
@media (max-width: 767px) {
  .next-hero-title-wrap {
    margin-top: min(12.6rem, 14.7713950762vh);
  }
}
.next-hero-logo {
  margin-bottom: 2.7rem;
}
@media (max-width: 1025px) {
  .next-hero-logo {
    margin-bottom: 4.8rem;
  }
}
.next-hero-logo-img {
  width: 9.4rem;
}
@media (max-width: 767px) {
  .next-hero-logo {
    margin-bottom: 3.2rem;
  }
}
.next-hero-title {
  color: var(--cl-white);
  margin-top: 5.7rem;
}
@media (max-width: 1025px) {
  .next-hero-title {
    margin-top: 5.4rem;
  }
}
@media (max-width: 767px) {
  .next-hero-title {
    margin-top: 5rem;
  }
}
.next-hero-sub {
  color: var(--cl-white-70);
  margin-bottom: 2.7rem;
}
@media (max-width: 1025px) {
  .next-hero-sub {
    margin-bottom: 3.2rem;
  }
}
@media (max-width: 767px) {
  .next-hero-sub .txt-18 {
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media (min-width: 768px) and (max-width: 1025px) {
  .next-hero-btn .btn {
    padding: 1.6rem 3rem;
  }
  .next-hero-btn .btn .txt-14 {
    font-size: 1.6rem;
  }
}
.next-hero-machine {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.next-hero-machine-fg {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  height: 10vh;
  width: 100%;
  opacity: 0.3;
  z-index: 3;
  display: none;
  background: linear-gradient(180deg, transparent, var(--bg-black));
}
.next-hero-machine-overlay {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%);
  opacity: 0;
}
.next-hero-machine-canvas {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: contrast(1.1);
}
.next-hero-machine-inner {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: start;
  padding-top: 55vh;
  pointer-events: none;
  justify-content: center;
  opacity: 0;
}
@media screen and (max-height: 850px) {
  .next-hero-machine-inner {
    padding-top: 65vh;
  }
}
.next-hero-machine-front {
  width: 100%;
  max-width: max(60rem, 34.8837209302vw);
}
.next-hero-machine-side {
  position: absolute;
  height: 100%;
  opacity: 0;
}
.next-hero-machine-side > .img {
  position: relative;
  z-index: 1;
}
.next-hero-machine-side-overlay {
  position: absolute;
  inset: 0;
  opacity: 0;
  background-color: var(--cl-white);
  z-index: 2;
}
.next-hero-content {
  opacity: 0;
  pointer-events: none;
}
.next-hero-content-inner {
  text-align: center;
  width: 100%;
  max-width: 102.4rem;
  color: var(--cl-black);
}
@media (min-width: 768px) and (max-width: 1025px) {
  .next-hero-content-inner .txt-48 {
    font-size: 3.2rem;
  }
}
@media (max-width: 767px) {
  .next-hero-content-inner .txt-48 {
    font-size: 2rem;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../src/scss/sections/sc-next-hero.scss%22,%22../src/scss/global/tool.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;ACTN;EDCF;IAYQ;IACA;;;AAGJ;EACI;;AAIA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;;ACpBN;EDgBE;IAOQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;ACxDN;EDiDE;IAUQ;;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;ACvEV;EDkEM;IAQQ;;;AA+BJ;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AC3HV;EDqHM;IASQ;;;ACpId;ED2HM;IAaQ;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;ACvIN;EDiIE;IASQ;;;ACtJV;ED6IE;IAcQ;;;AAIR;EACI;;ACpJN;EDmJE;IAIQ;;;AAGJ;EACI;;ACvKV;ED+JE;IAYQ;;;AAIR;EACI;EACA;;ACrKN;EDmKE;IAKQ;;;ACpLV;ED+KE;IASQ;;;AAIR;EACI;EACA;;AClLN;EDgLE;IAKQ;;;ACjMV;EDqMU;IACI;IACA;;;ACjMd;EDwMU;IACI;;EAEA;IACI;;;AAOhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAfJ;IAgBQ;;;AAKR;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAKZ;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;ACrTV;EDuTU;IAEQ;;;AC/TlB;ED6TU;IAMQ%22,%22file%22:%22sc-next-hero.css%22%7D */