.clipo-selection-button__handle {
  position: absolute;
  z-index: 2;
  width: var(--clipo-selection-button-handle-size);
  height: var(--clipo-selection-button-handle-size);
  box-sizing: border-box;
  background: var(--clipo-selection-button-handle-bg);
  border: var(--clipo-selection-button-border-width) solid
    var(--clipo-selection-button-handle-border);
  pointer-events: none;
  will-change: transform;
}

.clipo-selection-button__handle--top-left {
  top: calc(var(--clipo-selection-button-handle-size) / -2);
  left: calc(var(--clipo-selection-button-handle-size) / -2);
}

.clipo-selection-button__handle--top-right {
  top: calc(var(--clipo-selection-button-handle-size) / -2);
  right: calc(var(--clipo-selection-button-handle-size) / -2);
}

.clipo-selection-button__handle--bottom-right {
  right: calc(var(--clipo-selection-button-handle-size) / -2);
  bottom: calc(var(--clipo-selection-button-handle-size) / -2);
}

.clipo-selection-button__handle--bottom-left {
  bottom: calc(var(--clipo-selection-button-handle-size) / -2);
  left: calc(var(--clipo-selection-button-handle-size) / -2);
}

.clipo-selection-button__label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  overflow-x: hidden;
  overflow-y: hidden;
  line-height: var(--clipo-selection-button-line-height);
  white-space-collapse: preserve;
  text-wrap-mode: nowrap;
}

