/* [project]/app/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-body);
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-200: #ffcaca;
    --color-red-500: #fb2c36;
    --color-red-950: #460809;
    --spacing: .25rem;
    --container-md: 28rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-wide: .025em;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-heading: var(--font-title-display);
    --font-title: var(--font-title-display);
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-panel: var(--panel);
    --color-muted: var(--muted);
    --color-muted-foreground: var(--muted-foreground);
    --color-accent: var(--accent);
    --color-border: var(--border);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-200: lab(86.017% 19.8815 7.75869);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-950: lab(13.003% 29.04 16.7519);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .w-full {
    width: 100%;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .min-w-\[72px\] {
    min-width: 72px;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .list-disc {
    list-style-type: disc;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

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

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  .self-end {
    align-self: flex-end;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-accent\/40 {
    border-color: var(--color-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/40 {
      border-color: color-mix(in oklab, var(--color-accent) 40%, transparent);
    }
  }

  .border-border\/60 {
    border-color: var(--color-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/60 {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
  }

  .border-border\/70 {
    border-color: var(--color-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/70 {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }

  .border-border\/80 {
    border-color: var(--color-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/80 {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
  }

  .border-red-500\/50 {
    border-color: #fb2c3680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/50 {
      border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
    }
  }

  .bg-accent\/10 {
    background-color: var(--color-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/10 {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .bg-background\/20 {
    background-color: var(--color-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/20 {
      background-color: color-mix(in oklab, var(--color-background) 20%, transparent);
    }
  }

  .bg-background\/30 {
    background-color: var(--color-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/30 {
      background-color: color-mix(in oklab, var(--color-background) 30%, transparent);
    }
  }

  .bg-background\/40 {
    background-color: var(--color-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/40 {
      background-color: color-mix(in oklab, var(--color-background) 40%, transparent);
    }
  }

  .bg-muted\/20 {
    background-color: var(--color-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/20 {
      background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: var(--color-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
    }
  }

  .bg-muted\/45 {
    background-color: var(--color-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/45 {
      background-color: color-mix(in oklab, var(--color-muted) 45%, transparent);
    }
  }

  .bg-panel\/90 {
    background-color: var(--color-panel);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-panel\/90 {
      background-color: color-mix(in oklab, var(--color-panel) 90%, transparent);
    }
  }

  .bg-red-950\/40 {
    background-color: #46080966;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-950\/40 {
      background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
    }
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-panel {
    --tw-gradient-from: var(--color-panel);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-panel {
    --tw-gradient-via: var(--color-panel);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-muted\/60 {
    --tw-gradient-to: var(--color-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-muted\/60 {
      --tw-gradient-to: color-mix(in oklab, var(--color-muted) 60%, transparent);
    }
  }

  .to-muted\/60 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

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

  .font-heading {
    font-family: var(--font-heading);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .text-accent {
    color: var(--color-accent);
  }

  .text-foreground {
    color: var(--color-foreground);
  }

  .text-muted-foreground {
    color: var(--color-muted-foreground);
  }

  .text-red-200 {
    color: var(--color-red-200);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .shadow-\[0_8px_24px_hsla\(220_50\%_3\%_\/_0\.35\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #04060b59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_30px_hsla\(220_50\%_3\%_\/_0\.45\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, #04060b73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_1fr_auto\] {
      grid-template-columns: 1fr 1fr auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_auto_auto\] {
      grid-template-columns: 1fr auto auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[2fr_1fr\] {
      grid-template-columns: 2fr 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[2fr_1fr_1fr_1fr_auto\] {
      grid-template-columns: 2fr 1fr 1fr 1fr auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[2fr_1fr_1fr_auto\] {
      grid-template-columns: 2fr 1fr 1fr auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[2fr_1fr_auto\] {
      grid-template-columns: 2fr 1fr auto;
    }
  }
}

:root {
  --background: #16001f;
  --foreground: #fafafa;
  --panel: #230b2d;
  --panel-foreground: #f5f5f5;
  --muted: #351e3e;
  --muted-foreground: #cac0ce;
  --primary: #df16df;
  --primary-foreground: #fff;
  --accent: #fff;
  --accent-foreground: #16001f;
  --border: #522e60;
  --brand-deep: #331041;
  --brand-violet: #8812e2;
  --brand-pink: #e425b4;
  --brand-glow: linear-gradient(135deg, var(--brand-violet), var(--brand-pink));
  --brand-radial: radial-gradient(circle at 50% 50%, var(--brand-violet), #c00c3f00);
  --surface-panel: linear-gradient(160deg, #2c1037f0, #1a0821f0);
  --surface-panel-strong: linear-gradient(165deg, #33123ff2, #1a0821f2);
  --surface-input: #1a0821fa;
  --surface-overlay: #230d2bf2;
  --surface-table: #1909208c;
  --surface-head: #32143d8c;
  --surface-row: #260e2fb8;
  --surface-row-alt: #200b28b8;
  --surface-row-hover: #391547c7;
  --event-row-bg: #230d2bf0;
  --focus-outline: #e920e980;
  --focus-border: #e920e999;
  --button-primary-border: #b611c5;
  --status-success-bg: #2145338c;
  --status-success-border: #3172528c;
  --status-success-fg: #a4eac1;
  --status-warning-bg: #47381594;
  --status-warning-border: #93722594;
  --status-error-fg: #f075c7;
  --status-error-soft: #f6acdd;
  --status-error-bg: #5719428c;
  --status-error-border: #9929748c;
  --shadow-panel: 0 10px 28px #0d04108c;
  --shadow-panel-strong: 0 8px 30px #0d041099;
  --shadow-neon: 0 0 22px #da1eeb73;
  --badge-bg: #33123fcc;
  --video-accent-bg: linear-gradient(145deg, #4f0e816b, #1a0821eb);
  --video-pattern: repeating-linear-gradient(135deg, #ffffff08 0 10px, transparent 10px 20px);
  --push-card-border: #b41fc18c;
  --push-card-bg: linear-gradient(130deg, #3e0b6580, #1a0821f0);
  --paper-stripe: #ffffff0f;
  --tape-color: #e82cb9d9;
  --scratch-ink: #ffffff2e;
  --bo-surface: var(--surface-panel-strong);
  --bo-border: #462853a6;
  --bo-table-bg: var(--surface-table);
  --bo-head-bg: #2c1037f5;
  --bo-head-fg: #ebebebf2;
  --bo-cell-border: #351e3e8c;
  --bo-row: var(--surface-row);
  --bo-row-alt: var(--surface-row-alt);
  --bo-row-hover: var(--surface-row-hover);
}

* {
  box-sizing: border-box;
}

html {
  font-size: 17px;
  overflow-x: clip;
}

body {
  background: radial-gradient(ellipse at 20% 0%, #56063e66 0%, transparent 55%), var(--background);
  color: var(--foreground);
  font-family: var(--font-body), sans-serif;
  margin: 0;
  line-height: 1.65;
  overflow-x: clip;
}

h1, h2, h3, h4 {
  font-family: var(--font-title-display), "Montserrat", sans-serif;
  letter-spacing: -.005em;
  text-transform: uppercase;
  margin: 0;
}

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

p {
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
}

.main-shell {
  min-height: calc(100vh - 140px);
}

.content-wrap {
  width: min(1120px, 100% - 2.5rem);
  margin: 0 auto;
}

.site-header {
  z-index: 40;
  border-bottom: 1px solid var(--border);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #13161beb;
  position: sticky;
  top: 0;
}

.header-bar {
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  padding: 1rem 0;
  display: flex;
}

.brand-mark {
  font-family: var(--font-title), sans-serif;
  color: var(--accent);
  letter-spacing: .08em;
  font-size: clamp(1.25rem, 2.2vw, 1.8rem);
}

.main-nav {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .4rem;
  display: flex;
}

.nav-link {
  color: var(--muted-foreground);
  border: 1px solid #0000;
  border-radius: 999px;
  padding: .45rem .65rem;
  transition: all .2s;
}

.nav-link:hover {
  border-color: var(--border);
  color: var(--foreground);
}

.section {
  padding: clamp(2rem, 5vw, 3.5rem) 0;
}

.section-tight {
  padding: clamp(1.2rem, 3.5vw, 2rem) 0;
}

.hero {
  padding: clamp(2rem, 5vw, 4rem) 0 clamp(1.5rem, 4vw, 3rem);
}

.hero-grid {
  grid-template-columns: 1.4fr 1fr;
  gap: 1.5rem;
  display: grid;
}

.cta-strip {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: #1d2025cc;
}

.cta-strip-inner {
  justify-content: space-between;
  align-items: center;
  gap: .8rem;
  min-height: 100px;
  display: flex;
}

.site-footer {
  border-top: 1px solid var(--border);
  background: #101318f0;
  margin-top: 2.5rem;
  padding: 2.3rem 0;
}

.footer-grid {
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 1rem;
  display: grid;
}

.footer-title {
  font-family: var(--font-title), sans-serif;
  color: var(--accent);
  margin-bottom: .5rem;
}

.footer-note {
  color: var(--muted-foreground);
}

.footer-list {
  gap: .4rem;
  display: grid;
}

.footer-list li {
  color: var(--muted-foreground);
  list-style: none;
}

.panel {
  border: 1px solid #ffffff14;
  border-top: 2px solid var(--primary);
  background: #0d0410;
  border-radius: 0;
  flex-direction: column;
  gap: .8rem;
  padding: 2.5rem 2rem 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.panel:first-child:before {
  content: "01";
}

.panel:nth-child(2):before {
  content: "02";
}

.panel:nth-child(3):before {
  content: "03";
}

.panel:before {
  font-family: var(--font-display), sans-serif;
  color: #ffffff08;
  font-size: 8rem;
  line-height: 1;
  position: absolute;
  bottom: -1rem;
  right: 1rem;
}

.panel-hero {
  padding: 2rem;
}

.hero-title {
  max-width: 18ch;
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: .98;
}

.hero-subtitle {
  color: var(--muted-foreground);
  max-width: 70ch;
  font-size: 1.14rem;
  line-height: 1.75;
}

.badges {
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .4rem;
  display: flex;
}

.badge {
  background: var(--badge-bg);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: .28rem .68rem;
  font-size: .85rem;
}

.btn {
  border: 1px solid var(--border);
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: .66rem 1rem;
  font-size: .95rem;
  font-weight: 700;
  display: inline-flex;
}

.btn-primary {
  background: var(--primary);
  color: var(--primary-foreground);
  border-color: var(--button-primary-border);
}

.btn-outline {
  color: var(--foreground);
  background: none;
}

.btn-mini {
  color: var(--foreground);
  background: none;
  padding: .35rem .62rem;
}

.action-row {
  flex-wrap: wrap;
  gap: .7rem;
  display: flex;
}

.video-frame {
  border: 1px solid var(--border);
  background: var(--video-accent-bg), var(--video-pattern);
  text-align: center;
  border-radius: 16px;
  place-content: center;
  gap: .4rem;
  min-height: 260px;
  display: grid;
}

.video-frame strong {
  font-family: var(--font-title), sans-serif;
  color: var(--accent);
  font-size: 1.3rem;
}

.section-title {
  gap: .55rem;
  margin-bottom: 1.8rem;
  display: grid;
}

.eyebrow {
  color: var(--accent);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 700;
}

.section-title h2 {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
}

.section-subtitle {
  color: var(--muted-foreground);
  max-width: 70ch;
}

.grid-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.grid-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.list-lines li {
  border-left: 3px solid var(--accent);
  padding: .25rem 0 .25rem .65rem;
  list-style: none;
}

.warning-list li {
  border-left-color: var(--primary);
}

.card-title {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #f2f2f2;
  margin: .2rem 0 .6rem;
  font-size: clamp(1.4rem, 2.2vw, 1.8rem);
}

.card-copy {
  font-family: var(--font-body), sans-serif;
  color: #949494;
  font-size: .95rem;
  line-height: 1.65;
}

.stack-form {
  gap: .7rem;
  display: grid;
}

.inline-form {
  flex-wrap: wrap;
  gap: .6rem;
  display: flex;
}

label {
  gap: .34rem;
  font-weight: 600;
  display: grid;
}

input, select, textarea {
  border: 1px solid var(--border);
  background: var(--surface-input);
  width: 100%;
  color: var(--foreground);
  border-radius: 10px;
  padding: .56rem .66rem;
  font-size: .96rem;
}

.checkbox-line {
  align-items: center;
  gap: .5rem;
  font-weight: 500;
  display: flex;
}

.checkbox-line input {
  width: 1rem;
  height: 1rem;
}

.assistant-result {
  border: 1px solid var(--border);
  background: var(--surface-overlay);
  border-radius: 12px;
  gap: .5rem;
  padding: .75rem;
  display: grid;
}

.assistant-result ul {
  gap: .4rem;
  display: grid;
}

.assistant-result li {
  color: var(--muted-foreground);
  list-style: none;
}

.result-title {
  color: var(--accent);
  font-weight: 700;
}

.status-note {
  color: var(--accent);
  font-weight: 600;
}

.status-error {
  color: var(--status-error-fg);
  font-weight: 700;
}

.events-list {
  gap: .8rem;
  display: grid;
}

.event-row {
  border: 1px solid var(--border);
  background: var(--event-row-bg);
  border-radius: 12px;
  grid-template-columns: 120px 1fr auto;
  align-items: center;
  gap: .7rem;
  padding: .72rem;
  display: grid;
}

.event-date {
  font-family: var(--font-title), sans-serif;
  color: var(--accent);
  font-size: 1rem;
}

.table-wrap {
  overflow-x: auto;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  border-bottom: 1px solid var(--border);
  padding: .5rem;
  font-size: .9rem;
}

.schema-note {
  color: var(--muted-foreground);
  font-size: .88rem;
}

.push-optin-card {
  border-color: var(--push-card-border);
  background: var(--push-card-bg), var(--surface-panel);
}

.panel {
  box-shadow: var(--shadow-panel);
}

input:focus, select:focus, textarea:focus {
  outline: 2px solid var(--focus-outline);
  outline-offset: 1px;
  border-color: var(--focus-border);
}

thead tr {
  background: var(--surface-head);
}

.video-embed-wrap {
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 40px #0e021299;
}

.video-embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.proposition-wrap {
  grid-template-columns: 1.2fr 1fr;
  align-items: start;
  gap: clamp(3rem, 6vw, 7rem);
  display: grid;
}

.proposition-text .section-title h2 {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .01em;
  text-shadow: none;
  color: #f5f5f5;
  font-size: clamp(2.4rem, 5.5vw, 4.8rem);
  line-height: .9;
}

.proposition-body {
  font-family: var(--font-body), sans-serif;
  color: #bdbdbd;
  max-width: 52ch;
  margin-top: 1.8rem;
  font-size: clamp(1.06rem, 1.4vw, 1.22rem);
  line-height: 1.82;
}

.for-who-wrap {
  gap: 2.8rem;
  display: grid;
}

.for-who-title {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  display: inline-flex;
}

.for-who-yes {
  color: var(--primary);
}

.for-who-no {
  color: #616161;
}

.for-who-list {
  border-top: 1px solid #ffffff0f;
  gap: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.for-who-list li {
  font-family: var(--font-body), sans-serif;
  color: #bfbfbf;
  border-bottom: 1px solid #ffffff0f;
  padding: .65rem .5rem .65rem 1.6rem;
  font-size: 1rem;
  list-style: none;
  position: relative;
}

.for-who-list li:before {
  content: "›";
  color: var(--primary);
  font-size: 1.2rem;
  line-height: 1.4;
  position: absolute;
  left: 0;
}

.for-who-list-no li {
  color: #666;
}

.for-who-list-no li:before {
  content: "×";
  color: #4d4d4d;
}

@media (max-width: 768px) {
  .proposition-wrap {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}

.testimonials-grid {
  background: #ffffff0d;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 1.4rem;
  display: grid;
}

.testimonial {
  box-shadow: none;
  background: #0a020e;
  border: none;
  border-radius: 0;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 1.6rem;
  transition: background .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial:hover {
  background: #0e0212;
}

.testimonial:before {
  content: "\"";
  font-family: var(--font-display), sans-serif;
  color: var(--primary);
  opacity: .06;
  font-size: 8rem;
  line-height: .75;
  transition: opacity .3s;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.testimonial:hover:before {
  opacity: .12;
}

.testimonial:after {
  content: "";
  background: linear-gradient(90deg, var(--primary), var(--brand-violet));
  transform-origin: 0;
  width: 100%;
  height: 2px;
  transition: transform .4s;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  box-shadow: 0 0 12px #f00fac80;
}

.testimonial:hover:after {
  transform: scaleX(1);
}

.rock-ribbon {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--primary);
  border: 1px solid #f00fac4d;
  align-self: flex-start;
  margin-bottom: .9rem;
  padding: .18rem .65rem;
  font-size: .72rem;
  transition: background .2s, color .2s;
  display: inline-block;
}

.testimonial:hover .rock-ribbon {
  background: #f00fac1f;
}

.testimonial-quote {
  font-family: var(--font-body), sans-serif;
  color: #e0e0e0;
  flex: 1;
  margin-bottom: 1rem;
  font-size: clamp(.98rem, 1.3vw, 1.1rem);
  font-style: italic;
  line-height: 1.78;
}

.testimonial-source {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #9e9e9e;
  border-top: 1px solid #ffffff14;
  padding-top: .7rem;
  font-size: .82rem;
  transition: color .3s;
}

.testimonial:hover .testimonial-source {
  color: #b8b8b8;
}

@media (max-width: 768px) {
  .testimonials-grid {
    grid-template-columns: 1fr;
  }
}

.bo-shell .panel {
  background: var(--bo-surface);
  border: 1px solid var(--bo-border);
  box-shadow: var(--shadow-panel-strong);
  border-radius: 18px;
}

.bo-shell, .bo-shell .content-wrap, .bo-shell .space-y-6, .bo-shell .grid, .bo-panel, .bo-panel > div {
  min-width: 0;
}

.bo-shell {
  overflow-x: clip;
}

.bo-shell .content-wrap {
  max-width: calc(100vw - 2rem);
  width: min(1120px, 100vw - 2rem) !important;
}

.bo-panel {
  max-width: 100%;
}

.bo-panel-header, .bo-panel-title, .bo-panel-actions {
  min-width: 0;
}

.bo-shell .table-wrap {
  border: 1px solid var(--bo-border);
  background: var(--bo-table-bg);
  border-radius: 14px;
  min-width: 0;
  max-width: 100%;
  overflow: auto;
}

.bo-shell table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.bo-shell thead th {
  z-index: 1;
  background: var(--bo-head-bg);
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--bo-head-fg);
  font-size: .77rem;
  position: sticky;
  top: 0;
}

.bo-shell td, .bo-shell th {
  border-bottom: 1px solid var(--bo-cell-border);
  vertical-align: top;
  padding: .65rem .6rem;
}

.bo-shell tbody tr {
  background: var(--bo-row);
}

.bo-shell tbody tr:nth-child(2n) {
  background: var(--bo-row-alt);
}

.bo-shell tbody tr:hover {
  background: var(--bo-row-hover);
}

.bo-shell .btn {
  border-radius: 11px;
  font-weight: 700;
}

.bo-shell .btn-mini {
  border-radius: 9px;
  padding: .36rem .6rem;
  font-size: .78rem;
}

.bo-shell .grid:has( > .checkbox-line) .checkbox-line {
  min-height: 42px;
}

.bo-shell .status-note, .bo-shell .status-error {
  border-radius: 10px;
  padding: .55rem .7rem;
  display: inline-block;
}

.bo-shell .status-note {
  background: var(--status-success-bg);
  border: 1px solid var(--status-success-border);
  color: var(--status-success-fg);
}

.bo-shell .status-error {
  background: var(--status-error-bg);
  border: 1px solid var(--status-error-border);
  color: var(--status-error-soft);
}

.crm-shell {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.crm-loading {
  color: gray;
  padding: 2rem;
  font-size: .88rem;
}

.crm-topbar {
  background: #151217;
  border: 1px solid #2c2131;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .65rem 1rem;
  display: flex;
}

.crm-topbar-info {
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.crm-topbar-user {
  color: #8c8c8c;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8rem;
  overflow: hidden;
}

.crm-topbar-error {
  color: #db7070;
  font-size: .75rem;
}

.crm-topbar-ok {
  color: #4dcb82;
  font-size: .75rem;
}

.crm-topbar-actions {
  flex-shrink: 0;
  gap: .5rem;
  display: flex;
}

.crm-input {
  color: #e0e0e0;
  background: #161117;
  border: 1px solid #37293d;
  border-radius: 8px;
  width: 100%;
  padding: .5rem .7rem;
  font-family: inherit;
  font-size: .85rem;
  transition: border-color .13s;
}

.crm-input:focus {
  border-color: #8f3d8f;
  outline: none;
}

.crm-input::placeholder {
  color: #616161;
}

.crm-input--search {
  max-width: 220px;
}

.crm-btn {
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 9px;
  padding: .45rem .85rem;
  font-family: inherit;
  font-size: .82rem;
  font-weight: 700;
  transition: background .13s, opacity .13s;
}

.crm-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.crm-btn--primary {
  color: #f5f5f5;
  background: #913091;
  border: 1px solid #b83db8;
}

.crm-btn--primary:hover:not(:disabled) {
  background: #a838a8;
}

.crm-btn--ghost {
  color: #9e9e9e;
  background: #261e29;
  border: 1px solid #37293d;
}

.crm-btn--ghost:hover:not(:disabled) {
  color: #ccc;
  background: #312735;
}

.crm-btn--sm {
  padding: .35rem .65rem;
  font-size: .75rem;
}

.crm-login-wrap {
  justify-content: center;
  padding: 3rem 1rem;
  display: flex;
}

.crm-login-card {
  background: #151217;
  border: 1px solid #322537;
  border-radius: 16px;
  flex-direction: column;
  gap: .75rem;
  width: min(360px, 100%);
  padding: 2rem;
  display: flex;
}

.crm-login-title {
  color: #e6e6e6;
  margin: 0 0 .5rem;
  font-size: 1.15rem;
  font-weight: 800;
}

.crm-login-error {
  color: #db7070;
  background: #201313;
  border: 1px solid #422424;
  border-radius: 8px;
  margin: 0;
  padding: .45rem .6rem;
  font-size: .8rem;
}

.plc-kpis {
  flex-wrap: wrap;
  gap: .65rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.plc-kpi {
  background: #18141a;
  border: 1px solid #322537;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: .2rem;
  min-width: 100px;
  padding: .85rem 1rem;
  display: flex;
}

.plc-kpi strong {
  color: #ebebeb;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1;
  display: block;
}

.plc-board {
  grid-template-columns: repeat(4, minmax(240px, 1fr));
  gap: .85rem;
  padding-bottom: .25rem;
  display: grid;
  overflow-x: auto;
}

.plc-column {
  background: #151217;
  border: 1px solid #322537;
  border-radius: 14px;
  flex-direction: column;
  min-height: 280px;
  display: flex;
  overflow: hidden;
}

.plc-col-header {
  border-bottom: 1px solid #2c2131;
  border-left: 3px solid var(--col-color, #a553c6);
  padding: .85rem .9rem .75rem;
}

.plc-col-title {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.plc-col-title > span:first-child {
  color: #e6e6e6;
  font-size: .88rem;
  font-weight: 800;
}

.plc-col-badge {
  background: var(--col-color, #a553c6);
  color: #fafafa;
  border-radius: 999px;
  place-items: center;
  min-width: 1.6rem;
  height: 1.6rem;
  padding: 0 .3rem;
  font-size: .72rem;
  font-weight: 900;
  display: grid;
}

.plc-col-sub {
  color: #737373;
  margin-top: .18rem;
  font-size: .72rem;
}

.plc-col-stack {
  flex-direction: column;
  flex: 1;
  gap: .55rem;
  padding: .75rem;
  display: flex;
}

.plc-empty {
  color: #616161;
  text-align: center;
  padding: 1.5rem 0;
  font-size: .8rem;
}

.plc-card {
  border: 1px solid #312636;
  border-left: 3px solid var(--card-accent, #a553c6);
  background: #1e1820;
  border-radius: 10px;
  flex-direction: column;
  gap: .5rem;
  padding: .75rem;
  transition: background .15s;
  display: flex;
}

.plc-card:hover {
  background: #231d26;
}

.plc-card-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.plc-city {
  color: #ebebeb;
  font-size: .95rem;
  font-weight: 800;
  line-height: 1.2;
}

.plc-score {
  background: var(--score-color, #6b7280);
  border-radius: 999px;
  flex-shrink: 0;
  place-items: center;
  min-width: 2.1rem;
  height: 1.6rem;
  padding: 0 .3rem;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .plc-score {
    background: color-mix(in srgb, var(--score-color, #6b7280) 15%, transparent);
  }
}

.plc-score {
  border: 1px solid var(--score-color, #6b7280);
}

@supports (color: color-mix(in lab, red, red)) {
  .plc-score {
    border: 1px solid color-mix(in srgb, var(--score-color, #6b7280) 40%, transparent);
  }
}

.plc-score {
  color: var(--score-color, #999);
  font-size: .72rem;
  font-weight: 900;
}

.plc-pills {
  flex-wrap: wrap;
  gap: .3rem;
  display: flex;
}

.plc-pill {
  color: #a6a6a6;
  background: #261e29;
  border: 1px solid #3d2d43;
  border-radius: 6px;
  padding: .18rem .5rem;
  font-size: .72rem;
  font-weight: 600;
}

.plc-pill--date {
  color: #7da1e8;
  background: #151c28;
  border-color: #2b3e64;
}

.plc-pill--budget {
  color: #61d190;
  background: #132018;
  border-color: #274935;
}

.plc-tech {
  flex-wrap: wrap;
  gap: .35rem;
  display: flex;
}

.plc-tech span {
  color: gray;
  font-size: .72rem;
}

.plc-refusal {
  color: #db7070;
  background: #211212;
  border: 1px solid #422424;
  border-radius: 6px;
  padding: .25rem .5rem;
  font-size: .75rem;
}

.plc-note-preview {
  color: gray;
  border-left: 2px solid #45334d;
  padding-left: .5rem;
  font-size: .75rem;
  font-style: italic;
  line-height: 1.4;
}

.plc-note-form, .plc-refuse-form {
  flex-direction: column;
  gap: .4rem;
  display: flex;
}

.plc-note-form textarea, .plc-refuse-form select {
  color: #d9d9d9;
  resize: vertical;
  background: #161117;
  border: 1px solid #3d2d43;
  border-radius: 8px;
  width: 100%;
  padding: .45rem .55rem;
  font-family: inherit;
  font-size: .8rem;
}

.plc-note-form textarea:focus, .plc-refuse-form select:focus {
  border-color: #8f3d8f;
  outline: none;
}

.plc-refuse-form select option {
  background: #1b161d;
}

.plc-note-actions {
  gap: .4rem;
  display: flex;
}

.plc-actions {
  align-items: center;
  gap: .4rem;
  margin-top: .1rem;
  display: flex;
}

.plc-actions-secondary {
  gap: .3rem;
  margin-left: auto;
  display: flex;
}

.plc-btn {
  cursor: pointer;
  border: none;
  border-radius: 8px;
  padding: .38rem .75rem;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 700;
  transition: background .13s, opacity .13s;
}

.plc-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.plc-btn--advance {
  background: var(--card-accent, #a553c6);
  flex: 1;
}

@supports (color: color-mix(in lab, red, red)) {
  .plc-btn--advance {
    background: color-mix(in srgb, var(--card-accent, #a553c6) 18%, transparent);
  }
}

.plc-btn--advance {
  border: 1px solid var(--card-accent, #a553c6);
}

@supports (color: color-mix(in lab, red, red)) {
  .plc-btn--advance {
    border: 1px solid color-mix(in srgb, var(--card-accent, #a553c6) 40%, transparent);
  }
}

.plc-btn--advance {
  color: var(--card-accent, #a553c6);
}

@supports (color: color-mix(in lab, red, red)) {
  .plc-btn--advance {
    color: color-mix(in srgb, var(--card-accent, #a553c6) 90%, white);
  }
}

.plc-btn--advance:hover:not(:disabled) {
  background: var(--card-accent, #a553c6);
}

@supports (color: color-mix(in lab, red, red)) {
  .plc-btn--advance:hover:not(:disabled) {
    background: color-mix(in srgb, var(--card-accent, #a553c6) 28%, transparent);
  }
}

.plc-btn--ghost {
  color: #999;
  background: #2b232f;
  border: 1px solid #3d2d43;
}

.plc-btn--ghost:hover:not(:disabled) {
  color: #ccc;
  background: #362b3b;
}

.plc-btn--refuse {
  color: #db7070;
  background: #2d1b1b;
  border: 1px solid #492727;
  padding: .38rem .55rem;
}

.plc-btn--refuse:hover:not(:disabled) {
  background: #3c2020;
}

.plc-btn--danger {
  color: #f5f5f5;
  background: #9e2e2e;
  border: 1px solid #c63939;
}

.plc-btn--danger:hover:not(:disabled) {
  background: #b63535;
}

.plc-btn--sm {
  padding: .3rem .6rem;
  font-size: .72rem;
}

.plc-refused-section {
  border: 1px solid #2c2130;
  border-radius: 12px;
  margin-top: .5rem;
  overflow: hidden;
}

.plc-refused-toggle {
  color: #858585;
  cursor: pointer;
  text-align: left;
  background: #151217;
  border: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .75rem 1rem;
  font-family: inherit;
  font-size: .82rem;
  font-weight: 700;
  transition: background .13s;
  display: flex;
}

.plc-refused-toggle:hover {
  color: #adadad;
  background: #1b161d;
}

.plc-refused-count {
  color: #d77575;
  background: #331f1f;
  border: 1px solid #502b2b;
  border-radius: 999px;
  place-items: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 .25rem;
  font-size: .72rem;
  font-weight: 900;
  display: grid;
}

.plc-refused-grid {
  background: #100e11;
  border-top: 1px solid #261d2a;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: .6rem;
  padding: .75rem;
  display: grid;
}

.venues-section {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.venues-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.venues-title {
  color: #e0e0e0;
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
}

.venues-sub {
  color: #7a7a7a;
  margin: .15rem 0 0;
  font-size: .78rem;
}

.venues-header-right {
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  display: flex;
}

.venues-empty {
  text-align: center;
  color: #666;
  border: 1px dashed #312636;
  border-radius: 12px;
  padding: 2rem;
  font-size: .85rem;
}

.venues-grid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: .75rem;
  display: grid;
}

.venue-card {
  background: #18141a;
  border: 1px solid #2f2433;
  border-radius: 12px;
  flex-direction: column;
  gap: .6rem;
  padding: .9rem;
  transition: border-color .13s;
  display: flex;
}

.venue-card:hover {
  border-color: #442e4c;
}

.venue-card-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.venue-name {
  color: #e6e6e6;
  font-size: .92rem;
  font-weight: 800;
  line-height: 1.25;
}

.venue-meta {
  align-items: center;
  gap: .45rem;
  margin-top: .2rem;
  display: flex;
}

.venue-type {
  color: #e28de2;
  background: #2d1b2d;
  border: 1px solid #462a46;
  border-radius: 5px;
  padding: .15rem .45rem;
  font-size: .72rem;
  font-weight: 600;
}

.venue-city {
  color: #858585;
  font-size: .75rem;
}

.venue-actions {
  flex-shrink: 0;
  gap: .25rem;
  display: flex;
}

.venue-btn {
  color: #858585;
  cursor: pointer;
  background: none;
  border: 1px solid #3d2d43;
  border-radius: 7px;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  font-size: .8rem;
  transition: background .13s, color .13s;
  display: grid;
}

.venue-btn:hover {
  color: #ccc;
  background: #2b232f;
}

.venue-btn--del {
  color: #c66;
}

.venue-btn--del:hover {
  color: #e08585;
  background: #2d1b1b;
}

.venue-contact {
  background: #201a23;
  border: 1px solid #2f2433;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .3rem .55rem;
  padding: .5rem .6rem;
  display: flex;
}

.venue-contact-name {
  color: #ccc;
  font-size: .8rem;
  font-weight: 700;
}

.venue-contact-role {
  color: #737373;
  font-size: .72rem;
}

.venue-contact-email, .venue-contact-phone {
  color: #6c92e0;
  font-size: .75rem;
  text-decoration: none;
}

.venue-contact-email:hover, .venue-contact-phone:hover {
  color: #93b0ec;
  text-decoration: underline;
}

.venue-notes {
  color: #737373;
  border-left: 2px solid #37293d;
  padding-left: .5rem;
  font-size: .75rem;
  font-style: italic;
  line-height: 1.4;
}

.venue-form, .venue-create-form {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.venue-create-form {
  background: #151217;
  border: 1px solid #322537;
  border-radius: 12px;
  padding: 1rem;
}

.venue-form-row {
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  display: grid;
}

.venue-form-btns {
  gap: .45rem;
  margin-top: .2rem;
  display: flex;
}

@media (max-width: 900px) {
  .plc-board {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
  }

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

@media (max-width: 560px) {
  .plc-board {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }

  .plc-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  .crm-topbar {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
  }

  .venue-form-row {
    grid-template-columns: 1fr;
  }

  .crm-input--search {
    max-width: 100%;
  }
}

.crm-nav {
  border-bottom: 1px solid #2c2131;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: .25rem;
  padding-bottom: 0;
  display: flex;
}

.crm-tabs {
  gap: 0;
  display: flex;
}

.crm-tab {
  color: #858585;
  cursor: pointer;
  background: none;
  border: none;
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: .45rem;
  margin-bottom: -1px;
  padding: .6rem .9rem;
  font-family: inherit;
  font-size: .85rem;
  font-weight: 700;
  transition: color .13s, border-color .13s;
  display: flex;
}

.crm-tab:hover {
  color: #bfbfbf;
}

.crm-tab--active {
  color: #ebebeb;
  border-bottom-color: #c653c6;
}

.crm-tab-count {
  color: #a6a6a6;
  background: #312636;
  border-radius: 999px;
  place-items: center;
  min-width: 1.4rem;
  height: 1.4rem;
  padding: 0 .2rem;
  font-size: .68rem;
  font-weight: 900;
  display: grid;
}

.crm-tab--active .crm-tab-count {
  color: #e28de2;
  background: #452145;
}

.crm-nav-right {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.crm-status {
  font-size: .72rem;
}

.crm-status--error {
  color: #db7070;
}

.crm-status--ok {
  color: #4dcb82;
}

.plc-root {
  flex-direction: column;
  gap: .85rem;
  display: flex;
}

.plc-kpis {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

.plc-kpi {
  background: #18141a;
  border: 1px solid #322537;
  border-radius: 10px;
  align-items: baseline;
  gap: .4rem;
  padding: .45rem .8rem;
  display: flex;
}

.plc-kpi strong {
  color: #e6e6e6;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1;
}

.plc-kpi span {
  color: #7a7a7a;
  font-size: .72rem;
}

.plc-kpi--success strong {
  color: #47d181;
}

.plc-add-btn {
  color: #b8b8b8;
  cursor: pointer;
  background: #2c2130;
  border: 1px solid #4f3659;
  border-radius: 6px;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: .9rem;
  font-weight: 900;
  line-height: 1;
  transition: background .13s;
  display: grid;
}

.plc-add-btn:hover {
  color: #e699e6;
  background: #492749;
  border-color: #813781;
}

.plc-add-form {
  background: #171117;
  border: 1px solid #492749;
  border-radius: 10px;
  flex-direction: column;
  gap: .4rem;
  padding: .65rem;
  display: flex;
}

.plc-add-row {
  grid-template-columns: 1fr 1fr;
  gap: .4rem;
  display: grid;
}

.plc-add-input {
  color: #d9d9d9;
  background: #1b161d;
  border: 1px solid #37293d;
  border-radius: 7px;
  width: 100%;
  padding: .38rem .5rem;
  font-family: inherit;
  font-size: .78rem;
}

.plc-add-input:focus {
  border-color: #8f3d8f;
  outline: none;
}

.plc-add-input option {
  background: #1b161d;
}

.plc-add-check {
  color: #999;
  cursor: pointer;
  align-items: center;
  gap: .4rem;
  padding: .38rem .2rem;
  font-size: .78rem;
  display: flex;
}

.plc-add-btns {
  gap: .4rem;
  margin-top: .1rem;
  display: flex;
}

.plc-col-sub {
  display: none;
}

.plc-kpi--new strong {
  color: #749ae7;
}

.plc-kpi--nego strong {
  color: #f0b44c;
}

.plc-kpi--confirmed strong {
  color: #47d181;
}

.plc-kpi--next strong {
  color: #c881e4;
}

.plc-kpi--budget strong {
  color: #59cf8a;
}

.plc-kpi--next em {
  color: #666;
  font-size: .65rem;
  font-style: normal;
}

.plc-btn--add-col {
  background: var(--add-color, #a553c6);
  flex: 1;
}

@supports (color: color-mix(in lab, red, red)) {
  .plc-btn--add-col {
    background: color-mix(in srgb, var(--add-color, #a553c6) 16%, transparent);
  }
}

.plc-btn--add-col {
  border: 1px solid var(--add-color, #a553c6);
}

@supports (color: color-mix(in lab, red, red)) {
  .plc-btn--add-col {
    border: 1px solid color-mix(in srgb, var(--add-color, #a553c6) 38%, transparent);
  }
}

.plc-btn--add-col {
  color: var(--add-color, #a553c6);
}

@supports (color: color-mix(in lab, red, red)) {
  .plc-btn--add-col {
    color: color-mix(in srgb, var(--add-color, #a553c6) 90%, white);
  }
}

.plc-btn--add-col {
  cursor: pointer;
  border-radius: 8px;
  padding: .38rem .75rem;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 700;
  transition: background .13s;
}

.plc-btn--add-col:hover:not(:disabled) {
  background: var(--add-color, #a553c6);
}

@supports (color: color-mix(in lab, red, red)) {
  .plc-btn--add-col:hover:not(:disabled) {
    background: color-mix(in srgb, var(--add-color, #a553c6) 26%, transparent);
  }
}

.plc-btn--add-col:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.plc-add-form {
  border: 1px solid var(--add-color, #a553c6);
  flex-direction: column;
  gap: .4rem;
  padding: .65rem;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .plc-add-form {
    border: 1px solid color-mix(in srgb, var(--add-color, #a553c6) 30%, transparent);
  }
}

.plc-add-form {
  background: var(--add-color, #a553c6);
  border-radius: 10px;
}

@supports (color: color-mix(in lab, red, red)) {
  .plc-add-form {
    background: color-mix(in srgb, var(--add-color, #a553c6) 5%, #151217);
  }
}

.contact-section {
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
  display: flex;
}

.contact-section-header {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.contact-section-title {
  color: #d9d9d9;
  font-size: 1rem;
  font-weight: 700;
}

.contact-section-sub {
  color: #737373;
  margin-top: .1rem;
  font-size: .78rem;
}

.contact-empty {
  color: #666;
  padding: .75rem 0;
  font-size: .82rem;
}

.contact-grid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: .75rem;
  display: grid;
}

.contact-card {
  background: #18141a;
  border: 1px solid #2f2433;
  border-radius: 12px;
  flex-direction: column;
  gap: .5rem;
  padding: .9rem;
  transition: border-color .13s;
  display: flex;
}

.contact-card:hover {
  border-color: #442e4c;
}

.contact-card-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.contact-card-info {
  flex-direction: column;
  gap: .2rem;
  min-width: 0;
  display: flex;
}

.contact-name {
  color: #e0e0e0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .9rem;
  font-weight: 800;
  line-height: 1.25;
  overflow: hidden;
}

.contact-role {
  color: #737373;
  font-size: .72rem;
}

.contact-card-actions {
  flex-shrink: 0;
  gap: .25rem;
  display: flex;
}

.contact-card-links {
  flex-wrap: wrap;
  gap: .3rem .6rem;
  display: flex;
}

.contact-link {
  font-size: .75rem;
  text-decoration: none;
  transition: color .13s;
}

.contact-link--email {
  color: #6c92e0;
}

.contact-link--email:hover {
  color: #93b0ec;
  text-decoration: underline;
}

.contact-link--phone {
  color: #4dcb82;
}

.contact-link--phone:hover {
  color: #70db9d;
  text-decoration: underline;
}

.contact-notes {
  color: #6b6b6b;
  border-left: 2px solid #37293d;
  padding-left: .5rem;
  font-size: .75rem;
  font-style: italic;
  line-height: 1.4;
}

.contact-edit-form {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.contact-create-form {
  background: #151217;
  border: 1px solid #322537;
  border-radius: 12px;
  flex-direction: column;
  gap: .5rem;
  padding: 1rem;
  display: flex;
}

.contact-form-row {
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  display: grid;
}

@media (max-width: 560px) {
  .contact-form-row, .contact-grid {
    grid-template-columns: 1fr;
  }
}

.ce-block {
  background: #18141a;
  border: 1px solid #322537;
  border-radius: 12px;
  flex-direction: column;
  gap: .65rem;
  padding: 1.1rem;
  display: flex;
}

.ce-label {
  color: #bfbfbf;
  font-size: .82rem;
  font-weight: 700;
}

.ce-hint {
  color: #6b6b6b;
  font-size: .72rem;
}

.ce-saved {
  color: #4dcb82;
  font-size: .72rem;
}

.ce-shell {
  flex-direction: column;
  gap: 1.25rem;
  display: flex;
}

.ce-loading {
  color: gray;
  font-size: .85rem;
}

.ce-error {
  color: #db7070;
  font-size: .85rem;
}

.ce-saved {
  color: #4dcb82;
  font-size: .75rem;
  font-weight: 700;
}

.ce-tabs {
  border-bottom: 1px solid #2c2131;
  gap: 0;
  display: flex;
}

.ce-tab {
  color: gray;
  cursor: pointer;
  background: none;
  border: none;
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: .45rem;
  margin-bottom: -1px;
  padding: .55rem .85rem;
  font-family: inherit;
  font-size: .85rem;
  font-weight: 700;
  transition: color .13s, border-color .13s;
  display: flex;
}

.ce-tab:hover {
  color: #bfbfbf;
}

.ce-tab--active {
  color: #e6e6e6;
  border-bottom-color: #c653c6;
}

.ce-tab-count {
  color: #999;
  background: #312636;
  border-radius: 999px;
  place-items: center;
  min-width: 1.4rem;
  height: 1.4rem;
  padding: 0 .2rem;
  font-size: .68rem;
  font-weight: 900;
  display: grid;
}

.ce-tab--active .ce-tab-count {
  color: #e28de2;
  background: #452145;
}

.ce-section {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.ce-section-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}

.ce-section-hint {
  color: #737373;
  margin: 0;
  font-size: .78rem;
}

.ce-section-hint strong {
  color: #a6a6a6;
}

.ce-grid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: .75rem;
  display: grid;
}

.ce-card {
  background: #18141a;
  border: 1px solid #2f2433;
  border-radius: 12px;
  flex-direction: column;
  gap: .6rem;
  padding: .9rem;
  transition: border-color .13s;
  display: flex;
}

.ce-card:hover {
  border-color: #442e4c;
}

.ce-card--editing {
  border-color: #602e60;
}

.ce-card-top {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.ce-card-actions {
  gap: .25rem;
  display: flex;
}

.ce-tag {
  color: #e28de2;
  background: #2b1d2b;
  border: 1px solid #462a46;
  border-radius: 6px;
  padding: .18rem .5rem;
  font-size: .72rem;
  font-weight: 700;
}

.ce-quote {
  color: #bfbfbf;
  border-left: 2px solid #3e2a46;
  margin: 0;
  padding-left: .6rem;
  font-size: .82rem;
  font-style: italic;
  line-height: 1.5;
}

.ce-author {
  flex-direction: column;
  gap: .1rem;
  display: flex;
}

.ce-author strong {
  color: #d1d1d1;
  font-size: .8rem;
}

.ce-author span {
  color: #737373;
  font-size: .72rem;
}

.ce-add-form {
  background: #141014;
  border: 1px dashed #492749;
  border-radius: 12px;
  flex-direction: column;
  gap: .5rem;
  padding: 1rem;
  display: flex;
}

.ce-stats-grid {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.ce-stat-row {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.ce-stat-value {
  max-width: 120px;
  font-weight: 800;
  font-size: .9rem !important;
}

.ce-stat-label {
  flex: 1;
}

@media (max-width: 600px) {
  .ce-grid {
    grid-template-columns: 1fr;
  }
}

.venue-contacts-list {
  flex-direction: column;
  gap: .45rem;
  display: flex;
}

.venue-contact-row {
  background: #201a23;
  border: 1px solid #2f2433;
  border-radius: 8px;
  justify-content: space-between;
  align-items: flex-start;
  gap: .5rem;
  padding: .5rem .6rem;
  display: flex;
}

.venue-contact-info {
  flex-direction: column;
  gap: .15rem;
  min-width: 0;
  display: flex;
}

.venue-contact-links {
  flex-wrap: wrap;
  gap: .3rem .6rem;
  margin-top: .15rem;
  display: flex;
}

.venue-contact-primary {
  color: #da81da;
  text-transform: uppercase;
  letter-spacing: .04em;
  background: #331f33;
  border: 1px solid #502b50;
  border-radius: 4px;
  padding: .1rem .35rem;
  font-size: .64rem;
  font-weight: 700;
  display: inline-block;
}

.venue-btn--unlink {
  color: #666;
  flex-shrink: 0;
  margin-top: .1rem;
}

.venue-btn--unlink:hover {
  color: #d77575;
  background: #312735;
}

.venue-add-contact-btn {
  color: #737373;
  cursor: pointer;
  text-align: left;
  background: none;
  border: 1px dashed #43304b;
  border-radius: 8px;
  width: 100%;
  padding: .4rem .6rem;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  transition: border-color .13s, color .13s;
}

.venue-add-contact-btn:hover {
  color: #d8d;
  border-color: #673267;
}

.venue-contact-form {
  background: #171217;
  border: 1px solid #462a46;
  border-radius: 10px;
  flex-direction: column;
  gap: .4rem;
  padding: .65rem;
  display: flex;
}

.crm-input--sm {
  padding: .38rem .55rem !important;
  font-size: .8rem !important;
}

.venue-create-contact-toggle {
  border-top: 1px solid #322537;
  margin-top: .1rem;
  padding-top: .65rem;
}

.ce-text-section {
  border: 1px solid #322537;
  border-radius: .5rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

.ce-text-section-hd {
  background: #271d2b;
  border-bottom: 1px solid #322537;
  justify-content: space-between;
  align-items: center;
  padding: .55rem .75rem;
  display: flex;
}

.ce-text-section-title {
  color: #bfbfbf;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0;
  font-size: .78rem;
  font-weight: 700;
}

.ce-text-fields {
  flex-direction: column;
  gap: .65rem;
  padding: .75rem;
  display: flex;
}

.ce-text-field {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.ce-text-label {
  color: #999;
  align-items: baseline;
  gap: .5rem;
  font-size: .73rem;
  font-weight: 600;
  display: flex;
}

.ce-text-hint {
  color: #666;
  font-size: .68rem;
  font-weight: 400;
}

.ce-text-area {
  resize: vertical;
  font-family: inherit;
  line-height: 1.5;
}

.ce-scenes-empty {
  color: #666;
  padding: .75rem 0;
  font-size: .78rem;
}

.ce-scenes-list {
  flex-direction: column;
  gap: .5rem;
  margin-top: .75rem;
  display: flex;
}

.ce-scene-row {
  background: #1e1622;
  border: 1px solid #322537;
  border-radius: .4rem;
  align-items: flex-start;
  gap: .75rem;
  padding: .65rem .75rem;
  display: flex;
}

.ce-scene-info {
  flex-direction: column;
  flex: 1;
  gap: .2rem;
  display: flex;
}

.ce-scene-name {
  color: #d9d9d9;
  font-size: .85rem;
  font-weight: 700;
}

.ce-scene-meta {
  color: #737373;
  font-size: .73rem;
}

.ce-scene-photos {
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: .35rem;
  display: flex;
}

.ce-scene-thumb {
  object-fit: cover;
  border: 1px solid #3d2d43;
  border-radius: .25rem;
  width: 56px;
  height: 42px;
}

.ce-scene-thumb-wrap {
  position: relative;
}

.ce-scene-thumb-del {
  color: #fff;
  cursor: pointer;
  background: #d92626;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  font-size: .6rem;
  line-height: 1;
  display: flex;
  position: absolute;
  top: -4px;
  right: -4px;
}

.ce-venue-form {
  background: #1c141f;
  border: 1px solid #3d2d43;
  border-radius: .4rem;
  flex-direction: column;
  gap: .65rem;
  margin-bottom: .75rem;
  padding: .75rem;
  display: flex;
}

.ce-venue-upload {
  flex-direction: column;
  gap: .4rem;
  display: flex;
}

.ce-venue-upload-label {
  color: #b45cd6;
  cursor: pointer;
  border: 1px dashed #69367d;
  border-radius: .35rem;
  justify-content: center;
  align-items: center;
  padding: .6rem 1rem;
  font-size: .75rem;
  transition: border-color .15s, background .15s;
  display: flex;
}

.ce-venue-upload-label:hover {
  background: #241b28;
  border-color: #aa47d1;
}

.ce-venue-upload-error {
  color: #e05252;
  font-size: .72rem;
}

.ce-venue-upload-info {
  color: #4dcb82;
  font-size: .72rem;
}

.ce-scene-link {
  color: #47a3d1;
  word-break: break-all;
  font-size: .7rem;
}

.ce-venue-edit-form {
  flex-direction: column;
  gap: .3rem;
  display: flex;
}

.ce-existing-venues {
  border-top: 1px solid #322537;
  padding-top: .75rem;
}

.ce-current-photos-label {
  color: #737373;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: .3rem;
  font-size: .68rem;
}

.ce-scene-thumb--current {
  opacity: .7;
  border: 1px solid #533d5c;
}

.ce-gallery-grid {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: .75rem;
  margin-top: .5rem;
  display: grid;
}

.ce-gallery-item {
  background: #161018;
  border: 1px solid #322537;
  border-radius: .4rem;
  flex-direction: column;
  gap: .35rem;
  transition: border-color .15s;
  display: flex;
  overflow: hidden;
}

.ce-gallery-item:hover {
  border-color: #69367d;
}

.ce-gallery-thumb {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
  display: block;
}

.ce-gallery-item-footer {
  align-items: center;
  gap: .3rem;
  padding: .3rem .4rem;
  display: flex;
}

.ce-gallery-caption {
  flex: 1;
  min-width: 0;
  padding: .25rem .4rem !important;
  font-size: .68rem !important;
}

.ce-member-photos-grid {
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: .65rem;
  margin-bottom: .75rem;
  display: grid;
}

.ce-member-photo-item {
  background: #161018;
  border: 1px solid #322537;
  border-radius: .4rem;
  flex-direction: column;
  gap: .35rem;
  display: flex;
  overflow: hidden;
}

.ce-member-photo-thumb {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  display: block;
}

.ce-member-photo-footer {
  flex-direction: column;
  gap: .25rem;
  padding: .3rem .4rem;
  display: flex;
}

.ce-member-photo-label {
  opacity: .7;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .64rem;
  overflow: hidden;
}

@media (max-width: 1000px) {
  .main-nav {
    justify-content: flex-start;
  }

  .grid-three {
    grid-template-columns: repeat(2, 1fr);
  }

  .hero-grid {
    grid-template-columns: 1fr;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .event-row {
    grid-template-columns: 1fr;
  }

  .cta-strip-inner {
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 0;
  }
}

@media (max-width: 768px) {
  .section {
    padding: clamp(1.8rem, 6vw, 3.5rem) 0;
  }

  .section-tight {
    padding: clamp(1.2rem, 4vw, 2rem) 0;
  }

  .hero {
    padding: 2.5rem 0 2rem;
  }

  .grid-three, .grid-two {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }

  .proposition-wrap {
    grid-template-columns: 1fr !important;
    gap: 1.8rem !important;
  }

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

@media (max-width: 600px) {
  .stats-strip {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .stats-item {
    border-bottom: 1px solid #ffffff12;
    border-right: none;
    padding: 1.2rem 1rem;
  }

  .stats-item:nth-child(odd) {
    border-right: 1px solid #ffffff12;
  }

  .stats-item:last-child, .stats-item:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
  }

  .for-who-wrap {
    gap: 1.2rem;
  }

  .nav-link {
    padding: .35rem .5rem;
    font-size: .88rem;
  }
}

@media (max-width: 480px) {
  .section {
    padding: 1.6rem 0;
  }

  .section-tight {
    padding: 1.1rem 0;
  }

  .hero {
    padding: 1.8rem 0 1.4rem;
  }

  .content-wrap {
    width: calc(100% - 1.8rem);
  }

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

  .footer-grid {
    gap: 1.2rem;
  }

  .stats-item {
    padding: 1rem .75rem;
  }
}

@media (max-width: 768px) {
  body {
    padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
  }
}

.seo-links-hidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.noise-overlay {
  pointer-events: none;
  z-index: 1;
  opacity: .06;
  mix-blend-mode: overlay;
  position: fixed;
  inset: 0;
}

.noise-overlay svg {
  width: 100%;
  height: 100%;
  display: block;
}

body:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: repeating-linear-gradient(135deg, #ffffff03 0 12px, #0000 12px 26px);
  position: fixed;
  inset: 0;
}

.main-shell, .site-footer {
  z-index: 2;
  position: relative;
}

h1 {
  font-family: var(--font-title-display), "Montserrat", sans-serif;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1;
}

h2 {
  font-family: var(--font-title-rockstone), "Montserrat", sans-serif;
  letter-spacing: -.02em;
  text-transform: uppercase;
  text-shadow: 0 2px #0e021299, 0 0 20px #f00fac8c, 0 0 50px #f00fac40;
  font-weight: 900;
  line-height: 1;
}

h3, h4 {
  font-family: var(--font-title-display), "Montserrat", sans-serif;
  letter-spacing: -.005em;
  text-transform: uppercase;
  font-weight: 800;
}

.hero-title {
  font-family: var(--font-title-blackletter), "Montserrat", sans-serif;
  letter-spacing: -.015em;
  text-transform: uppercase;
  text-shadow: 0 2px #0e0212b3, 0 0 18px #f00fac73;
  color: #fafafa;
  font-size: clamp(1.3rem, 2.4vw, 2rem);
  font-weight: 900;
  line-height: 1.1;
}

.section-title h2 {
  font-size: clamp(1.1rem, 1.8vw, 1.55rem);
  line-height: 1.1;
}

.eyebrow {
  font-family: var(--font-title-grunge), "Inter", sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 700;
}

.brand-mark {
  font-family: var(--font-title-blackletter), "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: -.01em;
  align-items: center;
  gap: .55rem;
  font-size: clamp(1rem, 1.6vw, 1.3rem);
  font-weight: 900;
  display: inline-flex;
}

.brand-mark-text {
  font-size: inherit;
  line-height: 1;
}

.brand-mark-icon {
  color: var(--primary);
  filter: drop-shadow(0 0 8px #f127b5b3);
  transition: transform .25s;
}

.brand-mark:hover .brand-mark-icon {
  transform: rotate(-12deg)scale(1.1);
}

.btn {
  text-transform: uppercase;
  letter-spacing: .06em;
  transition: box-shadow .25s, background-color .2s;
  position: relative;
  overflow: hidden;
}

.btn-primary {
  border-color: #ffffff38;
  border-radius: 4px;
  box-shadow: 0 4px #0d0410, inset 0 0 0 1px #ffffff26;
}

.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px #0d0410, 0 0 14px #f00fac66, inset 0 0 0 1px #ffffff47;
}

.btn-outline {
  border-radius: 4px;
}

.btn-outline:hover {
  border-color: var(--primary);
  color: var(--accent);
  border-color: var(--accent);
}

.btn:active {
  transform: translateY(0)rotate(0);
}

@keyframes btn-volt-strike {
  0%, 88%, 100% {
    box-shadow: 0 4px #0d0410, 0 0 6px #f00fac2e;
  }

  89% {
    box-shadow: 0 4px #0d0410, 0 0 #0000;
  }

  91% {
    border-color: #ffffffb3;
    box-shadow: 0 4px #0d0410, 0 0 #0000, 0 0 55px #f00fac, 0 0 90px #f00fac80, inset 0 0 20px #ffffff40;
  }

  93% {
    border-color: #ffffff38;
    box-shadow: 0 4px #0d0410, 0 0 8px #f00fac40;
  }
}

@keyframes btn-spark {
  0%, 88%, 100% {
    opacity: 0;
    transform: translateX(-120%)scaleX(.3);
  }

  90% {
    opacity: .6;
    transform: translateX(-20%)scaleX(.3);
  }

  92% {
    opacity: 0;
    transform: translateX(120%)scaleX(.3);
  }
}

.btn-primary {
  animation: 5s step-end infinite btn-volt-strike;
}

.btn-primary:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000 35%, #ffffff8c 50%, #0000 65%);
  animation: 5s linear infinite btn-spark;
  position: absolute;
  inset: 0;
  transform: translateX(-120%)scaleX(.3);
}

.btn-outline {
  animation: 5s step-end 2.5s infinite btn-volt-strike;
}

.btn-outline:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000 35%, #f00fac73 50%, #0000 65%);
  animation: 5s linear 2.5s infinite btn-spark;
  position: absolute;
  inset: 0;
  transform: translateX(-120%)scaleX(.3);
}

.social-bar {
  align-items: center;
  gap: .4rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.social-bar li {
  list-style: none;
}

.social-link {
  border: 1px solid var(--border);
  color: var(--muted-foreground);
  background: var(--badge-bg);
  border-radius: 999px;
  align-items: center;
  gap: .5rem;
  padding: .4rem;
  transition: color .2s, border-color .2s, transform .2s, background-color .2s;
  display: inline-flex;
}

.social-link:hover {
  color: var(--accent);
  border-color: var(--accent);
  background: #493a1299;
  transform: translateY(-1px)rotate(-2deg);
}

.social-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
}

.social-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.social-bar-expanded .social-link {
  padding: .45rem .8rem;
}

.social-label {
  letter-spacing: .04em;
  font-size: .85rem;
  font-weight: 600;
}

.header-social {
  margin-left: auto;
}

.footer-social {
  flex-wrap: wrap;
  margin-top: .85rem;
}

.footer-title-icon {
  color: var(--accent);
  vertical-align: -2px;
  margin-right: .35rem;
}

.site-header {
  z-index: 900;
  -webkit-backdrop-filter: blur(12px);
  background: #080808eb;
  border-bottom: 1px solid #ffffff0f;
  position: sticky;
  top: 0;
}

.hn-wrap {
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  height: 60px;
  display: flex;
}

.hn-wrap--full {
  width: 100%;
  padding: 0 clamp(1.5rem, 4vw, 3rem);
}

.hn-left, .hn-right {
  flex: 1;
  align-items: center;
  gap: 1.8rem;
  display: flex;
}

.hn-right {
  justify-content: flex-end;
}

.hn-link {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #adadad;
  white-space: nowrap;
  padding-bottom: 3px;
  font-size: clamp(.75rem, 1vw, .9rem);
  text-decoration: none;
  transition: color .2s;
  position: relative;
}

.hn-link:after {
  content: "";
  background: var(--primary);
  width: 100%;
  height: 1px;
  box-shadow: 0 0 8px var(--primary);
  transform-origin: 0;
  transition: transform .25s;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}

.hn-link:hover {
  color: #f2f2f2;
}

.hn-link:hover:after {
  transform: scaleX(1);
}

.hn-cta {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--primary);
  border: 1px solid var(--primary);
  white-space: nowrap;
  padding: .38rem 1.1rem;
  font-size: clamp(.7rem, .9vw, .82rem);
  text-decoration: none;
  transition: color .2s, background .2s, box-shadow .2s;
  position: relative;
  overflow: hidden;
}

.hn-cta:before {
  content: "";
  background: var(--primary);
  transform-origin: 0;
  z-index: 0;
  transition: transform .25s;
  position: absolute;
  inset: 0;
  transform: scaleX(0);
}

.hn-cta span, .hn-cta {
  z-index: 1;
  position: relative;
}

.hn-cta:hover:before {
  transform: scaleX(1);
}

.hn-cta:hover {
  color: #000;
  box-shadow: 0 0 20px #f00fac80;
}

.hn-logo {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #ebebeb;
  text-shadow: 0 0 16px #f00fac59;
  white-space: nowrap;
  align-items: center;
  gap: .45rem;
  font-size: .95rem;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.hn-logo svg {
  color: var(--primary);
  filter: drop-shadow(0 0 5px #f00faccc);
}

.hn-logo:hover {
  color: #fff;
}

.hn-center {
  align-items: center;
  gap: 2.2rem;
  display: flex;
}

.footer-contact-links {
  flex-direction: column;
  gap: .3rem;
  margin-top: 1.1rem;
  display: flex;
}

.footer-contact-link {
  font-family: var(--font-body), sans-serif;
  color: #616161;
  font-size: .78rem;
  line-height: 1.4;
  text-decoration: none;
  transition: color .18s;
}

.footer-contact-link:hover {
  color: #b8b8b8;
}

.mobile-tab-bar {
  display: none;
}

@media (max-width: 768px) {
  .hn-left, .hn-right {
    display: none;
  }

  .hn-wrap {
    justify-content: center;
  }

  .mobile-tab-bar {
    z-index: 900;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    padding: .4rem 0 env(safe-area-inset-bottom, .4rem);
    background: #080808f5;
    border-top: 1px solid #ffffff14;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateZ(0);
  }

  .mtb-item {
    color: #8c8c8c;
    font-family: var(--font-display), sans-serif;
    letter-spacing: .12em;
    text-transform: uppercase;
    flex-direction: column;
    flex: 1;
    align-items: center;
    gap: .2rem;
    padding: .5rem 0;
    font-size: .82rem;
    text-decoration: none;
    transition: color .2s;
    display: flex;
  }

  .mtb-item:hover, .mtb-item--cta {
    color: var(--primary);
  }

  .mtb-item--cta {
    letter-spacing: .15em;
    color: var(--primary);
    box-shadow: none;
    border: none;
    border-top: 2px solid var(--primary);
    text-shadow: 0 0 10px #f00fac73;
    background: none;
    border-radius: 0;
    flex: 1;
    align-self: auto;
    margin: 0;
    padding: .5rem 0;
    font-weight: 700;
    transition: color .18s, text-shadow .18s;
  }

  .mtb-item--cta:hover {
    color: var(--primary);
    filter: brightness(1.2);
    box-shadow: none;
    text-shadow: 0 0 18px #f00facb3;
  }
}

.badge {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-weight: 700;
}

.nav-link {
  position: relative;
}

.nav-link:after {
  content: "";
  background: var(--primary);
  height: 2px;
  transition: left .25s, right .25s;
  position: absolute;
  bottom: 4px;
  left: 50%;
  right: 50%;
}

.nav-link:hover:after {
  left: 16%;
  right: 16%;
}

@keyframes marquee-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-25%, 0, 0);
  }
}

.marquee {
  border-block: 1px solid var(--primary);
  color: #f5f5f5;
  background: #0d0410;
  padding: .45rem 0;
  position: relative;
  overflow: hidden;
}

.marquee-dark {
  background: var(--background);
  color: var(--foreground);
  border-block-color: var(--border);
}

.marquee-track {
  white-space: nowrap;
  gap: 1.4rem;
  width: max-content;
  animation: 35s linear infinite marquee-scroll;
  display: inline-flex;
}

.marquee-fast .marquee-track {
  animation-duration: 18s;
}

.marquee-item {
  font-family: var(--font-title-display), sans-serif;
  text-transform: uppercase;
  letter-spacing: .18em;
  align-items: center;
  gap: 1rem;
  font-size: .95rem;
  display: inline-flex;
}

.marquee-sep {
  color: currentColor;
  opacity: .65;
}

.marquee:hover .marquee-track {
  animation-play-state: paused;
}

.rock-stamp {
  font-family: var(--font-title-display), sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  transform: rotate(var(--stamp-rot, -6deg));
  white-space: nowrap;
  filter: drop-shadow(2px 2px #0000008c);
  border: 2px solid;
  justify-content: center;
  align-items: center;
  padding: .32rem .7rem;
  font-size: .78rem;
  display: inline-flex;
  position: relative;
}

.rock-stamp-primary {
  color: #fff;
  background: var(--primary);
  border-color: #fffc;
}

.rock-stamp-outline {
  color: var(--foreground);
  background: none;
}

.rock-stamp-ink {
  color: var(--primary);
  border-color: var(--primary);
  background: none;
}

.section-divider {
  width: min(620px, 90%);
  color: var(--muted-foreground);
  align-items: center;
  gap: .8rem;
  margin: 2.5rem auto;
  display: flex;
}

.section-divider-line {
  background: repeating-linear-gradient(90deg, var(--scratch-ink) 0 8px, transparent 8px 14px);
  flex: 1;
  height: 1px;
}

.section-divider-star {
  color: var(--primary);
  filter: drop-shadow(0 0 10px #f127b5b3);
  display: inline-flex;
}

.scattered-stars {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.scattered-star {
  color: var(--primary);
  filter: drop-shadow(0 0 6px #f00fac99);
  transform: rotate(var(--rot, 0deg)) translateY(calc(var(--sy, 0) * var(--spd, .04) * -1px));
  will-change: transform;
  position: absolute;
}

.scattered-icon-skull {
  color: var(--brand-pink);
}

.scattered-icon-lightning {
  color: var(--accent);
}

.scattered-icon-pick {
  color: var(--brand-violet);
  filter: drop-shadow(0 0 6px #8d1ae699);
}

.scattered-icon-star {
  color: var(--primary);
}

.hero {
  position: relative;
}

.tape-strip {
  background: var(--tape-color);
  opacity: .85;
  pointer-events: none;
  width: 110px;
  height: 22px;
  position: absolute;
  transform: rotate(-8deg);
  box-shadow: 0 4px 10px #0000004d;
  -webkit-mask-image: linear-gradient(90deg, #0000 0, #000 6px calc(100% - 6px), #0000 100%);
  mask-image: linear-gradient(90deg, #0000 0, #000 6px calc(100% - 6px), #0000 100%);
}

.tape-tl {
  top: -10px;
  left: -14px;
  transform: rotate(-12deg);
}

.tape-tr {
  top: -10px;
  right: -14px;
  transform: rotate(8deg);
}

.tape-bl {
  bottom: -10px;
  left: -14px;
  transform: rotate(6deg);
}

.tape-br {
  bottom: -10px;
  right: -14px;
  transform: rotate(-10deg);
}

.section-num {
  font-family: var(--font-title-display), sans-serif;
  color: #ffffff0a;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 0;
  font-size: clamp(4rem, 12vw, 10rem);
  line-height: .85;
  position: absolute;
  top: -.3em;
  right: .3em;
}

.rock-ribbon {
  background: var(--primary);
  color: var(--primary-foreground);
  font-family: var(--font-title-display), sans-serif;
  text-transform: uppercase;
  letter-spacing: .18em;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%);
  z-index: 1;
  align-self: flex-start;
  align-items: center;
  gap: .4rem;
  margin-left: 0;
  padding: .32rem .85rem .55rem;
  font-size: .78rem;
  display: inline-flex;
  position: relative;
}

.panel {
  border-color: #ffffff14;
  border-radius: 4px;
  position: relative;
}

:is(.panel:has( > .rock-ribbon), .panel:has( > .panel-stamp), .panel:has( > .panel-icon-corner)) {
  padding-top: 1.5rem;
}

.panel-hero {
  border: 1px solid #383838;
  border-top: 2px solid var(--primary);
  background: linear-gradient(165deg, #141414f5, #0d0410f5);
  border-radius: 4px;
  box-shadow: 0 18px 40px #0e021299;
}

.panel-corner {
  background: var(--primary);
  width: 30px;
  height: 30px;
  color: var(--primary-foreground);
  border-radius: 0 0 6px;
  place-items: center;
  display: grid;
  position: absolute;
  top: -1px;
  left: -1px;
  transform: none;
}

.panel-icon-corner {
  background: var(--background);
  border: 2px solid var(--primary);
  width: 38px;
  height: 38px;
  color: var(--primary);
  z-index: 2;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: -16px;
  left: -12px;
  transform: rotate(-8deg);
  box-shadow: 0 4px 12px #0e02128c, 0 0 16px #f00fac59;
}

.panel-icon-corner-skull {
  color: var(--brand-pink);
  border-color: var(--brand-pink);
}

.panel-icon-corner-lightning {
  color: var(--accent);
  border-color: var(--accent);
}

.panel-icon-corner-pick {
  color: var(--brand-violet);
  border-color: var(--brand-violet);
}

.skull-row {
  width: min(720px, 90%);
  color: var(--primary);
  opacity: .85;
  justify-content: center;
  align-items: center;
  gap: 1.4rem;
  margin: 1.6rem auto;
  display: flex;
}

.skull-row-item {
  filter: drop-shadow(0 0 6px #f00fac66);
  transition: transform .25s, color .25s;
  display: inline-flex;
}

.skull-row-item:nth-child(2n) {
  color: var(--accent);
}

.skull-row-item:nth-child(3n) {
  color: var(--brand-violet);
}

.skull-row:hover .skull-row-item {
  transform: rotate(-6deg);
}

.barbed-divider {
  width: min(680px, 92%);
  color: var(--muted-foreground);
  align-items: center;
  gap: .8rem;
  margin: 2.5rem auto;
  display: flex;
}

.barbed-line {
  background: linear-gradient(to right, transparent 0, var(--scratch-ink) 1px, transparent 2px) 0 50% / 22px 1.5px no-repeat, repeating-linear-gradient(45deg, var(--scratch-ink) 0 1.5px, transparent 1.5px 11px), linear-gradient(to bottom, transparent 49%, #ffffff38 49%, #ffffff38 51%, transparent 51%);
  background-size: 100% 100%, 22px 18px, 100% 100%;
  flex: 1;
  height: 18px;
}

.barbed-skull {
  color: var(--brand-pink);
  filter: drop-shadow(0 0 10px #f12760b3);
  display: inline-flex;
}

.eyebrow {
  color: var(--accent);
}

.card-title {
  font-family: var(--font-title-display), sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 1.05rem;
}

.brand-mark-text {
  font-size: clamp(.95rem, 1.4vw, 1.15rem);
}

.hero-subtitle {
  font-size: .98rem;
}

.footer-title {
  color: var(--accent);
  font-family: var(--font-title-display), sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .95rem;
}

.video-frame {
  position: relative;
  overflow: visible;
}

.video-stamp {
  z-index: 2;
  position: absolute;
  top: -14px;
  right: -8px;
}

.panel-stamp {
  z-index: 2;
  position: absolute;
  top: -14px;
  right: 12px;
}

.card-title {
  align-items: center;
  gap: .4rem;
  display: inline-flex;
}

.card-title-icon {
  color: var(--primary);
  flex-shrink: 0;
}

.list-lines {
  gap: .45rem;
  display: grid;
}

.list-lines li {
  color: var(--muted-foreground);
  padding-left: 1.1rem;
  list-style: none;
  position: relative;
}

.list-lines li:before {
  content: "›";
  color: var(--primary);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.warning-list li:before {
  content: "—";
  color: #737373;
  font-weight: 400;
}

.result-title {
  font-family: var(--font-title-display), sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--foreground);
  margin-bottom: .4rem;
  font-size: 1rem;
}

.booking-wizard {
  background: var(--surface-panel-strong);
  border: 1px solid #383838;
  border-top: 2px solid var(--primary);
  border-radius: 4px;
  gap: 1.4rem;
  padding: 1.6rem 1.4rem;
  display: grid;
}

.wizard-stepper {
  justify-content: space-between;
  align-items: stretch;
  gap: .6rem;
  display: flex;
}

.wizard-step {
  background: #0f0f0f;
  border: 1px solid #2e2e2e;
  border-radius: 2px;
  flex: 1;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: .5rem;
  padding: .55rem .7rem;
  display: grid;
  position: relative;
}

.wizard-step-icon {
  color: #999;
  background: #1f1f1f;
  border: 1px solid #383838;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.wizard-step-num {
  font-family: var(--font-title-display), sans-serif;
  color: #8c8c8c;
  letter-spacing: .1em;
  grid-area: 1 / 2;
  font-size: .75rem;
}

.wizard-step-label {
  font-family: var(--font-title-grunge), sans-serif;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #b3b3b3;
  grid-area: 2 / 2;
  font-size: .78rem;
  line-height: 1;
}

.wizard-step-active {
  border-color: var(--primary);
  background: linear-gradient(#43043099, #0f0f0f);
}

.wizard-step-active .wizard-step-icon {
  background: var(--primary);
  color: var(--primary-foreground);
  border-color: var(--primary);
}

.wizard-step-active .wizard-step-num, .wizard-step-active .wizard-step-label {
  color: #f5f5f5;
}

.wizard-step-done .wizard-step-icon {
  color: #141414;
  background: #f5f5f5;
  border-color: #f5f5f5;
}

.wizard-step-done {
  border-color: #525252;
}

.wizard-step-link {
  z-index: 0;
  background: #383838;
  width: 1rem;
  height: 1px;
  position: absolute;
  top: 50%;
  right: -.5rem;
}

@media (max-width: 720px) {
  .wizard-stepper {
    flex-direction: column;
  }

  .wizard-step-link {
    display: none;
  }
}

.wizard-form {
  gap: 1.2rem;
  display: grid;
}

.wizard-fieldset {
  border: 1px dashed #383838;
  border-radius: 3px;
  gap: .9rem;
  margin: 0;
  padding: 1.1rem 1rem 1.2rem;
  display: grid;
}

.wizard-legend {
  font-family: var(--font-title-grunge), sans-serif;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: var(--primary);
  padding: 0 .55rem;
  font-size: .85rem;
}

.wizard-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem 1rem;
  display: grid;
}

.wizard-grid-wide {
  grid-column: 1 / -1;
}

@media (max-width: 600px) {
  .wizard-grid {
    grid-template-columns: 1fr;
  }
}

.wizard-grid label, .wizard-fieldset > label {
  color: var(--muted-foreground);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .8rem;
  font-family: var(--font-title-grunge), sans-serif;
  gap: .3rem;
  min-width: 0;
  display: grid;
}

.wizard-grid input[type="text"], .wizard-grid input[type="date"], .wizard-grid input[type="number"], .wizard-grid select {
  background: var(--surface-input);
  width: 100%;
  color: var(--foreground);
  font-family: var(--font-body), sans-serif;
  text-transform: none;
  letter-spacing: 0;
  border: 1px solid #383838;
  border-radius: 2px;
  padding: .55rem .65rem;
  font-size: .95rem;
}

.wizard-grid input:focus, .wizard-grid select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px var(--focus-outline);
  outline: none;
}

.wizard-date-field {
  min-width: 0;
}

.wizard-date-row {
  align-items: stretch;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.wizard-date-row input {
  flex: 1;
  min-width: 0;
}

.wizard-date-row .btn {
  white-space: nowrap;
  border: 1px solid #595959;
  border-radius: 2px;
  flex-shrink: 0;
  padding: .5rem .7rem;
  font-size: .84rem;
}

.wizard-checkrow {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem 1rem;
  display: grid;
}

@media (max-width: 600px) {
  .wizard-checkrow {
    grid-template-columns: 1fr;
  }
}

.wizard-checkrow .checkbox-line {
  font-family: var(--font-body), sans-serif;
  color: var(--foreground);
  letter-spacing: 0;
  text-transform: none;
  align-items: center;
  gap: .5rem;
  font-size: .9rem;
  display: inline-flex;
}

.wizard-tech-action {
  align-items: center;
  gap: .8rem;
  margin-top: .4rem;
  display: flex;
}

.wizard-tech-result {
  border: 1px solid #2e2e2e;
  border-left: 3px solid var(--primary);
  background: #0f0f0f;
  border-radius: 2px;
  gap: .55rem;
  padding: .9rem 1rem;
  display: grid;
}

.wizard-recap {
  background: #0a0a0a;
  border: 1px solid #292929;
  border-radius: 2px;
  gap: .45rem;
  padding: .9rem 1rem;
  display: grid;
}

.recap-list {
  font-family: var(--font-body), sans-serif;
  color: var(--foreground);
  gap: .3rem;
  font-size: .9rem;
  display: grid;
}

.recap-list li {
  padding: 0;
  list-style: none;
}

.recap-list li:before {
  content: none;
}

.wizard-actions {
  border-top: 1px dashed #2e2e2e;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-top: .4rem;
  display: flex;
}

.wizard-success {
  text-align: center;
  gap: .6rem;
  padding: 2rem 1rem;
  display: grid;
}

.wizard-success h3 {
  font-family: var(--font-title-blackletter), "Montserrat", sans-serif;
  letter-spacing: -.01em;
  color: var(--primary);
  font-size: 1.8rem;
  font-weight: 900;
}

.status-success {
  color: #85e0a3;
}

.status-warn {
  color: #f7ae6e;
}

@keyframes neon-pulse {
  0%, 100% {
    opacity: .55;
    filter: drop-shadow(0 0 6px #f127b573);
  }

  50% {
    opacity: 1;
    filter: drop-shadow(0 0 14px #f127b5d9);
  }
}

@keyframes neon-flicker {
  0%, 100% {
    opacity: 1;
  }

  41%, 42.5% {
    opacity: 1;
  }

  43% {
    opacity: .78;
  }

  44% {
    opacity: 1;
  }

  45.5% {
    opacity: .6;
  }

  46% {
    opacity: 1;
  }

  88% {
    opacity: .85;
  }

  88.5% {
    opacity: 1;
  }
}

@keyframes float-rock {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(var(--icon-rot, 0deg));
  }

  50% {
    transform: translate3d(0, -10px, 0) rotate(calc(var(--icon-rot, 0deg) + 4deg));
  }
}

@keyframes spotlight-sweep {
  0%, 100% {
    opacity: .85;
    transform: rotate(0)scale(1);
  }

  50% {
    opacity: 1;
    transform: rotate(180deg)scale(1.08);
  }
}

@keyframes string-vibrate {
  0%, 100% {
    transform: translate(0, -1px);
  }

  20% {
    transform: translate(-1px, -2px);
  }

  40% {
    transform: translate(1px, -1px);
  }

  60% {
    transform: translate(-1px, -2px);
  }

  80% {
    transform: translate(1px, -1px);
  }
}

@keyframes grain-drift {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  25% {
    transform: translate3d(-2%, 1%, 0);
  }

  50% {
    transform: translate3d(1%, -1.5%, 0);
  }

  75% {
    transform: translate3d(2%, 1%, 0);
  }
}

@keyframes ribbon-shine {
  0%, 60%, 100% {
    transform: translateX(-120%);
  }

  72% {
    transform: translateX(120%);
  }
}

body:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(80% 50% at 50% -10%, #3e0b658c, #0000 65%), radial-gradient(70% 45% at 50% 110%, #56061c66, #0000 65%);
  position: fixed;
  inset: 0;
}

.noise-overlay {
  will-change: transform;
  animation: 28s ease-in-out infinite grain-drift;
}

.hero {
  isolation: isolate;
  background: radial-gradient(90% 70% at 50% 100%, #2807408c, #0000 60%);
  overflow: hidden;
}

.hero:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  filter: blur(2px);
  background: radial-gradient(36% 28% at 22% 30%, #6b13ae8c, #0000 70%), radial-gradient(30% 24% at 78% 70%, #d80e9b73, #0000 72%), radial-gradient(22% 18% at 60% 20%, #b60c3c52, #0000 75%);
  width: 140%;
  height: 200%;
  margin: -100% 0 0 -70%;
  animation: 22s ease-in-out infinite spotlight-sweep;
  position: absolute;
  top: 50%;
  left: 50%;
}

.hero > .content-wrap {
  z-index: 1;
  position: relative;
}

.hero-title {
  animation: 7s infinite neon-flicker;
  position: relative;
}

.hero-title:first-letter {
  color: var(--primary);
  text-shadow: 0 0 10px #f127b5b3, 0 0 22px #f127b573, 0 2px #0e0212cc;
}

.panel-hero {
  position: relative;
}

.panel-hero:after {
  content: "";
  background: linear-gradient(90deg, transparent 0%, var(--brand-violet) 18%, var(--primary) 50%, var(--brand-violet) 82%, transparent 100%);
  pointer-events: none;
  height: 2px;
  animation: 3s ease-in-out infinite neon-pulse;
  position: absolute;
  bottom: -3px;
  left: 8%;
  right: 8%;
}

.video-frame {
  background: var(--video-accent-bg);
  background-image: linear-gradient(145deg, #4f0e816b, #1a0821eb), var(--video-pattern);
  border: 1px solid #f00fac52;
  transition: transform .3s, box-shadow .35s, border-color .3s;
  box-shadow: 0 18px 40px #0e02128c, inset 0 0 30px #9009672e;
}

.video-frame:hover {
  border-color: var(--primary);
  transform: translateY(-2px);
  box-shadow: 0 22px 46px #0e0212a6, 0 0 28px #f00fac52, inset 0 0 40px #90096738;
}

.video-placeholder {
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-card);
  background: linear-gradient(145deg, #220637e6, #100514f2);
  border: 1px solid #f00fac38;
  justify-content: center;
  align-items: center;
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
}

.video-placeholder-inner {
  color: #bfbfbf;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: .9rem;
  padding: 2rem;
  display: flex;
}

.video-placeholder-title {
  font-family: var(--font-title-display), sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--primary);
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.35rem);
}

.video-placeholder-sub {
  opacity: .6;
  max-width: 24ch;
  margin: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.scattered-icon-skull, .scattered-icon-lightning, .scattered-icon-pick, .scattered-icon-star {
  will-change: transform, opacity;
  animation: 7s ease-in-out infinite float-rock, 4s ease-in-out infinite icon-glow-pulse;
}

.page-skulls-overlay .scattered-icon-skull, .page-skulls-overlay .scattered-icon-lightning {
  will-change: transform;
  animation: 7s ease-in-out infinite float-rock;
}

.scattered-icon-skull {
  animation-duration: 6.5s, 4.2s;
  animation-delay: 0s, .8s;
}

.scattered-icon-lightning {
  animation-duration: 5.8s, 3.6s;
  animation-delay: 1.2s, 0s;
}

.scattered-icon-pick {
  animation-duration: 7.4s, 5s;
  animation-delay: 2.6s, 1.4s;
}

.scattered-icon-star {
  animation-duration: 6s, 4.8s;
  animation-delay: 3.4s, 2s;
}

@keyframes icon-glow-pulse {
  0%, 100% {
    opacity: var(--icon-op, .4);
    filter: drop-shadow(0 0 5px);
  }

  50% {
    opacity: calc(var(--icon-op, .4) * 1.7);
    filter: drop-shadow(0 0 14px);
  }
}

.section-divider-star {
  animation: 3.4s ease-in-out infinite neon-pulse;
}

.skull-row-item {
  animation: 5.8s ease-in-out infinite float-rock;
  animation-delay: calc(var(--i, 0) * .4s);
}

.panel {
  transition: transform .28s, border-color .28s, box-shadow .32s;
}

.panel:hover {
  border-color: #f00fac73;
  transform: translateY(-3px);
  box-shadow: 0 12px 30px #0e02128c, 0 0 24px #f00fac38;
}

.panel-hero {
  transition: none;
}

.panel-hero:hover {
  border-color: #383838;
  transform: none;
  box-shadow: 0 18px 40px #0e021299;
}

.panel:has( > .panel-icon-corner):hover .panel-icon-corner {
  transition: transform .3s, box-shadow .3s;
  transform: rotate(-2deg)scale(1.08);
  box-shadow: 0 6px 18px #0e021299, 0 0 22px #f00fac8c;
}

.panel-icon-corner {
  transition: transform .3s, box-shadow .3s;
}

.rock-ribbon {
  overflow: hidden;
}

.rock-ribbon:after {
  content: "";
  pointer-events: none;
  mix-blend-mode: overlay;
  background: linear-gradient(100deg, #0000 0%, #ffffff73 45% 55%, #0000 100%);
  animation: 6s ease-in-out infinite ribbon-shine;
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
}

.btn-primary:hover {
  animation: .22s ease-in-out string-vibrate;
}

.btn-outline {
  position: relative;
  overflow: hidden;
}

.btn-outline:before {
  content: "";
  border-radius: inherit;
  border: 1px solid var(--primary);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s, transform .3s;
  position: absolute;
  inset: 0;
  transform: scale(1.04);
}

.btn-outline:hover:before {
  opacity: .55;
  transform: scale(1);
}

.marquee {
  position: relative;
}

.marquee:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, var(--background) 0%, transparent 8%, transparent 92%, var(--background) 100%);
  position: absolute;
  inset: 0;
}

.section-title h2 {
  padding-bottom: .35rem;
  display: inline-block;
  position: relative;
}

.section-title h2:after {
  content: "";
  background: linear-gradient(90deg, var(--primary) 0%, var(--brand-violet) 100%);
  width: 60px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 10px #f00fac99;
}

.hero-subtitle {
  text-shadow: 0 1px #0e021266;
}

.badges .badge {
  transition: border-color .2s, color .2s, transform .2s;
}

.badges .badge:hover {
  border-color: var(--primary);
  color: var(--accent);
  transform: translateY(-1px);
}

.action-row {
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .noise-overlay, .hero:before, .hero-title, .panel-hero:after, .scattered-icon-skull, .scattered-icon-lightning, .scattered-icon-pick, .scattered-icon-star, .section-divider-star, .skull-row-item, .rock-ribbon:after, .btn-primary:hover {
    animation: none !important;
  }
}

@keyframes hh-glow-pulse {
  0%, 100% {
    opacity: .5;
  }

  50% {
    opacity: .8;
  }
}

.hero-header {
  isolation: isolate;
  border-bottom: 1px solid #eb0fa966;
  align-items: flex-end;
  min-height: 100vh;
  padding-bottom: 18vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hh-content-area {
  z-index: 1;
  width: 100%;
  position: relative;
}

.hh-bg {
  z-index: 0;
  pointer-events: none;
  background: #0f0014 url("/IMG_5261.webp") 50% 35% / cover;
  position: absolute;
  inset: 0;
}

.hh-bg:before {
  content: "";
  background: #0e021299;
  position: absolute;
  inset: 0;
}

.hh-spot-left {
  filter: blur(32px);
  mix-blend-mode: screen;
  background: radial-gradient(70% 80% at 30%, #7c16ca99 0%, #0000 70%);
  width: 55%;
  height: 100%;
  animation: 12s ease-in-out infinite hh-glow-pulse;
  position: absolute;
  top: 0;
  left: -10%;
}

.hh-spot-right {
  filter: blur(32px);
  mix-blend-mode: screen;
  background: radial-gradient(70% 80% at 70%, #eb0fa98c 0%, #0000 70%);
  width: 55%;
  height: 100%;
  animation: 15s ease-in-out 3s infinite hh-glow-pulse;
  position: absolute;
  top: 0;
  right: -10%;
}

.hh-vignette {
  background: radial-gradient(65% 90%, #0000 20%, #0f0014d9 100%);
  position: absolute;
  inset: 0;
}

.hh-inner {
  z-index: 1;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  width: min(1120px, 100% - 3rem);
  margin: 0 auto;
  padding: 3rem 0 2.5rem;
  display: flex;
  position: relative;
}

.hh-eyebrow {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--primary);
  text-shadow: 0 0 10px #f00fac99;
  align-items: center;
  gap: .6rem;
  margin-bottom: 1.2rem;
  font-size: .78rem;
  display: inline-flex;
}

.hh-eyebrow-icon {
  opacity: .85;
  flex-shrink: 0;
}

h1.hh-name, .hh-name {
  font-family: var(--font-display), "Bebas Neue", sans-serif;
  text-transform: uppercase;
  white-space: nowrap;
  color: #f7f7f7;
  text-shadow: 0 4px #0e0212cc, 0 0 40px #f00fac4d;
  letter-spacing: .01em;
  margin: 0;
  font-size: clamp(2.8rem, 7vw, 7.5rem);
  font-weight: 400;
  line-height: .9;
  animation: 10s 2s infinite neon-flicker;
}

.hh-proposition {
  font-family: var(--font-body), "Open Sans", sans-serif;
  color: #ededed;
  text-shadow: 0 2px 8px #0e0212e6;
  opacity: .88;
  max-width: 42ch;
  margin: 2rem 0 2.5rem;
  font-size: clamp(1rem, 2.5vw, 1.8rem);
  font-weight: 700;
  line-height: 1.3;
}

.hh-identity {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #737373;
  margin: 0 0 1.8rem;
  font-size: .84rem;
}

.hh-cta {
  gap: .8rem;
  display: flex;
}

.hh-cta .btn-primary {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .15em;
  border-radius: 3px;
  padding: .95rem 2.6rem;
  font-size: clamp(1rem, 1.8vw, 1.25rem);
}

@keyframes neon-pill-flicker {
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
    text-shadow: 0 0 6px #f00fac, 0 0 18px #f00face6, 0 0 40px #f00fac99, 0 0 80px #f00fac4d;
    color: #f9a9e1;
  }

  20%, 24%, 55% {
    text-shadow: none;
    color: #c00c8a;
  }
}

.hh-pill {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #f9a9e1;
  background: none;
  margin: 1.6rem 0 1.2rem;
  padding: 0;
  font-size: clamp(1rem, 2vw, 1.4rem);
  animation: 5s ease-in-out infinite neon-pill-flicker;
  display: inline-block;
  transform: none;
}

.hh-marquee-wrap {
  z-index: 3;
  border-top: 1px solid #ffffff1f;
  padding: 1rem 0 1.2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.hh-marquee-track {
  white-space: nowrap;
  animation: 22s linear infinite hh-scroll;
  display: flex;
}

.hh-marquee-track:hover {
  animation-play-state: paused;
}

@keyframes hh-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-33.333%);
  }
}

.hh-marquee-text {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #ffffff2e;
  white-space: nowrap;
  flex-shrink: 0;
  padding-right: 3rem;
  font-size: clamp(1.2rem, 3vw, 2rem);
}

.hh-scanlines {
  z-index: 1;
  pointer-events: none;
  background: repeating-linear-gradient(#0000 0 3px, #0000000f 3px 4px);
  position: absolute;
  inset: 0;
}

@keyframes electric-sweep {
  0% {
    opacity: 0;
    transform: translateX(-110%);
  }

  5% {
    opacity: .8;
  }

  50% {
    opacity: .4;
  }

  95% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: translateX(110vw);
  }
}

.hh-electric-line {
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(to right, #0000, #f66fcd, #bb75f0, #0000);
  width: 200px;
  height: 1px;
  animation: 9s ease-in-out 4s infinite electric-sweep;
  position: absolute;
  top: 48%;
  left: 0;
  box-shadow: 0 0 8px #f00faccc;
}

@keyframes float-spin-1 {
  0%, 100% {
    transform: rotate(22deg)translateY(0);
  }

  50% {
    transform: rotate(15deg)translateY(-18px);
  }
}

@keyframes float-spin-2 {
  0%, 100% {
    transform: translateY(0)scale(1);
  }

  40% {
    transform: translateY(-12px)scale(1.15);
  }
}

@keyframes float-spin-3 {
  0%, 100% {
    transform: rotate(8deg)translateY(0);
  }

  33% {
    transform: rotate(14deg)translateY(-10px);
  }

  66% {
    transform: rotate(3deg)translateY(6px);
  }
}

@keyframes float-spin-4 {
  0%, 100% {
    opacity: .12;
    transform: rotate(-12deg)translateY(0);
  }

  50% {
    opacity: .25;
    transform: rotate(-20deg)translateY(-15px);
  }
}

.hh-bar {
  background: var(--primary);
  z-index: 10;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hh-floating {
  z-index: 2;
  pointer-events: none;
  color: var(--primary);
  position: absolute;
}

.hh-floating-1 {
  opacity: .32;
  animation: 7s ease-in-out infinite float-spin-1;
  top: 16%;
  right: 7%;
}

.hh-floating-2 {
  opacity: .24;
  color: #f2f2f2;
  animation: 4.5s ease-in-out 1.2s infinite float-spin-2;
  top: 55%;
  right: 4%;
}

.hh-floating-3 {
  opacity: .22;
  animation: 6s ease-in-out 2s infinite float-spin-3;
  bottom: 26%;
  left: 38%;
}

.hh-floating-4 {
  opacity: .14;
  animation: 8s ease-in-out .5s infinite float-spin-4;
  top: 35%;
  left: 6%;
}

.hh-fog {
  background: linear-gradient(to top, var(--background), transparent);
  z-index: 2;
  pointer-events: none;
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 768px) {
  .hero-header {
    min-height: 90vh;
  }

  .hh-inner {
    width: calc(100% - 2.4rem);
    padding: 3rem 0 2.5rem;
  }

  .hh-name {
    white-space: normal;
    font-size: clamp(3.2rem, 15vw, 6rem);
  }

  .hh-proposition {
    max-width: 36ch;
    font-size: clamp(.95rem, 3.5vw, 1.2rem);
  }

  .hh-bg {
    background-position: 35% 35%;
  }
}

@media (max-width: 480px) {
  .hero-header {
    min-height: 85vh;
  }

  .hh-inner {
    width: calc(100% - 2rem);
    padding: 2.5rem 0 2rem;
  }

  .hh-name {
    font-size: clamp(2.8rem, 16vw, 5rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hh-spot-left, .hh-spot-right, .hh-name {
    animation: none !important;
  }
}

.cta-strip {
  background: #0e0212;
  border-top: 1px solid #eb0fa959;
  border-bottom: 1px solid #eb0fa959;
  position: relative;
  overflow: hidden;
}

.cta-strip:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--primary) 50%, transparent);
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 16px #f00fac80;
}

.cta-strip--scene {
  position: relative;
  overflow: hidden;
}

.cta-scene-bg {
  background-image: url("https://images.unsplash.com/photo-1459749411175-04bf5292ceea?auto=format&fit=crop&w=1600&h=500&q=80");
  background-position: 50% 35%;
  background-size: cover;
  min-height: 100%;
  animation: 20s ease-in-out infinite alternate cta-bg-drift;
  position: absolute;
  inset: 0;
  transform: scale(1.04);
}

@keyframes cta-bg-drift {
  from {
    transform: scale(1.04)translateX(0);
  }

  to {
    transform: scale(1.08)translateX(-2%);
  }
}

.cta-scene-overlay {
  background: linear-gradient(135deg, #0e0212ed 40%, #3a0429bf 100%);
  position: absolute;
  inset: 0;
}

.cta-scene-inner {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 3.5rem 0;
  display: flex;
  position: relative;
}

.cta-scene-left {
  flex: 1;
  min-width: 0;
}

.cta-scene-eyebrow {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--primary);
  align-items: center;
  gap: .4rem;
  margin-bottom: .7rem;
  font-size: .84rem;
  display: flex;
}

.cta-scene-heading {
  font-family: var(--font-title-rockstone), "Montserrat", sans-serif;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 0 32px #f00fac66, 0 4px #0d0410;
  margin: 0 0 .7rem;
  font-size: clamp(1.8rem, 3.8vw, 3rem);
  font-weight: 900;
  line-height: .95;
}

.cta-scene-sub {
  letter-spacing: .1em;
  color: #858585;
  text-transform: uppercase;
  margin: 0;
  font-size: .8rem;
}

.cta-scene-right {
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  gap: .7rem;
  display: flex;
}

@keyframes cta-scene-btn-glow {
  0%, 100% {
    border-color: #f00fac73;
    box-shadow: 0 0 14px #f00fac47, inset 0 0 #f00fac00;
  }

  50% {
    border-color: #f00faccc;
    box-shadow: 0 0 36px #f00facb3, inset 0 0 8px #f00fac14;
  }
}

.cta-scene-btn {
  color: var(--primary);
  font-family: var(--font-display), sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  background: none;
  border: 2px solid #f00fac99;
  border-radius: 3px;
  align-items: center;
  gap: .7rem;
  padding: 1.1rem 2.8rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .22s, color .22s;
  animation: 2.6s ease-in-out infinite cta-scene-btn-glow;
  display: inline-flex;
}

.cta-scene-btn:hover {
  background: var(--primary);
  color: #000;
  animation: none;
  box-shadow: 0 0 52px #f00faca6;
}

.cta-scene-reply {
  color: #6b6b6b;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0;
  font-size: .84rem;
}

@media (max-width: 640px) {
  .cta-scene-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    padding: 2.5rem 0;
  }

  .cta-scene-right {
    align-items: flex-start;
    width: 100%;
  }

  .cta-scene-btn {
    justify-content: center;
    width: 100%;
    padding: 1rem 1.5rem;
    font-size: 1rem;
  }

  .cta-scene-reply {
    text-align: center;
    width: 100%;
  }
}

.cta-strip-inner {
  z-index: 1;
  min-height: 110px;
  position: relative;
}

.cta-strip p {
  font-family: var(--font-title-rockstone), "Montserrat", sans-serif;
  letter-spacing: -.01em;
  color: #f5f5f5;
  text-shadow: 0 2px 12px #0009;
  max-width: 52ch;
  font-size: clamp(1rem, 2.2vw, 1.4rem);
  font-weight: 700;
}

.site-footer {
  position: relative;
  overflow: hidden;
  box-shadow: 0 -8px 40px #f00fac14;
  border-top: 2px solid #eb0fa959 !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

.site-footer:before {
  content: "";
  background: linear-gradient(90deg, transparent, var(--primary) 50%, transparent);
  pointer-events: none;
  height: 2px;
  position: absolute;
  top: -2px;
  left: 10%;
  right: 10%;
  box-shadow: 0 0 20px #f00fac99;
}

.footer-list a {
  color: var(--muted-foreground);
  font-size: .9rem;
  transition: color .2s;
}

.footer-list a:hover {
  color: var(--primary);
}

.reveal-initialized [data-reveal] {
  opacity: 0;
  transition: opacity .9s cubic-bezier(.23, 1, .32, 1), transform .9s cubic-bezier(.23, 1, .32, 1);
  transform: translateY(60px)scale(.97);
}

.reveal-initialized [data-reveal].is-revealed {
  opacity: 1;
  transform: translateY(0)scale(1);
}

.reveal-initialized [data-reveal="1"] {
  transition-delay: .1s;
}

.reveal-initialized [data-reveal="2"] {
  transition-delay: .18s;
}

.reveal-initialized [data-reveal="3"] {
  transition-delay: .26s;
}

.reveal-initialized [data-reveal="4"] {
  transition-delay: 80ms;
}

.reveal-initialized [data-reveal="5"] {
  transition-delay: .16s;
}

.reveal-initialized [data-reveal="6"] {
  transition-delay: .24s;
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] {
    opacity: 1 !important;
    transition: none !important;
    transform: none !important;
  }
}

.stats-strip {
  border-top: 2px solid var(--primary);
  background: #0a020e;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 0;
  display: grid;
}

.stats-item {
  text-align: center;
  border-right: 1px solid #ffffff12;
  flex-direction: column;
  align-items: center;
  gap: .35rem;
  padding: 3vh 2vw;
  display: flex;
}

.stats-item:last-of-type {
  border-right: none;
}

.stats-num {
  font-family: var(--font-display), var(--font-title-blackletter), sans-serif;
  letter-spacing: -.03em;
  color: #f5f5f5;
  text-shadow: 0 0 20px #f00facb3, 0 0 50px #f00fac66, 0 0 100px #f00fac26;
  font-size: clamp(2rem, 5.2vw, 3.8rem);
  font-weight: 400;
  line-height: 1;
}

.stats-label {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #949494;
  white-space: nowrap;
  font-size: .7rem;
}

@media (max-width: 640px) {
  .stats-strip {
    grid-template-columns: 1fr 1fr;
  }

  .stats-item:nth-child(2n) {
    border-right: none;
  }

  .stats-item:nth-child(n+3) {
    border-top: 1px solid #ffffff12;
  }
}

@keyframes filmstrip-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.filmstrip {
  cursor: pointer;
  border-top: 2px solid #eb0fa973;
  border-bottom: 2px solid #eb0fa973;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #0000 0%, #000 6% 94%, #0000 100%);
  mask-image: linear-gradient(90deg, #0000 0%, #000 6% 94%, #0000 100%);
}

.filmstrip-track {
  will-change: transform;
  gap: 3px;
  width: max-content;
  animation: 55s linear infinite filmstrip-scroll;
  display: flex;
}

.filmstrip:hover .filmstrip-track {
  animation-play-state: paused;
}

.filmstrip-item {
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  height: clamp(240px, 28vw, 360px);
  padding: 0;
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.filmstrip-item img {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  width: auto;
  min-width: 160px;
  height: 100%;
  transition: transform .5s cubic-bezier(.23, 1, .32, 1);
  display: block;
}

.filmstrip-item:hover img {
  transform: scale(1.06);
}

.filmstrip-item:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: -2px;
}

.filmstrip-item-caption {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #e6e6e6;
  opacity: 0;
  text-shadow: 0 1px 4px #000c;
  pointer-events: none;
  font-size: .65rem;
  transition: opacity .3s, transform .3s;
  position: absolute;
  bottom: .6rem;
  left: .7rem;
  transform: translateY(4px);
}

.filmstrip-item:hover .filmstrip-item-caption {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 640px) {
  .filmstrip-item {
    height: 200px;
  }

  .filmstrip-item-caption {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .filmstrip-track {
    animation: none !important;
  }
}

.bmc-section {
  padding: 3.5rem 0 2.5rem;
}

.bmc-header {
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 2rem;
  padding: 0 max(1.5rem, 50% - 560px);
  display: flex;
}

.bmc-header-line {
  background: linear-gradient(90deg, #0000, #ffffff1a);
  flex: 1;
  height: 1px;
}

.bmc-header-line:last-child {
  background: linear-gradient(90deg, #ffffff1a, #0000);
}

.bmc-header-title {
  font-family: var(--font-title-blackletter), "Montserrat", sans-serif;
  letter-spacing: .35em;
  text-transform: uppercase;
  color: var(--primary);
  text-shadow: 0 0 14px #f00faca6;
  white-space: nowrap;
  font-size: .82rem;
  font-weight: 900;
  line-height: 1;
}

.bmc-grid {
  grid-template-columns: repeat(5, 1fr);
  gap: 2px;
  display: grid;
}

@media (max-width: 900px) {
  .bmc-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 560px) {
  .bmc-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bmc-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 1px);
  }
}

.bmc-card {
  perspective: 1200px;
  cursor: pointer;
  background: none;
  border-right: 1px solid #ffffff0a;
  height: 380px;
  position: relative;
}

.bmc-card:last-child {
  border-right: none;
}

.bmc-card-inner {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .6s cubic-bezier(.4, 0, .2, 1);
  position: relative;
}

.bmc-card:hover .bmc-card-inner, .bmc-card:focus-within .bmc-card-inner, .bmc-card--flipped .bmc-card-inner {
  transform: rotateY(180deg);
}

.bmc-front {
  backface-visibility: hidden;
  background: #110416;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem .75rem 1.2rem;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.bmc-front:before {
  content: "";
  background: radial-gradient(ellipse 80% 80% at 50% 50%, var(--accent) 0%, transparent 70%);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .bmc-front:before {
    background: radial-gradient(ellipse 80% 80% at 50% 50%, color-mix(in srgb, var(--accent) 8%, transparent) 0%, transparent 70%);
  }
}

.bmc-front:before {
  pointer-events: none;
}

.bmc-front-bottom {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  gap: .55rem;
  width: 100%;
  display: flex;
  position: relative;
}

.bmc-front-sep {
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  opacity: .45;
  width: 48px;
  height: 1px;
  display: block;
}

.bmc-front-instr {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--accent);
  opacity: .6;
  font-size: .68rem;
  transition: opacity .2s;
}

.bmc-card:hover .bmc-front-instr {
  opacity: 1;
}

.bmc-front-tap {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #858585;
  border: 1px solid #383838;
  border-radius: 20px;
  padding: .3rem .9rem;
  font-size: .68rem;
  transition: color .25s, border-color .25s, box-shadow .25s, background .25s;
}

.bmc-card:hover .bmc-front-tap {
  color: var(--accent);
  border-color: var(--accent);
  background: #f00fac12;
  box-shadow: 0 0 10px #f00fac40;
}

.bmc-flip-hint {
  display: none;
}

.bmc-back {
  backface-visibility: hidden;
  text-align: center;
  background: #17051e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: 1.8rem 1.2rem;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: rotateY(180deg);
}

.bmc-back-accent-line {
  background: var(--accent);
  width: 32px;
  height: 2px;
  box-shadow: 0 0 12px var(--accent);
  border-radius: 2px;
  margin-bottom: .4rem;
}

.bmc-back-name {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #f2f2f2;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
}

.bmc-back-role {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--accent);
  margin: 0 0 .6rem;
  font-size: .65rem;
}

.bmc-back-bio {
  font-family: var(--font-body), sans-serif;
  color: #b8b8b8;
  margin: 0;
  font-size: .88rem;
  line-height: 1.65;
}

.bmc-card .bmc-info {
  flex-shrink: 0;
}

@keyframes bmc-slam {
  0% {
    transform: scale(1);
  }

  18% {
    transform: scale(1.13)rotate(-2deg);
  }

  38% {
    transform: scale(1.04)rotate(1deg);
  }

  60% {
    transform: scale(1.09)rotate(-.6deg);
  }

  80% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1.07)translateY(-4px);
  }
}

@keyframes bmc-buzz {
  0%, 100% {
    transform: translate(0);
  }

  20% {
    transform: translate(-2px, 1px)skewX(-1.2deg);
  }

  40% {
    transform: translate(2px, -1px)skewX(1.2deg);
  }

  60% {
    transform: translate(-1px, -1px);
  }

  80% {
    transform: translate(1px, 1px)skewX(-.5deg);
  }
}

@keyframes bmc-burst-pulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.06);
  }
}

.bmc-burst {
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .4rem;
  animation: 3.5s ease-in-out infinite bmc-burst-pulse;
  display: flex;
  position: absolute;
  inset: 0;
}

.bmc-burst-icon, .bmc-burst-word {
  display: none;
}

.bmc-card:hover .bmc-burst {
  animation: none;
}

@keyframes halo-pulse {
  0%, 100% {
    opacity: .14;
    transform: translate(-50%, -55%)scale(.85);
  }

  50% {
    opacity: .22;
    transform: translate(-50%, -55%)scale(1.05);
  }
}

.bmc-halo {
  background: radial-gradient(circle, var(--accent) 0%, transparent 70%);
  opacity: .14;
  pointer-events: none;
  z-index: 0;
  filter: blur(10px);
  border-radius: 50%;
  width: 200px;
  height: 200px;
  transition: opacity .35s, filter .35s, transform .35s;
  animation: 4s ease-in-out infinite halo-pulse;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%)scale(.85);
}

.bmc-card:hover .bmc-halo {
  opacity: .38;
  filter: blur(4px);
  transform: translate(-50%, -55%)scale(1.15);
}

@keyframes emoji-float-up {
  0% {
    opacity: 0;
    transform: translateX(var(--x, 0)) translateY(0) scale(.5);
  }

  18% {
    opacity: 1;
    transform: translateX(calc(var(--x, 0) * .6)) translateY(-14px) scale(1.35);
  }

  100% {
    opacity: 0;
    transform: translateX(var(--x, 0)) translateY(-90px) scale(.9);
  }
}

.bmc-emoji-burst {
  pointer-events: none;
  z-index: 20;
  align-items: flex-end;
  gap: 0;
  display: flex;
  position: absolute;
  bottom: 52%;
  left: 50%;
  transform: translateX(-50%);
}

.bmc-emoji-particle {
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  line-height: 1;
  animation: none;
}

.bmc-card:hover .bmc-emoji-particle {
  animation: 1.4s ease-out forwards emoji-float-up;
  animation-delay: var(--delay, 0s);
}

.bmc-circle {
  z-index: 1;
  border: 2px solid var(--accent);
  width: 128px;
  height: 128px;
  box-shadow: 0 0 0 4px #110416, 0 0 22px var(--accent), 0 0 50px var(--accent);
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .bmc-circle {
    box-shadow: 0 0 0 4px #110416, 0 0 22px color-mix(in srgb, var(--accent) 45%, transparent), 0 0 50px color-mix(in srgb, var(--accent) 18%, transparent);
  }
}

.bmc-card:hover .bmc-circle {
  box-shadow: 0 0 0 4px #110416, 0 0 38px var(--accent), 0 0 80px var(--accent);
  animation: .3s cubic-bezier(.36, .07, .19, .97) both bmc-slam;
}

@supports (color: color-mix(in lab, red, red)) {
  .bmc-card:hover .bmc-circle {
    box-shadow: 0 0 0 4px #110416, 0 0 38px color-mix(in srgb, var(--accent) 70%, transparent), 0 0 80px color-mix(in srgb, var(--accent) 32%, transparent);
  }
}

.bmc-circle img {
  object-fit: cover;
  filter: brightness(.88) saturate(1.05);
  width: 100%;
  height: 100%;
  transition: filter 80ms linear;
  display: block;
}

.bmc-card:hover .bmc-circle img {
  filter: brightness(.96) contrast(1.06) saturate(1.12);
}

.bmc-info {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: .3rem;
  width: 100%;
  margin-top: 1rem;
  display: flex;
  position: relative;
}

.bmc-name {
  font-family: var(--font-display), var(--font-title-blackletter), "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #f7f7f7;
  text-shadow: 0 2px 8px #0009;
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.3rem);
  font-weight: 400;
  line-height: 1;
}

.bmc-card:hover .bmc-name {
  color: var(--accent);
  animation: .22s ease-in-out both bmc-buzz;
}

.bmc-role {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #999;
  -webkit-line-clamp: 2;
  text-align: center;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: clamp(.78rem, 1.5vw, .88rem);
  display: -webkit-box;
  overflow: hidden;
}

.bmc-desc {
  font-family: var(--font-body), sans-serif;
  color: #d1d1d1;
  text-align: center;
  opacity: 0;
  background: linear-gradient(to top, #0d0311fa 55%, #0d0311b3 80%, #0000);
  margin: 0;
  padding: 2rem 1rem 1.2rem;
  font-size: clamp(.82rem, .9vw, .9rem);
  line-height: 1.6;
  transition: transform .38s cubic-bezier(.16, 1, .3, 1), opacity .38s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
}

.bmc-card:hover .bmc-desc {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .bmc-burst {
    opacity: .06;
    animation: none !important;
  }

  .bmc-card:hover .bmc-circle, .bmc-card:hover .bmc-name {
    animation: none;
  }
}

@media (max-width: 560px) {
  .bmc-card {
    border-bottom: 1px solid #ffffff0a;
    border-right: none;
    height: auto;
  }

  .bmc-card-inner {
    transform-style: flat;
    flex-direction: column;
    height: auto;
    transition: none;
    display: flex;
    position: relative;
    transform: none !important;
  }

  .bmc-front {
    inset: unset;
    backface-visibility: visible;
    height: 190px;
    position: relative;
  }

  .bmc-back {
    inset: unset;
    backface-visibility: visible;
    opacity: 1;
    text-align: left;
    border-top: 1px solid #231429;
    justify-content: flex-start;
    gap: .35rem;
    height: auto;
    padding: .75rem .9rem 1rem;
    position: relative;
    transform: none;
  }

  .bmc-back-accent-line {
    margin-bottom: .2rem;
  }

  .bmc-back-bio {
    text-align: left;
    font-size: .76rem;
    line-height: 1.5;
  }

  .bmc-front-bottom {
    display: none;
  }

  .bmc-card:hover .bmc-card-inner, .bmc-card--flipped .bmc-card-inner {
    transform: none !important;
  }

  .bmc-card:hover .bmc-circle, .bmc-card:hover .bmc-name {
    animation: none;
  }
}

.gallery-section {
  padding: 3rem 0 2.5rem;
}

.gallery-label {
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
  padding: 0 max(1.5rem, 50% - 560px);
  display: flex;
}

.gallery-label-line {
  background: linear-gradient(90deg, #0000, #ffffff1f);
  flex: 1;
  height: 1px;
}

.gallery-label-line:last-child {
  background: linear-gradient(90deg, #ffffff1f, #0000);
}

.gallery-label-text {
  font-family: var(--font-title-blackletter), sans-serif;
  letter-spacing: .35em;
  text-transform: uppercase;
  color: var(--primary);
  text-shadow: 0 0 12px #f00fac99;
  white-space: nowrap;
  font-size: .82rem;
}

.gallery-label-count {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--muted-foreground);
  white-space: nowrap;
  font-size: .84rem;
}

.gallery-masonry {
  columns: 4 200px;
  column-gap: 4px;
  line-height: 0;
}

@media (max-width: 480px) {
  .gallery-masonry {
    columns: 2;
  }
}

@keyframes gallery-in {
  from {
    opacity: 0;
    transform: scale(.96)translateY(12px);
  }

  to {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

.gallery-item {
  break-inside: avoid;
  cursor: pointer;
  width: 100%;
  animation: .55s cubic-bezier(.23, 1, .32, 1) both gallery-in;
  animation-delay: calc(var(--i, 0) * 70ms);
  background: none;
  border: none;
  margin-bottom: 4px;
  padding: 0;
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.gallery-item img {
  filter: saturate(.25) brightness(.6) contrast(1.05);
  will-change: transform;
  width: 100%;
  height: auto;
  transition: filter .6s cubic-bezier(.23, 1, .32, 1), transform .6s cubic-bezier(.23, 1, .32, 1);
  display: block;
}

.gallery-item:hover img, .gallery-item:focus-visible img {
  filter: saturate(1.1) brightness(.9) contrast(1.08);
  transform: scale(1.07);
}

.gallery-item:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: -2px;
}

.gallery-item:before {
  content: "";
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(#0000 0%, #f00fac0a 48%, #f00fac14 50%, #f00fac0a 52%, #0000 100%);
  transition: none;
  position: absolute;
  inset: 0;
  transform: translateY(-110%);
}

.gallery-item:hover:before {
  transition: transform .65s cubic-bezier(.4, 0, .6, 1);
  transform: translateY(110%);
}

.gallery-item:after {
  content: "";
  border: 0px solid var(--primary);
  box-shadow: inset 0 0 0px var(--primary);
  pointer-events: none;
  z-index: 4;
  transition: border-width .3s, box-shadow .3s;
  position: absolute;
  inset: 0;
}

.gallery-item:hover:after {
  border-width: 2px;
  box-shadow: inset 0 0 18px #f00fac40, 0 0 20px #f00fac33;
}

.gallery-item-overlay {
  z-index: 2;
  opacity: 0;
  background: linear-gradient(to top, #0e0212e6 0%, #20091933 40%, #0000 65%);
  justify-content: space-between;
  align-items: flex-end;
  padding: .85rem;
  transition: opacity .4s;
  display: flex;
  position: absolute;
  inset: 0;
}

.gallery-item:hover .gallery-item-overlay, .gallery-item:focus-visible .gallery-item-overlay {
  opacity: 1;
}

.gallery-item-caption {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #ebebeb;
  font-size: .7rem;
  line-height: 1;
}

.gallery-item-zoom {
  color: var(--primary);
  filter: drop-shadow(0 0 6px #f00faccc);
  font-size: 1rem;
  line-height: 1;
}

@keyframes lb-bg-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes lb-img-in {
  from {
    opacity: 0;
    transform: scale(.94);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.lightbox {
  z-index: 9000;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #0a020ef7;
  place-items: center;
  animation: .22s forwards lb-bg-in;
  display: grid;
  position: fixed;
  inset: 0;
}

.lb-stage {
  flex-direction: column;
  align-items: center;
  gap: .9rem;
  max-width: min(88vw, 1100px);
  max-height: 90vh;
  padding: 0 5rem;
  display: flex;
}

.lb-img {
  object-fit: contain;
  opacity: 0;
  max-width: 100%;
  max-height: 78vh;
  transition: opacity .35s, transform .35s;
  display: block;
  transform: scale(.94);
  box-shadow: 0 40px 100px #000000e6, 0 0 0 1px #ffffff0f;
}

.lb-img.lb-img-loaded {
  opacity: 1;
  transform: scale(1);
}

.lb-caption {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--muted-foreground);
  text-align: center;
  font-size: .75rem;
}

.lb-close {
  z-index: 9001;
  color: #d9d9d9;
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #ffffff2e;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background .2s, border-color .2s, color .2s;
  display: flex;
  position: fixed;
  top: 1.4rem;
  right: 1.4rem;
}

.lb-close:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.lb-nav {
  z-index: 9001;
  color: #d1d1d1;
  cursor: pointer;
  background: #ffffff0d;
  border: 1px solid #ffffff24;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 64px;
  transition: background .2s, border-color .2s, color .2s;
  display: flex;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}

.lb-nav:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.lb-prev {
  left: 1.2rem;
}

.lb-next {
  right: 1.2rem;
}

.lb-counter {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .22em;
  color: var(--muted-foreground);
  align-items: center;
  gap: .4rem;
  font-size: .75rem;
  display: flex;
  position: fixed;
  bottom: 1.4rem;
  left: 50%;
  transform: translateX(-50%);
}

.lb-counter span {
  opacity: .5;
}

@media (max-width: 640px) {
  .lb-stage {
    padding: 0 3.5rem;
  }

  .lb-nav {
    width: 36px;
    height: 52px;
  }

  .lb-prev {
    left: .5rem;
  }

  .lb-next {
    right: .5rem;
  }
}

.photo-strip {
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  -webkit-overflow-scrolling: touch;
  border-top: 2px solid #eb0fa980;
  border-bottom: 2px solid #eb0fa980;
  gap: 3px;
  display: flex;
  overflow: auto hidden;
}

.photo-strip::-webkit-scrollbar {
  display: none;
}

.photo-strip.is-dragging {
  cursor: grabbing;
}

.pstrip-item {
  flex: none;
  height: clamp(220px, 32vw, 380px);
  line-height: 0;
  position: relative;
  overflow: hidden;
}

.pstrip-item img {
  object-fit: cover;
  filter: saturate(.55) brightness(.78);
  pointer-events: none;
  width: auto;
  min-width: 180px;
  height: 100%;
  transition: filter .4s, transform .45s;
  display: block;
}

.pstrip-item:hover img {
  filter: saturate() brightness(.92);
  transform: scale(1.03);
}

@media (max-width: 640px) {
  .pstrip-item {
    height: 180px;
  }
}

.bmc-bg {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.bmc-bg--waves:before {
  content: "";
  background: repeating-linear-gradient(to right, var(--accent) 0px, var(--accent) 4px, transparent 4px, transparent 8px);
  opacity: .35;
  width: 80px;
  height: 45px;
  animation: 1.4s ease-in-out infinite alternate bmc-vocal-bars;
  position: absolute;
  bottom: 28%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 45'%3E%3Crect x='0' y='20' width='4' height='25'/%3E%3Crect x='8' y='10' width='4' height='35'/%3E%3Crect x='16' y='5' width='4' height='40'/%3E%3Crect x='24' y='15' width='4' height='30'/%3E%3Crect x='32' y='0' width='4' height='45'/%3E%3Crect x='40' y='8' width='4' height='37'/%3E%3Crect x='48' y='15' width='4' height='30'/%3E%3Crect x='56' y='5' width='4' height='40'/%3E%3Crect x='64' y='12' width='4' height='33'/%3E%3Crect x='72' y='22' width='4' height='23'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 45'%3E%3Crect x='0' y='20' width='4' height='25'/%3E%3Crect x='8' y='10' width='4' height='35'/%3E%3Crect x='16' y='5' width='4' height='40'/%3E%3Crect x='24' y='15' width='4' height='30'/%3E%3Crect x='32' y='0' width='4' height='45'/%3E%3Crect x='40' y='8' width='4' height='37'/%3E%3Crect x='48' y='15' width='4' height='30'/%3E%3Crect x='56' y='5' width='4' height='40'/%3E%3Crect x='64' y='12' width='4' height='33'/%3E%3Crect x='72' y='22' width='4' height='23'/%3E%3C/svg%3E");
}

.bmc-bg--waves:after {
  content: "";
  border: 1px solid var(--accent);
  width: 60px;
  height: 20px;
  box-shadow: 0 0 12px hsl(from var(--accent) h s l / .5);
  opacity: .2;
  border-radius: 50%;
  animation: 2.5s ease-out infinite bmc-vocal-ring;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes bmc-vocal-bars {
  0% {
    opacity: .25;
    transform: translateX(-50%)scaleY(.6);
  }

  100% {
    opacity: .45;
    transform: translateX(-50%)scaleY(1);
  }
}

@keyframes bmc-vocal-ring {
  0% {
    opacity: .3;
    transform: translateX(-50%)scale(.5);
  }

  100% {
    opacity: 0;
    transform: translateX(-50%)scale(2.5);
  }
}

.bmc-bg--sparks:before {
  content: "";
  background: repeating-linear-gradient(to bottom, transparent 0px, transparent 16px, hsl(from var(--accent) h s l / .1) 16px, hsl(from var(--accent) h s l / .1) 17px);
  animation: 5s ease-in-out infinite alternate bmc-staff;
  position: absolute;
  inset: -10px;
}

.bmc-bg--sparks:after {
  content: "♪";
  color: var(--accent);
  opacity: 0;
  font-size: 1.8rem;
  animation: 3.5s ease-out infinite bmc-note-rise;
  position: absolute;
  top: 20%;
  left: 55%;
}

@keyframes bmc-staff {
  0% {
    opacity: .6;
    transform: translateY(-2px);
  }

  100% {
    opacity: 1;
    transform: translateY(2px);
  }
}

@keyframes bmc-note-rise {
  0% {
    opacity: 0;
    transform: translateY(0)scale(.8);
  }

  20% {
    opacity: .3;
  }

  80% {
    opacity: .15;
  }

  100% {
    opacity: 0;
    transform: translateY(-40px)scale(1.1);
  }
}

.bmc-bg--strings:before {
  content: "";
  background: repeating-linear-gradient(-28deg, transparent 0px, transparent 18px, hsl(from var(--accent) h s l / .09) 18px, hsl(from var(--accent) h s l / .09) 19px);
  animation: 7s linear infinite bmc-strings;
  position: absolute;
  inset: -20px;
}

.bmc-bg--strings:after {
  content: "";
  background: repeating-linear-gradient(-28deg, transparent 0px, transparent 9px, hsl(from var(--accent) h s l / .04) 9px, hsl(from var(--accent) h s l / .04) 10px);
  position: absolute;
  inset: -20px;
}

@keyframes bmc-strings {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(19px);
  }
}

.bmc-bg--bass:before, .bmc-bg--bass:after {
  content: "";
  border: 2px solid var(--accent);
  border-radius: 50%;
  animation: 4.5s ease-out infinite bmc-bass;
  position: absolute;
  top: 50%;
  left: 50%;
}

.bmc-bg--bass:before {
  width: 200px;
  height: 200px;
  box-shadow: 0 0 20px hsl(from var(--accent) h s l / .25);
  animation-delay: 0s;
}

.bmc-bg--bass:after {
  border-width: 1px;
  width: 200px;
  height: 200px;
  animation-delay: 2.2s;
}

@keyframes bmc-bass {
  0% {
    opacity: .7;
    transform: translate(-50%, -50%)scale(.25);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(2.6);
  }
}

.bmc-bg--drums:before {
  content: "";
  background: conic-gradient(from 0deg, hsl(from var(--accent) h s l / .14) 0deg, transparent 15deg, hsl(from var(--accent) h s l / .14) 30deg, transparent 45deg, hsl(from var(--accent) h s l / .14) 60deg, transparent 75deg, hsl(from var(--accent) h s l / .14) 90deg, transparent 105deg, hsl(from var(--accent) h s l / .14) 120deg, transparent 135deg, hsl(from var(--accent) h s l / .14) 150deg, transparent 165deg, hsl(from var(--accent) h s l / .14) 180deg, transparent 195deg, hsl(from var(--accent) h s l / .14) 210deg, transparent 225deg, hsl(from var(--accent) h s l / .14) 240deg, transparent 255deg, hsl(from var(--accent) h s l / .14) 270deg, transparent 285deg, hsl(from var(--accent) h s l / .14) 300deg, transparent 315deg, hsl(from var(--accent) h s l / .14) 330deg, transparent 345deg);
  border-radius: 50%;
  width: 170px;
  height: 170px;
  animation: 2.6s ease-in-out infinite bmc-drums-star;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bmc-bg--drums:after {
  content: "";
  background: radial-gradient(circle, hsl(from var(--accent) h s l / .4) 0%, transparent 70%);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  animation: 1.3s ease-in-out infinite alternate bmc-drums-core;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes bmc-drums-star {
  0%, 100% {
    opacity: .65;
    transform: translate(-50%, -50%)scale(.85)rotate(0);
  }

  50% {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1.12)rotate(15deg);
  }
}

@keyframes bmc-drums-core {
  0% {
    transform: translate(-50%, -50%)scale(.85);
  }

  100% {
    transform: translate(-50%, -50%)scale(1.3);
  }
}

.bmc-bg--souffle {
  overflow: hidden;
}

.bmc-souffle-p {
  bottom: 6%;
  left: var(--left, 50%);
  font-size: var(--note-size, 1.2rem);
  color: var(--accent);
  text-shadow: 0 0 10px var(--accent), 0 0 22px var(--accent);
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  animation: bmc-souffle-rise var(--dur, 3s) ease-out var(--delay, 0s) infinite;
  line-height: 1;
  position: absolute;
}

@keyframes bmc-souffle-rise {
  0% {
    transform: translateY(0) rotate(var(--rot, 0deg));
    opacity: 0;
  }

  8% {
    opacity: .9;
  }

  70% {
    opacity: .65;
  }

  100% {
    transform: translateY(-360px) rotate(calc(var(--rot, 0deg) + 22deg));
    opacity: 0;
  }
}

.bmc-bg--tab-bass {
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  padding: 0 .6rem;
  display: flex;
  overflow: hidden;
}

.bmc-bg--tab {
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 0 .6rem;
  display: flex;
  overflow: hidden;
}

.bmc-tab-line {
  letter-spacing: .04em;
  color: var(--accent);
  opacity: .32;
  white-space: nowrap;
  animation: bmc-tab-scroll calc(9s + var(--tab-i, 0) * 1.4s) linear calc(var(--tab-i, 0) * -2s) infinite;
  font-family: Courier New, monospace;
  font-size: .52rem;
  display: block;
}

.bmc-tab-line:nth-child(odd) {
  opacity: .42;
}

@keyframes bmc-tab-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-33.333%);
  }
}

.bmc-bg--beat-wave {
  justify-content: center;
  align-items: center;
  display: flex;
}

.bmc-bw-core {
  background: var(--accent);
  width: 10px;
  height: 10px;
  box-shadow: 0 0 12px var(--accent), 0 0 28px var(--accent);
  z-index: 2;
  border-radius: 50%;
  animation: .5s ease-in-out infinite bmc-bw-pulse;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bmc-bw-ring {
  border: 1.5px solid var(--accent);
  opacity: 0;
  animation: bmc-bw-expand .5s ease-out var(--d, 0s) infinite;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(0);
}

.bmc-bw-ring:nth-child(2) {
  width: 60px;
  height: 60px;
}

.bmc-bw-ring:nth-child(3) {
  width: 120px;
  height: 120px;
}

.bmc-bw-ring:nth-child(4) {
  width: 190px;
  height: 190px;
}

.bmc-bw-ring:nth-child(5) {
  width: 270px;
  height: 270px;
}

.bmc-bw-ring:nth-child(6) {
  width: 360px;
  height: 360px;
}

@keyframes bmc-bw-pulse {
  0%, 100% {
    box-shadow: 0 0 12px var(--accent), 0 0 28px var(--accent);
    transform: translate(-50%, -50%)scale(1);
  }

  50% {
    box-shadow: 0 0 20px var(--accent), 0 0 48px var(--accent);
    transform: translate(-50%, -50%)scale(1.5);
  }
}

@keyframes bmc-bw-expand {
  0% {
    opacity: .9;
    transform: translate(-50%, -50%)scale(0);
  }

  60% {
    opacity: .35;
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(1);
  }
}

.bmc-bg--onde {
  overflow: hidden;
}

.bmc-eq-bar {
  bottom: 38%;
  left: calc(9% + var(--bi, 0) * 12%);
  background: var(--accent);
  width: 5%;
  box-shadow: 0 0 4px var(--accent);
  opacity: .28;
  animation: bmc-eq-pulse calc(2.4s + var(--bi, 0) * .2s) ease-in-out calc(var(--bi, 0) * .16s) infinite;
  border-radius: 2px 2px 0 0;
  position: absolute;
}

@keyframes bmc-eq-pulse {
  0% {
    height: 4%;
  }

  20% {
    height: 24%;
  }

  38% {
    height: 9%;
  }

  56% {
    height: 18%;
  }

  72% {
    height: 6%;
  }

  88% {
    height: 14%;
  }

  100% {
    height: 4%;
  }
}

.bmc-bg--ampli {
  overflow: hidden;
}

.bmc-amp-cone {
  aspect-ratio: 1;
  border: 2px solid var(--accent);
  background: radial-gradient(circle at 40% 38%, #6b5724 0%, #1a1a1a 75%);
  border-radius: 50%;
  width: 40%;
  animation: 3.6s ease-in-out infinite bmc-amp-breathe;
  position: absolute;
  top: calc(1.5rem + 70px);
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 22px #ebbc474d;
}

.bmc-amp-h {
  border: 1.5px solid var(--accent);
  opacity: 0;
  animation: bmc-amp-halo 3.6s ease-out calc(var(--hi, 0) * 1.2s) infinite;
  border-radius: 50%;
  position: absolute;
  top: calc(1.5rem + 70px);
  left: 50%;
  transform: translate(-50%, -50%)scale(0);
}

.bmc-amp-h:nth-child(2) {
  aspect-ratio: 1;
  width: 55%;
}

.bmc-amp-h:nth-child(3) {
  aspect-ratio: 1;
  width: 78%;
}

.bmc-amp-h:nth-child(4) {
  aspect-ratio: 1;
  width: 104%;
}

@keyframes bmc-amp-breathe {
  0%, 100% {
    transform: translate(-50%, -50%)scale(1);
    box-shadow: 0 0 16px #ebbc4747;
  }

  35% {
    transform: translate(-50%, -50%)scale(1.08);
    box-shadow: 0 0 36px #ebbc4780;
  }
}

@keyframes bmc-amp-halo {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(.3);
  }

  8% {
    opacity: .65;
  }

  65% {
    opacity: .18;
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(1);
  }
}

.live-prelude {
  padding-bottom: 5rem;
}

.lp-grid {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 0 5rem;
  display: grid;
}

.lp-right {
  padding-top: 1rem;
}

.live-prelude-eyebrow {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: var(--primary);
  text-shadow: 0 0 10px #f00fac99;
  margin-bottom: 1rem;
  font-size: .84rem;
  display: block;
}

.live-prelude-title {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  color: #f2f2f2;
  text-shadow: 0 0 30px #f00fac4d, 0 0 70px #8d1ae626;
  letter-spacing: .01em;
  font-size: clamp(2.8rem, 6vw, 5.5rem);
  line-height: .88;
}

.live-prelude-body {
  font-family: var(--font-body), sans-serif;
  color: #b8b8b8;
  margin-bottom: 1.5rem;
  font-size: 1.12rem;
  line-height: 1.85;
}

.lp-tags {
  flex-wrap: wrap;
  gap: .6rem;
  display: flex;
}

.lp-tags span {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--primary);
  border: 1px solid #f00fac4d;
  padding: .3rem .85rem;
  font-size: .75rem;
}

@media (max-width: 768px) {
  .lp-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.fp-stage {
  background: #ffffff0d;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 3rem;
  display: grid;
}

.fp {
  cursor: default;
  background: #0d0d0d;
  flex-direction: column;
  min-height: 300px;
  padding: 3rem 2.8rem;
  transition: background .35s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.fp:hover {
  background: #121212;
}

.fp-num {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .35em;
  color: var(--fp-color, var(--primary));
  opacity: .35;
  font-size: .84rem;
  transition: opacity .3s;
  position: absolute;
  top: 2rem;
  right: 2.2rem;
}

.fp:hover .fp-num {
  opacity: .8;
}

.fp-beam {
  border-style: solid;
  border-width: 200px 70px 0;
  border-color: var(--fp-color, var(--primary)) transparent transparent transparent;
  opacity: .055;
  pointer-events: none;
  width: 0;
  height: 0;
  transition: opacity .35s;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.fp:hover .fp-beam {
  opacity: .12;
}

.fp-content {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
}

.fp-ctx {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: #595959;
  margin-top: auto;
  margin-bottom: 1rem;
  font-size: .82rem;
  display: block;
}

.fp-title {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  color: #e6e6e6;
  letter-spacing: .01em;
  margin-bottom: 2.5rem;
  font-size: clamp(1.5rem, 2.5vw, 2.2rem);
  line-height: .9;
  transition: color .3s, text-shadow .3s;
}

.fp:hover .fp-title {
  color: var(--fp-color, var(--primary));
  text-shadow: 0 0 40px hsl(from var(--fp-color, var(--primary)) h s l / .35);
}

.fp-bottom {
  border-top: 1px solid #ffffff12;
  padding-top: 1.5rem;
}

.fp-duration {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fp-color, var(--primary));
  align-items: center;
  gap: .4rem;
  margin-bottom: .75rem;
  font-size: 1rem;
  display: flex;
}

.fp-desc {
  font-family: var(--font-body), sans-serif;
  color: #949494;
  font-size: .97rem;
  line-height: 1.75;
}

@media (max-width: 768px) {
  .fp-stage {
    grid-template-columns: 1fr;
  }

  .fp {
    min-height: 300px;
  }
}

.bp-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 2rem;
  display: grid;
}

.bp-pass {
  background: #0f0f0f;
  border: 1px solid #ffffff12;
  min-height: 195px;
  transition: border-color .25s, transform .25s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bp-pass:hover {
  border-color: var(--bp-c);
  transform: translateY(-4px);
}

.bp-stripe {
  background: var(--bp-c);
  width: 6px;
  box-shadow: 0 0 16px var(--bp-c);
  flex-shrink: 0;
  transition: box-shadow .25s;
}

.bp-pass:hover .bp-stripe {
  box-shadow: 0 0 28px var(--bp-c);
}

.bp-body {
  flex: 1;
  min-width: 0;
  padding: 1.4rem 1.3rem;
}

.bp-num {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .22em;
  color: #616161;
  margin-bottom: .35rem;
  font-size: .84rem;
  display: block;
}

.bp-cat {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--bp-c);
  opacity: .88;
  margin-bottom: .6rem;
  font-size: .84rem;
  transition: opacity .2s;
  display: block;
}

.bp-pass:hover .bp-cat {
  opacity: 1;
}

.bp-name {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  color: #ebebeb;
  margin-bottom: .7rem;
  font-size: clamp(1.05rem, 2vw, 1.45rem);
  font-weight: 400;
  line-height: 1.1;
  display: block;
}

.bp-desc {
  font-family: var(--font-body), sans-serif;
  color: #9e9e9e;
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.78;
  transition: color .2s;
}

.bp-pass:hover .bp-desc {
  color: #c2c2c2;
}

.bp-side {
  border-left: 1px dashed #ffffff17;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0 .9rem;
  display: flex;
}

.bp-dur {
  writing-mode: vertical-rl;
  font-family: var(--font-display), sans-serif;
  letter-spacing: .14em;
  color: var(--bp-c);
  text-shadow: 0 0 10px var(--bp-c);
  white-space: nowrap;
  font-size: .85rem;
  transform: rotate(180deg);
}

.bp-perfs {
  flex-direction: column;
  gap: 10px;
  display: flex;
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
}

.bp-perf {
  background: #060407;
  border: 1.5px solid #383838;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
  box-shadow: inset 0 1px 3px #000000e6, 0 0 5px #000000b3;
}

@media (max-width: 760px) {
  .bp-grid {
    grid-template-columns: 1fr;
  }

  .bp-pass {
    min-height: 150px;
  }

  .bp-perfs {
    display: none;
  }
}

@media (max-width: 640px) {
  .ft {
    grid-template-columns: 2.5rem 1fr;
  }

  .ft-meta {
    display: none;
  }
}

.venues-section {
  border-top: 1px solid #ffffff0d;
  border-bottom: 1px solid #ffffff0d;
  padding: 4rem 0;
  overflow: hidden;
}

.venues-top {
  margin-bottom: 2.5rem;
}

.venues-ticker-wrap {
  background: #ffffff04;
  border-top: 1px solid #ffffff0f;
  border-bottom: 1px solid #ffffff0f;
  padding: 1.5rem 0;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #0000 0%, #000 8% 92%, #0000 100%);
  mask-image: linear-gradient(90deg, #0000 0%, #000 8% 92%, #0000 100%);
}

.venues-ticker {
  white-space: nowrap;
  animation: 28s linear infinite vt-scroll;
  display: flex;
}

.venues-ticker:hover {
  animation-play-state: paused;
}

@keyframes vt-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.vt-item {
  cursor: default;
  align-items: center;
  gap: .8rem;
  padding: 0 2.5rem;
  display: inline-flex;
}

.vt-name {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #b8b8b8;
  font-size: clamp(1rem, 2vw, 1.4rem);
  transition: color .2s;
}

.vt-item:hover .vt-name {
  color: var(--primary);
}

.vt-city {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #525252;
  padding-top: 2px;
  font-size: .65rem;
}

.vt-sep {
  color: #f00fac59;
}

.venues-footer {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  margin-top: 2.5rem;
  display: flex;
}

.venues-more {
  font-family: var(--font-body), sans-serif;
  color: #999;
  font-size: 1.1rem;
  font-style: italic;
}

.venues-link {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #fff;
  background: var(--primary);
  border-radius: 3px;
  align-items: center;
  gap: .55rem;
  padding: .7rem 1.8rem;
  font-size: 1rem;
  text-decoration: none;
  transition: filter .2s, box-shadow .2s;
  display: inline-flex;
  box-shadow: 0 0 22px #f00fac80;
}

.venues-link:hover {
  filter: brightness(1.15);
  box-shadow: 0 0 40px #f00faccc;
}

.footer-bg-word {
  font-family: var(--font-display), sans-serif;
  color: #ffffff06;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  letter-spacing: -.04em;
  font-size: 26vw;
  line-height: .75;
  position: absolute;
  bottom: -4%;
  right: -1%;
}

.footer-inner {
  z-index: 1;
  border-bottom: 1px solid #ffffff12;
  grid-template-columns: minmax(200px, 280px) 1fr 1fr 1fr;
  align-items: start;
  gap: 3rem;
  padding: 3rem 0 2rem;
  display: grid;
  position: relative;
}

.footer-brand {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.footer-logo-link {
  margin-bottom: .8rem;
  display: inline-flex;
}

.footer-logo {
  object-fit: contain;
  filter: drop-shadow(0 0 14px #f00fac59);
  width: 110px;
  height: 110px;
  transition: filter .25s;
}

.footer-logo-link:hover .footer-logo {
  filter: drop-shadow(0 0 24px #f00fac99);
}

.footer-band-name {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #ebebeb;
  text-shadow: 0 0 18px #f00fac4d;
  align-items: center;
  gap: .45rem;
  margin-bottom: .3rem;
  font-size: clamp(1.2rem, 2vw, 1.7rem);
  display: flex;
}

.footer-band-icon {
  color: var(--primary);
  filter: drop-shadow(0 0 6px #f00faccc);
  flex-shrink: 0;
}

.footer-tagline {
  font-family: var(--font-body), sans-serif;
  letter-spacing: .04em;
  color: #4d4d4d;
  margin-bottom: 1.4rem;
  font-size: .84rem;
  line-height: 1.4;
}

.footer-social {
  gap: .6rem !important;
}

.footer-nav {
  display: contents;
}

.footer-col {
  min-width: 0;
}

.footer-col-title {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--primary);
  text-shadow: 0 0 8px #f00fac66;
  margin-bottom: .9rem;
  font-size: .75rem;
  display: block;
}

.footer-col-links {
  flex-direction: column;
  gap: .45rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.footer-col-links a, .footer-col-links li {
  font-family: var(--font-body), sans-serif;
  color: #8c8c8c;
  font-size: .94rem;
  line-height: 1.5;
  text-decoration: none;
  transition: color .18s;
}

.footer-col-links a:hover {
  color: #d9d9d9;
}

.footer-bottom {
  z-index: 1;
  position: relative;
}

.footer-bottom-inner {
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem 0 1.4rem;
  display: flex;
}

.footer-legal {
  font-family: var(--font-body), sans-serif;
  color: #383838;
  letter-spacing: .03em;
  font-size: .7rem;
}

.footer-madeby {
  font-family: var(--font-body), sans-serif;
  color: #383838;
  letter-spacing: .03em;
  font-size: .7rem;
  text-decoration: none;
  transition: color .18s;
}

.footer-madeby:hover {
  color: gray;
}

.footer-booking-cta {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  background: var(--primary);
  color: #fff;
  border-radius: 3px;
  align-items: center;
  gap: .4rem;
  padding: .6rem 2rem;
  font-size: 1rem;
  text-decoration: none;
  transition: filter .2s, box-shadow .2s;
  display: inline-flex;
  box-shadow: 0 0 18px #f00fac73;
}

.footer-booking-cta:hover {
  filter: brightness(1.18);
  box-shadow: 0 0 34px #f00facbf;
}

@media (max-width: 960px) {
  .footer-inner {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .footer-nav {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    display: grid;
  }
}

@media (max-width: 600px) {
  .footer-inner {
    gap: 1.4rem;
    padding: 1.8rem 0 1rem;
  }

  .footer-logo {
    width: 64px;
    height: 64px;
  }

  .footer-band-name {
    display: none;
  }

  .footer-tagline {
    color: #666;
    margin-bottom: .8rem;
    font-size: .78rem;
  }

  .footer-contact-links {
    display: none;
  }

  .footer-nav {
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
  }

  .footer-col--zone {
    display: none;
  }

  .footer-col-title {
    letter-spacing: .14em;
    margin-bottom: .5rem;
    font-size: .62rem;
  }

  .footer-col-links {
    gap: .28rem;
  }

  .footer-col-links a {
    font-size: .78rem;
  }

  .footer-bottom-inner {
    padding: .8rem 0 1rem;
  }

  .footer-booking-cta {
    display: none;
  }

  .footer-legal {
    font-size: .65rem;
  }
}

.formules-grid {
  border-top: 1px solid #ffffff0f;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  display: grid;
}

.formule-card {
  border-right: 1px solid #ffffff0d;
  border-top: 3px solid var(--f-accent, var(--primary));
  background: #07010a;
  flex-direction: column;
  gap: 0;
  padding: 3.5rem 2.8rem 3rem;
  transition: transform .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.formule-card:last-child {
  border-right: none;
}

.formule-card:hover {
  z-index: 1;
  transform: translateY(-6px);
}

.formule-card:before {
  content: "";
  aspect-ratio: 1;
  background: radial-gradient(circle, var(--f-accent, var(--primary)) 0%, transparent 70%);
  opacity: .06;
  filter: blur(30px);
  pointer-events: none;
  width: 55%;
  position: absolute;
  top: -30%;
  right: -20%;
}

.formule-card--dark {
  background: #040005;
}

.formule-top {
  align-items: baseline;
  gap: 1rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.formule-num {
  font-family: var(--font-display), sans-serif;
  color: var(--f-accent, var(--primary));
  opacity: .22;
  text-shadow: 0 0 20px var(--f-accent, var(--primary));
  font-size: clamp(3.5rem, 7vw, 5.5rem);
  line-height: .85;
  transition: opacity .3s;
}

.formule-card:hover .formule-num {
  opacity: .55;
}

.formule-cat {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--f-accent, var(--primary));
  text-shadow: 0 0 10px var(--f-accent, var(--primary));
  font-size: .68rem;
}

.formule-title {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #f2f2f2;
  text-shadow: none;
  margin: 0 0 1.8rem;
  font-size: clamp(2.5rem, 5vw, 4rem);
  line-height: .9;
}

.formule-desc {
  font-family: var(--font-body), sans-serif;
  color: #8c8c8c;
  flex: 1;
  font-size: .92rem;
  line-height: 1.65;
}

.formule-foot {
  border-top: 1px solid var(--f-accent, var(--primary));
  font-family: var(--font-display), sans-serif;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--f-accent, var(--primary));
  text-shadow: 0 0 10px var(--f-accent, var(--primary));
  box-shadow: 0 -1px 0 var(--f-accent, var(--primary));
  align-items: center;
  gap: .6rem;
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  font-size: .85rem;
  display: flex;
}

.formule-icon {
  color: var(--f-accent, var(--primary));
  filter: drop-shadow(0 0 4px var(--f-accent, var(--primary)));
}

@media (max-width: 768px) {
  .formules-grid {
    grid-template-columns: 1fr;
  }

  .formule-card {
    border-bottom: 1px solid #ffffff0d;
    border-right: none;
  }
}

.live-strip {
  background: #0e0212 url("https://images.unsplash.com/photo-1516450360452-9312f5e86fc7?auto=format&fit=crop&w=1920&q=80") 50% 40% / cover;
  justify-content: center;
  align-items: center;
  min-height: clamp(280px, 45vh, 500px);
  display: flex;
  position: relative;
  overflow: hidden;
}

.live-strip:before {
  content: "";
  background: linear-gradient(#0e0212 0%, #0e02128c 25%, #0e021273 50%, #0e02128c 75%, #0e0212 100%);
  position: absolute;
  inset: 0;
}

.live-strip:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--primary) 50%, transparent);
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 20px #f00fac99;
}

.live-strip-quote {
  z-index: 1;
  font-family: var(--font-title-blackletter), "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: -.02em;
  color: #f7f7f7;
  text-align: center;
  text-shadow: 0 2px #0e0212e6, 0 0 50px #f00fac66, 0 0 100px #7c16ca33;
  max-width: 800px;
  padding: 0 2rem;
  font-size: clamp(1.8rem, 5vw, 4.5rem);
  font-weight: 900;
  position: relative;
}

.section-testimonials {
  background: #0e0212 url("/micmac.webp") 50% 25% / cover;
  padding: clamp(1.4rem, 3vw, 2.2rem) 0;
  position: relative;
}

.section-testimonials:before {
  content: "";
  background: #0e0212e6;
  position: absolute;
  inset: 0;
}

.section-testimonials > * {
  z-index: 1;
  position: relative;
}

.rail-wrap {
  z-index: 800;
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@keyframes rail-attention {
  0%, 100% {
    border-color: #f00fac38;
    box-shadow: 2px 0 8px #f00fac14;
  }

  50% {
    border-color: #f00fac99;
    box-shadow: 2px 0 22px #f00fac59;
  }
}

@keyframes rail-lightning-flash {
  0%, 80%, 100% {
    opacity: .9;
    filter: drop-shadow(0 0 8px #f00fac8c);
  }

  88% {
    opacity: 1;
    filter: drop-shadow(0 0 28px #f00fac) drop-shadow(0 0 60px #f00fac80);
  }
}

.rail-trigger {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  cursor: pointer;
  background: #0f0f0fe6;
  border: 1px solid #f00fac38;
  border-left: none;
  border-radius: 0 10px 10px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .45rem;
  width: 60px;
  height: 320px;
  transition: background .25s;
  animation: 2.8s ease-in-out infinite rail-attention;
  display: flex;
}

.rail-wrap:hover .rail-trigger {
  background: #1e0b18f7;
  border-color: #f00faccc;
  animation: none;
  box-shadow: 2px 0 30px #f00fac66;
}

.rail-lightning-trigger {
  color: var(--primary);
  animation: 2.8s ease-in-out infinite rail-lightning-flash;
}

.rail-wrap:hover .rail-lightning-trigger {
  opacity: 1;
  filter: drop-shadow(0 0 20px #f00fac);
  animation: none;
}

.rail-menu-label {
  font-family: var(--font-body), sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 0 10px #f00facb3;
  writing-mode: vertical-lr;
  text-orientation: upright;
  -webkit-user-select: none;
  user-select: none;
  font-size: .78rem;
  font-weight: 700;
  transition: text-shadow .25s;
}

.rail-wrap:hover .rail-menu-label {
  text-shadow: 0 0 20px #f00fac, 0 0 40px #f00fac80;
}

.side-rail {
  opacity: 0;
  pointer-events: none;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0d0d0df7;
  border: 1px solid #ffffff1f;
  border-left: 2px solid #f00fac80;
  border-radius: 0 8px 8px 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-width: 190px;
  padding: 1.2rem 0;
  transition: transform .35s cubic-bezier(.4, 0, .2, 1), opacity .3s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 48px;
  transform: translateY(-50%)translateX(-140%);
}

.rail-wrap:hover .side-rail {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%)translateX(0);
}

.side-rail-logo-link {
  justify-content: center;
  padding: .6rem 0 .4rem;
  display: flex;
}

.side-rail-logo {
  object-fit: contain;
  filter: drop-shadow(0 0 10px #f00fac66);
  width: 72px;
  height: 72px;
  transition: filter .2s;
}

.side-rail-logo-link:hover .side-rail-logo {
  filter: drop-shadow(0 0 18px #f00facb3);
}

.side-rail-sep {
  background: #ffffff1a;
  width: calc(100% - 2.8rem);
  height: 1px;
  margin: .2rem 1.4rem;
}

.side-rail-link {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #d6d6d6;
  width: 100%;
  padding: .7rem 1.4rem;
  font-size: 1.05rem;
  text-decoration: none;
  transition: color .2s, background .2s;
  position: relative;
}

.side-rail-link:before {
  content: "";
  background: var(--primary);
  width: 2px;
  box-shadow: 0 0 8px var(--primary);
  border-radius: 1px;
  transition: transform .25s;
  position: absolute;
  top: 20%;
  bottom: 20%;
  left: 0;
  transform: scaleY(0);
}

.side-rail-link:hover {
  color: #fff;
  background: #ffffff0d;
}

.side-rail-link:hover:before {
  transform: scaleY(1);
}

@keyframes rail-dates-pulse {
  0%, 100% {
    color: #f349c0;
    text-shadow: 0 0 10px #f00fac4d;
  }

  50% {
    color: #f896db;
    text-shadow: 0 0 22px #f00facb3;
  }
}

.side-rail-link--dates {
  color: #f457c5;
  align-items: center;
  gap: .5rem;
  font-weight: 900;
  animation: 2.6s ease-in-out infinite rail-dates-pulse;
  display: flex;
}

.side-rail-dates-icon {
  color: #f457c5;
  filter: drop-shadow(0 0 5px #f00fac99);
  flex-shrink: 0;
}

.side-rail-link--dates:hover {
  color: #fff;
  text-shadow: none;
  animation: none;
}

.side-rail-cta {
  color: #fff;
  font-size: .9rem;
  font-family: var(--font-display), sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: #c00c8a4d;
  border: 1px solid #f00fac8c;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: .4rem;
  margin: .5rem 1.4rem 0;
  padding: .6rem 1rem;
  text-decoration: none;
  transition: color .25s, background .25s, box-shadow .25s;
  display: flex;
}

.side-rail-cta:hover {
  border-color: var(--primary);
  background: #d30d9880;
  box-shadow: 0 0 18px #f00fac80;
}

@media (max-width: 900px) {
  .rail-wrap {
    display: none;
  }
}

.live-prelude:hover .live-prelude-title {
  text-shadow: 0 0 30px #f00fac80, 0 0 80px #8d1ae640, 0 0 150px #f00fac1a;
}

.lp-left {
  position: relative;
}

.lp-left:before {
  content: "";
  background: linear-gradient(to bottom, var(--primary), var(--brand-violet), transparent);
  width: 2px;
  animation: 3s ease-in-out infinite lp-line-pulse;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.5rem;
  box-shadow: 0 0 12px #f00fac80;
}

@keyframes lp-line-pulse {
  0%, 100% {
    opacity: .5;
    box-shadow: 0 0 6px #f00fac4d;
  }

  50% {
    opacity: 1;
    box-shadow: 0 0 20px #f00facb3;
  }
}

.live-prelude-eyebrow {
  animation: 4s ease-in-out infinite lp-eyebrow-flicker;
}

@keyframes lp-eyebrow-flicker {
  0%, 90%, 100% {
    opacity: 1;
  }

  92% {
    opacity: .3;
  }

  94% {
    opacity: 1;
  }

  96% {
    opacity: .5;
  }

  98% {
    opacity: 1;
  }
}

.venues-map-wrap {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  overflow: auto hidden;
  -webkit-mask-image: linear-gradient(90deg, #000 85%, #0000 100%);
  mask-image: linear-gradient(90deg, #000 85%, #0000 100%);
}

.venues-map-wrap::-webkit-scrollbar {
  display: none;
}

@media (min-width: 620px) {
  .venues-map-wrap {
    overflow-x: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }
}

.venues-map {
  background-image: repeating-linear-gradient(0deg, #0000 0 3px, #ffffff05 3px 4px);
  width: 100%;
  min-width: 620px;
  height: 420px;
  margin: 2.5rem 0;
  position: relative;
  overflow: hidden;
}

.vmap-spokes {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.vmap-spokes line {
  stroke: #f00fac24;
  stroke-width: .4px;
  stroke-dasharray: 2 4;
}

.vmap-center {
  text-align: center;
  z-index: 3;
  background: radial-gradient(100px 80px, #080808e6 20%, #0000 100%);
  position: absolute;
  top: 41%;
  left: 58%;
  transform: translate(-50%, -50%);
}

.vmap-lightning {
  color: var(--primary);
  filter: drop-shadow(0 0 8px var(--primary)) drop-shadow(0 0 24px #f00fac80);
  margin: 0 auto .4rem;
  animation: 2.2s ease-in-out infinite vmap-bolt-pulse;
  display: block;
}

@keyframes vmap-bolt-pulse {
  0%, 100% {
    filter: drop-shadow(0 0 6px var(--primary)) drop-shadow(0 0 18px #f00fac66);
    transform: scale(1);
  }

  50% {
    filter: drop-shadow(0 0 14px var(--primary)) drop-shadow(0 0 45px #f00facb3);
    transform: scale(1.06);
  }
}

.vmap-center-name {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--primary);
  text-shadow: 0 0 20px #f00faccc, 0 0 60px #f00fac4d;
  font-size: 1.6rem;
  display: block;
}

.vmap-center-sub {
  display: none;
}

.vmap-point {
  text-align: center;
  cursor: default;
  z-index: 2;
  position: absolute;
  transform: translate(-50%, -50%);
}

.vmap-dot {
  width: 14px;
  height: 14px;
  margin: 0 auto .35rem;
  transition: transform .2s;
  position: relative;
}

.vmap-point:hover .vmap-dot {
  transform: scale(1.3);
}

.vmap-dot:before {
  content: "";
  background: #7a7a7a;
  width: 100%;
  height: 1px;
  transition: background .2s, box-shadow .2s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.vmap-dot:after {
  content: "";
  background: #7a7a7a;
  width: 1px;
  height: 100%;
  transition: background .2s, box-shadow .2s;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.vmap-point:hover .vmap-dot:before, .vmap-point:hover .vmap-dot:after {
  background: var(--primary);
  box-shadow: 0 0 6px var(--primary);
}

.vmap-label {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #adadad;
  white-space: normal;
  pointer-events: none;
  opacity: 1;
  max-width: 64px;
  font-size: .6rem;
  line-height: 1.2;
  transition: color .2s;
  display: block;
  transform: none;
}

.vmap-point:hover .vmap-label {
  color: #ebebeb;
}

.vmap-sublabel {
  white-space: nowrap;
  font-family: var(--font-body), sans-serif;
  text-transform: none;
  letter-spacing: .04em;
  color: #e6e6e6;
  pointer-events: none;
  z-index: 10;
  background: #110b14f5;
  border: 1px solid #f00fac59;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: .65rem;
  display: none;
  position: absolute;
  top: auto;
  bottom: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
}

.vmap-point:hover .vmap-sublabel {
  display: block;
}

.vmap-point {
  cursor: pointer;
  margin: -.4rem;
  padding: .4rem;
  position: absolute;
}

.vmap-point--dynamic .vmap-dot:before, .vmap-point--dynamic .vmap-dot:after {
  background: var(--primary);
  opacity: .55;
}

.vmap-point--dynamic:hover .vmap-dot:before, .vmap-point--dynamic:hover .vmap-dot:after {
  opacity: 1;
}

@media (max-width: 768px) {
  .venues-map {
    height: 340px;
  }

  .vmap-label {
    max-width: 54px;
    font-size: .52rem;
  }

  .vmap-dot {
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 560px) {
  .venues-map {
    height: 280px;
  }

  .vmap-center-name {
    letter-spacing: .12em;
    font-size: 1.1rem;
  }

  .vmap-lightning {
    width: 22px;
    height: 22px;
  }

  .vmap-dot {
    width: 8px;
    height: 8px;
  }

  .vmap-label {
    max-width: 52px;
    font-size: .5rem;
  }

  .venues-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .venues-more {
    font-size: .9rem;
  }
}

.venues-city-list {
  flex-wrap: wrap;
  gap: .5rem;
  margin: 1rem 0 .5rem;
  display: none;
}

.vcl-item {
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: .3rem .6rem;
  display: flex;
}

.vcl-city {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #d1d1d1;
  font-size: .62rem;
  line-height: 1.2;
}

.vcl-venue {
  font-family: var(--font-body), sans-serif;
  color: #707070;
  font-size: .58rem;
  line-height: 1.2;
}

.group-manifesto {
  background: #0e0a10;
  border-top: 1px solid #f00fac1f;
  border-bottom: 1px solid #ffffff0f;
  padding: 3rem 0;
}

.gm-wrap {
  align-items: center;
  gap: 3rem;
  display: flex;
}

.gm-left {
  border-right: 1px solid #ffffff14;
  flex-shrink: 0;
  width: 320px;
  padding-right: 3rem;
}

.gm-eyebrow {
  font-family: var(--font-title-grunge), sans-serif;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: .7rem;
  font-size: .82rem;
  display: block;
}

.gm-statement {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  letter-spacing: -.02em;
  color: #f2f2f2;
  text-shadow: 0 0 40px #f00fac40;
  margin: 0;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: 700;
  line-height: 1;
}

.gm-right {
  flex: 1;
  min-width: 0;
}

.gm-body {
  font-family: var(--font-body), sans-serif;
  color: #949494;
  margin: 0;
  font-size: clamp(.95rem, 1.2vw, 1.05rem);
  line-height: 1.75;
}

@media (max-width: 768px) {
  .gm-wrap {
    flex-direction: column;
    gap: 1.5rem;
  }

  .gm-left {
    border-bottom: 1px solid #ffffff14;
    border-right: none;
    width: 100%;
    padding-bottom: 1.5rem;
    padding-right: 0;
  }
}

.section-repertoire {
  background: #110c13;
}

.repertoire-wrap {
  align-items: flex-start;
  gap: 3rem;
  display: flex;
}

.repertoire-col-left {
  flex: 1;
  min-width: 0;
}

.repertoire-col-right {
  flex-shrink: 0;
  align-items: stretch;
  width: 280px;
  display: flex;
}

@media (max-width: 768px) {
  .repertoire-wrap {
    flex-direction: column;
  }

  .repertoire-col-right {
    width: 100%;
  }
}

.repertoire-intro {
  font-family: var(--font-body), sans-serif;
  color: #949494;
  margin: 0 0 1.6rem;
  font-size: .95rem;
  line-height: 1.65;
}

.repertoire-grid {
  border: 1px solid #242424;
  border-radius: 4px;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  margin-bottom: 1rem;
  display: grid;
  overflow: hidden;
}

.repertoire-item {
  background: #140e16;
  border-bottom: 1px solid #1f1f1f;
  border-right: 1px solid #1f1f1f;
  flex-direction: column;
  gap: .15rem;
  padding: .7rem .9rem;
  transition: background .2s;
  display: flex;
}

.repertoire-item:hover {
  background: #1c141f;
}

.repertoire-name {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .04em;
  color: #ebebeb;
  text-transform: uppercase;
  font-size: .92rem;
  font-weight: 700;
}

.repertoire-genre {
  font-family: var(--font-body), sans-serif;
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: .67rem;
}

.repertoire-open {
  border: 1px solid #f00fac59;
  border-left: 3px solid var(--primary);
  background: #1d0c18bf;
  border-radius: 4px;
  align-items: flex-start;
  gap: .85rem;
  margin-top: 1.4rem;
  padding: 1.1rem 1.3rem;
  display: flex;
}

.repertoire-open svg {
  color: var(--primary);
  flex-shrink: 0;
  margin-top: 3px;
}

.repertoire-open strong {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #ebebeb;
  white-space: nowrap;
  margin-bottom: .3rem;
  font-size: .92rem;
  display: block;
}

.repertoire-open span {
  font-family: var(--font-body), sans-serif;
  color: #9e9e9e;
  font-size: .9rem;
  line-height: 1.6;
}

.video-placeholder {
  text-align: center;
  background: #0e0a10;
  border: 1px dashed #2e2e2e;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .9rem;
  width: 100%;
  padding: 2rem 1.5rem;
  display: flex;
}

.video-icon {
  color: var(--primary);
  opacity: .5;
}

.video-soon {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #a6a6a6;
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}

.video-sub {
  font-family: var(--font-body), sans-serif;
  color: #5c5c5c;
  margin: 0;
  font-size: .82rem;
}

@keyframes phone-glow-pulse {
  0%, 100% {
    box-shadow: 0 0 0 1px #1a1a1a, 0 20px 60px #0e0212cc, 0 0 24px #f00fac24, inset 0 0 0 1px #4d4d4d66;
  }

  50% {
    box-shadow: 0 0 0 1px #1f1f1f, 0 24px 70px #0e0212d9, 0 0 44px #f00fac52, inset 0 0 0 1px #f00fac2e;
  }
}

@keyframes phone-scanline {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  10% {
    opacity: .06;
  }

  90% {
    opacity: .06;
  }

  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes phone-float {
  0%, 100% {
    transform: translateY(0)rotate(-1deg);
  }

  50% {
    transform: translateY(-8px)rotate(1deg);
  }
}

@keyframes phone-eq-bar {
  0%, 100% {
    transform: scaleY(.3);
  }

  50% {
    transform: scaleY(1);
  }
}

@keyframes phone-rec-blink {
  0%, 45% {
    opacity: .9;
  }

  50%, 95% {
    opacity: .15;
  }

  100% {
    opacity: .9;
  }
}

@keyframes phone-icon-pulse {
  0%, 100% {
    opacity: .55;
    transform: scale(1);
  }

  50% {
    opacity: .9;
    transform: scale(1.12);
  }
}

.phone-mockup {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 300px;
  padding: 1rem 0;
  display: flex;
}

.phone-mockup-shell {
  aspect-ratio: 9 / 19.5;
  will-change: transform, box-shadow;
  background: #16131b;
  border: 2px solid #333;
  border-radius: 34px;
  flex-direction: column;
  align-items: center;
  width: 220px;
  animation: 5s ease-in-out infinite phone-float, 3.5s ease-in-out infinite phone-glow-pulse;
  display: flex;
  position: relative;
  overflow: hidden;
}

.phone-mockup-notch {
  z-index: 2;
  background: #16131b;
  border-radius: 6px;
  width: 44px;
  height: 10px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: inset 0 0 0 1px #383838;
}

.phone-mockup-screen {
  background: linear-gradient(170deg, #1c052e, #0d0410);
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 4px;
  overflow: hidden;
}

.phone-mockup-screen:after {
  content: "";
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(#0000 0%, #f66fcd12 50%, #0000 100%);
  height: 60%;
  animation: 4s linear infinite phone-scanline;
  position: absolute;
  inset: 0;
}

.phone-mockup-video-inner {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: .55rem;
  padding: 1rem .8rem;
  display: flex;
  position: relative;
}

.phone-mockup-screen:before {
  content: "";
  pointer-events: none;
  z-index: 1;
  background: repeating-linear-gradient(90deg, #f00fac2e 0 4px, #0000 4px 10px);
  border-radius: 2px;
  width: 70%;
  height: 28px;
  animation: 1.1s ease-in-out infinite alternate phone-eq-bar;
  display: block;
  position: absolute;
  bottom: 30%;
  left: 50%;
  transform: translateX(-50%);
}

.phone-video-icon {
  color: var(--primary);
  margin-bottom: .15rem;
  animation: 2.2s ease-in-out infinite phone-icon-pulse;
}

.phone-video-label {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #d1d1d1;
  text-shadow: 0 0 12px #f00fac80;
  margin: 0;
  font-size: .82rem;
  font-weight: 700;
}

.phone-video-sub {
  color: #7a7a7a;
  margin: 0;
  font-size: .68rem;
  line-height: 1.4;
}

.phone-mockup-overlay-bar {
  color: #8c8c8c;
  font-size: .82rem;
  font-family: var(--font-body), sans-serif;
  z-index: 3;
  align-items: center;
  gap: .35rem;
  padding: 0 1rem;
  display: flex;
  position: absolute;
  bottom: 22px;
  left: 0;
  right: 0;
}

.phone-overlay-dot {
  background: var(--primary);
  border-radius: 50%;
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  animation: 1.8s ease-in-out infinite phone-icon-pulse;
}

.phone-overlay-time {
  opacity: .6;
}

.phone-overlay-rec {
  color: #f34949;
  letter-spacing: .05em;
  margin-left: auto;
  font-weight: 700;
  animation: 1.4s step-end infinite phone-rec-blink;
}

.phone-mockup-home {
  opacity: .5;
  z-index: 3;
  background: #666;
  border-radius: 2px;
  width: 36px;
  height: 3px;
  position: absolute;
  bottom: 7px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 768px) {
  .phone-mockup-shell {
    width: 170px;
  }
}

.dates-hero {
  border-bottom: 1px solid #121212;
  padding: 4rem 0 3rem;
  position: relative;
  overflow: hidden;
}

.dates-hero-spots {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.dates-hero-spot-l {
  aspect-ratio: 1;
  background: radial-gradient(circle, #f00fac1f 0%, #0000 65%);
  width: 55%;
  position: absolute;
  top: -80%;
  left: -8%;
}

.dates-hero-spot-r {
  aspect-ratio: 1;
  background: radial-gradient(circle, #8d1ae614 0%, #0000 65%);
  width: 40%;
  position: absolute;
  top: -50%;
  right: -4%;
}

.dates-hero-inner {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.dates-hero-title {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  color: #f7f7f7;
  text-shadow: 0 0 30px #f00fac4d, 0 0 70px #8d1ae626;
  letter-spacing: .01em;
  margin: .7rem 0 1.2rem;
  font-size: clamp(3rem, 8vw, 6.5rem);
  line-height: .86;
}

.dates-hero-sub {
  color: #b3b3b3;
  max-width: 52ch;
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.8;
}

.seo-hero {
  border-bottom: 1px solid #141414;
  min-height: 480px;
  padding: 7rem 0 6rem;
  position: relative;
  overflow: hidden;
}

.seo-hero-bg {
  background-image: var(--seo-bg-img, url("/groupe-de-rock-picardie.webp"));
  background-size: cover;
  background-position: var(--seo-bg-pos, center 35%);
  filter: grayscale(20%) brightness(.9);
  position: absolute;
  inset: 0;
  transform: scale(1.03);
}

.seo-hero-overlay {
  background: linear-gradient(to right, #0e0212f7 0%, #0e0212e0 45%, #0e02128c 75%, #0e021259 100%), linear-gradient(to top, #0e0212cc 0%, #0000 40%);
  position: absolute;
  inset: 0;
}

.seo-hero-inner {
  z-index: 1;
  text-align: left;
  position: relative;
}

.seo-eyebrow {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--primary);
  background: #f00fac1f;
  border: 1px solid #f00fac4d;
  align-items: center;
  gap: .4rem;
  margin-bottom: 1.2rem;
  padding: .3rem .7rem;
  font-size: .82rem;
  display: inline-flex;
}

.seo-hero-title {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 2px 20px #00000080;
  margin: 0 0 1.3rem;
  font-size: clamp(2rem, 4.5vw, 3.8rem);
  line-height: .92;
}

.seo-hero-sub {
  color: #ccc;
  text-shadow: 0 1px 6px #0006;
  max-width: 54ch;
  margin: 0 0 2rem;
  font-size: .98rem;
  line-height: 1.68;
}

.seo-hero-ctas {
  flex-wrap: wrap;
  gap: .8rem;
  display: flex;
}

.seo-stat-row {
  border: 1px solid #1a1a1a;
  flex-wrap: wrap;
  gap: 0;
  margin: 3rem 0 0;
  display: flex;
  overflow: hidden;
}

.seo-stat {
  background: #0e0a0f;
  border-right: 1px solid #1a1a1a;
  flex: 1;
  min-width: 150px;
  padding: 1.4rem 1.6rem;
}

.seo-stat:last-child {
  border-right: none;
}

.seo-stat-num {
  font-family: var(--font-display), sans-serif;
  color: #f236ba;
  margin-bottom: .2rem;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  display: block;
}

.seo-stat-label {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6b6b6b;
  font-size: .7rem;
}

.seo-intro {
  padding: 3.5rem 0 0;
}

.seo-intro-text {
  color: #b8b8b8;
  max-width: 72ch;
  margin: 0 0 1.4rem;
  font-size: 1.12rem;
  line-height: 1.85;
}

.seo-section-title {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  color: #ebebeb;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
}

.seo-cards {
  background: #171717;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1px;
  margin: 2rem 0;
  display: grid;
}

.seo-card {
  background: #0e0a0f;
  flex-direction: column;
  gap: .6rem;
  padding: 1.6rem;
  display: flex;
}

.seo-card-icon {
  font-size: 1.4rem;
}

.seo-card-title {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #e0e0e0;
  font-size: .88rem;
  font-weight: 700;
}

.seo-card-text {
  color: #999;
  font-size: .95rem;
  line-height: 1.68;
}

.seo-compat {
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin: 2rem 0;
  display: grid;
}

@media (max-width: 620px) {
  .seo-compat {
    grid-template-columns: 1fr;
  }
}

.seo-compat-col {
  background: #0e0a0f;
  border: 1px solid #1a1a1a;
  padding: 1.4rem 1.6rem;
}

.seo-compat-col--yes {
  border-left: 3px solid #30a65b;
}

.seo-compat-col--no {
  border-left: 3px solid #d02525;
}

.seo-compat-head {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0 0 .8rem;
  font-size: .7rem;
}

.seo-compat-col--yes .seo-compat-head {
  color: #37be68;
}

.seo-compat-col--no .seo-compat-head {
  color: #dd3c3c;
}

.seo-compat-list {
  flex-direction: column;
  gap: .4rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.seo-compat-list li {
  color: #a6a6a6;
  padding-left: 1.2rem;
  font-size: .88rem;
  position: relative;
}

.seo-compat-col--yes .seo-compat-list li:before {
  content: "✓";
  color: #37be68;
  position: absolute;
  left: 0;
}

.seo-compat-col--no .seo-compat-list li:before {
  content: "✕";
  color: #dd3c3c;
  position: absolute;
  left: 0;
}

.seo-faq {
  border-top: 1px solid #141414;
  padding: 3rem 0;
}

.seo-faq-title {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  color: #e0e0e0;
  margin: 0 0 1.8rem;
  font-size: 1.3rem;
}

.seo-faq-list {
  border: 1px solid #1a1a1a;
  flex-direction: column;
  gap: 0;
  display: flex;
}

.seo-faq-item {
  border-bottom: 1px solid #141414;
  padding: 1.4rem 1.6rem;
}

.seo-faq-item:last-child {
  border-bottom: none;
}

.seo-faq-q {
  font-family: var(--font-display), sans-serif;
  color: #e6e6e6;
  margin: 0 0 .6rem;
  font-size: 1rem;
  font-weight: 700;
}

.seo-faq-a {
  color: #9e9e9e;
  margin: 0;
  font-size: .97rem;
  line-height: 1.75;
}

.seo-faq-a a {
  color: #f127b5;
  text-decoration: none;
}

.seo-faq-a a:hover {
  text-decoration: underline;
}

.seo-cta-final {
  border-top: 1px solid #141414;
  padding: 3rem 0;
}

.seo-cta-final-inner {
  background: #0e0a0f;
  border: 1px solid #1a1a1a;
  border-left: 3px solid #f019b0;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 2rem 2.5rem;
  display: flex;
}

@media (max-width: 640px) {
  .seo-cta-final-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

.seo-cta-final-text {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  color: #ebebeb;
  margin: 0;
  font-size: 1.2rem;
}

.seo-cta-final-sub {
  color: #6b6b6b;
  margin: .3rem 0 0;
  font-size: .82rem;
}

.seo-members {
  padding-top: 0;
}

.seo-members-grid {
  grid-template-columns: 1fr;
  gap: 1.6rem;
  display: grid;
}

@media (min-width: 640px) {
  .seo-members-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 900px) {
  .seo-members-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.seo-member-card {
  background: #0e0a0f;
  border: 1px solid #1a1a1a;
  border-radius: 4px;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.2rem;
  display: flex;
}

.seo-member-photo {
  background: #141414;
  border-radius: 50%;
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  position: relative;
  overflow: hidden;
}

.seo-member-info {
  flex: 1;
  min-width: 0;
}

.seo-member-name {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #ebebeb;
  margin: 0 0 .2rem;
  font-size: .95rem;
  font-weight: 700;
}

.seo-member-role {
  color: #f019b0;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 .6rem;
  font-size: .78rem;
}

.seo-member-desc {
  color: #949494;
  margin: 0;
  font-size: .9rem;
  line-height: 1.65;
}

.sma-members-section {
  padding-top: 0;
}

.sma-members-grid {
  background: #141414;
  border: 1px solid #141414;
  grid-template-columns: 1fr;
  gap: 1px;
  display: grid;
}

@media (min-width: 700px) {
  .sma-members-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.sma-member-card {
  border-left: 3px solid var(--member-accent, var(--primary));
  background: #0e0a0f;
  flex-direction: column;
  gap: 1.2rem;
  padding: 1.8rem 2rem;
  transition: background .2s;
  display: flex;
}

.sma-member-card:hover {
  background: #140e16;
}

.sma-member-top {
  align-items: flex-start;
  gap: 1.2rem;
  display: flex;
}

.sma-member-photo {
  border: 2px solid var(--member-accent, var(--primary));
  background: #141414;
  border-radius: 50%;
  flex-shrink: 0;
  width: 88px;
  height: 88px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 480px) {
  .sma-member-photo {
    width: 100px;
    height: 100px;
  }
}

.sma-member-head {
  flex: 1;
  min-width: 0;
  padding-top: .2rem;
}

.sma-member-name {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #fff;
  margin: 0 0 .25rem;
  font-size: 1.35rem;
  font-weight: 900;
}

.sma-member-role {
  color: var(--member-accent, var(--primary));
  text-transform: uppercase;
  letter-spacing: .1em;
  margin: 0 0 .35rem;
  font-size: .82rem;
  font-weight: 600;
}

.sma-member-instruments {
  color: #6b6b6b;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin: 0;
  font-size: .78rem;
}

.sma-member-desc {
  color: #adadad;
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.78;
}

.sma-event-list {
  border: 1px solid #1a1a1a;
  flex-direction: column;
  gap: 0;
  margin-top: 1.5rem;
  display: flex;
}

.sma-event-item {
  border-bottom: 1px solid #141414;
  border-left: 3px solid #0000;
  padding: 1.4rem 1.8rem;
  transition: border-color .15s, background .15s;
}

.sma-event-item:last-child {
  border-bottom: none;
}

.sma-event-item:hover {
  border-left-color: var(--primary);
  background: #0e0a0f;
}

.sma-event-title {
  font-family: var(--font-display), sans-serif;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #e6e6e6;
  margin: 0 0 .55rem;
  font-size: 1rem;
  font-weight: 700;
}

.sma-event-desc {
  color: #9e9e9e;
  margin: 0;
  font-size: 1rem;
  line-height: 1.72;
}

.testimonials-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  margin-top: 2.5rem;
  display: grid;
}

.testimonial {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #130618bf;
  border: 1px solid #f00fac2e;
  border-top: 2px solid #f00fac8c;
  border-radius: 4px;
  flex-direction: column;
  gap: .85rem;
  padding: 1.4rem 1.25rem 1.2rem;
  transition: border-color .25s, box-shadow .25s;
  display: flex;
}

.testimonial:hover {
  border-color: #f00fac73;
  box-shadow: 0 4px 28px #f00fac1f;
}

.testimonial-quote {
  color: #e0e0e0;
  flex: 1;
  margin: 0;
  font-size: clamp(.82rem, .95vw, .97rem);
  font-style: italic;
  line-height: 1.7;
}

.testimonial-source {
  letter-spacing: .04em;
  color: #f457c5;
  margin: 0;
  font-size: .78rem;
  font-weight: 600;
}

@media (max-width: 1100px) {
  .testimonials-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .testimonials-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

/* [project]/app/src/components/edit-mode/edit-mode.css [app-client] (css) */
.em-indicator {
  z-index: 9000;
  border: 1px solid var(--primary, #df16df);
  color: var(--primary, #df16df);
  letter-spacing: .05em;
  text-transform: uppercase;
  pointer-events: none;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #1a0821f5;
  border-radius: 999px;
  padding: .3rem .75rem;
  font-size: .7rem;
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  box-shadow: 0 0 16px #df16df33;
}

.em-section-wrap {
  position: relative;
}

.em-edit-btn {
  z-index: 50;
  opacity: 0;
  border: 1px solid var(--primary, #df16df);
  color: var(--primary, #df16df);
  cursor: pointer;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  white-space: nowrap;
  letter-spacing: .02em;
  background: #1a0821eb;
  border-radius: 999px;
  padding: .3rem .7rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.4;
  transition: opacity .18s;
  position: absolute;
  top: .75rem;
  right: .75rem;
}

.em-section-wrap:hover .em-edit-btn, .em-section-wrap:focus-within .em-edit-btn {
  opacity: 1;
}

.em-edit-btn:hover {
  background: #2d0e39f5;
}

.em-edit-btn:focus-visible {
  opacity: 1;
  outline: 2px solid var(--primary, #df16df);
  outline-offset: 2px;
}

.em-backdrop {
  z-index: 9010;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #07000a99;
  position: fixed;
  inset: 0;
}

.em-drawer {
  z-index: 9020;
  background: #1d1221;
  border-left: 1px solid #3d2d43;
  flex-direction: column;
  width: clamp(320px, 32vw, 440px);
  animation: .22s cubic-bezier(.22, 1, .36, 1) both em-slide-in;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  box-shadow: -8px 0 40px #07000ab3;
}

@keyframes em-slide-in {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

.em-drawer-header {
  border-bottom: 1px solid #37293d;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: 1rem 1.25rem;
  display: flex;
}

.em-drawer-title {
  color: #e0e0e0;
  letter-spacing: .02em;
  flex: 1;
  font-size: .88rem;
  font-weight: 700;
}

.em-drawer-close {
  color: #8c8c8c;
  cursor: pointer;
  background: none;
  border: 1px solid #45334d;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  transition: border-color .15s, color .15s;
  display: flex;
}

.em-drawer-close:hover {
  border-color: var(--primary, #df16df);
  color: var(--primary, #df16df);
}

.em-drawer-body {
  flex-direction: column;
  flex: 1;
  gap: .85rem;
  padding: 1rem 1.25rem;
  display: flex;
  overflow-y: auto;
}

.em-field {
  flex-direction: column;
  gap: .3rem;
  display: flex;
}

.em-field-label {
  color: #8c8c8c;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .72rem;
  font-weight: 700;
}

.em-field-hint {
  color: #666;
  font-size: .68rem;
  font-style: italic;
}

.em-field input, .em-field textarea {
  color: #e0e0e0;
  resize: vertical;
  background: #241b28;
  border: 1px solid #3d2d43;
  border-radius: .4rem;
  width: 100%;
  padding: .5rem .65rem;
  font-family: inherit;
  font-size: .85rem;
  line-height: 1.55;
  transition: border-color .15s;
}

.em-field input:focus, .em-field textarea:focus {
  border-color: #c3c;
  outline: none;
  box-shadow: 0 0 0 2px #cc33cc2e;
}

.em-drawer-footer {
  border-top: 1px solid #37293d;
  flex-shrink: 0;
  align-items: center;
  gap: .6rem;
  padding: .85rem 1.25rem;
  display: flex;
}

.em-btn-save {
  background: var(--primary, #df16df);
  color: #fafafa;
  cursor: pointer;
  letter-spacing: .02em;
  border: none;
  border-radius: .4rem;
  padding: .5rem 1.1rem;
  font-size: .85rem;
  font-weight: 700;
  transition: opacity .15s;
}

.em-btn-save:hover:not(:disabled) {
  opacity: .88;
}

.em-btn-save:disabled {
  opacity: .45;
  cursor: default;
}

.em-btn-cancel {
  color: #8c8c8c;
  cursor: pointer;
  background: none;
  border: 1px solid #4e3956;
  border-radius: .4rem;
  padding: .5rem .9rem;
  font-size: .85rem;
  transition: border-color .15s, color .15s;
}

.em-btn-cancel:hover {
  color: #b3b3b3;
  border-color: #7d5c8a;
}

.em-save-ok {
  color: #4dcb82;
  margin-left: auto;
  font-size: .78rem;
}

.em-save-error {
  color: #e66565;
  margin-left: auto;
  font-size: .78rem;
}

.em-photo-field {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.em-photo-preview {
  object-fit: cover;
  border: 1px solid #3d2d43;
  border-radius: .4rem;
  width: 100%;
  max-height: 180px;
  display: block;
}

.em-photo-btn {
  color: #c7c7c7;
  cursor: pointer;
  text-align: center;
  letter-spacing: .01em;
  background: #241b28;
  border: 1px solid #61476b;
  border-radius: .4rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .45rem 1rem;
  font-size: .82rem;
  font-weight: 600;
  transition: border-color .15s, color .15s;
  display: inline-flex;
}

.em-photo-btn:hover {
  border-color: var(--primary, #df16df);
  color: var(--primary, #df16df);
}

.em-photo-btn--loading {
  opacity: .6;
  cursor: wait;
}

/* [next]/internal/font/google/montserrat_fbee5c72.module.css [app-client] (css) */
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.132ro2ak-rvxq.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.0f~sf101j6mzi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.0dskwooysu3cf.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.0ir_pxtv760h..woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.p.0fzkl03jw-sdz.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.132ro2ak-rvxq.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.0f~sf101j6mzi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.0dskwooysu3cf.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.0ir_pxtv760h..woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.p.0fzkl03jw-sdz.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.132ro2ak-rvxq.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.0f~sf101j6mzi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.0dskwooysu3cf.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.0ir_pxtv760h..woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.p.0fzkl03jw-sdz.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat Fallback;
  src: local(Arial);
  ascent-override: 85.79%;
  descent-override: 22.25%;
  line-gap-override: 0.0%;
  size-adjust: 112.83%;
}

.montserrat_fbee5c72-module__d5kfnW__className {
  font-family: Montserrat, Montserrat Fallback;
  font-style: normal;
}

.montserrat_fbee5c72-module__d5kfnW__variable {
  --font-title-display: "Montserrat", "Montserrat Fallback";
}

/* [next]/internal/font/google/montserrat_58d92a0a.module.css [app-client] (css) */
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.132ro2ak-rvxq.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.0f~sf101j6mzi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.0dskwooysu3cf.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.0ir_pxtv760h..woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.0fzkl03jw-sdz.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.132ro2ak-rvxq.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.0f~sf101j6mzi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.0dskwooysu3cf.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.0ir_pxtv760h..woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.0fzkl03jw-sdz.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat Fallback;
  src: local(Arial);
  ascent-override: 85.79%;
  descent-override: 22.25%;
  line-gap-override: 0.0%;
  size-adjust: 112.83%;
}

.montserrat_58d92a0a-module__SQpu0q__className {
  font-family: Montserrat, Montserrat Fallback;
  font-style: normal;
}

.montserrat_58d92a0a-module__SQpu0q__variable {
  --font-title-blackletter: "Montserrat", "Montserrat Fallback";
}

/* [next]/internal/font/google/montserrat_cf3219d3.module.css [app-client] (css) */
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.132ro2ak-rvxq.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.0f~sf101j6mzi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.0dskwooysu3cf.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.0ir_pxtv760h..woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.0fzkl03jw-sdz.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.132ro2ak-rvxq.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.0f~sf101j6mzi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.0dskwooysu3cf.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.0ir_pxtv760h..woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.0fzkl03jw-sdz.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat Fallback;
  src: local(Arial);
  ascent-override: 85.79%;
  descent-override: 22.25%;
  line-gap-override: 0.0%;
  size-adjust: 112.83%;
}

.montserrat_cf3219d3-module__9nS2NG__className {
  font-family: Montserrat, Montserrat Fallback;
  font-style: normal;
}

.montserrat_cf3219d3-module__9nS2NG__variable {
  --font-title-rockstone: "Montserrat", "Montserrat Fallback";
}

/* [next]/internal/font/google/montserrat_efe082d4.module.css [app-client] (css) */
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.132ro2ak-rvxq.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.0f~sf101j6mzi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.0dskwooysu3cf.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.0ir_pxtv760h..woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.0fzkl03jw-sdz.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.132ro2ak-rvxq.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.0f~sf101j6mzi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.0dskwooysu3cf.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.0ir_pxtv760h..woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.0fzkl03jw-sdz.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.132ro2ak-rvxq.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.0f~sf101j6mzi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.0dskwooysu3cf.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.0ir_pxtv760h..woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.0fzkl03jw-sdz.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat Fallback;
  src: local(Arial);
  ascent-override: 85.79%;
  descent-override: 22.25%;
  line-gap-override: 0.0%;
  size-adjust: 112.83%;
}

.montserrat_efe082d4-module__6i39YG__className {
  font-family: Montserrat, Montserrat Fallback;
  font-style: normal;
}

.montserrat_efe082d4-module__6i39YG__variable {
  --font-title-grunge: "Montserrat", "Montserrat Fallback";
}

/* [next]/internal/font/google/bebas_neue_3814ff41.module.css [app-client] (css) */
@font-face {
  font-family: Bebas Neue;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2039e8342bda6056-s.0h2amv7e1wlhq.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Bebas Neue;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/fabcf92ba1ccea36-s.p.0lwj123ije5i..woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Bebas Neue Fallback;
  src: local(Arial);
  ascent-override: 117.32%;
  descent-override: 39.11%;
  line-gap-override: 0.0%;
  size-adjust: 76.72%;
}

.bebas_neue_3814ff41-module__a3gPka__className {
  font-family: Bebas Neue, Bebas Neue Fallback;
  font-style: normal;
  font-weight: 400;
}

.bebas_neue_3814ff41-module__a3gPka__variable {
  --font-display: "Bebas Neue", "Bebas Neue Fallback";
}

/* [next]/internal/font/google/open_sans_74900b15.module.css [app-client] (css) */
@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/3ce154ad7d54dc86-s.0n54~jvon9ee5.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7cdbb9ca823c0a73-s.0g~9kd3dx56ng.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1e239d59b95c7889-s.0y5o_un~q19dn.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/a421df443b3f383b-s.0-2a4_vov7hfq.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/c2873153dc73d9e3-s.0g6heybwh~nbo.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/d38a53d0ba90b32d-s.0-z21w-861g1d.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/5b0229109f6656bb-s.1455rc8vwuctw.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ca19bc83075b2625-s.0s0y.-f87v-al.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/2aec202ebfcf461b-s.0p8pxnvll2h.7.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/cf514f5d0007dafa-s.p.0lok5zj4ubzox.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/3ce154ad7d54dc86-s.0n54~jvon9ee5.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7cdbb9ca823c0a73-s.0g~9kd3dx56ng.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1e239d59b95c7889-s.0y5o_un~q19dn.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/a421df443b3f383b-s.0-2a4_vov7hfq.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/c2873153dc73d9e3-s.0g6heybwh~nbo.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/d38a53d0ba90b32d-s.0-z21w-861g1d.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/5b0229109f6656bb-s.1455rc8vwuctw.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ca19bc83075b2625-s.0s0y.-f87v-al.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/2aec202ebfcf461b-s.0p8pxnvll2h.7.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/cf514f5d0007dafa-s.p.0lok5zj4ubzox.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/3ce154ad7d54dc86-s.0n54~jvon9ee5.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7cdbb9ca823c0a73-s.0g~9kd3dx56ng.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1e239d59b95c7889-s.0y5o_un~q19dn.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/a421df443b3f383b-s.0-2a4_vov7hfq.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/c2873153dc73d9e3-s.0g6heybwh~nbo.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/d38a53d0ba90b32d-s.0-z21w-861g1d.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/5b0229109f6656bb-s.1455rc8vwuctw.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ca19bc83075b2625-s.0s0y.-f87v-al.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/2aec202ebfcf461b-s.0p8pxnvll2h.7.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/cf514f5d0007dafa-s.p.0lok5zj4ubzox.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Open Sans Fallback;
  src: local(Arial);
  ascent-override: 101.65%;
  descent-override: 27.86%;
  line-gap-override: 0.0%;
  size-adjust: 105.15%;
}

.open_sans_74900b15-module__jT9hiW__className {
  font-family: Open Sans, Open Sans Fallback;
  font-style: normal;
}

.open_sans_74900b15-module__jT9hiW__variable {
  --font-body: "Open Sans", "Open Sans Fallback";
}

/* [next]/internal/font/google/anton_6fe621dd.module.css [app-client] (css) */
@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/0e7b7e0b829e3eb9-s.0taayl_akrchu.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/daf789e4474d0d90-s.02gqgcrlsvm4~.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9e9f04e3c37952ab-s.07uvnuj.ona6k.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Anton Fallback;
  src: local(Arial);
  ascent-override: 129.7%;
  descent-override: 36.29%;
  line-gap-override: 0.0%;
  size-adjust: 90.69%;
}

.anton_6fe621dd-module__qelBUa__className {
  font-family: Anton, Anton Fallback;
  font-style: normal;
  font-weight: 400;
}

.anton_6fe621dd-module__qelBUa__variable {
  --font-festival: "Anton", "Anton Fallback";
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0ja36hz._.css.map*/