/* Studio (PD) Page Styles */

.pdload {
  z-index: 99;
  background-color: #fff;
  width: 100%;
  height: 100dvh;
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  right: 0%;
}

.pdload-first {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 67%;
  display: grid;
}

.pdload-third {
  width: 100%;
  height: 25%;
  display: flex;
}

.pdload-second {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 8%;
  display: grid;
}

.pdload-bar1 {
  background-color: silver;
  width: 100%;
  height: 100%;
}

.pdload-bar1._1 {
  background-color: #c0c000;
}

.pdload-bar1._2 {
  background-color: #00c0c0;
}

.pdload-bar1._3 {
  background-color: #00c000;
}

.pdload-bar1._4 {
  background-color: #c000c0;
}

.pdload-bar1._5 {
  background-color: #c00000;
}

.pdload-bar1._6 {
  background-color: #0000c0;
}

.pdload-bar1._7 {
  background-color: #00214c;
}

.pdload-bar1._8 {
  background-color: #fff;
}

.pdload-bar1._9 {
  background-color: #32006a;
}

.pdload-bar1._10 {
  background-color: #131313;
}

.pdload-bar1._11 {
  background-color: #090909;
}

.pdload-bar1._12 {
  background-color: #1d1d1d;
}

.pdload-barbox {
  width: 100%;
  height: 100%;
  position: relative;
}

