/* post export from anima */
div.header {
  background-color: var(--sulu);
  height: 70px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
}

span.marquee {
  position: relative;
  color: black;
  font-family: var(--font-family-figginssans-regular);
  font-size: large;
  /* top: 30%; */
  left: 0%;
}

/* screen - index */

.index {
  background-color: var(--white);
  cursor: pointer;
  height: 100vh;
  margin: 0px;
  min-height: 2445px;
  min-width: 1920px;
  overflow: hidden;
  overflow-x: hidden;
  pointer-events: auto;
  position: relative;
  transition: all 0.2s ease;
  width: 100%;
}

.index:hover {
  opacity: 1;
}

.index .x6771953-IO3Fu5 {
  background-color: transparent;
  height: 256px;
  overflow: hidden;
  position: absolute;
  right: 150px;
  top: 28px;
  width: 240px;
}

.index .asset-64x-IO3Fu5 {
  background-color: transparent;
  bottom: 42px;
  height: 174px;
  object-fit: cover;
  position: absolute;
  right: 77px;
  width: 126px;
}

.index .x6765083-IO3Fu5 {
  background-color: transparent;
  height: 550px;
  left: -178px;
  overflow: hidden;
  position: absolute;
  top: calc(22.53% - 124px);
  width: 550px;
}

