canvas[data-v-59bc7138] {
  background: #000;
  display: block;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.loading-ui[data-v-573b3f9d] {
  margin-top: 80vw;
}
@media (min-width: 768px) {
  .loading-ui[data-v-573b3f9d] {
    margin-top: 20vw;
  }
}
.titleMain[data-v-573b3f9d] {
  font-family:
    Haffer Variable,
    sans-serif;
  font-feature-settings:
    "ss04" 1,
    "liga" 1;
  font-variant-ligatures: common-ligatures contextual;
  font-weight: 450;
  letter-spacing: -0.02em;
}
.titleSub[data-v-573b3f9d] {
  font-family: Bogue, serif;
  letter-spacing: -0.03em;
}
.body[data-v-573b3f9d] {
  letter-spacing: -0.02em;
  text-align: center;
}
.body[data-v-573b3f9d],
.scrollIndicator[data-v-573b3f9d] {
  font-family: Haffer, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
.scrollIndicator[data-v-573b3f9d] {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  justify-content: center;
  pointer-events: none;
}
.scrollIndicatorIcon[data-v-573b3f9d] {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background: linear-gradient(100.81deg, #29293033 7.89%, #19191d33 91.16%);
  border: 1px solid rgba(41, 41, 48, 0.3);
  border-radius: 4px;
}
.search-bar[data-v-882ce2b2] {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background: linear-gradient(100.81deg, #f4f4f433 7.89%, #f4f4f40d 91.16%);
  box-shadow:
    4px 5px 20px #0006,
    inset -1px -1px 4px #00000026,
    inset 1px 1px 4px #ffffff26;
}
.icon-container[data-v-882ce2b2],
.search-bar[data-v-882ce2b2] {
  border: 1px solid hsla(0, 0%, 95.7%, 0.3);
}
.icon-container[data-v-882ce2b2] {
  background: #16161666;
  box-shadow:
    inset 1px 1px 4px #ffffff40,
    inset 1px 1px 4px #00000040;
}
.dragged-item[data-v-882ce2b2] {
  width: 2rem;
}
.cursor[data-v-882ce2b2] {
  background: #0496ff;
  height: 120%;
  left: 0;
  position: absolute;
  width: 0.125rem;
}
.cursor.blink[data-v-882ce2b2] {
  animation: blink-882ce2b2 1s steps(2, start) infinite;
}
@keyframes blink-882ce2b2 {
  0%,
  50% {
    opacity: 1;
  }
  51%,
  to {
    opacity: 0;
  }
}
.cursor-wrapper[data-v-137171e7] {
  height: 0;
  transform: translate(50vw, 50vh);
  width: 0;
}
.items[data-v-6ba15223] {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
}
.items .item[data-v-6ba15223] {
  position: absolute;
  width: 14rem;
}
.items .item[data-v-6ba15223]:nth-child(n + 30) {
  visibility: hidden;
}
@media (min-width: 768px) {
  .items .item[data-v-6ba15223] {
    width: 18rem;
  }
  .items .item[data-v-6ba15223]:nth-child(n + 30) {
    visibility: visible;
  }
}
@media (min-width: 1024px) {
  .items .item[data-v-6ba15223] {
    width: 20rem;
  }
}
.items .item img[data-v-6ba15223] {
  display: block;
  height: auto;
  width: 100%;
}
.items[data-v-df820538] {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
}
.items .item[data-v-df820538] {
  position: absolute;
  width: 12rem;
}
@media (min-width: 768px) {
  .items .item[data-v-df820538] {
    width: 16rem;
  }
}
@media (min-width: 1024px) {
  .items .item[data-v-df820538] {
    width: 20rem;
  }
}
.items .item img[data-v-df820538] {
  display: block;
  height: auto;
  width: 100%;
}
.items[data-v-ded7321e] {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
}
.items .item[data-v-ded7321e] {
  position: absolute;
  width: 12rem;
}
@media (min-width: 768px) {
  .items .item[data-v-ded7321e] {
    width: 16rem;
  }
}
@media (min-width: 1024px) {
  .items .item[data-v-ded7321e] {
    width: 20rem;
  }
}
.items .item img[data-v-ded7321e] {
  display: block;
  height: auto;
  width: 100%;
}
.items[data-v-ffe034de] {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
}
.items .item[data-v-ffe034de] {
  position: absolute;
  width: 12rem;
}
@media (min-width: 768px) {
  .items .item[data-v-ffe034de] {
    width: 16rem;
  }
}
@media (min-width: 1024px) {
  .items .item[data-v-ffe034de] {
    width: 20rem;
  }
}
.items .item img[data-v-ffe034de] {
  display: block;
  height: auto;
  width: 100%;
}
.item[data-v-84009a59] {
  text-align: center;
}
.item .asset[data-v-84009a59] {
  margin: 0 auto;
  position: relative;
  width: 11rem;
}
@media (min-width: 768px) {
  .item .asset[data-v-84009a59] {
    width: 15rem;
  }
}
@media (min-width: 1024px) {
  .item .asset[data-v-84009a59] {
    width: 18rem;
  }
}
.item .asset img[data-v-84009a59] {
  display: block;
  height: auto;
  width: 100%;
}
.item .filename[data-v-84009a59] {
  font-family: Inter, sans-serif;
  --tw-text-opacity: 1;
  background-color: #21212299;
  border-radius: 0.3rem;
  color: rgb(244 244 244 / var(--tw-text-opacity, 1));
  display: inline-block;
  font-size: 0.6rem;
  letter-spacing: 0.02rem;
  line-height: 1;
  margin-top: 0.8rem;
  padding: 0.25rem 0.35rem;
}
@media (min-width: 768px) {
  .item .filename[data-v-84009a59] {
    font-size: 1.1rem;
    letter-spacing: 0.05rem;
    padding: 0.4rem 0.35rem;
  }
}
.item.active .asset[data-v-84009a59]:before {
  border: 3px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(134.77deg, #f4824d 25.1%, #f42919 74.9%);
  box-sizing: border-box;
  content: "";
  height: 98%;
  left: 0;
  position: absolute;
  top: 0;
  width: 98%;
  z-index: 1;
}
.item.active .filename[data-v-84009a59] {
  background: linear-gradient(134.77deg, #f4824d 25.1%, #f42919 74.9%);
}
.items[data-v-0e881b1a] .col {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem 1rem;
  justify-items: center;
  margin: 0 0.5rem;
}
@media (min-width: 768px) {
  .items[data-v-0e881b1a] .col {
    gap: 1.5rem 2rem;
    margin: 0 1rem;
  }
}
@media (min-width: 1024px) {
  .items[data-v-0e881b1a] .col {
    gap: 2.5rem 3rem;
    margin: 0 1.5rem;
  }
}
.items[data-v-0e881b1a] .col:nth-child(odd) .item:nth-child(odd) .asset {
  width: 10rem;
}
@media (min-width: 768px) {
  .items[data-v-0e881b1a] .col:nth-child(odd) .item:nth-child(odd) .asset {
    width: 16rem;
  }
}
@media (min-width: 1024px) {
  .items[data-v-0e881b1a] .col:nth-child(odd) .item:nth-child(odd) .asset {
    width: 18rem;
  }
}
.items[data-v-0e881b1a] .col:nth-child(3n + 1) .item:nth-child(3n + 2) .asset {
  width: 9rem;
}
@media (min-width: 768px) {
  .items[data-v-0e881b1a]
    .col:nth-child(3n + 1)
    .item:nth-child(3n + 2)
    .asset {
    width: 13rem;
  }
}
@media (min-width: 1024px) {
  .items[data-v-0e881b1a]
    .col:nth-child(3n + 1)
    .item:nth-child(3n + 2)
    .asset {
    width: 16rem;
  }
}
.items[data-v-0e881b1a] .col:nth-child(n + 1) .item:nth-child(odd) .asset {
  width: 9rem;
}
@media (min-width: 768px) {
  .items[data-v-0e881b1a] .col:nth-child(n + 1) .item:nth-child(odd) .asset {
    width: 13rem;
  }
}
@media (min-width: 1024px) {
  .items[data-v-0e881b1a] .col:nth-child(n + 1) .item:nth-child(odd) .asset {
    width: 16rem;
  }
}
.items[data-v-0e881b1a] .col:first-child,
.items[data-v-0e881b1a] .col:nth-child(4) {
  display: none;
}
@media (min-width: 768px) {
  .items[data-v-0e881b1a] .col:first-child,
  .items[data-v-0e881b1a] .col:nth-child(4) {
    display: flex;
  }
}
.items[data-v-6311c40f] .col {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem 1rem;
  justify-items: center;
  margin: 0 0.5rem;
}
@media (min-width: 768px) {
  .items[data-v-6311c40f] .col {
    gap: 1.5rem 2rem;
    margin: 0 1rem;
  }
}
@media (min-width: 1024px) {
  .items[data-v-6311c40f] .col {
    gap: 2.5rem 3rem;
    margin: 0 1.5rem;
  }
}
.items[data-v-6311c40f] .col:nth-child(odd) .item:nth-child(odd) .asset {
  width: 10rem;
}
@media (min-width: 768px) {
  .items[data-v-6311c40f] .col:nth-child(odd) .item:nth-child(odd) .asset {
    width: 16rem;
  }
}
@media (min-width: 1024px) {
  .items[data-v-6311c40f] .col:nth-child(odd) .item:nth-child(odd) .asset {
    width: 18rem;
  }
}
.items[data-v-6311c40f] .col:nth-child(3n + 1) .item:nth-child(3n + 2) .asset {
  width: 9rem;
}
@media (min-width: 768px) {
  .items[data-v-6311c40f]
    .col:nth-child(3n + 1)
    .item:nth-child(3n + 2)
    .asset {
    width: 13rem;
  }
}
@media (min-width: 1024px) {
  .items[data-v-6311c40f]
    .col:nth-child(3n + 1)
    .item:nth-child(3n + 2)
    .asset {
    width: 16rem;
  }
}
.items[data-v-6311c40f] .col:nth-child(n + 1) .item:nth-child(odd) .asset {
  width: 9rem;
}
@media (min-width: 768px) {
  .items[data-v-6311c40f] .col:nth-child(n + 1) .item:nth-child(odd) .asset {
    width: 13rem;
  }
}
@media (min-width: 1024px) {
  .items[data-v-6311c40f] .col:nth-child(n + 1) .item:nth-child(odd) .asset {
    width: 16rem;
  }
}
.items[data-v-6311c40f] .col:first-child,
.items[data-v-6311c40f] .col:nth-child(4) {
  display: none;
}
@media (min-width: 768px) {
  .items[data-v-6311c40f] .col:first-child,
  .items[data-v-6311c40f] .col:nth-child(4) {
    display: flex;
  }
}
.profilePicture[data-v-8c24f10a] {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background: linear-gradient(100.81deg, #292930b3 7.89%, #19191db3 91.16%);
  box-shadow:
    inset 1px 1px 4px #ffffff40,
    inset 1px 1px 4px #00000040;
}
.chatBubble[data-v-8c24f10a],
.profilePicture[data-v-8c24f10a] {
  border: 1px solid hsla(0, 0%, 95.7%, 0.3);
}
.chatBubble[data-v-8c24f10a] {
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
  background: linear-gradient(91.52deg, #00000036 0.14%, #3b3b3b38 100.14%);
  font-family: Haffer, sans-serif;
}
.chatTitle[data-v-8c24f10a] {
  font-style: italic;
  font-weight: 600;
}
.frameLabel[data-v-8c24f10a] {
  background: #21212299;
  font-family: Inter, sans-serif;
}
.containerBackground[data-v-285732d0] {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background: linear-gradient(100.81deg, #f4f4f433 7.89%, #f4f4f40d 91.16%);
  box-shadow:
    4px 5px 20px #0006,
    inset -1px -1px 4px #00000026,
    inset 1px 1px 4px #ffffff26;
}
.containerBackground[data-v-285732d0],
.iconContainer[data-v-285732d0] {
  border: 1px solid hsla(0, 0%, 95.7%, 0.3);
}
.iconContainer[data-v-285732d0] {
  -webkit-backdrop-filter: blur(38.888885498px);
  backdrop-filter: blur(38.888885498px);
  background: #ffffff0d;
}
.film-strip[data-v-c3e4f6a7] {
  flex-wrap: nowrap;
  position: absolute;
  transform: rotate(-4deg);
}
.film-strip[data-v-c3e4f6a7],
.film-strip .frame-wrap[data-v-c3e4f6a7] {
  align-items: center;
  display: flex;
  justify-content: center;
}
.film-strip .frame-wrap[data-v-c3e4f6a7] {
  aspect-ratio: 1.09/1;
  box-shadow: 4px 5px 10px #0006;
  margin: 0 -0.06rem;
  position: relative;
  width: 18rem;
}
@media (min-width: 768px) {
  .film-strip .frame-wrap[data-v-c3e4f6a7] {
    width: 24rem;
  }
}
@media (min-width: 1024px) {
  .film-strip .frame-wrap[data-v-c3e4f6a7] {
    max-width: 500px;
    width: 28rem;
  }
}
.film-strip .frame-wrap .frame-img[data-v-c3e4f6a7] {
  background: var(--36fd5cc7);
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.film-strip .frame-wrap .video-wrap[data-v-c3e4f6a7] {
  height: 70%;
  margin-top: 0.4rem;
  position: relative;
  width: 94%;
}
.film-strip .frame-wrap video[data-v-c3e4f6a7] {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.film-strip .frame-wrap .video-overlay[data-v-c3e4f6a7] {
  background: #0009;
  inset: 0;
  position: absolute;
  z-index: 1;
}
.ipad[data-v-c668db04] {
  aspect-ratio: 1160/888;
  border: 1.5px solid transparent;
  position: relative;
  transform: rotate(1.5deg);
}
.image[data-v-c668db04] {
  z-index: 1;
}
.titleMain[data-v-c668db04] {
  font-family: Haffer, sans-serif;
  font-feature-settings:
    "ss04" 1,
    "liga" 1;
  overflow: hidden;
}
.titleSub[data-v-c668db04] {
  font-family: Bogue, sans-serif;
  letter-spacing: -0.03em;
  overflow: hidden;
}
.iconLabel[data-v-c668db04] {
  font-family: Inter, sans-serif;
}
.background[data-v-917b4e0c] {
  background-image: var(--2d98f5f0);
  background-position: 0 0;
  background-size: 80%;
  height: 140%;
  left: -20%;
  top: -20%;
  width: 140%;
}
.overlay[data-v-489f86f1] {
  --animation-duration: 5s;
}
@media (pointer: coarse) {
  .overlay[data-v-489f86f1] {
    display: none;
  }
}
.overlay.shadow[data-v-489f86f1] {
  mix-blend-mode: multiply;
  opacity: 0.7;
}
.overlay.light[data-v-489f86f1] {
  mix-blend-mode: overlay;
  opacity: 0.6;
}
.overlay > div[data-v-489f86f1] {
  animation-duration: var(--animation-duration);
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  background-size: cover;
  height: 100%;
  inset: 0;
  opacity: 0;
  position: absolute;
  transform-origin: center;
  width: 100%;
}
.overlay > div[data-v-489f86f1]:first-child {
  animation-delay: calc(var(--animation-duration) * 0);
  animation-name: light1-seq-489f86f1;
  background-image: var(--26c0bfaa);
}
.overlay > div[data-v-489f86f1]:nth-child(2) {
  animation-delay: calc(var(--animation-duration) * 0.333);
  animation-name: light2-seq-489f86f1;
  background-image: var(--26c0bfa8);
}
.overlay > div[data-v-489f86f1]:nth-child(3) {
  animation-delay: calc(var(--animation-duration) * 0.666);
  animation-name: light3-seq-489f86f1;
  background-image: var(--26c0bfa6);
}
@keyframes light1-seq-489f86f1 {
  0% {
    opacity: 1;
    transform: rotate(0);
  }
  50% {
    opacity: 0;
    transform: rotate(4deg);
  }
  to {
    opacity: 1;
    transform: rotate(0);
  }
}
@keyframes light2-seq-489f86f1 {
  0% {
    opacity: 1;
    transform: rotate(0);
  }
  50% {
    opacity: 0;
    transform: rotate(-4deg);
  }
  to {
    opacity: 1;
    transform: rotate(0);
  }
}
@keyframes light3-seq-489f86f1 {
  0% {
    opacity: 1;
    transform: rotate(0);
  }
  50% {
    opacity: 0;
    transform: rotate(3.5deg);
  }
  to {
    opacity: 1;
    transform: rotate(0);
  }
}
.slide[data-v-5406dbb3] {
  border: 1px solid hsla(0, 0%, 95.7%, 0.3);
}
.slideTitleMain[data-v-5406dbb3] {
  font-family:
    Haffer Variable,
    sans-serif;
  font-feature-settings:
    "ss04" 1,
    "liga" 1;
  font-variant-ligatures: common-ligatures contextual;
  font-weight: 450;
  letter-spacing: -0.02em;
}
.slideTitleSub[data-v-5406dbb3] {
  font-family: Bogue, sans-serif;
  letter-spacing: -0.03em;
}
.slideSubtitle[data-v-5406dbb3] {
  font-family: Bogue, serif;
}
.subtitleTag[data-v-5406dbb3] {
  border: 1px solid hsla(0, 0%, 95.7%, 0.3);
  font-family: Inter, sans-serif;
}
.item[data-v-93ae2f03] {
  border-radius: 0.5rem;
  cursor: default;
  flex-shrink: 0;
  height: 25rem;
  opacity: 0;
  transform-origin: center top;
}
.item.tall[data-v-93ae2f03] {
  height: 50rem;
}
.item.nested[data-v-93ae2f03] {
  height: auto;
}
.item:hover .background-image[data-v-93ae2f03] {
  transform: scale(1.03);
}
.item .text[data-v-93ae2f03] {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.item .caption[data-v-93ae2f03],
.item .title[data-v-93ae2f03] {
  font-family: Haffer, sans-serif;
  font-feature-settings:
    "ss04" 1,
    "liga" 1;
  max-width: 500px;
}
.item .background-image[data-v-93ae2f03] {
  transition: transform 1s ease-in-out;
}
.item .fadient[data-v-93ae2f03] {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), transparent);
  bottom: -1px;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.item.text-top .text[data-v-93ae2f03] {
  bottom: auto;
  top: 0;
}
.item.text-top .fadient[data-v-93ae2f03] {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.75), transparent);
  bottom: auto;
  top: -1px;
}
.fadient[data-v-f7a440a8] {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
  bottom: -1px;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.titleMain[data-v-f7a440a8] {
  font-family: Haffer, sans-serif;
  font-feature-settings:
    "ss04" 1,
    "liga" 1;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.titleSub[data-v-f7a440a8] {
  font-family: Bogue, sans-serif;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1.1;
}
.body[data-v-f7a440a8] {
  font-family: Inter, sans-serif;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.2;
  text-align: center;
}
.taglineMain[data-v-f7a440a8] {
  font-family: Bogue, serif;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -0.03em;
}
.taglineSub[data-v-f7a440a8] {
  font-family: Haffer, sans-serif;
  font-feature-settings:
    "ss04" 1,
    "liga" 1;
  font-size: 2rem;
  letter-spacing: -0.02em;
}
.container[data-v-7cee492c] {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background: #1f202980;
  border: 1px solid hsla(0, 0%, 95.7%, 0.2);
  box-shadow:
    inset -1px -1px 4px #00000026,
    inset 1px 1px 4px #ffffff26;
}
.interstitial[data-v-7cee492c] {
  background: linear-gradient(
    180deg,
    #f4f4f400,
    #f4f4f433 33.17% 65.87%,
    #f4f4f400
  );
  transition: opacity 0.5s;
}