.pdload-bartop {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.pdload-barbtm {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pdload-bar2 {
  background-color: silver;
  width: 100%;
  height: 100%;
}

.pdload-bar2._1 {
  background-color: #c0c000;
}

.pdload-bar2._2 {
  background-color: #00c0c0;
}

.pdload-bar2._3 {
  background-color: #00c000;
}

.pdload-bar2._4 {
  background-color: #c000c0;
}

.pdload-bar2._5 {
  background-color: #c00000;
}

.pdload-bar2._6 {
  background-color: #0000c0;
}

.pdload-bar2._7 {
  background-color: #00214c;
}

.pdload-bar2._8 {
  background-color: #fff;
}

.pdload-bar2._9 {
  background-color: #32006a;
}

.pdload-bar2._10 {
  background-color: #131313;
}

.pdload-bar2._11 {
  background-color: #090909;
}

.pdload-bar2._12 {
  background-color: #1d1d1d;
}

.pdload-thirdleft {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 71.4286%;
  height: 100%;
  display: grid;
}

.pdload-thirdright {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 28.5714%;
  height: 100%;
  display: grid;
}

.thirdright-inbox {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pdload-bar3 {
  background-color: #0000c0;
  width: 100%;
  height: 100%;
}

.pdload-bar3._1 {
  background-color: #131313;
}

.pdload-bar3._2 {
  background-color: #00c0c0;
}

.pdload-bar3._3 {
  background-color: silver;
}

.pdload-bar3._4 {
  background-color: #c000c0;
}

.pdload-bar4 {
  background-color: #0000c0;
  width: 100%;
  height: 100%;
}

.pdload-bar4._1 {
  background-color: #131313;
}

.pdload-bar4._2 {
  background-color: #00c0c0;
}

.pdload-bar4._3 {
  background-color: silver;
}

.pdload-bar4._4 {
  background-color: #c000c0;
}

.pdload-barleft {
  z-index: 1;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.pdload-barright {
  z-index: 2;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pdhero-sticky {
  width: 100%;
  height: 100svh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.body-pd {
  background-color: #000;
}

.lottie-animation-6 {
  width: auto;
  height: 100%;
}

.lottie-animation-6._1 {
  z-index: 1;
  position: relative;
}

.pdherobox {
  aspect-ratio: 16 / 9;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%);
}

.pdherobox._1 {
  z-index: 3;
}

.pdherobox._2 {
  z-index: 2;
}

.pdherobox._3 {
  z-index: 1;
}

.pdhero-gradient {
  z-index: 2;
  background-image: linear-gradient(90deg, #000, #0000);
  width: 4em;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.pdhero-gradient._1 {
  background-image: linear-gradient(270deg, #000, #0000);
  left: auto;
  right: 0;
}

.pdhero-gradient._3 {
  background-image: linear-gradient(270deg, #000, #0000);
  width: 100%;
  height: 4em;
  inset: auto 0% 0%;
}

.pdhero-gradient._2 {
  background-image: linear-gradient(#000, #0000);
  width: 100%;
  height: 20em;
  bottom: auto;
  left: 0%;
  right: 0;
}

.pdhero {
  width: 100%;
  height: 200svh;
  display: block;
  position: relative;
}

.pdhero.mo {
  display: none;
}

.pdhero-txtbox {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 30%;
  height: 100svh;
  margin-left: auto;
  margin-right: 5%;
  padding-top: 6.5em;
  padding-bottom: 4em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.txt-pd {
  color: var(--white);
  text-align: center;
  letter-spacing: -.06em;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.5em;
}

.image-30 {
  height: 2em;
  margin-bottom: 2em;
}

.image-pdhero {
  z-index: 4;
  width: auto;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-pdhero._1 {
  width: 100%;
  height: auto;
}

.pdhero-video1 {
  z-index: 2;
  aspect-ratio: 4 / 3;
  width: 22.5%;
  height: auto;
  position: absolute;
  top: 24%;
  left: 50%;
  transform: translate(-50%);
}

.pdhero-video1._1 {
  width: auto;
  height: 20.5%;
  top: 32.5%;
}

.pdhero-video2 {
  z-index: 3;
  aspect-ratio: 16 / 9;
  width: 30%;
  height: auto;
  position: absolute;
  top: 24%;
  left: 50%;
  transform: translate(-50%);
}

.pdhero-video2._1 {
  width: auto;
  height: 20.5%;
  top: 32.5%;
}

.txt-mini {
  max-width: 25em;
  font-size: 1em;
  line-height: 1.3em;
}

.txt-pd1 {
  color: var(--white);
  white-space: nowrap;
  font-size: 1.5em;
  line-height: 1.3em;
}

.pd-cursor, .pd-cursor-1, .pd-cursor-2 {
  background-color: var(--white);
  width: 1em;
  height: 2px;
  margin-bottom: .25em;
}

.div-block-118 {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  background-color: #000;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.zindex2 {
  z-index: 2;
}

.zindex1 {
  z-index: 1;
}

.zindex3 {
  z-index: 3;
}

.pd-bg {
  z-index: 1;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 95%;
  max-width: 1600px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 50%;
  transform: translate(-50%);
}

.pd-bg.zindex2 {
  z-index: 2;
}

.pd-bg._1 {
  border-bottom: 1px solid #ffffff40;
}

.pd-bgline {
  background-color: #ffffff40;
  width: 1px;
  height: 100%;
}

.pd-bgline._1 {
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.pd-bgline._2 {
  height: 20.65%;
}

.pd-bgline._3 {
  height: 10em;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.pd-bgline._4 {
  height: 10em;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 66.6667%;
  transform: translate(-50%);
}

.pd-bgline._5 {
  height: 10em;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 83.3333%;
  transform: translate(-50%);
}

.pd-purpose {
  background-color: #000;
  border-top: 1px solid #ffffff40;
  border-bottom: 1px solid #ffffff40;
  justify-content: space-around;
  align-items: center;
  width: 66.7%;
  padding: 1.5em 2em;
  display: flex;
}

.pd-databox {
  background-color: #000;
  border-top: 1px solid #ffffff40;
  border-bottom: 1px solid #ffffff40;
  width: 100%;
  padding: 5em 2em;
}

.pdflow {
  grid-row-gap: 4em;
  border-top: 1px solid #ffffff40;
  border-bottom: 1px solid #ffffff40;
  flex-flow: column;
  width: 100%;
  padding-top: 4em;
  padding-bottom: 4em;
  padding-left: 33.3%;
  display: flex;
  position: relative;
}

.pdflow-bg {
  z-index: 1;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.background-video-2 {
  width: 100%;
  height: 100dvh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.pdflow-sticky {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 50%;
  display: flex;
  position: sticky;
  top: 50%;
  transform: translate(0, -50%);
}

.pdflow-box {
  position: absolute;
  inset: 0% auto 0% 0%;
}

.brightness1000 {
  filter: brightness(1000%);
}

.pdherobox-mo {
  aspect-ratio: 1 / 2;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}

.pdherobox-mo._1 {
  z-index: 3;
}

.pdherobox-mo._2 {
  z-index: 2;
}

.pdherobox-mo._3 {
  z-index: 1;
}

.lottie-animation-7 {
  aspect-ratio: 1 / 2;
  object-fit: cover;
  width: 100%;
  height: auto;
  max-height: 100%;
}

.lottie-animation-7._1 {
  z-index: 1;
  position: relative;
}

.pdhero-txtinbox {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pdpf {
  width: 100%;
  height: 260em;
  padding-top: 10em;
  padding-bottom: 10em;
  position: relative;
}

.pdref-txtbox {
  z-index: 2;
  border-bottom: 1px solid var(--white);
  width: 100%;
  padding: 1em 2em 1em 4em;
  position: relative;
}

.pdpf-container {
  z-index: 2;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  border-bottom: 1px solid #ffffff40;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 95%;
  max-width: 1600px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.pdpf-box {
  border-top: 1px solid #ffffff40;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: sticky;
  top: 6em;
}

.pdpf-incard {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  border-top: 1px solid var(--white);
  background-color: #000;
  border-left: 1px solid #ffffff40;
  border-right: 1px solid #ffffff40;
  flex-flow: column;
  width: 100%;
  padding-top: .75em;
  display: flex;
  position: sticky;
  top: 6em;
}

.pdpf-incard._1 {
  margin-top: 30em;
  top: 9.25em;
}

.pdpf-incard._2 {
  margin-top: 60em;
  top: 12.5em;
}

.pdpf-incard._3 {
  margin-top: 90em;
  top: 15.75em;
}

.pdpf-incard._4 {
  margin-top: 120em;
  top: 19em;
}

.pdpf-incard._5 {
  margin-top: 150em;
  top: 22.25em;
}

.div-block-122 {
  background-color: #dbc4a5;
  width: 100%;
  height: 20em;
  margin-top: 24em;
  position: sticky;
  top: 8em;
}

.pdpf-box1 {
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.pdpf-card {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.pdpf-card._1 {
  z-index: 2;
}

.pdpf-card._2 {
  z-index: 3;
}

.txt-pf {
  color: var(--white);
  font-family: Rinter, Arial, sans-serif;
  font-size: 3em;
  line-height: 1em;
}

.txt-pdpf {
  color: var(--white);
  font-family: Rinter, Arial, sans-serif;
  font-size: 1.3em;
  line-height: 1.3em;
}

.txt-pdpf1 {
  color: var(--subtxt-gray);
  font-size: 1em;
  line-height: 1.3em;
}

.pdpf-imgbox {
  aspect-ratio: 2 / 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 23.5em;
  display: flex;
  overflow: hidden;
}

.image-pdpf {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Studio responsive - 991px */
@media screen and (max-width: 991px) {
  .pdhero-txtbox {
    grid-column-gap: 10em;
    grid-row-gap: 10em;
  }

  .txt-pd {
    font-size: 2em;
  }
}

/* Studio responsive - 767px */
@media screen and (max-width: 767px) {
  .pdhero {
    display: none;
  }

  .pdhero.mo {
    display: block;
  }

  .pdhero-txtbox._1 {
    grid-column-gap: 85vw;
    grid-row-gap: 85vw;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-left: 5%;
  }

  .txt-pd {
    font-size: 1.3em;
  }

  .image-30 {
    height: 1.75em;
  }

  .pd-bgline._2 {
    height: 19%;
  }

  .pd-purpose {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    width: 100%;
  }

  .pd-databox._1 {
    border-top-style: none;
  }

  .pdhero-txtinbox {
    justify-content: flex-start;
    align-items: center;
  }

  .pdpf {
    height: 210em;
  }

  .pdpf-container {
    flex-flow: column;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .pdpf-incard {
    top: 9em;
  }

  .pdpf-incard._1 {
    margin-top: 26em;
    top: 12.5em;
  }

  .pdpf-incard._2 {
    margin-top: 52em;
    top: 16em;
  }

  .pdpf-incard._3 {
    margin-top: 78em;
    top: 19.5em;
  }

  .pdpf-incard._4 {
    margin-top: 104em;
    top: 23em;
  }

  .pdpf-incard._5 {
    margin-top: 130em;
    top: 26.5em;
  }

  .txt-pf {
    font-size: 2.5em;
  }

  .pdpf-imgbox {
    height: 20em;
  }
}

/* Studio responsive - 479px */
@media screen and (max-width: 479px) {
  .pdhero-gradient._3 {
    background-image: linear-gradient(0deg, #000, #0000);
  }

  .pd-bgline._2 {
    height: 16.5%;
  }
}