:root {
  --color--background: var(--light--background);
  --color--text: var(--light--text);
  --swatch--black: #000;
  --padding--60: 3.75em;
  --padding--30: 1.875em;
  --swatch--white: #fffefa;
  --padding--110: 6.875em;
  --light--text: var(--swatch--black);
  --light--background: var(--swatch--white);
  --swatch--neon: #6cff4f;
  --swatch--grey: #d9d8d4;
  --swatch--mint: #a0ffde;
  --swatch--lime: #d9ff06;
  --dark--background: var(--swatch--black);
  --dark--text: var(--swatch--white);
  --swatch--grey-2: #424242;
}

body {
  background-color: var(--color--background);
  color: var(--color--text);
  font-family: Monument Grotesk, sans-serif;
  font-size: 1.05vw;
  font-weight: 400;
  line-height: 1.2em;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
.input-checkbox {
  -webkit-appearance: none;
  border-radius: 0;
}

.grecaptcha-badge {display:none !important}

.password-protect-wrapper {
    min-height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 6em 3em 3em;
}

.password-featured-image {
  max-width: 24em;
    margin-bottom: 3em;
    margin-top: 2em;
    width: 100%;
  }

.password-title {
  margin: 0 auto 0.1em;
  font-size: 3em;
  max-width: 14em;
  line-height: 1;
}





.password-protect-wrapper label {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'Monument Grotesk Mono';
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}

.post-password-form {width: 100%; margin-top: 1em;}


.post-password-form p:first-child {display: none;}

.password-protect-wrapper input[type="password"] {
  border: 0;
  border-bottom: 1px solid;
  width: 100%;
  max-width: 290px;
  margin-bottom: 1em;
  margin-top: 0.5em;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 0;
}

.password-protect-wrapper input[type="password"]:focus-visible {outline: none; background: transparent;}

.password-protect-wrapper input[type="submit"]{
    transition: background-color .3s, color .3s;
    border-width: 1px;
    padding: .4em .7em .3em;
    color: var(--swatch--black);
    width: 100%;
    font-family: Monument Grotesk Mono, sans-serif;
    font-weight: 400;
    line-height: 1.1em;
    text-transform: uppercase;
    align-items: center;
    max-width: 290px;
    background: var(--swatch--neon);
    border: 1px solid var(--swatch--neon);
}

.password-protect-wrapper input[type="submit"]:hover {background: var(--swatch--lime); border: 1px solid var(--swatch--lime);}


html.lenis, html.lenis body {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto !important;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}

h1, .h1 {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 9.875em;
  font-weight: 500;
  line-height: 1.1em;
}

h2, .h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.375em;
  font-weight: 500;
  line-height: 1.1em;
}

h3, .h3 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1.1em;
}

h4, .h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.1em;
}

h5, .h5 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .7em;
  font-family: Monument Grotesk Mono, sans-serif;
  font-size: .875em;
  font-weight: 400;
  line-height: 1.1em;
}

h6, .h6 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .4em;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.1em;
}

p {
  margin-bottom: .9em;
  line-height: 1.3em;
}

a {
  color: inherit;
  text-decoration: none;
}

b, strong {
    font-weight: 500;
}

svg {width:100%; height:100%;}

ul, ol {padding-left: 1.3em; list-style: circle;}
li {margin-bottom: 0.5em; line-height: 1.3;}


::selection {background: var(--swatch--lime); color: var(--swatch--black)}