.clipo-selection-button {
  height: 50px;
  --clipo-selection-button-bg: var(--clipo-paper, #f7f7f6);
  --clipo-selection-button-border: var(--clipo-blue, #2951e6);
  --clipo-selection-button-handle-bg: var(--clipo-blue, #2951e6);
  --clipo-selection-button-handle-border: var(--clipo-paper, #f7f7f6);
  --clipo-selection-button-ink: var(--clipo-ink, #131313);
  --clipo-selection-button-padding-block: 16px;
  --clipo-selection-button-padding-inline: 16px;
  --clipo-selection-button-gap: 10px;
  --clipo-selection-button-border-width: 1px;
  --clipo-selection-button-handle-size: 16px;
  --clipo-selection-button-font-size: 24px;
  --clipo-selection-button-line-height: 30px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--clipo-selection-button-gap);
  box-sizing: border-box;
  min-width: max-content;
  padding: var(--clipo-selection-button-padding-block)
    var(--clipo-selection-button-padding-inline);
  color: var(--clipo-selection-button-ink);
  background: var(--clipo-selection-button-bg);
  border: var(--clipo-selection-button-border-width) solid
    var(--clipo-selection-button-border);
  font-family: var(--font-clipo-font-display, Ronzino, Arial, Helvetica, sans-serif);
  font-size: var(--clipo-selection-button-font-size);
  font-weight: 500;
  line-height: var(--clipo-selection-button-line-height);
  text-align: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
}

.clipo-selection-button--sticky-top-right {
  position: fixed;
  top: var(--clipo-selection-button-top, var(--clipo-space-m, 24px));
  right: var(--clipo-selection-button-right, var(--clipo-space-m, 24px));
  z-index: 50;
}

.clipo-logo-wordmark {
  margin-top: 16px;
  color: var(--clipo-ink, #131313);
  font-family: Ronzino, Arial, Helvetica, sans-serif;
  font-size: 27px;
  font-weight: 500;
  line-height: 0.9;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.hero-text {
  font-family: var(--font-clipo-font-display);
  font-size: 105px;
  font-weight: 500;
  line-height: 85%;
  text-align: left;
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
}

.flex-row-gap-24 {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  row-gap: 32px;
  column-gap: 32px;
}

.variant-1 {
  display: flex;
  flex-direction: row;
  margin-left: 190px;
}

.clipo-text-display {
  color: var(--clipo-ink, #131313);
  font-family: Ronzino, Arial, Helvetica, sans-serif;
  font-size: 126px;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.03em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.hero-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.hero-text-heading {
  font-family: var(--font-clipo-font-poster);
  text-transform: uppercase;
  font-size: 130px;
  line-height: 0.9;
  letter-spacing: -4%;
  color: var(--clipo-ink);
  text-align: center;
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
}

.hero-section {
  display: flex;
  flex-direction: column;
  row-gap: 0px;
  column-gap: 0px;
  transform: scale(var(--clipo-stage-scale));
  transform-origin: left top;
  will-change: transform;
  height: 100vh;
  padding: var(--clipo-space-m);
  justify-content: space-between;
  align-items: flex-start;
  pointer-events: none;
}

.setion-3 {
  display: flex;
  flex-direction: column;
  padding: var(--clipo-space-m);
  justify-content: space-between;
  height: 1620px;
  gap: var(--clipo-space-m);
  pointer-events: none;
}

.heading-section {
  font-size: 33px;
  font-family: var(--font-clipo-font-display);
  color: var(--clipo-muted-90);
  line-height: 0.9;
}

.tex-gray {
  color: rgb(255, 255, 255);
}

.text-center {
  text-align: center;
}

.text-contrash {
  color: rgb(255, 255, 255);
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  line-height: 0.94;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.section-100vh {
  padding: var(--clipo-space-m);
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 110vh;
  gap: var(--clipo-space-s);
  justify-content: space-between;
}

.bg-blue {
  background-color: var(--clipo-blue);
}

.clipo-mask-reveal__panel {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  min-height: 800px;
  margin: 0px;
  will-change: clip-path;
}

.clipo-mask-reveal__panel--mask2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  row-gap: 0px;
  column-gap: 0px;
  z-index: 1;
  --typer-fg: #fff;
  --typer-bg: var(--clipo-blue, #2951e6);
  --typer-accent: #f7b7d4;
  --typer-accent-ink: var(--clipo-ink, #131313);
}

.clipo-mask-reveal__panel--mask1 {
  top: -2px;
  bottom: -2px;
  height: auto;
  min-height: calc(804px);
  z-index: 2;
  --typer-fg: var(--clipo-ink, #131313);
  --typer-bg: var(--clipo-paper, #f7f7f6);
  background: var(--clipo-paper, #f7f7f6);
  clip-path: inset(0%);
}

@supports (not (clip-path: inset(0% 0% 0% 0%))) {
  .clipo-mask-reveal__panel--mask1 {
  will-change: transform;
  }
}

.clipo-mask-reveal__stage {
  position: sticky;
  top: 0px;
  height: 100vh;
  min-height: 800px;
  overflow-x: hidden;
  overflow-y: hidden;
  background: var(--clipo-blue, #2951e6);
}

.clipo-mask-reveal {
  position: relative;
  height: 200vh;
  min-height: 1600px;
  overflow-x: clip;
  overflow-y: clip;
  background: var(--clipo-paper, #f7f7f6);
}

.text-left {
  text-align: right;
  display: flex;
  justify-content: flex-start;
  row-gap: 40px;
  column-gap: 40px;
}

.bg-black {
  background-color: var(--clipo-ink);
}

.clipo-waitlist-ticket__stub {
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.clipo-waitlist-ticket__headline {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  margin: 0px;
  color: var(--clipo-ticket-ink);
  font-family: var(--font-clipo-font-display, Ronzino, Arial, Helvetica, sans-serif);
  font-size: clamp(56px, 6vw, 65px);
  font-weight: 500;
  line-height: 0.94;
  letter-spacing: 0px;
}

@media (max-width: 640px) {
  .clipo-waitlist-ticket__headline {
  font-size: clamp(42px, 13vw, 58px);
  }
}

.clipo-waitlist-ticket__body {
  max-width: 560px;
  margin: 0px;
  color: var(--clipo-ticket-muted);
  font-family: var(--font-clipo-font-display, Ronzino, Arial, Helvetica, sans-serif);
  font-size: clamp(20px, 2vw, 20px);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0px;
}

.clipo-waitlist-ticket__label {
  color: rgb(179, 179, 178);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
}

.clipo-waitlist-ticket__input {
  display: block;
  min-width: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  height: 50px;
  padding: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
  color: var(--clipo-ticket-paper);
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-variant-caps: inherit;
  font-variant-numeric: inherit;
  font-variant-east-asian: inherit;
  font-variant-alternates: inherit;
  font-variant-position: inherit;
  font-variant-emoji: inherit;
  font-stretch: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: clamp(30px, 4vw, 30px);
  font-weight: 500;
  line-height: 50px;
  letter-spacing: 0px;
}

@media (max-width: 640px) {
  .clipo-waitlist-ticket__input {
  height: 42px;
  font-size: clamp(20px, 7vw, 28px);
  line-height: 42px;
  }
}

.clipo-waitlist-ticket__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 54px;
  height: 54px;
  padding: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  color: var(--clipo-ticket-ink);
  background: var(--clipo-ticket-yellow);
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-variant-caps: inherit;
  font-variant-numeric: inherit;
  font-variant-east-asian: inherit;
  font-variant-alternates: inherit;
  font-variant-position: inherit;
  font-variant-emoji: inherit;
  font-stretch: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 640px) {
  .clipo-waitlist-ticket__submit {
  width: 44px;
  height: 44px;
  font-size: 32px;
  }
}

.clipo-waitlist-ticket__handle {
  position: absolute;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: var(--clipo-ticket-line);
  border: 1px solid var(--clipo-ticket-paper);
  pointer-events: none;
}

.clipo-waitlist-ticket__handle--top-left {
  top: -8px;
  left: -8px;
}

.clipo-waitlist-ticket__handle--top-right {
  top: -8px;
  right: -8px;
}

.clipo-waitlist-ticket__handle--bottom-right {
  right: -8px;
  bottom: -8px;
}

.clipo-waitlist-ticket__handle--bottom-left {
  bottom: -8px;
  left: -8px;
}

.clipo-waitlist-ticket__input-frame {
  position: relative;
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  width: 100%;
  padding: 16px;
  outline: 1px solid var(--clipo-ticket-line);
  outline-offset: -1px;
}

@media (max-width: 640px) {
  .clipo-waitlist-ticket__input-frame {
  padding: 12px;
  }
}

.clipo-waitlist-ticket__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  row-gap: 16px;
  column-gap: 16px;
  padding: var(--clipo-ticket-padding);
  background: var(--clipo-ticket-blue);
  border-radius: 0 0 var(--clipo-ticket-radius) var(--clipo-ticket-radius);
}

.clipo-waitlist-ticket__main {
  display: grid;
  grid-template-rows: 1fr auto;
  min-width: 0px;
}

@media (max-width: 980px) {
  .clipo-waitlist-ticket__main {
  min-height: 520px;
  }
}

.clipo-waitlist-ticket__art-frame {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 100%;
  outline: 1px solid var(--clipo-ticket-blue);
  outline-offset: -1px;
}

.clipo-waitlist-ticket__stub--art {
  display: flex;
  padding: 10px;
  background: radial-gradient(circle at right 20px, transparent 0 var(--clipo-ticket-cutout), var(--clipo-ticket-yellow) calc(var(--clipo-ticket-cutout) + 1px)) right top / 100% 15.38% repeat-y,
    var(--clipo-ticket-yellow);
  border-radius: var(--clipo-ticket-radius) 0 0 var(--clipo-ticket-radius);
}

@media (max-width: 980px) {
  .clipo-waitlist-ticket__stub--art {
  grid-column-start: 2;
  grid-column-end: auto;
  min-height: 220px;
  border-radius: 0 0 var(--clipo-ticket-radius) var(--clipo-ticket-radius);
  }
}

.clipo-waitlist-ticket {
  --clipo-ticket-paper: var(--clipo-paper, #f7f7f6);
  --clipo-ticket-ink: var(--clipo-ink, #131313);
  --clipo-ticket-muted: var(--clipo-muted, #858585);
  --clipo-ticket-blue: var(--clipo-blue, #2951e6);
  --clipo-ticket-yellow: #fad84c;
  --clipo-ticket-line: #cacac9;
  --clipo-ticket-radius: 16px;
  --clipo-ticket-cutout: 36px;
  --clipo-ticket-padding: 16px;
  box-sizing: border-box;
  width: 100%;
  padding: var(--clipo-space-m, 24px);
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  color: var(--clipo-ticket-ink);
  font-family: var(--font-clipo-font-display, Ronzino, Arial, Helvetica, sans-serif);
}

@media (max-width: 640px) {
  .clipo-waitlist-ticket {
  padding: var(--clipo-space-s, 16px);
  }
}

:root {
  --clipo-ink: hsla(0, 0%, 7.45%, 1);
  --clipo-ink-5: hsla(0, 0%, 7.45%, 0.05);
  --clipo-ink-10: hsla(0, 0%, 7.45%, 0.1);
  --clipo-ink-20: hsla(0, 0%, 7.45%, 0.2);
  --clipo-ink-30: hsla(0, 0%, 7.45%, 0.3);
  --clipo-ink-40: hsla(0, 0%, 7.45%, 0.4);
  --clipo-ink-50: hsla(0, 0%, 7.45%, 0.5);
  --clipo-ink-60: hsla(0, 0%, 7.45%, 0.6);
  --clipo-ink-70: hsla(0, 0%, 7.45%, 0.7);
  --clipo-ink-80: hsla(0, 0%, 7.45%, 0.8);
  --clipo-ink-90: hsla(0, 0%, 7.45%, 0.9);
  --clipo-ink-d-1: hsla(0, 0%, 6.26%, 1);
  --clipo-ink-d-2: hsla(0, 0%, 5.07%, 1);
  --clipo-ink-d-3: hsla(0, 0%, 3.87%, 1);
  --clipo-ink-d-4: hsla(0, 0%, 2.68%, 1);
  --clipo-ink-l-1: hsla(0, 0%, 22.26%, 1);
  --clipo-ink-l-2: hsla(0, 0%, 37.07%, 1);
  --clipo-ink-l-3: hsla(0, 0%, 51.87%, 1);
  --clipo-ink-l-4: hsla(0, 0%, 66.68%, 1);
  --clipo-muted: hsla(0, 0%, 52.16%, 1);
  --clipo-muted-5: hsla(0, 0%, 52.16%, 0.05);
  --clipo-muted-10: hsla(0, 0%, 52.16%, 0.1);
  --clipo-muted-20: hsla(0, 0%, 52.16%, 0.2);
  --clipo-muted-30: hsla(0, 0%, 52.16%, 0.3);
  --clipo-muted-40: hsla(0, 0%, 52.16%, 0.4);
  --clipo-muted-50: hsla(0, 0%, 52.16%, 0.5);
  --clipo-muted-60: hsla(0, 0%, 52.16%, 0.6);
  --clipo-muted-70: hsla(0, 0%, 52.16%, 0.7);
  --clipo-muted-80: hsla(0, 0%, 52.16%, 0.8);
  --clipo-muted-90: hsla(0, 0%, 52.16%, 0.9);
  --clipo-muted-d-1: hsla(0, 0%, 43.81%, 1);
  --clipo-muted-d-2: hsla(0, 0%, 35.47%, 1);
  --clipo-muted-d-3: hsla(0, 0%, 27.12%, 1);
  --clipo-muted-d-4: hsla(0, 0%, 18.78%, 1);
  --clipo-muted-l-1: hsla(0, 0%, 59.81%, 1);
  --clipo-muted-l-2: hsla(0, 0%, 67.47%, 1);
  --clipo-muted-l-3: hsla(0, 0%, 75.12%, 1);
  --clipo-muted-l-4: hsla(0, 0%, 82.78%, 1);
  --clipo-paper: hsla(60, 5.88%, 96.67%, 1);
  --clipo-paper-5: hsla(60, 5.88%, 96.67%, 0.05);
  --clipo-paper-10: hsla(60, 5.88%, 96.67%, 0.1);
  --clipo-paper-20: hsla(60, 5.88%, 96.67%, 0.2);
  --clipo-paper-30: hsla(60, 5.88%, 96.67%, 0.3);
  --clipo-paper-40: hsla(60, 5.88%, 96.67%, 0.4);
  --clipo-paper-50: hsla(60, 5.88%, 96.67%, 0.5);
  --clipo-paper-60: hsla(60, 5.88%, 96.67%, 0.6);
  --clipo-paper-70: hsla(60, 5.88%, 96.67%, 0.7);
  --clipo-paper-80: hsla(60, 5.88%, 96.67%, 0.8);
  --clipo-paper-90: hsla(60, 5.88%, 96.67%, 0.9);
  --clipo-paper-d-1: hsla(60, 5.88%, 81.2%, 1);
  --clipo-paper-d-2: hsla(60, 5.88%, 65.73%, 1);
  --clipo-paper-d-3: hsla(60, 5.88%, 50.27%, 1);
  --clipo-paper-d-4: hsla(60, 5.88%, 34.8%, 1);
  --clipo-paper-l-1: hsla(60, 5.88%, 97.2%, 1);
  --clipo-paper-l-2: hsla(60, 5.88%, 97.73%, 1);
  --clipo-paper-l-3: hsla(60, 5.88%, 98.27%, 1);
  --clipo-paper-l-4: hsla(60, 5.88%, 98.8%, 1);
  --clipo-blue: hsla(227.3, 79.08%, 53.14%, 1);
  --clipo-blue-5: hsla(227.3, 79.08%, 53.14%, 0.05);
  --clipo-blue-10: hsla(227.3, 79.08%, 53.14%, 0.1);
  --clipo-blue-20: hsla(227.3, 79.08%, 53.14%, 0.2);
  --clipo-blue-30: hsla(227.3, 79.08%, 53.14%, 0.3);
  --clipo-blue-40: hsla(227.3, 79.08%, 53.14%, 0.4);
  --clipo-blue-50: hsla(227.3, 79.08%, 53.14%, 0.5);
  --clipo-blue-60: hsla(227.3, 79.08%, 53.14%, 0.6);
  --clipo-blue-70: hsla(227.3, 79.08%, 53.14%, 0.7);
  --clipo-blue-80: hsla(227.3, 79.08%, 53.14%, 0.8);
  --clipo-blue-90: hsla(227.3, 79.08%, 53.14%, 0.9);
  --clipo-blue-d-1: hsla(227.3, 79.08%, 44.64%, 1);
  --clipo-blue-d-2: hsla(227.3, 79.08%, 36.13%, 1);
  --clipo-blue-d-3: hsla(227.3, 79.08%, 27.63%, 1);
  --clipo-blue-d-4: hsla(227.3, 79.08%, 19.13%, 1);
  --clipo-blue-l-1: hsla(227.3, 79.08%, 60.64%, 1);
  --clipo-blue-l-2: hsla(227.3, 79.08%, 68.13%, 1);
  --clipo-blue-l-3: hsla(227.3, 79.08%, 75.63%, 1);
  --clipo-blue-l-4: hsla(227.3, 79.08%, 83.13%, 1);
  --clipo-text-caption: clamp(1.32rem, calc(0vw + 1.32rem), 1.32rem);
  --clipo-text-body: clamp(2rem, calc(0vw + 2rem), 2rem);
  --clipo-text-copy: clamp(3.04rem, calc(0vw + 3.04rem), 3.04rem);
  --clipo-text-headline: clamp(4.62rem, calc(0vw + 4.62rem), 4.62rem);
  --clipo-text-poster: clamp(7.02rem, calc(0vw + 7.02rem), 7.02rem);
  --clipo-space-2xs: clamp(0.47rem, calc(0vw + 0.47rem), 0.47rem);
  --clipo-space-xs: clamp(0.71rem, calc(0vw + 0.71rem), 0.71rem);
  --clipo-space-s: clamp(1.07rem, calc(0vw + 1.07rem), 1.07rem);
  --clipo-space-m: clamp(1.6rem, calc(0vw + 1.6rem), 1.6rem);
  --clipo-space-l: clamp(2.4rem, calc(0vw + 2.4rem), 2.4rem);
  --clipo-space-xl: clamp(3.6rem, calc(0vw + 3.6rem), 3.6rem);
  --clipo-space-2xl: clamp(5.4rem, calc(0vw + 5.4rem), 5.4rem);
  --clipo-space-3xl: clamp(8.1rem, calc(0vw + 8.1rem), 8.1rem);
  --clipo-space-4xl: clamp(12.15rem, calc(0vw + 12.15rem), 12.15rem);
  --clipo-space-5xl: clamp(18.23rem, calc(0vw + 18.23rem), 18.23rem);
  --clipo-space-6xl: clamp(27.34rem, calc(0vw + 27.34rem), 27.34rem);
  --space-2-4xs: clamp(0.52rem, calc(-0.03vw + 0.53rem), 0.49rem);
  --space-2-3xs: clamp(0.66rem, calc(0.04vw + 0.64rem), 0.7rem);
  --space-2-2xs: clamp(0.82rem, calc(0.16vw + 0.77rem), 0.99rem);
  --space-2-xs: clamp(1.02rem, calc(0.35vw + 0.91rem), 1.4rem);
  --space-2-s: clamp(1.28rem, calc(0.65vw + 1.07rem), 1.98rem);
  --space-2-m: clamp(1.6rem, calc(1.11vw + 1.24rem), 2.8rem);
  --space-2-l: clamp(2rem, calc(1.81vw + 1.42rem), 3.96rem);
  --space-2-xl: clamp(2.5rem, calc(2.87vw + 1.58rem), 5.6rem);
  --space-2-2xl: clamp(3.13rem, calc(4.44vw + 1.71rem), 7.92rem);
  --space-2-3xl: clamp(3.91rem, calc(6.75vw + 1.75rem), 11.19rem);
  --space-2-4xl: clamp(4.88rem, calc(10.13vw + 1.64rem), 15.83rem);
  --clipo-stage-width: 1440px;
  --clipo-stage-scale: 1;
  --font-clipo-font-display: Ronzino, Arial, Helvetica, sans-serif;
  --font-clipo-font-poster: PhonkSansHeavy, Impact, Arial Black, sans-serif;
  --font-clipo-font-body: Inter, system-ui, sans-serif;
}

html, body {
  width: 100%;
  min-height: 100%;
  overflow-x: clip;
  background: var(--clipo-paper, #f7f7f6);
  color: var(--clipo-ink, #131313);
  font-family: Ronzino, Arial, Helvetica, sans-serif;
  font-weight: 500;
}

.clipo-logo-wordmark img {
  width: 96px;
  height: auto;
}

.clipo-text-display span, .clipo-text-poster span {
  display: block;
}

[data-typer] {
  --typer-fg: var(--clipo-ink, #131313);
  --typer-bg: var(--clipo-paper, #f7f7f6);
  --typer-accent: var(--clipo-blue, #2951e6);
  --typer-accent-ink: var(--clipo-paper, #f7f7f6);
  --typer-radius: 0.05em;
}

[data-typer].hero-text, [data-typer].hero-text-heading {
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
}

[data-typer][data-typer-type="initial"] {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  [data-typer][data-typer-type="initial"] {
  opacity: 1;
  }
}

[data-typer] .word {
  white-space-collapse: preserve;
  text-wrap-mode: nowrap;
}

[data-typer] .word.wordNoWrap {
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
}

.clipo-copy-fade.is-visible {
  opacity: 1;
}

[data-typer] .word .char {
  box-sizing: content-box;
  display: inline-block;
  color: var(--typer-fg);
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  vertical-align: baseline;
  transition-behavior: normal;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: none;
}

[data-typer] .word .char.charInit {
  color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  [data-typer] .word .char.charInit {
  color: var(--typer-fg);
  }
}

[data-typer] .word .char.charFill, [data-typer] .word .char.charInverse {
  color: var(--typer-bg);
  background: var(--typer-fg);
}

[data-typer] .word .char.charFill {
  border-radius: var(--typer-radius);
}

[data-typer] .word .char.charFill:has(+ .charFill) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

[data-typer] .word .char.charFill + .charFill {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

[data-typer] .word .char.charFill + .charFill:last-child, [data-typer] .word .char.charFill + .charFill:has(+ :not(.charFill)) {
  border-radius: 0 var(--typer-radius) var(--typer-radius) 0;
}

[data-typer] .word .char.charAccent {
  color: var(--typer-accent);
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
}

[data-typer] .word .char.charAccentInverse {
  color: var(--typer-accent-ink);
  background: var(--typer-accent);
  border-radius: var(--typer-radius);
}

[data-typer] .word .char.charAccentInverse:has(+ .charAccentInverse) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

[data-typer] .word .char.charAccentInverse + .charAccentInverse {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

[data-typer] .word .char.charAccentInverse + .charAccentInverse:last-child, [data-typer] .word .char.charAccentInverse + .charAccentInverse:has(+ :not(.charAccentInverse)) {
  border-radius: 0 var(--typer-radius) var(--typer-radius) 0;
}

[data-typer] .word .char.charAccentFill {
  color: var(--typer-accent);
  background: var(--typer-accent);
}

[data-typer] .word .char.charBorder {
  position: relative;
  color: var(--typer-fg);
}

[data-typer] .word .char.charBorder::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border: 1px solid var(--typer-accent);
  border-radius: var(--typer-radius);
  pointer-events: none;
}

[data-typer] .word .char.charBorder:has(+ .charBorder)::after {
  border-right-color: transparent;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

[data-typer] .word .char.charBorder + .charBorder::after {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

[data-typer] .word .char.charBorder + .charBorder:last-child::after, [data-typer] .word .char.charBorder + .charBorder:has(+ :not(.charBorder))::after {
  border-left-color: transparent;
  border-right-color: var(--typer-accent);
  border-radius: 0 var(--typer-radius) var(--typer-radius) 0;
}

.hero-text-heading, .clipo-text-mark, .clipo-text-poster {
  font-family: var(--font-clipo-font-poster);
}

.clipo-selection-button:focus-visible {
  outline: 2px solid var(--clipo-selection-button-border);
  outline-offset: calc(var(--clipo-selection-button-handle-size) / 2 + 4px);
}

.clipo-selection-button[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.45;
  pointer-events: none;
}

.clipo-mask-reveal .char {
  box-sizing: content-box;
  display: inline-block;
  color: inherit;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  vertical-align: baseline;
  transition-behavior: normal;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: none;
}

.clipo-mask-reveal .char.charInit {
  color: transparent;
}

.clipo-mask-reveal .char.charFill, .clipo-mask-reveal .char.charInverse {
  color: var(--typer-bg, var(--clipo-paper, #f7f7f6));
  background: var(--typer-fg, var(--clipo-ink, #131313));
}

.clipo-mask-reveal .char.charAccent {
  color: var(--typer-accent, var(--clipo-blue, #2951e6));
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
}

.clipo-mask-reveal .char.charBorder {
  position: relative;
  color: inherit;
}

.clipo-mask-reveal .char.charBorder::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border: 1px solid var(--typer-accent, var(--clipo-blue, #2951e6));
  pointer-events: none;
}

.clipo-mask-reveal__panel--mask2 .hero-text-heading {
  display: block;
  white-space-collapse: collapse;
  text-wrap-mode: wrap;
}

.clipo-mask-reveal__better-glitch::before, .clipo-mask-reveal__better-glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  pointer-events: none;
  opacity: 0;
  mix-blend-mode: multiply;
}

.clipo-mask-reveal__better-glitch::before {
  color: var(--clipo-blue, #2951e6);
  transform: translate(-0.035em, -0.012em);
}

.clipo-mask-reveal__better-glitch::after {
  color: rgb(247, 183, 212);
  transform: translate(0.035em, 0.012em);
}

.clipo-mask-reveal__better-glitch.is-glitching::before, .clipo-mask-reveal__better-glitch.is-glitching::after {
  opacity: 0.78;
}

.clipo-waitlist-ticket, .clipo-waitlist-ticket * {
  box-sizing: border-box;
}

.clipo-waitlist-ticket__input::placeholder {
  color: var(--clipo-ticket-line);
  opacity: 1;
}

.clipo-waitlist-ticket__submit:focus-visible, .clipo-waitlist-ticket__input:focus-visible {
  outline: 2px solid var(--clipo-ticket-yellow);
  outline-offset: 3px;
}

.clipo-waitlist-ticket__stub--art .clipo-waitlist-ticket__handle {
  width: 14px;
  height: 14px;
  background: var(--clipo-ticket-blue);
  border-color: var(--clipo-ticket-paper);
}

.clipo-waitlist-ticket.is-success .clipo-waitlist-ticket__input-frame {
  outline-color: var(--clipo-ticket-yellow);
}

.clipo-waitlist-ticket.is-error .clipo-waitlist-ticket__input-frame {
  outline-color: rgb(247, 183, 212);
}

@media (max-width: 640px) {
  .clipo-waitlist-ticket__body, .clipo-waitlist-ticket__label {
  font-size: 18px;
  }
}