@font-face {
  font-family: Freight Sans Condensed;
  src: url('../fonts/FreightSansCnd-W03-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Freight Sans Condensed;
  src: url('../fonts/FreightSansCnd-W03-Book.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Freight Sans Condensed;
  src: url('../fonts/FreightSansCnd-W03-Semi.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Freight Sans Condensed;
  src: url('../fonts/FreightSansCondensed-UltraBlack.woff2') format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --size-font: 16px;
  --bonkers-blue: #c5f5f1;
  --size-container: 600px;
  --container-padding: 2em;
  --main-padding: .235em;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #fff;
  font-family: Freight Sans Condensed, Tahoma, sans-serif;
  font-size: var(--size-font);
  letter-spacing: -.01em;
  background-color: #171142;
  font-weight: 600;
  line-height: 1;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.1;
}

h3 {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 900;
  line-height: 30px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  text-decoration: none;
}

.transition {
  z-index: 25;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: clip;
}

.transition__shape {
  color: #ff008a;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.transition__svg {
  width: 130%;
  height: 130%;
  position: absolute;
  top: -15%;
  left: -15%;
}

.bonkers-nav {
  z-index: 50;
  padding: 2.35em;
  transition: color .25s cubic-bezier(.625, .05, 0, 1);
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.code-embed-css {
  display: none;
}

.nav__bar {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
  background-color: #0006;
  border: 1px solid #fff;
  border-radius: 9999px;
  width: 100%;
  max-width: 40em;
  height: 2.8em;
  margin-left: auto;
  margin-right: auto;
}

.nav__bar-inner {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: .2375em;
  display: flex;
  position: relative;
}

.main {
  z-index: 10;
  position: relative;
}

.nav__btn-wrap {
  height: 100%;
}

.nav__btn {
  color: #000;
  cursor: pointer;
  background-color: #c5f5f1;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 1.825em;
  padding-right: 1.825em;
  display: flex;
}

.nav__btn-span {
  letter-spacing: -.01em;
  line-height: 1.1;
}

.body {
  background-color: #080619;
  min-height: 100%;
}

.bonkers-section {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.bonkers-section.home-landing {
  height: 100svh;
}

.bonkers-section.home-video {
  justify-content: flex-start;
  align-items: center;
}

.nav__logo {
  justify-content: center;
  align-items: center;
  height: 7em;
  display: flex;
}

.nav__logo-a {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.image {
  height: 100%;
  margin-top: 5%;
}

.background-zoom__start {
  aspect-ratio: 1;
  border-radius: 16em;
  width: 16em;
  margin-top: 10em;
  position: relative;
}

.background-zoom__content {
  cursor: pointer;
  border-radius: inherit;
  will-change: width, height, transform;
  background-color: #aba994;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  overflow: hidden;
}

.background-zoom__end {
  width: 100vw;
  height: 100dvh;
}

.background-zoom__h {
  text-align: center;
  letter-spacing: -.04em;
  max-width: 7em;
  margin-top: 0;
  margin-bottom: -.375em;
  font-size: 7em;
  font-weight: 400;
  line-height: .95;
}

.background-zoom__h.is--margin-top {
  text-transform: uppercase;
  margin-top: 33dvh;
  font-weight: 800;
}

.background-zoom__h.is--margin-top.blue {
  color: var(--bonkers-blue);
}

.background-zoom__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.background-zoom__video-thumb {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity .6s ease;
  z-index: 1;
}

.background-zoom__content[data-video-loaded] .background-zoom__video-thumb {
  opacity: 0;
  pointer-events: none;
}

.background-zoom__preview-iframe {
  pointer-events: none;
  border: 0;
  position: absolute;
  z-index: 2;
}

.background-zoom__h1-span {
  color: #aba994;
}

.background-zoom__title {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.background-zoom__play {
  width: 4em;
  height: 4em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.background-zoom {
  color: #f4f4f4;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding-top: calc(50dvh - 15em);
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
  overflow: clip;
}

.section-group {
  z-index: 10;
  position: relative;
}

.background-zoom__text {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  align-items: center;
  width: 100%;
  padding-bottom: calc(50dvh - 12em);
  font-size: .9em;
  display: flex;
  position: relative;
}

.background-zoom__pod {
  color: #ff4800;
  text-align: center;
  letter-spacing: -.02em;
  width: 100%;
  font-size: 1.25em;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  top: 1.25em;
}

.background-zoom-after__pod {
  color: #ff4800;
  text-align: center;
  letter-spacing: -.02em;
  width: 100%;
  font-size: 1.25em;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  bottom: 1.25em;
}

.background-zoom__play-svg {
  width: 100%;
}

.background-zoom__dark {
  opacity: 0;
  background-color: #0d0f0d;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.background-zoom-after {
  color: #353d35;
  width: 100%;
  min-height: 30vh;
  font-size: var(--size-font);
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-2 {
  width: 100%;
  max-width: 35em;
}

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

.page-h1 {
  width: 100%;
  color: var(--bonkers-blue);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: .3em;
  font-size: 5em;
}

.section-fill {
  z-index: 10;
  width: 100%;
  height: 8em;
  position: relative;
}

.code-embed-css-bonkers {
  display: none;
}

.filter-btn {
  color: #000;
  text-transform: uppercase;
  appearance: none;
  background-color: #fff;
  border: 0 solid #fff;
  border-radius: 9999px;
  padding: .25em .75em .25em .95em;
  font-size: .875em;
  line-height: 1.1;
  display: flex;
}

.calendar-card__tags-list {
  grid-column-gap: .2em;
  grid-row-gap: .2em;
  display: flex;
}

.demo-card__visual-before {
  padding-top: 7%;
}

.filter-group {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.demo-card__top {
  position: relative;
}

.calendar-card__div {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.calendar-card__div.venue {
  grid-column-gap: .9em;
  grid-row-gap: .9em;
}

.calendar-card__div.ticketbtn {
  justify-content: flex-end;
  align-items: center;
}

.calendar-card__div.stad {
  color: #c5f5f1;
}

.calendar-card__tags-item-p {
  margin-bottom: 0;
  font-size: .875em;
}

.calendar-card__tags-collection {
  position: relative;
  top: 0;
  left: 0;
}

.demo-card__emoji {
  font-size: 4em;
}

.demo-card__h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 900;
  line-height: 1;
}

.filter-list__item {
  width: 100%;
}

.filter-list {
  grid-column-gap: 1.1em;
  grid-row-gap: 1.1em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.demo-card__visual {
  background-color: #e2e1df;
  border-radius: .5em;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.filter-buttons {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: wrap;
  justify-content: flex-start;
  padding: .7em 2.3em;
  display: flex;
}

.calendar-card__tags-item {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 3em;
  justify-content: space-between;
  align-items: center;
  padding: .25em .75em;
  display: flex;
}

.calendar-card {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #0006;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  padding: 1em;
  display: grid;
}

.calendar__btn {
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #c5f5f1;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: .625em 1.825em;
  font-weight: 900;
  display: flex;
}

.calendar__btn-span {
  letter-spacing: -.01em;
}

.demo-header {
  grid-column-gap: 7.5em;
  grid-row-gap: 7.5em;
  font-variation-settings: "wght" 670;
  letter-spacing: -.02em;
  border-bottom: 1px solid #201d1d26;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-height: 100svh;
  padding: 2.5em;
  font-weight: 600;
  display: flex;
  position: relative;
}

.footer__links {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.footer__links.small {
  font-size: 10px;
}

.footer__col {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  width: calc(33.3333% - 1.66667em);
  display: flex;
}

.footer__col.right {
  justify-content: flex-end;
  align-items: flex-end;
}

.demo-header__col {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: space-between;
  width: calc(33.3333% - 1.66667em);
  display: flex;
}

.footer {
  grid-column-gap: 1.3em;
  grid-row-gap: 1.3em;
  color: var(--bonkers-blue);
  font-variation-settings: "wght" 670;
  letter-spacing: -.02em;
  flex-flow: column;
  justify-content: space-between;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  font-weight: 600;
  display: flex;
  position: relative;
}

.demo-header__info-row {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  display: flex;
}

.footer__copyright-row {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: row;
  justify-content: space-between;
  margin-top: 2em;
  font-size: 14px;
  display: flex;
}

.copyright_copy {
  opacity: .5;
  margin-bottom: 0;
  font-weight: 600;
}

.demo-p {
  max-width: 19em;
  margin-bottom: 0;
  font-size: 1.3125em;
  font-weight: 600;
}

.demo-header__nav-row {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.demo-header__nav-a {
  margin-bottom: 0;
  font-size: 1.3125em;
  font-weight: 600;
}

.footer__links-row {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  display: flex;
}

.footer-wrap {
  position: relative;
  overflow: hidden;
}

.footer__a {
  color: inherit;
  font-size: 2.75em;
  line-height: 1;
  text-decoration: none;
}

.footer__a.right {
  text-align: right;
  width: 100%;
}

.footer-wrap__dark {
  opacity: 0;
  pointer-events: none;
  background-color: #201d1d;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.demo-header__title-row {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  padding-left: calc(33.3333% + .833333em);
  display: flex;
}

.demo-main {
  overflow: clip;
}

.demo-header__img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

.demo-header__logo {
  width: 15em;
}

.demo-header__h1 {
  letter-spacing: -.03em;
  max-width: 11em;
  font-size: 4em;
  font-weight: 600;
  line-height: .95;
}

.social-share {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.social-share__button {
  background-color: var(--bonkers-blue);
  color: #4f4c4c;
  appearance: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.social-share__icon {
  justify-content: center;
  align-items: center;
  width: 1.5em;
  display: flex;
}

.social-share__icon.is--success {
  position: absolute;
}

.footer__logo {
  width: 180%;
  max-width: 100vw;
}

.image-3 {
  width: 100%;
}

.footer-section {
  z-index: 20;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 12.6em;
  display: flex;
  position: relative;
}

.agenda__home-btn-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1.1em;
  display: flex;
}

.image-4 {
  width: 1.3em;
  margin-right: .2em;
}

.insta-grid {
  grid-template-columns: 1fr 1fr 1fr;
  display: none;
}

.insta-grid-item {
  aspect-ratio: 1;
  position: relative;
}

.image-5, .masonry-item__visual-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.masonry-item__visual {
  border-radius: 1.25em;
  width: 100%;
  overflow: hidden;
}

.masonry-item__visual.is--square {
  aspect-ratio: 1;
}

.masonry-item__visual.is--tall {
  aspect-ratio: 2 / 3;
}

.masonry-item__visual.is--wide {
  aspect-ratio: 3 / 2;
}

.masonry-item {
  width: calc(((100% - 1px)  - (var(--masonry-col)  - 1) * var(--masonry-gap)) / var(--masonry-col));
}

.masonry-wrap {
  width: 110%;
  height: 110%;
  padding-bottom: 4em;
}

.masonry-wrap.over {
  width: 100%;
  height: 100%;
  margin-bottom: 4.8em;
}

.masonry-list {
  grid-column-gap: var(--masonry-gap);
  grid-row-gap: var(--masonry-gap);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.no-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.text-field {
  height: 90px;
}

.form-field {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #ffffff14;
  border: 1px solid #fff;
  border-radius: 5px;
}

.form-field.large {
  height: 8em;
}

.form__btn {
  color: #000;
  cursor: pointer;
  background-color: #c5f5f1;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 1.825em;
  padding-right: 1.825em;
  display: flex;
}

.success-message {
  color: #000;
  border-radius: 8px;
}

.form-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-2 {
  width: 100%;
  max-width: 60em;
}

.error-message {
  background-color: #852525;
  border-radius: 10px;
}

.page-p {
  text-align: center;
  font-size: 1.5em;
}

.page-p.left {
  text-align: left;
}

.vimeo-player__loading-svg {
  width: 9em;
}

.vimeo-player__loading {
  pointer-events: none;
  color: #00adef;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .3s linear;
  display: flex;
  position: absolute;
}

.vimeo-player__pause {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.vimeo-player__btn-pause-svg {
  width: 50%;
}

.vimeo-player__btn {
  -webkit-backdrop-filter: blur(1em);
  backdrop-filter: blur(1em);
  background-color: #64646433;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  transition: opacity .3s linear;
  display: flex;
  position: relative;
}

.vimeo-player__play {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.vimeo-player__iframe {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.vimeo-player__before {
  padding-top: 62.5%;
}

.vimeo-player__placeholder {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .3s linear;
  display: block;
  position: absolute;
}

.player-round {
  color: #efeeec;
  background-color: #131313;
  border-radius: 99999px;
  justify-content: center;
  align-items: center;
  width: 17em;
  height: 17em;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0, -50%);
}

.vimeo-player__dark {
  opacity: .5;
  pointer-events: none;
  background-color: #131313;
  width: 100%;
  height: 100%;
  transition: opacity .3s linear;
  position: absolute;
}

.vimeo-player__btn-play-svg {
  width: 40%;
}

.container-2 {
  width: 100%;
  max-width: 600px;
  padding-left: 2em;
  padding-right: 2em;
}

.bonkers-section-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-6 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.logo-img {
  width: 100%;
  max-width: 35em;
}

.logo-img.simple {
  display: none;
}

.page-h1-2 {
  color: #c5f5f1;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: .3em;
  font-size: 5em;
}

.footer-2 {
  grid-column-gap: 1.3em;
  grid-row-gap: 1.3em;
  color: #c5f5f1;
  font-variation-settings: "wght" 670;
  letter-spacing: -.02em;
  flex-flow: column;
  justify-content: space-between;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  font-weight: 600;
  display: flex;
  position: relative;
}

.social-share__button-2 {
  color: #4f4c4c;
  appearance: none;
  background-color: #c5f5f1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-8 {
  width: 100%;
}

.over-logo-img-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.over-p {
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  max-width: 60rem;
  margin-top: 1em;
  font-size: 1.8em;
  font-weight: 800;
  line-height: 1.1;
}

.sticky-steps__h2 {
  color: var(--bonkers-blue);
  letter-spacing: -.04em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 800;
  line-height: .9;
}

.sticky-steps__cover-image {
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sticky-steps__media {
  width: 50%;
  height: 100%;
  padding-left: 3em;
  position: absolute;
  top: 0;
  right: 0;
}

.sticky-steps__p {
  margin-bottom: 0;
  font-size: min(1.4375em, 5vw);
  line-height: 1.4;
}

.sticky-steps__container {
  max-width: 74em;
  margin-left: auto;
  margin-right: auto;
}

.sticky-steps {
  min-height: 100dvh;
  margin-top: 4em;
  margin-bottom: 4em;
  position: relative;
  overflow: clip;
}

.sticky-steps__text {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  flex-flow: column;
  width: 50%;
  padding-right: 6em;
  display: flex;
}

.sticky-steps__eyebrow {
  opacity: .5;
  text-transform: uppercase;
  font-size: 1.3125em;
  font-weight: 700;
}

.sticky-steps__sticky {
  align-items: center;
  width: 100%;
  min-height: 100dvh;
  display: flex;
  position: sticky;
  top: 0;
}

.sticky-steps__visual {
  aspect-ratio: 3 / 4;
  border-radius: 500em;
  width: 100%;
  position: relative;
}

.sticky-steps__list {
  grid-column-gap: 30dvh;
  grid-row-gap: 30dvh;
  flex-flow: column;
  flex: 1;
  padding-top: calc(50dvh - 7.5em);
  padding-bottom: calc(50dvh - 7.5em);
  display: flex;
}

.sticky-steps__collection {
  min-height: 100dvh;
  display: flex;
  position: relative;
}

.accordion-css__item-bottom {
  grid-template-rows: 0fr;
  display: grid;
  position: relative;
  overflow: hidden;
}

.accordion-css__item-bottom-content {
  padding-bottom: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.accordion-css__list {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  max-width: 50em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: static;
}

.accordion-css__item-bottom-wrap {
  flex-flow: column;
  height: 100000%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.accordion-css__item-icon-svg {
  width: 1em;
}

.accordion-css__item-icon {
  background-color: #5858589e;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
  transform: rotate(180deg);
}

.accordion-css__item-top {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1em 1em 1em 1.5em;
  display: flex;
}

.accordion-css {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.accordion-css__item {
  background-color: #6b687536;
  border: 1px solid #fff;
  border-radius: 2.5em;
  list-style: none;
}

.accordion-css__item-h3 {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1.3;
}

.accordion-css__item-p {
  color: #fff;
  margin-bottom: 0;
  padding-right: 3.7em;
  line-height: 1.5;
}

.faq-h2 {
  color: var(--bonkers-blue);
  text-align: center;
  letter-spacing: -.04em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .7em;
  font-size: 5em;
  font-weight: 800;
  line-height: .9;
}

.bonkers-background {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bonkers-background-img {
  z-index: 5;
  opacity: .63;
  mix-blend-mode: lighten;
  width: 100%;
  position: relative;
}

.stars {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.twinkling {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.logo-video {
  z-index: 60;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.vimeo-lightbox__pause {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.vimeo-lightbox__timeline {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  height: 1.5em;
  display: flex;
  position: relative;
}

.vimeo-lightbox__loading-svg {
  color: #ff4c24;
  width: 6em;
}

.vimeo-lightbox__player {
  pointer-events: auto;
  color: #efeeec;
  isolation: isolate;
  background-color: #131313;
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vimeo-lightbox__dark {
  opacity: .5;
  pointer-events: none;
  background-color: #131313;
  width: 100%;
  height: 100%;
  transition: opacity .3s linear;
  position: absolute;
}

.vimeo-lightbox__volume-up-svg {
  width: 100%;
  position: absolute;
}

.vimeo-lightbox__btn {
  -webkit-backdrop-filter: blur(1em);
  backdrop-filter: blur(1em);
  background-color: #64646433;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 6em;
  transition: opacity .3s linear;
  display: flex;
  position: relative;
}

.vimeo-lightbox__volume-mute-svg, .vimeo-lightbox__fullscreen-scale-svg {
  width: 100%;
  position: absolute;
}

.vimeo-lightbox__duration-span {
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  display: block;
}

.vimeo-lightbox__interface-bottom {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.vimeo-lightbox__play {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.vimeo-lightbox__timeline-input {
  pointer-events: auto;
  cursor: pointer;
  appearance: none;
  background-color: #0000;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.vimeo-lightbox__calc-wrap {
  width: 100%;
  position: relative;
}

.vimeo-lightbox {
  z-index: 300;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  padding: 5vw;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.vimeo-lightbox__iframe {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.vimeo-lightbox__timeline-progress {
  vertical-align: top;
  appearance: none;
  width: 100%;
  height: var(--progress-height);
  border-radius: var(--timeline-rounded-corners);
  color: var(--progress-fill-bg);
  background-color: #0000;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.vimeo-lightbox__interface {
  pointer-events: none;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: min(2em, 4vw);
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: linear;
  display: flex;
  position: absolute;
}

.vimeo-lightbox__close {
  z-index: 600;
  pointer-events: auto;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
  position: absolute;
  top: 2.5vw;
  right: 2.5vw;
}

.vimeo-lightbox__fullscreen-shrink-svg {
  width: 100%;
  position: absolute;
}

.vimeo-lightbox__placeholder {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .3s linear;
  display: block;
  position: absolute;
}

.vimeo-lightbox__bg {
  pointer-events: auto;
  background-color: #131313;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.vimeo-lightbox__calc {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.vimeo-lightbox__close-bar {
  background-color: #000;
  width: 1em;
  height: .125em;
  position: absolute;
  transform: rotate(-45deg);
}

.vimeo-lightbox__close-bar.is--duplicate {
  transform: rotate(45deg);
}

.vimeo-lightbox__btn-play-svg {
  width: 40%;
}

.vimeo-lightbox__btn-pause-svg {
  width: 50%;
}

.vimeo-lightbox__loading {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .3s linear;
  display: flex;
  position: absolute;
}

.vimeo-lightbox__mute {
  cursor: pointer;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  position: relative;
}

.vimeo-lightbox__fullscreen {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  position: relative;
}

.vimeo-lightbox__before {
  padding-top: 62.5%;
}

.vimeo-lightbox__duration {
  flex-shrink: 0;
  width: 2.25em;
}

.code-embed-vimeo {
  display: none;
}

.modal__content {
  grid-column-gap: 1.6em;
  grid-row-gap: 1.6em;
  flex-flow: column;
  padding: 2em;
  display: flex;
}

.modal {
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  padding: 2em 1em;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.modal__p {
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5;
}

.modal__card {
  pointer-events: auto;
  color: #000;
  background-color: #fff;
  border-radius: 2em;
  width: 100%;
  max-width: 600px;
  max-height: 100%;
  padding: .75em;
  display: flex;
  position: relative;
}

.modal__dark {
  opacity: .71;
  pointer-events: auto;
  cursor: pointer;
  background-color: #131313;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.modal__h2 {
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 1.7em;
  font-size: 2em;
  line-height: 1.175;
}

.modal__scroll {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  border-radius: 1.25em;
  flex-flow: column;
  width: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
  overflow: scroll;
}

.modal__btn-close-bar {
  background-color: currentColor;
  width: .125em;
  height: 40%;
  position: absolute;
  transform: rotate(45deg);
}

.modal__btn-close-bar.is--second {
  transform: rotate(-45deg);
}

.modal__btn-close {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  display: flex;
  position: absolute;
  top: 2.5em;
  right: 2.5em;
}

.modal__card-2 {
  pointer-events: auto;
  background-color: #efeeec;
  border-radius: 2em;
  width: 100%;
  max-width: 54em;
  max-height: 100%;
  padding: .75em;
  display: none;
  position: relative;
}

.hero-subscribe-left {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

.container-3 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.arrow-embed {
  margin-left: 2px;
  display: flex;
}

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

.text-link-arrow {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.button-primary {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 999px;
  padding: 12px 25px;
  font-weight: 800;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.hero-form-input {
  color: #1a1b1f;
  border: 1px solid #d1d6db;
  border-radius: 999px;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  margin-right: 9px;
  padding: 5px 16px;
  font-size: 14px;
  line-height: 20px;
  transition: all .2s;
}

.hero-form-input:hover, .hero-form-input:focus {
  border-color: #76879d;
}

.hero-form-input::placeholder {
  color: #1a1b1fcc;
}

.hero-form {
  flex-flow: column;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.hero-form-container {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.logo-home-wrapper {
  position: relative;
}

.insta__home-btn-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 3em;
  display: flex;
}

.insta__btn {
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #c5f5f1;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: .625em 1.825em;
  font-weight: 900;
  display: flex;
}

.insta__btn-span {
  letter-spacing: -.01em;
}

#instafeed {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  width: 100%;
}

.insta-feed__item {
  display: block;
  overflow: hidden;
  border-radius: 0.5rem;
  aspect-ratio: 1;
}

.insta-feed__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.insta-feed__item:hover .insta-feed__img {
  transform: scale(1.04);
}

@media screen and (max-width: 991px) {
  .footer__col, .demo-header__col {
    width: 100%;
  }

  .demo-header__info-row {
    flex-flow: column;
  }

  .footer__copyright-row {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .footer__links-row {
    flex-flow: column;
  }

  .demo-header__title-row {
    padding-left: 0;
  }

  .demo-header__logo {
    width: 50vw;
  }

  .footer__logo {
    width: 100%;
  }

  .sticky-steps__media {
    width: 100%;
    height: auto;
    padding-left: 0;
    position: relative;
    top: auto;
    right: auto;
  }

  .sticky-steps__text {
    width: 100%;
    padding-bottom: 5em;
    padding-right: 0;
  }

  .sticky-steps__sticky {
    min-height: auto;
    position: relative;
    top: auto;
  }

  .sticky-steps__list {
    grid-column-gap: 7.5em;
    grid-row-gap: 7.5em;
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .container-3 {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  #instafeed {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }

  .bonkers-nav {
    padding: 1.75em .75em;
  }

  .background-zoom__start {
    width: 13em;
  }

  .background-zoom__end {
    height: 20dvh;
  }

  .background-zoom__h {
    font-size: 3.75em;
  }

  .background-zoom {
    padding-top: calc(70dvh - 15em);
  }

  .page-h1.smaller {
    font-size: 3em;
  }

  .calendar-card__div.venue {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .calendar-card__div.ticketbtn {
    justify-content: flex-end;
    align-items: center;
  }

  .calendar-card__div.stad {
    justify-content: flex-end;
    text-align: right;
  }

  .filter-buttons {
    padding-left: .6em;
    padding-right: .6em;
  }

  .calendar-card__tags-item {
    font-size: 12px;
  }

  .calendar-card {
    grid-column-gap: .5em;
    grid-row-gap: .6em;
    border-radius: 2em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr auto;
    padding: .85em 1.3em;
    font-size: 14px;
    display: grid;
    align-items: center;
  }

  .calendar__btn {
    padding: .425em 1.325em;
  }

  .demo-header {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .footer__links {
    justify-content: flex-start;
    align-items: center;
  }

  .footer__col {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .footer__col.right {
    justify-content: flex-end;
    align-items: center;
  }

  .demo-header__info-row {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .footer__copyright-row {
    text-align: center;
    flex-flow: column;
  }

  .copyright_copy {
    font-size: 1em;
  }

  .demo-p {
    max-width: 100%;
    font-size: 1.25em;
  }

  .demo-header__nav-a {
    max-width: 100%;
    font-size: 1em;
  }

  .footer__a {
    font-size: 1.75em;
  }

  .demo-header__h1 {
    font-size: 3em;
  }

  .sticky-steps__h2 {
    text-align: center;
    font-size: 3em;
  }

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

  .sticky-steps__text {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    padding-left: .8em;
    padding-right: .8em;
  }

  .modal__h2 {
    padding-right: 2.8em;
  }

  .hero-subscribe-left {
    padding: 60px 15px;
  }

  .hero-form-container {
    grid-column-gap: .4em;
    grid-row-gap: .4em;
    flex-flow: column;
  }

  .insta__btn {
    padding: .425em 1.325em;
  }
}

@media screen and (max-width: 479px) {
  .nav__logo {
    height: 6em;
  }

  .calendar-card__div.ticketbtn {
    justify-content: flex-end;
    align-items: flex-end;
  }

  .modal__content {
    padding: .7em;
  }

  .modal__h2 {
    padding-right: 1.1em;
  }

  .modal__btn-close {
    top: .5em;
    right: .5em;
  }

  .container-3 {
    max-width: none;
  }

  .hero-form-input {
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
  }

  .hero-form {
    align-self: stretch;
    margin-bottom: 15px;
  }

  .hero-form-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ca0c1fab-e3fe-7e96-f46a-21e3812d4ce1-e7aaba0b, #w-node-ca0c1fab-e3fe-7e96-f46a-21e3812d4cec-e7aaba0b, #w-node-ca0c1fab-e3fe-7e96-f46a-21e3812d4cf5-e7aaba0b, #w-node-ca0c1fab-e3fe-7e96-f46a-21e3812d4d00-e7aaba0b, #w-node-ca0c1fab-e3fe-7e96-f46a-21e3812d4d09-e7aaba0b, #w-node-ca0c1fab-e3fe-7e96-f46a-21e3812d4d14-e7aaba0b, #w-node-_3b4b58a9-26d4-5d6b-c73f-f576c7acc8ef-7e1438dc, #w-node-fec9c44d-f4b7-5710-ed3e-09d43d6011eb-7e1438dc, #w-node-c0ed6926-67b1-e8cc-00dc-f0718360400b-7e1438dc, #w-node-c0ed6926-67b1-e8cc-00dc-f07183604019-7e1438dc, #w-node-_095ae878-0ebd-2cc5-f91c-721f09a2f3ee-7e1438dc, #w-node-_095ae878-0ebd-2cc5-f91c-721f09a2f3fc-7e1438dc, #w-node-d94f3744-fc1d-49f8-1f0d-176dce06bf95-7e1438dc, #w-node-d94f3744-fc1d-49f8-1f0d-176dce06bfa3-7e1438dc, #w-node-_5afaad61-6406-908a-5bc7-f827bdf0e3c6-7e1438dc, #w-node-_5afaad61-6406-908a-5bc7-f827bdf0e3d4-7e1438dc {
    justify-self: end;
  }
}


@font-face {
  font-family: 'Freight Sans Condensed';
  src: url('../fonts/FreightSansCnd-W03-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Freight Sans Condensed';
  src: url('../fonts/FreightSansCnd-W03-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Freight Sans Condensed';
  src: url('../fonts/FreightSansCnd-W03-Semi.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Freight Sans Condensed';
  src: url('../fonts/FreightSansCondensed-UltraBlack.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}