@font-face {
  font-family: Newyork;
  src: url('../fonts/NewYork.ttf') format("truetype");
  font-weight: 400 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Newyork Italic;
  src: url('../fonts/NewYorkItalic.ttf') format("truetype");
  font-weight: 400 1000;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Fkgrotesk;
  src: url('../fonts/FKGrotesk-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.overflow {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3rem 3rem 0;
  display: flex;
}

.body {
  background-color: #050607;
}

.hero-text-1 {
  color: #fff6;
  margin-bottom: 0;
  font-size: 3.25rem;
  line-height: 3.25rem;
}

.hero-text-2 {
  color: #fff;
  margin-bottom: 0;
  font-size: 15.3125rem;
  line-height: 8rem;
}

.hero-text-3 {
  color: #fff;
  justify-content: center;
  align-items: flex-start;
  font-size: 9rem;
  line-height: 8rem;
  display: flex;
}

.text-span {
  color: #fff6;
  text-align: left;
  align-self: auto;
  font-size: 5rem;
}

.hero-text-3-wrp {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block {
  font-size: 5rem;
  line-height: 5rem;
}

.header {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.nav-link {
  color: #d4d9e3;
  font-family: Roboto, sans-serif;
  font-size: 1.125rem;
  text-decoration: none;
}

.nav-link.w--current:hover {
  color: #fff;
}

.connect {
  color: #d4d9e3;
  border: 1px solid #aeb9cb;
  border-radius: 0;
  padding: .5rem .75rem;
  font-size: 1.125rem;
}

.nav-text {
  text-decoration: none;
}

.nav-text:hover {
  color: #fff;
}

.film-strip {
  color: #111;
  background-color: #0000;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  display: block;
  position: static;
  overflow: hidden;
}

.film-strip.top {
  background-color: #0000;
}

.auction-wrp {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 3.125rem 2rem;
  display: flex;
}

.carousel-btn {
  color: #000;
  background-color: #f6f7f9;
  border-radius: 50%;
  font-family: Fkgrotesk, Impact, sans-serif;
  font-size: 1rem;
}

.carousel-btn.right {
  opacity: 1;
  display: block;
}

.code-embed-2 {
  flex-flow: column;
  align-items: center;
  width: 75%;
  margin-bottom: 1.5rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.intro-about {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: #f2f2f2;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5.185rem 11rem 1rem;
  display: flex;
}

.intro-txt-wrp {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.heading-2 {
  color: #101010;
  font-family: Newyork, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 110%;
}

.heading-4 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 1.875rem;
  line-height: 110%;
}

.image {
  width: 50%;
  transform: rotate(5deg);
  box-shadow: 0 4px 4px #00000040;
}

.about {
  background-color: #f2f2f2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5.8125rem 9.6875rem;
  display: flex;
}

.body-1 {
  color: #fff;
  text-align: center;
  width: 75%;
  font-family: Newyork, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 150%;
}

.body-1.about-text {
  color: #000;
  text-align: left;
  width: 100%;
  max-width: 992px;
}

.cta-email {
  background-color: #0000;
  width: 100%;
  padding: 8.1875rem 4rem;
}

.email-wrp {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-1 {
  color: #fff;
  font-family: Newyork, Arial, sans-serif;
  font-size: 4.5rem;
  line-height: 110%;
}

.heading-1.faq {
  color: #000;
  margin-bottom: 4.5rem;
}

.form-block {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 75%;
  max-width: 800px;
  display: block;
}

.field-label, .text-field, .text-field.eth_address, .field-label-2 {
  display: none;
}

.text-field-2 {
  color: #fff;
  background-color: #0000;
  border: 1px solid #f6f7f9;
  margin-bottom: 0;
  margin-right: .5rem;
  padding: 1.6875rem 1rem;
  font-family: Roboto, sans-serif;
  font-size: 1.5rem;
}

.text-field-2::placeholder {
  color: #333;
}

.form {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  width: 100%;
  display: flex;
}

.submit-button {
  background-color: #fff3;
  border: 1px solid #f6f7f9;
  padding: .8125rem 1.25rem;
  font-family: Newyork, Arial, sans-serif;
  font-size: 1.5rem;
}

.submit-button:hover {
  background-color: #ffffff40;
}

.success-message {
  background-color: #fff3;
  font-family: Roboto, sans-serif;
  font-size: 1.5rem;
}

.text-block-2 {
  color: #fff;
}

.text-block-3 {
  font-family: Roboto, sans-serif;
  font-size: 1rem;
}

.footer {
  background-color: #0a0b0e;
  border: 1px solid #191c24;
  width: 100%;
  padding: 4rem 6rem 6rem;
}

.footer-txt-wrp {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 8fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  font-size: .75rem;
  display: grid;
}

.footer-txt {
  color: #75777c;
  font-family: Fkgrotesk, Impact, sans-serif;
}

.footer-txt.copyright-mobile, .mobile-menu, .mobile-menu-icon {
  display: none;
}

.faqs {
  background-color: #f2f2f2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5.5rem 9.6875rem;
  display: flex;
}

.faq-body {
  color: #000;
  font-family: Newyork, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 150%;
}

.faq-title {
  color: #000;
  font-family: Newyork, Arial, sans-serif;
  font-size: 1.875rem;
  line-height: 150%;
}

.faq-entry {
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 3rem;
  display: flex;
}

.faq-entry.last {
  margin-bottom: 0;
}

.video-artwork {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  display: none;
}

.tl-auction {
  width: 50%;
  height: 100%;
}

.tl-auction-div {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.auction-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: repeat(auto-fit, minmax(auto, 500px));
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  place-items: center start;
  width: auto;
  min-width: 0%;
  height: 700px;
  min-height: 0%;
  max-height: 0%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
}

.auction-ctn-right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 100%;
  display: flex;
}

.video-art {
  justify-content: center;
  width: auto;
  height: 100%;
  display: block;
  position: static;
}

.motu-winners-wrp {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #000;
  border: 1px solid #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: 20%;
}

.field-label-3, .token, .eth_address {
  display: none;
}

.backdrop {
  -webkit-backdrop-filter: brightness(200%) blur(9px);
  backdrop-filter: brightness(200%) blur(9px);
  display: none;
  position: fixed;
  inset: 0%;
}

.no-thanks {
  color: #83868d;
  text-align: right;
  cursor: pointer;
  align-self: flex-end;
  width: auto;
  margin-top: -3rem;
  margin-right: 12.5%;
  padding-right: .25rem;
  font-family: Roboto, sans-serif;
}

.no-thanks:hover {
  text-decoration: underline;
}

.video-wrp {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.unmute {
  color: #fffc;
  letter-spacing: 1.2px;
  cursor: pointer;
  align-self: auto;
  font-family: Newyork, Arial, sans-serif;
  font-size: .75rem;
}

.unmute:hover {
  text-decoration: underline;
}

.sound-wrp {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  cursor: pointer;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  display: flex;
}

.sound-wrp:hover {
  text-decoration: none;
}

.sound-icon {
  filter: invert(80%);
  width: 1.25rem;
  text-decoration: none;
}

.auction-notifs {
  color: #fff;
  letter-spacing: 1.2px;
  cursor: pointer;
  font-family: Newyork, Arial, sans-serif;
  font-size: .75rem;
}

.auction-notifs:hover {
  color: #fff;
  text-decoration: underline;
}

.auction-notifs.reminder {
  display: none;
}

.tl-signup-modal {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 12rem;
  padding-right: 12rem;
  display: none;
  position: fixed;
  inset: 20%;
}

.signup-title {
  color: #fff;
  text-align: center;
  font-family: Newyork, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 110%;
}

.text-block-4 {
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-bottom: 3rem;
  font-family: Roboto, sans-serif;
  font-size: 1.125rem;
  display: flex;
}

.button {
  cursor: pointer;
  background-color: #fff3;
  border: 1px solid #f6f7f9;
  font-family: Roboto, sans-serif;
  font-size: 1.125rem;
}

.button:hover {
  background-color: #ffffff40;
}

.close-signup {
  color: #fff;
  text-align: center;
  cursor: pointer;
  width: 20px;
  height: 20px;
  font-family: Roboto, sans-serif;
  font-size: 1.25rem;
  line-height: 100%;
  position: fixed;
  inset: 22% 22% auto auto;
}

.calendar-wrp {
  color: #000;
  background-color: #0000;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding-top: 4rem;
  padding-bottom: 5rem;
  display: none;
}

.auction-calendar {
  width: 100%;
  margin-bottom: 0;
  padding-top: 4rem;
  padding-bottom: 5rem;
}

.screenshot-img {
  vertical-align: baseline;
  width: auto;
  height: 100%;
  display: none;
}

.screenshot {
  width: auto;
  max-width: 95%;
  height: auto;
  max-height: 100%;
  display: none;
}

.bell-reminder, .reminder-code {
  display: none;
}

.upcoming {
  color: #fff;
  font-family: Newyork, Arial, sans-serif;
  font-size: 3rem;
  line-height: 110%;
  display: none;
}

.manifesto {
  margin-top: 0;
  font-family: Newyork, Arial, sans-serif;
  font-size: 24px;
  line-height: 24px;
}

.link-block {
  color: #000;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  background-color: #bbb;
  border: 1px solid #000;
  margin-top: 2rem;
  padding: .75rem 1rem;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.list-item {
  list-style-type: square;
}

.list {
  width: 100%;
  max-width: 992px;
}

.section {
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 2rem 1rem;
  display: flex;
}

.story {
  color: #777;
  letter-spacing: .02rem;
  white-space: pre-wrap;
  width: 100%;
  max-width: 992px;
  font-family: Newyork Italic, Arial, sans-serif;
}

.heading-5 {
  color: #555;
  width: 100%;
  max-width: 992px;
  font-family: Newyork Italic, Arial, sans-serif;
  font-size: 24px;
}

.code-embed-3 {
  width: 100%;
  height: 70vh;
}

.div-block {
  width: 100%;
}

.div-block.film {
  border-top: 1px solid #302f2f;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.caption {
  color: #fff;
  font-variation-settings: "wght" 400;
  text-align: center;
  letter-spacing: normal;
  width: auto;
  margin-top: 0;
  font-family: Newyork, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
}

@media screen and (max-width: 991px) {
  .hero {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .body {
    overflow: visible;
  }

  .auction-wrp {
    flex-flow: row;
    padding: 2rem 1.5rem;
  }

  .intro-about {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 2.5rem 4rem;
  }

  .heading-2 {
    font-size: 2.3rem;
  }

  .heading-4 {
    font-size: 1.4rem;
  }

  .image {
    margin-right: 0;
  }

  .about {
    padding: 2.5rem 4rem;
  }

  .body-1 {
    width: 80%;
    font-size: 1.4rem;
  }

  .cta-email {
    padding: 4rem;
  }

  .heading-1 {
    font-size: 3.375rem;
  }

  .form-block {
    width: 100%;
  }

  .text-field-2 {
    font-size: 1.125rem;
  }

  .submit-button {
    padding: .5rem .75rem;
    font-size: 1.125rem;
  }

  .footer {
    padding: 2rem 3rem;
  }

  .footer-txt-wrp {
    grid-template-columns: 4fr 1fr 1fr;
  }

  .faqs {
    padding: 2.5rem 4rem;
  }

  .faq-entry.last {
    margin-bottom: 0;
  }

  .tl-auction-div {
    align-items: flex-start;
  }

  .auction-container {
    grid-row-gap: 4rem;
    flex-flow: column;
    grid-template-rows: 300px 300px;
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-self: auto;
    height: 1200px;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .auction-ctn-right {
    align-items: flex-start;
    width: 100%;
    height: 50%;
    padding-left: 2rem;
  }

  .video-art {
    height: 100%;
  }

  .motu-winners-wrp {
    inset: 20% 10%;
  }

  .no-thanks {
    margin-right: 0%;
  }

  .video-wrp {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    height: 50%;
  }

  .unmute {
    font-size: .75rem;
  }

  .tl-signup-modal {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .signup-title {
    text-align: center;
    font-size: 2rem;
  }

  .text-block-4 {
    width: 100%;
    margin-bottom: 2rem;
    font-size: 1rem;
  }

  .button {
    font-size: 1rem;
  }

  .close-signup {
    text-align: center;
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 767px) {
  .header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .auction-wrp {
    padding: 1.5rem 1rem;
  }

  .intro-about {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .heading-2 {
    font-size: 2rem;
  }

  .heading-4 {
    font-size: 1.25rem;
  }

  .about {
    padding: 2rem 3rem;
  }

  .body-1 {
    font-size: 1.25rem;
  }

  .cta-email {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .heading-1 {
    font-size: 3rem;
  }

  .text-field-2, .submit-button {
    font-size: 1rem;
  }

  .footer-txt-wrp {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .footer-txt.copyright-mobile {
    display: block;
  }

  .footer-txt.copyright-desktop {
    display: none;
  }

  .faqs {
    padding: 2rem 3rem;
  }

  .faq-body {
    font-size: 1rem;
  }

  .faq-title {
    font-size: 1.5rem;
  }

  .faq-entry.last {
    margin-bottom: 0;
  }

  .tl-auction-div {
    align-items: flex-start;
  }

  .auction-ctn-right {
    width: 100%;
    padding-left: 2rem;
  }

  .motu-winners-wrp {
    top: 20%;
    bottom: 20%;
  }

  .tl-signup-modal {
    padding-left: 2rem;
    padding-right: 2rem;
    display: none;
  }

  .signup-title {
    font-size: 1.75rem;
  }

  .text-block-4, .button {
    font-size: 1rem;
  }

  .close-signup {
    text-align: center;
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 479px) {
  .hero {
    padding: 6rem 1rem;
  }

  .header {
    display: none;
  }

  .nav-link.mobile, .nav-link.mobile.w--current {
    color: #000;
  }

  .auction-wrp {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding: 1.5rem .5rem;
  }

  .carousel-btn.left, .carousel-btn.right {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
    display: flex;
  }

  .code-embed-2 {
    width: 100%;
    margin-bottom: 0;
  }

  .intro-about {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    padding: 4rem 1rem 1rem;
  }

  .intro-txt-wrp {
    width: 100%;
  }

  .image {
    width: 90%;
    margin-right: 0;
  }

  .about {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .body-1 {
    width: 100%;
    font-size: 1rem;
  }

  .cta-email {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .email-wrp {
    align-items: flex-start;
  }

  .heading-1 {
    text-align: left;
    font-size: 2rem;
  }

  .heading-1.faq {
    margin-bottom: 3rem;
  }

  .text-field-2 {
    font-size: 1rem;
  }

  .form {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: flex-start;
  }

  .submit-button {
    font-size: 1rem;
  }

  .footer {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
  }

  .footer-txt-wrp {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-items: center;
  }

  .footer-txt.copyright-mobile {
    display: block;
  }

  .footer-txt.copyright-desktop {
    display: none;
  }

  .mobile-menu {
    background-color: #f2f2f2;
    flex-flow: column;
    align-items: flex-end;
    width: 50%;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
    display: flex;
    position: fixed;
    inset: 0% 0% 0% auto;
    transform: translate(200%);
  }

  .mobile-menu-close-btn {
    color: #000;
    text-align: center;
    background-color: #0000;
    width: 2.5rem;
    margin-top: 1rem;
    margin-right: 1rem;
    padding: .5rem 0 .5rem .5rem;
    font-family: Fkgrotesk, Impact, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
  }

  .mobile-nav {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    align-items: flex-end;
    margin-top: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .mobile-menu-icon {
    filter: brightness(75%);
    width: 2rem;
    margin-top: 1rem;
    margin-right: 1rem;
    display: block;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .faqs {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .faq-entry {
    margin-bottom: 2rem;
  }

  .faq-entry.last {
    margin-bottom: 0;
  }

  .tl-auction-div {
    align-items: flex-start;
    padding-left: 0;
  }

  .auction-container {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .auction-ctn-right {
    align-items: flex-start;
    width: 100%;
    padding-left: 1rem;
    padding-right: 0;
  }

  .video-art {
    height: 100%;
  }

  .motu-winners-wrp {
    padding-left: 1rem;
    padding-right: 1rem;
    inset: 20% 5%;
  }

  .no-thanks {
    align-self: flex-start;
  }

  .video-wrp {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    height: 50%;
  }

  .tl-signup-modal {
    padding-left: .5rem;
    padding-right: .5rem;
    display: none;
    left: 5%;
    right: 5%;
  }

  .signup-title {
    font-size: 1.75rem;
  }

  .text-block-4, .button {
    font-size: 1rem;
  }

  .close-signup {
    right: 10%;
  }

  .screenshot-img {
    align-self: center;
    display: none;
  }

  .upcoming {
    font-size: 2rem;
  }

  .code-embed-3 {
    height: 50vh;
  }
}


@font-face {
  font-family: 'Newyork';
  src: url('../fonts/NewYork.ttf') format('truetype');
  font-weight: 400 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Newyork Italic';
  src: url('../fonts/NewYorkItalic.ttf') format('truetype');
  font-weight: 400 1000;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fkgrotesk';
  src: url('../fonts/FKGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}