/* --- reference.css --- */
/* Project: wasiat4d2-lp-jjk-stable-2.0.1 */
/* Original visual stylesheet supplied by the user; font binary removed. */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/* The Webflow icon font was omitted; this project uses native SVG/CSS controls. */

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

:where(button.w-popover-trigger), :where(button.w-modal-trigger) {
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 0;
}

.w-popover {
  position-anchor: none;
}

:where(.w-popover[data-w-popover-backdrop-animated])::backdrop {
  animation: var(--w-backdrop-animation, none);
}

:where(.w-popover) {
  --w-backdrop-animation: initial;
}

.w-popover-mask {
  opacity: 0 !important;
  clip-path: none !important;
  pointer-events: auto !important;
  border: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  inset: 0 !important;
  transform: none !important;
}

.w-popover-mask[popover] {
  translate: none !important;
  rotate: none !important;
  scale: none !important;
}

.w-popover-mask::backdrop {
  display: none !important;
}

.w-popover-mask:not(:popover-open) {
  display: none !important;
}

@supports not selector(:popover-open) {
  .w-popover-mask {
    display: none !important;
  }
}

.w-popover[popover]:not(:popover-open) {
  display: none;
}

.w-modal:not([open]):not([popover]) {
  display: none;
}

.w-modal[popover]:not(:popover-open) {
  display: none;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

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

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.fs-cc_modal-buttons {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 9px 16px 7px;
  display: flex;
}

.fs-cc_close-button-line {
  background-color: #000;
  width: 1rem;
  height: 2px;
  position: absolute;
  transform: rotate(-45deg);
}

.fs-cc_close-button-line.is-2nd {
  transform: rotate(45deg);
}

.fs-cc_button {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #fff;
  text-align: center;
  -webkit-text-stroke-color: white;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border: 2px solid #fff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 6px 24px;
  font-family: span, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
}

.fs-cc_button:hover {
  color: #000b0d;
  background-color: #fff;
  border-width: 2px;
  border-color: #fff;
}

.fs-cc_screen-reader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.fs-cc_cookie-component {
  z-index: 9500;
  align-items: center;
  display: none;
  position: fixed;
  inset: auto auto 24px 24px;
}

.fs-cc_close-button {
  z-index: 5;
  cursor: pointer;
  background-color: #f8f8f8;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: none;
}

.fs-cc_modal {
  color: #fff;
  background-color: #000000e6;
  border: 0 solid #ffffff80;
  border-radius: 0;
  flex-flow: row;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.fs-cc_description {
  color: #fff;
  letter-spacing: 0;
  height: 16px;
  font-family: span, sans-serif;
  font-size: 14px;
}

.fs_cc-modal-content {
  opacity: 1;
  align-items: center;
  padding-left: 16px;
  padding-right: 0;
  display: flex;
}

.link {
  color: #fff;
}

.top-bar-wrapper---brix {
  z-index: 9999;
  color: #fff;
  background-color: #3e80c2;
  justify-content: center;
  align-items: center;
  height: 32px;
  font-size: 14px;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.top-bar-container---brix {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding: 20px 32px;
  display: flex;
  overflow: hidden;
}

.top-bar-text---brix {
  letter-spacing: 1px;
  font-family: span, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.top-bar-text---brix.max-w-80-mobile---brix {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.top-bar-text---brix.code {
  color: #000100;
}

.top-bar-text---brix.header {
  font-size: 16px;
}

.top-bar-text---brix.header.second {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 40px;
  line-height: 150%;
  display: inline-block;
}

.close-icon---brix {
  color: #fff;
  cursor: pointer;
  width: 13px;
  height: 13px;
  transform-style: preserve-3d;
  background-color: #0000;
  border: 0 solid #fff;
  transition: transform .2s;
  position: absolute;
  inset: auto 32px auto auto;
}

.close-icon---brix:hover {
  transform: scale3d(.9, .9, .01);
}

.menu-button {
  transition: all .2s;
}

.image-3 {
  cursor: pointer;
  width: 48px;
  height: 48px;
  transform-style: preserve-3d;
  padding-bottom: 4px;
  transition: all .3s ease-out;
  display: block;
}

.image-3:hover {
  transform: scale(1.1)translate3d(0, -4px, 24px);
}

.buy-tickets {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  cursor: pointer;
  background-color: #fff102;
  border: 0 solid #fff;
  border-radius: 128px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  max-width: none;
  padding: 20px 24px 18px;
  text-decoration: none;
  transition: all .3s ease-out;
  display: flex;
}

.buy-tickets:hover {
  color: #fff;
  background-color: #e60013;
}

.buy-tickets.nav {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #d5cc87;
  border-radius: 0;
  min-width: 232px;
  padding: 12px 16px;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  display: inline-flex;
}

.buy-tickets.nav:hover {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-width: 0;
  border-color: #000b0d;
  border-radius: 0;
  min-width: 248px;
}

.buy-tickets.nav.sign-up {
  justify-content: center;
  align-items: center;
}

.link-block-2 {
  cursor: pointer;
  width: 20px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.navbar-brand {
  width: 260px;
  height: auto;
  padding-bottom: 4px;
}

.navbar-brand.w--current {
  z-index: 4;
  width: 260px;
  display: block;
}

.div-block-14 {
  justify-content: flex-end;
  align-items: center;
  margin-right: 32px;
  display: flex;
}

.button-text {
  z-index: 5;
  color: #000b0d;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 2px;
  font-family: span, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.button-text.signup {
  width: auto;
}

.navbar-no-shadow {
  z-index: 999;
  opacity: 1;
  background-image: linear-gradient(#0a2449, #fff0);
  width: 100%;
  height: 15vh;
  position: fixed;
}

.nav-menu-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 14px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.nav-menu-wrapper.subpage {
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 16px 32px 32px;
  display: flex;
}

.nav-link-block {
  color: #fff;
  -webkit-text-stroke-color: transparent;
  align-items: center;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.nav-link-block:hover {
  color: #fff;
  font-size: 24px;
}

.nav-link-block.w--current {
  color: #fa9427;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

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

.nav-link-block.extra {
  display: none;
}

.nav-link-block.subpage.w--current {
  color: #101215;
  text-decoration: none;
}

.nav-item {
  color: #ef7c00;
  white-space: nowrap;
  cursor: pointer;
  flex: 1;
  position: static;
}

.nav-item:hover {
  color: #fff;
  font-size: 14px;
}

.nav-item.gallery, .nav-item.extra, .nav-item.spotlight {
  display: none;
}

.logo-nav {
  min-width: auto;
  height: 80px;
  padding-top: 10px;
}

.nav-link {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  transform-style: preserve-3d;
  padding-top: 4px;
  padding-bottom: 2px;
  font-family: span, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: all .3s ease-out;
}

.nav-link:hover {
  perspective: 550px;
  -webkit-text-stroke-color: white;
  transform: perspective(459px)translate3d(0, -4px, 24px);
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.container-regular {
  justify-content: space-between;
  width: 100%;
  height: 54px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  display: block;
}

.navbar-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-link-copy {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  transform-style: preserve-3d;
  padding-top: 4px;
  padding-bottom: 2px;
  font-family: span, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: all .3s ease-out;
}

.nav-link-copy:hover {
  -webkit-text-stroke-color: white;
  transform: scale(1.05)translate3d(0, -4px, 24px);
}

.nav-link-copy:focus-visible, .nav-link-copy[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-button-item {
  display: none;
}

.image-24 {
  max-width: 50%;
}

.image-7 {
  z-index: 2;
  width: 40vw;
  max-width: none;
  height: auto;
  margin-top: 5%;
  margin-right: 32px;
  display: block;
  position: relative;
  inset: auto 0% 0%;
  transform: translate(0, 80px);
}

.button-text-2 {
  z-index: 5;
  color: #000b0d;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.div-block-4 {
  z-index: 3;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  display: block;
  position: absolute;
  top: 8%;
  right: 0;
}

.div-block-2 {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/6965106510d5c1c5c7a16258_hero-overlay.webp");
  background-position: 50% 100%;
  background-size: cover;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-2.mobile {
  display: none;
}

.image-26 {
  width: 120px;
  margin-top: 160px;
  margin-left: 32px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-3 {
  z-index: 4;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  display: flex;
  position: relative;
}

.image-6 {
  z-index: 4;
  margin-left: 0;
  display: block;
  position: relative;
}

.image-6.logo {
  width: 100%;
}

.logo-hero {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 42%;
  margin-top: 5%;
  margin-left: 32px;
  margin-right: 0;
  display: flex;
  position: relative;
}

.code-embed-6 {
  width: auto;
  height: auto;
  display: none;
}

.dates-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-items: stretch;
  max-width: 1440px;
  display: flex;
}

.empty-state-wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  display: flex;
  position: relative;
}

.clear-link {
  z-index: 25;
  color: #fff;
  font-family: span, sans-serif;
  font-weight: 700;
  position: absolute;
  inset: -32px 0% 0% auto;
}

.dropdown-toggle {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ffffffad;
  border: 0 solid #ffffffab;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 196px;
  height: 64px;
  padding-right: 20px;
  display: flex;
}

.dropdown-toggle.w--open {
  justify-content: space-between;
  align-items: center;
}

.collection-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 232px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.h2 {
  z-index: 2;
  filter: drop-shadow(0 0 18px #a2d5d2cc);
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: span, sans-serif;
  font-size: 66px;
  font-weight: 700;
  line-height: 56px;
  position: relative;
}

.dates-wrapper {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 120px 80px;
  display: flex;
  position: relative;
  top: -5%;
}

.search-field {
  color: #000b0d;
  letter-spacing: 0;
  background-color: #ffffffb3;
  border: 0 solid #ffffff80;
  border-radius: 0;
  height: 64px;
  margin-bottom: 0;
  padding: 12px 24px 12px 64px;
  font-family: span, sans-serif;
  font-size: 20px;
  line-height: 130%;
}

.search-field:focus {
  color: #101215;
  border-color: #ff70b1;
}

.search-field-icon {
  z-index: 2;
  color: #101215;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 24px;
}

.subtitle-search {
  z-index: 10;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.div-block-17 {
  font-weight: 700;
}

.div-block-17.dropdown_txt {
  color: #000b0d;
  letter-spacing: 0;
  -webkit-text-stroke-color: #000b0d;
  text-transform: uppercase;
  width: auto;
  max-width: none;
  font-family: span, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  overflow: clip;
}

.image-25 {
  width: 16px;
}

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

.div-block-16 {
  color: #000;
  width: 100%;
  position: relative;
}

.no-items-found {
  color: #fff;
  font-family: span, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 28px;
}

.header-left {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding-bottom: 8px;
  display: flex;
  position: relative;
}

.form {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  display: block;
  position: relative;
}

.single-date {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #fff;
  background-color: #23b0b6b3;
  border: 0 solid #ffffff80;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  padding: 16px 40px 16px 0;
  font-size: 14px;
  display: flex;
  position: relative;
}

.single-date.none {
  z-index: 2;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #0000004d;
  border-width: 2px;
  border-color: #fff;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  max-width: 480px;
  margin-top: 40px;
  padding-top: 48px;
  padding-bottom: 48px;
  padding-left: 40px;
}

.dates-collection-wrapper {
  z-index: 2;
  background-color: #97979714;
  width: 100%;
  max-width: 1440px;
  position: relative;
}

.image-5 {
  height: 100px;
}

.dates-filter-search {
  width: 100%;
  margin-bottom: -8px;
  position: relative;
}

.dropdown {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 28%;
  height: 64px;
  display: block;
  position: relative;
}

.dropdown:hover, .dropdown:focus {
  color: #000;
}

.dropdown-list {
  z-index: 99999999;
  color: #000;
}

.dropdown-list.w--open {
  z-index: 999999999;
  background-color: #ffffffb3;
  border: 0 solid #fff;
  border-radius: 0;
  margin-top: 8px;
  padding: 0;
}

.paragraph {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.paragraph.black {
  color: #101215;
}

.paragraph.black.centered {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 16px;
  line-height: 130%;
}

.paragraph.acc {
  color: #fff;
  text-align: left;
  letter-spacing: .5px;
  font-family: Droid Sans, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.image-27 {
  z-index: 2;
  width: auto;
  max-width: none;
  height: 70vh;
  margin-top: 0%;
  display: block;
  position: absolute;
  inset: auto 0% 19%;
  overflow: visible;
  transform: rotate(0);
}

.div-block-18 {
  box-sizing: border-box;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 72vh;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  overflow: visible;
}

.dates-collection-wrapper-2 {
  z-index: 2;
  width: 100%;
  max-width: 1440px;
  position: relative;
}

.single-date-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #fff;
  background-color: #0000001a;
  border: 2px solid #fff;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  padding: 16px 32px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.single-date-2.none {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  padding-top: 48px;
  padding-bottom: 48px;
}

.no-items-found-2 {
  color: #fff;
  font-family: span, sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.date {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.month {
  color: #d5cc87;
  text-align: center;
  text-transform: uppercase;
  min-width: 60px;
  font-family: span, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.day {
  color: #d5cc87;
  text-transform: uppercase;
  font-family: span, sans-serif;
  font-size: 36px;
  font-weight: 700;
}

.text-block-2 {
  display: block;
}

.details {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
}

.time {
  color: #fff;
  letter-spacing: .1px;
  text-transform: uppercase;
  font-family: span, sans-serif;
  font-size: 18px;
}

.main-title-horizontal-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3px;
}

.coming-soon {
  color: #d5cb87;
  font-family: span, sans-serif;
}

.div-block-19 {
  margin-bottom: -16px;
  padding-bottom: 0;
  font-weight: 700;
}

.heading-4 {
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: span, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 24px;
}

.heading-4.state, .empty-state {
  display: none;
}

.heading-6 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: span, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.next {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #0000;
  border-width: 2px;
  border-color: #fff;
  border-radius: 0;
  margin-top: 40px;
  padding: 12px 16px;
  text-decoration: none;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  display: inline-flex;
}

.next:hover {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff3;
}

.div-block-20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-3 {
  color: #fff;
  padding-top: 6px;
  padding-bottom: 2px;
  font-family: span, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.radio-button-field {
  font-family: span, sans-serif;
  font-size: 21px;
}

.collection-item {
  justify-content: flex-start;
  align-items: center;
  height: 54px;
  transition: all .3s;
  display: flex;
}

.collection-item:hover {
  background-color: #ffffffb3;
}

.radio-button-label {
  color: #000b0d;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 100%;
}

.div-block-21 {
  width: 98vw;
  overflow: hidden;
}

.div-block-22 {
  width: 100vw;
  overflow: hidden;
}

.body {
  background-color: #040c15;
  overflow: hidden visible;
}

.about-outer-wrapper {
  z-index: 2;
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: static;
}

.about-outer-wrapper.trailer {
  background-image: none;
  margin-top: 80px;
  margin-bottom: 0;
  padding: 0 32px 80px;
}

.about-outer-wrapper.merchandise {
  padding: 80px 0;
}

.about-wrapper {
  z-index: 3;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #0000;
  border: 0 solid #ffffff80;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 0 40px;
  padding: 32px 48px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.event-poster {
  width: 33%;
}

.event-poster.mobile {
  display: none;
}

.about-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #0000004d;
  background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/696622f5b93b4207a2a06cf2_head_bg.webp");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  border: 3px solid #fff;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  padding: 32px;
}

.about-label {
  filter: drop-shadow(0 0 18px #a2d5d2cc);
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: span, sans-serif;
  font-size: 66px;
  font-weight: 700;
  line-height: 100%;
}

.h2-2 {
  z-index: 2;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 90px;
  font-weight: 400;
  line-height: 56px;
  position: relative;
}

.h2-2.trailer {
  filter: drop-shadow(0 0 18px #a2d5d2cc);
  padding-bottom: 50px;
  font-family: span, sans-serif;
  font-size: 66px;
  font-weight: 700;
}

.h2-2.trailer.merchandise {
  padding-bottom: 0;
}

.h2-2.faq {
  filter: drop-shadow(0 0 18px #a2d5d2cc);
  padding-top: 0;
  padding-bottom: 50px;
  font-family: span, sans-serif;
  font-size: 66px;
  font-weight: 700;
}

.h2-2.black {
  color: #000;
  padding-bottom: 50px;
}

.play-icon {
  margin-top: -9px;
  margin-bottom: -7px;
  padding-top: 4px;
}

.play-icon.big {
  opacity: 1;
  color: #fffc;
  -webkit-text-stroke-color: #fffc;
  transform-style: preserve-3d;
  transition: all .2s;
}

.play-icon.big:hover {
  opacity: 1;
  color: #ffffffe6;
  transform: scale3d(1.1, 1.1, 1.1);
}

.play-icon.big.mobile {
  display: none;
}

.trailer {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 80px;
  padding-right: 80px;
  font-size: 14px;
  display: flex;
}

.button {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  filter: drop-shadow(0 0 10px #fff);
  color: #101215;
  cursor: pointer;
  background-color: #fff3;
  background-image: linear-gradient(45deg, #ff70b1, #e9006a);
  border: 4px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 18px 24px 13px;
  font-size: 14px;
  text-decoration: none;
  transition: filter .2s;
  display: flex;
  position: relative;
}

.button:hover {
  filter: brightness(120%) drop-shadow(0 0 15px #ffffffb3);
  background-color: #fff;
  background-image: linear-gradient(45deg, #ff70b1, #e9006a);
}

.button.w--current {
  background-image: linear-gradient(45deg, #ff70b1, #e9006a);
}

.button.w--current:hover {
  background-color: #fff;
}

.button.light {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #101215;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button.light:hover {
  color: #fff;
  background-color: #fa9427;
}

.button.light.play {
  z-index: 2;
  opacity: .8;
  filter: none;
  color: #fff;
  background-color: #0000;
  background-image: none;
  border-width: 0;
  width: auto;
  padding: 0;
  transition-property: all;
  position: absolute;
  inset: auto;
  transform: rotate(0);
}

.button.light.play:hover {
  filter: none;
  color: #fa9427;
  -webkit-text-stroke-color: #fff;
  background-color: #fff0;
}

.hero-video-bg {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: 16 / 9;
  border: 0 solid #ffffff80;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq-accordion-item {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #fff;
  background-color: #0000001a;
  border: 2px solid #fff;
  width: 100%;
  max-width: none;
  height: auto;
  margin-top: 12px;
  padding: 0 32px;
  overflow: hidden;
}

.acc-icon-line-ver {
  background-color: #000b0d;
  width: 12px;
  height: 2px;
  position: absolute;
  transform: rotate(90deg);
}

.accordion-content {
  background-color: #0000;
  align-items: flex-start;
  margin-top: -40px;
  margin-bottom: 8px;
  padding-bottom: 40px;
  padding-right: 33.33%;
  display: flex;
  position: static;
}

.accordion-content.w--open {
  background-color: #0000;
  flex-flow: column;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  overflow: visible;
}

.accordion-icon {
  color: #fff;
  background-color: #d5cc87;
  border: 0 solid #ffffff80;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 14px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.accordion-icon:hover {
  opacity: 1;
  transform: scale(1.1);
}

.faq {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 0 0 80px;
  display: flex;
}

.accordion-header {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: normal;
  cursor: pointer;
  width: 66.66%;
  padding-bottom: 0;
  font-family: span, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  transition: all .2s;
}

.accordion-header:hover {
  color: #d5cc87;
}

.accordion-header.first {
  font-family: span, sans-serif;
}

.accordion-header.first:hover {
  color: #d5cc87;
}

.accordion-toggle {
  z-index: 50;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  height: 104px;
  padding: 28px 0 24px;
  display: flex;
}

.accordion-toggle:hover {
  color: #fa9427;
}

.div-block-6 {
  z-index: 2;
  background-color: #0000;
  border: 0 solid #fff3;
  border-radius: 0;
  flex-flow: column;
  max-width: 1440px;
  margin-left: 120px;
  margin-right: 120px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.acc-icon-line-hor {
  background-color: #000b0d;
  width: 12px;
  height: 2px;
  position: absolute;
  left: auto;
}

.footer-horizontal-wrapper {
  z-index: 2;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}

.logo-footer {
  width: auto;
  height: 80px;
  margin-bottom: 16px;
  padding-bottom: 0;
}

.link-block-5 {
  cursor: pointer;
  transition: all .2s;
}

.link-block-5:hover {
  transform: scale(1.1);
}

.logos-footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  font-weight: 400;
  display: flex;
}

.image-22 {
  width: auto;
  height: 27px;
  display: block;
  overflow: visible;
}

.image-22.roadco {
  height: 22px;
}

.text-block {
  color: #fff;
  text-transform: uppercase;
  width: 540px;
  font-family: span, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.text-block.link {
  cursor: pointer;
  text-decoration: underline;
  transition: all .2s;
}

.text-block.link:hover {
  color: #d5cc87;
}

.text-block.small {
  text-transform: none;
  width: 100%;
  font-family: Droid Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.image-21 {
  width: auto;
  max-width: none;
  height: 20px;
  display: block;
  overflow: visible;
}

.div-block-7 {
  z-index: 2;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}

.footer-links {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #101215;
  flex-flow: row;
  position: relative;
}

.footer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 300px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 120px 32px 32px;
  display: flex;
  position: relative;
}

.footer-text {
  color: #fff;
  text-transform: none;
  font-family: Droid Sans, sans-serif;
  font-size: 12px;
}

.footer-link {
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: span, sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
}

.footer-link:hover {
  color: #d5cc87;
}

.div-block-23 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/6960fcab8f1dd586bfeb86c6_1412608cfe8fcdb8203bb838899a7620_lower-bg.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: visible;
}

.gradient-top {
  z-index: 1;
  margin-bottom: 5px;
  display: inline-block;
  position: absolute;
  inset: 0% 0% 5%;
  overflow: visible;
}

.gradient-bottom {
  z-index: 1;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-24 {
  z-index: 1;
  object-fit: contain;
  background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/6961036a79508b10c20b444e_c53258c775e840b090ad4840fa649ee7_gradient-top.webp");
  background-position: 0 0;
  background-size: auto;
  width: 100vw;
  height: 465px;
  position: absolute;
  inset: -1% 0% auto;
}

.utility-page-wrap {
  background-color: #0a1220;
  background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/6961036a0385e3f98354702e_gradient-bottom.webp");
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-direction: column;
  width: 400px;
  display: flex;
}

.heading-7 {
  color: #fff;
  text-transform: uppercase;
  font-family: span, sans-serif;
}

.text-block-4 {
  color: #fff;
  text-transform: none;
  font-family: span, sans-serif;
  font-size: 21px;
  line-height: 130%;
}

.div-block-25 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.button-text-3 {
  z-index: 5;
  color: #000b0d;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.navbar-no-shadow-2 {
  z-index: 999;
  opacity: 1;
  background-image: linear-gradient(#1e1b48, #fff0);
  width: 100%;
  height: 15vh;
  position: fixed;
}

.navbar-no-shadow-2.subpage {
  background-image: none;
}

.navbar-no-shadow-container-2 {
  z-index: 5;
  background-color: #0000;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  display: flex;
}

.logo-nav-2 {
  min-width: auto;
  height: 80px;
  padding-top: 10px;
}

.nav-link-2 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  transform-style: preserve-3d;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: all .3s ease-out;
}

.nav-link-2:hover {
  perspective: 550px;
  -webkit-text-stroke-color: white;
  transform: perspective(459px)scale3d(1.1, 1.1, 1.1);
}

.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-2.black, .paragraph-37 {
  color: #fff;
  font-family: span, sans-serif;
}

.heading-5 {
  font-family: span, sans-serif;
}

.list {
  color: #fff;
  padding-left: 18px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-column {
  color: #360e19;
  width: 800px;
  font-size: 14px;
  line-height: 24px;
}

.subheadline {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: span, sans-serif;
  font-size: 30px;
}

.paragraph-17 {
  color: #fff;
  font-family: span, sans-serif;
  font-size: 14px;
}

.text-link {
  color: #fff;
}

.text-column {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 160px 32px 80px;
  display: flex;
}

.bold-text-5 {
  color: #d5cc87;
  text-transform: uppercase;
  width: 100%;
  font-family: span, sans-serif;
  font-size: 48px;
  line-height: 130%;
}

.body-2 {
  background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/6961036a79508b10c20b444e_c53258c775e840b090ad4840fa649ee7_gradient-top.webp"), url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/6960fcab8f1dd586bfeb86c6_1412608cfe8fcdb8203bb838899a7620_lower-bg.webp");
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-attachment: scroll, fixed;
}

.bold-text-6 {
  text-transform: uppercase;
  font-family: span, sans-serif;
}

.list-item, .list-item-2 {
  font-family: span, sans-serif;
}

.bold-text-7 {
  text-transform: uppercase;
}

.list-item-3 {
  font-family: span, sans-serif;
}

.bold-text-8 {
  text-transform: uppercase;
}

.list-item-4, .list-item-5, .list-item-6, .list-item-7, .list-item-8, .list-item-9, .list-item-10, .list-item-11, .list-item-12, .list-item-13, .list-item-14, .list-item-15, .list-item-16, .list-item-17, .list-item-18, .list-item-19, .list-item-20, .list-item-21, .list-item-22, .list-item-23, .list-item-24, .list-item-25, .list-item-26, .list-item-27, .list-item-28, .list-item-29, .list-item-30 {
  font-family: span, sans-serif;
}

.paragraph-16 {
  color: #fff;
  font-family: span, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.bold-text-3 {
  color: #fff;
  font-size: 14px;
}

.bold-text-2 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.bold-text-4 {
  color: #fff;
}

.paragraph-12 {
  color: #fff;
  font-family: span, sans-serif;
  line-height: 24px;
}

.subheadline-2 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: span, sans-serif;
  font-size: 30px;
}

.bold-text {
  color: #d5cc87;
  text-transform: uppercase;
  font-family: span, sans-serif;
  font-size: 48px;
}

.text-column-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 160px 32px 120px;
  display: flex;
}

.list-item-31, .list-item-32, .bold-text-9, .bold-text-10, .bold-text-11, .paragraph-38, .list-item-33, .list-item-34, .paragraph-39, .list-item-35, .list-item-36, .list-item-37, .list-item-38, .list-item-39, .list-item-40, .list-item-41, .list-item-42, .list-item-43, .list-item-44, .list-item-45, .list-item-46, .list-item-47, .paragraph-40 {
  font-family: span, sans-serif;
}

.text-span {
  color: #fff;
  background-color: #d5cc86;
  border-radius: 4px;
  padding: 2px 8px;
  display: inline-flex;
}

.text-span.header {
  padding: 8px 16px;
}

.div-block-26 {
  background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/695fd0d41749eb338cd5ee34_891a36fb1ebb3acd877ed0ed97d29210_tour-dates-bg.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.div-block-27 {
  font-weight: 700;
}

.div-block-27.dropdown_txt {
  color: #000b0d;
  letter-spacing: 0;
  -webkit-text-stroke-color: #000b0d;
  text-transform: uppercase;
  width: auto;
  max-width: none;
  height: 16px;
  font-family: span, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  display: inline-flex;
  overflow: clip;
}

.image-28 {
  width: 24px;
}

.collection-list-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.collection-item-2:hover {
  color: #000b0d;
}

.radio-button-field-2 {
  text-align: left;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 10px 10px 10px 20px;
}

.radio-button-field-2:hover {
  background-color: #dfdfdf;
  background-image: linear-gradient(45deg, #ff70b1, #e9006a);
}

.radio-button-field-2.fltr_slct {
  color: #000b0d;
}

.radio-button-field-2.fltr_slct:hover {
  color: #000b0d;
  background-color: #d5cc87cc;
  background-image: none;
  border-radius: 0;
}

.radio-button {
  display: none;
}

.radio-button-label-2 {
  color: #360e19;
  width: 100%;
  font-weight: 700;
}

.radio-button-label-2.rd_lb {
  color: #000b0d;
  text-transform: uppercase;
  font-family: span, sans-serif;
}

.div-block-28 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  display: flex;
}

.div-block-29 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gallery-slider {
  z-index: 2;
  cursor: default;
  background-color: #0000;
  width: 100%;
  height: auto;
}

.gallery-slider.merch {
  width: 865px;
}

.gallery-lightbox {
  width: 322px;
  height: auto;
  text-decoration: none;
}

.gallery-slider-mask {
  aspect-ratio: 16 / 9;
  width: 320px;
  height: auto;
  overflow: visible;
}

.icon {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.right-arrow-2 {
  color: #393b6a;
  cursor: pointer;
  background-color: #d5cc87;
  border: 0 solid #ffffff80;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  transition: all .2s;
  display: flex;
  inset: auto 3% 50% auto;
}

.right-arrow-2:hover {
  opacity: 1;
  color: #fff;
  background-color: #d5cc87;
  border-color: #ffffff80;
  transform: scale(1.1);
}

.right-arrow-2.gallery {
  bottom: 40%;
}

.gallery-slide-2 {
  cursor: default;
  border: 0 solid #fff;
  border-radius: 0;
  width: 322px;
  height: auto;
  margin-right: 24px;
}

.gallery-slide-2.wide, .gallery-slide-2.merch {
  width: 420px;
}

.div-block-10 {
  cursor: default;
  width: 100%;
  margin-bottom: 0;
  padding: 80px 0 120px;
  display: block;
  position: relative;
}

.div-block-12 {
  cursor: default;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.gallery-image-small-square {
  background-color: #0000004d;
  border: 0 solid #fff;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 322px;
  height: auto;
  transition: all .2s;
  display: flex;
}

.gallery-image-small-square:hover {
  filter: brightness(120%);
}

.gallery-image-small-square.wide {
  border-width: 1px;
  width: 420px;
  height: 320px;
}

.gallery-image-small-square.wide.merch {
  border-width: 1px;
  border-radius: 0;
}

.gallery-image-small-square.merch {
  border-width: 1px;
  width: 420px;
  height: 320px;
}

.image-cover-2 {
  object-fit: cover;
  border: 0 solid #ffffff80;
  border-radius: 0;
  width: auto;
  max-width: 100%;
  height: 70%;
  max-height: none;
  overflow: clip;
}

.image-cover-2.merch {
  filter: drop-shadow(0 2px 32px #a2d5d266);
  width: auto;
  height: 90%;
}

.image-cover-2.merch.pin-set {
  width: 50%;
}

.image-cover-2.merch.cap {
  width: auto;
  height: 90%;
}

.image-cover-2.merch.hoodie {
  width: 90%;
  height: auto;
}

.image-cover-2.merch.key-chain {
  width: auto;
  height: 80%;
}

.image-cover-2.merch.magnet {
  width: 90%;
}

.slide-nav-hidden {
  display: none;
  bottom: -50px;
}

.container-regular-3 {
  z-index: 2;
  width: 865px;
  max-width: 865px;
  height: auto;
  margin-top: 16px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  overflow: clip;
}

.container-regular-3.gallery {
  width: 100%;
  max-width: 1440px;
}

.left-arrow-2 {
  color: #393b6a;
  background-color: #d5cc87;
  border: 0 solid #ffffff80;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  transition: all .2s;
  display: flex;
  inset: auto 0 50% -90%;
}

.left-arrow-2:hover {
  opacity: 1;
  color: #fff;
  background-color: #d5cc87;
  transform: scale(1.1);
}

.left-arrow-2.gallery {
  bottom: 40%;
}

.radio-button-2 {
  display: none;
}

.radio-button-label-3 {
  color: #000b0d;
  font-family: span, sans-serif;
}

.radio-button-field-3 {
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  transition: all .2s;
}

.radio-button-field-3:hover {
  background-color: #d5cc87cc;
}

.bold-text-12 {
  color: #000b0d;
  width: 100%;
}

.link-block-7 {
  width: 100%;
}

.bold-text-13 {
  font-size: 12px;
  font-weight: 400;
}

.div-block-30 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-bottom: 16px;
  display: flex;
}

.heading-8 {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 0;
  font-family: Droid Sans, sans-serif;
  font-weight: 400;
  display: flex;
}

.bold-text-14 {
  color: #000b0d;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 8px 2px;
  display: inline-flex;
}

.div-block-31 {
  flex-flow: column;
  display: flex;
}

.dates-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  background-color: #060917;
  background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/69bc0dde204ada015bb58d00_tour-dates-bg.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 80px 120px;
  display: flex;
}

.dates-wrapper-2.sign-up {
  background-color: #0000;
  background-image: none;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

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

.heading-9 {
  text-align: center;
  text-transform: uppercase;
  width: 70%;
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: span, sans-serif;
  font-size: 21px;
  line-height: 120%;
}

.tba {
  color: #d5cc87;
  text-align: center;
  width: 60px;
  font-family: span, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.text-block-5 {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  font-family: Droid Sans, sans-serif;
}

.heading-12 {
  z-index: 10;
  color: #fff;
  margin-top: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}

.container-regular-4 {
  z-index: 2;
  width: auto;
  max-width: 1440px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: clip;
}

.left-arrow-3 {
  color: #393b6a;
  background-color: #0000;
  background-image: linear-gradient(45deg, #ff70b1, #e9006a);
  border: 2px solid #ffffff80;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  transition: filter .2s;
  display: flex;
  inset: auto 0 50% -90%;
}

.left-arrow-3:hover {
  opacity: 1;
  filter: drop-shadow(0 2px 7px #fff) brightness(120%);
  color: #fff;
  background-color: #fff;
  background-image: linear-gradient(45deg, #ff70b1, #e9006a);
}

.image-cover-3 {
  object-fit: cover;
  border: 2px solid #ffffff80;
  border-radius: 32px;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: none;
  overflow: clip;
}

.gallery-slide-3 {
  cursor: default;
  margin-right: 40px;
}

.gallery-image-small-square-2 {
  width: auto;
  height: auto;
}

.gallery-slider-2 {
  z-index: 2;
  cursor: default;
  background-color: #0000;
  width: 100%;
  height: auto;
}

.right-arrow-3 {
  color: #393b6a;
  cursor: pointer;
  background-color: #0000;
  background-image: linear-gradient(45deg, #ff70b1, #e9006a);
  border: 2px solid #ffffff80;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  transition: filter .2s;
  display: flex;
  inset: auto 3% 50% auto;
}

.right-arrow-3:hover {
  opacity: 1;
  filter: brightness(120%) drop-shadow(0 0 7px #fff);
  color: #fff;
  background-color: #fff;
  background-image: linear-gradient(45deg, #ff70b1, #e9006a);
  border-color: #ffffff80;
}

.gallery-slider-mask-2 {
  width: 800px;
  height: 100%;
  overflow: visible;
}

.gallery-lightbox-2 {
  width: 100%;
  height: auto;
}

.div-block-32 {
  border: 1px solid #fff;
  border-radius: 2px;
  width: 322px;
  height: 403px;
}

.slide, .slide-2 {
  width: 322px;
  height: 403px;
}

.mask {
  width: 100vw;
  height: 403px;
}

.slider {
  background-color: #0000;
  width: 100%;
}

.container {
  width: 100%;
  max-width: none;
}

.text-block-6 {
  z-index: 4;
  color: #fff;
  letter-spacing: 1px;
  font-family: Droid Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}

.div-block-33 {
  z-index: 5;
  background-color: #3e80c2;
  border-radius: 6px;
  padding: 6px 12px;
  display: flex;
  position: relative;
}

.div-block-34 {
  z-index: 5;
  filter: drop-shadow(0 0 4px #a2d5d2);
  mix-blend-mode: normal;
  background-color: #3e80c2;
  border-radius: 20px;
  width: 8px;
  height: 8px;
  position: relative;
}

.div-block-35 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-36 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 420px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-11 {
  color: #fff;
  width: auto;
  max-width: 868px;
  font-family: Droid Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.link-2 {
  color: #fff;
}

.italic-text {
  color: #020b0d;
  background-color: #d5cc87;
  border-radius: 8px;
  margin-left: 8px;
  padding: 4px 8px;
  font-style: normal;
  display: inline-flex;
}

.text-block-7 {
  font-family: Droid Sans, sans-serif;
  font-size: 16px;
}

.div-block-37 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-8 {
  color: #000b0d;
  letter-spacing: 2px;
  background-color: #d5cc87;
  border-radius: 8px;
  padding: 6px 8px;
  font-family: span, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  display: inline-flex;
}

@media screen and (min-width: 1280px) {
  .top-bar-text---brix.header.second {
    line-height: 150%;
  }

  .image-3 {
    width: 54px;
  }

  .buy-tickets {
    width: auto;
    min-width: 202px;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .buy-tickets.hero {
    min-width: auto;
  }

  .buy-tickets.nav {
    min-width: 232px;
  }

  .buy-tickets.nav.sign-up {
    justify-content: center;
    align-items: center;
  }

  .link-block-2 {
    width: 22px;
  }

  .navbar-brand {
    z-index: 999;
  }

  .button-text {
    width: 100%;
    display: inline-flex;
  }

  .nav-item.gallery, .nav-item.spotlight {
    display: none;
  }

  .nav-link {
    font-size: 18px;
  }

  .div-block {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 190px;
    max-width: none;
    display: flex;
    position: relative;
  }

  .nav-link-copy {
    font-size: 18px;
  }

  .image-7 {
    width: 40vw;
    max-width: 900px;
    margin-right: 128px;
  }

  .button-text-2 {
    width: 100%;
    display: inline-flex;
  }

  .div-block-2 {
    background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/6965106510d5c1c5c7a16258_hero-overlay.webp");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 85vh;
  }

  .image-6.logo {
    width: 100%;
    max-width: none;
  }

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

  .dates-wrapper {
    padding-top: 40px;
    padding-bottom: 160px;
  }

  .search-field {
    line-height: 130%;
  }

  .div-block-17.dropdown_txt {
    line-height: 120%;
  }

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

  .form {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .single-date {
    background-color: #23b0b6b3;
    border-width: 0;
    border-color: #23b0b6b3;
    border-radius: 0;
    padding-left: 0;
  }

  .single-date.none {
    padding-left: 40px;
  }

  .dropdown {
    width: 18%;
  }

  .paragraph {
    font-size: 18px;
  }

  .paragraph.black.centered {
    color: #fff;
    letter-spacing: 1px;
    -webkit-text-stroke-color: white;
    font-size: 24px;
    line-height: 130%;
  }

  .collection-list-wrapper:hover {
    color: #000b0d;
  }

  .image-27 {
    aspect-ratio: auto;
    object-fit: cover;
    width: 100vw;
    max-width: none;
    height: 72vh;
    position: absolute;
    top: auto;
    left: 0%;
  }

  .div-block-18 {
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    overflow: hidden;
  }

  .about-outer-wrapper.trailer {
    margin-top: 80px;
    padding-bottom: 40px;
  }

  .about-outer-wrapper.merchandise {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-left: 120px;
    padding-right: 120px;
  }

  .about-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/696622f5b93b4207a2a06cf2_head_bg.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
    border-width: 2px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 32px;
  }

  .trailer {
    margin-left: 0;
    margin-right: 0;
  }

  .button.light.play {
    transform: rotate(0);
  }

  .hero-video-bg {
    max-width: 1440px;
  }

  .accordion-icon {
    transition-property: all;
  }

  .accordion-icon:hover {
    filter: none;
    background-image: none;
    transform: scale(1.1);
  }

  .footer-link:hover {
    filter: none;
    color: #fef103;
  }

  .gradient-bottom {
    object-fit: contain;
    width: 100vw;
  }

  .div-block-24 {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    height: 600px;
    top: -5%;
  }

  .button-text-3 {
    width: 100%;
    display: inline-flex;
  }

  .div-block-27.dropdown_txt {
    font-family: span, sans-serif;
    line-height: 120%;
  }

  .collection-list-2:hover {
    color: #000b0d;
  }

  .collection-item-2 {
    color: #000b0d;
    font-family: span, sans-serif;
    font-size: 16px;
  }

  .div-block-29 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .gallery-lightbox {
    width: 270px;
  }

  .gallery-slider-mask {
    aspect-ratio: auto;
    width: 420px;
  }

  .right-arrow-2.gallery {
    bottom: 40%;
  }

  .gallery-slide-2 {
    width: 270px;
    margin-right: 32px;
  }

  .gallery-slide-2.merch {
    margin-right: 24px;
  }

  .div-block-10 {
    display: block;
  }

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

  .gallery-image-small-square, .image-cover-2 {
    width: 270px;
  }

  .container-regular-3 {
    width: 865px;
    max-width: 865px;
    margin-left: 0;
    margin-right: 0;
    overflow: clip;
  }

  .left-arrow-2.gallery {
    bottom: 40%;
  }

  .radio-button-label-3 {
    font-size: 16px;
  }

  .dates-wrapper-2.sign-up {
    margin-top: 80px;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .tba {
    text-align: center;
    font-size: 32px;
  }

  .container-regular-4 {
    overflow: clip;
  }
}

@media screen and (min-width: 1920px) {
  .fs-cc_cookie-component {
    display: block;
  }

  .top-bar-wrapper---brix {
    flex-flow: row;
    height: 40px;
    display: flex;
  }

  .top-bar-container---brix {
    flex-flow: row;
    max-width: none;
    height: auto;
    padding-top: 20px;
    display: flex;
    position: relative;
  }

  .top-bar-text---brix {
    font-size: 16px;
  }

  .top-bar-text---brix.max-w-80-mobile---brix {
    font-size: 21px;
  }

  .top-bar-text---brix.max-w-80-mobile---brix.header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .top-bar-text---brix.header.second {
    line-height: 150%;
  }

  .buy-tickets {
    width: auto;
  }

  .buy-tickets.nav {
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    transition-timing-function: ease;
  }

  .buy-tickets.nav:hover {
    min-width: auto;
  }

  .buy-tickets.nav.sign-up {
    justify-content: center;
    align-items: center;
    min-width: 232px;
  }

  .link-block-2 {
    width: 30px;
  }

  .navbar-brand {
    width: auto;
  }

  .button-text {
    text-align: center;
    width: 100%;
    display: inline;
  }

  .navbar-no-shadow {
    display: flex;
  }

  .logo-nav {
    height: 120px;
    margin-top: 80px;
    padding-top: 20px;
  }

  .nav-link {
    font-size: 21px;
  }

  .div-block {
    min-width: 202px;
    display: flex;
  }

  .nav-link-copy {
    letter-spacing: 2px;
    font-size: 21px;
  }

  .nav-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .image-7 {
    width: 50vw;
    max-width: 720px;
    margin-right: 220px;
  }

  .button-text-2 {
    text-align: center;
    display: inline;
  }

  .div-block-4 {
    margin-top: 0;
  }

  .image-26 {
    margin-top: 180px;
  }

  .image-6.logo {
    width: 80%;
    max-width: 100%;
    display: block;
  }

  .h2 {
    z-index: 5;
    max-width: none;
    font-size: 90px;
  }

  .dates-wrapper {
    padding-top: 40px;
    display: flex;
  }

  .dropdown {
    width: 18%;
  }

  .paragraph {
    font-size: 16px;
  }

  .image-27 {
    height: 60vh;
    bottom: 15%;
  }

  .about-outer-wrapper.trailer {
    max-width: none;
    margin-top: 80px;
    margin-left: 0;
    margin-right: 0;
  }

  .about-wrapper {
    max-width: 1440px;
  }

  .about-content {
    font-size: 21px;
  }

  .about-label {
    filter: drop-shadow(0 0 18px #a2d5d2cc);
    font-size: 90px;
  }

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

  .h2-2.trailer {
    padding-bottom: 50px;
    font-size: 90px;
  }

  .h2-2.faq {
    font-size: 90px;
  }

  .h2-2.black {
    margin-top: 16px;
  }

  .trailer {
    max-width: 868px;
    margin-left: 120px;
    margin-right: 120px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-video-bg {
    height: auto;
  }

  .faq-accordion-item {
    max-width: none;
  }

  .faq {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    padding-left: 120px;
    padding-right: 120px;
  }

  .div-block-6 {
    max-width: 1440px;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-24 {
    height: 720px;
    top: -4%;
  }

  .button-text-3 {
    text-align: center;
    display: inline;
  }

  .navbar-no-shadow-2 {
    display: flex;
  }

  .logo-nav-2 {
    height: 180px;
    margin-top: 80px;
    padding-top: 20px;
  }

  .nav-link-2 {
    font-size: 30px;
  }

  .gallery-slider {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
    max-width: none;
    height: 180px;
  }

  .gallery-slider.merch {
    aspect-ratio: auto;
    height: auto;
  }

  .gallery-lightbox {
    width: 320px;
    height: 180px;
  }

  .gallery-slider-mask {
    object-fit: cover;
    width: 420px;
    height: auto;
  }

  .right-arrow-2 {
    bottom: 50%;
    right: 5%;
  }

  .right-arrow-2.gallery {
    bottom: 40%;
  }

  .gallery-slide-2 {
    aspect-ratio: 16 / 9;
    width: 320px;
    height: 180px;
  }

  .gallery-slide-2.merch {
    aspect-ratio: auto;
    height: auto;
  }

  .div-block-10 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    display: block;
    overflow: visible;
  }

  .div-block-12 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    max-width: none;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .gallery-image-small-square {
    height: 180px;
  }

  .image-cover-2 {
    aspect-ratio: 16 / 9;
    width: 320px;
    max-width: none;
    height: 180px;
  }

  .image-cover-2.merch, .image-cover-2.merch.key-chain {
    aspect-ratio: auto;
  }

  .container-regular-3 {
    width: 865px;
    max-width: 868px;
    height: auto;
    display: block;
    overflow: clip;
  }

  .container-regular-3.gallery {
    width: 1200px;
    max-width: 1200px;
  }

  .left-arrow-2 {
    bottom: 50%;
    left: -115%;
    right: -242px;
  }

  .left-arrow-2.gallery {
    bottom: 40%;
  }

  .div-block-31 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding-top: 0;
    display: flex;
  }

  .dates-wrapper-2 {
    display: flex;
  }

  .heading-9 {
    font-size: 24px;
  }

  .container-regular-4 {
    width: 100vw;
    max-width: 1440px;
    height: auto;
    display: block;
    overflow: visible;
  }

  .left-arrow-3 {
    left: -110%;
    right: -242px;
  }

  .image-cover-3 {
    height: auto;
  }

  .gallery-slide-3 {
    width: 100%;
  }

  .gallery-slider-2 {
    width: 80%;
    max-width: 1440px;
    height: 100%;
  }

  .right-arrow-3 {
    right: -22%;
  }

  .gallery-slider-mask-2 {
    width: 100%;
  }

  .gallery-lightbox-2 {
    height: auto;
  }
}

@media screen and (max-width: 991px) {
  .fs-cc_cookie-component {
    display: block;
  }

  .top-bar-container---brix {
    justify-content: center;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
  }

  .top-bar-text---brix {
    width: 100%;
    max-width: none;
    font-size: 12px;
  }

  .top-bar-text---brix.max-w-80-mobile---brix {
    width: auto;
  }

  .top-bar-text---brix.max-w-80-mobile---brix.header {
    line-height: 150%;
  }

  .menu-button {
    background-color: #d5cc87;
    border: 0 solid #010d10;
    width: 56px;
    height: 57px;
    padding: 12px;
    transition-duration: .3s;
    display: block;
    overflow: visible;
  }

  .menu-button:hover {
    background-color: #fff;
  }

  .menu-button.w--open {
    z-index: 6;
    color: #fff;
    background-color: #d5cc87;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding: 12px;
    display: flex;
  }

  .menu-button.w--open:hover {
    background-color: #fff;
  }

  .menu-button.close.w--open {
    z-index: 5;
    color: #0000;
    background-color: #d5cc87;
    border-color: #fff;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: block;
    position: absolute;
    top: 30px;
    right: 16px;
  }

  .image-3 {
    display: block;
  }

  .image-23 {
    object-fit: fill;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: none;
    height: auto;
    padding: 0;
    display: block;
    overflow: clip;
  }

  .buy-tickets {
    z-index: 3;
    min-width: 0;
    margin-top: 0;
    padding: 14px 16px;
    display: flex;
    position: relative;
  }

  .buy-tickets.hero {
    margin-top: 0;
    margin-bottom: 32px;
  }

  .buy-tickets.hero.mobile {
    display: none;
  }

  .buy-tickets.nav {
    opacity: .9;
    border-width: 0;
    border-color: #192011;
  }

  .buy-tickets.nav:hover {
    border-color: #e60013;
  }

  .buy-tickets.nav.w--current {
    border-width: 3px;
    border-color: #192011;
  }

  .buy-tickets.nav.w--current:hover {
    border-width: 3px;
    border-color: #e92417;
  }

  .link-block-2 {
    width: 48px;
  }

  .navbar-brand {
    z-index: 3;
    width: 200px;
    height: 100%;
    padding-top: 8px;
  }

  .div-block-14 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-right: 0;
    display: flex;
  }

  .button-text {
    font-size: 18px;
  }

  .navbar-no-shadow {
    background-image: none;
  }

  .nav-menu-wrapper {
    z-index: 10;
    background-color: #0000;
  }

  .nav-link-block {
    height: auto;
  }

  .nav-link-block.extra {
    display: block;
  }

  .nav-item {
    flex: 0 auto;
    height: 40px;
    display: block;
  }

  .nav-item.extra {
    display: block;
  }

  .logo-nav {
    width: 180px;
    max-width: none;
    height: auto;
  }

  .nav-link {
    color: #fff;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 48px;
  }

  .div-block {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .navbar-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .nav-link-copy {
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    font-size: 48px;
  }

  .nav-menu {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: #ffef071a;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    height: 100vh;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    display: flex;
  }

  .nav-button-item {
    display: flex;
  }

  .image-24 {
    max-width: 100%;
  }

  .image-7 {
    z-index: 2;
    width: 50vw;
    max-width: none;
    height: auto;
    margin-top: 0%;
    margin-right: 16px;
    display: block;
    overflow: clip;
  }

  .button-text-2 {
    font-size: 18px;
  }

  .div-block-4 {
    z-index: 2;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    position: relative;
  }

  .div-block-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: 80vh;
    display: flex;
  }

  .div-block-2.mobile {
    justify-content: flex-start;
    align-items: center;
    display: none;
  }

  .image-26 {
    z-index: 9;
    margin-top: 5%;
  }

  .div-block-3 {
    margin-top: 0;
  }

  .image-6 {
    width: 60%;
    max-width: none;
    margin-top: 90px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    overflow: visible;
  }

  .logo-hero {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 50vw;
  }

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

  .h2 {
    padding-bottom: 0;
    font-size: 60px;
  }

  .dates-wrapper {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-field {
    font-size: 14px;
  }

  .subtitle-search {
    padding-right: 4px;
  }

  .div-block-17.dropdown_txt {
    overflow: clip;
  }

  .single-date {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 24px 20px;
  }

  .paragraph {
    font-size: 12px;
  }

  .paragraph.acc {
    font-size: 14px;
  }

  .single-date-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 24px 20px;
  }

  .date {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .month {
    font-size: 18px;
  }

  .day {
    font-size: 24px;
  }

  .details {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .time, .heading-4 {
    font-size: 12px;
  }

  .about-outer-wrapper.trailer {
    margin-top: 0;
    padding: 40px 20px;
  }

  .about-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
  }

  .event-poster {
    width: 40%;
  }

  .about-content {
    background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/696622f5b93b4207a2a06cf2_head_bg.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
    width: 90%;
  }

  .about-label {
    font-size: 60px;
  }

  .h2-2 {
    padding-bottom: 30px;
    font-size: 60px;
  }

  .h2-2.trailer {
    padding-bottom: 0;
  }

  .h2-2.black {
    padding-bottom: 20px;
  }

  .trailer {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-video-bg {
    height: 400px;
  }

  .accordion-content {
    margin-top: 0;
  }

  .accordion-icon {
    transition-property: all;
  }

  .accordion-icon:hover {
    filter: none;
    background-image: none;
    transform: scale(1.1);
  }

  .faq {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .accordion-header {
    font-size: 16px;
  }

  .accordion-header:hover {
    color: #d5cc87;
  }

  .accordion-toggle {
    padding-top: 0;
    padding-bottom: 2px;
  }

  .div-block-6 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .footer-horizontal-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
  }

  .logo-footer {
    padding-top: 16px;
  }

  .text-block {
    width: 450px;
    font-size: 21px;
  }

  .footer {
    height: 300px;
    padding-top: 0;
  }

  .button-text-3 {
    font-size: 18px;
  }

  .navbar-no-shadow-2 {
    background-image: none;
  }

  .logo-nav-2 {
    width: 180px;
    max-width: none;
    height: auto;
  }

  .nav-link-2 {
    color: #192011;
    padding-left: 0;
    padding-right: 0;
    font-size: 48px;
  }

  .paragraph-column {
    width: 600px;
    margin-top: 40px;
  }

  .text-span.header {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .div-block-27.dropdown_txt {
    overflow: clip;
  }

  .gallery-slider.merch {
    height: 360px;
  }

  .gallery-slider-mask {
    width: 100%;
    height: 180px;
  }

  .right-arrow-2 {
    bottom: 50%;
    right: 17%;
  }

  .gallery-slide-2 {
    height: 180px;
  }

  .gallery-slide-2.merch {
    width: 360px;
  }

  .div-block-10 {
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .div-block-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .gallery-image-small-square {
    border-width: 0;
    height: auto;
  }

  .gallery-image-small-square.merch {
    width: 360px;
  }

  .container-regular-3 {
    width: 745px;
    max-width: 745px;
    overflow: clip;
  }

  .left-arrow-2 {
    bottom: 50%;
  }

  .dates-wrapper-2 {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .dates-wrapper-2.sign-up {
    padding-bottom: 8px;
  }

  .tba {
    font-size: 24px;
  }

  .container-regular-4 {
    overflow: clip;
  }

  .left-arrow-3 {
    bottom: 45%;
  }

  .right-arrow-3 {
    bottom: 45%;
    right: 2%;
  }

  .gallery-slider-mask-2 {
    width: 660px;
  }

  .div-block-36 {
    width: 360px;
  }

  .heading-11 {
    max-width: 745px;
  }
}

@media screen and (max-width: 767px) {
  .fs-cc_modal-buttons {
    padding: 1.5rem;
  }

  .fs-cc_cookie-component {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    right: 24px;
  }

  .fs-cc_close-button {
    margin-right: 1.25rem;
  }

  .fs-cc_modal {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .fs-cc_description {
    height: 100%;
  }

  .top-bar-wrapper---brix {
    justify-content: center;
    align-items: center;
    height: 36px;
    font-size: 16px;
  }

  .top-bar-container---brix {
    justify-content: center;
    align-items: center;
    max-width: none;
    padding: 10px 20px 10px 0;
    line-height: 1.5;
    display: flex;
  }

  .top-bar-text---brix {
    width: 60%;
    max-width: 50%;
    font-size: 12px;
    line-height: 14px;
  }

  .top-bar-text---brix.max-w-80-mobile---brix {
    text-align: center;
    width: 100%;
    max-width: 100%;
    font-size: 12px;
  }

  .top-bar-text---brix.header, .top-bar-text---brix.header.second {
    text-align: center;
    width: 100%;
    max-width: 100%;
  }

  .close-icon---brix {
    vertical-align: middle;
    max-width: 14px;
    position: relative;
    top: 0;
    right: 0;
  }

  .menu-button {
    background-color: #d5cc87;
    width: 57px;
    height: 57px;
    padding-top: 12px;
    padding-bottom: 16px;
  }

  .menu-button.close.w--open {
    background-color: #0000;
    padding: 0;
    position: absolute;
    top: 32px;
    right: 32px;
  }

  .image-3 {
    display: block;
  }

  .buy-tickets.hero {
    margin-top: 0;
    margin-bottom: 32px;
  }

  .buy-tickets.hero.mobile {
    display: flex;
  }

  .buy-tickets.nav {
    opacity: .9;
    display: flex;
  }

  .buy-tickets.nav.top {
    display: none;
  }

  .link-block-2 {
    width: 36px;
  }

  .navbar-brand {
    z-index: 3;
    padding-left: 0;
  }

  .div-block-14 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
  }

  .nav-menu-wrapper {
    z-index: 10;
    justify-content: center;
    align-items: center;
  }

  .navbar-no-shadow-container {
    padding-right: 32px;
  }

  .nav-link-block.w--current {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-bottom: none;
  }

  .nav-link-block.extra {
    display: block;
  }

  .nav-item {
    flex: 0 auto;
    display: inline-flex;
  }

  .nav-item.gallery {
    display: none;
  }

  .logo-nav {
    padding-top: 0;
  }

  .nav-link {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 36px;
    display: inline-block;
  }

  .div-block {
    vertical-align: middle;
    min-width: 184px;
  }

  .navbar-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .nav-link-copy {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 36px;
    display: inline-block;
  }

  .nav-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #0000001a;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-bottom: 0;
    padding-left: 0;
  }

  .nav-button-item {
    display: none;
  }

  .image-7 {
    width: 60vw;
    height: auto;
    margin-top: 5%;
    margin-right: 0;
  }

  .div-block-2 {
    height: 66vh;
    display: none;
  }

  .div-block-2.mobile {
    flex-flow: column;
    height: 100%;
    display: flex;
  }

  .image-26 {
    display: none;
  }

  .div-block-3 {
    margin-top: 0;
  }

  .image-6 {
    width: 40%;
  }

  .logo-hero {
    width: 80vw;
    margin-top: 0%;
  }

  .h2 {
    margin-bottom: 0;
  }

  .div-block-16 {
    width: 100%;
  }

  .form {
    flex-flow: column;
  }

  .dropdown {
    z-index: 3;
    width: 100%;
  }

  .paragraph {
    font-size: 14px;
  }

  .paragraph.acc {
    width: 100%;
  }

  .single-date-2 {
    flex-flow: column;
  }

  .date {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
  }

  .month {
    text-align: left;
    font-size: 36px;
  }

  .day {
    font-size: 36px;
  }

  .details {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
  }

  .time {
    font-size: 16px;
  }

  .div-block-19 {
    font-size: 12px;
  }

  .heading-4 {
    width: auto;
    font-size: 21px;
    line-height: 16px;
  }

  .heading-4.hidden {
    width: auto;
  }

  .heading-6 {
    font-size: 16px;
  }

  .about-outer-wrapper {
    background-position: 45%;
    margin-top: 0;
    padding-bottom: 40px;
  }

  .about-outer-wrapper.trailer {
    margin-top: 0;
    padding-bottom: 40px;
  }

  .about-wrapper {
    flex-flow: column;
    margin-bottom: 0;
  }

  .event-poster {
    width: 100%;
    display: none;
  }

  .event-poster.mobile {
    display: block;
  }

  .about-content {
    background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/696622f5b93b4207a2a06cf2_head_bg.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
  }

  .about-label {
    font-size: 44px;
  }

  .h2-2 {
    margin-bottom: 0;
  }

  .h2-2.trailer {
    margin-bottom: 40px;
    font-size: 60px;
  }

  .trailer {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-bottom: 0;
    margin-right: 0;
  }

  .button.light.play {
    opacity: .8;
  }

  .hero-video-bg {
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .faq-accordion-item {
    height: auto;
  }

  .accordion-content {
    padding-bottom: 0;
    padding-right: 0%;
  }

  .faq {
    padding-bottom: 20px;
  }

  .accordion-header {
    line-height: 120%;
  }

  .accordion-header:hover {
    color: #fff103;
    -webkit-text-stroke-color: #fff103;
  }

  .accordion-toggle {
    height: auto;
    padding-top: 32px;
    padding-bottom: 8px;
  }

  .div-block-6 {
    padding-top: 0;
  }

  .footer-horizontal-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .logo-footer {
    padding-top: 0;
  }

  .logos-footer {
    justify-content: center;
    align-items: center;
  }

  .text-block {
    text-align: center;
    width: 100%;
    margin-bottom: 16px;
  }

  .footer {
    height: 100%;
    padding-top: 32px;
  }

  .nav-link-2 {
    color: #192011;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 36px;
    display: inline-block;
  }

  .paragraph-column {
    width: auto;
  }

  .image-29, .image-30 {
    width: 48px;
    max-width: 50%;
  }

  .gallery-slider.merch {
    width: 444px;
    height: 260px;
  }

  .gallery-slider-mask {
    width: 444px;
  }

  .right-arrow-2 {
    display: block;
    bottom: 50%;
    right: 3%;
  }

  .gallery-slide-2 {
    margin-right: 20px;
  }

  .gallery-slide-2.merch {
    width: 217px;
    height: auto;
    margin-right: 10px;
  }

  .div-block-10 {
    margin-bottom: 0;
    padding-bottom: 48px;
  }

  .gallery-image-small-square.wide {
    height: 217px;
  }

  .gallery-image-small-square.merch {
    width: 217px;
    height: 217px;
  }

  .container-regular-3 {
    width: 444px;
    max-width: 444px;
  }

  .left-arrow-2 {
    display: block;
    bottom: 50%;
    left: -85%;
  }

  .div-block-30 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .div-block-31 {
    justify-content: center;
    align-items: center;
  }

  .dates-wrapper-2.sign-up {
    padding-bottom: 8px;
  }

  .left-arrow-3 {
    display: block;
    bottom: 45%;
    left: -85%;
  }

  .gallery-slide-3 {
    margin-right: 20px;
  }

  .right-arrow-3 {
    display: block;
    bottom: 45%;
    right: 3%;
  }

  .gallery-slider-mask-2 {
    width: 400px;
  }

  .div-block-36 {
    width: 217px;
  }

  .heading-11 {
    max-width: 444px;
  }
}

@media screen and (max-width: 479px) {
  .fs-cc_modal-buttons {
    padding: 16px;
  }

  .fs-cc_cookie-component {
    flex-flow: column;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    inset: auto 0% 0%;
  }

  .fs-cc_close-button {
    margin-top: 1rem;
    margin-right: 1rem;
  }

  .fs-cc_modal {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
    height: 100%;
    padding-top: 16px;
  }

  .fs-cc_description {
    height: 100%;
    font-size: 12px;
  }

  .fs_cc-modal-content {
    font-size: 10px;
  }

  .top-bar-wrapper---brix {
    justify-content: center;
    align-items: center;
    height: 32px;
  }

  .top-bar-container---brix {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    max-width: none;
    padding: 4px 0;
  }

  .top-bar-text---brix {
    color: #fff;
    text-align: center;
    width: 70%;
    max-width: 100%;
    font-size: 11px;
    line-height: 10px;
  }

  .top-bar-text---brix.max-w-80-mobile---brix {
    text-align: center;
    width: 100%;
    max-width: none;
    padding-top: 6px;
    font-size: 0;
    line-height: 12px;
  }

  .top-bar-text---brix.header {
    line-height: 150%;
  }

  .close-icon---brix {
    max-width: 14px;
    top: auto;
    right: 16px;
  }

  .menu-button {
    background-color: #d5cc86;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    padding: 9px 0 0 9px;
    display: block;
  }

  .menu-button.w--open {
    background-color: #d5cc87;
    padding: 9px 0 0 9px;
    position: absolute;
    inset: 27px 20px auto auto;
  }

  .menu-button.close {
    position: absolute;
    inset: 48px 24px auto auto;
  }

  .menu-button.close.w--open {
    padding-top: 32px;
    top: 24px;
  }

  .menu-button.invert {
    filter: invert();
  }

  .image-3 {
    width: 90px;
    display: block;
  }

  .image-23 {
    width: 30px;
    max-width: none;
    height: 30px;
    position: relative;
  }

  .buy-tickets {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    border-width: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 16px;
    display: none;
  }

  .buy-tickets.w--current {
    display: none;
  }

  .buy-tickets.hero {
    justify-content: center;
    align-items: flex-end;
    display: block;
  }

  .buy-tickets.hero.w--current {
    margin-bottom: 0;
    display: flex;
  }

  .buy-tickets.hero.mobile {
    flex-flow: row;
    min-width: auto;
    margin-top: 0;
    margin-bottom: 32px;
    display: flex;
  }

  .buy-tickets.hero.mobile.menu {
    border-width: 4px;
    border-color: #000b0d;
  }

  .buy-tickets.hero.mobile.menu:hover {
    border-color: #e60013;
  }

  .buy-tickets.hero.mobile.menu.w--current {
    border-width: 3px;
    border-color: #000b0d;
  }

  .buy-tickets.hero.mobile.menu.w--current:hover {
    border-width: 3px;
    border-color: #e60013;
  }

  .buy-tickets.nav {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    min-width: auto;
    position: static;
  }

  .buy-tickets.nav:hover {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    min-width: auto;
  }

  .link-block-2 {
    width: 28px;
    display: block;
  }

  .navbar-brand {
    z-index: 10;
    width: 150px;
    height: 100%;
    margin-right: 0;
    padding-top: 16px;
    padding-bottom: 0;
    display: flex;
  }

  .navbar-brand.w--current {
    width: auto;
    height: auto;
    padding-top: 0;
  }

  .div-block-14 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    margin-right: 0;
    display: flex;
  }

  .button-text {
    vertical-align: middle;
    width: auto;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 100%;
    display: inline;
  }

  .nav-menu-wrapper {
    z-index: 10;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .nav-menu-wrapper.subpage {
    position: absolute;
    inset: 0%;
  }

  .navbar-no-shadow-container {
    padding: 24px 20px 24px 10px;
  }

  .nav-link-block.w--current {
    border-bottom: none;
  }

  .nav-item {
    flex: 0 auto;
  }

  .nav-item.extra {
    display: block;
  }

  .logo-nav {
    width: auto;
    max-width: none;
    height: 40px;
    display: block;
  }

  .nav-link {
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 24px;
  }

  .container-regular {
    width: 100%;
  }

  .div-block {
    width: auto;
    min-width: auto;
    display: block;
  }

  .navbar-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    align-items: center;
  }

  .nav-link-copy {
    color: #fff;
    font-size: 24px;
  }

  .nav-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #0000001a;
    background-image: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding-top: 32px;
    padding-bottom: 0;
    list-style-type: none;
  }

  .nav-button-item.hidden {
    display: none;
  }

  .image-24 {
    filter: none;
  }

  .image-7 {
    z-index: 4;
    width: 80%;
    height: auto;
    margin-top: 0%;
    margin-left: 0;
    margin-right: 0;
    position: static;
  }

  .button-text-2 {
    vertical-align: middle;
    width: auto;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 24px;
    line-height: 100%;
    display: inline;
  }

  .div-block-4 {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-2 {
    justify-content: center;
    align-items: center;
    height: 100vw;
    margin-bottom: 40px;
  }

  .div-block-2.mobile {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
  }

  .image-26 {
    width: 80px;
    display: block;
  }

  .div-block-3 {
    z-index: 4;
    margin-top: 0;
    position: static;
  }

  .image-6 {
    width: 80%;
    max-width: none;
    height: auto;
    max-height: none;
    margin-top: -5%;
    margin-left: 0;
    margin-right: 0;
    top: 120px;
  }

  .image-6.logo {
    width: 90%;
    margin-top: 0%;
    position: static;
    top: 0;
  }

  .logo-hero {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    position: static;
  }

  .empty-state-wrapper {
    margin-left: 20px;
    margin-right: 20px;
  }

  .clear-link {
    text-align: center;
    margin-top: 0;
    inset: -32px 0% auto;
  }

  .dropdown-toggle {
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
  }

  .h2 {
    text-align: center;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 0;
    font-size: 36px;
    line-height: 100%;
  }

  .dates-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 0%;
    padding: 0 0 120px;
  }

  .search-field {
    height: 48px;
    margin-top: 0;
    font-size: 14px;
  }

  .search-field-icon {
    padding-top: 0;
  }

  .subtitle-search {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-17.dropdown_txt {
    display: block;
  }

  .no-items-found {
    font-size: 24px;
  }

  .form {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
  }

  .single-date {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    padding: 30px 10px 20px;
  }

  .single-date.none {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 40px;
  }

  .dates-collection-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-5 {
    width: 100%;
    height: auto;
  }

  .dates-filter-search {
    margin-bottom: 0;
  }

  .dropdown-list.w--open {
    background-color: #ffffffd1;
  }

  .paragraph {
    font-size: 14px;
    line-height: 150%;
  }

  .paragraph.black.centered {
    font-size: 16px;
    line-height: 130%;
  }

  .paragraph.acc {
    font-size: 14px;
  }

  .dates-collection-wrapper-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .single-date-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    padding: 20px 10px;
  }

  .single-date-2.none {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .no-items-found-2 {
    font-size: 24px;
  }

  .date {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
  }

  .month {
    color: #c3bc7f;
    text-align: left;
    min-width: auto;
    font-size: 18px;
  }

  .day {
    text-align: left;
    font-size: 18px;
  }

  .details {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
  }

  .time {
    font-size: 14px;
  }

  .main-title-horizontal-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .heading-4 {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .heading-4.hidden {
    display: none;
  }

  .heading-6 {
    margin-bottom: 0;
    font-size: 16px;
  }

  .body {
    background-color: #000;
  }

  .about-outer-wrapper {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
  }

  .about-outer-wrapper.trailer {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .about-outer-wrapper.merchandise {
    padding-bottom: 0;
  }

  .about-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .event-poster {
    width: 100%;
    display: block;
  }

  .event-poster.mobile {
    display: none;
  }

  .about-content {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    background-image: url("https://cdn.prod.website-files.com/695b899dad9fd6775bd3198d/696622f5b93b4207a2a06cf2_head_bg.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
    padding: 16px 8px;
  }

  .about-label {
    padding-bottom: 20px;
    font-size: 36px;
    line-height: 100%;
  }

  .h2-2 {
    text-align: center;
    margin-bottom: 0;
    font-size: 44px;
    line-height: 28px;
  }

  .h2-2.trailer {
    margin-bottom: 32px;
    font-size: 36px;
  }

  .h2-2.trailer.merchandise {
    margin-bottom: 16px;
  }

  .h2-2.faq {
    padding-top: 0;
    padding-bottom: 20px;
    font-size: 36px;
    line-height: 100%;
  }

  .h2-2.black {
    line-height: 100%;
  }

  .play-icon.big {
    display: flex;
  }

  .play-icon.big.mobile {
    color: #fff103cc;
    display: flex;
  }

  .trailer {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-bottom: 40px;
    margin-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button {
    width: 100%;
    display: flex;
  }

  .button.light.play {
    width: 120px;
    height: 120px;
    transform: none;
  }

  .hero-video-bg {
    width: 100%;
    height: auto;
    padding-top: 0%;
    padding-left: 0;
    padding-right: 0;
  }

  .faq-accordion-item {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
    overflow: visible;
  }

  .acc-icon-line-ver {
    margin-top: 2px;
  }

  .accordion-content {
    margin-top: -16px;
    padding-bottom: 0;
    padding-right: 0%;
  }

  .accordion-icon {
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
  }

  .faq {
    margin-top: 0;
    padding: 0 10px 20px;
  }

  .accordion-header {
    width: 80%;
    height: 100%;
    font-size: 14px;
    line-height: 120%;
  }

  .accordion-header:hover {
    color: #d5cc87;
    -webkit-text-stroke-color: #d5cc87;
  }

  .accordion-header.first {
    margin-bottom: -8px;
    padding-bottom: 0;
  }

  .accordion-toggle {
    height: auto;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .div-block-6 {
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 20px;
  }

  .acc-icon-line-hor {
    margin-top: 2px;
  }

  .footer-horizontal-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .logo-footer {
    width: 90%;
    height: auto;
  }

  .logos-footer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .text-block {
    text-align: center;
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    padding-bottom: 0;
    font-size: 14px;
  }

  .div-block-7 {
    flex-flow: column;
    justify-content: flex-start;
    width: auto;
    display: flex;
  }

  .footer-links {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
  }

  .footer {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: space-between;
    height: auto;
    padding: 20px 10px;
  }

  .footer-text {
    text-align: center;
    letter-spacing: 0;
  }

  .footer-link.hidden {
    display: none;
  }

  .div-block-23 {
    background-color: #000;
    background-position: 50% 0;
    background-size: cover;
  }

  .button-text-3 {
    vertical-align: middle;
    width: auto;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 24px;
    line-height: 100%;
    display: inline;
  }

  .navbar-no-shadow-2.subpage {
    background-image: linear-gradient(#01040a54, #00132000);
  }

  .navbar-no-shadow-container-2 {
    padding: 24px 20px 24px 10px;
  }

  .logo-nav-2 {
    width: 140px;
    max-width: none;
    height: auto;
    display: block;
  }

  .nav-link-2 {
    color: #000;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 24px;
  }

  .heading-5 {
    line-height: 100%;
  }

  .paragraph-column, .text-link {
    color: #101215;
  }

  .text-column {
    padding-bottom: 0;
  }

  .bold-text-5 {
    font-size: 38px;
    line-height: 30px;
  }

  .text-column-2 {
    padding-bottom: 0;
  }

  .text-span {
    margin-bottom: 4px;
  }

  .div-block-27.dropdown_txt {
    font-size: 14px;
    display: block;
  }

  .link-block-6 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-28 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .image-29, .image-30 {
    width: 30px;
  }

  .gallery-slider {
    width: auto;
    height: auto;
  }

  .gallery-slider.merch {
    width: 100%;
    margin-left: 10px;
  }

  .gallery-lightbox {
    width: 200px;
    height: 113px;
  }

  .gallery-slider-mask {
    width: 100%;
    height: auto;
  }

  .right-arrow-2 {
    z-index: 4;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -72px;
    right: 0%;
  }

  .right-arrow-2.gallery {
    bottom: 32%;
  }

  .gallery-slide-2 {
    width: 200px;
    height: 113px;
    margin-right: 10px;
  }

  .div-block-10 {
    margin-bottom: 0;
    padding-bottom: 80px;
    display: block;
    overflow: hidden;
  }

  .gallery-image-small-square {
    background-color: #0000;
    height: 113px;
  }

  .gallery-image-small-square.wide {
    width: 217px;
  }

  .gallery-image-small-square.merch {
    background-image: linear-gradient(#0000004d, #0000004d);
  }

  .image-cover-2 {
    width: 200px;
    height: auto;
  }

  .image-cover-2.merch {
    width: 80%;
    height: auto;
  }

  .image-cover-2.merch.hoodie {
    width: 90%;
    max-width: none;
  }

  .container-regular-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    max-width: none;
    height: 340px;
    display: block;
    overflow: visible hidden;
  }

  .container-regular-3.gallery {
    height: 140px;
  }

  .left-arrow-2 {
    width: 40px;
    height: 40px;
    margin-top: 0;
    margin-right: 20px;
    display: flex;
    position: absolute;
    inset: auto 48px -72px auto;
  }

  .left-arrow-2.gallery {
    bottom: 32%;
  }

  .dates-wrapper-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 0%;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .dates-wrapper-2.sign-up {
    padding-bottom: 40px;
  }

  .heading-9 {
    width: 100%;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .tba {
    font-size: 18px;
  }

  .text-block-5 {
    margin-top: 80px;
  }

  .container-regular-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: none;
    height: 100%;
    display: block;
    overflow: visible;
  }

  .left-arrow-3 {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    inset: auto 48px -60px auto;
  }

  .image-cover-3 {
    height: auto;
  }

  .gallery-slide-3 {
    margin-right: 10px;
  }

  .gallery-slider-2 {
    width: auto;
    height: auto;
  }

  .right-arrow-3 {
    z-index: 4;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: auto;
    bottom: -60px;
    right: 0%;
  }

  .gallery-slider-mask-2 {
    width: 100%;
    height: auto;
  }

  .div-block-35 {
    margin-bottom: 20px;
  }

  .heading-11 {
    margin: 20px 10px 0;
  }
}

/* --- theme.css --- */
/* Project: wasiat4d2-lp-jjk-stable-2.0.1 */
/*
 * JUJUTSU KAISEN LANDING
 * Layout: retains the HTML class names and broad look of the supplied Webflow source.
 * This file overrides only responsive, typography, interaction and integration details.
 */
:root {
  --jjk-bg: #040c15;
  --jjk-surface: #0b1d2d;
  --jjk-mid: #12334a;
  --jjk-blue: #5498d8;
  --jjk-bright: #a5d9ff;
  --jjk-white: #f7fbff;
  --jjk-muted: #b3c9d8;
  --jjk-line: rgba(180, 214, 239, .28);
  --jjk-max: 1440px;
}
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body.body { min-width: 280px; width: 100%; background: var(--jjk-bg); color: var(--jjk-white); overflow-x: clip; font-family: 'Noto Sans', sans-serif; }
img, video { max-width: 100%; }
button, select, input { font: inherit; }
button, a, input, select { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--jjk-bright) !important; outline-offset: 4px; }
[hidden], [hidden] * { display: none !important; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
.skip-link { position: fixed; top: -80px; left: 15px; z-index: 11000; padding: 12px 18px; background: #fff; color: #092039; font-weight: 700; }
.skip-link:focus { top: 12px; }

/* Branding: replaces the unrelated My Hero Academia asset in the reference. */
.jjk-brand { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; flex-shrink: 0; color: #fff; line-height: 1; filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .28)); }
.jjk-brand__jp { font-family: sans-serif; font-size: 1.32em; font-weight: 900; line-height: 1.08; letter-spacing: .09em; color: #f9fcff; -webkit-text-stroke: .25px #fff; }
.jjk-brand__en { font-family: 'Barlow Condensed', sans-serif; font-size: .66em; font-weight: 900; line-height: 1.05; letter-spacing: .19em; color: #cce7ff; }
.jjk-brand__sub { display: block; margin-top: .24em; padding: .22em .7em; border-top: 1px solid rgba(255,255,255,.9); font-family: 'Barlow Condensed', sans-serif; font-size: .45em; font-weight: 700; letter-spacing: .31em; }
.jjk-brand--nav { width: 170px; font-size: 24px; }
.jjk-brand--hero { width: min(100%, 600px); font-size: clamp(38px, 4.4vw, 80px); }
.jjk-brand--footer { font-size: clamp(28px, 3vw, 48px); }
.navbar-brand, .navbar-brand:visited { text-decoration: none; }
.navbar-no-shadow { z-index: 900; position: sticky; top: 32px; background: #040c15e8; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid rgba(185,220,255,.12); }
.navbar-no-shadow-container { min-height: 76px; }
.navbar-wrapper { min-height: 76px; }
.nav-menu-wrapper.jjk-navigation { z-index: 10; }
.nav-menu-wrapper.jjk-navigation .nav-menu { margin: 0; }
.nav-link-block, .nav-link-block:visited { text-decoration: none; }
.nav-link, .nav-link-copy { transition: color .15s ease; }
.nav-link-block:hover .nav-link, .nav-link-block:hover .nav-link-copy { color: var(--jjk-bright); }
.jjk-nav-toggle { z-index: 13; background: transparent; padding: 10px; width: 48px; height: 48px; align-items: center; justify-content: center; border: 1px solid rgba(180,214,239,.25); border-radius: 6px; }
.hamburger-bars { width: 22px; display: flex; flex-direction: column; justify-content: center; gap: 5px; }
.hamburger-bars i { width: 100%; display: block; height: 2px; border-radius: 2px; background: #fff; transition: transform .18s ease, opacity .18s ease; }
.jjk-nav-toggle[aria-expanded="true"] .hamburger-bars i:first-child { transform: translateY(7px) rotate(45deg); }
.jjk-nav-toggle[aria-expanded="true"] .hamburger-bars i:nth-child(2) { opacity: 0; }
.jjk-nav-toggle[aria-expanded="true"] .hamburger-bars i:last-child { transform: translateY(-7px) rotate(-45deg); }
.top-bar-wrapper---brix { z-index: 901; }
body.jjk-banner-hidden .navbar-no-shadow { top: 0; }
.jjk-top-close { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 28px; height: 28px; color: #fff; border: 0; background: transparent; font: 25px/1 sans-serif; cursor: pointer; }
.jjk-top-close:hover { opacity: .7; }

/* Hero uses the same two-column composition and deep blue palette as the reference. */
.div-block-26 { position: relative; }
.div-block-26:before { pointer-events: none; content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(4, 12, 21, .2), rgba(11, 52, 83, .13)); }
.div-block-2:not(.mobile) { position: relative; display: flex; gap: 24px; min-height: 660px; height: min(85vh, 820px); }
.div-block-2.mobile { display: none; }
.div-block-2 .logo-hero { z-index: 4; width: 45%; flex-shrink: 0; max-width: 700px; margin-left: clamp(18px, 3vw, 65px); }
.div-block-2 .logo-hero .jjk-brand--hero { width: 100%; }
.div-block-2 .jjk-hero-art { z-index: 3; display: block; width: min(44vw, 670px); max-height: 680px; object-fit: cover; object-position: center 42%; aspect-ratio: 1/1; margin: 0 2vw 0 0; border-radius: 14px; box-shadow: 0 24px 70px rgba(0,0,0,.38); -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 100%); mask-image: linear-gradient(to bottom, #000 78%, transparent 100%); }
.div-block-2 .div-block-3 { margin-top: 18px; }
.buy-tickets { transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.buy-tickets:hover { transform: translateY(-2px); }

/* Dates + native, responsive filter: no CMS plugin required. */
#tour-dates { isolation: isolate; }
#tour-dates .header-left, #tour-dates .subtitle-search { max-width: var(--jjk-max); }
.jjk-filters { width: 100%; }
.jjk-filters .div-block-28 { gap: 10px; display: flex; align-items: center; }
.jjk-select { flex: 0 0 min(280px, 36vw); width: min(280px, 36vw); min-height: 55px; appearance: none; border: 1px solid var(--jjk-line); border-radius: 0; color: #0a1e31; background: #eff7fc; padding: 12px 45px 12px 18px; font-size: 16px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23132c43' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 18px center; }
.jjk-filters .div-block-16 { flex: 1 1 auto; min-width: 0; position: relative; }
.jjk-filters .search-field { width: 100%; min-width: 0; margin: 0; padding-left: 48px; border: 1px solid var(--jjk-line); background: #eff7fc; border-radius: 0; color: #0a1e31; min-height: 55px; font-size: 16px; }
.jjk-filters .search-field-icon { display: block; color: #0a1e31; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 2; width: 24px; height: 24px; }
.jjk-filters .clear-link { display: block; cursor: pointer; margin-bottom: 10px; }
.jjk-no-results { padding: 45px 20px; border: 1px solid var(--jjk-line); text-align: center; color: #fff; }
.jjk-no-results strong { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(26px, 4vw, 44px); letter-spacing: .05em; }
.jjk-no-results p { color: var(--jjk-muted); margin-top: 8px; }
.single-date-2[hidden] { display: none !important; }
.single-date-2 .heading-4 { overflow-wrap: anywhere; }

/* Registration is a deliberately unconnected demo, not the original site's live form. */
#signup { color: #fff; scroll-margin-top: 90px; }
.jjk-form-wrapper { padding: clamp(40px, 6vw, 88px) 18px; width: 100%; min-height: 0; }
.jjk-form-container { width: min(100%, 760px); margin: auto; }
.jjk-form-heading { text-align: center; }
.jjk-form-heading h2, .jjk-form-heading h3 { margin: 0 auto 18px; color: #fff; font-family: 'Barlow Condensed', sans-serif; font-weight: 900; line-height: .97; text-transform: uppercase; }
.jjk-form-heading h2 { font-size: clamp(56px, 8.2vw, 92px); letter-spacing: .035em; text-shadow: 0 0 25px rgba(116,181,239,.46); }
.jjk-form-heading h3 { max-width: 740px; font-size: clamp(27px, 4.5vw, 45px); }
.jjk-form-heading p { max-width: 600px; margin: 0 auto 35px; font-size: clamp(15px, 1.5vw, 18px); line-height: 1.6; color: #d9e8f1; }
.jjk-form-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px 18px; }
.jjk-field { min-width: 0; font-size: 14px; line-height: 1.6; font-weight: 600; color: #e9f5ff; }
.jjk-field span { color: #addcff; }
.jjk-field--full { grid-column: 1 / -1; }
.jjk-field input, .jjk-field select { display: block; width: 100%; min-width: 0; height: 51px; margin-top: 7px; padding: 12px 14px; background: #f4f8fc; border: 1px solid #acc5d8; border-radius: 3px; color: #0c2133; font-size: 15px; }
.jjk-field input::placeholder { color: #677887; }
.jjk-consent { display: flex; gap: 10px; font-size: 13px; line-height: 1.5; font-weight: 400; margin-top: 26px; color: #cbdce9; cursor: pointer; }
.jjk-consent input { margin-top: 3px; min-width: 17px; height: 17px; accent-color: #88caff; }
.jjk-form-notice { margin: 15px 0 22px; line-height: 1.5; color: #a6bfce; font-size: 12px; }
.jjk-submit { color: #071b2d; background: #cceaff; width: 100%; padding: 16px 20px; border: 0; font-family: 'Barlow Condensed', sans-serif; font-size: 23px; font-weight: 800; letter-spacing: .1em; }
.jjk-submit:hover { background: #fff; }
.jjk-submit span { margin-left: 12px; }
.jjk-form-status { text-align: center; padding-top: 14px; font-size: 13px; line-height: 1.6; color: #d6e9f8; }

/* Two independent, keyboard-accessible sliders, replacing Webflow JS. */
.gallery-slider { max-width: 100%; position: relative; }
.gallery-slider-mask { display: flex !important; overflow-x: auto !important; overflow-y: hidden !important; width: 100% !important; height: auto !important; gap: 16px; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.gallery-slider-mask::-webkit-scrollbar { display: none; }
.gallery-slider-mask .w-slide, .gallery-slide-2 { flex: 0 0 clamp(170px, 22vw, 305px) !important; width: clamp(170px,22vw,305px) !important; min-width: 0 !important; height: auto !important; float: none !important; scroll-snap-align: start; display: block !important; margin-right: 0 !important; position: static !important; }
.gallery-slider-mask .w-slide img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; }
.gallery-slider .jjk-slide-next, .gallery-slider .jjk-slide-prev { z-index: 20; width: 44px; height: 44px; border: 1px solid rgba(226,242,255,.42); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: white; background: #061e30c9; cursor: pointer; top: 50%; transform: translateY(-50%); position: absolute; }
.gallery-slider .jjk-slide-prev { left: 3px; }
.gallery-slider .jjk-slide-next { right: 3px; }
.gallery-slider .jjk-slide-prev:hover, .gallery-slider .jjk-slide-next:hover { background: #164e7b; }
.gallery-slider .w-slider-nav { display: none !important; }
.gallery-slider .gallery-lightbox { display: block; }
.gallery-slider .gallery-lightbox img { height: 100%; width: 100%; }

/* FAQ: all answers remain readable with JS disabled only if markup is expanded. */
.jjk-faq-item { overflow: hidden; height: auto !important; }
.jjk-faq-toggle { display: flex !important; width: 100%; justify-content: space-between; align-items: center; gap: 18px; padding: 22px 0; margin: 0; color: #fff !important; text-align: left; border: 0; background: transparent; cursor: pointer; }
.jjk-faq-toggle .accordion-header { min-width: 0; overflow-wrap: anywhere; }
.jjk-faq-toggle .acc-icon-line-ver { transition: transform .2s ease; }
.jjk-faq-toggle[aria-expanded="true"] .acc-icon-line-ver { transform: rotate(90deg) !important; }
.jjk-faq-answer { opacity: 1 !important; position: static !important; display: block; padding: 0 0 25px; background: transparent; color: #eaf4ff; }
.jjk-faq-answer p { margin: 0; }

/* Image lightbox */
.jjk-lightbox { background: rgba(0, 7, 16, .96); color: #fff; position: fixed; z-index: 9999; inset: 0; padding: 7vh 10vw; display: flex; align-items: center; justify-content: center; }
.jjk-lightbox-img { display: block; width: auto; max-width: 100%; height: auto; max-height: 86vh; object-fit: contain; box-shadow: 0 15px 65px rgba(0,0,0,.5); }
.jjk-lightbox button { z-index: 1; font-size: 34px; font-weight: 400; line-height: 1; position: absolute; display: grid; place-items: center; width: 50px; height: 50px; background: #112d43cc; color: #fff; border: 1px solid #89b8d180; border-radius: 50%; }
.jjk-lightbox-close { right: 18px; top: 15px; }
.jjk-lightbox-prev { left: 15px; top: 50%; }
.jjk-lightbox-next { right: 15px; top: 50%; }
body.jjk-modal-open { overflow: hidden; }

/* Fine print / responsible attribution */
.jjk-template-note { max-width: 980px; margin: 15px auto 35px; padding: 0 20px; color: #9fb6c7; font: 12px/1.6 'Noto Sans', sans-serif; text-align: center; }

@media (max-width: 1199px) {
  .jjk-brand--nav { font-size: 19px; width: 148px; }
  .div-block-2:not(.mobile) { min-height: 550px; height: 650px; }
  .div-block-2 .logo-hero { width: 43%; }
  .div-block-2 .jjk-hero-art { width: 45vw; }
}
@media (max-width: 991px) {
  .jjk-nav-toggle { display: flex !important; }
  .navbar-no-shadow-container, .navbar-wrapper { min-height: 70px; }
  .nav-menu-wrapper.jjk-navigation { position: absolute !important; top: 70px !important; right: 0 !important; bottom: auto !important; left: auto !important; width: min(360px,100vw) !important; max-height: calc(100dvh - 80px); overflow-y: auto; display: none !important; border: 1px solid #42607b; background: #071b2b !important; padding: 25px 22px; box-shadow: -12px 15px 50px rgba(0,0,0,.42); }
  .nav-menu-wrapper.jjk-navigation.is-open { display: block !important; }
  .nav-menu-wrapper.jjk-navigation .nav-menu { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 8px !important; }
  .nav-menu-wrapper.jjk-navigation .nav-item { display: block !important; width: 100%; }
  .nav-menu-wrapper.jjk-navigation .nav-link-block { display: block; padding: 9px; }
  .nav-menu-wrapper.jjk-navigation .link-block-2 { display: inline-flex; }
  .nav-menu-wrapper.jjk-navigation .nav-button-item { display: block; }
  .div-block-2:not(.mobile) { height: 610px; min-height: 480px; }
}
@media (max-width: 767px) {
  html { scroll-padding-top: 80px; }
  .jjk-brand--nav { width: 122px; font-size: 18px; }
  .top-bar-wrapper---brix { height: 32px; }
  .navbar-no-shadow-container, .navbar-wrapper { min-height: 62px; }
  .nav-menu-wrapper.jjk-navigation { top: 62px !important; }
  .div-block-2:not(.mobile) { display: none !important; }
  .div-block-2.mobile { display: flex !important; height: auto !important; min-height: 0 !important; flex-direction: column !important; gap: 18px !important; padding: 30px 14px 45px; }
  .div-block-2.mobile .jjk-hero-art { width: min(86vw,440px); max-height: none; margin: 0 auto; object-fit: contain; aspect-ratio: 1/1; }
  .div-block-2.mobile .logo-hero { width: 100%; margin: 0; max-width: 450px; gap: 18px; }
  .div-block-2.mobile .jjk-brand--hero { font-size: clamp(35px, 9vw, 54px); }
  .div-block-2.mobile .div-block-3 { margin-top: 4px; }
  .jjk-filters .div-block-28 { flex-direction: column; align-items: stretch; }
  .jjk-select { flex: 1 1 auto; width: 100%; }
  .jjk-filters .div-block-16 { width: 100%; flex-basis: auto; }
  .jjk-filters .search-field { min-height: 52px; }
  .jjk-form-wrapper { padding: 40px 0; }
  .jjk-form-grid { gap: 14px; }
  .gallery-slider-mask .w-slide, .gallery-slide-2 { flex-basis: clamp(180px,65vw,300px) !important; width: clamp(180px,65vw,300px) !important; }
  .jjk-faq-toggle { padding: 17px 0; }
  .jjk-lightbox { padding: 9vh 3vw; }
  .jjk-lightbox-prev, .jjk-lightbox-next { width: 38px !important; height: 38px !important; font-size: 25px !important; }
}
@media (max-width: 479px) {
  .jjk-brand--nav { font-size: 16px; width: 112px; }
  .div-block-2.mobile { padding-top: 17px; }
  .jjk-form-grid { grid-template-columns: 1fr; }
  .jjk-field--full { grid-column: 1; }
  .jjk-form-heading h2 { font-size: 54px; }
  .jjk-form-heading h3 { font-size: 31px; }
  .jjk-form-wrapper { padding: 40px 2px; }
  .jjk-template-note { margin-bottom: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}


/* ------------------------------------------------------------
   WASIAT4D2 content adaptation — Jujutsu-inspired visual theme
   ------------------------------------------------------------ */
.jjk-brand__jp { font-family: 'Barlow Condensed',sans-serif; font-weight: 900; letter-spacing: .035em; font-size: 1.34em; color: #f7fbff; -webkit-text-stroke: 0; }
.jjk-brand__en { color: #badcff; font-size: .46em; letter-spacing: .18em; padding-top: .14em; }
.jjk-brand__sub { font-size: .36em; white-space: nowrap; letter-spacing: .12em; }
.jjk-brand--nav { font-size: 21px; min-width: 135px; }
.jjk-brand--hero { width: min(100%,650px); font-size: clamp(38px,5.5vw,82px); }
.jjk-brand--footer { font-size: clamp(30px,3vw,46px); }
.nav-menu-wrapper.jjk-navigation .nav-menu { gap: clamp(8px,1.4vw,24px); }
.jjk-hero-tagline { max-width: 650px; color: #e0f4ff; font-family: 'Barlow Condensed',sans-serif; font-size: clamp(21px,2.5vw,35px); font-weight: 700; line-height: 1.14; text-align: center; letter-spacing: .025em; text-transform: uppercase; margin: 24px 0 0; }
.jjk-hero-secondary { display: inline-block; margin-top: 25px; color: #d9ebfb; font-family: 'Barlow Condensed',sans-serif; letter-spacing: .12em; font-weight: 700; font-size: 17px; text-decoration: none; }
.jjk-hero-secondary:hover { color: #fff; }
.jjk-hero-secondary span { margin-left: 7px; }
.jjk-hero-desktop .logo-hero { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.jjk-hero-desktop .jjk-hero-art { object-fit: contain; }
.jjk-hero-mobile .logo-hero { align-items: center; text-align: center; }
.jjk-hero-mobile .jjk-hero-tagline { font-size: clamp(21px,5.6vw,30px); margin-top: 10px; }
.jjk-service-section { scroll-margin-top: 96px; }
.jjk-service-section .header-left h2 { overflow-wrap: anywhere; }
.jjk-service-section .heading-9 { max-width: 750px; font-size: clamp(16px,2.1vw,23px); line-height: 1.45; }
.jjk-service-row .date { min-width: 100px; }
.jjk-service-row .month { font-size: clamp(13px,1vw,16px); }
.jjk-service-row .heading-6 { color: #d7eaff; letter-spacing: .11em; }
.jjk-service-row .main-title-horizontal-wrapper h3 { margin: 3px 0 6px; }
.jjk-service-row .jjk-row-desc { color: #b7cede; font-size: 14px; line-height: 1.5; max-width: 540px; margin: 4px 0 0; }
.jjk-service-row .buy-tickets { flex-shrink: 0; }
.jjk-about-section,.jjk-koneksi-section,.jjk-mengapa-section { scroll-margin-top: 110px; }
.jjk-about-section .about-content,.jjk-koneksi-section .about-content,.jjk-mengapa-section .about-content { align-items: center; }
.jjk-about-section .about-label,.jjk-koneksi-section .about-label,.jjk-mengapa-section .about-label { text-align: center; overflow-wrap: anywhere; }
.jjk-about-section .paragraph,.jjk-koneksi-section .paragraph,.jjk-mengapa-section .paragraph { max-width: 970px; margin: 0 auto 23px; font-size: clamp(16px,1.8vw,21px); line-height: 1.72; text-align: center; }
.jjk-inline-link { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.jjk-koneksi-section { background: linear-gradient(140deg,#051525,#0f2d49 45%,#091a2c); }
.jjk-mengapa-section { background: #06111e; }
.jjk-deco { color: #d5cc87; font-size: clamp(26px,3vw,50px); padding: 0 8px; }
.jjk-highlights { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; width: min(100%,1020px); margin: clamp(16px,3vw,38px) auto 0; }
.jjk-highlight { display:flex; flex-direction:column; background: rgba(14,45,73,.78); border: 1px solid rgba(168,217,246,.23); padding: clamp(20px,2.8vw,32px); min-width:0; min-height:170px; }
.jjk-highlight-number { color:#aacde1; font: 700 13px/1.4 'Barlow Condensed',sans-serif; letter-spacing:.18em; }
.jjk-highlight h3 { font: 900 clamp(26px,2.8vw,34px)/1.08 'Barlow Condensed',sans-serif; margin:18px 0 9px; text-transform:uppercase; overflow-wrap:anywhere; color:#fff; }
.jjk-highlight p { font-size: 14px; line-height:1.6; color:#bdd1e2; margin:0; }
.jjk-faq-section { padding-bottom: clamp(48px,6vw,100px); scroll-margin-top:110px; }
.jjk-faq-section .div-block-6 { max-width: 980px; }
.jjk-faq-section #faq-title { font-size: clamp(40px,5vw,72px); line-height: 1.05; overflow-wrap:anywhere; }
.jjk-faq-intro { text-align: center; color: #bfdae9; margin: 0 auto 27px; font-size:16px; }
.jjk-faq-category { font: 900 clamp(30px,3.5vw,44px)/1.15 'Barlow Condensed',sans-serif; color: #deecf5; letter-spacing:.035em; text-transform: uppercase; margin: 48px 0 17px; scroll-margin-top:100px; }
.jjk-faq-item { border-bottom: 1px solid rgba(168,205,237,.2); }
.jjk-faq-toggle { min-height:74px; }
.jjk-faq-toggle .accordion-header { font-size: clamp(18px,2vw,24px); line-height:1.4; }
.jjk-faq-answer p { font-size:clamp(15px,1.5vw,17px); line-height:1.75; }
.jjk-conclusion .jjk-form-wrapper { padding: clamp(65px,8vw,110px) 18px; }
.jjk-conclusion .jjk-form-container { width: min(100%,900px); }
.jjk-conclusion .jjk-form-heading h3 { font-size: clamp(29px,5.2vw,54px); }
.jjk-conclusion .jjk-form-heading p { max-width: 840px; }
.jjk-conclusion-cta { display: flex; justify-content: center; margin: 35px auto 0; }
.jjk-footer-logo,.jjk-footer-bottom { max-width: 1200px; margin: 0 auto; }
.jjk-footer-info { display:flex; flex-direction:column; align-items:center; gap:12px; max-width:900px; margin: 25px auto 28px; padding:0 18px; text-align:center; }
.jjk-footer-info p { margin:0; font-size:14px; line-height:1.65; color:#c1d5e3; }
.jjk-footer-bottom .footer-links { flex-direction:row; gap:18px; }
@media(max-width:1100px){
  .jjk-brand--nav { font-size:17px; min-width:110px; }
  .nav-menu-wrapper.jjk-navigation .nav-menu { gap:5px; }
  .jjk-service-row { gap:12px; }
  .jjk-service-row .buy-tickets .button-text { font-size:12px; }
}
@media(max-width:991px){
  .jjk-highlights { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px){
  .jjk-brand--nav { font-size:16px; }
  .jjk-highlights { grid-template-columns:1fr; gap:12px; }
  .jjk-highlight { min-height:0; padding:24px; }
  .jjk-highlight h3 { margin:10px 0 7px; }
  .jjk-faq-section #faq-title { font-size:clamp(35px,9vw,52px); }
  .jjk-service-row { display:grid !important; grid-template-columns: 65px 1fr; gap:10px 14px; align-items:center; }
  .jjk-service-row .date { grid-column:1; min-width:0; }
  .jjk-service-row .details { grid-column:2; min-width:0; }
  .jjk-service-row .buy-tickets { grid-column:2; width:max-content; max-width:100%; margin:2px 0 0; }
  .jjk-service-row .heading-4 { overflow-wrap:anywhere; }
  .jjk-footer-bottom { display:flex; flex-direction:column; gap:15px; align-items:center; text-align:center; }
  .jjk-footer-bottom .footer-links { flex-flow:row wrap; justify-content:center; gap:12px; }
}
@media(max-width:420px){
  .jjk-service-row { grid-template-columns: 52px 1fr; }
  .jjk-service-row .heading-4 { font-size:20px; line-height:1.3; }
  .jjk-service-row .jjk-row-desc { font-size:13px; }
  .jjk-faq-toggle .accordion-header { font-size:16px; }
  .jjk-brand--hero { font-size:clamp(32px,10vw,40px) !important; }
}

/* --- refinement.css --- */
/*
  WASIAT4D2 • Jujutsu Kaisen visual refinement wasiat4d2-lp-jjk-stable-2.0.1
  Purpose: balanced spacing, fluid type, predictable component sizes,
  consistent desktop/mobile behavior. Layered after theme.css.
*/
:root {
  --jjk-content: 1120px;
  --jjk-gold: #d5cc87;
  --jjk-softline: rgba(171, 210, 239, .22);
  --jjk-radius: 12px;
}
html { scroll-padding-top: 90px; }
body.body { font-size: 15px; line-height: 1.6; }
.jjk-main { isolation: isolate; }
.jjk-main > section, .jjk-main > .div-block-26 { min-width: 0; }

/* Navbar: no duplicate desktop hamburger or overlay from Webflow. */
.top-bar-wrapper---brix { height: 32px; }
.top-bar-container---brix { min-height: 32px; }
.navbar-no-shadow { top: 0 !important; }
.navbar-no-shadow-container { min-height: 70px; }
.navbar-no-shadow .container-regular {
  width: min(100% - 48px, 1380px);
  max-width: none;
  height: auto;
  min-height: 70px;
  margin-inline: auto;
}
.navbar-wrapper { min-height: 70px; gap: clamp(12px, 2vw, 26px); }
.navbar-brand { flex: 0 0 auto; min-width: 0; }
.jjk-brand--nav { width: 156px; min-width: 0; font-size: 18px; }
.nav-menu-wrapper.jjk-navigation {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  flex: 1 1 auto;
  min-width: 0;
  justify-content: center;
}
.nav-menu-wrapper.jjk-navigation .nav-menu {
  display: flex;
  gap: clamp(10px, 1.45vw, 22px);
  justify-content: center;
  align-items: center;
}
.nav-menu-wrapper.jjk-navigation .nav-item { flex: 0 0 auto; }
.nav-menu-wrapper.jjk-navigation .nav-link-block { padding: 9px 0; }
.nav-menu-wrapper.jjk-navigation .nav-link {
  font: 700 13px/1.25 'Noto Sans', sans-serif;
  letter-spacing: .055em;
  white-space: nowrap;
}
.div-block-14 { margin: 0; gap: 8px; flex: 0 0 auto; }

/* Single button system across navigation, hero, lists and closing CTA. */
.buy-tickets.nav {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  width: auto;
  max-width: 100%;
  padding: 11px 19px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: var(--jjk-gold);
  color: #081b2b;
  box-shadow: none;
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease;
  transform: none !important;
}
.buy-tickets.nav:hover { background: #f0e7a9; }
.buy-tickets.nav:active { background: #c5bc76; }
.buy-tickets.nav .button-text {
  width: auto;
  padding: 0;
  color: inherit;
  font: 800 13px/1.25 'Noto Sans', sans-serif;
  letter-spacing: .025em;
  text-align: center;
  white-space: normal;
}
/* Use a stable text arrow; avoid external decorative icon dependency. */
.buy-tickets.nav img[aria-hidden="true"] { display: none !important; }
.buy-tickets.nav::after { content: '↗'; display: inline-block; font: 700 16px/1 sans-serif; }
.div-block-14 .buy-tickets.nav { min-height: 43px; padding: 10px 14px; }
.div-block-14 .buy-tickets.nav .button-text { font-size: 12px; }
@media (min-width: 1200px) {
  .jjk-nav-toggle { display: none !important; }
  .nav-menu-wrapper.jjk-navigation { display: flex !important; }
}

/* Hero: constrained content width, less vertical waste, balanced split. */
.div-block-26 { overflow: hidden; }
.div-block-2.jjk-hero-desktop {
  min-height: 560px;
  height: auto;
  max-width: 1500px;
  margin: 0 auto;
  padding: clamp(46px, 5.4vw, 80px) clamp(24px, 4vw, 60px);
  gap: clamp(16px, 4vw, 64px);
  align-items: center;
  justify-content: center;
}
.div-block-2.jjk-hero-desktop .logo-hero {
  flex: 1 1 52%;
  width: auto;
  max-width: 660px;
  min-width: 0;
  margin: 0;
  gap: 0;
  align-items: center;
  text-align: center;
}
.div-block-2.jjk-hero-desktop .jjk-brand--hero {
  width: 100%;
  font-size: clamp(36px, 4.6vw, 68px);
}
.jjk-brand__jp { line-height: 1.06; letter-spacing: .025em; }
.jjk-brand__en { line-height: 1.22; letter-spacing: .125em; }
.jjk-brand__sub { margin-top: .32em; padding: .35em .65em .08em; line-height: 1.3; letter-spacing: .14em; }
.jjk-hero-tagline {
  max-width: 550px;
  margin: clamp(18px, 2.5vw, 30px) auto 0;
  font-size: clamp(21px, 2.3vw, 30px);
  line-height: 1.25;
  letter-spacing: .014em;
}
.div-block-2 .div-block-3 {
  margin: 24px 0 0;
  gap: 0;
}
.jjk-hero-secondary {
  margin-top: 19px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .075em;
  text-underline-offset: 5px;
}
.div-block-2.jjk-hero-desktop .jjk-hero-art {
  flex: 0 1 45%;
  display: block;
  width: min(44vw, 580px);
  height: auto;
  max-height: 540px;
  min-width: 0;
  margin: 0;
  object-fit: contain;
  object-position: center;
  aspect-ratio: 1 / 1;
  border-radius: var(--jjk-radius);
}

/* Service rows: consistent three-column composition and button size. */
.jjk-service-section {
  position: relative;
  top: auto;
  gap: 24px;
  margin: 0;
  padding: clamp(52px, 6vw, 84px) clamp(18px, 5vw, 68px);
  background: #061421;
  align-items: center;
}
.jjk-service-section .header-left {
  width: min(100%, var(--jjk-content));
  gap: 9px;
  padding: 0;
  margin: 0;
  align-items: center;
}
.jjk-service-section .h2 {
  font: 800 clamp(36px, 4.2vw, 54px)/1.1 'Barlow Condensed', sans-serif;
  letter-spacing: .025em;
  filter: none;
  text-wrap: balance;
}
.jjk-service-section .heading-9 {
  margin: 0;
  max-width: 680px;
  color: #c5d6e4;
  font: 400 clamp(14px, 1.5vw, 17px)/1.65 'Noto Sans',sans-serif;
  text-align: center;
}
.jjk-service-section .dates-collection-wrapper-2 {
  width: min(100%, var(--jjk-content));
  max-width: var(--jjk-content);
  margin: 0;
}
.jjk-service-section .dates-list {
  display: grid;
  gap: 13px;
  margin: 0;
}
.jjk-service-row {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  gap: clamp(16px, 2.6vw, 32px);
  align-items: center;
  width: 100%;
  padding: 20px clamp(18px, 2.7vw, 30px);
  border: 1px solid var(--jjk-softline);
  border-radius: var(--jjk-radius);
  background: rgba(11, 33, 51, .86);
  box-shadow: none;
  backdrop-filter: none;
}
.jjk-service-row .date {
  grid-column: 1;
  min-width: 0;
  width: 100%;
  gap: 1px;
}
.jjk-service-row .month { min-width: 0; font: 700 12px/1.35 'Barlow Condensed',sans-serif; letter-spacing: .12em; }
.jjk-service-row .day { margin: 0; font: 800 32px/1 'Barlow Condensed',sans-serif; }
.jjk-service-row .details { grid-column: 2; gap: 2px; min-width: 0; }
.jjk-service-row .heading-6 { margin: 0; font: 700 12px/1.45 'Noto Sans',sans-serif; letter-spacing: .13em; }
.jjk-service-row .main-title-horizontal-wrapper { margin: 0; }
.jjk-service-row .heading-4,
.jjk-service-row .main-title-horizontal-wrapper h3 {
  font: 800 clamp(21px, 2.1vw, 27px)/1.18 'Barlow Condensed',sans-serif;
  margin: 3px 0 5px;
  text-wrap: pretty;
}
.jjk-service-row .jjk-row-desc { margin: 0; max-width: 620px; font: 400 14px/1.6 'Noto Sans',sans-serif; }
.jjk-service-row .buy-tickets.nav { grid-column: 3; justify-self: end; padding: 10px 15px; min-height: 43px; white-space: nowrap; }
.jjk-service-row .buy-tickets.nav .button-text { font-size: 12px; }

/* Content sections: even padding, moderate heading scale, readable line length. */
.jjk-about-section, .jjk-koneksi-section, .jjk-mengapa-section {
  width: 100%;
  min-width: 0;
  padding: clamp(22px, 3.2vw, 42px) clamp(16px, 4vw, 48px);
  margin: 0;
  scroll-margin-top: 84px;
}
.jjk-about-section { padding-top: clamp(38px, 5vw, 60px); }
.jjk-mengapa-section { padding-bottom: clamp(38px, 5vw, 62px); }
.jjk-about-section .about-wrapper,
.jjk-koneksi-section .about-wrapper,
.jjk-mengapa-section .about-wrapper {
  width: min(100%, var(--jjk-content));
  max-width: var(--jjk-content);
  margin: 0 auto;
  padding: 0;
  gap: 0;
}
.jjk-about-section .about-content,
.jjk-koneksi-section .about-content,
.jjk-mengapa-section .about-content {
  width: 100%;
  gap: 16px;
  padding: clamp(28px, 4vw, 54px) clamp(22px, 5vw, 68px);
  border: 1px solid var(--jjk-softline);
  border-radius: var(--jjk-radius);
  background-color: rgba(4, 18, 32, .56);
  box-shadow: none;
  backdrop-filter: none;
}
.jjk-about-section .div-block-29,
.jjk-koneksi-section .div-block-29,
.jjk-mengapa-section .div-block-29 {
  width: 100%;
  gap: clamp(8px, 2vw, 18px);
  justify-content: center;
  align-items: center;
  margin: 0 0 8px;
}
.jjk-about-section .div-block-29 img { width: clamp(32px, 5vw, 64px); height: auto; object-fit: contain; }
.jjk-deco { flex: 0 0 auto; font-size: clamp(16px, 2.8vw, 29px); padding: 0; }
.jjk-about-section .about-label,
.jjk-koneksi-section .about-label,
.jjk-mengapa-section .about-label {
  flex: 0 1 auto;
  max-width: 100%;
  margin: 0;
  font: 800 clamp(30px, 3.7vw, 48px)/1.12 'Barlow Condensed',sans-serif;
  letter-spacing: .02em;
  text-align: center;
  filter: none;
  text-wrap: balance;
}
.jjk-about-section .paragraph,
.jjk-koneksi-section .paragraph,
.jjk-mengapa-section .paragraph {
  max-width: 850px;
  margin: 0 auto;
  color: #d6e4ef;
  font: 400 clamp(15px, 1.3vw, 16px)/1.77 'Noto Sans',sans-serif;
  text-align: center;
  text-wrap: pretty;
}
.jjk-inline-link { color: #fff; }
.jjk-highlights {
  width: 100%;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  margin: 15px auto 0;
}
.jjk-highlight {
  min-height: 0;
  padding: clamp(20px, 2.5vw, 28px);
  border: 1px solid var(--jjk-softline);
  border-radius: 9px;
  background: rgba(18, 50, 76, .67);
}
.jjk-highlight-number { font-size: 12px; letter-spacing: .14em; }
.jjk-highlight h3 { margin: 11px 0 8px; font-size: clamp(24px, 2.1vw, 30px); line-height: 1.12; }
.jjk-highlight p { font-size: 14px; line-height: 1.65; }

/* FAQ: avoid uppercase dense long lines; reliable accordion sizing. */
.jjk-faq-section {
  width: 100%;
  padding: clamp(58px, 6vw, 80px) clamp(18px, 5vw, 56px) clamp(64px, 7vw, 98px);
  margin: 0;
  scroll-margin-top: 85px;
}
.jjk-faq-section .div-block-6 {
  display: flex;
  flex-direction: column;
  width: min(100%, 980px);
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
}
.jjk-faq-section #faq-title {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 10px;
  padding: 0;
  font: 800 clamp(36px, 4.2vw, 55px)/1.1 'Barlow Condensed',sans-serif;
  letter-spacing: .02em;
  filter: none;
  text-align: center;
  text-wrap: balance;
}
.jjk-faq-intro { margin: 0 auto 9px; max-width: 680px; font-size: 15px; line-height: 1.6; }
.jjk-faq-category {
  margin: 32px 0 11px;
  font: 800 clamp(25px, 2.6vw, 32px)/1.2 'Barlow Condensed',sans-serif;
  letter-spacing: .025em;
  scroll-margin-top: 85px;
}
.jjk-faq-item {
  height: auto !important;
  min-width: 0;
  margin: 0 0 9px;
  padding: 0 clamp(16px, 2.5vw, 25px);
  border: 1px solid var(--jjk-softline);
  border-radius: 9px;
  background: #0c2031b5;
  box-shadow: none;
  backdrop-filter: none;
}
.jjk-faq-toggle {
  height: auto;
  min-height: 63px;
  padding: 16px 0;
  gap: 14px;
}
.jjk-faq-toggle .accordion-header {
  flex: 1 1 auto;
  width: auto;
  margin: 0;
  padding: 0;
  font: 600 clamp(14px, 1.3vw, 16px)/1.5 'Noto Sans',sans-serif;
  letter-spacing: 0;
  text-transform: none;
  overflow-wrap: break-word;
}
.jjk-faq-toggle .accordion-icon {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  margin: 0;
}
.jjk-faq-answer {
  margin: 0;
  padding: 0 clamp(0px, 4vw, 40px) 20px 0;
  background: transparent;
}
.jjk-faq-answer p { color: #c6d8e7; font: 400 15px/1.72 'Noto Sans',sans-serif; text-align: left; }

/* Conclusion and footer: no oversized empty margin from reference. */
.jjk-conclusion { width: 100%; margin: 0; padding: 0; background: linear-gradient(180deg,#071827,#0b2940 70%,#061421); }
.jjk-conclusion .jjk-form-wrapper { width: 100%; padding: clamp(60px, 6.5vw, 86px) clamp(20px, 5vw, 50px); }
.jjk-conclusion .jjk-form-container { width: min(100%, 790px); }
.jjk-conclusion .jjk-form-heading h2 {
  margin: 0 auto 8px;
  font-size: clamp(46px, 5.7vw, 70px);
  line-height: 1.05;
  text-shadow: none;
}
.jjk-conclusion .jjk-form-heading h3 { margin: 0 auto 19px; font-size: clamp(26px, 3.7vw, 42px); line-height: 1.15; }
.jjk-conclusion .jjk-form-heading p {
  margin: 0 auto 14px;
  max-width: 750px;
  color: #d3e2ed;
  font-size: clamp(14px, 1.45vw, 16px);
  line-height: 1.72;
  text-wrap: pretty;
}
.jjk-conclusion-cta { margin: 23px auto 0; }
.footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 0;
  gap: 14px;
  margin: 0;
  padding: clamp(42px, 5vw, 62px) clamp(20px, 4vw, 50px) 24px;
  border-top: 1px solid var(--jjk-softline);
  background: #030b13;
}
.jjk-footer-logo { justify-content: center; width: 100%; }
.jjk-brand--footer { font-size: clamp(27px, 3vw, 40px); }
.jjk-footer-info { max-width: 790px; gap: 9px; margin: 7px auto 16px; padding: 0; }
.jjk-footer-info p { font-size: 13px; line-height: 1.65; }
.jjk-footer-bottom {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-top: 18px;
  border-top: 1px solid var(--jjk-softline);
}
.jjk-footer-bottom .footer-text { font: 400 12px/1.6 'Noto Sans',sans-serif; color: #b8cad8; }
.jjk-footer-bottom .footer-links { display: flex; flex-flow: row wrap; gap: 15px; align-items: center; }
.jjk-footer-bottom .footer-link { font: 600 11px/1.5 'Noto Sans',sans-serif; letter-spacing: .02em; white-space: nowrap; }

/* Compact navigation begins before nav + CTA crowd one another. */
@media (max-width: 1199px) {
  .navbar-no-shadow .container-regular { width: calc(100% - 36px); }
  .navbar-wrapper { gap: 14px; }
  .jjk-nav-toggle { display: flex !important; }
  .nav-menu-wrapper.jjk-navigation {
    display: none !important;
    position: absolute !important;
    inset: 70px 0 auto auto !important;
    width: min(350px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 80px);
    padding: 18px;
    overflow-y: auto;
    border: 1px solid var(--jjk-softline);
    border-radius: 0 0 12px 12px;
    background: #071b2b !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.4);
  }
  .nav-menu-wrapper.jjk-navigation.is-open { display: block !important; }
  .nav-menu-wrapper.jjk-navigation .nav-menu { flex-direction: column !important; align-items: stretch !important; gap: 4px !important; }
  .nav-menu-wrapper.jjk-navigation .nav-link-block { display: block; padding: 12px; border-radius: 6px; }
  .nav-menu-wrapper.jjk-navigation .nav-button-item { display: block; padding: 8px 12px 2px; }
  .nav-menu-wrapper.jjk-navigation .nav-button-item .buy-tickets { width: 100%; }
  .div-block-2.jjk-hero-desktop { min-height: 510px; }
  .div-block-2.jjk-hero-desktop .jjk-brand--hero { font-size: clamp(35px, 4.7vw, 56px); }
}
@media (max-width: 767px) {
  html { scroll-padding-top: 75px; }
  .navbar-no-shadow-container,.navbar-wrapper,.navbar-no-shadow .container-regular { min-height: 64px; }
  .navbar-no-shadow .container-regular { width: calc(100% - 30px); }
  .jjk-brand--nav { width: 127px; min-width: 0; font-size: 16px; }
  .div-block-14 .buy-tickets.nav { padding: 10px 12px; }
  .div-block-14 .buy-tickets.nav .button-text { font-size: 11px; }
  .nav-menu-wrapper.jjk-navigation { inset: 64px 0 auto auto !important; }
  .div-block-2.jjk-hero-desktop { display: none !important; }
  .div-block-2.mobile.jjk-hero-mobile {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 4px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 22px 18px 44px;
  }
  .div-block-2.mobile.jjk-hero-mobile .jjk-hero-art {
    display: block;
    width: min(86vw, 360px);
    height: auto;
    max-height: 330px;
    margin: 0 auto 8px;
    object-fit: contain;
    aspect-ratio: 1 / 1;
  }
  .div-block-2.mobile.jjk-hero-mobile .logo-hero {
    width: 100%;
    max-width: 520px;
    margin: 0;
    gap: 0;
    text-align: center;
  }
  .div-block-2.mobile.jjk-hero-mobile .jjk-brand--hero { font-size: clamp(34px, 8.6vw, 52px); }
  .div-block-2.mobile.jjk-hero-mobile .jjk-hero-tagline { margin-top: 16px; font-size: clamp(21px, 5vw, 27px); }
  .div-block-2.mobile.jjk-hero-mobile .div-block-3 { margin-top: 20px; }
  .jjk-hero-secondary { margin-top: 18px; }
  .jjk-service-section { padding: 48px 18px; gap: 23px; }
  .jjk-service-section .dates-list { gap: 11px; }
  .jjk-service-row { grid-template-columns: 54px minmax(0, 1fr); gap: 9px 15px; padding: 18px; }
  .jjk-service-row .date { grid-column: 1; grid-row: 1 / span 2; align-self: start; padding-top: 6px; }
  .jjk-service-row .details { grid-column: 2; grid-row: 1; }
  .jjk-service-row .buy-tickets.nav { grid-column: 2; grid-row: 2; justify-self: start; margin: 3px 0 0; }
  .jjk-service-row .heading-4 { font-size: 23px; }
  .jjk-about-section, .jjk-koneksi-section, .jjk-mengapa-section { padding: 18px 16px; }
  .jjk-about-section { padding-top: 26px; }
  .jjk-mengapa-section { padding-bottom: 36px; }
  .jjk-about-section .about-content, .jjk-koneksi-section .about-content, .jjk-mengapa-section .about-content {
    padding: 27px 20px;
    gap: 15px;
  }
  .jjk-about-section .div-block-29, .jjk-koneksi-section .div-block-29, .jjk-mengapa-section .div-block-29 { gap: 8px; }
  .jjk-about-section .about-label, .jjk-koneksi-section .about-label, .jjk-mengapa-section .about-label { font-size: clamp(27px, 7.4vw, 39px); }
  .jjk-about-section .paragraph, .jjk-koneksi-section .paragraph, .jjk-mengapa-section .paragraph {
    font-size: 15px;
    line-height: 1.75;
    text-align: left;
  }
  .jjk-highlights { grid-template-columns: 1fr; gap: 10px; margin-top: 9px; }
  .jjk-highlight { padding: 20px; }
  .jjk-highlight h3 { margin-top: 9px; font-size: 25px; }
  .jjk-faq-section { padding: 50px 16px 68px; }
  .jjk-faq-section #faq-title { font-size: clamp(34px, 7.5vw, 43px); }
  .jjk-faq-intro { font-size: 14px; }
  .jjk-faq-category { margin: 29px 0 11px; font-size: 28px; }
  .jjk-faq-item { padding: 0 16px; margin-bottom: 8px; }
  .jjk-faq-toggle { min-height: 62px; padding: 15px 0; }
  .jjk-faq-answer { padding: 0 0 18px; }
  .jjk-faq-answer p { font-size: 14px; }
  .jjk-conclusion .jjk-form-wrapper { padding: 57px 18px; }
  .jjk-conclusion .jjk-form-heading h2 { font-size: clamp(45px, 9vw, 58px); }
  .jjk-conclusion .jjk-form-heading h3 { font-size: clamp(27px, 6vw, 36px); }
  .jjk-conclusion .jjk-form-heading p { font-size: 14px; }
  .footer { padding: 43px 18px 25px; }
  .jjk-footer-bottom { flex-direction: column; text-align: center; gap: 12px; }
  .jjk-footer-bottom .footer-links { justify-content: center; gap: 14px; }
}
@media (max-width: 420px) {
  .navbar-no-shadow .container-regular { width: calc(100% - 22px); }
  .jjk-brand--nav { width: 116px; font-size: 14px; }
  .div-block-14 { gap: 6px; }
  .div-block-14 .buy-tickets.nav { min-height: 39px; padding: 8px 9px; }
  .div-block-14 .buy-tickets.nav .button-text { font-size: 10px; }
  .div-block-14 .buy-tickets.nav::after { font-size: 13px; }
  .jjk-nav-toggle { width: 42px; height: 42px; padding: 8px; }
  .div-block-2.mobile.jjk-hero-mobile .jjk-brand--hero { font-size: clamp(29px, 8.8vw, 38px) !important; }
  .div-block-2.mobile.jjk-hero-mobile .jjk-hero-tagline { font-size: clamp(19px, 5.4vw, 23px); }
  .jjk-service-row { grid-template-columns: 43px minmax(0,1fr); gap: 9px 11px; padding: 16px 14px; }
  .jjk-service-row .heading-4 { font-size: 21px; }
  .jjk-service-row .jjk-row-desc { font-size: 13px; }
  .jjk-about-section .about-content, .jjk-koneksi-section .about-content, .jjk-mengapa-section .about-content { padding: 25px 17px; }
  .jjk-about-section .div-block-29 img { display: none; }
  .jjk-deco { display: none; }
  .jjk-about-section .about-label, .jjk-koneksi-section .about-label, .jjk-mengapa-section .about-label { font-size: 28px; }
  .jjk-faq-toggle .accordion-header { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .buy-tickets.nav { transition: none; }
}

/* Correct inherited Webflow header padding, position and fixed height. */
.top-bar-wrapper---brix { position: relative; top: auto; inset: auto; }
.top-bar-container---brix { height: 32px; min-height: 0; padding: 0 42px; }
.navbar-no-shadow { position: sticky; height: auto !important; min-height: 70px; }
.navbar-no-shadow-container { padding: 0 !important; }
@media (max-width: 767px) {
  .navbar-no-shadow { min-height: 64px; }
}
@media (max-width: 479px) {
  .div-block-2.mobile.jjk-hero-mobile .jjk-hero-art {
    width: min(78vw, 320px);
    max-height: 292px;
  }
}
@media (max-width: 360px) {
  /* The CTA remains available inside the mobile menu. */
  .navbar-wrapper > .div-block-14 > .div-block { display: none !important; }
  .jjk-nav-toggle { margin-left: auto; }
}


/* wasiat4d2-lp-jjk-stable-2.0.1 — replace text brand marks with the supplied PNG logo. */
.jjk-brand { filter: none; }
.jjk-logo { display: block; width: 100%; height: auto; object-fit: contain; }
.jjk-brand--nav { width: clamp(150px, 14vw, 210px); }
.jjk-logo--nav { width: 100%; max-width: 100%; }
.jjk-brand--hero { width: min(100%, 520px); }
.jjk-logo--hero { width: 100%; max-width: 100%; filter: drop-shadow(0 10px 22px rgba(0,0,0,.32)); }
.jjk-brand--footer { width: min(100%, 360px); }
.jjk-logo--footer { width: 100%; max-width: 100%; }
.navbar-brand { display: inline-flex; align-items: center; }
.footer-horizontal-wrapper.jjk-footer-logo .link-block-6 { text-decoration: none; }
@media (max-width: 991px) {
  .jjk-brand--nav { width: 160px; }
  .jjk-brand--hero { width: min(100%, 420px); }
}
@media (max-width: 767px) {
  .jjk-brand--nav { width: 145px; }
  .jjk-brand--hero { width: min(100%, 340px); }
  .jjk-brand--footer { width: min(100%, 250px); }
}

/* --- poster.css --- */
/* wasiat4d2-lp-jjk-stable-2.0.1 — Local WASIAT4D2 anime poster (replaces Squarespace CDN image). */
.div-block-2 .jjk-hero-poster-link {
  position: relative;
  z-index: 3;
  display: block;
  flex: 0 1 45%;
  width: min(44vw, 580px);
  max-width: 580px;
  min-width: 0;
  flex-shrink: 1;
  align-self: center;
  margin: 0;
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .24);
  line-height: 0;
  transition: box-shadow .18s ease;
}
.div-block-2 .jjk-hero-poster-link:hover {
  box-shadow: 0 20px 56px rgba(0, 0, 0, .34);
}
.div-block-2 .jjk-hero-poster-link:focus-visible {
  outline: 3px solid #f2db85;
  outline-offset: 5px;
}
.div-block-2 .jjk-hero-poster-link .jjk-custom-poster {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
  border: 0;
  border-radius: inherit;
  box-shadow: none;
  /* Unlike the old artwork, the poster has important text at the bottom. */
  -webkit-mask-image: none;
  mask-image: none;
}
@media (max-width: 767px) {
  .div-block-2.mobile.jjk-hero-mobile {
    padding-top: 18px;
    padding-bottom: 38px;
    gap: 0 !important;
  }
  .div-block-2.mobile.jjk-hero-mobile .jjk-hero-poster-link {
    flex: none;
    width: min(100%, 500px);
    max-width: 100%;
    margin: 0 auto;
    align-self: center;
  }
  /* The poster itself already contains the brand, tagline and visual CTA. */
  .div-block-2.mobile.jjk-hero-mobile .logo-hero .jjk-brand--hero,
  .div-block-2.mobile.jjk-hero-mobile .logo-hero .jjk-hero-tagline {
    display: none !important;
  }
  .div-block-2.mobile.jjk-hero-mobile .logo-hero {
    padding-top: 8px;
  }
  .div-block-2.mobile.jjk-hero-mobile .logo-hero .div-block-3 {
    margin-top: 6px;
  }
  .div-block-2.mobile.jjk-hero-mobile .jjk-hero-secondary {
    margin-top: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .div-block-2 .jjk-hero-poster-link { transition: none; }
}

/* --- responsive-polish.css --- */
/* WASIAT4D2 wasiat4d2-lp-jjk-stable-2.0.1 – Responsive QA fixes, final cascade layer. */
/* Keep existing Jujutsu-inspired palette, assets and spacing system. */
html, body.body {
  max-width: 100%;
  overflow-x: clip;
}
body.body { min-width: 0; }

/* Webflow's original brand link adds a fixed 200px width + top padding.
   This forced the hamburger outside the viewport at some intermediate widths. */
.navbar-wrapper { min-width: 0; justify-content: space-between; }
.navbar-brand, .navbar-brand.w-nav-brand {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 1 auto;
  align-self: center;
  width: auto;
  height: auto;
  min-height: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.navbar-brand .jjk-brand--nav { max-width: 100%; }
.navbar-brand .jjk-logo { height: auto; }
.div-block-14 { margin-left: auto; }

@media (max-width: 767px) {
  .navbar-brand .jjk-brand--nav { width: clamp(124px, 34vw, 145px); }
  .jjk-service-section { padding-inline: clamp(14px, 4.5vw, 20px); }

  /* Small screens: use full-width content instead of squeezing typography
     into the reference's narrow date/number column. */
  .jjk-service-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px 0;
    padding: clamp(16px, 4vw, 21px);
    align-items: start;
  }
  .jjk-service-row .date {
    display: inline-flex !important;
    flex-flow: row nowrap !important;
    justify-content: flex-start;
    align-items: baseline;
    gap: 9px;
    grid-column: 1;
    grid-row: 1;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }
  .jjk-service-row .day {
    order: -1;
    display: block;
    width: auto;
    margin: 0;
    font: 800 25px/1.08 'Barlow Condensed', sans-serif;
    color: var(--jjk-gold);
  }
  .jjk-service-row .month {
    display: block;
    width: auto;
    margin: 0;
    font: 700 11px/1.4 'Noto Sans', sans-serif;
    letter-spacing: .13em;
    color: #c5d7e6;
  }
  .jjk-service-row .details {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
    gap: 3px;
    margin: 0;
    padding: 0;
  }
  .jjk-service-row .heading-6 { font-size: 11px; line-height: 1.5; }
  .jjk-service-row .main-title-horizontal-wrapper { max-width: 100%; }
  .jjk-service-row .heading-4,
  .jjk-service-row .main-title-horizontal-wrapper h3 {
    margin: 2px 0 3px;
    font-size: clamp(22px, 5vw, 26px);
    line-height: 1.16;
    overflow-wrap: break-word;
  }
  .jjk-service-row .jjk-row-desc {
    max-width: 100%;
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    overflow-wrap: anywhere;
  }
  .jjk-service-row .buy-tickets.nav {
    grid-column: 1;
    grid-row: 3;
    justify-self: start;
    width: min(100%, 214px);
    min-height: 44px;
    margin: 5px 0 0;
  }
  .jjk-faq-item { padding-inline: clamp(13px, 3.8vw, 18px); }
  .jjk-faq-toggle { gap: 11px; min-height: 58px; padding-block: 15px; }
  .jjk-faq-toggle .accordion-header { font-size: 14.5px; line-height: 1.5; }
  .jjk-faq-toggle .accordion-icon { flex: 0 0 25px; width: 25px; height: 25px; }
  .jjk-faq-answer p { font-size: 14px; line-height: 1.72; }
  .jjk-about-section .paragraph,
  .jjk-koneksi-section .paragraph,
  .jjk-mengapa-section .paragraph { line-height: 1.72; }
  .jjk-footer-info p { overflow-wrap: break-word; }
}

/* The mobile nav contains the same CTA; hide its cramped header copy. */
@media (max-width: 540px) {
  .navbar-no-shadow .container-regular { width: calc(100% - 28px); }
  .div-block-14 > .div-block { display: none !important; }
  .jjk-nav-toggle { flex: 0 0 auto; }
}

/* The old Webflow top-bar sets font-size:0 below 479px,
   leaving a blank blue strip. Avoid that dead space. */
@media (max-width: 479px) {
  .top-bar-wrapper---brix { display: none !important; }
  .navbar-no-shadow { top: 0 !important; }
}
@media (max-width: 359px) {
  .navbar-brand .jjk-brand--nav { width: 126px; }
  .navbar-no-shadow .container-regular { width: calc(100% - 22px); }
  .jjk-service-section .h2 { font-size: clamp(32px, 10.5vw, 37px); }
  .jjk-service-row { padding: 16px; }
  .jjk-service-row .heading-4,
  .jjk-service-row .main-title-horizontal-wrapper h3 { font-size: 22px; }
  .jjk-faq-section #faq-title { font-size: 34px; }
  .jjk-conclusion .jjk-form-heading h2 { font-size: clamp(38px, 12vw, 45px); }
}

/* Give the open hamburger menu intrinsic height instead of the
   Webflow menu's inherited viewport-height panel. */
@media (max-width: 1199px) {
  .nav-menu-wrapper.jjk-navigation {
    height: auto !important;
    min-height: 0 !important;
    max-height: min(calc(100dvh - 88px), 480px);
    overflow-y: auto;
  }
}

@media (max-width: 767px) {
  /* Heading, service description and action should share one left axis. */
  .jjk-service-row .details { align-items: flex-start !important; text-align: left !important; }
  .jjk-service-row .heading-6,
  .jjk-service-row .heading-4,
  .jjk-service-row .main-title-horizontal-wrapper h3 { text-align: left !important; }
  .jjk-service-row .main-title-horizontal-wrapper {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: 100%;
  }
  /* Reduce the inherited gap underneath content-card headings. */
  .jjk-about-section .about-content,
  .jjk-koneksi-section .about-content,
  .jjk-mengapa-section .about-content { gap: 12px; }
  .jjk-about-section .div-block-29,
  .jjk-koneksi-section .div-block-29,
  .jjk-mengapa-section .div-block-29 { margin-bottom: 0; min-height: 0; }
}

/* --- footer-drawer-fix.css --- */
/* WASIAT4D2 wasiat4d2-lp-jjk-stable-2.0.1: precise centered footer + accessible viewport drawer.
   Final stylesheet intentionally takes precedence over Webflow legacy rules. */

/* Footer – one shared central axis across every viewport. */
.footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  --jjk-footer-gutter: clamp(16px, 4vw, 48px);
  gap: clamp(16px, 2.5vw, 23px) !important;
  padding: clamp(38px, 5vw, 60px) var(--jjk-footer-gutter) 28px !important;
  text-align: center;
}
.footer .jjk-footer-logo {
  display: flex !important;
  width: min(100%, 860px) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
}
.footer .jjk-footer-logo > .link-block-6 {
  display: flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 auto !important;
  line-height: 0;
}
.footer .jjk-footer-logo .jjk-brand--footer {
  display: block !important;
  flex: none !important;
  width: clamp(210px, 30vw, 340px) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
.footer .jjk-logo--footer { width: 100% !important; height: auto !important; }
.footer .jjk-footer-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: min(100%, 790px) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  gap: 9px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}
.footer .jjk-footer-info p {
  width: 100%;
  max-width: 75ch;
  margin: 0 auto !important;
  overflow-wrap: break-word;
  text-align: center !important;
  text-wrap: pretty;
  line-height: 1.65;
}
/* Full-bleed dividing rule: precisely spans both viewport edges without 100vw overflow. */
.footer .jjk-footer-divider {
  display: block;
  width: calc(100% + 2 * var(--jjk-footer-gutter));
  max-width: none;
  height: 1px;
  min-height: 1px;
  flex: 0 0 1px;
  margin-inline: calc(-1 * var(--jjk-footer-gutter));
  padding: 0;
  border: 0;
  background: var(--jjk-softline, rgba(180,214,239,.28));
  pointer-events: none;
}
.footer .jjk-footer-bottom {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  width: min(100%, 860px) !important;
  max-width: 100% !important;
  gap: 12px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  border-top: 0 !important;
}
.footer .jjk-footer-bottom .footer-text { max-width: 100%; text-align: center; }
.footer .jjk-footer-bottom .footer-links {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px 22px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}
.footer .jjk-footer-bottom .footer-link { display: inline-flex; min-height: 30px; align-items: center; }
@media (max-width: 420px) {
  .footer { --jjk-footer-gutter: 16px; gap: 16px !important; padding: 38px var(--jjk-footer-gutter) 24px !important; }
  .footer .jjk-footer-logo .jjk-brand--footer { width: min(250px, 100%) !important; }
  .footer .jjk-footer-info p { font-size: 12.5px; line-height: 1.65; }
  .footer .jjk-footer-bottom .footer-links { gap: 6px 14px !important; }
}

/* --- interaction-polish.css --- */
/* WASIAT4D2 wasiat4d2-lp-jjk-stable-2.0.1 — stable, low-cost Jujutsu-themed interactions.
   Keep page/body position untouched. Animations use transform/opacity only. */
:root {
  --jjk-motion-ease: cubic-bezier(.2, .8, .2, 1);
  --jjk-motion-fast: 180ms;
  --jjk-ice: #88cfff;
  --jjk-amber: #ead48b;
}

/* Eliminate the legacy offcanvas menu conflict without changing desktop nav. */
@media (max-width: 1199px) {
  .navbar-no-shadow .nav-menu-wrapper.jjk-navigation {
    display: none !important;
  }
}

/* Overlay is a sibling of the header, not a descendant of Webflow's sticky nav. */
.jjk-drawer-backdrop {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  inset: 0;
  height: 100%;
  width: 100%;
  z-index: 1798;
  border: 0;
  margin: 0;
  padding: 0;
  background: rgba(1, 7, 18, .67);
  touch-action: none;
  transition: opacity 210ms ease, visibility 0s linear 210ms;
}
.jjk-drawer-backdrop.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 210ms ease, visibility 0s linear 0s;
}
.jjk-mobile-drawer {
  --jjk-drawer-gutter: clamp(18px, 5vw, 26px);
  --jjk-drawer-surface: #071c31;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: min(360px, calc(100vw - 28px));
  max-width: calc(100vw - 28px);
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  max-height: 100dvh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  z-index: 1800;
  margin: 0;
  padding: 0;
  border-left: 1px solid rgba(129, 194, 243, .42);
  border-radius: 12px 0 0 12px;
  overflow: hidden;
  isolation: isolate;
  color: #f5f9ff;
  background: var(--jjk-drawer-surface);
  box-shadow: -16px 0 48px rgba(0, 5, 15, .56);
  transform: translate3d(105%, 0, 0);
  opacity: 1;
  visibility: hidden;
  pointer-events: none;
  transition: transform 255ms var(--jjk-motion-ease), visibility 0s linear 255ms;
  will-change: auto;
}
/* No top highlight: header and panel use exactly the same surface color. */
.jjk-mobile-drawer::before { content: none; display: none; }
.jjk-mobile-drawer.is-open {
  transform: translate3d(0, 0, 0);
  visibility: visible;
  pointer-events: auto;
  will-change: transform;
  transition: transform 255ms var(--jjk-motion-ease), visibility 0s linear 0s;
}
.jjk-mobile-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 78px;
  flex: 0 0 auto;
  padding: calc(14px + env(safe-area-inset-top, 0px)) var(--jjk-drawer-gutter) 13px;
  border-bottom: 1px solid rgba(175, 212, 240, .18);
  background: var(--jjk-drawer-surface);
}
.jjk-mobile-drawer__logo { display: block; max-width: min(169px, 65%); width: 169px; height: auto; object-fit: contain; }
.jjk-mobile-drawer__close {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  border: 1px solid rgba(170, 214, 244, .33);
  border-radius: 9px;
  padding: 0;
  background: rgba(154, 205, 247, .065);
  color: #e8f5ff;
  cursor: pointer;
  transition: background-color var(--jjk-motion-fast), border-color var(--jjk-motion-fast), color var(--jjk-motion-fast);
}
.jjk-mobile-drawer__close:hover,
.jjk-mobile-drawer__close:focus-visible {
  background: rgba(119, 181, 236, .17);
  border-color: var(--jjk-ice);
  color: #fff;
}
.jjk-mobile-drawer__content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(121, 190, 239, .44) transparent;
  padding: clamp(20px, 4.5vh, 35px) var(--jjk-drawer-gutter) calc(26px + env(safe-area-inset-bottom, 0px));
}
.jjk-mobile-drawer__eyebrow {
  color: #9fb8cf;
  font: 800 10px/1.5 'Noto Sans', sans-serif;
  letter-spacing: .19em;
  margin: 0 0 17px;
}
.jjk-mobile-drawer__eyebrow span { color: var(--jjk-amber); padding-inline: 5px; }
.jjk-mobile-drawer__links { display: flex; flex-direction: column; margin: 0; padding: 0; }
.jjk-mobile-drawer__links a {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0,1fr) 20px;
  gap: 12px;
  width: 100%;
  min-height: 58px;
  padding: 9px 11px;
  color: #edf6ff;
  background: transparent;
  border-bottom: 1px solid rgba(168, 204, 235, .14);
  border-left: 2px solid transparent;
  border-radius: 3px;
  font: 700 clamp(14px, 4vw, 16px)/1.35 'Noto Sans', sans-serif;
  text-decoration: none;
  transition: border-color var(--jjk-motion-fast), color var(--jjk-motion-fast), background-color var(--jjk-motion-fast);
}

.jjk-mobile-drawer__arrow { color: #c4dfed; justify-self: end; font-size: 17px; line-height: 1; }
.jjk-mobile-drawer__links a:hover,
.jjk-mobile-drawer__links a:focus-visible,
.jjk-mobile-drawer__links a.is-current {
  color: #fff;
  border-left-color: var(--jjk-amber);
  background: rgba(80, 151, 207, .13);
}
.jjk-mobile-drawer__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  margin: clamp(22px, 4.5vh, 38px) 0 0;
  padding: 13px 17px;
  border-radius: 7px;
  border: 1px solid #f3df9f;
  color: #0a1b2d;
  background: #e5d08b;
  text-decoration: none;
  font: 800 13px/1.4 'Noto Sans', sans-serif;
  letter-spacing: .03em;
  transition: background-color var(--jjk-motion-fast), border-color var(--jjk-motion-fast);
}
.jjk-mobile-drawer__cta:hover, .jjk-mobile-drawer__cta:focus-visible { background: #f6e3aa; border-color: #f9e8b7; }
.jjk-mobile-drawer__cta span { font-size: 19px; }
.jjk-mobile-drawer__foot {
  margin: 24px 0 0;
  color: #a4bfd1;
  font: 600 10.5px/1.7 'Noto Sans', sans-serif;
  letter-spacing: .025em;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

@media (max-width: 359px) {
  .jjk-mobile-drawer { width: calc(100vw - 20px); max-width: calc(100vw - 20px); --jjk-drawer-gutter: 16px; }
  .jjk-mobile-drawer__head { min-height: 68px; }
  .jjk-mobile-drawer__logo { width: 148px; }
  .jjk-mobile-drawer__links a { min-height: 51px; padding: 7px 10px; font-size: 13px; gap: 9px; }
  .jjk-mobile-drawer__eyebrow { margin-bottom: 9px; }
}
@media (max-height: 480px) and (max-width: 1199px) {
  .jjk-mobile-drawer__head { padding-top: calc(7px + env(safe-area-inset-top, 0px)); padding-bottom: 7px; min-height: 57px; }
  .jjk-mobile-drawer__content { padding-top: 12px; }
  .jjk-mobile-drawer__links a { min-height: 43px; padding-block: 6px; }
  .jjk-mobile-drawer__cta { margin-top: 15px; }
}
@media (min-width: 1200px) {
  .jjk-mobile-drawer, .jjk-drawer-backdrop { display: none !important; }
}

/* The underlying page never switches to position:fixed or gets a transform.
   We enhance controls rather than continuously animating the whole page. */
.navbar-no-shadow { border-bottom-color: rgba(115,188,245,.25) !important; }
.navbar-no-shadow::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent 6%, rgba(73,174,247,.42) 40%, rgba(233,210,138,.52) 72%, transparent 95%);
}
.buy-tickets.nav {
  transition: background-color var(--jjk-motion-fast) ease, border-color var(--jjk-motion-fast) ease, box-shadow var(--jjk-motion-fast) ease !important;
}
.buy-tickets.nav:hover, .buy-tickets.nav:focus-visible {
  box-shadow: 0 0 0 1px rgba(237,216,150,.28), 0 5px 17px rgba(0,17,37,.24);
}
.jjk-service-row, .jjk-highlight, .jjk-faq-item {
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.jjk-service-row:hover, .jjk-service-row:focus-within,
.jjk-highlight:hover, .jjk-highlight:focus-within {
  border-color: rgba(119,202,251,.5) !important;
  box-shadow: inset 2px 0 0 rgba(237,211,139,.62);
}
.jjk-faq-item:hover, .jjk-faq-item:focus-within { border-color: rgba(118,199,248,.48); }
.jjk-faq-toggle .accordion-header { transition: color 170ms ease; }
.jjk-faq-toggle:hover .accordion-header, .jjk-faq-toggle:focus-visible .accordion-header { color: #c4e9ff; }
.jjk-hero-secondary { transition: color 160ms ease; text-underline-offset: 4px; }
.jjk-hero-secondary:hover, .jjk-hero-secondary:focus-visible { color: #edd58c; }
.footer .footer-link { transition: color 150ms ease; }
.footer .footer-link:hover, .footer .footer-link:focus-visible { color: #e9d58e; }
/* Keep keyboard feedback clearly visible on midnight blue. */
.jjk-mobile-drawer :focus-visible, .jjk-nav-toggle:focus-visible { outline: 2px solid #f0dd9d !important; outline-offset: 3px !important; }

@media (hover: none) {
  .jjk-service-row:hover, .jjk-highlight:hover { box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  .jjk-mobile-drawer, .jjk-drawer-backdrop, .jjk-mobile-drawer *,
  .buy-tickets.nav, .jjk-service-row, .jjk-highlight, .jjk-faq-item,
  .jjk-hero-secondary, .footer .footer-link { animation: none !important; transition: none !important; }
}

/* Brief, non-looping FAQ disclosure animation. No transforms on text. */
@keyframes jjk-faq-appear { from { opacity: .12; } to { opacity: 1; } }
.jjk-faq-item.is-expanded .jjk-faq-answer:not([hidden]) {
  animation: jjk-faq-appear 175ms ease-out both;
}
@media (prefers-reduced-motion: reduce) {
  .jjk-faq-item.is-expanded .jjk-faq-answer:not([hidden]) { animation: none !important; }
}

/* --- soundtrack.css --- */
/* wasiat4d2-lp-jjk-stable-2.0.1: accessible, user-initiated, lightweight anime soundtrack control. */
.jjk-audio-dock {
  --audio-ice: #a2d9ff;
  position: fixed;
  z-index: 1080;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  left: calc(16px + env(safe-area-inset-left, 0px));
  width: min(232px, calc(100vw - 32px));
  color: #eff7ff;
  background: rgba(6, 21, 37, .96);
  border: 1px solid rgba(130, 199, 240, .33);
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(0, 4, 17, .35);
  font-family: 'Noto Sans', sans-serif;
  isolation: isolate;
  -webkit-tap-highlight-color: transparent;
}
.jjk-audio-dock__row { display: flex; align-items: center; min-height: 58px; gap: 9px; padding: 7px; }
.jjk-audio-dock button { -webkit-appearance: none; appearance: none; cursor: pointer; border: 0; display: grid; place-items: center; flex: 0 0 auto; }
.jjk-audio-dock__play {
  height: 42px; width: 42px; border-radius: 10px; color: #071b2a;
  background: #e9d38d; transition: background-color 160ms ease;
}
.jjk-audio-dock__play:hover { background: #f6e7b6; }
.jjk-audio-dock__play:disabled { opacity: .65; cursor: wait; }
.jjk-audio-dock__pause-icon { display: none; }
.jjk-audio-dock.is-playing .jjk-audio-dock__play-icon { display: none; }
.jjk-audio-dock.is-playing .jjk-audio-dock__pause-icon { display: block; }
.jjk-audio-dock__meta { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 4px; }
.jjk-audio-dock__eyebrow { font: 800 9px/1.3 'Noto Sans', sans-serif; letter-spacing: .12em; color: #95b5ca; }
.jjk-audio-dock__track { font: 800 12px/1.2 'Noto Sans', sans-serif; letter-spacing: .025em; color: #f8fbff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jjk-audio-dock__settings {
  height: 36px; width: 36px; background: transparent; border-radius: 9px;
  color: #c6dbea; transition: background-color 150ms ease, color 150ms ease;
}
.jjk-audio-dock__settings:hover, .jjk-audio-dock__settings[aria-expanded="true"] { background: rgba(133, 195, 237, .13); color: #fff; }
.jjk-audio-dock__settings-panel {
  display: flex; align-items: center; gap: 10px; padding: 0 12px 12px;
  color: #cfe4f5; font: 600 11px/1.5 'Noto Sans', sans-serif;
}
.jjk-audio-dock__settings-panel[hidden] { display: none !important; }
.jjk-audio-dock__settings-panel label { flex: 0 0 auto; margin: 0; font: inherit; }
.jjk-audio-dock__settings-panel input {
  min-width: 0; flex: 1; width: 100%; height: 24px; padding: 0;
  background: none; accent-color: #e9d38d; cursor: pointer;
}
.jjk-audio-dock__settings-panel output { width: 31px; text-align: right; font-variant-numeric: tabular-nums; }
.jjk-audio-dock :focus-visible { outline: 2px solid #ecdc9f !important; outline-offset: 3px !important; }
/* The drawer retains its native scroll/focus overlay; player sits below it. */
body:has(.jjk-mobile-drawer.is-open) .jjk-audio-dock { pointer-events: none; }
@media (max-width: 480px) {
  .jjk-audio-dock {
    left: calc(10px + env(safe-area-inset-left, 0px));
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    width: min(213px, calc(100vw - 20px));
    border-radius: 12px;
  }
  .jjk-audio-dock__row { min-height: 52px; gap: 7px; padding: 6px; }
  .jjk-audio-dock__play { width: 40px; height: 40px; }
  .jjk-audio-dock__meta { gap: 3px; }
  .jjk-audio-dock__settings { width: 32px; height: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .jjk-audio-dock *, .jjk-audio-dock { transition: none !important; animation: none !important; }
}

/* --- social-footer.css --- */
/* Project: wasiat4d2-lp-jjk-stable-2.0.1 */
/* Social icon row – small, neutral, theme-matched; show only icons with working profile URLs.
   Scope is confined to the footer to leave the existing layout untouched. */
.footer .jjk-footer-social {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 2.5vw, 14px);
  width: min(100%, 860px);
  max-width: 100%;
  min-width: 0;
  margin: -6px auto 0;
  padding: 0;
}
.footer .jjk-footer-social .jjk-social-item {
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(165, 207, 233, 0.24);
  border-radius: 13px;
  background: rgba(122, 176, 216, 0.075);
  cursor: default;
}
.footer .jjk-footer-social .jjk-social-item img {
  display: block;
  width: 23px;
  height: 23px;
  min-width: 0;
  max-width: 100%;
  object-fit: contain;
  /* Source PNGs are black; tint them uniformly to the site's pale ice blue. */
  filter: brightness(0) saturate(100%) invert(89%) sepia(15%) saturate(330%) hue-rotate(171deg) brightness(102%) contrast(98%);
  opacity: .95;
}
@media (max-width: 420px) {
  .footer .jjk-footer-social { gap: 11px; margin-top: -4px; }
  .footer .jjk-footer-social .jjk-social-item {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }
  .footer .jjk-footer-social .jjk-social-item img { width: 22px; height: 22px; }
}

/* Missing URL = no icon. Adding a real href to that anchor automatically shows it.
   Avoid empty or '#' placeholder destinations. No JavaScript is required. */
.footer .jjk-footer-social .jjk-social-item:not([href]),
.footer .jjk-footer-social .jjk-social-item[href=""],
.footer .jjk-footer-social .jjk-social-item[href="#"] {
  display: none;
}

/* Linked profiles are keyboard-focusable and provide accessible labels. */
.footer .jjk-footer-social a.jjk-social-item {
  cursor: pointer;
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.footer .jjk-footer-social a.jjk-social-item:hover,
.footer .jjk-footer-social a.jjk-social-item:focus-visible {
  background: rgba(122, 176, 216, .14);
  border-color: rgba(165, 207, 233, .52);
  transform: translateY(-2px);
}
.footer .jjk-footer-social a.jjk-social-item:focus-visible {
  outline: 2px solid #a5cfe9;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .footer .jjk-footer-social a.jjk-social-item { transition: none; }
}