.hero-section {
  background-color: var(--swatch--black);
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.navigation {
  z-index: 10;
  padding: 1.4em var(--padding--60) 1.3em;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  color: var(--swatch--black);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: stretch;
  transition: padding .6s cubic-bezier(.165, .84, .44, 1);
  display: grid;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navigation.home-start {
  padding-top: 2em;
  padding-bottom: 2em;
}

.logo {
  justify-content: center;
  align-items: center;
  width: 12.8125em;
  display: flex;
  position: relative;
  transition: 0.6s color cubic-bezier(.165, .84, .44, 1);
}

.nav-items {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  align-items: center;
  transition: opacity .6s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
}

.nav-items .ticket {margin-right: 0.4em;}

.nav-link {
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Monument Grotesk Mono, sans-serif;
  font-size: .875em;
  line-height: 1.15em;
}

.nav-link.mob-link {
  display: none;
}

.nav-bg {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 254, 250, .8);
  border-bottom: 1px solid #ededed;
  transition: transform .6s cubic-bezier(.165, .84, .44, 1);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.home-start .nav-bg {
  transform: translate(0px, -100%);
  transition-timing-function: cubic-bezier(.165, .84, .44, 1);
}

.home-start .logo {color:var(--swatch--white)}
.home-start .nav-items {opacity:0;}


.notification-bar, .home-start .notification-bar.visible {
    position: fixed;
    top: 5.5em;
    right: 3.75em;
    left: 3.75em;
    z-index: -1;
    background: rgba(233, 255, 83, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(5px);
    border: 1px solid var(--swatch--lime);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5em 0.9em 0.5em 0;
    grid-gap: 1em;
    opacity: 0;
    pointer-events: none;
    transition: ease opacity 0.4s;
    overflow: hidden;
}

.notification-bar.visible {opacity: 1; pointer-events: all;}

.notification-bar .mono {line-height: 1;
    font-size: 0.8em; margin-top:0.2em; text-transform: uppercase;}

.notification-bar .marquee {margin:0;}
.close-notification {width: 0.9em; flex-shrink: 0;transition: transform .7s ease, opacity .3s ease; opacity: 0.8; transform: rotate(0deg);}


.close-notification:hover {opacity: 1; transform: rotate(180deg);}
.notification-bar .marquee_list {grid-gap:1em; margin-right:1em;}
.img-absolute {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.img-absolute.hide, .hide {
  display: none !important;
}

.img-absolute.opacity-80 {
  opacity: .8;
}

.img-absolute.opacity-40 {
  opacity: .4;
}

.styles {
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.hero-content {
  z-index: 1;
  color: var(--swatch--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.logo-icon {
  width: 3.375em;
  display: flex;
  position: absolute;
  bottom: 1.875em;
}


.h1.marquee-text {
  margin-top: .1em;
  font-size: 8.5em;
  line-height: .8em;
}



.h2.lineheight {
  line-height: .8em;
}



.h3.max-width-medium {
  max-width: 20em;
}

.outline-heading {
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--swatch--white);
  text-transform: uppercase;
  mix-blend-mode: difference;
  font-size: 1em;
  font-weight: 500;
  line-height: .9em;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
}

.outline-heading.first {
  position: relative;
}

.intro-section {
  z-index: 1;
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  background-color: var(--color--background);
  color: var(--color--text);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 70vh;
  padding-top: 20em;
  padding-bottom: 20em;
  display: flex;
  position: relative;
}

.intro-img {
  position: absolute;
}

.intro-img.right {
  width: 17vw;
  padding-top: 21%;
  top: 20%;
  right: 3em;
}

.intro-img.left {
  width: 14vw;
  padding-top: 14%;
  top: 56%;
  left: 3em;
}

.link-arrow {
  width: .6em;
  height: .7em;
  transition: transform .5s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.link-arrow.second {
  margin-left: -.6em;
}

.btn {
  text-transform: uppercase;
  align-items: center;
  font-family: Monument Grotesk Mono, sans-serif;
  font-size: .9375em;
  display: flex;
}

.btn.underline {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  font-size: .875em;
  display: inline-flex;
}

.btn.underline.b-sml {font-size:.6875em}
.btn.underline.b-sml:after {bottom:0.2em;}

.btn.underline.desktop {
  display: inline-flex;
}

.btn.ghost {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  border-style: solid;
  border-width: 1px;
  padding: .4em .7em .3em;
  font-size: .9em;
  transition: background-color .3s, color .3s, border-color .3s;
  display: inline-flex;
  background-color: transparent;
}

.btn.ghost:hover {
  border-color: var(--light--text);
  background-color: var(--light--text);
  color: var(--light--background);
}

.btn.ghost.neon {
  color: var(--swatch--neon);
  background-color: rgba(0, 0, 0, 0);
}

.btn.ghost.neon:hover {background-color: var(--swatch--neon); color: var(--swatch--black); border-color: var(--swatch--neon);}

.btn.ghost.active {
  background-color: var(--light--text);
  color: var(--light--background);
}

.btn.ghost.align-right {
  transition: border-color .3s, background-color .3s, color .3s;
  justify-self: flex-end;
}

.btn.ghost.align-right:hover {
  border-color: var(--color--background);
  background-color: var(--color--background);
  color: var(--color--text);
}

.btn.ghost.mobile {
  display: none;
}

.btn.submitbtn {
  color: var(--color--text);
  background-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 1px;
}


.btn.underline, .nav-link, .accordion-body a {position:relative}
.btn.underline::after, .nav-link::after {
color: currentColor;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: currentColor; /* Uses the text color */
    transition: all 0.3s ease;
    width: 100%
}
.btn.underline:hover::after, .nav-link::after {width: 0%}
.nav-link:hover::after, .nav-link.current::after  {width: 100%}
.btn:hover .link-arrow {transform: translate(0.6em, -0.7em);}

  .text-underline, a.sml-heading, .default-template a, .text-grid a, .accordion-body a {
position:relative;
    background-image: linear-gradient(var(--color, currentColor), var(--color, currentColor));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    -moz-transition-property: background;
    -o-transition-property: background;
    -webkit-transition-property: background;
    transition-property: background;
    -moz-transition-duration: .6s;
    -o-transition-duration: .6s;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -moz-transition-timing-function: "cubic-bezier(0.25, 0.8, 0.25, 1)";
    -o-transition-timing-function: "cubic-bezier(0.25, 0.8, 0.25, 1)";
    -webkit-transition-timing-function: "cubic-bezier(0.25, 0.8, 0.25, 1)";
    transition-timing-function: "ecubic-bezier(0.25, 0.8, 0.25, 1)";
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.accordion-body a {background-position: 0em 1.25em;}
a.sml-heading {background-position: right 1.2em, right 1.2em;}
.text-underline:hover, a.sml-heading:hover, .default-template a:hover, .text-grid a:hover, .accordion-body a:hover {background-size: 0% 1px, 100% 1px;}

.max-width-medium {
  max-width: 50em;
}

.events-section {
  padding-top: var(--padding--60);
}

.events-section.related-events {
  padding-top: 0;
}

.events-section.top-padding {
  padding-top: 10em;
}

.marquee {
  color: var(--swatch--white);
  mix-blend-mode: difference;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 2em;
  display: flex;
  overflow: hidden;
}

.marquee.absolute {
  mix-blend-mode: normal;
  justify-content: flex-start;
  align-items: stretch;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.marquee.normal {
  color: var(--color--text);
  mix-blend-mode: normal;
}

.marquee.multiply {
  mix-blend-mode: multiply;
}

.marquee.cursor-marquee {
  opacity: 0;
  color: var(--swatch--black);
  mix-blend-mode: normal;
  margin-top: .25em;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1em;
  transition: opacity .2s;
  position: absolute;
}

.marquee_track {
  flex: none;
  display: flex;
  transform: none;
}

.marquee_track.loop-move-right {
  transform: translate(-50%);
}

.marquee_list {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lenis-scrolling .marquee {pointer-events:none}
.marquee_list h3 {transition: opacity 0.3s ease; opacity: 1;}
.marquee_list.hovered h3 {opacity: 0;}
.marquee_list h3.hovered {opacity: 1;}
.marquee.absolute .marquee_list img:nth-child(odd) {align-self: flex-start;position:relative;}
.marquee.absolute .marquee_list img:nth-child(even) {align-self: flex-end; position:relative;}
.marquee.absolute .marquee_list img:nth-child(1) {width:13vw;top:10vw}
.marquee.absolute .marquee_list img:nth-child(2) {width: 15vw;top:-10vw}
.marquee.absolute .marquee_list img:nth-child(3) {width:13vw; top:10vw}
.marquee.absolute .marquee_list img:nth-child(4) {width:17vw;top:-5vw}
.marquee.absolute .marquee_list img:nth-child(5) {width:24vw;top:3vw}
.marquee.absolute .marquee_list img:nth-child(6) {width:18vw;top:-1vw}

.inline-video {
  border-radius: 0;
  width: 14vw;
  height: 9vw;
  margin-left: 3em;
  margin-right: 3em;
  position: relative;
  overflow: hidden;
}

.events-wrapper {
  padding: var(--padding--60);
}

.events-wrapper.related-events {
  grid-column-gap: 1.1em;
  grid-row-gap: 1.1em;
  border-top: 1px solid #000;
  flex-flow: column;
  padding-bottom: 1em;
  display: flex;
}

.events-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-style: solid none none solid;
  border-width: 1px;
  border-color: var(--swatch--grey);
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1.5em;
  display: grid;
}

.events-grid.list-view {grid-template-columns: 1fr; border:0;}

.events-btn, .events-wrapper .center-align {
  opacity: 0;
    pointer-events: none;
}

.home .events-btn, .home .events-wrapper .center-align  {
  opacity: 1;
    pointer-events: all;
}

.page-id-782 .event-grid-item.dark {display:none;}



.time-date {
  text-transform: uppercase;
  font-family: Monument Grotesk Mono, sans-serif;
  font-size: .875em;
  line-height: 1em;
}

.event-grid-item {
  border-style: none solid solid none;
  border-width: 1px;
  border-color: var(--swatch--grey);
  background-color: var(--color--background);
  padding: 0;
  transition: opacity .2s, color .3s, background-color .5s;
  position: relative;
  display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.list-view .time-date {width: 15%;}


.event-grid-item.list-view {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.event-grid-item.green:hover {
  background-color: var(--swatch--neon);
}

.event-grid-item.blue:hover {
  background-color: var(--swatch--mint);
}

.event-grid-item.purple:hover {
  color: var(--swatch--white);
  background-color: #8d07df;
}


.event-meta {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 3.3em;
  padding-bottom: 3.6em;
  display: flex;
}

.event-meta h5 {margin-bottom:0; font-size: 0.7em;}

.ticket {
  background-color: var(--swatch--neon);
  color: var(--swatch--neon);
  justify-content: flex-start;
  align-items: center;
  height: 1.76em;
  transition: color .3s, background-color .3s;
  display: inline-flex;
  transform: translate(.4em);
}

.ticket.hover:hover {background-color: var(--swatch--lime);
    color: var(--swatch--lime);}

.ticket.blue {
  color: #a0ffde;
  background-color: #a0ffde;
}

.ticket.purple {
  color: #8d07df;
  background-color: #8d07df;
}

.ticket.ticket-btn {
  background-color: var(--swatch--lime);
  color: var(--swatch--lime);
  transition: color .2s, background-color .2s;
  transform: none;
}

.ticket.ticket-btn:hover {
  background-color: var(--swatch--mint);
  color: var(--swatch--mint);
}

.ticket.ticket-btn.large {
  flex: none;
  height: 2.7em;
}

.ticket-end {
  height: 100%;
}

.ticket-end svg {width:auto}

.ticket-end.right {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  transform: translate(.4em);
}

.ticket-end.right.large {
  height: 100%;
}

.ticket-end.left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  transform: translate(-.4em);
}

.ticket-end.left.large {
  height: 100%;
}

.btn-label {
  color: var(--swatch--black);
  text-transform: uppercase;
  padding-top: .3em;
  font-family: Monument Grotesk Mono, sans-serif;
  font-size: .6875em;
  line-height: 1.1em;
}

.btn-label.white {
  color: var(--swatch--white);
}

.divider {
  background-color: var(--swatch--grey);
  width: 1px;
  height: 1.2em;
}

.spacer {height:10em; display: block;}

.page-id-782 .spacer,
.page-id-1003 .spacer,
.page-id-1005 .spacer,
.page-id-1007 .spacer {height:4em; display: block; background: #f7f0fc;}
.page-id-782 .architects-section,
.page-id-1003 .architects-section, 
.page-id-1005 .architects-section, 
.page-id-1007 .architects-section {background: #f7f0fc;}




.grid-btn-wrapper {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  border-top: 1px solid var(--swatch--grey);
  justify-content: center;
  align-items: center;
  padding: .8em 1.5em .9em;
  transition: background-color .2s;
  display: flex;
}

.cursor {
  z-index: 200;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transiton: ease opacity 0.3s;
}

.cursor_dot {
  background-color: var(--swatch--lime);
  transform-origin: 100% 100%;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  transition-property: border-radius, height, width;
  transition-duration: .2s, .2s, .2s;
  transition-timing-function: ease, ease, ease;
  display: flex;
  position: relative;
}

.cursor_dot.cursor-video {
  border-radius: 10px;
  width: 12px;
  height: 12px;
  font-size: 1.1em;
  transition: transform .2s, height .2s, width .2s;
}

.cursor_dot.down {
  width: 10px;
  height: 10px;
}

.cursor_dot.reel {
  border-radius: 5em;
  width: 70px;
  height: 19px;
}

.cursor.hide {opacity:0;}

.cursor .cursor-video .video-cursor {opacity:1; transform: scale(1)}
.cursor .reel .cursor-marquee {opacity:1;}
.video-cursor video {width:100%;height:100%; object-fit:cover}

.event-info-wrapper {
  padding-top: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  display: block;
}

.event-info-wrapper.list {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  display: flex;
}

.hero-title {
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--swatch--white);
  text-transform: uppercase;
  flex: 1 0 auto;
  font-size: 1em;
  font-weight: 500;
  line-height: 1em;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-text-content-wrapper {
  transform-origin: top;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: .8em;
  min-height: .8em;
  margin-top: .1em;
  font-size: 13vw;
  line-height: 1em;
  display: flex;
  position: relative;
}

.heading-wrap {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: .94em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-wrap.hero-wrap {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  height: 5.5em;
}

.heading-wrap.hero-wrap.left {
  justify-content: flex-start;
  align-items: center;
}

.hero-heading {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.section-exclusives {
  margin-top: var(--padding--60);
  padding: var(--padding--110) var(--padding--60);
  background-color: var(--dark--background);
  color: var(--dark--text);
  text-align: center;
}

.grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3.gap-30 {
  grid-column-gap: var(--padding--30);
  grid-row-gap: var(--padding--30);
}

.b-sml {
  font-size: .6875em;
}

.mono {
  font-family: Monument Grotesk Mono, sans-serif;
}

.mono.padding {
  margin-left: .4em;
  margin-right: .4em;
}

.opacity-60 {
  opacity: .6;
}

.grid-3-inner {
  grid-column-gap: 1.7em;
  grid-row-gap: 1.7em;
  flex-flow: column;
  align-items: center;
  padding: 3em 5em;
  display: flex;
}

.grid-3-inner:nth-child(2) {
border-left:1px solid var(--swatch--grey-2);
border-right:1px solid var(--swatch--grey-2);
}

.container {
  padding-right: var(--padding--60);
  padding-left: var(--padding--60);
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.container.wide {
  padding-right: var(--padding--30);
  padding-left: var(--padding--30);
}

.container.gap-sml {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}

.input {
  text-transform: none;
  background-color: rgba(0, 0, 0, 0);
  border-style: none none solid;
  border-width: 1px;
  border-top-color: #000;
  border-left-color: #000;
  border-right-color: #000;
  width: 100%;
  padding-top: .4em;
  padding-bottom: .4em;
  padding-left: 0;
  font-family: Monument Grotesk Mono, sans-serif;
  font-size: .875em;
}

.input.textarea {
  min-height: 9em;
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

.community-section {
  position: relative;
}

.sticky-headline {
  z-index: 1;
  padding: var(--padding--110) 11em;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  color: var(--swatch--white);
  text-align: center;
  mix-blend-mode: difference;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.sticky-headline.nogap {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
}

.organic-grid {
  flex-flow: wrap;
  height: 260vh;
  margin-top: 0;
  padding-bottom: 40vw;
  display: flex;
}

.o-item {
  width: 33.33vw;
  position: relative;
}

.o-item:nth-child(1) {padding:0% 15% 0% 1%}
.o-item:nth-child(2) {padding:15% 20% 0% 1%}
.o-item:nth-child(3) {padding: 0% 2% 0% 15%}
.o-item:nth-child(4) {padding: 15% 12% 0% 6%}
.o-item:nth-child(5) {padding: 20% 9% 0 5%}
.o-item:nth-child(6) {padding: 4% 10% 0 7%}
.o-item:nth-child(7) {width:50vw; padding: 15% 30% 0 5%}
.o-item:nth-child(8) {width:50vw; padding: 3% 2% 0% 25%}

.heatmap.overlay {
  z-index: 2;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.section-notices {
  z-index: 2;
  padding-top: var(--padding--60);
  padding-bottom: var(--padding--60);
  background-color: var(--color--background);
  border-top: 1px solid #000;
  position: relative;
}

.flex {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flex.space-between {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.flex.vert {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
}

.flex.vert.gap-large {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
}

.flex.vert.padding {
  padding-right: var(--padding--110);
  justify-content: flex-start;
  align-items: flex-start;
}

.flex.gap-md {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
}

.flex.align-btm {
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
}

.h6 {
  text-transform: uppercase;
  margin-bottom: .4em;
  font-size: 1.1em;
  font-weight: 500;
}

.notice-img {
  width: 100%;
  margin-bottom: 1.2em;
  padding-top: 110%;
  position: relative;
}

.h2-lrg {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.25em;
  line-height: .9em;
}

.h2-lrg.right-align {
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
}

.h2-lrg.page-title {
  position: absolute;
}

.full-video {
  width: 100%;
  margin-top: -18em;
  padding-top: 100vh;
  position: relative;
}

.full-video.top {
  margin-top: -50vh;
}

.footer {
  background-color: var(--swatch--black);
  color: var(--swatch--white);
  padding-top: 2em;
  padding-bottom: .8em;
  position: relative;
}

.h4-lrg {
  font-size: 1.5em;
}

.grid-4 {
  margin-top: var(--padding--30);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.foot-col {
  padding: var(--padding--60);
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  border-top: 1px solid var(--swatch--grey-2);
  border-right: 1px solid var(--swatch--grey-2);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.foot-col:last-child {border-right:0;}

.difference {
  mix-blend-mode: difference;
}

.black-overlay {
  background-color: var(--swatch--black);
  opacity: .1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.body {
  transition: color .6s, background-color .6s;
}

.ticket-label {
  color: var(--swatch--black);
  letter-spacing: 0;
  text-transform: uppercase;
  padding-top: .2em;
  font-family: Monument Grotesk Mono, sans-serif;
  font-size: .875em;
}

.ticket.medium {height: 2em;}

.ticket-label.medium {padding: .2em .3em .1em;
    font-size: 1em;}
.ticket-label.large {
  padding: .2em .7em .1em;
  font-size: 1.1em;
}

.center-align {text-align: center; margin-top:5em;}

.text-block {
  padding: var(--padding--60) var(--padding--60) var(--padding--110);
  background-color: var(--color--background);
  position: relative;
}

.text-block.bottom {border-bottom: 1px solid}
.text-block.top {border-top: 1px solid}

.text-grid {
  grid-column-gap: 15em;
  grid-row-gap: 15em;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1em;
  display: grid;
}

.text-block.vote-block {background-color: #f8ebff;}

.vote-block .text-grid {grid-template-columns: 1fr 1.5fr;}

.civicengine-container {margin: 0em auto 2em;
    background: transparent;
    padding: 0 2rem;
    border-radius: 0.3rem;
    opacity: 1;
    max-width: 780px;}

.text-grid .h3 {margin-bottom: 0.6em;}


.text-grid .h4 {
  text-transform: none;
    font-weight: 400;
    margin-top: 1em;
}

.philosophy-section {
  position: relative;
}

.vert-line {
  background-color: var(--light--text);
  width: 1px;
  height: 11em;
  margin-bottom: 3em;
}

.vert-line.longer {
  height: 14em;
  margin-top: 3em;
  margin-bottom: 0;
  position: absolute;
  top: auto;
  bottom: 2em;
  left: auto;
  right: auto;
}

.sticky-track {
  height: 500vh;
  position: relative;
}

.sticky-wrapper {
  margin-top: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.sticky-content {
  background-color: var(--swatch--black);
  width: 100%;
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.phil-video-wrapper {
  background-color: var(--swatch--black);
  text-align: center;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.phil-video-wrapper.active {
  z-index: 1;
  -webkit-clip-path: inset(0% 0 0);
  clip-path: inset(0% 0 0);
}

.phil-video-wrapper.first {
  -webkit-clip-path: inset(0% 0 0);
  clip-path: inset(0% 0 0);
}

.phil-video {
  z-index: 0;
  opacity: .6;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.phil-video.hide {
  display: none;
}

.phil-video.active {
  opacity: 1;
  transform: none;
}

.phil-text-section {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.phil-text-wrapper {
  transform-origin: top;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 7vw;
  line-height: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.phil-headers {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 1.1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.phil-title {
  opacity: .43;
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--swatch--white);
  text-transform: uppercase;
  mix-blend-mode: difference;
  flex: 1 0 auto;
  font-size: 17vw;
  font-weight: 500;
  line-height: 1em;
  transition: transform 1s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.phil-title.small {
  z-index: 2;
  opacity: 1;
  color: var(--swatch--white);
  -webkit-text-stroke-width: 0px;
  mix-blend-mode: normal;
  font-size: 4vw;
  transition-property: none;
  position: absolute;
  top: auto;
  bottom: auto;
}

.scroll_trigger_wrapper {
  z-index: 0;
  padding-top: 30vh;
  position: relative;
}

.scroll_trigger_item {
  height: 110vh;
}



.event-modal, .event-panel, .presale-modal {pointer-events:none;position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10}


.event-modal.active, .event-panel.active, .presale-modal.active {pointer-events:all;}

#eventbrite-widget-container, .presale-wrapper, .event-modal .center-align {opacity:0; transition: ease opacity 0.3s, ease transform 0.5s; transition-delay:0s; width: 100%;
    max-width: 800px; z-index: 12}
.active #eventbrite-widget-container, .active .loading, .active .presale-wrapper, .event-modal.active .center-align {opacity:1; transition-delay:0.2s}

.presale-wrapper {
  background: var(--swatch--white);
    padding: 3em;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    grid-gap: 2em;
}

.event-presale {
  background: var(--swatch--lime);  
    align-items: start;
    text-align: left;
    opacity: 1;
    max-width: 28em;
    z-index: 1;
}

.presale-wrapper #wpforms-664-field_3-container {display:none;}
.presale-wrapper  .wpforms-container , #presale-form-container {width: 100%; max-width: 400px; margin-bottom: 0; margin-top:1em;}
#presale-form-container, #presale-form-container .wpforms-container  {margin-top:0; max-width: none;}
.presale-wrapper .btn.ghost {width:100%; justify-content: center;}




.event-presale h3 {font-size: 1.7em;}

@keyframes flash {
    0%, 100% { opacity: 0.2; }
    50% { opacity: 1; }
}

.loading {
text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 500;
    color: var(--swatch--white);
    opacity: 0;
    transition: ease opacity 0.3s;
    
    z-index: 11;
    position: absolute;
    transition-delay:0s;
}

.active .loading {animation: flash 1.3s linear infinite;}


 .contact-panel, .partner-panel {
z-index: 11;
  background-color: var(--swatch--black);
  color: var(--swatch--white);
  width: 100%;
  height: 100dvh;
  padding: 9em 6em;
  transition: transform .8s cubic-bezier(.645, .045, .355, 1);
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-gap: 5em;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: scroll;
  transform: translateY(101%);
 }

  .contact-panel.active, .partner-panel.active {transform: translateY(0%);}

  .contact-panel h2, .partner-panel h2 {color: var(--swatch--lime); line-height: 0.9;
    margin-bottom: 0.4em;}

.contact-flex {display:flex; flex-direction: column; align-items: flex-start; grid-gap:0.5em;}

.event-panel-wrapper {
  z-index: 11;
  background-color: var(--color--background);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60em;
/*  max-width: 900px;*/
  height: 100dvh;
  padding: 2em 2em 3em 2em;
  transition: transform .8s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: scroll;
  transform: translate(101%);
}

.event-panel.active .event-panel-wrapper {transform: translate(0%, 0px);}

.all-events-list {width:100%; margin-top:2em;}
.all-events-list .time-date {width:27%}
.all-events-list .event-grid-item {border: 0;
    border-bottom: 1px solid black;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 1em;}
.all-events-list h3 {font-size:1.7em;}

.list-title {display:flex; grid-gap:3em; width:75%l}
.list-grid {display: flex;
    grid-gap: 3em;
    width: 60%;}

    .flex-ticket {display: flex;
    grid-gap: 3em;
    align-items: center;}

.featured-in {
  padding-top: var(--padding--60);
  padding-bottom: var(--padding--60);
  background-color: var(--swatch--lime);
  text-align: center;
}

.logo-grid {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  max-width: 67em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.logo-grid a {display: flex; justify-content: center; align-items: center; width: 8em; height: 8em;}
.logo-grid img {height:100%; object-fit: contain;}
.horizontal-scroll {
  width: 100%;
  padding-bottom: 100vh;
  position: relative;
}

.section-height {
  width: 100%;
  height: 400vh;
}

.hori-sticker {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  margin-bottom: -100vh;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 4.2em;
  overflow: hidden;
}

.track {
  padding-top: var(--padding--110);
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  flex: none;
  height: 100%;
  display: flex;
  position: relative;
}

.hori-image {
  margin-bottom: 1em;
  padding-top: 18vw;
  position: relative;
  overflow: hidden;
}

.hori-item {
  flex-flow: column;
  flex: none;
  width: 31vw;
  padding-right: 2.5em;
  display: flex;
}

.hori-image img {transition: transform ease 0.4s}

.hori-item:hover .hori-image img {transform: scale(1.05)}

.swiper-slide.hori-item:last-child, .swiper-slide.notice-slide:last-child {margin-right:0;}

.hori-item .btn {align-self: flex-start;}

.track-flex {
  padding-right: var(--padding--60);
  padding-left: var(--padding--60);
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  margin-right: -100vw;
  display: flex;
}

.community-cta {
  background-color: var(--swatch--black);
  color: var(--color--background);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.hori-text-header {
  padding-right: var(--padding--60);
  padding-left: var(--padding--60);
  position: -webkit-sticky;
  position: sticky;
  top: 7em;
}

.footer-dark {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 15px;
  position: relative;
}

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

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.footer-link {
  color: #1a1b1f;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.footer-link:hover {
  color: rgba(26, 27, 31, .75);
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.page-hero {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.page-hero.half {
  height: 60vh;
}

.page-hero.third {
  height: 75vh;
}

.hero-overlay {
  padding: 6.4em var(--padding--30) 1.2em;
  color: var(--color--background);
  mix-blend-mode: difference;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.grid-2 {
  padding: var(--padding--60);
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.locations-section {
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.locations-section.half {
  height: 80vh;
}

.locations-wrapper {
  text-align: center;
  width: 100vw;
  position: relative;
  mix-blend-mode: difference;
}

.difference-heading {
  color: var(--swatch--white);
  text-align: center;
  
  margin-bottom: 4em;
}

.locations-video-wrapper {
  z-index: 0;
  background-color: var(--dark--background);
  opacity: 0;
  pointer-events: none;
  transition: transform .3s, opacity .3s;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: scale(1.1);
}

.locations-video-wrapper.active {
  opacity: 1;
  transform: scale(1);
}

.locations-video {
  background-color: var(--swatch--black);
}

.project-wrapper {
  z-index: 1;
  margin-top: 0;
  margin-bottom: var(--padding--30);
  height: calc(100vh - 8.8em);
  padding-top: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 8.8em;
}

.project-wrapper.first {
  margin-top: 0;
  padding-top: 0;
}

.project-wrapper.last {
  z-index: 2;
  height: auto;
  margin-bottom: 0;
  position: relative;
  top: 0;
}

.project {
  height: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.project.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--color--background);
  border-top: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-text {
  padding-top: 14em;
  padding-right: var(--padding--110);
  padding-left: var(--padding--60);
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-right: 1px solid #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.project-text p {max-width: 27em;}

.project-img-wrapper {
  padding: var(--padding--110);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.video-textoverlay {
  background-color: var(--swatch--black);
  color: var(--color--background);
  height: 80vh;
  position: relative;
  overflow: hidden;
  display: flex;
      justify-content: center;
    align-items: center;
}

.content-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.swiper.content-swiper {
  padding: var(--padding--110) var(--padding--60);
  background-color: var(--color--background);
  border-top: 1px solid #000;
  position: relative;
  overflow: hidden;
}

.swiper.content-swiper.padd-sml {
  padding-top: var(--padding--60);
  padding-bottom: var(--padding--60);
}

.swiper.content-swiper.nopadding {
  border-top-style: none;
  padding: 0;
}




.bottom .swiper.content-swiper {border-bottom: 1px solid #000; border-top: 0; padding: 0 var(--padding--60) var(--padding--60)}


.swiper.content-swiper.notice-swiper {
  padding-top: 0;
  padding-bottom: var(--padding--30);
  border-top-style: none;
}

.swiper-wrapper {
  margin-top: var(--padding--30);
  display: flex;
}

.swiper-slide.hori-item {
  width: 29vw;
  margin-right: 1.5625em;
  padding-right: 0;
}

.tall .swiper-slide.hori-item {width: 15vw;}

.swiper-slide.artist-slide {
  flex: none;
  width: 16vw;
  margin-right: 1.5em;
}

.swiper-slide.notice-slide {
  margin-right: var(--padding--30);
  flex: none;
  width: calc(30% - 1.28em);
}
.swiper-slide.notice-slide p {font-size: 0.9em}
.projects-header {
  z-index: 2;
  padding: 1.3em var(--padding--60) 1em;
  background-color: var(--color--background);
  color: var(--color--text);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 4.2em;
}

.projects-header.center {
  text-align: center;
  width: 100%;
}

.text-over-img {
  padding-right: var(--padding--60);
  padding-left: var(--padding--60);
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.intro-video {
  width: 100%;
  margin-top: -50vh;
  padding-top: 100vh;
  position: relative;
}

.intro-video.top {
  margin-top: -50vh;
}

.event-hero {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 53em;
  max-height: 90vh;
  display: flex;
  position: relative;
}

.brand_logo {position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; padding: 2em;}
.brand_logo img {width: 100%; max-width: 800px; height:auto; max-height: 430px;}

.sticky-event {
  z-index: 2;
  padding: 1.5em var(--padding--60);
  border-bottom: 1px solid var(--swatch--grey);
  background-color: var(--color--background);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.event-hero-info {
  padding-right: var(--padding--60);
  padding-bottom: var(--padding--30);
  padding-left: var(--padding--60);
  background-image: linear-gradient(rgba(0, 0, 0, 0), #000);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.event-hero-info .ticket.ticket-btn.large {margin-right: 0.4em;}

.white {
  color: var(--color--background);
}

.sml-heading {
  text-transform: uppercase;
  font-weight: 500;
}

.sml-heading.opacity-60 {
  opacity: .4;
}

.sml-heading.opacity-80 {
  opacity: .8;
}

.dress-code {
  padding: var(--padding--110) var(--padding--60);
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  background-color: var(--color--text);
  color: var(--color--background);
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  display: grid;
}

.dress-1 {
  width: 20.375em;
  height: 25em;
  position: relative;
  overflow: hidden;
}

.dress-2 {
  align-self: flex-end;
  width: 15.1875em;
  height: 19.375em;
  position: relative;
  overflow: hidden;
}

.dress-3 {
  align-self: flex-start;
  width: 12.5em;
  height: 12.5em;
  position: relative;
  overflow: hidden;
}

.dress-right {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  width: 80%;
  display: flex;
}

.dress-text {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.artist-img {
  margin-bottom: 1em;
  padding-top: 16vw;
  position: relative;
}

.nomargin {
  margin-bottom: .1em;
}

.belong-cta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--color--text);
  color: var(--color--background);
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-top: 4em;
  padding: 1.7em 2em;
  display: grid;
}

.belonglogo {
  width: 17.6875em;
}

.belong-text {
  text-align: center;
  width: 31.25em;
}

.h3-lrg {
  font-size: 2.7em;
}

.single-project {
  padding: var(--padding--60);
  background-color: var(--color--text);
  color: var(--color--background);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.project-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: end;
  justify-items: start;
  width: 100%;
  display: grid;
  position: relative;
}

.side-panel {
  z-index: 11;
  background-color: var(--color--background);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 36em;
  max-width: 600px;
  height: 100vh;
  padding: 5em 4em 3em 3em;
  transition: transform .8s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: scroll;
  transform: translate(101%);
}

.side-panel > * {opacity:0; transform: translate(0%, 10px); transition: opacity 800ms ease; transition-delay:0s}
.active .side-panel {transform: translate(0%, 0px);}
.active .side-panel > * {opacity:1; transition-delay:0.7s}



.blur-bg {
  z-index: 10;
  opacity: 1;
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
  transition: all .6s;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.active .blur-bg {background-color: hsla(0, 0.00%, 0.00%, 0.57); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); pointer-events:all;}

.close {
  cursor: pointer;
  width: 1.625em;
  position: absolute;
  top: 2em;
  bottom: auto;
  left: auto;
  right: 2em;
  transition: transform .7s ease, opacity .3s ease !important;
  opacity: 0.8 !important;
  transform: rotate(0deg) !important;
}

.close:hover {
opacity: 1 !important; transform: rotate(180deg) !important;
}

.close.video-close {
  z-index: 11;
  opacity: 0 !important;
}

.active .close.video-close {  opacity: 1 !important;}


.marginb-sml {
  margin-bottom: .6em;
}

.panel-wrapper {
  pointer-events: none;
}

.panel-wrapper.active {
  pointer-events: auto;
}

.project-info {
  display: none;
}


.grid-6 a {position: relative; overflow: hidden;}
.grid-6 a:hover .instagram {transform:scale(1.05)}
.grid-6 a:hover .insta-overlay {opacity:1; padding: 5.6em;}
.instagram {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  position: relative;
  transition: ease transform 1s;
  ;
}

.insta-overlay {    position: absolute;
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  padding: 5.5em;
  opacity: 0;
  transition: ease opacity 0.3s, ease padding 0.3s}
.insta-overlay svg {color: var(--swatch--lime);}

.subfooter {
  padding-top: 1.1em;
  padding-right: var(--padding--60);
  padding-left: var(--padding--60);
  border-top: 1px solid var(--swatch--grey-2);
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  font-family: Monument Grotesk Mono, sans-serif;
  display: flex;
}

.page-text-content-wrapper {
  text-align: right;
  transform-origin: top;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 6em;
  min-height: 1em;
  font-size: 1em;
  line-height: 1em;
  display: flex;
  position: relative;
}

.transition {
  z-index: 101;
  opacity: 1;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.transition_content {
  background-color: var(--swatch--lime);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.transition_text_wrapper {
  overflow: hidden;
}

.img-wrapper {
  height: 29em;
  position: relative;
  overflow: hidden;
  justify-content: flex-end;
    align-items: flex-end;
    padding: 1.5em 2.3em;
    display: flex;
}

.hori-item:hover .absolute-link {opacity:1;}
.absolute-link {position: absolute; z-index: 2; inset:0; display: flex; justify-content: center; align-items: flex-end; padding: 1.5em; opacity: 0; transition: ease opacity 0.2s;}

.transition_wrap {
  z-index: 1200;
  height: 100dvh;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.video-cursor {
  opacity: 0;
  transform-origin: 100% 100%;
  width: 13vw;
  height: 16vw;
  transition-property: transform, opacity;
  transition-duration: .3s, .3s;
  transition-timing-function: ease, ease;
  position: absolute;
  top: -16.4vw;
  left: -13.3vw;
  overflow: hidden;
  transform: scale(.2);
}

.project-img {
  width: 100%;
  height: 100%;
  position: relative;
}

.phil-img-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.phil-description {
  color: var(--color--background);
  text-transform: uppercase;
  width: 30vw;
  max-width: 500px;
  margin-top: 15em;
  font-family: Monument Grotesk Mono, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  position: absolute;
}

.phil-img {
  z-index: 2;
  width: 33vw;
  height: 23vw;
  position: relative;
  overflow: hidden;
}

.bold {
  font-weight: 500;
}

.text-flex {
  padding-right: var(--padding--110);
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-flow: column;
  display: flex;
}

.hori-divider {
  margin-right: var(--padding--60);
  margin-left: var(--padding--60);
  background-color: var(--color--text);
  height: 1px;
}

.partner-logo {
  object-fit: cover;
  width: 10.1875em;
  height: 9.25em;
}

.partners {
  padding-top: var(--padding--60);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  background-color: var(--swatch--mint);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.partners.white {background-color: #fff; padding-top: var(--padding--30); padding-bottom: var(--padding--60); color: #000;}

.video-player-wrapper {
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  height: 100vh;
  transition: opacity .5s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.video-player-wrapper.active {
  opacity: 1;
  pointer-events: auto;
}

.video-player {
  z-index: 12;
  width: 80%;
  position: relative;
  overflow: hidden;
  opacity:0;
  transition-delay:0s;
  transition-property: opacity;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.video-player-wrapper.active .blur-bg {background-color: hsla(0, 0.00%, 0.00%, 0.8); backdrop-filter: blur(10px); pointer-events:all;}   
.video-player video {width:100%; transform: scale(1.1); transition-property: transform; transition-duration: 500ms; transition-timing-function: cubic-bezier(.215, .61, .355, 1);}
.active .video-player {opacity:1; transition-delay:0.2s;}
.active .video-player video {transform: scale(1);}
.locations-video-wrapper.active video {transition-delay:0.5s; opacity:1;}
.locations-video-wrapper video {transition-delay:0s; opacity:0; transition: ease opacity 0.5s}

.marquee_link {
  text-transform: uppercase;
  cursor: none;
  margin: 0 .3em;
  font-size: 4.375em;
  font-weight: 500;
  line-height: 1.1em;
}

.headline-1 {
  position: relative;
  overflow: hidden;
}

.headline-2 {
  overflow: hidden;
}

.swiper-pagination {
  flex: 1;
}

.reverse {
  transform: rotate(180deg);
}

.swiper-controls {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5em;
  display: flex;
  position: relative;
}

.event-stick {
  z-index: 2;
  padding: 1.5em var(--padding--60);
  border-bottom: 1px none var(--swatch--grey);
  background-color: var(--color--background);
  color: var(--color--text);
  justify-content: space-between;
  align-items: center;
  transition: transform .6s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: translate(0, 110%);
  box-shadow: 0 20px 20px 20px rgba(0, 0, 0, .2);
}

.event-stick.visible {
  transform: translate(0);
}

.grid-6 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-6.margin-btm {
  margin-bottom: 2em;
}

.divider-copy {
  background-color: var(--swatch--grey);
  width: 1px;
  height: 1.2em;
}

.mob-menu {
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Monument Grotesk Mono, sans-serif;
  font-size: .875em;
  line-height: 1.15em;
}

.mob-menu.w--current {
  color: var(--swatch--black);
  display: none;
}

.desktop {
  display: flex;
}

.mobile {
  display: none;
}

.highlight {
  background-color: var(--swatch--lime);
  color: var(--swatch--black);
  padding: .4em .4em .3em;
  line-height: 1em;
}

.highlight.center {
  align-self: center;
}

.info-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mob-nav {
  display: none;
}

.arrow-wrapper {
  flex-flow: column;
  height: .7em;
  display: flex;
  overflow: hidden;
}





/**** FAQS SECTION *****/

.faqs-section {padding: var(--padding--110) var(--padding--60);
      border-top: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    grid-gap: 3em;}

    .accord-heading {display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    grid-gap: 1em;
    max-width: 50em;
    margin: auto;}

    .powered-by {width:8em;}

.faq-group .h3 {margin-bottom:0.5em; font-size: 1.8em;}

.accordion {
    border-top: 1px solid #000;
    border-bottom: 1px #000;
    padding-top: .5em;
    padding-bottom: .5em;
}

.accordion-header {
    text-align: left;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding: .1em 0 .1em;
    display: flex;
    font-weight: 500;
    font-size: 1.1em;
    transition: ease padding 0.3s;
}

.accordion-header:hover {padding-left:0.5em;}

.accordion-body {
  grid-template-rows: 0fr !important;
    transition: ease all 0.8s, ease font-size 0s;
    display: grid;
    max-width: 50em;
}

.accordion-body > div {
    overflow: hidden;
}

.open-close {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: .4em;
    transition: background-color .4s;
    display: flex;
    position: relative;
}

.line {
    background-color: currentColor;
    flex: none;
    width: 70%;
    height: 1px;
    transition-property: transform, background-color;
    transition-duration: .4s, .4s;
    transition-timing-function: ease, ease;
    position: absolute;
}

.line.rotate {
    transform: rotate(90deg);
}

.accordion.open > .accordion-header .line {
    transform: rotate(180deg);
}

.open > .accordion-body {
    grid-template-rows: 1fr !important;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.open > .accordion-body > * {opacity: 1;
    transition-delay: 0.3s;}


  .swiper-pagination-progressbar {position: relative; height: 2px !important;background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .1));}
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--swatch--black);}
  .swiper-button-next, .swiper-button-prev {position: relative;width: 1.5em; height: auto; margin-top: 0; left: auto; right: auto;}
  .swiper-button-next:after, .swiper-button-prev:after {display:none;}



#klaviyo-form input {background: transparent; border:0; border-bottom: 1px solid white;}




.loop-move-left, .loop-move-right  {
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-play-state: running;
    animation-fill-mode: both;
}
.locations-section .loop-move-left, .locations-section  .loop-move-right, .marquee.absolute .loop-move-left  {
    animation-duration: 60s;}
.loop-move-right  {
    animation-name: loop-move-right;
}
.loop-move-left  {
    animation-name: loop-move-left;
}
  @keyframes loop-move-left {
    to {
      transform: translateX(-50%);
    }
  }
  @keyframes loop-move-right {
    to {
      transform: translateX(0%);
    }
  }
[data-hover-pause] * {animation-play-state: running;}
[data-hover-pause]:hover * {animation-play-state: paused;}


#wpforms-358-field_3-container {display:none}

.wpforms-container .wpforms-field {padding: 0 0 1.5em !important;}
.wpforms-container label {font-family: Monument Grotesk Mono, sans-serif; font-weight: 100 !important; text-transform: uppercase;font-size: 0.7em; text-align: left; opacity: 0.6}

.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 0.4em 0;
    position: relative;
}

.wpforms-container input, .wpforms-container textarea, .wpforms-container select  {
  font-size: 1em !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid !important;
    padding: 0 0 0.3em !important;
        width: 100%;
    max-width: none;
}
.wpforms-container ul {margin-top:0.6em !important}
.wpforms-container ul li {display: flex; align-items: center; grid-gap:0.25em; margin-bottom:0.3em !important}
.wpforms-container input[type=checkbox] {margin;0;}
.wpforms-container li label {text-transform: none;
    opacity: 1;
    font-size: 0.9em;
    margin: 0;
    font-family: Monument Grotesk, sans-serif !important;}

.text-grid .wpforms-container .wpforms-field-label {font-size: 1em !important; color: inherit; opacity: 1;
  text-align: left;
  font-family: Monument Grotesk Mono, sans-serif !important; font-weight: 100 !important; text-transform: uppercase;font-size: 0.8em !important;}

.text-grid .wpforms-container .wpforms-field {
    padding: 0 0 2em !important;
}

.text-grid .wpforms-container input::placeholder,.text-grid .wpforms-container textarea::placeholder, .text-grid .wpforms-container select {color:#999; font-family: Monument Grotesk, sans-serif !important; text-transform: none; font-weight: 400 !important; font-size: 1em !important}
.text-grid .wpforms-container select {color: #000;}
.wpforms-container input::placeholder, .wpforms-container textarea::placeholder, .wpforms-container select {
  color: inherit;
  text-align: left;
  font-family: Monument Grotesk Mono, sans-serif !important; font-weight: 100 !important; text-transform: uppercase;font-size: 0.9em !important;

}

input:focus::placeholder {
  color: transparent;
}

.wpforms-container ul {list-style: none; padding-left: 0;}

.wpforms-container .btn.ghost.neon {    width: 100%;     justify-content: center;}

.wpforms-container input:focus-visible, .wpforms-container textarea:focus-visible {outline: none;}
.wpforms-submit {font-family: Monument Grotesk Mono, sans-serif;
    font-weight: 400;font-size: 0.875em; color: var(--swatch--black);
    line-height: 1.1em; text-transform: uppercase; background: var(--swatch--lime); padding:0.6em 1em 0.3em; transition: background-color ease 0.2s;}

 .wpforms-submit:hover   {background-color: var(--swatch--mint);}


.wpforms-container select {-webkit-appearance: none; background-image: url('images/dropdown-white.svg') !important; background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 0.9em !important;}
select option {background: var(--swatch--black); color: var(--swatch--white);}


.event-grid-item.light .ticket .btn-label, .event-hero-info.light .ticket .btn-label {color: var(--swatch--white) !important}






/***** HAVE FUN BE NICE TOUR *****/

.play-video {cursor: pointer;}

.hflex-between-center {display: flex; justify-content: space-between; align-items: center; flex-direction: row; width: 100%;}

.vflex-top-top {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    
}
.gap-md {
    grid-gap: 5em;
}
.gap-sml {
    grid-gap: 2em;
}
.gap-xsml {
    grid-gap: 1em;
}

.hfbn-section {
    background: #000;
    padding: 4em 0;
    color: #fff;
    text-align: center;
    margin-bottom: 6em;
}
.hfbn-logo {
    width: 7em;
}
.hfbn-video-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 4em;
    flex-direction: column;
    grid-gap:2em;
}
.hfbn-video {width: 100%;}
.hfbn-video-wrapper .intro-video {}
.hfbn-video-wrapper .play-video {
    position: absolute;
    bottom: 2em;
    width: auto;
}


.hfbn-grid-3 {
    display: grid;
    grid-template-columns: 0.25fr 1fr 0.25fr;
    padding: 4em 0;
    align-items: center;
}

.hfbn-content {padding: 0 5em;}
.hfbn-content p {
    max-width: 30em;
}
.hfbn-img-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-self: flex-end;
}
.flex-start {align-self:flex-start}
.hfbn-img-1 {
    width: 13em;
}
.hfbn-img-2 {
    width: 13em;
}
.hfbn-video-overlay {
    width: 9em;
    position: absolute;
    left: -3em;
    bottom: -4em;
    mix-blend-mode: lighten;
}


.hfbn-short {padding: 9em 0 7em;}
.hfbn-short .hfbn-video-wrapper {width:60%;padding: 0;}
.hfbn-short .hfbn-content  {padding:0; width: 40%;}
.hfbn-short .hfbn-video-overlay {pointer-events: none;right: -3em;bottom: -5em;left: auto;}
.hfbn-short .h3 {font-size: 3.2em;}
.hfbn-short .hfbn-logo {width: 4em;}




/*** PROEJCTS UPDATED ****/


.filter-wrapper {}
  #project-filter-form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 0.5em;
    flex-wrap: wrap;
}
  #project-filter-form h5 {
    margin: 0 1em 0 0;
}
  .filter-radio input {display:none;}
  .filter-radio span {
  display: inline-block;
  padding: 0.4em 0.75em 0.25em;
  border: 1px solid #000;
  color: #000;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  font-family: Monument Grotesk Mono, sans-serif;
  font-size: .875em;
  font-weight: 400;
  text-transform: uppercase;
}

/* Checked state */
.filter-radio input:checked + span, .filter-radio span:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}

.all-projects {display: grid; grid-template-columns: 1fr 1fr; grid-gap: var(--padding--30); grid-auto-flow: row dense; padding: 0 0 var(--padding--60)}
.project-tile {width: 100%;position: relative;height: 44vw;display: flex;align-items: flex-start;justify-content: flex-end;overflow: hidden;flex-direction: column;padding: 2em;grid-gap: 0.5em;}

.project-tile.full {grid-column: span 2;height: 43vw;}
.project-tile.half {}
.tile-category {background: #000;color: #fff;font-size: 0.8em;text-transform: uppercase;padding: 0.75em 1em 0.6em;position: relative;line-height: 1;}
.tile-name {background: #fff;color: #000;font-size: 1.125em;text-transform: uppercase;padding: 0.9em 1em 0.85em;position: relative;line-height: 1;}

.project-tile video {opacity: 0; transition: ease 0.5s; transform: scale(1.04);}
.project-tile:hover video {opacity: 1; transform: scale(1);}

.project-tile img {transition: ease 0.5s; transform: scale(1.04);}

.project-tile:hover img {transform: scale(1);}

.side-panel.project-modal {
  width: 100vw;
    height: 100vh;
    pointer-events: none;
    background-color: transparent;
    max-width: unset;
    left: auto;
    right: auto;
    flex-direction: row;
    transform: translateY(5%);
    visibility: hidden;
    opacity: 0;
    transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s cubic-bezier(.645, .045, .355, 1), visibility .8s cubic-bezier(.645, .045, .355, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--padding--30);
    overflow: scroll;
}

.active .side-panel.project-modal {visibility: visible; opacity: 1; transform: translateY(0);}

.project-modal-inner {width: 67vw;
    max-width: 1200px;
    height: 90vh;
    pointer-events: all;
    background-color: var(--color--background);
    border-radius: 0.5em;
    overflow: scroll;}

.side-panel.project-modal video {width:100%;}
.panel-content {padding: var(--padding--30); display: grid; grid-template-columns: 1fr 0.5fr}

.panel-content-meta, .panel-content-links {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; grid-gap: 0.5em;}
.panel-content-meta h3 {font-size: 1.7em;}
.panel-content-meta h5 {margin-bottom: 0;}
.panel-content-meta p {font-size: 0.9em; max-width: 43em;}

.project-feature-img {position: relative; height: 20vw; width: 100%;}

.panel-content-links {justify-self: flex-end}

.side-panel.project-modal .close {pointer-events: all; position: fixed; color: #fff; height: auto}








@media screen and (min-width:992px) {
.list-view .event-grid-item {display: flex; justify-content: space-between; align-items: center;  border:0; border-top:1px solid #000;     flex-direction: row;}
.list-view .event-meta {padding:0;flex-direction:row-reverse; align-items:center; grid-gap: 4em;}
.list-view .event-meta h3 {min-width:12em; max-width: 12em}
.list-view .event-info-wrapper {
  display: flex;
  width: 70%;
  padding:0;
  padding:1.2em 0 1em 1.5em;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: 4em;
  grid-row-gap: 4em;
}
.list-view .grid-btn-wrapper {flex-direction: row-reverse; border:0; width:30%; padding:0;}

.grid-2:nth-child(even) .img-wrapper {order: 2}


.event-grid-item:hover .ticket {background-color:var(--swatch--white) !important; color: var(--swatch--white) !important}
.event-grid-item.light:hover {color: var(--swatch--white) !important}
.event-grid-item.light:hover .ticket .btn-label { color: var(--swatch--black) !important}
}







.default-template {max-width: 1200px;
    margin: 0 auto 5em;padding-right: var(--padding--60);
    padding-left: var(--padding--60);}

.default-template h2 {font-size:2.7em; margin-bottom:0.8em}
.default-template h3 {font-size:1.5em; margin-bottom: 0.4em}
.default-template hr {border:0; border-top: 1px solid; margin: 2.5em 0}


.signup-wrapper {color: var(--swatch--black);
    background: var(--swatch--white);
    max-width: 40em;
    padding: 3em 4em;
    margin: auto;
    height: auto;}


.signup-wrapper .wpforms-container {
    width: 80%;
    margin: 2em 0;
}


.signup-wrapper .btn.ghost.neon {
    background-color: var(--swatch--neon);
    border-color: var(--swatch--neon);
    color: var(--swatch--black);
}

.signup-wrapper .btn.ghost.neon:hover {
    background-color: var(--swatch--lime);
    border-color: var(--swatch--lime);
    color: var(--swatch--black);
}





/**** ALIVE LDN *****/

/** Global **/
.alive-bg {background-color: #0B4059;color: #FFD0ED; position: relative;}
.pink {color: #FFD0ED}
.yellow {color: #E9FF53;}

.relative {position: relative;}

.line-1 {position: absolute;right: 8em;bottom: -7em;width: 15em;z-index: 2;}
.line-2 {position: absolute;right: 5em;bottom: -43em;width: 6em;z-index: 2;}
.line-3 {position: absolute;left: 4em;bottom: 0em;width: 4em;z-index: 2;}

.dust {
background-image: url(https://www.daybreaker.com/wp-content/uploads/2025/06/dust.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 30%;
    background-repeat: repeat;
    z-index: 2;
    pointer-events: none;
  }

.event-btn {
    border: 2px solid;
    color: #E9FF53;
    border-radius: 30em;
    font-family: 'Monument Grotesk Mono';
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1;
    padding: 0.5em 1.5em 0.4em;
    font-size: 1.1em;
    flex-shrink: 0;
    transition: ease background-color 0.3s, ease color 0.3s, ease border-color 0.3s;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

.link-arrow {width:1em;}



.event-btn:hover {background-color: #E9FF53; border-color: #E9FF53; color: #031016;}
.event-btn.lrg {height: 100%; font-size: 1.3em;}

.alive-bg h2 {
    font-size: 3em;
    line-height: 1;
}
.alive-bg .h1 {
    margin: 0;
    font-size: 5em;
}
.alive-bg h3 {}
.alive-bg h4 {
}
.alive-bg h5 {
    white-space: nowrap;
    font-size: 0.8em;
    margin: 0;
}
.alive-bg p, .alive-bg ul, .alive-bg li {
    font-family: 'Monument Grotesk Mono';
}
.alive-bg li {margin-bottom: 0.3em;}
.alive-bg ul {padding-left: 1.2em; margin-bottom: 2em;}

.uppercase {text-transform:uppercase;}
.p-sml {
    font-size: 0.8em;
}

/** FLEX **/
.vlfex-left-between {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.vflex-left-top {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.hflex-center-left {display: flex; align-items: center; justify-content: flex-start;}
.hflex-center-between {display: flex; align-items: center; justify-content: space-between; width:100%}
.hflex-top-between {display: flex; align-items: flex-start; justify-content: space-between; width:100%}
.hflex-center-center {display: flex; align-items: center; justify-content: center; width:100%}
.vflex-center-top {display: flex; flex-direction: column; align-items: center; width: 100%; justify-content: flex-start;}
.vflex-stretch-top {display: flex; flex-direction: column; align-items: stretch; width: 100%; justify-content: flex-start;}

.t-center {text-align: center;}
.margin-t-sml {margin-top:1em}

.gap-xsml {}
.gap-sml {}
.gap-md {}
.gap-lrg {grid-gap:8em;}

/** FLEX **/
.grid-2.offset {grid-template-columns: 1fr 0.5fr; padding: 0; align-items: flex-start;}

.container.narrow {max-width: 70em;position: relative; margin: auto;}

.gradient-bottom {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: -24em;
}

.gradient-top {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: -30em;
}

.gradient-merge {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: -28em;
}

.gradient-merge-bottom {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: -28em;
}

.ticket-bg {position: absolute; inset: 0; height: 51em;}
.partner-bg {position: absolute; bottom: -12em; height: auto; width: 100%;}
.gradient-ticket {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: -25em;
}

.partner-bg .gradient-ticket {bottom: 0em;}

.gradient-bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 70em;
  bottom: -47em;
}

.testimonials .gradient-bg {
    bottom: -18em;
}






/** banner **/
.event-banner {position: relative;height: 100vh;padding: 8em 0 3em;}
.event-background {position: absolute; inset: 0;}

.event-banner-info {
    height: 100%;
}
.event-logo {width: 40em;}
.event-banner-text {}
.event-info-block h3, .event-banner-date h3 {font-size: 1.8em;}
.event-banner-date {
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding: 0.5em 0 0.5em;
    width: 100%;
}
.event-banner-date h5 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.3em;
}



/** Info block **/
.event-info-block {
    padding: 4em 0 6em;
    position: relative;
}
.event-info-block p {
    max-width: 31em;
}

.event-info-block .event-banner-date {padding: 1em 0 1em; margin-bottom: 1em}
.event-lineup-wrapper {
    position: relative;
}
.side-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    border-left: 2px solid;
    font-family: 'Monument Grotesk Mono';
    padding-left: 0.5em;
}
.event-lineup {
    padding-left: 3em;
    position: relative;
    padding-bottom: 2em;
}
.event-db-logo {
    width: 11em;
}

.lineup-swiper {z-index: 3; padding: 1em 0;}
.lineup-slide {position: relative;
    height: 30vw;
    width: 24vw;
    margin: 0 1em;}

.testimonials {
    padding: 7em 0 0;
    position: relative;
    z-index: 2;
}
.event-testimonial {
    display: flex;
    flex-direction: column;
    grid-gap: 1em;
    padding: 0 3em;
    width: 34em;
}

.event-testimonial h4 {
    font-size: 1.5em;
}

.wakeup-logo {
    width: 100%;
    max-width: 40em;
    margin: 2em auto 0;
}

.img-break {
    position: relative;
    height: 63vw;
    margin-top: -20em;
    
}


/** features **/
.featuring {
    text-align: center; 
    position: relative;
    margin-top: -10vw !important;
    z-index: 2;
}
.event-pill {
    font-family: 'Monument Grotesk Mono';
    text-transform: uppercase;
    font-size: 0.9em;
    border: 1px solid;
    line-height: 1;
    border-radius: 30px;
    padding: 0.4em 0.7em 0.3em;
}

.extra-text {position: relative;height: 61vw;display: flex;align-items: center;justify-content: flex-end;margin-top: -8vw;}
.extra-text-content {
    position: relative;
    width: 40%;
    padding: 0 6em 0 0;
    margin-right: 2em;
}
.extra-text-img {position: absolute;width: 100%;height: 100%;}
.partnership-logo {
    width: 5em;
}



.event-schedule {position: relative;}
.event-schedule .grid-2 {padding:0; align-items: flex-start; padding-bottom: 6em; padding-top: 4em; margin-top: -5em; border-top: 2px solid}

.ticket-bg {}

/** footer **/
.main-ticket {
    text-align: center;
    display: flex;
    flex-direction: column;
    grid-gap: 3em;
    padding-bottom: 6em;
}
.main-ticket.container.narrow {max-width: 50em;}
.main-ticket h3 {
    margin-top: 1em;
    font-size: 2em;
}
.signatures {
    width: 16em;
    margin-bottom: 1em;
    margin-top: 0.4em;
}
.footer-logo {
    width: 70%;
    margin-top: 3em;
}


.alive-bg .content-swiper {border-top: 1px solid currentColor;
    background: transparent;}




.swiper-button-next, .swiper-button-prev {color: currentColor !important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: currentColor !important;}





/*** ULIKE PROMO ****/

.gold {color: #FFDC3F}
.heatwave {background-color: #490906; color: #fff;}
.heatwave .gradient-bg {height: 70em; bottom: -54em;}
.banner-info-left {width:65%}
.event-banner-img {width: 50%;}

.heatwave .event-banner {z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2em 0;}
.heatwave .event-logo {width: 25em;}
.heatwave h1 {font-size: 4.5em;}
.alive-bg.heatwave h5 {font-size: 1.1em;}

.event-banner-footer {position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 1em;
    text-transform: uppercase;}
.heatwave .vert-line {background: currentColor; height: 3em; margin: 0;}

.event-text-block {position: relative;
    max-width: 50em;
    margin: 5em auto; z-index: 2}

.event-text-block p {font-family: 'Monument Grotesk';
    font-size: 2em;
    font-weight: 500;}

.heatwave .extra-text {margin-top:0;height: 51vw;}
.heatwave .extra-text h3 {margin-bottom:0.4em;}
.heatwave .extra-text .events-btn {margin-top:0.5em}
.heatwave .partnership-logo {width: 7em;}


/*** RESPONSIVE ***/

@media screen and (max-width: 991px) {
  body {
    font-size: 1.4vw;
  }

  h1, .h1 {
    font-size: 6em;
  }

  h2, .h2 {
    font-size: 4em;
  }

  h3, .h3 {
    font-size: 1.9em;
  }

  .h3-lrg {
    font-size: 2.2em;
}

  h5, .h5 {
    font-size: 1em;
  }


/***** HAVE FUN BE NICE TOUR *****/
.mflex-top-center {flex-direction: column; justify-content: flex-start; align-items: center;}
.mflex-top-left {flex-direction: column; justify-content: flex-start; align-items: flex-start;}

.mflex-reverse {flex-direction: column-reverse;}
.hfbn-section {padding: 3em 0}
.hfbn-logo {width: 4em;}
.hfbn-video-wrapper {padding: 0;}
.hfbn-video-wrapper .play-video {position: relative; bottom: 0;}
.hfbn-grid-3 {grid-template-columns: 1fr; padding: 2em 0;}
.hfbn-img-wrapper {display: none;}
.hfbn-content {padding: 0;}
.hfbn-short {padding: 7em 0 4em;}
.hfbn-short .h3 {font-size: 2.6em;}
.hfbn-short .hfbn-video-wrapper, .hfbn-short .hfbn-content {width: 100%;}
.hfbn-short .hfbn-video-overlay {right: 1em; bottom: 0;}

/**** ULIKE ****/
.heatwave .mflex-top-left.gap-md {grid-gap: 0em;}
.heatwave .event-banner {align-items: flex-start; padding: 8em 0;}
.banner-info-left {
    width: 100%;
}
.heatwave .event-logo {
    width: 20em;
}
.heatwave h1 {
    font-size: 2.8em;
    line-height: 1;
}

.event-banner-img {
    width: 100%;
}

.event-banner-footer p {font-size:11px;}

.event-text-block {padding: 0 30px;}
.event-text-block p {font-size: 1.5em;}
.heatwave .gradient-bg {
    height: 50em;
    bottom: -42em;
}

.heatwave .extra-text {height: auto;
}

.heatwave .extra-text p {font-size: 1em}


/**** PARTNERS ****/

.bottom .swiper.content-swiper {padding: 0 var(--padding--30) var(--padding--60);}
.tall .swiper-slide.hori-item {width: 36vw;}
.absolute-link {opacity:1;}


/*** PROJECTS ***/

#project-filter-form h5 {width: 100%; margin: 0 0 1em;}
.all-projects, .panel-content {grid-template-columns: 1fr;}
.project-tile.full, .project-tile.half {grid-column: span 1;height: 60vw;}
.side-panel.project-modal {align-items: flex-start;}
.project-modal-inner {width: 100%; height: auto; margin-top: 30px;}
.panel-content-links {justify-self: flex-start;}
.panel-content {grid-gap:1em;}
.project-feature-img {height: 50vw;}
.project-tile {padding: 1em;}
.project-tile video {visibility: hidden; display: none;}



/**** ALIVE *****/

.event-banner {height: 100svh}
.grid-2.offset {grid-template-columns: 1fr}
.event-info-block h3 {font-size: 1.6em}
.event-banner-date h3 {font-size: 1.4em;}
.alive-bg h2 {font-size: 2.4em;}
.event-info-block {padding: 2em 0 5em;}
.lineup-slide {height: 90vw; width: 70vw;}
.event-db-logo {width: 6em; margin: 2em 0;}
.testimonials {padding: 5em 0 0;}
.event-testimonial {width: 100%;}
.wakeup-logo {margin: 0em auto;}
.img-break {height: 93vw; margin-top: -10em;overflow-x: hidden;}
.extra-text {height: auto; margin-top: 0;}
.event-schedule .grid-2 {margin-top: 0; border-top: 2px solid;}
.alive-bg h5 {white-space: pre-wrap; font-size: 0.9em;}
.alive-bg .h1 {font-size: 3.4em;}
.p-sml {font-size: 1em;}
.signatures {width: 23em;}
.alive-bg .flex .btn {display: none;}
.footer-logo {width: 90%;}

.testimonials .gradient-bg {bottom: -9em;}
.gradient-bg {height: 70em;}
.gradient-merge {top: -40em; height: 140vw;}
.gradient-merge-bottom {bottom: -68em; height: 270vw;}
.gradient-ticket {bottom: -40em; height: 180vw;}
.partner-bg {bottom: 10em}
.ticket-bg {height: 71em;}
.partner-bg .gradient-ticket {height: 170vw;}

.line-1 {right: -1em; bottom: 1em; width: 13em;}
.line-2 {right: 1em; bottom: -51em; width: 5em;}
.line-3 {display: none}


  .password-title {font-size: 22px;}

  .password-featured-image {
  max-width: unset;
    margin-top: 0em;
    margin-bottom: 5em;
  }

  .password-protect-wrapper {justify-content: flex-start; padding: 7em 3em 3em;}


  .vote-block .text-grid {grid-template-columns: 1fr}

 .vote-block .h4 {font-size: 1.2em;}

  .civicengine-container {padding: 0;}

  .hero-section, .page-hero {height:100svh;}
 .event-modal {height:100dvh;}
  .event-modal #eventbrite-widget-container {transform: translateX(100%); max-height:70vh}
    .event-modal.active #eventbrite-widget-container {transform: translateX(0%);}

  .marquee.absolute .marquee_list img:nth-child(odd) {align-self: flex-start;position:relative;}
.marquee.absolute .marquee_list img:nth-child(even) {align-self: flex-end; position:relative;}
.marquee.absolute .marquee_list img:nth-child(1) {width:33vw;top:15vw}
.marquee.absolute .marquee_list img:nth-child(2) {width: 35vw;top:-15vw}
.marquee.absolute .marquee_list img:nth-child(3) {width:33vw; top:15vw}
.marquee.absolute .marquee_list img:nth-child(4) {width:37vw;top:-15vw}
.marquee.absolute .marquee_list img:nth-child(5) {width:44vw;top:13vw}
.marquee.absolute .marquee_list img:nth-child(6) {width:38vw;top:-15vw}

.swiper-button-next, .swiper-button-prev {width: 2.5em;}



.page-id-782 .architects-section .grid-2 {padding-top: 0; grid-gap: 5em;}
.page-id-782 .img-wrapper {
    height: 35em; order: 2}


        .page-id-782 .logo-grid {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
    }

    .logo-grid a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 7em;
    height: 7em;
}


    .faqs-section {padding-right: var(--padding--30);
        padding-left: var(--padding--30);}


.event-presale {max-width: none; padding: 1.5em;}


.events-grid.list-view {
  grid-template-columns: 1fr 1fr;
  border-style: solid none none solid;
    border-width: 1px;
    border-color: var(--swatch--grey);
}



.events-wrapper.related-events {padding-top:2em}

.sticky-event .flex.gap-md, .event-info-flex {width:100%;}
.event-info-flex .sml-heading.opacity-60 {width:12%;}


.event-panel-wrapper {width:100%; padding: 2em 0 3em 0;}
.panel-header {padding:0 2em;}

.all-events-list h3 {
    font-size: 1.9em;
}

.list-title {
    display: flex;
    grid-gap: 0.5em;
    flex-direction: column;
    justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
}

.list-grid {
    grid-gap: 0.5em;
    align-items: flex-start;
    flex-direction: column;
    width:50%;
}



.all-events-list .time-date {
    width: 100%;
}

.all-events-list .btn {flex-shrink: 0;}
.all-events-list .event-grid-item {padding: 1em 2em;}

.contact-panel, .partner-panel {    padding: 4em 2em;
    grid-gap: 3em;
    display: flex;
    flex-direction: column;}


  .nav-link {
    display: none;
  }

  .nav-link.mob-link {
    font-size: 1.3em;
    display: block;
  }

  .events-wrapper {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
  }

  .ticket.ticket-btn.mobile {
    display: flex;
  }

  .ticket.ticket-btn.mob-ticket {
    background-color: var(--swatch--mint);
    color: var(--swatch--mint);
    height: 50px;
  }

  .ticket-end.right.mob, .ticket-end.left.mob {
    width: 20px;
    height: 50px;
  }

  .grid-btn-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }


.video-player-wrapper {height:100dvh;}
.sticky-headline {height:100svh;}
.intro-video {margin-top:-50svh}


.video-player {width:90%;}
  .cursor {
    display: none;
  }

  .hero-text-content-wrapper {
    margin-top: .4em;
  }

  .heading-wrap {
    font-size: 20vw;
  }

  .heading-wrap.hero-wrap, .heading-wrap.hero-wrap.left {
    font-size: 1em;
  }

  .section-exclusives {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-3-inner {
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
  }



  .sticky-headline {
    padding-left: 3em;
    padding-right: 3em;
  }

  .grid-4 {
    margin-top: 0;
  }

  .foot-col {
    padding: var(--padding--30);
  }

  .foot-col:nth-child(2) {border-right:0;}

  .ticket-label {
    font-size: 1.3em;
  }

  .ticket-label.nomargin {
    padding-top: .1em;
    font-size: .9em;
  }

  .text-grid {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
  }

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

  .footer-content {
    grid-column-gap: 60px;
  }

  .phil-description {
    width: 50vw;
    font-size: .9rem;
  }

  .mob-menu.w--current {
    display: block;
  }

  .desktop {
    display: none;
  }



  .mob-nav {
    pointer-events: none;
    height: 100dvh;
    display: block;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .mob-nav.open {
    pointer-events: auto;
  }

  .mob-bg {
    background-color: var(--swatch--lime);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translate(0, -100%);
  }

  .mob-link-wrapper {
    grid-column-gap: .9em;
    grid-row-gap: .9em;
    opacity: 0;
    text-transform: uppercase;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-family: Monument Grotesk, sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    transition: opacity .4s;
    display: flex;
    position: relative;
  }

  .mob-link-wrapper a {opacity:0;}


}

@media screen and (max-width: 767px) {
  body {
    font-size: 2vw;
  }

  h1, .h1 {
    font-size: 4em;
    line-height: .9em;
  }

  h2, .h2 {
    font-size: 3em;
  }

  h3, .h3 {
    font-size: 1.9em;
  }

  h4, .h4 {
    font-size: 1.5em;
  }

  h5, .h5 {
    font-size: 1em;
  }

  h6, .h6 {
    font-size: 1.3em;
  }

  p {
    font-size: 1.2em;
  }

  .event-hero-info .h4 {font-size: 1.2em}

  .navigation {
    padding: 1.2em var(--padding--30) 1.4em;
  }

    .btn.ghost {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: .6em;
    padding-bottom: .6em;
    font-size: 1.1em;
  }


.swiper-slide.notice-slide p {font-size: 1em}
.swiper-slide.notice-slide .h6 {font-size: 1.3em}

    .ticket.ticket-btn.large.mobile {
    width: 100%;
    height: 3.4em;
  }


  .h1.marquee-text {
    margin-left: .3em;
    margin-right: .3em;
    font-size: 4em;
  }

  .intro-section {
    padding-top: var(--padding--110);
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
  }

  .intro-img {
    display: none;
  }

  .intro-img.mobile {
    width: 100%;
    margin-top: 5em;
    padding-top: 50vw;
    display: flex;
    position: relative;
  }

  .btn.underline {
    font-size: 1.2em;
    line-height: 1.5em;
  }

  .btn.underline.desktop {
    display: none;
  }

  .btn.ghost.mobile {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .inline-video {
    display: none;
  }

  .events-grid.list-view {
  grid-template-columns: 1fr;
}

  .events-grid {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1.5em;
  }

  .time-date {
    font-size: 1em;
    line-height: 1.2em;
  }

  .list-view .time-date {width:auto}

  .event-meta {
    grid-column-gap: .7em;
    grid-row-gap: .7em;
  }

  .ticket.ticket-btn.mobile {
    height: 1.7em;
  }

  .ticket-end.right.large {
    height: 100%;
  }

  .btn-label {
    font-size: .9em;
  }

  .grid-btn-wrapper {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    padding-top: 1.1em;
    padding-bottom: 1.2em;
  }

  .heading-wrap.hero-wrap {
    height: 4.3em;
  }

  .heading-wrap.hero-wrap.left {
    height: 4.4em;
  }

  .grid-3 {
    grid-template-columns: 1fr;
  }

  .container {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
  }

  .organic-grid {
    height: 200vh;
    padding-bottom: 150vw;
  }

  .o-item {
    width: 50vw;
  }

  .o-item:nth-child(1) {padding: 0% 15% 0% 5%;width: 75%;}
.o-item:nth-child(2) {padding: 15% 5% 0% 15%; display: none;}
.o-item:nth-child(3) {padding: 0% 10% 0% 1%; display: none;}
.o-item:nth-child(4) {padding: 30% 12% 0% 46%; width: 100%;}
.o-item:nth-child(5) {padding: 20% 39% 0 5%; width: 100%;}
.o-item:nth-child(6) {padding: 4% 10% 0 7%; display: none;}
.o-item:nth-child(7) {display:none}
.o-item:nth-child(8) {display:none}

  .flex.space-between {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .flex.vert.padding {
    padding-right: 0;
  }


  .h2-lrg {
    font-size: 5em;
  }

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

  .text-block {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
  }

  .text-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1.25fr;
  }

  .phil-title {
    -webkit-text-stroke-width: 1px;
  }

  .phil-title.small {
    font-size: 8vw;
  }

  .logo-grid {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .featured-logo {
    width: 26%;
  }

  .hori-image {
    padding-top: 42vw;
  }

  .hori-item {
    width: 70vw;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: rgba(26, 27, 31, .75);
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .page-hero.half.top-parallax, .page-hero.top-parallax {
    height: 50vh;
  }

  .grid-2 {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .project.grid {
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .project-text {
    height: 60vh;
    padding-top: 5em;
  }

  .project-img-wrapper {
    height: 40vh;
    padding: 0;
  }

  .swiper.content-swiper.padd-sml {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
  }

  .swiper.content-swiper.notice-swiper {
    padding-top: var(--padding--30);
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
    border-top-style: none;
  }

  .swiper-slide.hori-item {
    width: 70vw;
  }

  .swiper-slide.artist-slide {
    width: 40vw;
  }

  .swiper-slide.notice-slide {
    margin-right: var(--padding--30);
    width: 80vw;
  }

  .sticky-event, .event-hero-info {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
  }


.sticky-event .flex {width:100%}


  .dress-code {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
    grid-template-columns: 1fr;
  }

  .artist-img {
    padding-top: 40vw;
  }

  .belong-cta {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .belong-text {
    width: 100%;
  }

  .project-title {
    grid-template-columns: 2fr;
    align-items: center;
    justify-items: center;
  }

  .subfooter {
     padding-top: 2em;
    padding-bottom: 2em;
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
}


  .page-text-content-wrapper {
    height: 4.5em;
  }

  .transition_text {
    font-size: 4vw;
  }

  .phil-description {
    margin-top: 11em;
    font-size: .7rem;
  }

  .event-stick {
    padding-bottom: 3.5em;
  }

  .grid-6.margin-btm {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .mobile {
    display: block;
  }

  .mob-link-wrapper {
    opacity: 1;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 3vw;
  }

  h1, .h1 {
    font-size: 3em;
  }

  h2, .h2 {
    font-size: 2.6em;
  }

   h3, .h3 {
    font-size: 1.6em;
  }

  h6, .h6 {
    font-size: 1.3em;
  }

  .logo {
    width: 10.8em;
  }

  .nav-link.mob-link {
    margin-top: .1em;
    font-size: 1.2em;
  }

  .flex-ticket {
    display: flex;
    grid-gap: 1em;
    align-items: flex-end;
    flex-direction: column;
}

.flex-ticket .ticket {margin-right:0.5em}


.list-grid {
    width:60%;
}
  .intro-section {
    padding-top: var(--padding--60);
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
    min-height: 60vh;
  }

  .intro-img.right {
    width: 30vw;
    padding-top: 40%;
    top: 17%;
    right: 2em;
  }

  .intro-img.left {
    width: 24vw;
    padding-top: 24%;
    top: 20%;
    left: 4em;
  }

  .intro-img.mobile {
    margin-top: var(--padding--60);
    width: 100%;
  }

  .btn.underline {
    font-size: 1.1em;
    line-height: 1.4em;
  }



  .inline-video {
    width: 20vw;
    height: 14vw;
    margin-left: 2em;
    margin-right: 2em;
  }

  .events-wrapper {
    padding-top: 1em;
  }

  .events-grid {
    grid-template-columns: 1fr;
    margin-bottom: 1.5em;
  }

  .event-meta h3 {font-size: 2.2em;}

  .home .events-grid .event-grid-item {
    display: none;
  }

 .home .events-grid .event-grid-item:nth-child(1),
 .home .events-grid .event-grid-item:nth-child(2),
 .home .events-grid .event-grid-item:nth-child(3) {display:flex}
.events-grid.list-view {border-style: solid none none solid;}

.notification-bar {padding: 0.8em 0.9em 0.8em 0;right: 1.5em;
    left: 1.5em;}
.notification-link {width:90%;}
.close-notification {width: 1.2em;}



  .ticket.ticket-btn.large {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 97%;
    height: 3.4em;
    position: relative;
  }



  .ticket.ticket-btn.mobile {
    height: 2em;
  }

  .ticket-end.right.large {
    position: absolute;
    right: 0;
    transform: translate(.7em);
  }

  .ticket-end.left.large {
    position: absolute;
    left: 0;
    transform: translate(-.7em);
  }

  .hero-title {
    -webkit-text-stroke-width: 2px;
  }

  .heading-wrap.hero-wrap, .heading-wrap.hero-wrap.left {
    height: 3.1em;
  }

  .grid-3-inner {
    padding-bottom: 3em;
    padding-left: 3em;
    padding-right: 3em;
  }

  .grid-3-inner:nth-child(2) {
border-top:1px solid var(--swatch--grey-2);
border-bottom:1px solid var(--swatch--grey-2);
border-left:0px solid var(--swatch--grey-2);
border-right:0px solid var(--swatch--grey-2);
}

  .container, .sticky-headline {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
  }

  .flex.gap-md {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex.align-btm {
    flex-flow: wrap;
  }

  .h2-lrg {
    font-size: 3.4em;
  }

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

  .ticket-label {
    font-size: 1.2em;
  }

  .ticket-label.large {
    padding-top: .4em;
    padding-bottom: .2em;
    font-size: 1.5em;
    line-height: .9em;
  }

  .ticket-label.nav-label {
    padding-top: .1em;
  }

  .text-block {
    padding-bottom: var(--padding--60);
  }

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

  .phil-title.small {
    font-size: 10vw;
  }

  .logo-grid {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
  }

  .featured-logo {
    max-height: 30vw;
  }

  .hori-image {
    padding-top: 45vw;
  }

  .hori-item {
    width: 80vw;
    padding-right: 1.5em;
  }

  .track-flex {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
  }

  .community-cta {
    height: 70vh;
  }

  .hori-text-header {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
  }

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

  .locations-section {
    background-color: var(--color--background);
  }

  .project-wrapper {
    top: 8.2em;
  }

  .project.grid {
    flex-flow: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .project-text {
    padding-top: 4em;
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
    height: 70vh;
  }

  .project-img-wrapper {
    height: 30vh;
    padding: 0;
  }

  .video-textoverlay {
    padding: var(--padding--30);
    height: 60vh;
  }

  .swiper.content-swiper {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
  }

  .swiper-slide.hori-item {
    width: 70vw;
  }

  .projects-header {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    text-align: center;
    flex-flow: column;
  }

  .event-hero.top-parallax {
    height: 50vh;
  }

  .sticky-event {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: wrap;
  }

  .event-hero-info {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .sml-heading {
    line-height: 1.2em;
  }

  .project-title {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 2fr;
    align-items: start;
    justify-items: center;
  }

  .side-panel {
    width: 95%;
  }

  .page-text-content-wrapper {
    height: 3.5em;
  }

  .img-wrapper {
    height: 23em;
  }

  .phil-description {
    width: 80vw;
  }

  .text-flex {
    padding-right: 0;
  }

  .hori-divider {
    margin-right: var(--padding--30);
    margin-left: var(--padding--30);
  }

  .marquee_link.play-video {
    font-size: 3em;
  }

  .event-stick {
    justify-content: center;
  }

  .event-stick.visible {
    padding-right: var(--padding--30);
    padding-left: var(--padding--30);
  }

  .grid-6.margin-btm {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .info-wrapper {
    flex-flow: column;
  }

  .mob-link-wrapper {
    font-size: 2.3em;
  }

  .event-info-flex {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: wrap;
    display: flex;
  }
}

#w-node-_40be2970-0a0b-cdfd-0bb4-6d6d44e59cb3-d233de35 {
  justify-self: center;
}

#w-node-_40be2970-0a0b-cdfd-0bb4-6d6d44e59cb5-d233de35 {
  justify-self: end;
}

#w-node-cbf3c996-44ed-7c96-ce6b-f44c6af72918-dfc22c9a {
  justify-self: center;
}

#w-node-cbf3c996-44ed-7c96-ce6b-f44c6af7291a-dfc22c9a {
  justify-self: end;
}

#w-node-_158381f2-d6be-a644-621c-514e41e28410-b21682dd {
  justify-self: center;
}

#w-node-_158381f2-d6be-a644-621c-514e41e28412-b21682dd {
  justify-self: end;
}

#w-node-e1c0479d-305c-2ee0-ea5e-a530a691a4be-b21682dd, #w-node-c0b6fb33-35a8-6578-a8d2-d0e40a67c357-b21682dd, #w-node-ed1e055c-29de-3bc6-2f49-2ba69d2b9ce8-b21682dd {
  align-self: center;
  justify-self: center;
}

#w-node-_720b3d57-9d44-3268-caa3-67f387a4e79a-e6f8bc57 {
  justify-self: center;
}

#w-node-_720b3d57-9d44-3268-caa3-67f387a4e79c-e6f8bc57 {
  justify-self: end;
}

#w-node-_0b45368c-406f-2bad-06e3-8a026ec5c48e-e6f8bc57 {
  justify-self: center;
}

#w-node-_1814a413-dd9b-a02b-9d24-caccc9d66132-e6f8bc57 {
  justify-self: end;
}

#w-node-e632ea25-821a-f965-2e52-2587ee17a5d5-b065dbed {
  justify-self: center;
}

#w-node-e632ea25-821a-f965-2e52-2587ee17a5d7-b065dbed, #w-node-_12f6ad05-7f58-b60b-d5d3-eed078774790-b065dbed, #w-node-c1203a2f-4ac0-032d-4b81-08d9c58f07d1-b065dbed, #w-node-d3a273ff-9162-b2b3-c0d0-1d61207f2f76-b065dbed, #w-node-_0d88e40c-5b53-44b1-33db-4fba344ffb39-b065dbed {
  justify-self: end;
}

#w-node-_8f82679b-f0f3-e943-159b-0609c71b5a56-ecda81d2 {
  justify-self: center;
}

#w-node-_8f82679b-f0f3-e943-159b-0609c71b5a58-ecda81d2 {
  justify-self: end;
}

#w-node-_5e847d4b-7d00-5098-5239-1074076030c3-236c2265 {
  justify-self: center;
}

#w-node-_5e847d4b-7d00-5098-5239-1074076030c5-236c2265 {
  justify-self: end;
}

#w-node-_74369c14-3bfa-db8c-c90a-9b7d78131ed8-19ca0ada {
  justify-self: center;
}

#w-node-_74369c14-3bfa-db8c-c90a-9b7d78131eda-19ca0ada {
  justify-self: end;
}

@media screen and (max-width: 767px) {
  #w-node-_94bebd15-76d5-6cfe-f7c6-fefdc4108821-b21682dd {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_1814a413-dd9b-a02b-9d24-caccc9d66132-e6f8bc57, #w-node-_12f6ad05-7f58-b60b-d5d3-eed078774790-b065dbed {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c872ccc7-3fd1-0b32-2161-8368206f1df9-236c2265 {
    grid-area: 1 / 1 / 2 / 2;
  }
}


@font-face {
  font-family: 'Monument Grotesk Mono';
  src: url('fonts/ABCMonumentGroteskMono-Regular-Trial.woff2') format('woff2'), url('fonts/ABCMonumentGroteskMono-Regular-Trial.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monument Grotesk';
  src: url('fonts/ABCMonumentGrotesk-Medium-Trial.woff2') format('woff2'), url('fonts/ABCMonumentGrotesk-Medium-Trial.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monument Grotesk';
  src: url('fonts/ABCMonumentGrotesk-Regular-Trial.woff2') format('woff2'), url('fonts/ABCMonumentGrotesk-Regular-Trial.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}