@font-face {
  font-family: Abcmaxiroundplusvariabletrial;
  src: url('../fonts/ABCMaxiRoundPlusVariableTrial.ttf') format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Abcdiatypetrial;
  src: url('../fonts/ABCDiatypeTrial-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Abcdiatypetrial;
  src: url('../fonts/ABCDiatypeTrial-Black.otf') format("opentype"), url('../fonts/ABCDiatypeTrial-Heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #2d2d2d;
  --body-font-size: font-size: var(--size-font);
  --max-width-container: max-width: var(--size-container);
  --green: #daff9a;
  --purple: #e9d5ff;
  --grey: #e1e1e1;
  --white: #f2f2f2;
  --max-width-medium: max-width: calc(var(--size-container) * .4);
}

body {
  background-color: var(--black);
  color: var(--black);
  font-family: Abcdiatypetrial, Arial, sans-serif;
  font-size: var(--body-font-size);
  font-weight: 700;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

.css-embed, .css-scale-system {
  display: none;
}

.intro_section {
  width: 100%;
}

.page-padding {
  padding: 6rem 1.5%;
}

.page-padding.is-nav {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.page-padding.is-frankie {
  padding-top: 0;
}

.page-padding.is-sticker {
  padding-left: 0%;
  padding-right: 0%;
}

.page-padding.is-footer {
  padding-top: 12rem;
  padding-left: 0%;
  padding-right: 0%;
}

.container {
  width: 100%;
  max-width: var(--max-width-container);
  margin-left: auto;
  margin-right: auto;
}

.text-0 {
  letter-spacing: -.06em;
  text-transform: uppercase;
  font-size: 5.5rem;
  font-weight: 900;
  line-height: 1;
}

.text-1 {
  letter-spacing: -.06em;
  text-transform: uppercase;
  font-size: 4.38rem;
  font-weight: 900;
  line-height: 1;
}

.text-2 {
  letter-spacing: -.06em;
  text-transform: none;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}

.text-2.is-line-wrap {
  white-space: nowrap;
}

.text-3 {
  letter-spacing: -.06em;
  text-transform: none;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.1;
}

.nav_layout, .logo {
  width: 100%;
}

.logo.is-mobile {
  display: none;
}

.intro_layout {
  color: var(--green);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.intro_heading {
  max-width: 75rem;
}

.frankie-section {
  background-image: linear-gradient(180deg, var(--black), var(--black) 34%, var(--green) 34%, var(--green));
  min-height: auto;
  position: relative;
  overflow: visible;
}

.sticky-track {
  min-height: 180vh;
  padding-top: 8vh;
  position: relative;
}

.media-sticky {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 40rem;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 8vh;
}

.frankie-video {
  aspect-ratio: 2 / 3;
  width: 100%;
  height: 100%;
  max-height: 80vh;
  margin-left: auto;
  margin-right: auto;
}

.copy-over {
  z-index: 20;
  text-align: center;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -18vh;
  bottom: 40vh;
}

.stadi_section {
  background-color: var(--green);
}

.stadi_layout {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stadi_heading {
  text-align: center;
  max-width: 75rem;
}

.hello-svg {
  width: 30%;
  position: absolute;
  top: -7%;
  right: 93%;
}

.world-svg {
  width: 36%;
  position: absolute;
  top: 89%;
  right: -21%;
}

.stadi_parallax {
  overflow: hidden;
}

.stacking-cards__item {
  color: #fff;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100svh;
  margin-top: -1em;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: relative;
}

.stacking-cards__item.is--green {
  background-color: var(--green);
  color: var(--black);
  padding-left: 1.5%;
  padding-right: 1%;
}

.stacking-cards__item.is--purple {
  background-color: var(--purple);
  color: var(--black);
}

.stacking-cards__item.is--brown {
  background-color: #62594c;
}

.stacking-cards__item.is--red {
  background-color: #1f1715;
}

.stacking-cards__item.is--blue {
  background-color: #1a232e;
}

.stacking-cards__item.is--grey {
  background-color: var(--grey);
  color: var(--black);
}

.stacking-cards__collection {
  width: 100%;
}

.stacking-cards__list {
  flex-flow: column;
  display: flex;
}

.stacking-card__heading-faded {
  opacity: .5;
}

.stacking-card__heading-faded.text-2 {
  opacity: 1;
  font-family: Abcmaxiroundplusvariabletrial, Arial, sans-serif;
}

.stacking-cards__item-h {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10vw;
  font-weight: 700;
  line-height: .8;
}

.stacking-cards__item-img {
  aspect-ratio: 1;
  border-radius: .75em;
  width: 30vw;
  margin-top: -1vw;
}

.stacking-card__top-span {
  font-size: 1em;
  font-weight: 500;
}

.stacking-cards__item-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  top: 2.5em;
  left: 2.5em;
  right: 2.5em;
}

.stadi-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 2.5rem;
  display: grid;
}

.grid-1 {
  padding-left: 16px;
}

.grid-3 {
  padding-right: 20px;
}

.img-grid, .number-svg {
  width: 100%;
}

.sticker_section {
  position: relative;
  overflow: hidden;
}

.sticker_layout {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.marquee-css {
  color: #efeeec;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-css__list {
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.marquee-css__item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex: 0;
  justify-content: center;
  align-items: center;
  min-width: 30rem;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 1em;
  display: flex;
}

.marquee-css__item-p {
  white-space: nowrap;
  margin-bottom: 0;
  font-size: 1.5em;
  line-height: 1;
}

.marquee-css__item-svg {
  width: 1em;
}

.sticker_marque {
  width: 100%;
}

.img-sticker {
  transform-style: preserve-3d;
}

.img-sticker:hover {
  transform: rotate(4deg)scale3d(1.1, 1.1, 1.1);
}

.img-sticker.is-frenki {
  width: 60%;
}

.sticker_intro {
  max-width: 75rem;
  padding-left: 1.5%;
  padding-right: 1.5%;
}

.marquee-css-2 {
  background-color: var(--purple);
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-css-2.is-scrivi {
  background-color: var(--green);
}

.marquee-css__item-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex: 0;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 1em;
  display: flex;
  transform: rotate(0);
}

.marquee_carattere {
  width: 100%;
  color: var(--black);
  text-decoration: none;
  transform: rotate(2deg);
}

.footer_section {
  background-color: var(--grey);
  color: var(--black);
}

.footer_layout {
  z-index: 1;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-bg {
  z-index: 2;
  aspect-ratio: 2;
  width: 100%;
}

.marquee_scrivi {
  z-index: 4;
  width: 100%;
  color: var(--black);
  text-decoration: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  transform: rotate(2deg);
}

.footer_video {
  width: 100%;
  padding-left: 6%;
  padding-right: 6%;
}

.loader {
  width: 100%;
  overflow: hidden;
}

.cursor {
  z-index: 2147483647;
  pointer-events: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.cursor-inner {
  width: 2em;
}

.cursor-inner.pointer {
  width: 2.5em;
}

.click-svg {
  z-index: 0;
  position: absolute;
  top: 19%;
  left: auto;
}

.tricks-stickers {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  display: flex;
}

.trick-sticker.is--1 {
  width: 20vh;
}

.overflow {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.sticker-mobile {
  display: none;
}

@media screen and (max-width: 991px) {
  .text-0 {
    font-size: 4.6rem;
  }

  .hello-svg {
    right: 78%;
  }

  .world-svg {
    right: -7%;
  }

  .stacking-cards__item.is--green {
    min-height: auto;
  }

  .stadi-grid {
    flex-flow: column;
    display: flex;
  }

  .marquee-css__item {
    min-width: 20rem;
  }
}

@media screen and (max-width: 767px) {
  .page-padding.is-footer {
    padding-top: 7rem;
  }

  .text-1 {
    font-size: 3.8rem;
  }

  .text-2 {
    font-size: 3.3rem;
  }

  .marquee-css__item {
    min-width: 15rem;
  }
}

@media screen and (max-width: 479px) {
  .page-padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .page-padding.is-nav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .page-padding.is-footer {
    padding-top: 5rem;
  }

  .text-0 {
    font-size: 3rem;
  }

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

  .logo {
    display: none;
  }

  .logo.is-mobile {
    display: block;
  }

  .hello-svg {
    right: 75%;
  }

  .stacking-cards__item.is--green {
    border-radius: 0;
  }

  .stacking-card__heading-faded.text-2 {
    font-size: 2.6rem;
  }

  .stadi-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid-1 {
    justify-content: center;
    align-items: center;
    margin-bottom: -8vh;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .grid-3 {
    text-align: center;
    padding-right: 0;
  }

  .number-svg {
    width: 80%;
  }

  .marquee-css__item {
    min-width: 12rem;
  }

  .sticker_marque {
    display: none;
  }

  .img-sticker.is-frenki {
    width: 70%;
  }

  .mobile-sticker {
    width: 100%;
    height: 100%;
  }

  .sticker-mobile {
    width: 100%;
    display: block;
  }
}

#w-node-_3564007c-f511-fc4e-7393-ea9873ad2266-262f5958, #w-node-_9802ff20-49fa-cca5-c657-ee14a58e0cc8-262f5958, #w-node-_7c0ef5ef-15e8-9868-dcdd-702c736e2aec-262f5958, #w-node-_7c0ef5ef-15e8-9868-dcdd-702c736e2af0-262f5958, #w-node-b2884e1e-e281-d67e-b42a-fe9f37ca1599-262f5958, #w-node-b2884e1e-e281-d67e-b42a-fe9f37ca159d-262f5958 {
  align-self: center;
}


@font-face {
  font-family: 'Abcmaxiroundplusvariabletrial';
  src: url('../fonts/ABCMaxiRoundPlusVariableTrial.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcdiatypetrial';
  src: url('../fonts/ABCDiatypeTrial-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcdiatypetrial';
  src: url('../fonts/ABCDiatypeTrial-Black.otf') format('opentype'), url('../fonts/ABCDiatypeTrial-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}