.index .header-IO3Fu5 {
  background-color: var(--sulu);
  height: 61px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .rectangle-21-IO3Fu5 {
  background-color: var(--sulu);
  bottom: -3px;
  height: 68px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index .marquee-IO3Fu5 {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-figginssans-regular);
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  height: 32px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  right: calc(49.94% - 171px);
  text-align: center;
  top: 10px;
  white-space: nowrap;
  width: 342px;
}

.index .designed-by-kristen-IO3Fu5 {
  background-color: transparent;
  bottom: 17px;
  height: 24px;
  letter-spacing: 0.36px;
  line-height: 18px;
  position: absolute;
  right: calc(49.93% - 258px);
  text-align: center;
  white-space: nowrap;
  width: 516px;
}

.index .rectangle-95-IO3Fu5 {
  background-color: transparent;
  bottom: calc(39.09% - 75px);
  display: block;
  height: 191px;
  left: calc(23.48% - 45px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 191px;
}

.index .rectangle-95-IO3Fu5.bp3-animate-enter {
  animation: bp3-animate-enter-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .rectangle-107-IO3Fu5 {
  background-color: transparent;
  bottom: 194px;
  display: block;
  height: 191px;
  left: calc(23.48% - 45px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 191px;
}

.index .rectangle-107-IO3Fu5.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter1-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .rectangle-102-IO3Fu5 {
  background-color: transparent;
  bottom: calc(23.74% - 45px);
  display: block;
  height: 191px;
  left: calc(14.29% - 27px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 191px;
}

.index .rectangle-102-IO3Fu5.bp3-animate-enter2 {
  animation: bp3-animate-enter2-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter2-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .rectangle-96-IO3Fu5 {
  background-color: transparent;
  bottom: calc(39.09% - 75px);
  display: block;
  height: 191px;
  left: calc(41.06% - 78px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 191px;
}

.index .rectangle-96-IO3Fu5.bp3-animate-enter3 {
  animation: bp3-animate-enter3-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter3-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .rectangle-106-IO3Fu5 {
  background-color: transparent;
  bottom: 194px;
  display: block;
  height: 191px;
  left: calc(41.01% - 78px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 191px;
}

.index .rectangle-106-IO3Fu5.bp3-animate-enter4 {
  animation: bp3-animate-enter4-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter4-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .rectangle-99-IO3Fu5 {
  background-color: transparent;
  bottom: calc(23.74% - 45px);
  display: block;
  height: 191px;
  left: calc(32.16% - 61px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 191px;
}

.index .rectangle-99-IO3Fu5.bp3-animate-enter5 {
  animation: bp3-animate-enter5-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter5-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .rectangle-97-IO3Fu5 {
  background-color: transparent;
  bottom: calc(39.09% - 75px);
  display: block;
  height: 191px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(41.41% - 79px);
  width: 191px;
}

.index .rectangle-97-IO3Fu5.bp3-animate-enter6 {
  animation: bp3-animate-enter6-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter6-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .rectangle-105-IO3Fu5 {
  background-color: transparent;
  bottom: 194px;
  display: block;
  height: 191px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(41.3% - 79px);
  width: 191px;
}

.index .rectangle-105-IO3Fu5.bp3-animate-enter7 {
  animation: bp3-animate-enter7-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter7-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .rectangle-100-IO3Fu5 {
  background-color: transparent;
  bottom: calc(23.74% - 45px);
  display: block;
  height: 191px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(49.91% - 95px);
  width: 191px;
}

.index .rectangle-100-IO3Fu5.bp3-animate-enter8 {
  animation: bp3-animate-enter8-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter8-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .rectangle-98-IO3Fu5 {
  background-color: transparent;
  bottom: calc(39.09% - 75px);
  display: block;
  height: 191px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(23.83% - 46px);
  width: 191px;
}

.index .rectangle-98-IO3Fu5.bp3-animate-enter9 {
  animation: bp3-animate-enter9-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter9-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .rectangle-104-IO3Fu5 {
  background-color: transparent;
  bottom: 194px;
  display: block;
  height: 191px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(23.89% - 46px);
  width: 191px;
}

.index .rectangle-104-IO3Fu5.bp3-animate-enter10 {
  animation: bp3-animate-enter10-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter10-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .rectangle-101-IO3Fu5 {
  background-color: transparent;
  bottom: calc(23.74% - 45px);
  display: block;
  height: 191px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(32.1% - 61px);
  width: 191px;
}

.index .rectangle-101-IO3Fu5.bp3-animate-enter11 {
  animation: bp3-animate-enter11-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter11-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .rectangle-103-IO3Fu5 {
  background-color: transparent;
  bottom: calc(23.74% - 45px);
  display: block;
  height: 191px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(14.17% - 27px);
  width: 191px;
}

.index .rectangle-103-IO3Fu5.bp3-animate-enter12 {
  animation: bp3-animate-enter12-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter12-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .group-27-IO3Fu5 {
  background-color: transparent;
  bottom: calc(38.41% - 92px);
  cursor: pointer;
  height: 240px;
  left: calc(41.01% - 78px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-27-IO3Fu5:hover {
  opacity: 1;
}

.index .ingrid-wong-GyA8YV {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .ingrid-wong-GyA8YV:hover {
  opacity: 1;
}

.index .group-28-IO3Fu5 {
  background-color: transparent;
  bottom: calc(38.41% - 92px);
  cursor: pointer;
  height: 240px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(41.41% - 79px);
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-28-IO3Fu5:hover {
  opacity: 1;
}

.index .jasmine-wong-yobtVe {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .jasmine-wong-yobtVe:hover {
  opacity: 1;
}

.index .group-29-IO3Fu5 {
  background-color: transparent;
  bottom: calc(38.41% - 92px);
  cursor: pointer;
  height: 240px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(23.89% - 46px);
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-29-IO3Fu5:hover {
  opacity: 1;
}

.index .jenny-yuhan-zhao-yIxF75 {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .jenny-yuhan-zhao-yIxF75:hover {
  opacity: 1;
}

.index .group-26-IO3Fu5 {
  background-color: transparent;
  bottom: calc(38.41% - 92px);
  cursor: pointer;
  height: 240px;
  left: calc(23.48% - 45px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-26-IO3Fu5:hover {
  opacity: 1;
}

.index .catriona-nguyen-EDT2fp {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .catriona-nguyen-EDT2fp:hover {
  opacity: 1;
}

.index .group-30-IO3Fu5 {
  background-color: transparent;
  bottom: calc(22.68% - 54px);
  cursor: pointer;
  height: 240px;
  left: calc(14.29% - 27px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-30-IO3Fu5:hover {
  opacity: 1;
}

.index .jersey-stuart-zxZbgr {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .jersey-stuart-zxZbgr:hover {
  opacity: 1;
}

.index .group-35-IO3Fu5 {
  background-color: transparent;
  bottom: calc(7.26% - 17px);
  cursor: pointer;
  height: 240px;
  left: calc(23.48% - 45px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-35-IO3Fu5:hover {
  opacity: 1;
}

.index .nieves-rocillo-eX1GAM {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .nieves-rocillo-eX1GAM:hover {
  opacity: 1;
}

.index .group-36-IO3Fu5 {
  background-color: transparent;
  bottom: calc(7.26% - 17px);
  cursor: pointer;
  height: 240px;
  left: calc(41.01% - 78px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-36-IO3Fu5:hover {
  opacity: 1;
}

.index .sam-loiselle-Wyagn1 {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .sam-loiselle-Wyagn1:hover {
  opacity: 1;
}

.index .group-37-IO3Fu5 {
  background-color: transparent;
  bottom: calc(7.26% - 17px);
  cursor: pointer;
  height: 240px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(41.41% - 79px);
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-37-IO3Fu5:hover {
  opacity: 1;
}

.index .sanyukta-ghag-fdOiCr {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .sanyukta-ghag-fdOiCr:hover {
  opacity: 1;
}

.index .group-38-IO3Fu5 {
  background-color: transparent;
  bottom: calc(7.26% - 17px);
  cursor: pointer;
  height: 240px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(23.89% - 46px);
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-38-IO3Fu5:hover {
  opacity: 1;
}

.index .shane-toyama-ZUnxp5 {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .shane-toyama-ZUnxp5:hover {
  opacity: 1;
}

.index .group-31-IO3Fu5 {
  background-color: transparent;
  bottom: calc(22.68% - 54px);
  cursor: pointer;
  height: 240px;
  left: calc(32.16% - 61px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-31-IO3Fu5:hover {
  opacity: 1;
}

.index .jethro-sanchez-yTBfpd {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .jethro-sanchez-yTBfpd:hover {
  opacity: 1;
}

.index .group-32-IO3Fu5 {
  background-color: transparent;
  bottom: calc(22.68% - 54px);
  cursor: pointer;
  height: 240px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(49.97% - 95px);
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-32-IO3Fu5:hover {
  opacity: 1;
}

.index .jocelyn-shen-xHqbxG {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .jocelyn-shen-xHqbxG:hover {
  opacity: 1;
}

.index .group-33-IO3Fu5 {
  background-color: transparent;
  bottom: calc(22.68% - 54px);
  cursor: pointer;
  height: 240px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(32.1% - 61px);
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-33-IO3Fu5:hover {
  opacity: 1;
}

.index .kristen-chan-w8GDah {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .kristen-chan-w8GDah:hover {
  opacity: 1;
}

.index .group-34-IO3Fu5 {
  background-color: transparent;
  bottom: calc(22.68% - 54px);
  cursor: pointer;
  height: 240px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(14.29% - 27px);
  transition: all 0.2s ease;
  width: 191px;
}

.index .group-34-IO3Fu5:hover {
  opacity: 1;
}

.index .nabiha-tasnim-H0R9SK {
  background-color: transparent;
  bottom: calc(2.37% - 1px);
  cursor: pointer;
  height: 29px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 193px;
}

.index .nabiha-tasnim-H0R9SK:hover {
  opacity: 1;
}

.index .asset-54x-IO3Fu5 {
  background-color: transparent;
  cursor: pointer;
  height: 63px;
  object-fit: cover;
  position: absolute;
  right: calc(49.97% - 52px);
  top: calc(43.03% - 27px);
  width: 105px;
}

.index .asset-74x-IO3Fu5 {
  background-color: transparent;
  bottom: 98px;
  display: block;
  height: 185px;
  left: -16px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 226px;
}

.index .asset-74x-IO3Fu5.bp3-animate-enter13 {
  animation: bp3-animate-enter13-frames 1.5s ease-in-out 0.5s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter13-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .asset-84x-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 231px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: -41px;
  top: calc(24.71% - 57px);
  width: 361px;
}

.index .asset-84x-IO3Fu5.bp3-animate-enter14 {
  animation: bp3-animate-enter14-frames 1.5s ease-in-out 0.5s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter14-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index .asset-94x-IO3Fu5 {
  background-color: transparent;
  height: 255px;
  object-fit: cover;
  position: absolute;
  right: 82px;
  top: calc(46.47% - 118px);
  width: 375px;
}

.index .group-102-IO3Fu5 {
  background-color: transparent;
  height: 801px;
  left: calc(46.21% - 497px);
  position: absolute;
  top: 149px;
  width: 1076px;
}

.index .group-98-wYQJxw {
  background-color: transparent;
  height: 360px;
  position: absolute;
  right: calc(35.56% - 303px);
  top: calc(8.39% - 30px);
  width: 851px;
}

.index .asset-14x-jcV14g {
  background-color: transparent;
  height: 360px;
  left: calc(50% - 426px);
  object-fit: cover;
  position: absolute;
  top: calc(50% - 180px);
  width: 851px;
}

.index .group-97-jcV14g {
  background-color: transparent;
  height: 253px;
  left: 127px;
  position: absolute;
  top: 27px;
  width: 595px;
}

.index .event-mark-VqOiYv {
  background-color: transparent;
  height: 205px;
  left: calc(50% - 298px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 595px;
}

.index .embracing-VqOiYv {
  background-color: transparent;
  bottom: calc(21.4% - 8px);
  color: var(--black);
  font-family: var(--font-family-figginssans-bold);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  letter-spacing: 0.6px;
  line-height: 30px;
  position: absolute;
  right: calc(22.3% - 34px);
  text-align: right;
  width: 151px;
}

.index .young-asian-canadians-talents-VqOiYv {
  background-color: transparent;
  height: 38px;
  letter-spacing: 0.6px;
  line-height: 30px;
  position: absolute;
  right: calc(12.95% - 52px);
  text-align: right;
  top: calc(100.93% - 38px);
  width: 402px;
}

.index .the-design-show-wYQJxw {
  background-color: transparent;
  bottom: calc(49.41% - 16px);
  color: var(--black);
  font-family: var(--font-family-figginssans-bold);
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 32px;
  letter-spacing: 0.5px;
  line-height: 25px;
  position: absolute;
  right: calc(23.77% - 49px);
  text-align: right;
  width: 205px;
}

.index .presented-by-wYQJxw {
  background-color: transparent;
  bottom: calc(6.32% - 2px);
  color: var(--black);
  font-family: var(--font-family-figginssans-regular);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  height: 26px;
  left: calc(27.41% - 33px);
  letter-spacing: 0.4px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  width: 120px;
}

.index .line-5-wYQJxw {
  background-color: transparent;
  bottom: calc(12% - 1px);
  height: 5px;
  object-fit: cover;
  position: absolute;
  right: calc(43.67% - 266px);
  width: 610px;
}

.index .line-8-wYQJxw {
  background-color: transparent;
  height: 5px;
  object-fit: cover;
  position: absolute;
  right: calc(43.78% - 267px);
  top: calc(43.4% - 2px);
  width: 610px;
}

.index .yu_design_logo-wYQJxw {
  background-color: transparent;
  bottom: 0px;
  height: 52px;
  left: calc(47.47% - 51px);
  object-fit: cover;
  position: absolute;
  width: 107px;
}

.index .ycar_logo-wYQJxw {
  background-color: transparent;
  bottom: 0px;
  height: 49px;
  object-fit: cover;
  position: absolute;
  right: calc(19.61% - 31px);
  width: 158px;
}

.index .york-u-logo_-hor_rgb-wYQJxw {
  background-color: transparent;
  bottom: 0px;
  height: 51px;
  object-fit: cover;
  position: absolute;
  right: calc(36.88% - 47px);
  width: 127px;
}

.index .this-virtual-show-wi-wYQJxw {
  background-color: transparent;
  bottom: calc(21.38% - 52px);
  color: var(--black);
  font-family: var(--font-family-figginssans-regular);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  height: 242px;
  letter-spacing: 0.38px;
  line-height: 30px;
  position: absolute;
  right: calc(43.92% - 267px);
  text-align: left;
  width: 607px;
}

.index .x6764763-wYQJxw {
  background-color: transparent;
  height: 111px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 111px;
}

.index .x6771986-wYQJxw {
  background-color: transparent;
  height: 118px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: calc(35.14% - 41px);
  width: 110px;
}

.index .group-105-IO3Fu5 {
  background-color: transparent;
  bottom: calc(47.12% - 32px);
  height: 68px;
  left: 95px;
  position: absolute;
  width: 297px;
}

.index .rectangle-108-bPOOOM {
  background-color: var(--sulu);
  border-radius: 43px;
  height: 68px;
  left: 53px;
  position: absolute;
  top: calc(50% - 34px);
  width: 191px;
}

.index .designers-bPOOOM {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-ohnoblazeface_14_point-regular);
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  height: 30px;
  left: 76px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: calc(35.53% - 11px);
  white-space: nowrap;
  width: 147px;
}

.index .x6765191-bPOOOM {
  background-color: transparent;
  height: 50px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: calc(50% - 25px);
  width: 33px;
}

.index .x6765219-bPOOOM {
  background-color: transparent;
  height: 50px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: calc(50% - 25px);
  width: 33px;
}
/* screen - index-mobile */

.index-mobile {
  background-color: var(--white);
  cursor: pointer;
  height: 100vh;
  margin: 0px;
  min-height: 2392px;
  min-width: 375px;
  overflow: hidden;
  overflow-x: hidden;
  pointer-events: auto;
  position: relative;
  transition: all 0.2s ease;
  width: 100%;
}

.index-mobile .group-103-4ERIkh {
  background-color: transparent;
  height: 611px;
  left: calc(50% - 170px);
  position: absolute;
  top: 109px;
  width: 340px;
}

.index-mobile .group-100-gWwzMI {
  background-color: transparent;
  height: 136px;
  position: absolute;
  right: calc(36.55% - 117px);
  top: 16px;
  width: 321px;
}

.index-mobile .asset-14x-sDAS5a {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .group-97-sDAS5a {
  background-color: transparent;
  height: 100px;
  left: 36px;
  position: absolute;
  top: 10px;
  width: calc(100% - 80px);
}

.index-mobile .event-mark-3TV4uc {
  background-color: transparent;
  height: calc(100% - 17px);
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .embracing-3TV4uc {
  background-color: transparent;
  bottom: calc(16.67% - 3px);
  color: var(--black);
  font-family: var(--font-family-figginssans-bold);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  height: 16px;
  letter-spacing: 0.24px;
  line-height: 12px;
  position: absolute;
  right: calc(21.34% - 13px);
  text-align: right;
  white-space: nowrap;
  width: 61px;
}

.index-mobile .young-asian-canadians-talents-3TV4uc {
  background-color: transparent;
  bottom: -3px;
  color: var(--black);
  font-family: var(--font-family-figginssans-regular);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  letter-spacing: 0.24px;
  line-height: 12px;
  position: absolute;
  right: 11px;
  text-align: right;
  white-space: nowrap;
  width: 162px;
}

.index-mobile .the-design-show-gWwzMI {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-figginssans-bold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 700;
  height: 21px;
  letter-spacing: 0.32px;
  line-height: 16px;
  position: absolute;
  right: 14px;
  text-align: right;
  top: calc(27.98% - 6px);
  white-space: nowrap;
  width: 131px;
}

.index-mobile .presented-by-gWwzMI {
  background-color: transparent;
  bottom: 3.67%;
  color: var(--black);
  font-family: var(--font-family-figginssans-regular);
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: calc(4.35% - 2px);
  letter-spacing: 0.18px;
  line-height: 9px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 55px;
}

.index-mobile .line-5-gWwzMI {
  background-color: transparent;
  bottom: 44px;
  height: 3px;
  left: 12px;
  object-fit: cover;
  position: absolute;
  width: calc(100% - 17px);
}

.index-mobile .line-8-gWwzMI {
  background-color: transparent;
  height: 3px;
  left: 12px;
  object-fit: cover;
  position: absolute;
  top: calc(22.18% - 1px);
  width: calc(100% - 17px);
}

.index-mobile .yu_design_logo-gWwzMI {
  background-color: transparent;
  bottom: 0px;
  height: 28px;
  left: calc(41.41% - 24px);
  object-fit: cover;
  position: absolute;
  width: 57px;
}

.index-mobile .ycar_logo-gWwzMI {
  background-color: transparent;
  bottom: 0px;
  height: 26px;
  object-fit: cover;
  position: absolute;
  right: calc(29.22% - 24px);
  width: 84px;
}

.index-mobile .york-u-logo_-hor_rgb-gWwzMI {
  background-color: transparent;
  height: 27px;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: calc(100% - 27px);
  width: 68px;
}

.index-mobile .this-virtual-show-wi-gWwzMI {
  background-color: transparent;
  bottom: calc(23.69% - 83px);
  color: var(--black);
  font-family: var(--font-family-figginssans-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
  height: 351px;
  left: calc(122.01% - 404px);
  letter-spacing: 0.32px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  width: 331px;
}

.index-mobile .x6764763-gWwzMI {
  background-color: transparent;
  height: 25px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 25px;
}

.index-mobile .x6771986-gWwzMI {
  background-color: transparent;
  height: 32px;
  overflow: hidden;
  position: absolute;
  right: 4px;
  top: 91px;
  width: 29px;
}

.index-mobile .x6771953-4ERIkh {
  background-color: transparent;
  height: 98px;
  overflow: hidden;
  position: absolute;
  right: -27px;
  top: 40px;
  width: 92px;
}

.index-mobile .asset-64x-4ERIkh {
  background-color: transparent;
  bottom: 53px;
  height: 96px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  width: 70px;
}

.index-mobile .x6765083-4ERIkh {
  background-color: transparent;
  height: 148px;
  left: -64px;
  overflow: hidden;
  position: absolute;
  top: calc(32.58% - 48px);
  width: 148px;
}

.index-mobile .header-4ERIkh {
  background-color: var(--sulu);
  height: 61px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .rectangle-21-4ERIkh {
  background-color: var(--sulu);
  bottom: 0px;
  height: 68px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index-mobile .designed-by-kristen-4ERIkh {
  background-color: transparent;
  bottom: 25px;
  color: var(--black);
  font-family: var(--font-family-figginssans-regular);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  height: 14px;
  left: 12%;
  letter-spacing: 0.2px;
  line-height: 10px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 76.8%;
}

.index-mobile .rectangle-95-4ERIkh {
  background-color: transparent;
  display: block;
  height: 104px;
  left: calc(21.03% - 22px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(45.94% - 48px);
  width: 104px;
}

.index-mobile .rectangle-95-4ERIkh.bp1-animate-enter {
  animation: bp1-animate-enter-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .rectangle-107-4ERIkh {
  background-color: transparent;
  bottom: calc(23.95% - 25px);
  display: block;
  height: 104px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(21.03% - 22px);
  width: 104px;
}

.index-mobile .rectangle-107-4ERIkh.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter1-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .rectangle-102-4ERIkh {
  background-color: transparent;
  bottom: calc(39.03% - 41px);
  display: block;
  height: 104px;
  left: calc(21.03% - 22px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 104px;
}

.index-mobile .rectangle-102-4ERIkh.bp1-animate-enter2 {
  animation: bp1-animate-enter2-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter2-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .rectangle-96-4ERIkh {
  background-color: transparent;
  display: block;
  height: 104px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(21.03% - 22px);
  top: calc(45.94% - 48px);
  width: 104px;
}

.index-mobile .rectangle-96-4ERIkh.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter3-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .rectangle-106-4ERIkh {
  background-color: transparent;
  bottom: calc(16.35% - 17px);
  display: block;
  height: 104px;
  left: calc(21.03% - 22px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 104px;
}

.index-mobile .rectangle-106-4ERIkh.bp1-animate-enter4 {
  animation: bp1-animate-enter4-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter4-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .rectangle-99-4ERIkh {
  background-color: transparent;
  bottom: calc(39.03% - 41px);
  display: block;
  height: 104px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(21.03% - 22px);
  width: 104px;
}

.index-mobile .rectangle-99-4ERIkh.bp1-animate-enter5 {
  animation: bp1-animate-enter5-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter5-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .rectangle-97-4ERIkh {
  background-color: transparent;
  bottom: calc(46.55% - 48px);
  display: block;
  height: 104px;
  left: calc(21.03% - 22px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 104px;
}

.index-mobile .rectangle-97-4ERIkh.bp1-animate-enter6 {
  animation: bp1-animate-enter6-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter6-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .rectangle-105-4ERIkh {
  background-color: transparent;
  bottom: calc(16.35% - 17px);
  display: block;
  height: 104px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(21.03% - 22px);
  width: 104px;
}

.index-mobile .rectangle-105-4ERIkh.bp1-animate-enter7 {
  animation: bp1-animate-enter7-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter7-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .rectangle-100-4ERIkh {
  background-color: transparent;
  bottom: calc(31.47% - 33px);
  display: block;
  height: 104px;
  left: calc(21.03% - 22px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 104px;
}

.index-mobile .rectangle-100-4ERIkh.bp1-animate-enter8 {
  animation: bp1-animate-enter8-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter8-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .rectangle-98-4ERIkh {
  background-color: transparent;
  bottom: calc(46.55% - 48px);
  display: block;
  height: 104px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(21.03% - 22px);
  width: 104px;
}

.index-mobile .rectangle-98-4ERIkh.bp1-animate-enter9 {
  animation: bp1-animate-enter9-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter9-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .rectangle-104-4ERIkh {
  background-color: transparent;
  bottom: calc(8.74% - 9px);
  display: block;
  height: 104px;
  left: calc(21.03% - 22px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 104px;
}

.index-mobile .rectangle-104-4ERIkh.bp1-animate-enter10 {
  animation: bp1-animate-enter10-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter10-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .rectangle-101-4ERIkh {
  background-color: transparent;
  bottom: calc(31.47% - 33px);
  display: block;
  height: 104px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(21.03% - 22px);
  width: 104px;
}

.index-mobile .rectangle-101-4ERIkh.bp1-animate-enter11 {
  animation: bp1-animate-enter11-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter11-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .rectangle-103-4ERIkh {
  background-color: transparent;
  bottom: calc(23.95% - 25px);
  display: block;
  height: 104px;
  left: calc(21.03% - 22px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 104px;
}

.index-mobile .rectangle-103-4ERIkh.bp1-animate-enter12 {
  animation: bp1-animate-enter12-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter12-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .group-68-4ERIkh {
  background-color: transparent;
  cursor: pointer;
  height: 133px;
  left: calc(21.03% - 22px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: calc(46.53% - 62px);
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-68-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .catriona-nguyen-b1pUg4 {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .catriona-nguyen-b1pUg4:hover {
  opacity: 1;
}

.index-mobile .group-70-4ERIkh {
  background-color: transparent;
  bottom: calc(15.27% - 20px);
  cursor: pointer;
  height: 133px;
  left: calc(21.03% - 22px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-70-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .sam-loiselle-Tjp9aF {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .sam-loiselle-Tjp9aF:hover {
  opacity: 1;
}

.index-mobile .group-80-4ERIkh {
  background-color: transparent;
  bottom: calc(7.57% - 10px);
  cursor: pointer;
  height: 133px;
  left: calc(21.03% - 22px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-80-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .shane-toyama-YdVGle {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .shane-toyama-YdVGle:hover {
  opacity: 1;
}

.index-mobile .group-73-4ERIkh {
  background-color: transparent;
  bottom: calc(22.97% - 31px);
  cursor: pointer;
  height: 133px;
  left: calc(21.03% - 22px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-73-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .nabiha-tasnim-b66tCA {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .nabiha-tasnim-b66tCA:hover {
  opacity: 1;
}

.index-mobile .group-75-4ERIkh {
  background-color: transparent;
  bottom: calc(30.59% - 41px);
  cursor: pointer;
  height: 133px;
  left: calc(21.03% - 22px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-75-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .jocelyn-shen-bgQ1hk {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .jocelyn-shen-bgQ1hk:hover {
  opacity: 1;
}

.index-mobile .group-77-4ERIkh {
  background-color: transparent;
  bottom: calc(38.25% - 51px);
  cursor: pointer;
  height: 133px;
  left: calc(21.03% - 22px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-77-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .jersey-stuart-8g31LH {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .jersey-stuart-8g31LH:hover {
  opacity: 1;
}

.index-mobile .group-79-4ERIkh {
  background-color: transparent;
  bottom: calc(45.86% - 61px);
  cursor: pointer;
  height: 133px;
  left: calc(21.03% - 22px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-79-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .jasmine-wong-hEqUAk {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .jasmine-wong-hEqUAk:hover {
  opacity: 1;
}

.index-mobile .group-69-4ERIkh {
  background-color: transparent;
  cursor: pointer;
  height: 133px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(21.03% - 22px);
  top: calc(46.53% - 62px);
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-69-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .ingrid-wong-jemt7W {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .ingrid-wong-jemt7W:hover {
  opacity: 1;
}

.index-mobile .group-71-4ERIkh {
  background-color: transparent;
  bottom: calc(15.27% - 20px);
  cursor: pointer;
  height: 133px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(21.03% - 22px);
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-71-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .sanyukta-ghag-to4ktc {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .sanyukta-ghag-to4ktc:hover {
  opacity: 1;
}

.index-mobile .group-72-4ERIkh {
  background-color: transparent;
  bottom: calc(22.97% - 31px);
  cursor: pointer;
  height: 133px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(21.03% - 22px);
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-72-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .nieves-rocillo-rjOiTk {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .nieves-rocillo-rjOiTk:hover {
  opacity: 1;
}

.index-mobile .group-74-4ERIkh {
  background-color: transparent;
  bottom: calc(30.59% - 41px);
  cursor: pointer;
  height: 133px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(21.03% - 22px);
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-74-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .kristen-chan-094SFZ {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .kristen-chan-094SFZ:hover {
  opacity: 1;
}

.index-mobile .group-76-4ERIkh {
  background-color: transparent;
  bottom: calc(38.25% - 51px);
  cursor: pointer;
  height: 133px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(21.03% - 22px);
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-76-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .jethro-sanchez-cqGOkG {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .jethro-sanchez-cqGOkG:hover {
  opacity: 1;
}

.index-mobile .group-78-4ERIkh {
  background-color: transparent;
  bottom: calc(45.86% - 61px);
  cursor: pointer;
  height: 133px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(21.03% - 22px);
  transition: all 0.2s ease;
  width: 104px;
}

.index-mobile .group-78-4ERIkh:hover {
  opacity: 1;
}

.index-mobile .jenny-yuhan-zhao-ZQit6A {
  background-color: transparent;
  bottom: 0.86%;
  cursor: pointer;
  height: 17px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 106px;
}

.index-mobile .jenny-yuhan-zhao-ZQit6A:hover {
  opacity: 1;
}

.index-mobile .marquee-4ERIkh {
  background-color: transparent;
  height: 24px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  right: calc(49.43% - 55px);
  text-align: center;
  top: 16px;
  white-space: nowrap;
  width: 112px;
}

.index-mobile .asset-54x2-4ERIkh {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: calc(50% - 28px);
  object-fit: cover;
  position: absolute;
  top: calc(31.92% - 11px);
  width: 55px;
}

.index-mobile .asset-84x-4ERIkh {
  background-color: transparent;
  display: block;
  height: 75px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: -19px;
  top: calc(32.71% - 25px);
  width: 117px;
}

.index-mobile .asset-84x-4ERIkh.bp1-animate-enter13 {
  animation: bp1-animate-enter13-frames 1.5s ease-in-out 0.5s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter13-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .asset-94x-4ERIkh {
  background-color: transparent;
  height: 68px;
  object-fit: cover;
  position: absolute;
  right: 16px;
  top: calc(40.62% - 28px);
  width: 100px;
}

.index-mobile .asset-74x-4ERIkh {
  background-color: transparent;
  bottom: 178px;
  display: block;
  height: 98px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: -10px;
  width: 119px;
}

.index-mobile .asset-74x-4ERIkh.bp1-animate-enter14 {
  animation: bp1-animate-enter14-frames 1.5s ease-in-out 0.5s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter14-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-mobile .group-109-4ERIkh {
  background-color: transparent;
  height: 45px;
  left: 24px;
  position: absolute;
  top: calc(38.94% - 18px);
  width: 195px;
}

.index-mobile .rectangle-153-fylz5F {
  background-color: var(--sulu);
  border-radius: 43px;
  height: 100%;
  left: 18.46%;
  position: absolute;
  top: 0px;
  width: 63.08%;
}

.index-mobile .designers-fylz5F {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-ohnoblazeface_14_point-regular);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
  height: 42.22%;
  left: 25.64%;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 7.78%;
  white-space: nowrap;
  width: 49.23%;
}

.index-mobile .x6765191-fylz5F {
  background-color: transparent;
  height: calc(100% - 12px);
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 5px;
  width: 22px;
}

.index-mobile .x6765219-fylz5F {
  background-color: transparent;
  height: calc(100% - 12px);
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 5px;
  width: 22px;
}
/* screen - index-tablet */

.index-tablet {
  background-color: var(--white);
  cursor: pointer;
  height: 100vh;
  margin: 0px;
  min-height: 1963px;
  min-width: 768px;
  overflow: hidden;
  overflow-x: hidden;
  pointer-events: auto;
  position: relative;
  transition: all 0.2s ease;
  width: 100%;
}

.index-tablet .group-104-AQUY86 {
  background-color: transparent;
  height: 748px;
  left: calc(50% - 384px);
  position: absolute;
  top: calc(8.4% - 63px);
  width: 768px;
}

.index-tablet .group-101-kZJFN3 {
  background-color: transparent;
  height: 710px;
  left: calc(27% - 180px);
  position: relative;
  top: 22px;
  width: 668px;
}

.index-tablet .group-99-KeYPcb {
  background-color: transparent;
  height: 262px;
  position: absolute;
  right: calc(4% - 25px);
  top: calc(5.14% - 13px);
  width: 618px;
}

.index-tablet .asset-14x-GU7yFa {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .group-97-GU7yFa {
  background-color: transparent;
  height: 183px;
  position: absolute;
  right: calc(50% - 216px);
  top: 20px;
  width: 432px;
}

.index-tablet .event-mark-AlXkkX {
  background-color: transparent;
  height: calc(100% - 34px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .embracing-AlXkkX {
  background-color: transparent;
  bottom: calc(19.87% - 5px);
  color: var(--black);
  font-family: var(--font-family-figginssans-bold);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  height: 27px;
  letter-spacing: 0.42px;
  line-height: 21px;
  position: absolute;
  right: calc(23.55% - 25px);
  text-align: right;
  white-space: nowrap;
  width: 105px;
}

.index-tablet .young-asian-canadians-talents-AlXkkX {
  background-color: transparent;
  bottom: -4px;
  color: var(--black);
  font-family: var(--font-family-figginssans-regular);
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  height: 27px;
  letter-spacing: 0.42px;
  line-height: 21px;
  position: absolute;
  right: 26px;
  text-align: right;
  white-space: nowrap;
  width: 281px;
}

.index-tablet .the-design-show-KeYPcb {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-figginssans-bold);
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  height: 25px;
  letter-spacing: 0.38px;
  line-height: 19px;
  position: absolute;
  right: calc(15.04% - 23px);
  text-align: right;
  top: calc(44.07% - 11px);
  white-space: nowrap;
  width: 156px;
}

.index-tablet .presented-by-KeYPcb {
  background-color: transparent;
  bottom: calc(5.73% - 1px);
  height: 20px;
  left: calc(19.2% - 17px);
  letter-spacing: 0.3px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 90px;
}

.index-tablet .line-5-KeYPcb {
  background-color: transparent;
  bottom: 10.77%;
  height: 4px;
  object-fit: cover;
  position: absolute;
  right: calc(38.67% - 188px);
  width: 487px;
}

.index-tablet .line-8-KeYPcb {
  background-color: transparent;
  height: 4px;
  object-fit: cover;
  position: absolute;
  right: calc(38.67% - 188px);
  top: calc(36.53% - 1px);
  width: 487px;
}

.index-tablet .yu_design_logo-KeYPcb {
  background-color: transparent;
  bottom: 0px;
  height: 42px;
  left: calc(46.22% - 40px);
  object-fit: cover;
  position: absolute;
  width: 86px;
}

.index-tablet .ycar_logo-KeYPcb {
  background-color: transparent;
  bottom: 0px;
  height: 39px;
  object-fit: cover;
  position: absolute;
  right: calc(32.47% - 41px);
  width: 126px;
}

.index-tablet .york-u-logo_-hor_rgb-KeYPcb {
  background-color: transparent;
  bottom: 0px;
  height: 41px;
  object-fit: cover;
  position: absolute;
  right: calc(11.13% - 11px);
  width: 102px;
}

.index-tablet .this-virtual-show-wi-KeYPcb {
  background-color: transparent;
  bottom: calc(25.64% - 60px);
  height: 234px;
  letter-spacing: 0.36px;
  line-height: 30px;
  position: absolute;
  right: calc(35.88% - 179px);
  text-align: left;
  width: 498px;
}

.index-tablet .x6764763-KeYPcb {
  background-color: transparent;
  height: 57px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 57px;
}

.index-tablet .x6771986-KeYPcb {
  background-color: transparent;
  height: 71px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: calc(26.92% - 19px);
  width: 67px;
}

.index-tablet .x6771953-AQUY86 {
  background-color: transparent;
  height: 158px;
  overflow: hidden;
  position: absolute;
  right: -32px;
  top: 17px;
  width: 148px;
}

.index-tablet .asset-64x-AQUY86 {
  background-color: transparent;
  bottom: 59px;
  height: 110px;
  object-fit: cover;
  position: absolute;
  right: 30px;
  width: 80px;
}

.index-tablet .x6765083-AQUY86 {
  background-color: transparent;
  height: 246px;
  left: -128px;
  overflow: hidden;
  position: absolute;
  top: calc(34.54% - 85px);
  width: 246px;
}

.index-tablet .header-AQUY86 {
  background-color: var(--sulu);
  height: 61px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .rectangle-107-AQUY86 {
  background-color: transparent;
  bottom: calc(12.07% - 15px);
  display: block;
  height: 124px;
  left: calc(14.75% - 18px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 124px;
}

.index-tablet .rectangle-107-AQUY86.bp2-animate-enter {
  animation: bp2-animate-enter-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .rectangle-102-AQUY86 {
  background-color: transparent;
  bottom: calc(22.24% - 28px);
  display: block;
  height: 124px;
  left: calc(4.81% - 6px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 124px;
}

.index-tablet .rectangle-102-AQUY86.bp2-animate-enter1 {
  animation: bp2-animate-enter1-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter1-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .rectangle-106-AQUY86 {
  background-color: transparent;
  bottom: calc(12.07% - 15px);
  display: block;
  height: 124px;
  left: calc(38.35% - 48px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 124px;
}

.index-tablet .rectangle-106-AQUY86.bp2-animate-enter2 {
  animation: bp2-animate-enter2-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter2-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .rectangle-99-AQUY86 {
  background-color: transparent;
  bottom: calc(22.24% - 28px);
  display: block;
  height: 124px;
  left: calc(27.48% - 34px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 124px;
}

.index-tablet .rectangle-99-AQUY86.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter3-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .rectangle-105-AQUY86 {
  background-color: transparent;
  bottom: calc(12.07% - 15px);
  display: block;
  height: 124px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(38.2% - 47px);
  width: 124px;
}

.index-tablet .rectangle-105-AQUY86.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter4-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .rectangle-100-AQUY86 {
  background-color: transparent;
  bottom: calc(22.24% - 28px);
  display: block;
  height: 124px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(49.84% - 62px);
  width: 124px;
}

.index-tablet .rectangle-100-AQUY86.bp2-animate-enter5 {
  animation: bp2-animate-enter5-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter5-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .rectangle-95-AQUY86 {
  background-color: transparent;
  bottom: calc(32.74% - 41px);
  display: block;
  height: 124px;
  left: calc(14.75% - 18px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 124px;
}

.index-tablet .rectangle-95-AQUY86.bp2-animate-enter6 {
  animation: bp2-animate-enter6-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter6-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .rectangle-96-AQUY86 {
  background-color: transparent;
  bottom: calc(32.74% - 41px);
  display: block;
  height: 124px;
  left: calc(38.35% - 48px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 124px;
}

.index-tablet .rectangle-96-AQUY86.bp2-animate-enter7 {
  animation: bp2-animate-enter7-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter7-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .rectangle-97-AQUY86 {
  background-color: transparent;
  bottom: calc(32.74% - 41px);
  display: block;
  height: 124px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(38.2% - 47px);
  width: 124px;
}

.index-tablet .rectangle-97-AQUY86.bp2-animate-enter8 {
  animation: bp2-animate-enter8-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter8-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .rectangle-98-AQUY86 {
  background-color: transparent;
  bottom: calc(32.74% - 41px);
  display: block;
  height: 124px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(14.6% - 18px);
  width: 124px;
}

.index-tablet .rectangle-98-AQUY86.bp2-animate-enter9 {
  animation: bp2-animate-enter9-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter9-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .rectangle-104-AQUY86 {
  background-color: transparent;
  bottom: calc(12.07% - 15px);
  display: block;
  height: 124px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(14.6% - 18px);
  width: 124px;
}

.index-tablet .rectangle-104-AQUY86.bp2-animate-enter10 {
  animation: bp2-animate-enter10-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter10-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .rectangle-101-AQUY86 {
  background-color: transparent;
  bottom: calc(22.24% - 28px);
  display: block;
  height: 124px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(27.33% - 34px);
  width: 124px;
}

.index-tablet .rectangle-101-AQUY86.bp2-animate-enter11 {
  animation: bp2-animate-enter11-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter11-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .rectangle-103-AQUY86 {
  background-color: transparent;
  bottom: calc(22.24% - 28px);
  display: block;
  height: 124px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(4.66% - 6px);
  width: 124px;
}

.index-tablet .rectangle-103-AQUY86.bp2-animate-enter12 {
  animation: bp2-animate-enter12-frames 1.5s ease-in-out 0s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter12-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .group-55-AQUY86 {
  background-color: transparent;
  bottom: calc(31.51% - 49px);
  cursor: pointer;
  height: 157px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(14.6% - 18px);
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-55-AQUY86:hover {
  opacity: 1;
}

.index-tablet .jenny-yuhan-zhao-mNh38Z {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .jenny-yuhan-zhao-mNh38Z:hover {
  opacity: 1;
}

.index-tablet .group-67-AQUY86 {
  background-color: transparent;
  bottom: calc(10.47% - 16px);
  cursor: pointer;
  height: 157px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(14.6% - 18px);
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-67-AQUY86:hover {
  opacity: 1;
}

.index-tablet .shane-toyama-6XGbf3 {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .shane-toyama-6XGbf3:hover {
  opacity: 1;
}

.index-tablet .group-56-AQUY86 {
  background-color: transparent;
  bottom: calc(31.4% - 47px);
  cursor: pointer;
  height: 151px;
  left: calc(14.75% - 18px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-56-AQUY86:hover {
  opacity: 1;
}

.index-tablet .catriona-nguyen-c43Une {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  opacity: 0.76;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .catriona-nguyen-c43Une:hover {
  opacity: 1;
}

.index-tablet .group-64-AQUY86 {
  background-color: transparent;
  bottom: calc(10.47% - 16px);
  cursor: pointer;
  height: 157px;
  left: calc(14.75% - 18px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-64-AQUY86:hover {
  opacity: 1;
}

.index-tablet .nieves-rocillo-btxo2O {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .nieves-rocillo-btxo2O:hover {
  opacity: 1;
}

.index-tablet .group-59-AQUY86 {
  background-color: transparent;
  bottom: calc(20.82% - 33px);
  cursor: pointer;
  height: 157px;
  left: calc(4.81% - 6px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-59-AQUY86:hover {
  opacity: 1;
}

.index-tablet .jersey-stuart-hWTkCX {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .jersey-stuart-hWTkCX:hover {
  opacity: 1;
}

.index-tablet .group-60-AQUY86 {
  background-color: transparent;
  bottom: calc(20.82% - 33px);
  cursor: pointer;
  height: 157px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(4.66% - 6px);
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-60-AQUY86:hover {
  opacity: 1;
}

.index-tablet .nabiha-tasnim-PlZRYA {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .nabiha-tasnim-PlZRYA:hover {
  opacity: 1;
}

.index-tablet .group-61-AQUY86 {
  background-color: transparent;
  bottom: calc(20.82% - 33px);
  cursor: pointer;
  height: 157px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(27.33% - 34px);
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-61-AQUY86:hover {
  opacity: 1;
}

.index-tablet .kristen-chan-wHmo6j {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .kristen-chan-wHmo6j:hover {
  opacity: 1;
}

.index-tablet .group-62-AQUY86 {
  background-color: transparent;
  bottom: calc(20.82% - 33px);
  cursor: pointer;
  height: 157px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(49.84% - 62px);
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-62-AQUY86:hover {
  opacity: 1;
}

.index-tablet .jocelyn-shen-UL5mlJ {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .jocelyn-shen-UL5mlJ:hover {
  opacity: 1;
}

.index-tablet .group-63-AQUY86 {
  background-color: transparent;
  bottom: calc(20.82% - 33px);
  cursor: pointer;
  height: 157px;
  left: calc(27.48% - 34px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-63-AQUY86:hover {
  opacity: 1;
}

.index-tablet .jethro-sanchez-1Dj8LF {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .jethro-sanchez-1Dj8LF:hover {
  opacity: 1;
}

.index-tablet .group-57-AQUY86 {
  background-color: transparent;
  bottom: calc(31.51% - 49px);
  cursor: pointer;
  height: 157px;
  left: calc(38.35% - 48px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-57-AQUY86:hover {
  opacity: 1;
}

.index-tablet .ingrid-wong-zFIxXG {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .ingrid-wong-zFIxXG:hover {
  opacity: 1;
}

.index-tablet .group-65-AQUY86 {
  background-color: transparent;
  bottom: calc(10.47% - 16px);
  cursor: pointer;
  height: 157px;
  left: calc(38.35% - 48px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-65-AQUY86:hover {
  opacity: 1;
}

.index-tablet .sam-loiselle-5IXlUI {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .sam-loiselle-5IXlUI:hover {
  opacity: 1;
}

.index-tablet .group-58-AQUY86 {
  background-color: transparent;
  bottom: calc(31.51% - 49px);
  cursor: pointer;
  height: 157px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(38.2% - 47px);
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-58-AQUY86:hover {
  opacity: 1;
}

.index-tablet .jasmine-wong-oWICCE {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .jasmine-wong-oWICCE:hover {
  opacity: 1;
}

.index-tablet .group-66-AQUY86 {
  background-color: transparent;
  bottom: calc(10.47% - 16px);
  cursor: pointer;
  height: 157px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(38.2% - 47px);
  transition: all 0.2s ease;
  width: 124px;
}

.index-tablet .group-66-AQUY86:hover {
  opacity: 1;
}

.index-tablet .sanyukta-ghag-HolAe1 {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 20px;
  left: 0px;
  letter-spacing: 0px;
  line-height: 19px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 126px;
}

.index-tablet .sanyukta-ghag-HolAe1:hover {
  opacity: 1;
}

.index-tablet .marquee-AQUY86 {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-figginssans-regular);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  height: 26px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  right: calc(49.84% - 62px);
  text-align: center;
  top: 15px;
  white-space: nowrap;
  width: 124px;
}

.index-tablet .asset-54x1-AQUY86 {
  background-color: transparent;
  cursor: pointer;
  height: 46px;
  object-fit: cover;
  position: absolute;
  right: calc(49.93% - 37px);
  top: calc(46.48% - 21px);
  width: 75px;
}

.index-tablet .rectangle-21-AQUY86 {
  background-color: var(--sulu);
  bottom: 0px;
  height: 68px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index-tablet .designed-by-kristen-AQUY86 {
  background-color: transparent;
  bottom: 22px;
  height: 19px;
  left: 23.96%;
  letter-spacing: 0.28px;
  line-height: 14px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 52.34%;
}

.index-tablet .asset-84x-AQUY86 {
  background-color: transparent;
  display: block;
  height: 109px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: -22px;
  top: calc(44.98% - 49px);
  width: 171px;
}

.index-tablet .asset-84x-AQUY86.bp2-animate-enter13 {
  animation: bp2-animate-enter13-frames 1.5s ease-in-out 0.5s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter13-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .asset-94x-AQUY86 {
  background-color: transparent;
  bottom: calc(42.04% - 54px);
  height: 130px;
  object-fit: cover;
  position: absolute;
  right: 53px;
  width: 191px;
}

.index-tablet .asset-74x-AQUY86 {
  background-color: transparent;
  bottom: 91px;
  display: block;
  height: 98px;
  left: -4px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 119px;
}

.index-tablet .asset-74x-AQUY86.bp2-animate-enter14 {
  animation: bp2-animate-enter14-frames 1.5s ease-in-out 0.5s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter14-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.index-tablet .group-108-AQUY86 {
  background-color: transparent;
  bottom: calc(43.14% - 27px);
  height: 62px;
  left: 55px;
  position: absolute;
  width: 269px;
}

.index-tablet .rectangle-152-P3IYKG {
  background-color: var(--sulu);
  border-radius: 43px;
  height: 62px;
  left: 47px;
  position: absolute;
  top: calc(50% - 31px);
  width: 175px;
}

.index-tablet .designers-P3IYKG {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-ohnoblazeface_14_point-regular);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  height: 25px;
  left: 63px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: calc(29.73% - 7px);
  white-space: nowrap;
  width: 147px;
}

.index-tablet .x6765191-P3IYKG {
  background-color: transparent;
  height: 50px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: calc(50% - 25px);
  width: 33px;
}

.index-tablet .x6765219-P3IYKG {
  background-color: transparent;
  height: calc(100% - 12px);
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 6px;
  width: 33px;
}
@media screen and (max-width: 767px) {
  .screen.index {
    display: none;
  }
  .screen.index-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.index {
    display: none;
  }
  .screen.index-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.index-tablet {
    display: none;
  }
  .screen.index-mobile {
    display: none;
  }
}

/* screen - catriona */

.catriona {
  height: 3266px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.catriona .rectangle-26-fQmOWV {
  background-color: var(--white);
  height: 2969px;
  left: 181px;
  position: absolute;
  top: 76px;
  width: 1558px;
}

.catriona .gallery-brochure-x-modern-fQmOWV {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 182px;
  white-space: nowrap;
  width: 1087px;
}

.catriona .design-rationalethe-fQmOWV {
  background-color: transparent;
  height: auto;
  left: 497px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1032px;
  width: 928px;
}

.catriona .span0-z1CrE6 {
}

.catriona .span1-z1CrE6 {
}

.catriona .x2_catriona-fQmOWV {
  background-color: transparent;
  height: 225px;
  left: 340px;
  object-fit: cover;
  position: absolute;
  top: 1467px;
  width: 300px;
}

.catriona .x3_catriona-fQmOWV {
  background-color: transparent;
  height: 225px;
  left: 653px;
  object-fit: cover;
  position: absolute;
  top: 1467px;
  width: 300px;
}

.catriona .x4_catriona-fQmOWV {
  background-color: transparent;
  height: 225px;
  left: 967px;
  object-fit: cover;
  position: absolute;
  top: 1467px;
  width: 300px;
}

.catriona .x5_catriona-fQmOWV {
  background-color: transparent;
  height: 225px;
  left: 1280px;
  object-fit: cover;
  position: absolute;
  top: 1467px;
  width: 300px;
}

.catriona .by-catriona-nguyen-fQmOWV {
  background-color: transparent;
  height: auto;
  left: 1284px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 189px;
  white-space: nowrap;
  width: 296px;
}

.catriona .publication-design-fQmOWV {
  background-color: transparent;
  color: var(--dusty-gray);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 119px;
  white-space: nowrap;
  width: 610px;
}

.catriona .hello-i-am-catriona-fQmOWV {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2921px;
  width: 800px;
}

.catriona .a_catriona-fQmOWV {
  background-color: transparent;
  height: 136px;
  left: 478px;
  object-fit: cover;
  position: absolute;
  top: 2875px;
  width: 177px;
}

.catriona .catriona-nguyen-fQmOWV {
  background-color: transparent;
  height: auto;
  left: 656px;
  letter-spacing: 0px;
  line-height: 29px;
  position: absolute;
  text-align: left;
  top: 2875px;
  white-space: nowrap;
  width: auto;
}

.catriona .designer-fQmOWV {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2840px;
  white-space: nowrap;
  width: 296px;
}

.catriona .group-4-fQmOWV {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1659px;
  position: absolute;
  top: 127px;
  width: 24px;
}

.catriona .path-2-gZdjQ4 {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.catriona .line-4-gZdjQ4 {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.catriona .next-fQmOWV {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2965px;
  white-space: nowrap;
  width: 90px;
}

.catriona .x1_catriona-fQmOWV {
  background-color: transparent;
  height: 730px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 256px;
  width: 1241px;
}

.catriona .mask-group-21-fQmOWV {
  background-color: transparent;
  height: 410px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1705px;
  width: 614px;
}

.catriona .x7_catriona-fQmOWV {
  background-color: transparent;
  height: 409px;
  left: 967px;
  object-fit: cover;
  position: absolute;
  top: 1705px;
  width: 613px;
}

.catriona .mask-group-33-fQmOWV {
  background-color: transparent;
  height: 674px;
  left: 340px;
  object-fit: cover;
  position: absolute;
  top: 2127px;
  width: 1241px;
}
/* screen - catriona-mobile */

.catriona-mobile {
  height: 3109px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.catriona-mobile .rectangle-26-Knc1JI {
  background-color: var(--white);
  height: 3092px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 362px;
}

.catriona-mobile .gallery-brochure-x-modern-Knc1JI {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 33px;
  white-space: nowrap;
  width: 263px;
}

.catriona-mobile .design-rationalethe-Knc1JI {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 305px;
}

.catriona-mobile .span0-rKFE6T {
}

.catriona-mobile .span1-rKFE6T {
}

.catriona-mobile .x2_catriona-Knc1JI {
  background-color: transparent;
  height: 249px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 981px;
  width: 332px;
}

.catriona-mobile .x3_catriona-Knc1JI {
  background-color: transparent;
  height: 249px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1243px;
  width: 332px;
}

.catriona-mobile .publication-design-Knc1JI {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.catriona-mobile .mask-group-21-Knc1JI {
  background-color: transparent;
  height: 222px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1505px;
  width: 332px;
}

.catriona-mobile .x1_catriona-Knc1JI {
  background-color: transparent;
  height: 195px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 78px;
  width: 332px;
}

.catriona-mobile .x4_catriona-Knc1JI {
  background-color: transparent;
  height: 249px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1740px;
  width: 332px;
}

.catriona-mobile .x5_catriona-Knc1JI {
  background-color: transparent;
  height: 249px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 2002px;
  width: 332px;
}

.catriona-mobile .x7_catriona-Knc1JI {
  background-color: transparent;
  height: 221px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 2264px;
  width: 332px;
}

.catriona-mobile .hello-i-am-catriona-Knc1JI {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2830px;
  width: 305px;
}

.catriona-mobile .a_catriona-Knc1JI {
  background-color: transparent;
  height: 104px;
  left: 7px;
  object-fit: cover;
  position: absolute;
  top: 2722px;
  width: 135px;
}

.catriona-mobile .catriona-nguyen-Knc1JI {
  background-color: transparent;
  height: auto;
  left: 138px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 2759px;
  white-space: nowrap;
  width: auto;
}

.catriona-mobile .designer-Knc1JI {
  background-color: transparent;
  height: auto;
  left: 139px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2724px;
  white-space: nowrap;
  width: 106px;
}

.catriona-mobile .mask-group-33-Knc1JI {
  background-color: transparent;
  height: 180px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 2499px;
  width: 332px;
}

.catriona-mobile .by-catriona-nguyen-Knc1JI {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.catriona-mobile .group-4-Knc1JI {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.catriona-mobile .path-2-Ep6QO2 {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.catriona-mobile .line-4-Ep6QO2 {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.catriona-mobile .next-Knc1JI {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3052px;
  white-space: nowrap;
  width: 59px;
}
/* screen - catriona-tablet */

.catriona-tablet {
  height: 3092px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.catriona-tablet .rectangle-26-bmkJQg {
  background-color: var(--white);
  height: 3040px;
  left: 26px;
  position: absolute;
  top: 27px;
  width: 716px;
}

.catriona-tablet .gallery-brochure-x-modern-bmkJQg {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.catriona-tablet .design-rationalethe-bmkJQg {
  background-color: transparent;
  height: auto;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.catriona-tablet .span0-9mwJBc {
}

.catriona-tablet .span1-9mwJBc {
}

.catriona-tablet .group-82-bmkJQg {
  background-color: transparent;
  height: 210px;
  left: 100px;
  position: absolute;
  top: 1208px;
  width: 569px;
}

.catriona-tablet .x2_catriona-7DlLwA {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 49.13%;
}

.catriona-tablet .x3_catriona-7DlLwA {
  background-color: transparent;
  height: 100%;
  left: 50.87%;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 49.13%;
}

.catriona-tablet .publication-design-bmkJQg {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.catriona-tablet .mask-group-21-bmkJQg {
  background-color: transparent;
  height: 380px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1431px;
  width: 569px;
}

.catriona-tablet .x1_catriona-bmkJQg {
  background-color: transparent;
  height: 335px;
  left: 101px;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 570px;
}

.catriona-tablet .group-81-bmkJQg {
  background-color: transparent;
  height: 209px;
  left: 101px;
  position: absolute;
  top: 1824px;
  width: 568px;
}

.catriona-tablet .x4_catriona-IKnaXx {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 48.94%;
}

.catriona-tablet .x5_catriona-IKnaXx {
  background-color: transparent;
  height: 100%;
  left: 51.06%;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 48.94%;
}

.catriona-tablet .by-catriona-nguyen-bmkJQg {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.catriona-tablet .x7_catriona-bmkJQg {
  background-color: transparent;
  height: 379px;
  left: 101px;
  object-fit: cover;
  position: absolute;
  top: 2045px;
  width: 568px;
}

.catriona-tablet .hello-i-am-catriona-bmkJQg {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2851px;
  width: 378px;
}

.catriona-tablet .a_catriona-bmkJQg {
  background-color: transparent;
  height: 135px;
  left: 66px;
  object-fit: cover;
  position: absolute;
  top: 2803px;
  width: 175px;
}

.catriona-tablet .catriona-nguyen-bmkJQg {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 2824px;
  white-space: nowrap;
  width: auto;
}

.catriona-tablet .designer-bmkJQg {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2780px;
  white-space: nowrap;
  width: 137px;
}

.catriona-tablet .mask-group-33-bmkJQg {
  background-color: transparent;
  height: 310px;
  left: 101px;
  object-fit: cover;
  position: absolute;
  top: 2437px;
  width: 570px;
}

.catriona-tablet .group-4-bmkJQg {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.catriona-tablet .path-2-qrBgn3 {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.catriona-tablet .line-4-qrBgn3 {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.catriona-tablet .next-bmkJQg {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2992px;
  white-space: nowrap;
  width: 59px;
}
@media screen and (max-width: 767px) {
  .screen.catriona {
    display: none;
  }
  .screen.catriona-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.catriona {
    display: none;
  }
  .screen.catriona-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.catriona-mobile {
    display: none;
  }
  .screen.catriona-tablet {
    display: none;
  }
}

/* screen - ingrid */

.ingrid {
  height: 3027px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.ingrid .path-5-WyGxyS {
  background-color: transparent;
  height: 2724px;
  left: 181px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 1558px;
}

.ingrid .x1_ingrid-WyGxyS {
  background-color: transparent;
  height: 730px;
  left: 340px;
  object-fit: cover;
  position: absolute;
  top: 255px;
  width: 1241px;
}

.ingrid .ingrid-wong-WyGxyS {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 2619px;
  white-space: nowrap;
  width: auto;
}

.ingrid .as-a-young-designer-WyGxyS {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2675px;
  width: 770px;
}

.ingrid .design-rationalethe-WyGxyS {
  background-color: transparent;
  height: auto;
  left: 497px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1031px;
  width: 928px;
}

.ingrid .span0-xhNT7H {
}

.ingrid .span1-xhNT7H {
}

.ingrid .span2-xhNT7H {
}

.ingrid .span3-xhNT7H {
}

.ingrid .span4-xhNT7H {
}

.ingrid .span5-xhNT7H {
}

.ingrid .span6-xhNT7H {
}

.ingrid .span7-xhNT7H {
}

.ingrid .span8-xhNT7H {
}

.ingrid .span9-xhNT7H {
}

.ingrid .span10-xhNT7H {
}

.ingrid .a_ingrid-WyGxyS {
  background-color: transparent;
  height: 116px;
  left: 497px;
  object-fit: cover;
  position: absolute;
  top: 2640px;
  width: 150px;
}

.ingrid .designer-WyGxyS {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2572px;
  white-space: nowrap;
  width: 296px;
}

.ingrid .group-4-WyGxyS {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1659px;
  position: absolute;
  top: 131px;
  width: 24px;
}

.ingrid .path-2-ZSBDxr {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.ingrid .line-4-ZSBDxr {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.ingrid .x2_ingrid-WyGxyS {
  background-color: transparent;
  height: 346px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1466px;
  width: 615px;
}

.ingrid .x3_ingrid-WyGxyS {
  background-color: transparent;
  height: 346px;
  left: 966px;
  object-fit: cover;
  position: absolute;
  top: 1466px;
  width: 615px;
}

.ingrid .x4_ingrid-WyGxyS {
  background-color: transparent;
  height: 346px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1827px;
  width: 615px;
}

.ingrid .x5_ingrid-WyGxyS {
  background-color: transparent;
  height: 346px;
  left: 966px;
  object-fit: cover;
  position: absolute;
  top: 1827px;
  width: 615px;
}

.ingrid .x6_ingrid-WyGxyS {
  background-color: transparent;
  height: 346px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 2188px;
  width: 615px;
}

.ingrid .x7_ingrid-WyGxyS {
  background-color: transparent;
  height: 346px;
  left: 966px;
  object-fit: cover;
  position: absolute;
  top: 2188px;
  width: 615px;
}

.ingrid .next-WyGxyS {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2720px;
  white-space: nowrap;
  width: 90px;
}

.ingrid .by-ingrid-wong-WyGxyS {
  background-color: transparent;
  height: auto;
  left: 1284px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 186px;
  white-space: nowrap;
  width: 296px;
}

.ingrid .the-musica-universalis-WyGxyS {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-ohnoblazeface-14point);
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 180px;
  white-space: nowrap;
  width: 929px;
}

.ingrid .typography-for-publishing-system-WyGxyS {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 119px;
  white-space: nowrap;
  width: 584px;
}
/* screen - ingrid-mobile */

.ingrid-mobile {
  height: 2623px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.ingrid-mobile .path-5-dSclkW {
  background-color: transparent;
  height: 2604px;
  left: 7px;
  object-fit: cover;
  position: absolute;
  top: 7px;
  width: 362px;
}

.ingrid-mobile .x1_ingrid-dSclkW {
  background-color: transparent;
  height: 195px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 78px;
  width: 332px;
}

.ingrid-mobile .a_ingrid-dSclkW {
  background-color: transparent;
  height: 90px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 2268px;
  width: 116px;
}

.ingrid-mobile .x2_ingrid-dSclkW {
  background-color: transparent;
  height: 187px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1019px;
  width: 332px;
}

.ingrid-mobile .x4_ingrid-dSclkW {
  background-color: transparent;
  height: 187px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1419px;
  width: 332px;
}

.ingrid-mobile .x3_ingrid-dSclkW {
  background-color: transparent;
  height: 187px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1219px;
  width: 332px;
}

.ingrid-mobile .x5_ingrid-dSclkW {
  background-color: transparent;
  height: 187px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1620px;
  width: 332px;
}

.ingrid-mobile .x7_ingrid-dSclkW {
  background-color: transparent;
  height: 187px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 2020px;
  width: 332px;
}

.ingrid-mobile .x6_ingrid-dSclkW {
  background-color: transparent;
  height: 187px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1820px;
  width: 332px;
}

.ingrid-mobile .the-musica-universalis-dSclkW {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 33px;
  white-space: nowrap;
  width: 263px;
}

.ingrid-mobile .typography-for-publishing-system-dSclkW {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.ingrid-mobile .by-ingrid-wong-dSclkW {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.ingrid-mobile .group-4-dSclkW {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.ingrid-mobile .path-2-IvjmmZ {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.ingrid-mobile .line-4-IvjmmZ {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.ingrid-mobile .design-rationalethe-dSclkW {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 305px;
}

.ingrid-mobile .span0-4XdKK0 {
}

.ingrid-mobile .span1-4XdKK0 {
}

.ingrid-mobile .span2-4XdKK0 {
}

.ingrid-mobile .span3-4XdKK0 {
}

.ingrid-mobile .span4-4XdKK0 {
}

.ingrid-mobile .span5-4XdKK0 {
}

.ingrid-mobile .span6-4XdKK0 {
}

.ingrid-mobile .span7-4XdKK0 {
}

.ingrid-mobile .span8-4XdKK0 {
}

.ingrid-mobile .span9-4XdKK0 {
}

.ingrid-mobile .span10-4XdKK0 {
}

.ingrid-mobile .as-a-young-designer-dSclkW {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2383px;
  width: 294px;
}

.ingrid-mobile .ingrid-wong-dSclkW {
  background-color: transparent;
  height: auto;
  left: 138px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 2292px;
  white-space: nowrap;
  width: auto;
}

.ingrid-mobile .designer-dSclkW {
  background-color: transparent;
  height: auto;
  left: 139px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2257px;
  white-space: nowrap;
  width: 106px;
}

.ingrid-mobile .next-dSclkW {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2563px;
  white-space: nowrap;
  width: 59px;
}
/* screen - ingrid-tablet */

.ingrid-tablet {
  height: 3593px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.ingrid-tablet .path-5-6IOHLT {
  background-color: transparent;
  height: 3542px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 716px;
}

.ingrid-tablet .x1_ingrid-6IOHLT {
  background-color: transparent;
  height: 335px;
  left: 101px;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 570px;
}

.ingrid-tablet .design-rationalethe-6IOHLT {
  background-color: transparent;
  height: auto;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.ingrid-tablet .span0-WbR6OS {
}

.ingrid-tablet .span1-WbR6OS {
}

.ingrid-tablet .span2-WbR6OS {
}

.ingrid-tablet .span3-WbR6OS {
}

.ingrid-tablet .span4-WbR6OS {
}

.ingrid-tablet .span5-WbR6OS {
}

.ingrid-tablet .span6-WbR6OS {
}

.ingrid-tablet .span7-WbR6OS {
}

.ingrid-tablet .span8-WbR6OS {
}

.ingrid-tablet .span9-WbR6OS {
}

.ingrid-tablet .span10-WbR6OS {
}

.ingrid-tablet .a_ingrid-6IOHLT {
  background-color: transparent;
  height: 98px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 3320px;
  width: 126px;
}

.ingrid-tablet .x2_ingrid-6IOHLT {
  background-color: transparent;
  height: 321px;
  left: 101px;
  object-fit: cover;
  position: absolute;
  top: 1255px;
  width: 570px;
}

.ingrid-tablet .x4_ingrid-6IOHLT {
  background-color: transparent;
  height: 321px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 1921px;
  width: 570px;
}

.ingrid-tablet .the-musica-universalis-6IOHLT {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.ingrid-tablet .typography-for-publishing-system-6IOHLT {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.ingrid-tablet .by-ingrid-wong-6IOHLT {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.ingrid-tablet .group-4-6IOHLT {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.ingrid-tablet .path-2-zbNHt3 {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.ingrid-tablet .line-4-zbNHt3 {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.ingrid-tablet .x3_ingrid-6IOHLT {
  background-color: transparent;
  height: 321px;
  left: 101px;
  object-fit: cover;
  position: absolute;
  top: 1588px;
  width: 570px;
}

.ingrid-tablet .x5_ingrid-6IOHLT {
  background-color: transparent;
  height: 321px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 2255px;
  width: 570px;
}

.ingrid-tablet .x7_ingrid-6IOHLT {
  background-color: transparent;
  height: 321px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 2921px;
  width: 570px;
}

.ingrid-tablet .x6_ingrid-6IOHLT {
  background-color: transparent;
  height: 321px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 2588px;
  width: 570px;
}

.ingrid-tablet .as-a-young-designer-6IOHLT {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 3353px;
  width: 378px;
}

.ingrid-tablet .ingrid-wong-6IOHLT {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 3326px;
  white-space: nowrap;
  width: auto;
}

.ingrid-tablet .designer-6IOHLT {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 3282px;
  white-space: nowrap;
  width: 137px;
}

.ingrid-tablet .next-6IOHLT {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3490px;
  white-space: nowrap;
  width: 59px;
}
@media screen and (max-width: 767px) {
  .screen.ingrid {
    display: none;
  }
  .screen.ingrid-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.ingrid {
    display: none;
  }
  .screen.ingrid-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.ingrid-mobile {
    display: none;
  }
  .screen.ingrid-tablet {
    display: none;
  }
}

/* screen - jasmine */

.jasmine {
  height: 3327px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.jasmine .path-5-ZfR7rS {
  background-color: transparent;
  height: 3034px;
  left: 181px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 1558px;
}

.jasmine .yum-cha-beauty-ZfR7rS {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 181px;
  white-space: nowrap;
  width: 559px;
}

.jasmine .with-an-interest-in-ZfR7rS {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2962px;
  width: 611px;
}

.jasmine .design-rationaleinsp-ZfR7rS {
  background-color: transparent;
  height: auto;
  left: 498px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1033px;
  width: 927px;
}

.jasmine .span0-G5RygW {
}

.jasmine .span1-G5RygW {
}

.jasmine .span2-G5RygW {
}

.jasmine .span3-G5RygW {
}

.jasmine .span4-G5RygW {
}

.jasmine .span5-G5RygW {
}

.jasmine .span6-G5RygW {
}

.jasmine .span7-G5RygW {
}

.jasmine .span8-G5RygW {
}

.jasmine .span9-G5RygW {
}

.jasmine .span10-G5RygW {
}

.jasmine .span11-G5RygW {
}

.jasmine .span12-G5RygW {
}

.jasmine .span13-G5RygW {
}

.jasmine .span14-G5RygW {
}

.jasmine .span15-G5RygW {
}

.jasmine .span16-G5RygW {
}

.jasmine .span17-G5RygW {
}

.jasmine .x3_wong_j-ZfR7rS {
  background-color: transparent;
  height: 345px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 2487px;
  width: 613px;
}

.jasmine .x1_jasmine-ZfR7rS {
  background-color: transparent;
  height: 345px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 2133px;
  width: 613px;
}

.jasmine .x5_wong_j-ZfR7rS {
  background-color: transparent;
  height: 345px;
  left: 967px;
  object-fit: cover;
  position: absolute;
  top: 2487px;
  width: 613px;
}

.jasmine .x6_wong_j-ZfR7rS {
  background-color: transparent;
  height: 345px;
  left: 967px;
  object-fit: cover;
  position: absolute;
  top: 2133px;
  width: 613px;
}

.jasmine .wong_jasmine_avater-ZfR7rS {
  background-color: transparent;
  border-radius: 84px/82.94px;
  height: 166px;
  left: 484px;
  object-fit: cover;
  position: absolute;
  top: 2915px;
  width: 168px;
}

.jasmine .by-jasmine-wong-ZfR7rS {
  background-color: transparent;
  height: auto;
  left: 1286px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 187px;
  white-space: nowrap;
  width: 296px;
}

.jasmine .package-design-ZfR7rS {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 119px;
  white-space: nowrap;
  width: 161px;
}

.jasmine .group-4-ZfR7rS {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1659px;
  position: absolute;
  top: 127px;
  width: 24px;
}

.jasmine .path-2-jh5mcx {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.jasmine .line-4-jh5mcx {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.jasmine .jasmine-wong-ZfR7rS {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 2915px;
  white-space: nowrap;
  width: auto;
}

.jasmine .designer-ZfR7rS {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2877px;
  white-space: nowrap;
  width: 296px;
}

.jasmine .x2_jasmine-ZfR7rS {
  background-color: transparent;
  height: 730px;
  left: 340px;
  object-fit: cover;
  position: absolute;
  top: 257px;
  width: 1241px;
}

.jasmine .next-ZfR7rS {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3030px;
  white-space: nowrap;
  width: 90px;
}

.jasmine .x4_jasmine-ZfR7rS {
  background-color: transparent;
  height: 650px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1468px;
  width: 1241px;
}
/* screen - jasmine-mobile */

.jasmine-mobile {
  height: 2347px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.jasmine-mobile .rectangle-26-FBYk5T {
  background-color: var(--white);
  height: 2330px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 362px;
}

.jasmine-mobile .yum-cha-beauty-FBYk5T {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 34px;
  white-space: nowrap;
  width: 263px;
}

.jasmine-mobile .package-design-FBYk5T {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.jasmine-mobile .by-jasmine-wong-FBYk5T {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.jasmine-mobile .group-4-FBYk5T {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.jasmine-mobile .path-2-Evmmia {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jasmine-mobile .line-4-Evmmia {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jasmine-mobile .next-FBYk5T {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2290px;
  white-space: nowrap;
  width: 59px;
}

.jasmine-mobile .jasmine-wong-FBYk5T {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 2018px;
  white-space: nowrap;
  width: auto;
}

.jasmine-mobile .designer-FBYk5T {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 1971px;
  white-space: nowrap;
  width: 106px;
}

.jasmine-mobile .x2_jasmine-FBYk5T {
  background-color: transparent;
  height: 196px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 77px;
  width: 332px;
}

.jasmine-mobile .design-rationaleinsp-FBYk5T {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 309px;
}

.jasmine-mobile .span0-AgU4iP {
}

.jasmine-mobile .span1-AgU4iP {
}

.jasmine-mobile .span2-AgU4iP {
}

.jasmine-mobile .span3-AgU4iP {
}

.jasmine-mobile .span4-AgU4iP {
}

.jasmine-mobile .span5-AgU4iP {
}

.jasmine-mobile .span6-AgU4iP {
}

.jasmine-mobile .span7-AgU4iP {
}

.jasmine-mobile .span8-AgU4iP {
}

.jasmine-mobile .span9-AgU4iP {
}

.jasmine-mobile .span10-AgU4iP {
}

.jasmine-mobile .span11-AgU4iP {
}

.jasmine-mobile .span12-AgU4iP {
}

.jasmine-mobile .span13-AgU4iP {
}

.jasmine-mobile .span14-AgU4iP {
}

.jasmine-mobile .span15-AgU4iP {
}

.jasmine-mobile .span16-AgU4iP {
}

.jasmine-mobile .span17-AgU4iP {
}

.jasmine-mobile .x4_jasmine-FBYk5T {
  background-color: transparent;
  height: 168px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 982px;
  width: 321px;
}

.jasmine-mobile .x1_jasmine-FBYk5T {
  background-color: transparent;
  height: 181px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1163px;
  width: 321px;
}

.jasmine-mobile .x6_wong_j-FBYk5T {
  background-color: transparent;
  height: 181px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1357px;
  width: 321px;
}

.jasmine-mobile .x3_wong_j-FBYk5T {
  background-color: transparent;
  height: 181px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1551px;
  width: 321px;
}

.jasmine-mobile .x5_wong_j-FBYk5T {
  background-color: transparent;
  height: 181px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1745px;
  width: 321px;
}

.jasmine-mobile .with-an-interest-in-FBYk5T {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2072px;
  width: 301px;
}

.jasmine-mobile .wong_jasmine_avater-FBYk5T {
  background-color: transparent;
  border-radius: 53px/52.33px;
  height: 105px;
  left: 29px;
  object-fit: cover;
  position: absolute;
  top: 1967px;
  width: 106px;
}
/* screen - jasmine-tablet */

.jasmine-tablet {
  height: 3221px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.jasmine-tablet .path-5-3F7eJJ {
  background-color: transparent;
  height: 3170px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 716px;
}

.jasmine-tablet .yum-cha-beauty-3F7eJJ {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.jasmine-tablet .package-design-3F7eJJ {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.jasmine-tablet .by-jasmine-wong-3F7eJJ {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.jasmine-tablet .group-4-3F7eJJ {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.jasmine-tablet .path-2-05hy6z {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jasmine-tablet .line-4-05hy6z {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jasmine-tablet .jasmine-wong-3F7eJJ {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 2926px;
  white-space: nowrap;
  width: auto;
}

.jasmine-tablet .designer-3F7eJJ {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2883px;
  white-space: nowrap;
  width: 137px;
}

.jasmine-tablet .next-3F7eJJ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3117px;
  white-space: nowrap;
  width: 59px;
}

.jasmine-tablet .x2_jasmine-3F7eJJ {
  background-color: transparent;
  height: 336px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 571px;
}

.jasmine-tablet .design-rationaleinsp-3F7eJJ {
  background-color: transparent;
  height: auto;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.jasmine-tablet .span0-5jIabE {
}

.jasmine-tablet .span1-5jIabE {
}

.jasmine-tablet .span2-5jIabE {
}

.jasmine-tablet .span3-5jIabE {
}

.jasmine-tablet .span4-5jIabE {
}

.jasmine-tablet .span5-5jIabE {
}

.jasmine-tablet .span6-5jIabE {
}

.jasmine-tablet .span7-5jIabE {
}

.jasmine-tablet .span8-5jIabE {
}

.jasmine-tablet .span9-5jIabE {
}

.jasmine-tablet .span10-5jIabE {
}

.jasmine-tablet .span11-5jIabE {
}

.jasmine-tablet .span12-5jIabE {
}

.jasmine-tablet .span13-5jIabE {
}

.jasmine-tablet .span14-5jIabE {
}

.jasmine-tablet .span15-5jIabE {
}

.jasmine-tablet .span16-5jIabE {
}

.jasmine-tablet .span17-5jIabE {
}

.jasmine-tablet .x4_jasmine-3F7eJJ {
  background-color: transparent;
  height: 299px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1208px;
  width: 571px;
}

.jasmine-tablet .x1_jasmine-3F7eJJ {
  background-color: transparent;
  height: 321px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1520px;
  width: 571px;
}

.jasmine-tablet .x6_wong_j-3F7eJJ {
  background-color: transparent;
  height: 321px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1854px;
  width: 571px;
}

.jasmine-tablet .x3_wong_j-3F7eJJ {
  background-color: transparent;
  height: 321px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 2188px;
  width: 572px;
}

.jasmine-tablet .x5_wong_j-3F7eJJ {
  background-color: transparent;
  height: 321px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 2522px;
  width: 571px;
}

.jasmine-tablet .wong_jasmine_avater-3F7eJJ {
  background-color: transparent;
  border-radius: 58px/57.27px;
  height: 115px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 2875px;
  width: 116px;
}

.jasmine-tablet .with-an-interest-in-3F7eJJ {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2972px;
  width: 378px;
}
@media screen and (max-width: 767px) {
  .screen.jasmine {
    display: none;
  }
  .screen.jasmine-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.jasmine {
    display: none;
  }
  .screen.jasmine-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.jasmine-tablet {
    display: none;
  }
  .screen.jasmine-mobile {
    display: none;
  }
}

/* screen - jenny */

.jenny {
  height: 3354px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.jenny .rectangle-26-sTDoGL {
  background-color: var(--white);
  height: 3054px;
  left: 181px;
  position: absolute;
  top: 75px;
  width: 1558px;
}

.jenny .the-hitchhikers-guide-to-the-galaxy-sTDoGL {
  background-color: transparent;
  height: auto;
  left: 339px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 181px;
  white-space: nowrap;
  width: 1244px;
}

.jenny .design-rationalethe-sTDoGL {
  background-color: transparent;
  height: auto;
  left: 497px;
  letter-spacing: 0px;
  line-height: 32px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 1031px;
  width: 928px;
}

.jenny .span0-3h2UhD {
}

.jenny .span1-3h2UhD {
}

.jenny .by-jenny-yuhan-zhao-sTDoGL {
  background-color: transparent;
  height: auto;
  left: 1284px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 187px;
  white-space: nowrap;
  width: 296px;
}

.jenny .book-cover-design-sTDoGL {
  background-color: transparent;
  height: auto;
  left: 339px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 120px;
  white-space: nowrap;
  width: 610px;
}

.jenny .x1_jenny-sTDoGL {
  background-color: transparent;
  height: 345px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1466px;
  width: 613px;
}

.jenny .x2_jenny-sTDoGL {
  background-color: transparent;
  height: 345px;
  left: 966px;
  object-fit: cover;
  position: absolute;
  top: 1466px;
  width: 613px;
}

.jenny .x4_hitchhikers-sTDoGL {
  background-color: transparent;
  height: 699px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 2186px;
  width: 1242px;
}

.jenny .group-18-sTDoGL {
  background-color: transparent;
  height: 144px;
  left: 505px;
  position: absolute;
  top: 2935px;
  width: 920px;
}

.jenny .i-found-my-passion-f-BAI0yV {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-figgins_sans);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 50%;
  left: 16.34%;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 48.61%;
  width: 83.88%;
}

.jenny .span0-pze8km {
}

.jenny .span1-pze8km {
  font-family: var(--font-family-figginssans-italic);
  font-style: italic;
}

.jenny .span2-pze8km {
}

.jenny .jenny_avatar-BAI0yV {
  background-color: transparent;
  border-radius: 64px;
  height: 88.89%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 11.11%;
  width: 13.91%;
}

.jenny .jenny-yuhan-zhao-BAI0yV {
  background-color: transparent;
  height: 21.53%;
  left: 16.41%;
  letter-spacing: 0px;
  line-height: 29px;
  position: absolute;
  text-align: left;
  top: 18.09%;
  white-space: nowrap;
  width: 21.3%;
}

.jenny .designer-BAI0yV {
  background-color: transparent;
  height: 13.19%;
  left: 16.41%;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: -7.64%;
  white-space: nowrap;
  width: 32.17%;
}

.jenny .group-4-sTDoGL {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1659px;
  position: absolute;
  top: 127px;
  width: 24px;
}

.jenny .path-2-d3dFqA {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.jenny .line-4-d3dFqA {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.jenny .next-sTDoGL {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3050px;
  white-space: nowrap;
  width: 90px;
}

.jenny .x3_jenny-sTDoGL {
  background-color: transparent;
  height: 730px;
  left: 340px;
  object-fit: cover;
  position: absolute;
  top: 255px;
  width: 1241px;
}

.jenny .group-11-sTDoGL {
  background-color: transparent;
  height: 341px;
  left: 339px;
  position: absolute;
  top: 1828px;
  width: 613px;
}

.jenny .rectangle-85-XkiHwE {
  background-color: var(--quill-gray);
  height: 341px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 613px;
}

.jenny .x5_hitchhikers-XkiHwE {
  background-color: transparent;
  height: 280px;
  left: 115px;
  object-fit: cover;
  position: absolute;
  top: 31px;
  width: 382px;
}

.jenny .group-12-sTDoGL {
  background-color: transparent;
  height: 341px;
  left: 969px;
  position: absolute;
  top: 1828px;
  width: 612px;
}

.jenny .rectangle-87-m1oVx2 {
  background-color: var(--quill-gray);
  height: 341px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 612px;
}

.jenny .x6_hitchhikers-m1oVx2 {
  background-color: transparent;
  height: 284px;
  left: 113px;
  object-fit: cover;
  position: absolute;
  top: 31px;
  width: 387px;
}
/* screen - jenny-mobile */

.jenny-mobile {
  height: 2375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.jenny-mobile .rectangle-26-bSAT8O {
  background-color: var(--white);
  height: 2357px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 362px;
}

.jenny-mobile .the-hitchhikers-guide-to-the-galaxy-bSAT8O {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 34px;
  white-space: nowrap;
  width: 263px;
}

.jenny-mobile .postcard-design-bSAT8O {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.jenny-mobile .by-sanyukta-ghag-bSAT8O {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.jenny-mobile .group-4-bSAT8O {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.jenny-mobile .path-2-duhsoH {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jenny-mobile .line-4-duhsoH {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jenny-mobile .next-bSAT8O {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2317px;
  white-space: nowrap;
  width: 59px;
}

.jenny-mobile .jenny-yuhan-zhao-bSAT8O {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 2057px;
  white-space: nowrap;
  width: auto;
}

.jenny-mobile .designer-bSAT8O {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2010px;
  white-space: nowrap;
  width: 106px;
}

.jenny-mobile .x3_jenny-bSAT8O {
  background-color: transparent;
  height: 196px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 77px;
  width: 332px;
}

.jenny-mobile .design-rationalethe-bSAT8O {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 309px;
}

.jenny-mobile .span0-9I3dHl {
}

.jenny-mobile .span1-9I3dHl {
}

.jenny-mobile .x1_jenny-bSAT8O {
  background-color: transparent;
  height: 187px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 982px;
  width: 332px;
}

.jenny-mobile .x2_jenny-bSAT8O {
  background-color: transparent;
  height: 187px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1182px;
  width: 332px;
}

.jenny-mobile .group-90-bSAT8O {
  background-color: transparent;
  height: 185px;
  left: 22px;
  position: absolute;
  top: 1382px;
  width: 332px;
}

.jenny-mobile .rectangle-85-kOYZTm {
  background-color: var(--quill-gray);
  height: 185px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 332px;
}

.jenny-mobile .x5_hitchhikers-kOYZTm {
  background-color: transparent;
  height: 151px;
  left: 62px;
  object-fit: cover;
  position: absolute;
  top: 17px;
  width: 207px;
}

.jenny-mobile .group-91-bSAT8O {
  background-color: transparent;
  height: 185px;
  left: 22px;
  position: absolute;
  top: 1580px;
  width: 332px;
}

.jenny-mobile .rectangle-87-gZIQyh {
  background-color: var(--quill-gray);
  height: 185px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 332px;
}

.jenny-mobile .x6_hitchhikers-gZIQyh {
  background-color: transparent;
  height: 153px;
  left: 61px;
  object-fit: cover;
  position: absolute;
  top: 17px;
  width: 210px;
}

.jenny-mobile .x4_hitchhikers-bSAT8O {
  background-color: transparent;
  height: 187px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1778px;
  width: 332px;
}

.jenny-mobile .jenny_avatar-bSAT8O {
  background-color: transparent;
  border-radius: 41px;
  height: 82px;
  left: 46px;
  object-fit: cover;
  position: absolute;
  top: 2016px;
  width: 82px;
}

.jenny-mobile .i-found-my-passion-f-bSAT8O {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-figgins_sans);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: auto;
  left: 29px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2112px;
  width: 301px;
}

.jenny-mobile .span0-qvMqLs {
}

.jenny-mobile .span1-qvMqLs {
  font-family: var(--font-family-figginssans-italic);
  font-style: italic;
}

.jenny-mobile .span2-qvMqLs {
}
/* screen - jenny-tablet */

.jenny-tablet {
  height: 3260px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.jenny-tablet .path-5-NAlHYa {
  background-color: transparent;
  height: 3207px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 716px;
}

.jenny-tablet .the-hitchhikers-guide-to-the-galaxy-NAlHYa {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.jenny-tablet .book-cover-design-NAlHYa {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.jenny-tablet .by-jenny-yuhan-zhao-NAlHYa {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.jenny-tablet .group-4-NAlHYa {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.jenny-tablet .path-2-AnRPxn {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jenny-tablet .line-4-AnRPxn {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jenny-tablet .jenny-yuhan-zhao-NAlHYa {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 2973px;
  white-space: nowrap;
  width: auto;
}

.jenny-tablet .designer-NAlHYa {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2930px;
  white-space: nowrap;
  width: 137px;
}

.jenny-tablet .next-NAlHYa {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3154px;
  white-space: nowrap;
  width: 59px;
}

.jenny-tablet .x3_jenny-NAlHYa {
  background-color: transparent;
  height: 337px;
  left: 98px;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 573px;
}

.jenny-tablet .design-rationalethe-NAlHYa {
  background-color: transparent;
  height: auto;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.jenny-tablet .span0-s6BX5F {
}

.jenny-tablet .span1-s6BX5F {
}

.jenny-tablet .x1_jenny-NAlHYa {
  background-color: transparent;
  height: 321px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1240px;
  width: 570px;
}

.jenny-tablet .x2_jenny-NAlHYa {
  background-color: transparent;
  height: 321px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1574px;
  width: 570px;
}

.jenny-tablet .group-93-NAlHYa {
  background-color: transparent;
  height: 317px;
  left: 100px;
  position: absolute;
  top: 1908px;
  width: 570px;
}

.jenny-tablet .rectangle-85-mqxezR {
  background-color: var(--quill-gray);
  height: 317px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 570px;
}

.jenny-tablet .x5_hitchhikers-mqxezR {
  background-color: transparent;
  height: 259px;
  left: 107px;
  object-fit: cover;
  position: absolute;
  top: 29px;
  width: 355px;
}

.jenny-tablet .group-94-NAlHYa {
  background-color: transparent;
  height: 318px;
  left: 100px;
  position: absolute;
  top: 2238px;
  width: 570px;
}

.jenny-tablet .rectangle-87-tJvpru {
  background-color: var(--quill-gray);
  height: 318px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 570px;
}

.jenny-tablet .x6_hitchhikers-tJvpru {
  background-color: transparent;
  height: 263px;
  left: 105px;
  object-fit: cover;
  position: absolute;
  top: 29px;
  width: 361px;
}

.jenny-tablet .x4_hitchhikers-NAlHYa {
  background-color: transparent;
  height: 321px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 2569px;
  width: 570px;
}

.jenny-tablet .jenny_avatar-NAlHYa {
  background-color: transparent;
  border-radius: 53px;
  height: 106px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 2941px;
  width: 106px;
}

.jenny-tablet .i-found-my-passion-f-NAlHYa {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-figgins_sans);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 3019px;
  width: 378px;
}

.jenny-tablet .span0-v6RWyI {
}

.jenny-tablet .span1-v6RWyI {
  font-family: var(--font-family-figginssans-italic);
  font-style: italic;
}

.jenny-tablet .span2-v6RWyI {
}
@media screen and (max-width: 767px) {
  .screen.jenny {
    display: none;
  }
  .screen.jenny-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.jenny {
    display: none;
  }
  .screen.jenny-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.jenny-mobile {
    display: none;
  }
  .screen.jenny-tablet {
    display: none;
  }
}

/* screen - jersey */

.jersey {
  height: 3149px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.jersey .path-5-zx9lqS {
  background-color: transparent;
  height: 2902px;
  left: 181px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 1558px;
}

.jersey .x6_jersey-zx9lqS {
  background-color: transparent;
  height: 730px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 255px;
  width: 1241px;
}

.jersey .hello-i-am-jersey-an-zx9lqS {
  background-color: transparent;
  height: auto;
  left: 656px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2854px;
  width: 769px;
}

.jersey .design-rationalethis-zx9lqS {
  background-color: transparent;
  height: auto;
  left: 497px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1033px;
  width: 928px;
}

.jersey .span0-S1J0Ut {
}

.jersey .span1-S1J0Ut {
}

.jersey .span2-S1J0Ut {
}

.jersey .span3-S1J0Ut {
}

.jersey .avatar-zx9lqS {
  background-color: transparent;
  height: 100px;
  left: 520px;
  object-fit: cover;
  position: absolute;
  top: 2819px;
  width: 89px;
}

.jersey .final-image-based-zx9lqS {
  background-color: transparent;
  height: 449px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1436px;
  width: 615px;
}

.jersey .final-type-based-zx9lqS {
  background-color: transparent;
  height: 449px;
  left: 969px;
  object-fit: cover;
  position: absolute;
  top: 1436px;
  width: 615px;
}

.jersey .jersey-stuart-zx9lqS {
  background-color: transparent;
  height: auto;
  left: 656px;
  letter-spacing: 0px;
  line-height: 29px;
  position: absolute;
  text-align: left;
  top: 2800px;
  white-space: nowrap;
  width: auto;
}

.jersey .designer-zx9lqS {
  background-color: transparent;
  height: auto;
  left: 656px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2760px;
  white-space: nowrap;
  width: 296px;
}

.jersey .group-4-zx9lqS {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1659px;
  position: absolute;
  top: 139px;
  width: 24px;
}

.jersey .path-2-7B2wQd {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.jersey .line-4-7B2wQd {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.jersey .next-zx9lqS {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2900px;
  white-space: nowrap;
  width: 90px;
}

.jersey .by-jersey-stuart-zx9lqS {
  background-color: transparent;
  height: auto;
  left: 1286px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 186px;
  white-space: nowrap;
  width: 296px;
}

.jersey .book-cover-design-zx9lqS {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 119px;
  white-space: nowrap;
  width: 331px;
}

.jersey .the-little-prince-zx9lqS {
  background-color: transparent;
  height: auto;
  left: 339px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 180px;
  white-space: nowrap;
  width: 559px;
}

.jersey .x7_jersey-zx9lqS {
  background-color: transparent;
  height: 827px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1896px;
  width: 1241px;
}
/* screen - jersey-mobile */

.jersey-mobile {
  height: 2105px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.jersey-mobile .rectangle-26-KM109y {
  background-color: var(--white);
  height: 2088px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 362px;
}

.jersey-mobile .the-little-prince-KM109y {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 34px;
  white-space: nowrap;
  width: 263px;
}

.jersey-mobile .book-cover-design-KM109y {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.jersey-mobile .by-jersey-stuart-KM109y {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.jersey-mobile .group-4-KM109y {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.jersey-mobile .path-2-F0WrQA {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jersey-mobile .line-4-F0WrQA {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jersey-mobile .next-KM109y {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2048px;
  white-space: nowrap;
  width: 59px;
}

.jersey-mobile .jersey-stuart-KM109y {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 1789px;
  white-space: nowrap;
  width: auto;
}

.jersey-mobile .designer-KM109y {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 1742px;
  white-space: nowrap;
  width: 106px;
}

.jersey-mobile .x6_jersey-KM109y {
  background-color: transparent;
  height: 196px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 77px;
  width: 334px;
}

.jersey-mobile .design-rationalethis-KM109y {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 301px;
}

.jersey-mobile .span0-mxmYfX {
}

.jersey-mobile .span1-mxmYfX {
}

.jersey-mobile .span2-mxmYfX {
}

.jersey-mobile .span3-mxmYfX {
}

.jersey-mobile .final-image-based-KM109y {
  background-color: transparent;
  height: 244px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 954px;
  width: 334px;
}

.jersey-mobile .final-type-based-KM109y {
  background-color: transparent;
  height: 244px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1211px;
  width: 334px;
}

.jersey-mobile .x7_jersey-KM109y {
  background-color: transparent;
  height: 223px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1468px;
  width: 334px;
}

.jersey-mobile .avatar-KM109y {
  background-color: transparent;
  height: 75px;
  left: 46px;
  object-fit: cover;
  position: absolute;
  top: 1753px;
  width: 66px;
}

.jersey-mobile .hello-i-am-jersey-an-KM109y {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 1850px;
  width: 301px;
}
/* screen - jersey-tablet */

.jersey-tablet {
  height: 2741px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.jersey-tablet .path-5-K64Nqx {
  background-color: transparent;
  height: 2689px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 716px;
}

.jersey-tablet .the-little-prince-K64Nqx {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.jersey-tablet .book-cover-design-K64Nqx {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.jersey-tablet .by-jersey-stuart-K64Nqx {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.jersey-tablet .group-4-K64Nqx {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.jersey-tablet .path-2-V8rhox {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jersey-tablet .line-4-V8rhox {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jersey-tablet .jersey-stuart-K64Nqx {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 2473px;
  white-space: nowrap;
  width: auto;
}

.jersey-tablet .designer-K64Nqx {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2431px;
  white-space: nowrap;
  width: 137px;
}

.jersey-tablet .next-K64Nqx {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2636px;
  white-space: nowrap;
  width: 59px;
}

.jersey-tablet .x6_jersey-K64Nqx {
  background-color: transparent;
  height: 337px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 573px;
}

.jersey-tablet .design-rationalethis-K64Nqx {
  background-color: transparent;
  height: auto;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.jersey-tablet .span0-4ndAqF {
}

.jersey-tablet .span1-4ndAqF {
}

.jersey-tablet .span2-4ndAqF {
}

.jersey-tablet .span3-4ndAqF {
}

.jersey-tablet .final-image-based-K64Nqx {
  background-color: transparent;
  height: 419px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1144px;
  width: 573px;
}

.jersey-tablet .final-type-based-K64Nqx {
  background-color: transparent;
  height: 419px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1576px;
  width: 573px;
}

.jersey-tablet .x7_jersey-K64Nqx {
  background-color: transparent;
  height: 382px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 2008px;
  width: 573px;
}

.jersey-tablet .avatar-K64Nqx {
  background-color: transparent;
  height: 82px;
  left: 123px;
  object-fit: cover;
  position: absolute;
  top: 2442px;
  width: 73px;
}

.jersey-tablet .hello-i-am-jersey-an-K64Nqx {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2503px;
  width: 378px;
}
@media screen and (max-width: 767px) {
  .screen.jersey {
    display: none;
  }
  .screen.jersey-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.jersey {
    display: none;
  }
  .screen.jersey-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.jersey-mobile {
    display: none;
  }
  .screen.jersey-tablet {
    display: none;
  }
}

/* screen - jethro */

.jethro {
  height: 2619px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.jethro .path-5-ub2x6b {
  background-color: transparent;
  height: 2351px;
  left: 181px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 1558px;
}

.jethro .us-title-sequence-ub2x6b {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 178px;
  white-space: nowrap;
  width: 929px;
}

.jethro .jethro_1-ub2x6b {
  background-color: transparent;
  height: 730px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 255px;
  width: 1241px;
}

.jethro .jethro-sanchez-ub2x6b {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 2247px;
  white-space: nowrap;
  width: auto;
}

.jethro .i-seek-to-find-beaut-ub2x6b {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2303px;
  width: 770px;
}

.jethro .rectangle-40-ub2x6b {
  background-color: var(--black);
  height: 695px;
  left: 342px;
  position: absolute;
  top: 1466px;
  width: 1236px;
}

.jethro .design-rationalefor-ub2x6b {
  background-color: transparent;
  height: auto;
  left: 497px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1034px;
  white-space: nowrap;
  width: auto;
}

.jethro .span0-hue8eC {
}

.jethro .span1-hue8eC {
}

.jethro .span2-hue8eC {
}

.jethro .span3-hue8eC {
}

.jethro .a_jethro-ub2x6b {
  background-color: transparent;
  height: 116px;
  left: 497px;
  object-fit: cover;
  position: absolute;
  top: 2262px;
  width: 150px;
}

.jethro .designer-ub2x6b {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2200px;
  white-space: nowrap;
  width: 296px;
}

.jethro .group-4-ub2x6b {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1659px;
  position: absolute;
  top: 131px;
  width: 24px;
}

.jethro .path-2-TKECq8 {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.jethro .line-4-TKECq8 {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.jethro .next-ub2x6b {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2349px;
  white-space: nowrap;
  width: 90px;
}

.jethro .by-jethro-sanchez-ub2x6b {
  background-color: transparent;
  height: auto;
  left: 1284px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 186px;
  white-space: nowrap;
  width: 296px;
}

.jethro .motion-design-ub2x6b {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 119px;
  white-space: nowrap;
  width: 139px;
}
/* screen - jethro-mobile */

.jethro-mobile {
  height: 1635px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.jethro-mobile .rectangle-26-KYrDAO {
  background-color: var(--white);
  height: 1618px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 362px;
}

.jethro-mobile .salon-du-chocolat-festival-KYrDAO {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 34px;
  white-space: nowrap;
  width: 263px;
}

.jethro-mobile .event-identity-design-system-KYrDAO {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.jethro-mobile .by-jethro-sanchez-KYrDAO {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.jethro-mobile .group-4-KYrDAO {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.jethro-mobile .path-2-oUSQdt {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jethro-mobile .line-4-oUSQdt {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jethro-mobile .next-KYrDAO {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 1578px;
  white-space: nowrap;
  width: 59px;
}

.jethro-mobile .jethro-sanchez-KYrDAO {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 1295px;
  white-space: nowrap;
  width: auto;
}

.jethro-mobile .designer-KYrDAO {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 1248px;
  white-space: nowrap;
  width: 106px;
}

.jethro-mobile .design-rationalethis-KYrDAO {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 305px;
}

.jethro-mobile .span0-xtSnUd {
}

.jethro-mobile .span1-xtSnUd {
}

.jethro-mobile .jethro_1-KYrDAO {
  background-color: transparent;
  height: 195px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 78px;
  width: 332px;
}

.jethro-mobile .rectangle-128-KYrDAO {
  background-color: var(--black);
  height: 187px;
  left: 22px;
  position: absolute;
  top: 1010px;
  width: 332px;
}

.jethro-mobile .i-seek-to-find-beaut-KYrDAO {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 1357px;
  width: 301px;
}

.jethro-mobile .a_jethro-KYrDAO {
  background-color: transparent;
  height: 80px;
  left: 32px;
  object-fit: cover;
  position: absolute;
  top: 1259px;
  width: 104px;
}
/* screen - jethro-tablet */

.jethro-tablet {
  height: 1905px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.jethro-tablet .path-5-CWnyHL {
  background-color: transparent;
  height: 1851px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 716px;
}

.jethro-tablet .us-title-sequence-CWnyHL {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.jethro-tablet .motion-design-CWnyHL {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.jethro-tablet .by-jethro-sanchez-CWnyHL {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.jethro-tablet .group-4-CWnyHL {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.jethro-tablet .path-2-gknI1q {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jethro-tablet .line-4-gknI1q {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jethro-tablet .jethro-sanchez-CWnyHL {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 1612px;
  white-space: nowrap;
  width: auto;
}

.jethro-tablet .designer-CWnyHL {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 1570px;
  white-space: nowrap;
  width: 137px;
}

.jethro-tablet .next-CWnyHL {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 1801px;
  white-space: nowrap;
  width: 59px;
}

.jethro-tablet .i-seek-to-find-beaut-CWnyHL {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 1642px;
  width: 378px;
}

.jethro-tablet .jethro_1-CWnyHL {
  background-color: transparent;
  height: 335px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 570px;
}

.jethro-tablet .design-rationalefor-CWnyHL {
  background-color: transparent;
  height: auto;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.jethro-tablet .span0-zmRxVe {
}

.jethro-tablet .span1-zmRxVe {
}

.jethro-tablet .span2-zmRxVe {
}

.jethro-tablet .span3-zmRxVe {
}

.jethro-tablet .rectangle-127-CWnyHL {
  background-color: var(--black);
  height: 322px;
  left: 100px;
  position: absolute;
  top: 1208px;
  width: 570px;
}

.jethro-tablet .a_jethro-CWnyHL {
  background-color: transparent;
  height: 95px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1581px;
  width: 124px;
}
@media screen and (max-width: 767px) {
  .screen.jethro {
    display: none;
  }
  .screen.jethro-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.jethro {
    display: none;
  }
  .screen.jethro-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.jethro-mobile {
    display: none;
  }
  .screen.jethro-tablet {
    display: none;
  }
}

/* screen - jocelyn */

.jocelyn {
  height: 2847px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.jocelyn .rectangle-26-dn4Fky {
  background-color: var(--white);
  height: 2581px;
  left: 181px;
  position: absolute;
  top: 75px;
  width: 1558px;
}

.jocelyn .x7_jocelyn-dn4Fky {
  background-color: transparent;
  height: 730px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 257px;
  width: 1241px;
}

.jocelyn .the-consequences-dn4Fky {
  background-color: transparent;
  height: auto;
  left: 339px;
  letter-spacing: 0px;
  line-height: 60px;
  position: absolute;
  text-align: left;
  top: 175px;
  white-space: nowrap;
  width: 771px;
}

.jocelyn .jocelyn-hnin-tha-zin-dn4Fky {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2509px;
  width: 770px;
}

.jocelyn .design-rationalethes-dn4Fky {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-figgins_sans);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: auto;
  left: 497px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1032px;
  width: 928px;
}

.jocelyn .span0-ifSqnM {
  font-family: var(--font-family-figginssans-extrabold);
  font-style: normal;
  font-weight: 700;
}

.jocelyn .span1-ifSqnM {
}

.jocelyn .avatar-final-dn4Fky {
  background-color: transparent;
  height: 108px;
  left: 514px;
  object-fit: cover;
  position: absolute;
  top: 2476px;
  width: 108px;
}

.jocelyn .mockup2-dn4Fky {
  background-color: transparent;
  height: 345px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1439px;
  width: 614px;
}

.jocelyn .mockup3-dn4Fky {
  background-color: transparent;
  height: 345px;
  left: 966px;
  object-fit: cover;
  position: absolute;
  top: 1439px;
  width: 614px;
}

.jocelyn .by-jocelyn-shen-dn4Fky {
  background-color: transparent;
  height: auto;
  left: 1284px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 184px;
  white-space: nowrap;
  width: 296px;
}

.jocelyn .mask-group-24-dn4Fky {
  background-color: transparent;
  height: 571px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1799px;
  width: 1245px;
}

.jocelyn .jocelyn-shen-dn4Fky {
  background-color: transparent;
  height: auto;
  left: 656px;
  letter-spacing: 0px;
  line-height: 29px;
  position: absolute;
  text-align: left;
  top: 2456px;
  white-space: nowrap;
  width: auto;
}

.jocelyn .designer-dn4Fky {
  background-color: transparent;
  height: auto;
  left: 656px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2409px;
  white-space: nowrap;
  width: 296px;
}

.jocelyn .next-dn4Fky {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2577px;
  white-space: nowrap;
  width: 90px;
}

.jocelyn .phone-wallpaper-design-dn4Fky {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 119px;
  white-space: nowrap;
  width: 453px;
}

.jocelyn .group-4-dn4Fky {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1659px;
  position: absolute;
  top: 127px;
  width: 24px;
}

.jocelyn .path-2-cdu164 {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.jocelyn .line-4-cdu164 {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}
/* screen - jocelyn-mobile */

.jocelyn-mobile {
  height: 1998px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.jocelyn-mobile .rectangle-26-aVY6BK {
  background-color: var(--white);
  height: 1981px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 362px;
}

.jocelyn-mobile .the-consequences-aVY6BK {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 34px;
  white-space: nowrap;
  width: 263px;
}

.jocelyn-mobile .phone-wallpaper-design-aVY6BK {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.jocelyn-mobile .by-jocelyn-shen-aVY6BK {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.jocelyn-mobile .group-4-aVY6BK {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.jocelyn-mobile .path-2-UdTTZx {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jocelyn-mobile .line-4-UdTTZx {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jocelyn-mobile .next-aVY6BK {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 1941px;
  white-space: nowrap;
  width: 59px;
}

.jocelyn-mobile .jocelyn-shen-aVY6BK {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 1660px;
  white-space: nowrap;
  width: auto;
}

.jocelyn-mobile .designer-aVY6BK {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 1614px;
  white-space: nowrap;
  width: 106px;
}

.jocelyn-mobile .x7_jocelyn-aVY6BK {
  background-color: transparent;
  height: 196px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 77px;
  width: 333px;
}

.jocelyn-mobile .design-rationalethes-aVY6BK {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 301px;
}

.jocelyn-mobile .span0-8bOzss {
}

.jocelyn-mobile .span1-8bOzss {
}

.jocelyn-mobile .mockup2-aVY6BK {
  background-color: transparent;
  height: 187px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1010px;
  width: 333px;
}

.jocelyn-mobile .mockup3-aVY6BK {
  background-color: transparent;
  height: 187px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1210px;
  width: 333px;
}

.jocelyn-mobile .mask-group-37-aVY6BK {
  background-color: transparent;
  height: 153px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1410px;
  width: 333px;
}

.jocelyn-mobile .avatar-final-aVY6BK {
  background-color: transparent;
  height: 66px;
  left: 49px;
  object-fit: cover;
  position: absolute;
  top: 1625px;
  width: 66px;
}

.jocelyn-mobile .jocelyn-hnin-tha-zin-aVY6BK {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 1722px;
  width: 301px;
}
/* screen - jocelyn-tablet */

.jocelyn-tablet {
  height: 2573px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.jocelyn-tablet .path-5-0o6qoE {
  background-color: transparent;
  height: 2520px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 716px;
}

.jocelyn-tablet .the-consequences-0o6qoE {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.jocelyn-tablet .phone-wallpaper-design-0o6qoE {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.jocelyn-tablet .by-jocelyn-shen-0o6qoE {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.jocelyn-tablet .group-4-0o6qoE {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.jocelyn-tablet .path-2-E8xp2H {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jocelyn-tablet .line-4-E8xp2H {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.jocelyn-tablet .jocelyn-shen-0o6qoE {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 2263px;
  white-space: nowrap;
  width: auto;
}

.jocelyn-tablet .designer-0o6qoE {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2221px;
  white-space: nowrap;
  width: 137px;
}

.jocelyn-tablet .next-0o6qoE {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2467px;
  white-space: nowrap;
  width: 59px;
}

.jocelyn-tablet .x7_jocelyn-0o6qoE {
  background-color: transparent;
  height: 337px;
  left: 97px;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 574px;
}

.jocelyn-tablet .design-rationalethes-0o6qoE {
  background-color: transparent;
  height: 642px;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.jocelyn-tablet .span0-fmAHp6 {
}

.jocelyn-tablet .span1-fmAHp6 {
}

.jocelyn-tablet .mockup2-0o6qoE {
  background-color: transparent;
  height: 323px;
  left: 97px;
  object-fit: cover;
  position: absolute;
  top: 1245px;
  width: 574px;
}

.jocelyn-tablet .mockup3-0o6qoE {
  background-color: transparent;
  height: 323px;
  left: 97px;
  object-fit: cover;
  position: absolute;
  top: 1581px;
  width: 574px;
}

.jocelyn-tablet .mask-group-38-0o6qoE {
  background-color: transparent;
  height: 263px;
  left: 97px;
  object-fit: cover;
  position: absolute;
  top: 1917px;
  width: 574px;
}

.jocelyn-tablet .avatar-final-0o6qoE {
  background-color: transparent;
  height: 88px;
  left: 118px;
  object-fit: cover;
  position: absolute;
  top: 2232px;
  width: 88px;
}

.jocelyn-tablet .jocelyn-hnin-tha-zin-0o6qoE {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2293px;
  width: 378px;
}
@media screen and (max-width: 767px) {
  .screen.jocelyn {
    display: none;
  }
  .screen.jocelyn-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.jocelyn {
    display: none;
  }
  .screen.jocelyn-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.jocelyn-mobile {
    display: none;
  }
  .screen.jocelyn-tablet {
    display: none;
  }
}

/* screen - kristen */

.kristen {
  height: 3468px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.kristen .path-5-4C4uG1 {
  background-color: transparent;
  height: 3209px;
  left: 181px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 1558px;
}

.kristen .by-kristen-chan-4C4uG1 {
  background-color: transparent;
  height: auto;
  left: 1286px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 186px;
  white-space: nowrap;
  width: 296px;
}

.kristen .kristen-chan-4C4uG1 {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 3090px;
  white-space: nowrap;
  width: auto;
}

.kristen .my-name-is-kristen-c-4C4uG1 {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 3136px;
  width: 770px;
}

.kristen .package-design-4C4uG1 {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 119px;
  white-space: nowrap;
  width: 139px;
}

.kristen .design-rationalek-en-4C4uG1 {
  background-color: transparent;
  height: auto;
  left: 497px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1033px;
  width: 928px;
}

.kristen .span0-CgfSwM {
}

.kristen .span1-CgfSwM {
}

.kristen .span2-CgfSwM {
}

.kristen .span3-CgfSwM {
}

.kristen .span4-CgfSwM {
}

.kristen .span5-CgfSwM {
}

.kristen .span6-CgfSwM {
}

.kristen .span7-CgfSwM {
}

.kristen .span8-CgfSwM {
}

.kristen .span9-CgfSwM {
}

.kristen .span10-CgfSwM {
}

.kristen .span11-CgfSwM {
}

.kristen .span12-CgfSwM {
}

.kristen .span13-CgfSwM {
}

.kristen .span14-CgfSwM {
}

.kristen .span15-CgfSwM {
}

.kristen .span16-CgfSwM {
}

.kristen .span17-CgfSwM {
}

.kristen .span18-CgfSwM {
}

.kristen .span19-CgfSwM {
}

.kristen .span20-CgfSwM {
}

.kristen .span21-CgfSwM {
}

.kristen .span22-CgfSwM {
}

.kristen .e-4C4uG1 {
  background-color: transparent;
  height: 489px;
  left: 1107px;
  object-fit: cover;
  position: absolute;
  top: 1948px;
  width: 489px;
}

.kristen .i-4C4uG1 {
  background-color: transparent;
  height: 814px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 2206px;
  width: 748px;
}

.kristen .q-4C4uG1 {
  background-color: transparent;
  height: 489px;
  left: 1107px;
  object-fit: cover;
  position: absolute;
  top: 1436px;
  width: 489px;
}

.kristen .b-4C4uG1 {
  background-color: transparent;
  height: 748px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1436px;
  width: 748px;
}

.kristen .a_kristen-4C4uG1 {
  background-color: transparent;
  height: 116px;
  left: 497px;
  object-fit: cover;
  position: absolute;
  top: 3113px;
  width: 150px;
}

.kristen .designer-4C4uG1 {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 3057px;
  white-space: nowrap;
  width: 138px;
}

.kristen .k-en-washi-tape-4C4uG1 {
  background-color: transparent;
  height: auto;
  left: 339px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 180px;
  white-space: nowrap;
  width: 559px;
}

.kristen .mask-group-31-4C4uG1 {
  background-color: transparent;
  height: 560px;
  left: 1107px;
  object-fit: cover;
  position: absolute;
  top: 2460px;
  width: 489px;
}

.kristen .group-4-4C4uG1 {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1659px;
  position: absolute;
  top: 127px;
  width: 24px;
}

.kristen .path-2-9EBVXR {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.kristen .line-4-9EBVXR {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.kristen .mask-group-32-4C4uG1 {
  background-color: transparent;
  height: 730px;
  left: 340px;
  object-fit: cover;
  position: absolute;
  top: 257px;
  width: 1241px;
}

.kristen .next-4C4uG1 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3205px;
  white-space: nowrap;
  width: 90px;
}
/* screen - kristen-mobile */

.kristen-mobile {
  height: 3074px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.kristen-mobile .rectangle-26-BRHxnE {
  background-color: var(--white);
  height: 3057px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 362px;
}

.kristen-mobile .k-en-washi-tape-BRHxnE {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 34px;
  white-space: nowrap;
  width: 263px;
}

.kristen-mobile .package-design-BRHxnE {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.kristen-mobile .kristen-chan-BRHxnE {
  background-color: transparent;
  height: auto;
  left: 138px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 2684px;
  white-space: nowrap;
  width: auto;
}

.kristen-mobile .designer-BRHxnE {
  background-color: transparent;
  height: auto;
  left: 139px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2637px;
  white-space: nowrap;
  width: 106px;
}

.kristen-mobile .by-kristen-chan-BRHxnE {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.kristen-mobile .group-4-BRHxnE {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.kristen-mobile .path-2-TUDHQS {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.kristen-mobile .line-4-TUDHQS {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.kristen-mobile .mask-group-34-BRHxnE {
  background-color: transparent;
  height: 194px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 78px;
  width: 331px;
}

.kristen-mobile .design-rationalek-en-BRHxnE {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 305px;
}

.kristen-mobile .span0-WfZuU6 {
}

.kristen-mobile .span1-WfZuU6 {
}

.kristen-mobile .span2-WfZuU6 {
}

.kristen-mobile .span3-WfZuU6 {
}

.kristen-mobile .span4-WfZuU6 {
}

.kristen-mobile .span5-WfZuU6 {
}

.kristen-mobile .span6-WfZuU6 {
}

.kristen-mobile .span7-WfZuU6 {
}

.kristen-mobile .span8-WfZuU6 {
}

.kristen-mobile .span9-WfZuU6 {
}

.kristen-mobile .span10-WfZuU6 {
}

.kristen-mobile .span11-WfZuU6 {
}

.kristen-mobile .span12-WfZuU6 {
}

.kristen-mobile .span13-WfZuU6 {
}

.kristen-mobile .span14-WfZuU6 {
}

.kristen-mobile .span15-WfZuU6 {
}

.kristen-mobile .span16-WfZuU6 {
}

.kristen-mobile .span17-WfZuU6 {
}

.kristen-mobile .span18-WfZuU6 {
}

.kristen-mobile .span19-WfZuU6 {
}

.kristen-mobile .span20-WfZuU6 {
}

.kristen-mobile .span21-WfZuU6 {
}

.kristen-mobile .span22-WfZuU6 {
}

.kristen-mobile .b-BRHxnE {
  background-color: transparent;
  height: 303px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 954px;
  width: 303px;
}

.kristen-mobile .q-BRHxnE {
  background-color: transparent;
  height: 303px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 1270px;
  width: 303px;
}

.kristen-mobile .e-BRHxnE {
  background-color: transparent;
  height: 303px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 1586px;
  width: 303px;
}

.kristen-mobile .mask-group-35-BRHxnE {
  background-color: transparent;
  height: 347px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 1902px;
  width: 303px;
}

.kristen-mobile .i-BRHxnE {
  background-color: transparent;
  height: 330px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 2262px;
  width: 303px;
}

.kristen-mobile .my-name-is-kristen-c-BRHxnE {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2760px;
  width: 305px;
}

.kristen-mobile .next-BRHxnE {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3014px;
  white-space: nowrap;
  width: 59px;
}

.kristen-mobile .a_kristen-BRHxnE {
  background-color: transparent;
  height: 82px;
  left: 27px;
  object-fit: cover;
  position: absolute;
  top: 2648px;
  width: 105px;
}
/* screen - kristen-tablet */

.kristen-tablet {
  height: 4668px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.kristen-tablet .path-5-JVkEph {
  background-color: transparent;
  height: 4616px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 716px;
}

.kristen-tablet .k-en-washi-tape-JVkEph {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.kristen-tablet .package-design-JVkEph {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.kristen-tablet .by-kristen-chan-JVkEph {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.kristen-tablet .group-4-JVkEph {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.kristen-tablet .path-2-qtIm4m {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.kristen-tablet .line-4-qtIm4m {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.kristen-tablet .kristen-chan-JVkEph {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 4306px;
  white-space: nowrap;
  width: auto;
}

.kristen-tablet .designer-JVkEph {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 4263px;
  white-space: nowrap;
  width: 137px;
}

.kristen-tablet .next-JVkEph {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 4563px;
  white-space: nowrap;
  width: 59px;
}

.kristen-tablet .mask-group-32-JVkEph {
  background-color: transparent;
  height: 335px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 570px;
}

.kristen-tablet .design-rationalek-en-JVkEph {
  background-color: transparent;
  height: auto;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.kristen-tablet .span0-yZuF1o {
}

.kristen-tablet .span1-yZuF1o {
}

.kristen-tablet .span2-yZuF1o {
}

.kristen-tablet .span3-yZuF1o {
}

.kristen-tablet .span4-yZuF1o {
}

.kristen-tablet .span5-yZuF1o {
}

.kristen-tablet .span6-yZuF1o {
}

.kristen-tablet .span7-yZuF1o {
}

.kristen-tablet .span8-yZuF1o {
}

.kristen-tablet .span9-yZuF1o {
}

.kristen-tablet .span10-yZuF1o {
}

.kristen-tablet .span11-yZuF1o {
}

.kristen-tablet .span12-yZuF1o {
}

.kristen-tablet .span13-yZuF1o {
}

.kristen-tablet .span14-yZuF1o {
}

.kristen-tablet .span15-yZuF1o {
}

.kristen-tablet .span16-yZuF1o {
}

.kristen-tablet .span17-yZuF1o {
}

.kristen-tablet .span18-yZuF1o {
}

.kristen-tablet .span19-yZuF1o {
}

.kristen-tablet .span20-yZuF1o {
}

.kristen-tablet .span21-yZuF1o {
}

.kristen-tablet .span22-yZuF1o {
}

.kristen-tablet .b-JVkEph {
  background-color: transparent;
  height: 572px;
  left: 101px;
  object-fit: cover;
  position: absolute;
  top: 1176px;
  width: 572px;
}

.kristen-tablet .q-JVkEph {
  background-color: transparent;
  height: 572px;
  left: 101px;
  object-fit: cover;
  position: absolute;
  top: 1761px;
  width: 572px;
}

.kristen-tablet .e-JVkEph {
  background-color: transparent;
  height: 572px;
  left: 101px;
  object-fit: cover;
  position: absolute;
  top: 2346px;
  width: 572px;
}

.kristen-tablet .mask-group-31-JVkEph {
  background-color: transparent;
  height: 656px;
  left: 101px;
  object-fit: cover;
  position: absolute;
  top: 2931px;
  width: 572px;
}

.kristen-tablet .i-JVkEph {
  background-color: transparent;
  height: 623px;
  left: 101px;
  object-fit: cover;
  position: absolute;
  top: 3600px;
  width: 572px;
}

.kristen-tablet .my-name-is-kristen-c-JVkEph {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 4334px;
  width: 378px;
}

.kristen-tablet .a_kristen-JVkEph {
  background-color: transparent;
  height: 100px;
  left: 97px;
  object-fit: cover;
  position: absolute;
  top: 4299px;
  width: 129px;
}
@media screen and (max-width: 767px) {
  .screen.kristen {
    display: none;
  }
  .screen.kristen-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.kristen {
    display: none;
  }
  .screen.kristen-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.kristen-mobile {
    display: none;
  }
  .screen.kristen-tablet {
    display: none;
  }
}

/* screen - nabiha */

.nabiha {
  height: 2647px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.nabiha .path-5-SWx3bc {
  background-color: transparent;
  height: 2377px;
  left: 181px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 1558px;
}

.nabiha .x1_nabiha-SWx3bc {
  background-color: transparent;
  height: 730px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 259px;
  width: 1241px;
}

.nabiha .nabiha-tasnim-SWx3bc {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 2273px;
  white-space: nowrap;
  width: auto;
}

.nabiha .im-nabiha-a-bengali-SWx3bc {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2329px;
  width: 770px;
}

.nabiha .design-rationalein-t-SWx3bc {
  background-color: transparent;
  height: auto;
  left: 497px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1035px;
  width: 928px;
}

.nabiha .span0-oJqmZz {
}

.nabiha .span1-oJqmZz {
}

.nabiha .a_nabiha-SWx3bc {
  background-color: transparent;
  height: 116px;
  left: 497px;
  object-fit: cover;
  position: absolute;
  top: 2301px;
  width: 150px;
}

.nabiha .designer-SWx3bc {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2226px;
  white-space: nowrap;
  width: 296px;
}

.nabiha .group-4-SWx3bc {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1659px;
  position: absolute;
  top: 131px;
  width: 24px;
}

.nabiha .path-2-vdBkij {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.nabiha .line-4-vdBkij {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.nabiha .x2_nabiha-SWx3bc {
  background-color: transparent;
  height: 352px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1470px;
  width: 625px;
}

.nabiha .x3_nabiha-SWx3bc {
  background-color: transparent;
  height: 352px;
  left: 978px;
  object-fit: cover;
  position: absolute;
  top: 1470px;
  width: 625px;
}

.nabiha .x4_nabiha-SWx3bc {
  background-color: transparent;
  height: 352px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1835px;
  width: 625px;
}

.nabiha .x5_nabiha-SWx3bc {
  background-color: transparent;
  height: 352px;
  left: 978px;
  object-fit: cover;
  position: absolute;
  top: 1835px;
  width: 625px;
}

.nabiha .next-SWx3bc {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2373px;
  white-space: nowrap;
  width: 90px;
}

.nabiha .explore-design-SWx3bc {
  background-color: transparent;
  height: auto;
  left: 339px;
  letter-spacing: 0px;
  line-height: 60px;
  position: absolute;
  text-align: left;
  top: 175px;
  white-space: nowrap;
  width: 771px;
}

.nabiha .by-nabiha-tasnim-SWx3bc {
  background-color: transparent;
  height: auto;
  left: 1284px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 184px;
  white-space: nowrap;
  width: 296px;
}

.nabiha .postcard-design-SWx3bc {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 119px;
  white-space: nowrap;
  width: 453px;
}
/* screen - nabiha-mobile */

.nabiha-mobile {
  height: 2173px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.nabiha-mobile .rectangle-26-mFblCy {
  background-color: var(--white);
  height: 2156px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 362px;
}

.nabiha-mobile .explore-design-mFblCy {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 34px;
  white-space: nowrap;
  width: 263px;
}

.nabiha-mobile .postcard-design-mFblCy {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.nabiha-mobile .by-nabiha-tasnim-mFblCy {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.nabiha-mobile .group-4-mFblCy {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.nabiha-mobile .path-2-e1YQpX {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.nabiha-mobile .line-4-e1YQpX {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.nabiha-mobile .next-mFblCy {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2116px;
  white-space: nowrap;
  width: 59px;
}

.nabiha-mobile .nabiha-tasnim-mFblCy {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 1833px;
  white-space: nowrap;
  width: auto;
}

.nabiha-mobile .designer-mFblCy {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 1786px;
  white-space: nowrap;
  width: 106px;
}

.nabiha-mobile .jocelyn-hnin-tha-zin-mFblCy {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 1888px;
  width: 301px;
}

.nabiha-mobile .x1_nabiha-mFblCy {
  background-color: transparent;
  height: 196px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 77px;
  width: 333px;
}

.nabiha-mobile .design-rationalein-t-mFblCy {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 309px;
}

.nabiha-mobile .span0-eTJM7J {
}

.nabiha-mobile .span1-eTJM7J {
}

.nabiha-mobile .x2_nabiha-mFblCy {
  background-color: transparent;
  height: 187px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 954px;
  width: 333px;
}

.nabiha-mobile .x3_nabiha-mFblCy {
  background-color: transparent;
  height: 187px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1154px;
  width: 333px;
}

.nabiha-mobile .x4_nabiha-mFblCy {
  background-color: transparent;
  height: 187px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1354px;
  width: 333px;
}

.nabiha-mobile .x5_nabiha-mFblCy {
  background-color: transparent;
  height: 187px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1554px;
  width: 333px;
}

.nabiha-mobile .a_nabiha-mFblCy {
  background-color: transparent;
  height: 81px;
  left: 35px;
  object-fit: cover;
  position: absolute;
  top: 1787px;
  width: 105px;
}
/* screen - nabiha-tablet */

.nabiha-tablet {
  height: 2896px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.nabiha-tablet .path-5-SErGWJ {
  background-color: transparent;
  height: 2843px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 716px;
}

.nabiha-tablet .explore-design-SErGWJ {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.nabiha-tablet .postcard-design-SErGWJ {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.nabiha-tablet .by-nabiha-tasnim-SErGWJ {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.nabiha-tablet .group-4-SErGWJ {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.nabiha-tablet .path-2-b9FhwV {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.nabiha-tablet .line-4-b9FhwV {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.nabiha-tablet .nabiha-tasnim-SErGWJ {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 2586px;
  white-space: nowrap;
  width: auto;
}

.nabiha-tablet .designer-SErGWJ {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2543px;
  white-space: nowrap;
  width: 137px;
}

.nabiha-tablet .next-SErGWJ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2790px;
  white-space: nowrap;
  width: 59px;
}

.nabiha-tablet .x1_nabiha-SErGWJ {
  background-color: transparent;
  height: 337px;
  left: 98px;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 573px;
}

.nabiha-tablet .design-rationalein-t-SErGWJ {
  background-color: transparent;
  height: auto;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.nabiha-tablet .span0-33nV2h {
}

.nabiha-tablet .span1-33nV2h {
}

.nabiha-tablet .x2_nabiha-SErGWJ {
  background-color: transparent;
  height: 322px;
  left: 98px;
  object-fit: cover;
  position: absolute;
  top: 1176px;
  width: 573px;
}

.nabiha-tablet .x3_nabiha-SErGWJ {
  background-color: transparent;
  height: 322px;
  left: 98px;
  object-fit: cover;
  position: absolute;
  top: 1511px;
  width: 573px;
}

.nabiha-tablet .x4_nabiha-SErGWJ {
  background-color: transparent;
  height: 322px;
  left: 98px;
  object-fit: cover;
  position: absolute;
  top: 1846px;
  width: 573px;
}

.nabiha-tablet .x5_nabiha-SErGWJ {
  background-color: transparent;
  height: 322px;
  left: 98px;
  object-fit: cover;
  position: absolute;
  top: 2181px;
  width: 573px;
}

.nabiha-tablet .im-nabiha-a-bengali-SErGWJ {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2631px;
  width: 378px;
}

.nabiha-tablet .a_nabiha-SErGWJ {
  background-color: transparent;
  height: 94px;
  left: 104px;
  object-fit: cover;
  position: absolute;
  top: 2539px;
  width: 122px;
}
@media screen and (max-width: 767px) {
  .screen.nabiha {
    display: none;
  }
  .screen.nabiha-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.nabiha {
    display: none;
  }
  .screen.nabiha-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.nabiha-mobile {
    display: none;
  }
  .screen.nabiha-tablet {
    display: none;
  }
}

/* screen - nieves */

.nieves {
  height: 3919px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.nieves .path-5-WlGXto {
  background-color: transparent;
  height: 3648px;
  left: 181px;
  object-fit: cover;
  position: absolute;
  top: 79px;
  width: 1558px;
}

.nieves .nieves_1-WlGXto {
  background-color: transparent;
  height: 730px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 252px;
  width: 1241px;
}

.nieves .by-nieves-rocillo-WlGXto {
  background-color: transparent;
  height: auto;
  left: 1284px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 186px;
  white-space: nowrap;
  width: 296px;
}

.nieves .nieves-rocillo-WlGXto {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 29px;
  position: absolute;
  text-align: left;
  top: 3544px;
  white-space: nowrap;
  width: auto;
}

.nieves .i-am-nieves-an-adven-WlGXto {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 3600px;
  width: 770px;
}

.nieves .event-identity-design-system-WlGXto {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 121px;
  white-space: nowrap;
  width: 610px;
}

.nieves .design-rationalethis-WlGXto {
  background-color: transparent;
  height: auto;
  left: 497px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1028px;
  width: 928px;
}

.nieves .span0-9um8r5 {
}

.nieves .span1-9um8r5 {
}

.nieves .designer-WlGXto {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 3497px;
  white-space: nowrap;
  width: 296px;
}

.nieves .salon-du-chocolat-festival-WlGXto {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 178px;
  white-space: nowrap;
  width: 929px;
}

.nieves .group-4-WlGXto {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1660px;
  position: absolute;
  top: 140px;
  width: 24px;
}

.nieves .path-2-PoEOMq {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.nieves .line-4-PoEOMq {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.nieves .x7_nieves-WlGXto {
  background-color: transparent;
  height: 460px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 2413px;
  width: 613px;
}

.nieves .x6_nieves-WlGXto {
  background-color: transparent;
  height: 460px;
  left: 967px;
  object-fit: cover;
  position: absolute;
  top: 1938px;
  width: 613px;
}

.nieves .x3_nieves-WlGXto {
  background-color: transparent;
  height: 460px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1463px;
  width: 613px;
}

.nieves .x4_nieves-WlGXto {
  background-color: transparent;
  height: 460px;
  left: 967px;
  object-fit: cover;
  position: absolute;
  top: 1463px;
  width: 613px;
}

.nieves .x5_nieves-WlGXto {
  background-color: transparent;
  height: 460px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1938px;
  width: 613px;
}

.nieves .group-110-WlGXto {
  background-color: transparent;
  height: 461px;
  left: 967px;
  position: absolute;
  top: 2413px;
  width: 613px;
}

.nieves .path-6-cSU7A9 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.nieves .a_nieves-WlGXto {
  background-color: transparent;
  height: 116px;
  left: 490px;
  object-fit: cover;
  position: absolute;
  top: 3559px;
  width: 150px;
}

.nieves .next-WlGXto {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3650px;
  white-space: nowrap;
  width: 90px;
}

.nieves .group-21-WlGXto {
  background-color: transparent;
  height: 573px;
  left: 339px;
  position: absolute;
  top: 2885px;
  width: 1241px;
}

.nieves .rectangle-94-xNbDtH {
  background-color: var(--cornflower);
  height: 573px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1241px;
}

.nieves .x1_nieves_compressed-xNbDtH {
  background-color: transparent;
  height: 515px;
  left: 225px;
  object-fit: cover;
  position: absolute;
  top: 30px;
  width: 346px;
}

.nieves .x2_nieves_compressed-xNbDtH {
  background-color: transparent;
  height: 515px;
  left: 670px;
  object-fit: cover;
  position: absolute;
  top: 30px;
  width: 346px;
}
/* screen - nieves-mobile */

.nieves-mobile {
  height: 3174px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.nieves-mobile .rectangle-26-45VER2 {
  background-color: var(--white);
  height: 3157px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 362px;
}

.nieves-mobile .salon-du-chocolat-festival-45VER2 {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 34px;
  white-space: nowrap;
  width: 263px;
}

.nieves-mobile .event-identity-design-system-45VER2 {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.nieves-mobile .by-nieves-rocillo-45VER2 {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.nieves-mobile .group-4-45VER2 {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.nieves-mobile .path-2-yIBjBa {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.nieves-mobile .line-4-yIBjBa {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.nieves-mobile .next-45VER2 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3117px;
  white-space: nowrap;
  width: 59px;
}

.nieves-mobile .nieves-rocillo-45VER2 {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 2834px;
  white-space: nowrap;
  width: auto;
}

.nieves-mobile .designer-45VER2 {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2787px;
  white-space: nowrap;
  width: 106px;
}

.nieves-mobile .nieves_1-45VER2 {
  background-color: transparent;
  height: 195px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 78px;
  width: 332px;
}

.nieves-mobile .design-rationalethis-45VER2 {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 305px;
}

.nieves-mobile .span0-hpnUGM {
}

.nieves-mobile .span1-hpnUGM {
}

.nieves-mobile .x3_nieves-45VER2 {
  background-color: transparent;
  height: 249px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1010px;
  width: 332px;
}

.nieves-mobile .x4_nieves-45VER2 {
  background-color: transparent;
  height: 249px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1272px;
  width: 332px;
}

.nieves-mobile .x5_nieves-45VER2 {
  background-color: transparent;
  height: 249px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1534px;
  width: 332px;
}

.nieves-mobile .x6_nieves-45VER2 {
  background-color: transparent;
  height: 249px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1796px;
  width: 332px;
}

.nieves-mobile .x7_nieves-45VER2 {
  background-color: transparent;
  height: 249px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 2058px;
  width: 332px;
}

.nieves-mobile .group-112-45VER2 {
  background-color: transparent;
  height: 249px;
  left: 21px;
  position: absolute;
  top: 2320px;
  width: 332px;
}

.nieves-mobile .path-9-x7xC5y {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.nieves-mobile .group-87-45VER2 {
  background-color: transparent;
  height: 154px;
  left: 21px;
  position: absolute;
  top: 2582px;
  width: 332px;
}

.nieves-mobile .rectangle-94-MIo1ZI {
  background-color: var(--cornflower);
  height: 154px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 332px;
}

.nieves-mobile .x1_nieves_compressed-MIo1ZI {
  background-color: transparent;
  height: 138px;
  left: 60px;
  object-fit: cover;
  position: absolute;
  top: 8px;
  width: 93px;
}

.nieves-mobile .x2_nieves_compressed-MIo1ZI {
  background-color: transparent;
  height: 138px;
  left: 179px;
  object-fit: cover;
  position: absolute;
  top: 8px;
  width: 93px;
}

.nieves-mobile .i-am-nieves-an-adven-45VER2 {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2896px;
  width: 305px;
}

.nieves-mobile .a_nieves-45VER2 {
  background-color: transparent;
  height: 78px;
  left: 29px;
  object-fit: cover;
  position: absolute;
  top: 2792px;
  width: 101px;
}
/* screen - nieves-tablet */

.nieves-tablet {
  height: 4568px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.nieves-tablet .path-5-quKQoO {
  background-color: transparent;
  height: 4517px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 716px;
}

.nieves-tablet .salon-du-chocolat-festival-quKQoO {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.nieves-tablet .event-identity-system-design-quKQoO {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.nieves-tablet .by-nieves-rocillo-quKQoO {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.nieves-tablet .group-4-quKQoO {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.nieves-tablet .path-2-xixO1Y {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.nieves-tablet .line-4-xixO1Y {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.nieves-tablet .nieves-rocillo-quKQoO {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 4261px;
  white-space: nowrap;
  width: auto;
}

.nieves-tablet .designer-quKQoO {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 4218px;
  white-space: nowrap;
  width: 137px;
}

.nieves-tablet .next-quKQoO {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 4463px;
  white-space: nowrap;
  width: 59px;
}

.nieves-tablet .i-am-nieves-an-adven-quKQoO {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 4300px;
  width: 378px;
}

.nieves-tablet .nieves_1-quKQoO {
  background-color: transparent;
  height: 335px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 570px;
}

.nieves-tablet .design-rationalethis-quKQoO {
  background-color: transparent;
  height: auto;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.nieves-tablet .span0-uuTV0a {
}

.nieves-tablet .span1-uuTV0a {
}

.nieves-tablet .x3_nieves-quKQoO {
  background-color: transparent;
  height: 428px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 1233px;
  width: 571px;
}

.nieves-tablet .x4_nieves-quKQoO {
  background-color: transparent;
  height: 428px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 1674px;
  width: 571px;
}

.nieves-tablet .x5_nieves-quKQoO {
  background-color: transparent;
  height: 428px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 2115px;
  width: 571px;
}

.nieves-tablet .x6_nieves-quKQoO {
  background-color: transparent;
  height: 428px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 2556px;
  width: 571px;
}

.nieves-tablet .x7_nieves-quKQoO {
  background-color: transparent;
  height: 428px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 2997px;
  width: 571px;
}

.nieves-tablet .group-88-quKQoO {
  background-color: transparent;
  height: 296px;
  left: 99px;
  position: absolute;
  top: 3879px;
  width: 571px;
}

.nieves-tablet .rectangle-94-pA5Olh {
  background-color: var(--cornflower);
  height: 296px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 571px;
}

.nieves-tablet .x1_nieves_compressed-pA5Olh {
  background-color: transparent;
  height: 236px;
  left: 104px;
  object-fit: cover;
  position: absolute;
  top: 16px;
  width: 159px;
}

.nieves-tablet .x2_nieves_compressed-pA5Olh {
  background-color: transparent;
  height: 236px;
  left: 308px;
  object-fit: cover;
  position: absolute;
  top: 16px;
  width: 159px;
}

.nieves-tablet .a_nieves-quKQoO {
  background-color: transparent;
  height: 87px;
  left: 109px;
  object-fit: cover;
  position: absolute;
  top: 4269px;
  width: 113px;
}

.nieves-tablet .group-111-quKQoO {
  background-color: transparent;
  height: 429px;
  left: 99px;
  position: absolute;
  top: 3438px;
  width: 571px;
}

.nieves-tablet .path-6-QGe8qG {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .screen.nieves {
    display: none;
  }
  .screen.nieves-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.nieves {
    display: none;
  }
  .screen.nieves-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.nieves-mobile {
    display: none;
  }
  .screen.nieves-tablet {
    display: none;
  }
}

/* screen - sam */

.sam {
  height: 2817px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.sam .path-5-mkFRBJ {
  background-color: transparent;
  height: 2523px;
  left: 181px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 1558px;
}

.sam .x5_sam-mkFRBJ {
  background-color: transparent;
  height: 730px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 259px;
  width: 1241px;
}

.sam .sam-loiselle-mkFRBJ {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 2419px;
  white-space: nowrap;
  width: auto;
}

.sam .my-cultural-roots-st-mkFRBJ {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2475px;
  width: 770px;
}

.sam .design-rationaleno-o-mkFRBJ {
  background-color: transparent;
  height: auto;
  left: 497px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1035px;
  width: 928px;
}

.sam .span0-oEG6zW {
}

.sam .span1-oEG6zW {
}

.sam .span2-oEG6zW {
}

.sam .span3-oEG6zW {
}

.sam .span4-oEG6zW {
}

.sam .a_sam-mkFRBJ {
  background-color: transparent;
  height: 116px;
  left: 497px;
  object-fit: cover;
  position: absolute;
  top: 2439px;
  width: 150px;
}

.sam .designer-mkFRBJ {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2372px;
  white-space: nowrap;
  width: 296px;
}

.sam .x1_sam-mkFRBJ {
  background-color: transparent;
  height: 421px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1438px;
  width: 301px;
}

.sam .x2_sam-mkFRBJ {
  background-color: transparent;
  height: 421px;
  left: 652px;
  object-fit: cover;
  position: absolute;
  top: 1438px;
  width: 301px;
}

.sam .x3_sam-mkFRBJ {
  background-color: transparent;
  height: 421px;
  left: 967px;
  object-fit: cover;
  position: absolute;
  top: 1438px;
  width: 301px;
}

.sam .x4_sam-mkFRBJ {
  background-color: transparent;
  height: 461px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1872px;
  width: 614px;
}

.sam .mask-group-27-mkFRBJ {
  background-color: transparent;
  height: 461px;
  left: 967px;
  object-fit: cover;
  position: absolute;
  top: 1872px;
  width: 614px;
}

.sam .mask-group-28-mkFRBJ {
  background-color: transparent;
  height: 420px;
  left: 1280px;
  object-fit: cover;
  position: absolute;
  top: 1439px;
  width: 301px;
}

.sam .next-mkFRBJ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2519px;
  white-space: nowrap;
  width: 90px;
}

.sam .design-the-future-mkFRBJ {
  background-color: transparent;
  height: auto;
  left: 339px;
  letter-spacing: 0px;
  line-height: 60px;
  position: absolute;
  text-align: left;
  top: 175px;
  white-space: nowrap;
  width: 771px;
}

.sam .by-sam-loiselle-mkFRBJ {
  background-color: transparent;
  height: auto;
  left: 1284px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 184px;
  white-space: nowrap;
  width: 296px;
}

.sam .postcard-design-mkFRBJ {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 119px;
  white-space: nowrap;
  width: 453px;
}

.sam .group-4-mkFRBJ {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1659px;
  position: absolute;
  top: 131px;
  width: 24px;
}

.sam .path-2-hgmitA {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.sam .line-4-hgmitA {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}
/* screen - sam-mobile */

.sam-mobile {
  height: 2381px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.sam-mobile .rectangle-26-NmpgHj {
  background-color: var(--white);
  height: 2364px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 362px;
}

.sam-mobile .design-the-future-NmpgHj {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 34px;
  white-space: nowrap;
  width: 263px;
}

.sam-mobile .postcard-design-NmpgHj {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.sam-mobile .by-sam-loiselle-NmpgHj {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.sam-mobile .group-4-NmpgHj {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.sam-mobile .path-2-M7tyrk {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.sam-mobile .line-4-M7tyrk {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.sam-mobile .next-NmpgHj {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2323px;
  white-space: nowrap;
  width: 59px;
}

.sam-mobile .sam-loiselle-NmpgHj {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 2041px;
  white-space: nowrap;
  width: auto;
}

.sam-mobile .designer-NmpgHj {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 1994px;
  white-space: nowrap;
  width: 106px;
}

.sam-mobile .x5_sam-NmpgHj {
  background-color: transparent;
  height: 197px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 76px;
  width: 335px;
}

.sam-mobile .design-rationaleno-o-NmpgHj {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 309px;
}

.sam-mobile .span0-1hFeE0 {
}

.sam-mobile .span1-1hFeE0 {
}

.sam-mobile .span2-1hFeE0 {
}

.sam-mobile .span3-1hFeE0 {
}

.sam-mobile .span4-1hFeE0 {
}

.sam-mobile .x1_sam-NmpgHj {
  background-color: transparent;
  height: 228px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 954px;
  width: 163px;
}

.sam-mobile .x2_sam-NmpgHj {
  background-color: transparent;
  height: 228px;
  left: 190px;
  object-fit: cover;
  position: absolute;
  top: 954px;
  width: 163px;
}

.sam-mobile .x3_sam-NmpgHj {
  background-color: transparent;
  height: 228px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 1195px;
  width: 163px;
}

.sam-mobile .mask-group-39-NmpgHj {
  background-color: transparent;
  height: 228px;
  left: 190px;
  object-fit: cover;
  position: absolute;
  top: 1196px;
  width: 163px;
}

.sam-mobile .x4_sam-NmpgHj {
  background-color: transparent;
  height: 250px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 1436px;
  width: 333px;
}

.sam-mobile .mask-group-40-NmpgHj {
  background-color: transparent;
  height: 250px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 1699px;
  width: 333px;
}

.sam-mobile .my-cultural-roots-st-NmpgHj {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2095px;
  width: 301px;
}

.sam-mobile .icon-mail-NmpgHj {
  background-color: transparent;
  height: 82px;
  left: 29px;
  object-fit: cover;
  position: absolute;
  top: 2005px;
  width: 106px;
}
/* screen - sam-tablet */

.sam-tablet {
  height: 3253px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.sam-tablet .path-5-AlyYrC {
  background-color: transparent;
  height: 3201px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 716px;
}

.sam-tablet .design-the-future-AlyYrC {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.sam-tablet .postcard-design-AlyYrC {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.sam-tablet .by-sam-loiselle-AlyYrC {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.sam-tablet .group-4-AlyYrC {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.sam-tablet .path-2-TRGYGe {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.sam-tablet .line-4-TRGYGe {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.sam-tablet .sam-loiselle-AlyYrC {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 2944px;
  white-space: nowrap;
  width: auto;
}

.sam-tablet .designer-AlyYrC {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2902px;
  white-space: nowrap;
  width: 137px;
}

.sam-tablet .next-AlyYrC {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3148px;
  white-space: nowrap;
  width: 59px;
}

.sam-tablet .rectangle-144-AlyYrC {
  background-color: var(--black);
  height: 13px;
  left: 407px;
  position: absolute;
  top: 2377px;
  width: 63px;
}

.sam-tablet .x5_sam-AlyYrC {
  background-color: transparent;
  height: 337px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 573px;
}

.sam-tablet .design-rationaleno-o-AlyYrC {
  background-color: transparent;
  height: auto;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.sam-tablet .span0-xWGCo8 {
}

.sam-tablet .span1-xWGCo8 {
}

.sam-tablet .span2-xWGCo8 {
}

.sam-tablet .span3-xWGCo8 {
}

.sam-tablet .span4-xWGCo8 {
}

.sam-tablet .x1_sam-AlyYrC {
  background-color: transparent;
  height: 393px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1176px;
  width: 281px;
}

.sam-tablet .x2_sam-AlyYrC {
  background-color: transparent;
  height: 393px;
  left: 392px;
  object-fit: cover;
  position: absolute;
  top: 1176px;
  width: 281px;
}

.sam-tablet .x3_sam-AlyYrC {
  background-color: transparent;
  height: 393px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1582px;
  width: 281px;
}

.sam-tablet .mask-group-41-AlyYrC {
  background-color: transparent;
  height: 392px;
  left: 392px;
  object-fit: cover;
  position: absolute;
  top: 1583px;
  width: 281px;
}

.sam-tablet .x4_sam-AlyYrC {
  background-color: transparent;
  height: 430px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1988px;
  width: 573px;
}

.sam-tablet .mask-group-42-AlyYrC {
  background-color: transparent;
  height: 430px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 2431px;
  width: 573px;
}

.sam-tablet .my-cultural-roots-st-AlyYrC {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2989px;
  width: 378px;
}

.sam-tablet .icon-mail-AlyYrC {
  background-color: transparent;
  height: 67px;
  left: 126px;
  object-fit: cover;
  position: absolute;
  top: 2912px;
  width: 87px;
}
@media screen and (max-width: 767px) {
  .screen.sam {
    display: none;
  }
  .screen.sam-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.sam {
    display: none;
  }
  .screen.sam-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.sam-mobile {
    display: none;
  }
  .screen.sam-tablet {
    display: none;
  }
}

/* screen - sanyukta */

.sanyukta {
  height: 2817px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.sanyukta .path-5-Eldn7H {
  background-color: transparent;
  height: 2534px;
  left: 181px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 1558px;
}

.sanyukta .x4_sanyukta-Eldn7H {
  background-color: transparent;
  height: 730px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 257px;
  width: 1241px;
}

.sanyukta .sanyukta-ghag-Eldn7H {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 2430px;
  white-space: nowrap;
  width: auto;
}

.sanyukta .i-am-based-in-toront-Eldn7H {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2486px;
  width: 770px;
}

.sanyukta .group-4-Eldn7H {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1659px;
  position: absolute;
  top: 131px;
  width: 24px;
}

.sanyukta .path-2-ruJhxx {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.sanyukta .line-4-ruJhxx {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.sanyukta .design-rationalethes-Eldn7H {
  background-color: transparent;
  height: auto;
  left: 497px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1033px;
  width: 928px;
}

.sanyukta .span0-TZBU3n {
}

.sanyukta .span1-TZBU3n {
}

.sanyukta .a_sanyukta-Eldn7H {
  background-color: transparent;
  height: 128px;
  left: 489px;
  object-fit: cover;
  position: absolute;
  top: 2452px;
  width: 166px;
}

.sanyukta .designer-Eldn7H {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2383px;
  white-space: nowrap;
  width: 296px;
}

.sanyukta .x1_sanyukta-Eldn7H {
  background-color: transparent;
  height: 425px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1468px;
  width: 303px;
}

.sanyukta .x2_sanyukta-Eldn7H {
  background-color: transparent;
  height: 425px;
  left: 653px;
  object-fit: cover;
  position: absolute;
  top: 1468px;
  width: 303px;
}

.sanyukta .x3_sanyukta-Eldn7H {
  background-color: transparent;
  height: 425px;
  left: 968px;
  object-fit: cover;
  position: absolute;
  top: 1468px;
  width: 303px;
}

.sanyukta .x4_sanyukta-dul0JA {
  background-color: transparent;
  height: 439px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1905px;
  width: 615px;
}

.sanyukta .mask-group-29-Eldn7H {
  background-color: transparent;
  height: 424px;
  left: 1282px;
  object-fit: cover;
  position: absolute;
  top: 1468px;
  width: 299px;
}

.sanyukta .mask-group-30-Eldn7H {
  background-color: transparent;
  height: 439px;
  left: 965px;
  object-fit: cover;
  position: absolute;
  top: 1905px;
  width: 615px;
}

.sanyukta .next-Eldn7H {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2530px;
  white-space: nowrap;
  width: 90px;
}

.sanyukta .focus-and-expand-Eldn7H {
  background-color: transparent;
  height: auto;
  left: 339px;
  letter-spacing: 0px;
  line-height: 60px;
  position: absolute;
  text-align: left;
  top: 175px;
  white-space: nowrap;
  width: 771px;
}

.sanyukta .by-sanyukta-ghag-Eldn7H {
  background-color: transparent;
  height: auto;
  left: 1284px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 184px;
  white-space: nowrap;
  width: 296px;
}

.sanyukta .postcard-design-Eldn7H {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 119px;
  white-space: nowrap;
  width: 139px;
}
/* screen - sanyukta-mobile */

.sanyukta-mobile {
  height: 2375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.sanyukta-mobile .rectangle-26-thDH60 {
  background-color: var(--white);
  height: 2357px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 362px;
}

.sanyukta-mobile .focus-and-expand-thDH60 {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 34px;
  white-space: nowrap;
  width: 263px;
}

.sanyukta-mobile .postcard-design-thDH60 {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.sanyukta-mobile .by-sanyukta-ghag-thDH60 {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.sanyukta-mobile .group-4-thDH60 {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.sanyukta-mobile .path-2-xWBC44 {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.sanyukta-mobile .line-4-xWBC44 {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.sanyukta-mobile .next-thDH60 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2317px;
  white-space: nowrap;
  width: 59px;
}

.sanyukta-mobile .sanyukta-ghag-thDH60 {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 2078px;
  white-space: nowrap;
  width: auto;
}

.sanyukta-mobile .designer-thDH60 {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2031px;
  white-space: nowrap;
  width: 106px;
}

.sanyukta-mobile .x4_sanyukta-thDH60 {
  background-color: transparent;
  height: 196px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 76px;
  width: 333px;
}

.sanyukta-mobile .design-rationalethes-thDH60 {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 309px;
}

.sanyukta-mobile .span0-iXg3zU {
}

.sanyukta-mobile .span1-iXg3zU {
}

.sanyukta-mobile .x1_sanyukta-thDH60 {
  background-color: transparent;
  height: 229px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1010px;
  width: 163px;
}

.sanyukta-mobile .x2_sanyukta-thDH60 {
  background-color: transparent;
  height: 229px;
  left: 191px;
  object-fit: cover;
  position: absolute;
  top: 1010px;
  width: 163px;
}

.sanyukta-mobile .x3_sanyukta-thDH60 {
  background-color: transparent;
  height: 231px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1252px;
  width: 165px;
}

.sanyukta-mobile .mask-group-47-thDH60 {
  background-color: transparent;
  height: 230px;
  left: 192px;
  object-fit: cover;
  position: absolute;
  top: 1252px;
  width: 162px;
}

.sanyukta-mobile .x4_sanyukta-xndWfB {
  background-color: transparent;
  height: 238px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1497px;
  width: 333px;
}

.sanyukta-mobile .mask-group-48-thDH60 {
  background-color: transparent;
  height: 238px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1748px;
  width: 333px;
}

.sanyukta-mobile .a_sanyukta-thDH60 {
  background-color: transparent;
  height: 82px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  top: 2032px;
  width: 106px;
}

.sanyukta-mobile .i-am-based-in-toront-thDH60 {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2133px;
  width: 301px;
}
/* screen - sanyukta-tablet */

.sanyukta-tablet {
  height: 3274px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.sanyukta-tablet .path-5-faiLWK {
  background-color: transparent;
  height: 3222px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 716px;
}

.sanyukta-tablet .focus-and-expand-faiLWK {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.sanyukta-tablet .postcard-design-faiLWK {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.sanyukta-tablet .by-sanyukta-ghag-faiLWK {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.sanyukta-tablet .group-4-faiLWK {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.sanyukta-tablet .path-2-J33Tjc {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.sanyukta-tablet .line-4-J33Tjc {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.sanyukta-tablet .sanyukta-ghag-faiLWK {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 2966px;
  white-space: nowrap;
  width: auto;
}

.sanyukta-tablet .designer-faiLWK {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2923px;
  white-space: nowrap;
  width: 137px;
}

.sanyukta-tablet .next-faiLWK {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3169px;
  white-space: nowrap;
  width: 59px;
}

.sanyukta-tablet .my-cultural-roots-st-faiLWK {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 3010px;
  width: 378px;
}

.sanyukta-tablet .x4_sanyukta-faiLWK {
  background-color: transparent;
  height: 337px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 573px;
}

.sanyukta-tablet .design-rationalethes-faiLWK {
  background-color: transparent;
  height: auto;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.sanyukta-tablet .span0-FBgGiU {
}

.sanyukta-tablet .span1-FBgGiU {
}

.sanyukta-tablet .x1_sanyukta-faiLWK {
  background-color: transparent;
  height: 394px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1240px;
  width: 281px;
}

.sanyukta-tablet .x2_sanyukta-faiLWK {
  background-color: transparent;
  height: 394px;
  left: 392px;
  object-fit: cover;
  position: absolute;
  top: 1240px;
  width: 281px;
}

.sanyukta-tablet .x3_sanyukta-faiLWK {
  background-color: transparent;
  height: 397px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1647px;
  width: 283px;
}

.sanyukta-tablet .mask-group-45-faiLWK {
  background-color: transparent;
  height: 396px;
  left: 394px;
  object-fit: cover;
  position: absolute;
  top: 1647px;
  width: 279px;
}

.sanyukta-tablet .x4_sanyukta-eJRtiw {
  background-color: transparent;
  height: 409px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 2056px;
  width: 573px;
}

.sanyukta-tablet .mask-group-46-faiLWK {
  background-color: transparent;
  height: 410px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 2479px;
  width: 573px;
}

.sanyukta-tablet .a_sanyukta-faiLWK {
  background-color: transparent;
  height: 88px;
  left: 108px;
  object-fit: cover;
  position: absolute;
  top: 2928px;
  width: 114px;
}
@media screen and (max-width: 767px) {
  .screen.sanyukta {
    display: none;
  }
  .screen.sanyukta-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.sanyukta {
    display: none;
  }
  .screen.sanyukta-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.sanyukta-mobile {
    display: none;
  }
  .screen.sanyukta-tablet {
    display: none;
  }
}

/* screen - shane */

.shane {
  height: 2995px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.shane .path-5-TqTXRF {
  background-color: transparent;
  height: 2707px;
  left: 181px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 1558px;
}

.shane .nostalgia-of-the-abyss-TqTXRF {
  background-color: transparent;
  height: auto;
  left: 338px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 188px;
  width: 586px;
}

.shane .i-am-a-fourth-genera-TqTXRF {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2644px;
  width: 770px;
}

.shane .design-rationalefor-TqTXRF {
  background-color: transparent;
  height: auto;
  left: 497px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1032px;
  width: 928px;
}

.shane .span0-V3V7rt {
}

.shane .span1-V3V7rt {
}

.shane .toyama_avatar-TqTXRF {
  background-color: transparent;
  border-radius: 71.5px;
  height: 143px;
  left: 497px;
  object-fit: cover;
  position: absolute;
  top: 2606px;
  width: 143px;
}

.shane .x3_toyama-TqTXRF {
  background-color: transparent;
  height: 333px;
  left: 361px;
  object-fit: cover;
  position: absolute;
  top: 1828px;
  width: 592px;
}

.shane .x5_toyama-TqTXRF {
  background-color: transparent;
  height: 345px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 2178px;
  width: 614px;
}

.shane .x7_toyama-TqTXRF {
  background-color: transparent;
  height: 345px;
  left: 965px;
  object-fit: cover;
  position: absolute;
  top: 2178px;
  width: 614px;
}

.shane .by-shane-toyama-TqTXRF {
  background-color: transparent;
  height: auto;
  left: 1287px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 189px;
  white-space: nowrap;
  width: 296px;
}

.shane .book-design-TqTXRF {
  background-color: transparent;
  height: auto;
  left: 339px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 118px;
  white-space: nowrap;
  width: 610px;
}

.shane .group-4-TqTXRF {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 1659px;
  position: absolute;
  top: 127px;
  width: 24px;
}

.shane .path-2-RBGnlj {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.shane .line-4-RBGnlj {
  background-color: transparent;
  height: 28px;
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: 28px;
}

.shane .x2_toyama-TqTXRF {
  background-color: transparent;
  height: 345px;
  left: 339px;
  object-fit: cover;
  position: absolute;
  top: 1467px;
  width: 614px;
}

.shane .shane-toyama-TqTXRF {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 29px;
  position: absolute;
  text-align: left;
  top: 2599px;
  white-space: nowrap;
  width: auto;
}

.shane .designer-TqTXRF {
  background-color: transparent;
  height: auto;
  left: 655px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2562px;
  white-space: nowrap;
  width: 296px;
}

.shane .home-TqTXRF {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1490px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2702px;
  white-space: nowrap;
  width: 90px;
}

.shane .group-19-TqTXRF {
  background-color: transparent;
  height: 730px;
  left: 340px;
  position: absolute;
  top: 256px;
  width: 1241px;
}

.shane .rectangle-70-W97Kk6 {
  background-color: var(--nero);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shane .x1_toyama-W97Kk6 {
  background-color: transparent;
  height: 90.96%;
  left: 2.5%;
  object-fit: cover;
  position: absolute;
  top: 4.52%;
  width: 95.08%;
}

.shane .x6_toyama-TqTXRF {
  background-color: transparent;
  height: 333px;
  left: 966px;
  object-fit: cover;
  position: absolute;
  top: 1828px;
  width: 614px;
}

.shane .x4_toyama-TqTXRF {
  background-color: transparent;
  height: 345px;
  left: 966px;
  object-fit: cover;
  position: absolute;
  top: 1467px;
  width: 613px;
}
/* screen - shane-mobile */

.shane-mobile {
  height: 2621px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.shane-mobile .rectangle-26-rAbHgZ {
  background-color: var(--white);
  height: 2604px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 362px;
}

.shane-mobile .nostalgia-of-the-abyss-rAbHgZ {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 34px;
  white-space: nowrap;
  width: 263px;
}

.shane-mobile .book-design-rAbHgZ {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: 166px;
}

.shane-mobile .by-shane-toyama-rAbHgZ {
  background-color: transparent;
  height: auto;
  left: 235px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 40px;
  white-space: nowrap;
  width: 120px;
}

.shane-mobile .group-4-rAbHgZ {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 335px;
  position: absolute;
  top: 22px;
  width: 16px;
}

.shane-mobile .path-2-TFecwW {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.shane-mobile .line-4-TFecwW {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.shane-mobile .home-rAbHgZ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 282px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 2564px;
  white-space: nowrap;
  width: 59px;
}

.shane-mobile .design-rationalefor-rAbHgZ {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 292px;
  width: 309px;
}

.shane-mobile .span0-TNpHv7 {
}

.shane-mobile .span1-TNpHv7 {
}

.shane-mobile .x2_toyama-rAbHgZ {
  background-color: transparent;
  height: 186px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 982px;
  width: 331px;
}

.shane-mobile .x4_toyama-rAbHgZ {
  background-color: transparent;
  height: 186px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1181px;
  width: 331px;
}

.shane-mobile .x3_toyama-rAbHgZ {
  background-color: transparent;
  height: 186px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1380px;
  width: 331px;
}

.shane-mobile .x6_toyama-rAbHgZ {
  background-color: transparent;
  height: 179px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1579px;
  width: 331px;
}

.shane-mobile .x5_toyama-rAbHgZ {
  background-color: transparent;
  height: 186px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1771px;
  width: 331px;
}

.shane-mobile .x7_toyama-rAbHgZ {
  background-color: transparent;
  height: 186px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 1970px;
  width: 331px;
}

.shane-mobile .i-am-a-fourth-genera-rAbHgZ {
  background-color: transparent;
  height: auto;
  left: 36px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 2316px;
  width: 305px;
}

.shane-mobile .toyama_avatar-rAbHgZ {
  background-color: transparent;
  border-radius: 48.69px;
  height: 97px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 2212px;
  width: 97px;
}

.shane-mobile .shane-toyama-rAbHgZ {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 10px;
  position: absolute;
  text-align: left;
  top: 2254px;
  white-space: nowrap;
  width: auto;
}

.shane-mobile .designer-rAbHgZ {
  background-color: transparent;
  height: auto;
  left: 136px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 2207px;
  white-space: nowrap;
  width: 106px;
}

.shane-mobile .group-85-rAbHgZ {
  background-color: transparent;
  height: 197px;
  left: 21px;
  position: absolute;
  top: 78px;
  width: 336px;
}

.shane-mobile .rectangle-70-GclPoP {
  background-color: var(--nero);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shane-mobile .x1_toyama-GclPoP {
  background-color: transparent;
  height: 90.36%;
  left: 2.68%;
  object-fit: cover;
  position: absolute;
  top: 4.57%;
  width: 94.35%;
}
/* screen - shane-tablet */

.shane-tablet {
  height: 3561px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}

.shane-tablet .path-5-TkBrsU {
  background-color: transparent;
  height: 3509px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 716px;
}

.shane-tablet .nostalgia-of-the-abyss-TkBrsU {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: 451px;
}

.shane-tablet .book-design-TkBrsU {
  background-color: transparent;
  height: auto;
  left: 100px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: 282px;
}

.shane-tablet .by-shane-toyama-TkBrsU {
  background-color: transparent;
  height: auto;
  left: 466px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 70px;
  white-space: nowrap;
  width: 206px;
}

.shane-tablet .group-4-TkBrsU {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 702px;
  position: absolute;
  top: 44px;
  width: 21px;
}

.shane-tablet .path-2-iDIw3R {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.shane-tablet .line-4-iDIw3R {
  background-color: transparent;
  height: calc(100% + 4px);
  left: -2px;
  object-fit: cover;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}

.shane-tablet .shane-toyama-TkBrsU {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: 3268px;
  white-space: nowrap;
  width: auto;
}

.shane-tablet .designer-TkBrsU {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 3225px;
  white-space: nowrap;
  width: 137px;
}

.shane-tablet .home-TkBrsU {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 612px;
  letter-spacing: 0px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  top: 3456px;
  white-space: nowrap;
  width: 59px;
}

.shane-tablet .group-84-TkBrsU {
  background-color: transparent;
  height: 335px;
  left: 100px;
  position: absolute;
  top: 127px;
  width: 570px;
}

.shane-tablet .rectangle-70-pxWebX {
  background-color: var(--nero);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shane-tablet .x1_toyama-pxWebX {
  background-color: transparent;
  height: 90.45%;
  left: 2.63%;
  object-fit: cover;
  position: absolute;
  top: 4.78%;
  width: 94.74%;
}

.shane-tablet .design-rationalefor-TkBrsU {
  background-color: transparent;
  height: auto;
  left: 126px;
  letter-spacing: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 523px;
}

.shane-tablet .span0-4YxlxQ {
}

.shane-tablet .span1-4YxlxQ {
}

.shane-tablet .x2_toyama-TkBrsU {
  background-color: transparent;
  height: 321px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1208px;
  width: 570px;
}

.shane-tablet .x4_toyama-TkBrsU {
  background-color: transparent;
  height: 321px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1542px;
  width: 570px;
}

.shane-tablet .x3_toyama-TkBrsU {
  background-color: transparent;
  height: 321px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 1876px;
  width: 570px;
}

.shane-tablet .x6_toyama-TkBrsU {
  background-color: transparent;
  height: 309px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 2210px;
  width: 570px;
}

.shane-tablet .x5_toyama-TkBrsU {
  background-color: transparent;
  height: 320px;
  left: 102px;
  object-fit: cover;
  position: absolute;
  top: 2532px;
  width: 568px;
}

.shane-tablet .x7_toyama-TkBrsU {
  background-color: transparent;
  height: 320px;
  left: 102px;
  object-fit: cover;
  position: absolute;
  top: 2865px;
  width: 568px;
}

.shane-tablet .i-am-a-fourth-genera-TkBrsU {
  background-color: transparent;
  height: auto;
  left: 226px;
  letter-spacing: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 3297px;
  width: 378px;
}

.shane-tablet .toyama_avatar-TkBrsU {
  background-color: transparent;
  border-radius: 60.54px;
  height: 121px;
  left: 105px;
  object-fit: cover;
  position: absolute;
  top: 3253px;
  width: 121px;
}
@media screen and (max-width: 767px) {
  .screen.shane {
    display: none;
  }
  .screen.shane-tablet {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .screen.shane {
    display: none;
  }
  .screen.shane-mobile {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.shane-mobile {
    display: none;
  }
  .screen.shane-tablet {
    display: none;
  }
}