/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@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: rotateX(0);
      --tw-rotate-y: rotateY(0);
      --tw-rotate-z: rotateZ(0);
      --tw-skew-x: skewX(0);
      --tw-skew-y: skewY(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-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;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-400: oklch(.704 .191 22.216);
    --color-red-500: oklch(.637 .237 25.331);
    --color-red-900: oklch(.396 .141 25.723);
    --color-orange-200: oklch(.901 .076 70.697);
    --color-orange-400: oklch(.75 .183 55.934);
    --color-orange-500: oklch(.705 .213 47.604);
    --color-orange-900: oklch(.408 .123 38.172);
    --color-yellow-400: oklch(.852 .199 91.936);
    --color-yellow-500: oklch(.795 .184 86.047);
    --color-yellow-900: oklch(.421 .095 57.708);
    --color-green-400: oklch(.792 .209 151.711);
    --color-green-500: oklch(.723 .219 149.579);
    --color-green-900: oklch(.393 .095 152.535);
    --color-emerald-200: oklch(.905 .093 164.15);
    --color-emerald-400: oklch(.765 .177 163.223);
    --color-emerald-900: oklch(.378 .077 168.94);
    --color-teal-200: oklch(.91 .096 180.426);
    --color-teal-900: oklch(.386 .063 188.416);
    --color-cyan-200: oklch(.917 .08 205.041);
    --color-cyan-400: oklch(.789 .154 211.53);
    --color-cyan-500: oklch(.715 .143 215.221);
    --color-cyan-900: oklch(.398 .07 227.392);
    --color-blue-200: oklch(.882 .059 254.128);
    --color-blue-400: oklch(.707 .165 254.624);
    --color-blue-500: oklch(.623 .214 259.815);
    --color-blue-900: oklch(.379 .146 265.522);
    --color-indigo-400: oklch(.673 .182 276.935);
    --color-indigo-900: oklch(.359 .144 278.697);
    --color-violet-200: oklch(.894 .057 293.283);
    --color-purple-200: oklch(.902 .063 306.703);
    --color-purple-400: oklch(.714 .203 305.504);
    --color-purple-500: oklch(.627 .265 303.9);
    --color-purple-900: oklch(.381 .176 304.987);
    --color-fuchsia-400: oklch(.74 .238 322.16);
    --color-fuchsia-500: oklch(.667 .295 322.15);
    --color-fuchsia-900: oklch(.401 .17 325.612);
    --color-pink-200: oklch(.899 .061 343.231);
    --color-pink-400: oklch(.718 .202 349.761);
    --color-pink-900: oklch(.408 .153 2.432);
    --color-rose-200: oklch(.892 .058 10.001);
    --color-rose-400: oklch(.712 .194 13.428);
    --color-rose-500: oklch(.645 .246 16.439);
    --color-rose-900: oklch(.41 .159 10.272);
    --color-neutral-200: oklch(.922 0 0);
    --color-neutral-300: oklch(.87 0 0);
    --color-neutral-400: oklch(.708 0 0);
    --color-neutral-500: oklch(.556 0 0);
    --color-neutral-800: oklch(.269 0 0);
    --color-neutral-900: oklch(.205 0 0);
    --color-white: #fff;
    --spacing: .25rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --tracking-widest: .1em;
    --radius-md: .425rem;
    --radius-lg: .625rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
  }
}

@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;
  }

  body {
    line-height: inherit;
  }

  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;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    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;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    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;
    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;
  }

  :-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;
  }

  * {
    border-color: oklch(.922 0 0);
    outline-color: color-mix(in oklab, oklch(.708 0 0) 50%, transparent);
  }

  body {
    background-color: oklch(1 0 0);
    color: oklch(.145 0 0);
  }
}

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

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

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

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

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

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .container {
    width: 100%;
  }

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

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

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

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

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .table {
    display: table;
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

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

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

  .grow {
    flex-grow: 1;
  }

  .-rotate-6 {
    rotate: -6deg;
  }

  .rotate-3 {
    rotate: 3deg;
  }

  .rotate-12 {
    rotate: 12deg;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .flex-col {
    flex-direction: column;
  }

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

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

  .rounded {
    border-radius: .25rem;
  }

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

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-xl {
    border-radius: 1.025rem;
  }

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

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

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

  .border-neutral-800 {
    border-color: var(--color-neutral-800);
  }

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

  .bg-neutral-900 {
    background-color: var(--color-neutral-900);
  }

  .from-blue-400 {
    --tw-gradient-from: var(--color-blue-400);
    --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));
  }

  .from-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --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));
  }

  .from-blue-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.379 .146 265.522) 40%, transparent);
    --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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-blue-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
    }
  }

  .from-cyan-400 {
    --tw-gradient-from: var(--color-cyan-400);
    --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));
  }

  .from-cyan-500 {
    --tw-gradient-from: var(--color-cyan-500);
    --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));
  }

  .from-cyan-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.398 .07 227.392) 40%, transparent);
    --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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-cyan-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-900) 40%, transparent);
    }
  }

  .from-fuchsia-400 {
    --tw-gradient-from: var(--color-fuchsia-400);
    --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));
  }

  .from-fuchsia-500 {
    --tw-gradient-from: var(--color-fuchsia-500);
    --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));
  }

  .from-fuchsia-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.401 .17 325.612) 40%, transparent);
    --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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-fuchsia-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-900) 40%, transparent);
    }
  }

  .from-green-400 {
    --tw-gradient-from: var(--color-green-400);
    --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));
  }

  .from-green-500 {
    --tw-gradient-from: var(--color-green-500);
    --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));
  }

  .from-green-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.393 .095 152.535) 40%, transparent);
    --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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-green-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-900) 40%, transparent);
    }
  }

  .from-orange-400 {
    --tw-gradient-from: var(--color-orange-400);
    --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));
  }

  .from-orange-500 {
    --tw-gradient-from: var(--color-orange-500);
    --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));
  }

  .from-orange-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.408 .123 38.172) 40%, transparent);
    --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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-orange-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
    }
  }

  .from-rose-400 {
    --tw-gradient-from: var(--color-rose-400);
    --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));
  }

  .from-rose-500 {
    --tw-gradient-from: var(--color-rose-500);
    --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));
  }

  .from-rose-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.41 .159 10.272) 40%, transparent);
    --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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-rose-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
    }
  }

  .from-yellow-400 {
    --tw-gradient-from: var(--color-yellow-400);
    --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));
  }

  .from-yellow-500 {
    --tw-gradient-from: var(--color-yellow-500);
    --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));
  }

  .from-yellow-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.421 .095 57.708) 40%, transparent);
    --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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-yellow-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-yellow-900) 40%, transparent);
    }
  }

  .via-emerald-400 {
    --tw-gradient-via: var(--color-emerald-400);
    --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);
  }

  .via-emerald-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(.378 .077 168.94) 40%, transparent);
    --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);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-emerald-900\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
    }
  }

  .via-indigo-400 {
    --tw-gradient-via: var(--color-indigo-400);
    --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);
  }

  .via-indigo-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(.359 .144 278.697) 40%, transparent);
    --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);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-indigo-900\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-900) 40%, transparent);
    }
  }

  .via-orange-400 {
    --tw-gradient-via: var(--color-orange-400);
    --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);
  }

  .via-orange-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(.408 .123 38.172) 40%, transparent);
    --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);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-orange-900\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
    }
  }

  .via-pink-400 {
    --tw-gradient-via: var(--color-pink-400);
    --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);
  }

  .via-pink-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(.408 .153 2.432) 40%, transparent);
    --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);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-pink-900\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--color-pink-900) 40%, transparent);
    }
  }

  .via-purple-400 {
    --tw-gradient-via: var(--color-purple-400);
    --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);
  }

  .via-purple-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(.381 .176 304.987) 40%, transparent);
    --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);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-purple-900\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-900) 40%, transparent);
    }
  }

  .via-yellow-400 {
    --tw-gradient-via: var(--color-yellow-400);
    --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);
  }

  .via-yellow-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(.421 .095 57.708) 40%, transparent);
    --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);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-yellow-900\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--color-yellow-900) 40%, transparent);
    }
  }

  .to-blue-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(.379 .146 265.522) 40%, transparent);
    --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));
  }

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

  .to-cyan-400 {
    --tw-gradient-to: var(--color-cyan-400);
    --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));
  }

  .to-cyan-500 {
    --tw-gradient-to: var(--color-cyan-500);
    --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));
  }

  .to-green-400 {
    --tw-gradient-to: var(--color-green-400);
    --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));
  }

  .to-green-500 {
    --tw-gradient-to: var(--color-green-500);
    --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));
  }

  .to-green-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(.393 .095 152.535) 40%, transparent);
    --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));
  }

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

  .to-orange-400 {
    --tw-gradient-to: var(--color-orange-400);
    --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));
  }

  .to-orange-500 {
    --tw-gradient-to: var(--color-orange-500);
    --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));
  }

  .to-orange-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(.408 .123 38.172) 40%, transparent);
    --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));
  }

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

  .to-purple-400 {
    --tw-gradient-to: var(--color-purple-400);
    --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));
  }

  .to-purple-500 {
    --tw-gradient-to: var(--color-purple-500);
    --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));
  }

  .to-purple-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(.381 .176 304.987) 40%, transparent);
    --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));
  }

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

  .to-red-400 {
    --tw-gradient-to: var(--color-red-400);
    --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));
  }

  .to-red-500 {
    --tw-gradient-to: var(--color-red-500);
    --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));
  }

  .to-red-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(.396 .141 25.723) 40%, transparent);
    --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));
  }

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

  .to-teal-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(.386 .063 188.416) 40%, transparent);
    --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));
  }

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

  .bg-cover {
    background-size: cover;
  }

  .bg-center {
    background-position: center;
  }

  .px-\[16px\] {
    padding-inline: 16px;
  }

  .py-\[6px\] {
    padding-block: 6px;
  }

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

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

  .text-inherit {
    color: inherit;
  }

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

  .text-neutral-300 {
    color: var(--color-neutral-300);
  }

  .text-neutral-400 {
    color: var(--color-neutral-400);
  }

  .text-neutral-500 {
    color: var(--color-neutral-500);
  }

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

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .underline {
    text-decoration-line: underline;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-blue-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.882 .059 254.128) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-blue-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-200) 50%, transparent);
    }
  }

  .ring-cyan-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.917 .08 205.041) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-cyan-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-200) 50%, transparent);
    }
  }

  .ring-emerald-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.905 .093 164.15) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-emerald-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent);
    }
  }

  .ring-orange-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.901 .076 70.697) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-orange-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-200) 50%, transparent);
    }
  }

  .ring-pink-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.899 .061 343.231) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-pink-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-pink-200) 50%, transparent);
    }
  }

  .ring-purple-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.902 .063 306.703) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-purple-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-purple-200) 50%, transparent);
    }
  }

  .ring-rose-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.892 .058 10.001) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-rose-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-200) 50%, transparent);
    }
  }

  .ring-teal-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.91 .096 180.426) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-teal-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-teal-200) 50%, transparent);
    }
  }

  .ring-violet-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.894 .057 293.283) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-violet-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-200) 50%, transparent);
    }
  }

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

  .blur {
    --tw-blur: blur(8px);
    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, );
  }

  .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;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

  @media (hover: hover) {
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (width >= 40rem) {
    .sm\:top-12 {
      top: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 40rem) {
    .sm\:left-8 {
      left: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 40rem) {
    .sm\:h-64 {
      height: calc(var(--spacing) * 64);
    }
  }

  @media (width >= 40rem) {
    .sm\:h-72 {
      height: calc(var(--spacing) * 72);
    }
  }

  @media (width >= 40rem) {
    .sm\:h-80 {
      height: calc(var(--spacing) * 80);
    }
  }

  @media (width >= 40rem) {
    .sm\:w-60 {
      width: calc(var(--spacing) * 60);
    }
  }

  @media (width >= 40rem) {
    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }

  @media (width >= 40rem) {
    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }

  @media (width >= 48rem) {
    .md\:h-72 {
      height: calc(var(--spacing) * 72);
    }
  }

  @media (width >= 48rem) {
    .md\:h-80 {
      height: calc(var(--spacing) * 80);
    }
  }

  @media (width >= 48rem) {
    .md\:h-96 {
      height: calc(var(--spacing) * 96);
    }
  }

  @media (width >= 48rem) {
    .md\:w-68 {
      width: calc(var(--spacing) * 68);
    }
  }

  @media (width >= 48rem) {
    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }

  @media (width >= 48rem) {
    .md\:w-80 {
      width: calc(var(--spacing) * 80);
    }
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

@keyframes float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideUpFade {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes gradientShift {
  0% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }

  100% {
    background-position: 0%;
  }
}

@keyframes neonPulse {
  from {
    box-shadow: 0 0 5px var(--glow-color), 0 0 10px var(--glow-color);
  }

  to {
    box-shadow: 0 0 10px var(--glow-color), 0 0 20px var(--glow-color);
  }
}

@keyframes neonPulsePurple {
  from {
    border-color: #be00fe80;
    box-shadow: 0 0 20px #be00fe4d;
  }

  to {
    border-color: var(--wp--preset--color--neon-purple);
    box-shadow: 0 0 40px #be00fe99;
  }
}

@keyframes neonPulsePink {
  from {
    box-shadow: 0 0 10px var(--wp--preset--color--neon-pink);
  }

  to {
    box-shadow: 0 0 25px var(--wp--preset--color--neon-pink);
  }
}

@keyframes pulse-ring {
  0% {
    opacity: .8;
    transform: scale(.8);
  }

  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

@keyframes accordionDown {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height);
  }
}

@keyframes accordionUp {
  from {
    height: var(--radix-accordion-content-height);
  }

  to {
    height: 0;
  }
}

@keyframes collapsible-down {
  from {
    opacity: 0;
    height: 0;
  }

  to {
    height: var(--radix-collapsible-content-height);
    opacity: 1;
  }
}

@keyframes collapsible-up {
  from {
    height: var(--radix-collapsible-content-height);
    opacity: 1;
  }

  to {
    opacity: 0;
    height: 0;
  }
}

@keyframes caret-blink {
  0%, 70%, 100% {
    opacity: 1;
  }

  20%, 50% {
    opacity: 0;
  }
}

@keyframes shine {
  100% {
    left: 150%;
  }
}

@keyframes skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }
}

@keyframes typeform-spin {
  to {
    transform: translate(-50%, -50%)rotate(360deg);
  }
}

@media (width <= 768px) {
  @keyframes gradientShift {
    0% {
      background-position: 0%;
    }

    50% {
      background-position: 100%;
    }

    100% {
      background-position: 0%;
    }
  }

  @keyframes neonPulse {
    from {
      box-shadow: 0 0 3px var(--glow-color), 0 0 6px var(--glow-color);
    }

    to {
      box-shadow: 0 0 6px var(--glow-color), 0 0 12px var(--glow-color);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (prefers-reduced-data: reduce) {
  @keyframes gradientShift {
    0%, 100% {
      background-position: 0%;
    }
  }
}

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

html {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
}

body {
  line-height: inherit;
  margin: 0;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  display: block;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, [role="button"] {
  cursor: pointer;
  background-color: #0000;
  background-image: none;
}

:root {
  --wp--preset--color--neon-green: #39ff14;
  --wp--preset--color--neon-pink: #ff10f0;
  --wp--preset--color--neon-blue: #1f51ff;
  --wp--preset--color--neon-yellow: #ff0;
  --wp--preset--color--neon-orange: #ff5f1f;
  --wp--preset--color--neon-purple: #be00fe;
  --wp--preset--color--neon-cyan: #00f7ff;
  --wp--preset--color--neon-red: #ff3131;
  --wp--preset--color--neon-green-text: #008f00;
  --wp--preset--color--neon-pink-text: #b300a4;
  --wp--preset--color--neon-blue-text: #002db3;
  --wp--preset--color--neon-yellow-text: #8a8a00;
  --wp--preset--color--neon-orange-text: #cc4100;
  --wp--preset--color--neon-purple-text: #7800a1;
  --wp--preset--color--neon-cyan-text: #00f7ff;
  --wp--preset--color--neon-red-text: #ff3131;
  --wp--preset--color--base: #fff;
  --wp--preset--color--contrast: #0f0f0f;
  --wp--preset--color--primary: var(--wp--preset--color--neon-purple);
  --wp--preset--color--brand: var(--wp--preset--color--neon-pink);
  --wp--preset--color--cta: var(--wp--preset--color--neon-blue);
  --wp--preset--color--neutral-50: #f9fafb;
  --wp--preset--color--neutral-100: #f3f4f6;
  --wp--preset--color--neutral-200: #e5e7eb;
  --wp--preset--color--neutral-300: #d1d5db;
  --wp--preset--color--neutral-400: #9ca3af;
  --wp--preset--color--neutral-500: #6b7280;
  --wp--preset--color--neutral-600: #4b5563;
  --wp--preset--color--neutral-700: #374151;
  --wp--preset--color--neutral-800: #1f2937;
  --wp--preset--color--neutral-900: #111827;
  --wp--preset--color--atomic-black: #0f0f0f;
  --wp--preset--color--pure-black: #000;
  --wp--preset--gradient--cyberpunk: linear-gradient(135deg, #ff10f0 0%, #1f51ff 100%);
  --wp--preset--gradient--toxic-lime: linear-gradient(to right, #39ff14 0%, #12fff7 100%);
  --wp--preset--gradient--solar-flare: linear-gradient(45deg, #ff5f1f 0%, #ff0 100%);
  --wp--preset--gradient--hyperpop: linear-gradient(-45deg, #ff10f0, #1f51ff, #00f7ff, #39ff14);
  --wp--preset--color--gradient-pink-start: #ff10f0;
  --wp--preset--color--gradient-pink-mid: #be00fe;
  --wp--preset--color--gradient-pink-end: #1f51ff;
  --wp--preset--font-family--brand-title: "Righteous", "Arial Black", sans-serif;
  --wp--preset--font-family--brand-heading: "Playfair Display", "Times New Roman", serif;
  --wp--preset--font-family--brand-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --wp--preset--font-size--100: clamp(.75rem, .65rem + .5vw, .875rem);
  --wp--preset--font-size--200: clamp(1rem, .85rem + .75vw, 1.125rem);
  --wp--preset--font-size--300: clamp(1.125rem, .95rem + .875vw, 1.25rem);
  --wp--preset--font-size--400: clamp(1.25rem, 1rem + 1.25vw, 1.5rem);
  --wp--preset--font-size--500: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);
  --wp--preset--font-size--600: clamp(1.875rem, 1.4rem + 2.375vw, 2.5rem);
  --wp--preset--font-size--700: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);
  --wp--preset--font-size--800: clamp(2.5rem, 1.9rem + 3vw, 3.5rem);
  --wp--preset--font-size--900: clamp(3rem, 2.2rem + 4vw, 4.5rem);
  --wp--preset--font-size--hero: clamp(3.5rem, 6vw + 1rem, 6.5rem);
  --wp--preset--font-size--section: clamp(2rem, 3vw + 1rem, 3.5rem);
  --wp--preset--spacing--fluid-xs: clamp(.5rem, .4rem + .5vw, .75rem);
  --wp--preset--spacing--fluid-sm: clamp(.75rem, .5rem + 1vw, 1.25rem);
  --wp--preset--spacing--fluid-md: clamp(1rem, .6rem + 2vw, 2rem);
  --wp--preset--spacing--fluid-lg: clamp(1.5rem, 1rem + 2.5vw, 3rem);
  --wp--preset--spacing--fluid-xl: clamp(2rem, 1.2rem + 4vw, 4rem);
  --wp--preset--spacing--fluid-2xl: clamp(3rem, 1.5rem + 7.5vw, 6rem);
  --wp--preset--spacing--section-horizontal: clamp(1.5rem, 1.35rem + .714vw, 2rem);
  --wp--preset--spacing--section-vertical: clamp(2rem, .5rem + 4vw, 5rem);
  --wp--preset--spacing--block-gap: var(--wp--preset--spacing--fluid-md);
  --wp--preset--layout--content: 800px;
  --wp--preset--layout--wide: 1440px;
  --wp--preset--layout--full: 100%;
  --wp--preset--z-index--n1: -1;
  --wp--preset--z-index--0: 0;
  --wp--preset--z-index--10: 10;
  --wp--preset--z-index--20: 20;
  --wp--preset--z-index--30: 30;
  --wp--preset--z-index--40: 40;
  --wp--preset--z-index--50: 50;
  --wp--preset--z-index--100: 100;
  --wp--preset--z-index--header: 1000;
  --wp--preset--z-index--overlay: 2000;
  --wp--preset--z-index--modal: 3000;
  --wp--preset--z-index--toast: 9999;
  --wp--preset--opacity--0: 0;
  --wp--preset--opacity--25: .25;
  --wp--preset--opacity--50: .5;
  --wp--preset--opacity--75: .75;
  --wp--preset--opacity--100: 1;
  --wp--preset--aspect-ratio--square: 1 / 1;
  --wp--preset--aspect-ratio--video: 16 / 9;
  --wp--preset--aspect-ratio--portrait: 3 / 4;
  --wp--preset--border-radius--sm: .25rem;
  --wp--preset--border-radius--md: .5rem;
  --wp--preset--border-radius--lg: 1rem;
  --wp--preset--border-radius--xl: 1.5rem;
  --wp--preset--border-radius--2xl: 2rem;
  --wp--preset--border-radius--full: 9999px;
  --wp--preset--border-radius--circle: 50%;
  --wp--preset--border-radius--400: var(--wp--preset--border-radius--md);
  --wp--preset--border-radius--600: var(--wp--preset--border-radius--lg);
  --wp--preset--border-radius--900: var(--wp--preset--border-radius--full);
  --wp--preset--shadow--sm: 0 1px 2px #0000000d;
  --wp--preset--shadow--md: 0 4px 6px #00000012, 0 2px 4px #0000000f;
  --wp--preset--shadow--lg: 0 10px 15px #0000001a, 0 4px 6px #0000000d;
  --wp--preset--shadow--xl: 0 20px 25px #0000001a, 0 8px 10px #0000000a;
  --wp--preset--shadow--2xl: 0 25px 50px #00000040;
  --wp--preset--shadow--neon-sm: 0 0 5px #39ff144d;
  --wp--preset--shadow--neon-md: 0 0 10px #39ff1466, 0 0 20px #39ff1433;
  --wp--preset--shadow--neon-lg: 0 0 15px #39ff1480, 0 0 30px #39ff144d;
  --wp--preset--shadow--neon-pink: 0 0 20px #ff10f066;
  --wp--preset--shadow--neon-purple: 0 0 20px #be00fe66;
  --wp--preset--shadow--neon-blue: 0 0 20px #00f3ff66;
  --wp--preset--shadow--card: 0 4px 6px -1px #0000001a;
  --wp--preset--shadow--card-hover: 0 10px 30px -5px #0003;
  --wp--preset--shadow--focus-ring: 0 0 0 3px #be00fe4d;
  --wp--preset--shadow--focus-ring-strong: 0 0 0 3px #be00fe80;
  --wp--preset--shadow--focus-ring-pink: 0 0 0 2px var(--wp--preset--color--neon-pink);
  --wp--preset--shadow--neon-purple-hover: 0 0 15px #be00fe80;
  --wp--preset--shadow--neon-pink-dot: 0 0 10px #ff10f080;
  --wp--preset--shadow--action-btn: 0 0 10px #be00fe33;
  --wp--preset--shadow--action-btn-hover: 0 4px 16px #be00fe59;
  --wp--preset--shadow--action-btn-glow: 0 0 24px #be00fe80;
  --wp--custom--animation--slow: .5s;
  --wp--custom--animation--fast: .2s;
  --wp--custom--ease--bounce: cubic-bezier(.68, -.55, .265, 1.55);
  --noise-texture-opacity: .03;
  --noise-texture-opacity-dark: .045;
  --background: var(--wp--preset--color--base);
  --foreground: var(--wp--preset--color--contrast);
  --border: var(--wp--preset--color--neutral-200);
}

.app-container {
  flex-direction: column;
  width: 100%;
  max-width: 100vw;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow-x: hidden;
}

.app-noise-overlay {
  opacity: var(--noise-texture-opacity);
  z-index: 0;
  pointer-events: none;
  position: fixed;
  inset: 0;
}

.dark .app-noise-overlay {
  opacity: var(--noise-texture-opacity-dark);
}

.dark {
  --background: var(--wp--preset--color--atomic-black);
  --foreground: #fff;
  --border: var(--wp--preset--color--neutral-800);
  --wp--preset--color--neon-green-text: #39ff14;
  --wp--preset--color--neon-pink-text: #ff10f0;
  --wp--preset--color--neon-blue-text: #1f51ff;
  --wp--preset--color--neon-yellow-text: #ff0;
  --wp--preset--color--neon-orange-text: #ff5f1f;
  --wp--preset--color--neon-purple-text: #be00fe;
  --wp--preset--color--neon-cyan-text: #00f7ff;
  --wp--preset--shadow--neon-sm: 0 0 8px #39ff1480;
  --wp--preset--shadow--card-hover: 0 10px 30px -5px #ff10f026;
}

.bg-atomic-noise {
  background-color: var(--wp--preset--color--atomic-black);
  background-image: radial-gradient(circle, #1e1e1e4d 0%, #0000 70%);
}

.dark .bg-atomic-noise {
  background-image: radial-gradient(circle, #32323233 0%, #0000 70%);
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--wp--preset--font-family--brand-body);
  line-height: 1.6;
  transition: background-color .3s, color .3s;
}

.text-neon-pink {
  color: var(--wp--preset--color--neon-pink-text);
}

.text-neon-blue {
  color: var(--wp--preset--color--neon-blue-text);
}

.text-neon-purple {
  color: var(--wp--preset--color--neon-purple-text);
}

.text-neon-green {
  color: var(--wp--preset--color--neon-green-text);
}

.text-neon-yellow {
  color: var(--wp--preset--color--neon-yellow-text);
}

.text-neon-orange {
  color: var(--wp--preset--color--neon-orange-text);
}

.text-neon-red {
  color: var(--wp--preset--color--neon-red-text);
}

.text-neon-cyan {
  color: var(--wp--preset--color--neon-cyan-text);
}

.text-gradient-pink-purple-blue {
  background: var(--wp--preset--gradient--cyberpunk);
  color: #0000;
  background-clip: text;
}

.text-gradient-blue-teal-green {
  background: var(--wp--preset--gradient--toxic-lime);
  color: #0000;
  background-clip: text;
}

.text-gradient-gold-peach-coral {
  background: var(--wp--preset--gradient--solar-flare);
  color: #0000;
  background-clip: text;
}

h1, .text-hero-h1 {
  font-family: var(--wp--preset--font-family--brand-title);
  font-size: var(--wp--preset--font-size--hero);
  letter-spacing: -.02em;
  margin-bottom: 1rem;
  font-weight: 800;
  line-height: 1.1;
}

h2, .text-section-h2 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--section);
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

h3, .text-card-h3 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  margin-bottom: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

h4, .text-card-h4 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  margin-bottom: .5rem;
  font-weight: 600;
  line-height: 1.4;
}

p, .text-body-p {
  font-size: var(--wp--preset--font-size--200);
  margin-bottom: 1rem;
}

small, .text-body-small-p {
  font-size: var(--wp--preset--font-size--100);
}

.text-body-guideline {
  font-size: var(--wp--preset--font-size--300);
}

.icon-xs {
  width: .75rem;
  height: .75rem;
}

.icon-sm {
  width: 1rem;
  height: 1rem;
}

.icon-md {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-lg {
  width: 2rem;
  height: 2rem;
}

.icon-xl {
  width: 3rem;
  height: 3rem;
}

.icon-2xl {
  width: 4rem;
  height: 4rem;
}

.px-horizontal-section {
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
}

.py-section {
  padding-top: var(--wp--preset--spacing--section-vertical);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
}

.py-section-sm {
  padding-top: var(--wp--preset--spacing--fluid-md);
  padding-bottom: var(--wp--preset--spacing--fluid-md);
}

.py-section-md {
  padding-top: var(--wp--preset--spacing--fluid-lg);
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
}

.py-section-lg {
  padding-top: var(--wp--preset--spacing--fluid-xl);
  padding-bottom: var(--wp--preset--spacing--fluid-xl);
}

.py-section-xl {
  padding-top: var(--wp--preset--spacing--fluid-2xl);
  padding-bottom: var(--wp--preset--spacing--fluid-2xl);
}

.py-footer {
  padding-top: var(--wp--preset--spacing--fluid-xl);
  padding-bottom: var(--wp--preset--spacing--fluid-xl);
}

.py-fluid-lg {
  padding-top: var(--wp--preset--spacing--fluid-lg);
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
}

.py-fluid-md {
  padding-top: var(--wp--preset--spacing--fluid-md);
  padding-bottom: var(--wp--preset--spacing--fluid-md);
}

.gap-fluid-sm {
  gap: var(--wp--preset--spacing--fluid-sm);
}

.gap-fluid-md {
  gap: var(--wp--preset--spacing--fluid-md);
}

.gap-fluid-lg {
  gap: var(--wp--preset--spacing--fluid-lg);
}

.mb-fluid-xs {
  margin-bottom: var(--wp--preset--spacing--fluid-xs, .5rem);
}

.mb-fluid-sm {
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
}

.mb-fluid-md {
  margin-bottom: var(--wp--preset--spacing--fluid-md);
}

.mb-fluid-lg {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
}

.mb-fluid-xl {
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
}

.mt-fluid-sm {
  margin-top: var(--wp--preset--spacing--fluid-sm);
}

.mt-fluid-md {
  margin-top: var(--wp--preset--spacing--fluid-md);
}

.mt-fluid-lg {
  margin-top: var(--wp--preset--spacing--fluid-lg);
}

.text-inherit {
  color: inherit;
}

.container-wide {
  max-width: var(--wp--preset--layout--wide);
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  margin-left: auto;
  margin-right: auto;
}

.container-7xl {
  max-width: 80rem;
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  margin-left: auto;
  margin-right: auto;
}

.container-4xl {
  max-width: 56rem;
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  margin-left: auto;
  margin-right: auto;
}

.container-3xl {
  max-width: 48rem;
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  margin-left: auto;
  margin-right: auto;
}

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

.font-bold {
  font-weight: 700;
}

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

.bg-aurora-mesh {
  background-color: var(--wp--preset--color--base);
  background-image: radial-gradient(at 0 0, #be00fe26 0, #0000 50%), radial-gradient(at 100% 100%, #1f51ff26 0, #0000 50%);
  transition: background .3s;
}

.dark .bg-aurora-mesh {
  background-color: var(--wp--preset--color--atomic-black);
  background-image: radial-gradient(at 0 0, #be00fe4d 0, #0000 50%), radial-gradient(at 100% 100%, #1f51ff4d 0, #0000 50%);
}

.animate-neon-glow-bg {
  background: var(--wp--preset--gradient--hyperpop);
  background-size: 400% 400%;
  animation: 15s infinite gradientShift;
}

.animate-neon-glow-bg:hover, .animate-neon-glow-bg:focus-within {
  will-change: background-position;
}

.animate-neon-pulse-green {
  --glow-color: var(--wp--preset--color--neon-green);
  animation: 2s infinite alternate neonPulse;
}

.animate-neon-pulse-green:hover, .animate-neon-pulse-green:focus-within {
  will-change: box-shadow;
}

.animate-neon-pulse-pink {
  --glow-color: var(--wp--preset--color--neon-pink);
  animation: 2s infinite alternate neonPulse;
}

.animate-neon-pulse-pink:hover, .animate-neon-pulse-pink:focus-within {
  will-change: box-shadow;
}

.animate-neon-pulse-blue {
  --glow-color: var(--wp--preset--color--neon-blue);
  animation: 2s infinite alternate neonPulse;
}

.animate-neon-pulse-blue:hover, .animate-neon-pulse-blue:focus-within {
  will-change: box-shadow;
}

@media (width <= 768px) {
  .animate-neon-glow-bg {
    animation-duration: 20s;
  }

  .animate-neon-pulse-green, .animate-neon-pulse-pink, .animate-neon-pulse-blue {
    animation-duration: 3s;
  }

  @keyframes gradientShift {
    0% {
      background-position: 0%;
    }

    50% {
      background-position: 100%;
    }

    100% {
      background-position: 0%;
    }
  }

  @keyframes neonPulse {
    from {
      box-shadow: 0 0 3px var(--glow-color), 0 0 6px var(--glow-color);
    }

    to {
      box-shadow: 0 0 6px var(--glow-color), 0 0 12px var(--glow-color);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (prefers-reduced-data: reduce) {
  @keyframes gradientShift {
    0%, 100% {
      background-position: 0%;
    }
  }
}

:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  border-radius: 2px;
}

button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [role="button"]:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #ff10f026;
}

.dark button:focus-visible, .dark a:focus-visible, .dark input:focus-visible, .dark textarea:focus-visible, .dark select:focus-visible, .dark [role="button"]:focus-visible, .dark [tabindex]:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #ff10f04d, 0 0 15px #ff10f066;
}

:focus:not(:focus-visible) {
  outline: none;
}

.logo {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.logo__image {
  height: auto;
  transition: all .3s;
}

.logo--sm .logo__image {
  width: 80px;
}

.logo--md .logo__image {
  width: 120px;
}

.logo--lg .logo__image {
  width: 160px;
}

.logo--xl .logo__image {
  width: 200px;
}

.logo--2xl .logo__image {
  width: 240px;
}

.logo--3xl .logo__image {
  width: 300px;
}

.logo--header .logo__image {
  width: 140px;
}

.logo--mobile-sm .logo__image {
  width: 100px;
}

@media (width >= 1024px) {
  .logo--header .logo__image {
    width: 180px;
  }
}

.logo__image--light {
  display: block;
}

.logo__image--dark, .dark .logo__image--light {
  display: none;
}

.dark .logo__image--dark {
  display: block;
}

.logo__image--force-visible {
  display: block !important;
}

.logo__text-brand {
  font-family: var(--wp--preset--font-family--brand-title);
  fill: #fff;
  font-size: 140px;
  font-weight: 700;
}

.logo__text-tagline {
  font-family: var(--wp--preset--font-family--body);
  letter-spacing: .4em;
  fill: #fffc;
  font-size: 32px;
  font-weight: 400;
}

.social-links {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.social-links__link {
  color: #fff;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  border: 1px solid #0000;
  border-radius: 50%;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}

.social-links__link:hover {
  filter: brightness(1.1);
  box-shadow: var(--wp--preset--shadow--neon-sm);
  transform: translateY(-3px);
}

.social-links__icon {
  width: 1.5rem;
  height: 1.5rem;
  transition: transform .2s;
}

.social-links__link:hover .social-links__icon {
  transform: scale(1.1);
}

.bg-social-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0% 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.bg-social-whatsapp {
  background-color: #25d366;
}

.bg-social-facebook {
  background-color: #1877f2;
}

.bg-social-linkedin {
  background-color: #0a66c2;
}

.bg-social-youtube {
  background-color: red;
}

.bg-social-email {
  background: var(--wp--preset--gradient--hyperpop);
}

.social-links__link--clean {
  color: var(--foreground);
  border: 1px solid var(--border);
  background: #ffffff1a;
}

.dark .social-links__link--clean {
  background: #ffffff0d;
  border-color: #ffffff1a;
}

.social-links__link--clean:hover {
  background: var(--wp--preset--color--neon-purple);
  color: #fff;
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--neon-md);
}

.social-links--minimal {
  gap: .25rem;
}

.social-links__link--minimal {
  border-radius: var(--wp--preset--border-radius--sm);
  width: 2.25rem;
  height: 2.25rem;
  color: var(--wp--preset--color--neutral-500);
  background: none;
  border: none;
}

.dark .social-links__link--minimal {
  color: var(--wp--preset--color--neutral-400);
}

.social-links__link--minimal:hover {
  color: var(--wp--preset--color--neon-pink-text);
  box-shadow: none;
  filter: none;
  background: none;
  transform: translateY(-2px);
}

.dark .social-links__link--minimal:hover {
  color: var(--wp--preset--color--neon-pink);
}

.social-links__link--minimal .social-links__icon {
  width: 1.125rem;
  height: 1.125rem;
}

.social-links__link--minimal:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.mobile-menu {
  z-index: var(--wp--preset--z-index--100);
  background-color: var(--wp--preset--color--base);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 5rem 2rem 2rem;
  animation: .3s ease-out slideIn;
  display: flex;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.dark .mobile-menu {
  background-color: var(--wp--preset--color--atomic-black);
  background-image: radial-gradient(circle, #1e1e1e4d 0%, #0000 70%);
}

.mobile-menu__orb {
  border-radius: var(--wp--preset--border-radius--circle);
  filter: blur(80px);
  opacity: .3;
  z-index: var(--wp--preset--z-index--n1);
  position: absolute;
}

.mobile-menu__orb--1 {
  background: var(--wp--preset--color--neon-pink);
  width: 50vw;
  height: 50vw;
  top: -10%;
  left: -10%;
}

.mobile-menu__orb--2 {
  background: var(--wp--preset--color--neon-purple);
  width: 60vw;
  height: 60vw;
  bottom: -10%;
  right: -10%;
}

.mobile-menu__orb--3 {
  background: var(--wp--preset--color--neon-blue);
  opacity: .2;
  width: 40vw;
  height: 40vw;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mobile-menu__nav {
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
  max-width: 24rem;
  display: flex;
}

.mobile-menu__nav-link {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: .625rem;
  font-size: 2rem;
  font-weight: 700;
  transition: all .3s;
  display: inline-flex;
  position: relative;
}

.mobile-menu__nav-icon {
  opacity: .5;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  transition: opacity .3s;
}

.mobile-menu__nav-link:hover .mobile-menu__nav-icon, .mobile-menu__nav-link[aria-current="page"] .mobile-menu__nav-icon {
  opacity: 1;
}

.mobile-menu__nav-link:hover, .mobile-menu__nav-link[aria-current="page"] {
  color: #0000;
  background-image: var(--wp--preset--gradient--hyperpop);
  background-clip: text;
  transform: scale(1.1);
}

.mobile-menu__social {
  margin-top: 4rem;
}

.mobile-menu__email-link {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  opacity: .7;
  align-items: center;
  gap: .5rem;
  margin-top: .5rem;
  font-size: 1.125rem;
  text-decoration: none;
  transition: all .3s;
  display: inline-flex;
}

.mobile-menu__email-link:hover, .mobile-menu__email-link:focus-visible {
  opacity: 1;
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .mobile-menu__email-link:hover, .dark .mobile-menu__email-link:focus-visible {
  color: var(--wp--preset--color--neon-pink);
}

.mobile-menu__email-link:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 4px;
  border-radius: var(--wp--preset--border-radius--sm);
}

.mobile-menu__email-icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
}

.theme-toggle {
  border: 1px solid var(--border);
  background-color: var(--wp--preset--color--neutral-50);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--wp--preset--color--neutral-600);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.dark .theme-toggle {
  color: var(--wp--preset--color--neon-purple);
  background-color: #ffffff0d;
  border-color: #ffffff1a;
}

.theme-toggle:hover {
  border-color: var(--wp--preset--color--neon-purple);
  transform: rotate(15deg);
  box-shadow: 0 0 12px #be00fe33;
}

.theme-toggle:focus {
  box-shadow: var(--wp--preset--shadow--focus-ring-pink);
  outline: none;
}

.theme-toggle__icon {
  width: 1.25rem;
  height: 1.25rem;
  transition: transform .5s cubic-bezier(.4, 0, .2, 1);
}

.dark .theme-toggle:hover .theme-toggle__icon {
  filter: drop-shadow(0 0 4px var(--wp--preset--color--neon-purple));
}

.search-input {
  align-items: center;
  display: flex;
  position: relative;
}

.search-input__field {
  border-radius: var(--wp--preset--border-radius--full);
  width: 0;
  color: var(--foreground);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  background: none;
  border: 1px solid #0000;
  outline: none;
  padding: 0;
  transition: width .3s, padding .3s, border-color .3s, box-shadow .3s;
}

.search-input__field--expanded {
  border-color: var(--wp--preset--color--neutral-300);
  background: var(--wp--preset--color--base);
  width: 200px;
  padding: 8px 36px 8px 16px;
}

.search-input__field--expanded:focus {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 16px #ff10f040;
}

.dark .search-input__field--expanded {
  border-color: var(--wp--preset--color--neutral-700);
  background: #141414cc;
}

.dark .search-input__field--expanded:focus {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 20px #ff10f059;
}

.search-input__toggle {
  color: var(--foreground);
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: color .2s;
  display: flex;
}

.search-input__toggle:hover {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .search-input__toggle:hover {
  color: var(--wp--preset--color--neon-pink);
}

.search-input__clear {
  color: var(--wp--preset--color--neutral-400);
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
  position: absolute;
  right: 36px;
}

.search-input__clear:hover {
  color: var(--wp--preset--color--neon-pink-text);
}

.search-results {
  min-height: 60vh;
  max-width: var(--wp--preset--layout--wide);
  background: var(--wp--preset--color--base);
  margin: 0 auto;
}

.dark .search-results {
  background: var(--wp--preset--color--atomic-black);
}

.search-results__header {
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
  text-align: center;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  background: linear-gradient(#be00fe08 0%, #0000 100%);
  flex-direction: column;
  display: flex;
}

.dark .search-results__header {
  background: linear-gradient(#be00fe0f 0%, #0000 100%);
}

.search-results__keyword {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .search-results__keyword {
  color: var(--wp--preset--color--neon-purple);
}

.search-results__count {
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-500);
}

.dark .search-results__count {
  color: var(--wp--preset--color--neutral-400);
}

.search-results__body {
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal);
  gap: var(--wp--preset--spacing--fluid-lg);
  max-width: var(--wp--preset--layout--wide);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.search-results__input-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.search-results__input-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--wp--preset--color--neutral-400);
  pointer-events: none;
  position: absolute;
  left: 18px;
}

.dark .search-results__input-icon {
  color: var(--wp--preset--color--neutral-500);
}

.search-results__input-wide {
  border: 2px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--full);
  background: var(--wp--preset--color--base);
  width: 100%;
  color: var(--foreground);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  padding: 14px 20px 14px 50px;
  transition: border-color .2s, box-shadow .2s;
}

.search-results__input-wide::placeholder {
  color: var(--wp--preset--color--neutral-400);
}

.search-results__input-wide:focus {
  border-color: var(--wp--preset--color--neon-pink-text);
  outline: none;
  box-shadow: 0 0 0 3px #be00fe1a;
}

.dark .search-results__input-wide {
  border-color: var(--wp--preset--color--neutral-700);
  background: #14141499;
}

.dark .search-results__input-wide:focus {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 24px #ff10f04d;
}

.search-tabs {
  border-bottom: 2px solid var(--wp--preset--color--neutral-200);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  gap: 0;
  display: flex;
  overflow-x: auto;
}

.dark .search-tabs {
  border-bottom-color: var(--wp--preset--color--neutral-800);
}

.search-tabs::-webkit-scrollbar {
  display: none;
}

.search-tabs__tab {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  align-items: center;
  gap: .375rem;
  padding: .75rem 1.25rem;
  font-weight: 600;
  transition: color .2s, transform .2s;
  display: flex;
  position: relative;
}

.search-tabs__tab:after {
  content: "";
  background: none;
  border-radius: 3px 3px 0 0;
  height: 3px;
  transition: background .2s, box-shadow .2s;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
}

.search-tabs__tab-icon {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}

.search-tabs__tab-count {
  color: var(--wp--preset--color--neutral-400);
  font-size: .6875rem;
  font-weight: 400;
  transition: color .2s;
}

.dark .search-tabs__tab {
  color: var(--wp--preset--color--neutral-400);
}

.dark .search-tabs__tab-count {
  color: var(--wp--preset--color--neutral-500);
}

.search-tabs__tab:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: -2px;
  border-radius: var(--wp--preset--border-radius--sm);
}

.search-tabs__tab--all:hover {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .search-tabs__tab--all:hover {
  color: var(--wp--preset--color--neon-pink);
}

.search-tabs__tab--all.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-pink-text);
  animation: 2s ease-in-out infinite tab-pulse-pink;
}

.search-tabs__tab--all.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-pink-text);
}

.dark .search-tabs__tab--all.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-pink);
}

.dark .search-tabs__tab--all.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 10px #ff10f080;
}

.search-tabs__tab--all.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .search-tabs__tab--all.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-pink);
}

.search-tabs__tab--page:hover {
  color: var(--wp--preset--color--neon-blue-text);
}

.dark .search-tabs__tab--page:hover {
  color: var(--wp--preset--color--neon-blue);
}

.search-tabs__tab--page.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-blue-text);
  animation: .4s ease-out tab-slide-in;
}

.search-tabs__tab--page.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-blue-text);
}

.dark .search-tabs__tab--page.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-blue);
}

.dark .search-tabs__tab--page.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-blue);
  box-shadow: 0 0 10px #0044ff80;
}

.search-tabs__tab--page.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-blue-text);
}

.dark .search-tabs__tab--page.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-blue);
}

.search-tabs__tab--blog:hover {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .search-tabs__tab--blog:hover {
  color: var(--wp--preset--color--neon-purple);
}

.search-tabs__tab--blog.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-purple-text);
  animation: .35s ease-out tab-scale-in;
}

.search-tabs__tab--blog.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-purple-text);
}

.dark .search-tabs__tab--blog.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-purple);
}

.dark .search-tabs__tab--blog.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-purple);
  box-shadow: 0 0 10px #be00fe80;
}

.search-tabs__tab--blog.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .search-tabs__tab--blog.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-purple);
}

.search-tabs__tab--portfolio:hover {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .search-tabs__tab--portfolio:hover {
  color: var(--wp--preset--color--neon-pink);
}

.search-tabs__tab--portfolio.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-pink-text);
  animation: 3s ease-in-out infinite tab-glow-shift;
}

.search-tabs__tab--portfolio.search-tabs__tab--active:after {
  background: linear-gradient(90deg, #ff10f0, #be00fe);
}

.dark .search-tabs__tab--portfolio.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-pink);
}

.dark .search-tabs__tab--portfolio.search-tabs__tab--active:after {
  background: linear-gradient(90deg, #ff10f0, #be00fe);
  box-shadow: 0 0 12px #ff10f066;
}

.search-tabs__tab--portfolio.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .search-tabs__tab--portfolio.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-pink);
}

.search-tabs__tab--video:hover {
  color: var(--wp--preset--color--neon-orange-text);
}

.dark .search-tabs__tab--video:hover {
  color: var(--wp--preset--color--neon-orange);
}

.search-tabs__tab--video.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-orange-text);
  animation: .5s ease-out tab-bounce;
}

.search-tabs__tab--video.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-orange-text);
}

.dark .search-tabs__tab--video.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-orange);
}

.dark .search-tabs__tab--video.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-orange);
  box-shadow: 0 0 10px #ff6b0080;
}

.search-tabs__tab--video.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-orange-text);
}

.dark .search-tabs__tab--video.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-orange);
}

.search-tabs__tab--podcast:hover {
  color: var(--wp--preset--color--neon-cyan-text);
}

.dark .search-tabs__tab--podcast:hover {
  color: var(--wp--preset--color--neon-cyan);
}

.search-tabs__tab--podcast.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-cyan-text);
  animation: .6s ease-out tab-wave;
}

.search-tabs__tab--podcast.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-cyan-text);
}

.dark .search-tabs__tab--podcast.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-cyan);
}

.dark .search-tabs__tab--podcast.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-cyan);
  box-shadow: 0 0 10px #00f3ff80;
}

.search-tabs__tab--podcast.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-cyan-text);
}

.dark .search-tabs__tab--podcast.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-cyan);
}

.search-tabs__tab--event:hover {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .search-tabs__tab--event:hover {
  color: var(--wp--preset--color--neon-green);
}

.search-tabs__tab--event.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-green-text);
  animation: .4s cubic-bezier(.34, 1.56, .64, 1) tab-pop-up;
}

.search-tabs__tab--event.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-green-text);
}

.dark .search-tabs__tab--event.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-green);
}

.dark .search-tabs__tab--event.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-green);
  box-shadow: 0 0 10px #39ff1480;
}

.search-tabs__tab--event.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .search-tabs__tab--event.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-green);
}

.search-tabs__tab--faq:hover {
  color: var(--wp--preset--color--neon-yellow-text);
}

.dark .search-tabs__tab--faq:hover {
  color: var(--wp--preset--color--neon-yellow);
}

.search-tabs__tab--faq.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-yellow-text);
  animation: 2.5s ease-in-out infinite tab-float;
}

.search-tabs__tab--faq.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-yellow-text);
}

.dark .search-tabs__tab--faq.search-tabs__tab--active {
  color: var(--wp--preset--color--neon-yellow);
}

.dark .search-tabs__tab--faq.search-tabs__tab--active:after {
  background: var(--wp--preset--color--neon-yellow);
  box-shadow: 0 0 10px #ffe50080;
}

.search-tabs__tab--faq.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-yellow-text);
}

.dark .search-tabs__tab--faq.search-tabs__tab--active .search-tabs__tab-count {
  color: var(--wp--preset--color--neon-yellow);
}

@keyframes tab-pulse-pink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .75;
  }
}

@keyframes tab-slide-in {
  0% {
    opacity: 0;
    transform: translateX(-8px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes tab-scale-in {
  0% {
    opacity: 0;
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes tab-glow-shift {
  0%, 100% {
    filter: brightness();
  }

  50% {
    filter: brightness(1.15);
  }
}

@keyframes tab-bounce {
  0% {
    transform: translateY(0);
  }

  30% {
    transform: translateY(-4px);
  }

  60% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes tab-wave {
  0% {
    transform: rotate(0);
  }

  20% {
    transform: rotate(2deg);
  }

  40% {
    transform: rotate(-2deg);
  }

  60% {
    transform: rotate(1deg);
  }

  80% {
    transform: rotate(-1deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes tab-pop-up {
  0% {
    opacity: 0;
    transform: scale(.8)translateY(4px);
  }

  60% {
    transform: scale(1.05)translateY(-1px);
  }

  100% {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

@keyframes tab-float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .search-tabs__tab {
    transition: color;
    animation: none !important;
  }

  .search-tabs__tab:after {
    transition: background, box-shadow;
  }
}

.search-results__group {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.search-results__group-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  text-transform: capitalize;
  color: var(--wp--preset--color--neutral-700);
  align-items: center;
  gap: .5rem;
  display: flex;
}

.dark .search-results__group-title {
  color: var(--wp--preset--color--neutral-200);
}

.search-results__group-icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
}

.search-results__group-title--page {
  color: var(--wp--preset--color--neon-blue-text);
}

.search-results__group-title--blog {
  color: var(--wp--preset--color--neon-purple-text);
}

.search-results__group-title--portfolio {
  color: var(--wp--preset--color--neon-pink-text);
}

.search-results__group-title--video {
  color: var(--wp--preset--color--neon-orange-text);
}

.search-results__group-title--podcast {
  color: var(--wp--preset--color--neon-cyan-text);
}

.search-results__group-title--event {
  color: var(--wp--preset--color--neon-green-text);
}

.search-results__group-title--faq {
  color: var(--wp--preset--color--neon-yellow-text);
}

.dark .search-results__group-title--page {
  color: var(--wp--preset--color--neon-blue);
}

.dark .search-results__group-title--blog {
  color: var(--wp--preset--color--neon-purple);
}

.dark .search-results__group-title--portfolio {
  color: var(--wp--preset--color--neon-pink);
}

.dark .search-results__group-title--video {
  color: var(--wp--preset--color--neon-orange);
}

.dark .search-results__group-title--podcast {
  color: var(--wp--preset--color--neon-cyan);
}

.dark .search-results__group-title--event {
  color: var(--wp--preset--color--neon-green);
}

.dark .search-results__group-title--faq {
  color: var(--wp--preset--color--neon-yellow);
}

.search-results__group-grid {
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .search-results__group-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .search-results__group-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.search-result-card {
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-sm);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  cursor: pointer;
  text-align: left;
  transition: border-color .2s, box-shadow .2s, transform .2s;
  display: flex;
}

.search-result-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px #00000014;
}

.dark .search-result-card {
  border-color: var(--wp--preset--color--neutral-800);
  background: #14141499;
}

.dark .search-result-card:hover {
  box-shadow: 0 4px 20px #0000004d;
}

.search-result-card--page:hover {
  border-color: #04f6;
}

.search-result-card--blog:hover {
  border-color: #be00fe66;
}

.search-result-card--portfolio:hover {
  border-color: #ff10f066;
}

.search-result-card--video:hover {
  border-color: #ff6b0066;
}

.search-result-card--podcast:hover {
  border-color: #00f3ff66;
}

.search-result-card--event:hover {
  border-color: #39ff1466;
}

.search-result-card--faq:hover {
  border-color: #ffe50066;
}

.dark .search-result-card--page:hover {
  border-color: #0044ff80;
  box-shadow: 0 0 16px #0044ff1f;
}

.dark .search-result-card--blog:hover {
  border-color: #be00fe80;
  box-shadow: 0 0 16px #be00fe1f;
}

.dark .search-result-card--portfolio:hover {
  border-color: #ff10f080;
  box-shadow: 0 0 16px #ff10f01f;
}

.dark .search-result-card--video:hover {
  border-color: #ff6b0080;
  box-shadow: 0 0 16px #ff6b001f;
}

.dark .search-result-card--podcast:hover {
  border-color: #00f3ff80;
  box-shadow: 0 0 16px #00f3ff1f;
}

.dark .search-result-card--event:hover {
  border-color: #39ff1480;
  box-shadow: 0 0 16px #39ff141f;
}

.dark .search-result-card--faq:hover {
  border-color: #ffe50080;
  box-shadow: 0 0 16px #ffe5001f;
}

.search-result-card__image {
  border-radius: var(--wp--preset--border-radius--sm);
  object-fit: cover;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
}

.search-result-card__placeholder {
  border-radius: var(--wp--preset--border-radius--sm);
  background: var(--wp--preset--color--neutral-100);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.dark .search-result-card__placeholder {
  background: #ffffff0d;
}

.search-result-card__placeholder-icon {
  width: 1.75rem;
  height: 1.75rem;
  color: var(--wp--preset--color--neutral-400);
}

.search-result-card__placeholder--page {
  background: #0044ff0f;
}

.search-result-card__placeholder--blog {
  background: #be00fe0f;
}

.search-result-card__placeholder--portfolio {
  background: #ff10f00f;
}

.search-result-card__placeholder--video {
  background: #ff6b000f;
}

.search-result-card__placeholder--podcast {
  background: #00f3ff0f;
}

.search-result-card__placeholder--event {
  background: #39ff140f;
}

.search-result-card__placeholder--faq {
  background: #ffe5000f;
}

.search-result-card__placeholder--page .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-blue-text);
}

.search-result-card__placeholder--blog .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-purple-text);
}

.search-result-card__placeholder--portfolio .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-pink-text);
}

.search-result-card__placeholder--video .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-orange-text);
}

.search-result-card__placeholder--podcast .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-cyan-text);
}

.search-result-card__placeholder--event .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-green-text);
}

.search-result-card__placeholder--faq .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-yellow-text);
}

.dark .search-result-card__placeholder--page {
  background: #0044ff1a;
}

.dark .search-result-card__placeholder--blog {
  background: #be00fe1a;
}

.dark .search-result-card__placeholder--portfolio {
  background: #ff10f01a;
}

.dark .search-result-card__placeholder--video {
  background: #ff6b001a;
}

.dark .search-result-card__placeholder--podcast {
  background: #00f3ff1a;
}

.dark .search-result-card__placeholder--event {
  background: #39ff141a;
}

.dark .search-result-card__placeholder--faq {
  background: #ffe5001a;
}

.dark .search-result-card__placeholder--page .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-blue);
}

.dark .search-result-card__placeholder--blog .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-purple);
}

.dark .search-result-card__placeholder--portfolio .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-pink);
}

.dark .search-result-card__placeholder--video .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-orange);
}

.dark .search-result-card__placeholder--podcast .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-cyan);
}

.dark .search-result-card__placeholder--event .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-green);
}

.dark .search-result-card__placeholder--faq .search-result-card__placeholder-icon {
  color: var(--wp--preset--color--neon-yellow);
}

.search-result-card__body {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.search-result-card__type {
  font-family: var(--wp--preset--font-family--brand-body);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--wp--preset--color--neutral-500);
  align-items: center;
  gap: .25rem;
  font-size: .7rem;
  display: inline-flex;
}

.search-result-card__type-icon {
  flex-shrink: 0;
  width: .75rem;
  height: .75rem;
}

.search-result-card__type--page {
  color: var(--wp--preset--color--neon-blue-text);
}

.search-result-card__type--blog {
  color: var(--wp--preset--color--neon-purple-text);
}

.search-result-card__type--portfolio {
  color: var(--wp--preset--color--neon-pink-text);
}

.search-result-card__type--video {
  color: var(--wp--preset--color--neon-orange-text);
}

.search-result-card__type--podcast {
  color: var(--wp--preset--color--neon-cyan-text);
}

.search-result-card__type--event {
  color: var(--wp--preset--color--neon-green-text);
}

.search-result-card__type--faq {
  color: var(--wp--preset--color--neon-yellow-text);
}

.dark .search-result-card__type--page {
  color: var(--wp--preset--color--neon-blue);
}

.dark .search-result-card__type--blog {
  color: var(--wp--preset--color--neon-purple);
}

.dark .search-result-card__type--portfolio {
  color: var(--wp--preset--color--neon-pink);
}

.dark .search-result-card__type--video {
  color: var(--wp--preset--color--neon-orange);
}

.dark .search-result-card__type--podcast {
  color: var(--wp--preset--color--neon-cyan);
}

.dark .search-result-card__type--event {
  color: var(--wp--preset--color--neon-green);
}

.dark .search-result-card__type--faq {
  color: var(--wp--preset--color--neon-yellow);
}

.search-result-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--contrast);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dark .search-result-card__title {
  color: var(--wp--preset--color--neutral-100);
}

.search-result-card__excerpt {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dark .search-result-card__excerpt {
  color: var(--wp--preset--color--neutral-400);
}

.search-result-card__meta {
  color: var(--wp--preset--color--neutral-400);
  font-size: .7rem;
}

.dark .search-result-card__meta {
  color: var(--wp--preset--color--neutral-500);
}

@media (prefers-reduced-motion: reduce) {
  .search-result-card {
    transition: none;
  }

  .search-result-card:hover {
    transform: none;
  }
}

.search-results__empty {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-2xl) var(--wp--preset--spacing--fluid-md);
}

.search-results__empty-icon {
  width: 4rem;
  height: 4rem;
  margin: 0 auto var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--neutral-300);
}

.dark .search-results__empty-icon {
  color: var(--wp--preset--color--neutral-600);
}

.search-results__empty-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--contrast);
}

.dark .search-results__empty-title {
  color: var(--wp--preset--color--neutral-200);
}

.search-results__empty-message {
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-500);
}

.dark .search-results__empty-message {
  color: var(--wp--preset--color--neutral-400);
}

.search-sub-filters {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  display: flex;
}

.search-sub-filters__label {
  font-family: var(--wp--preset--font-family--brand-body);
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--wp--preset--color--neutral-500);
  align-items: center;
  gap: .25rem;
  font-size: .75rem;
  display: inline-flex;
}

.search-sub-filters__label-icon {
  width: .875rem;
  height: .875rem;
}

.dark .search-sub-filters__label {
  color: var(--wp--preset--color--neutral-400);
}

.search-sub-filters__chips {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.search-sub-filters__chip {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neutral-600);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  background: none;
  padding: 6px 14px;
  transition: all .2s;
}

.search-sub-filters__chip:hover {
  border-color: var(--wp--preset--color--neon-cyan-text);
  color: var(--wp--preset--color--neon-cyan-text);
}

.search-sub-filters__chip--active {
  border-color: var(--wp--preset--color--neon-cyan-text);
  background: var(--wp--preset--color--neon-cyan-text);
  color: #fff;
}

.search-sub-filters__chip--active:hover {
  filter: brightness(1.15);
  color: #fff;
}

.dark .search-sub-filters__chip {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-300);
}

.dark .search-sub-filters__chip:hover {
  border-color: var(--wp--preset--color--neon-cyan);
  color: var(--wp--preset--color--neon-cyan);
}

.dark .search-sub-filters__chip--active {
  border-color: var(--wp--preset--color--neon-cyan);
  background: var(--wp--preset--color--neon-cyan);
  color: #000;
  box-shadow: 0 0 12px #00f3ff40;
}

.dark .search-sub-filters__chip--active:hover {
  color: #000;
}

@media (prefers-reduced-motion: reduce) {
  .search-sub-filters__chip {
    transition: none;
  }
}

.search-suggestions {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.search-suggestions__label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .search-suggestions__label {
  color: var(--wp--preset--color--neutral-400);
}

.search-suggestions__chip {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  cursor: pointer;
  background: none;
  padding: .25rem .75rem;
  transition: all .2s;
}

.search-suggestions__chip:hover {
  border-color: var(--wp--preset--color--neon-purple-text);
  color: var(--wp--preset--color--neon-purple-text);
  background: #be00fe0a;
}

.dark .search-suggestions__chip {
  color: var(--wp--preset--color--neutral-200);
  border-color: #ffffff1a;
}

.dark .search-suggestions__chip:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe14;
}

.search-suggestions__chip:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 1px;
}

.search-results__flat-grid {
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .search-results__flat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .search-results__flat-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.about-dropdown {
  width: 18rem;
  padding: var(--wp--preset--spacing--fluid-sm) 0;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card-hover);
  z-index: var(--wp--preset--z-index--overlay);
  background: #fffffff5;
  animation: .25s cubic-bezier(.16, 1, .3, 1) forwards aboutDropdownIn;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.dark .about-dropdown {
  background: #0f0f0ff0;
  border-color: #ffffff1a;
  box-shadow: 0 8px 32px #00000080, 0 0 1px #ffffff0f;
}

@keyframes aboutDropdownIn {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

.about-dropdown__connector {
  left: 1.75rem;
  top: var(--wp--preset--spacing--fluid-sm);
  bottom: var(--wp--preset--spacing--fluid-sm);
  background: linear-gradient(180deg, var(--wp--preset--color--neon-orange), var(--wp--preset--color--neon-green), var(--wp--preset--color--neon-purple), var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-blue), var(--wp--preset--color--neon-yellow));
  opacity: .2;
  transform-origin: top;
  border-radius: 1px;
  width: 2px;
  animation: .6s cubic-bezier(.16, 1, .3, 1) forwards connectorDraw;
  position: absolute;
}

.dark .about-dropdown__connector {
  opacity: .35;
}

@keyframes connectorDraw {
  from {
    transform: scaleY(0);
  }

  to {
    transform: scaleY(1);
  }
}

.about-dropdown__list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.about-dropdown__node {
  opacity: 0;
  animation: .3s cubic-bezier(.16, 1, .3, 1) forwards nodeAppear;
  animation-delay: calc(80ms + var(--node-index, 0) * 60ms);
  align-items: flex-start;
  gap: .625rem;
  padding: .375rem 1rem .375rem 2.5rem;
  display: flex;
  position: relative;
}

@keyframes nodeAppear {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.about-dropdown__node--separator {
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  margin-top: .25rem;
  padding-top: .625rem;
}

.dark .about-dropdown__node--separator {
  border-top-color: #ffffff14;
}

.about-dropdown__dot {
  border-radius: var(--wp--preset--border-radius--full);
  background: #ffffffe6;
  border: 2px solid;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: 1.375rem;
  transition: box-shadow .2s;
  display: flex;
  position: absolute;
  top: .5rem;
  left: 1.0625rem;
}

.dark .about-dropdown__dot {
  background: #0f0f0fe6;
}

.about-dropdown__dot-icon {
  width: .625rem;
  height: .625rem;
  color: inherit;
}

.about-dropdown__node:hover .about-dropdown__dot {
  animation: .6s dotPulse;
}

@keyframes dotPulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.about-dropdown__node--orange {
  color: var(--wp--preset--color--neon-orange-text);
}

.dark .about-dropdown__node--orange {
  color: var(--wp--preset--color--neon-orange);
}

.about-dropdown__node--orange:hover .about-dropdown__dot {
  box-shadow: 0 0 8px #ff5f1f59;
}

.about-dropdown__node--green {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .about-dropdown__node--green {
  color: var(--wp--preset--color--neon-green);
}

.about-dropdown__node--green:hover .about-dropdown__dot {
  box-shadow: 0 0 8px #39ff1459;
}

.about-dropdown__node--purple {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .about-dropdown__node--purple {
  color: var(--wp--preset--color--neon-purple);
}

.about-dropdown__node--purple:hover .about-dropdown__dot {
  box-shadow: 0 0 8px #be00fe59;
}

.about-dropdown__node--cyan {
  color: var(--wp--preset--color--neon-cyan-text);
}

.dark .about-dropdown__node--cyan {
  color: var(--wp--preset--color--neon-cyan);
}

.about-dropdown__node--cyan:hover .about-dropdown__dot {
  box-shadow: 0 0 8px #00f7ff59;
}

.about-dropdown__node--pink {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .about-dropdown__node--pink {
  color: var(--wp--preset--color--neon-pink);
}

.about-dropdown__node--pink:hover .about-dropdown__dot {
  box-shadow: 0 0 8px #ff10f059;
}

.about-dropdown__node--red {
  color: var(--wp--preset--color--neon-red-text);
}

.dark .about-dropdown__node--red {
  color: var(--wp--preset--color--neon-red);
}

.about-dropdown__node--red:hover .about-dropdown__dot {
  box-shadow: 0 0 8px #ff313159;
}

.about-dropdown__node--blue {
  color: var(--wp--preset--color--neon-blue-text);
}

.dark .about-dropdown__node--blue {
  color: var(--wp--preset--color--neon-blue);
}

.about-dropdown__node--blue:hover .about-dropdown__dot {
  box-shadow: 0 0 8px #1f51ff59;
}

.about-dropdown__node--yellow {
  color: var(--wp--preset--color--neon-yellow-text);
}

.dark .about-dropdown__node--yellow {
  color: var(--wp--preset--color--neon-yellow);
}

.about-dropdown__node--yellow:hover .about-dropdown__dot {
  box-shadow: 0 0 8px #ffff0059;
}

.about-dropdown__node-btn {
  cursor: pointer;
  border-radius: var(--wp--preset--border-radius--sm);
  text-align: left;
  background: none;
  border: none;
  flex-direction: column;
  gap: .0625rem;
  width: 100%;
  padding: .25rem .5rem;
  transition: background .15s;
  display: flex;
}

.about-dropdown__node-btn:hover {
  background: #be00fe0d;
}

.dark .about-dropdown__node-btn:hover {
  background: #be00fe1a;
}

.about-dropdown__node-btn:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 1px;
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
}

.about-dropdown__node-label {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200, .875rem);
  color: var(--foreground);
  font-weight: 600;
  line-height: 1.3;
}

.dark .about-dropdown__node-label {
  color: #fff;
}

.about-dropdown__node-sub {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  color: var(--wp--preset--color--neutral-500);
  line-height: 1.3;
}

.dark .about-dropdown__node-sub {
  color: var(--wp--preset--color--neutral-400);
}

@media (prefers-reduced-motion: reduce) {
  .about-dropdown {
    opacity: 1;
    animation: none;
  }

  .about-dropdown__connector {
    animation: none;
    transform: scaleY(1);
  }

  .about-dropdown__node {
    opacity: 1;
    animation: none;
    transform: none;
  }

  .about-dropdown__node:hover .about-dropdown__dot {
    animation: none;
  }
}

.mega-menu {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--lg);
  width: min(72rem, 100vw - 2rem);
  box-shadow: var(--wp--preset--shadow--card-hover);
  z-index: var(--wp--preset--z-index--overlay);
  background: #fffffff7;
  padding: 0;
  animation: .3s cubic-bezier(.16, 1, .3, 1) forwards megaMenuSlideIn;
  position: fixed;
  top: 3.5rem;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.dark .mega-menu {
  background: #0f0f0ff5;
  border-color: #ffffff14;
  box-shadow: 0 12px 48px #0009, 0 0 1px #ffffff0f;
}

.mega-menu--portfolio {
  animation-name: megaMenuGridReveal;
}

.mega-menu--blog {
  animation-name: megaMenuCascade;
}

@keyframes megaMenuSlideIn {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

@keyframes megaMenuGridReveal {
  0% {
    opacity: 0;
    transform: translateX(-50%)translateY(-10px)scale(.98);
  }

  60% {
    opacity: 1;
    transform: translateX(-50%)translateY(0)scale(1.005);
  }

  100% {
    opacity: 1;
    transform: translateX(-50%)translateY(0)scale(1);
  }
}

@keyframes megaMenuCascade {
  0% {
    opacity: 0;
    transform: translateX(-50%)translateY(-16px);
  }

  70% {
    opacity: 1;
    transform: translateX(-50%)translateY(2px);
  }

  100% {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

.mega-menu__rainbow {
  background: linear-gradient(90deg, var(--wp--preset--color--neon-green), var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-blue), var(--wp--preset--color--neon-purple), var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-orange), var(--wp--preset--color--neon-yellow), var(--wp--preset--color--neon-red));
  background-size: 200% 100%;
  height: 3px;
  animation: 4s linear infinite rainbowShift;
}

.mega-menu__rainbow--blog {
  background: linear-gradient(90deg, var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-purple), var(--wp--preset--color--neon-blue), var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-green), var(--wp--preset--color--neon-yellow), var(--wp--preset--color--neon-orange), var(--wp--preset--color--neon-red));
  background-size: 200% 100%;
}

@keyframes rainbowShift {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.mega-menu__grid--three {
  grid-template-columns: 1fr 1.4fr .8fr;
  gap: 0;
  display: grid;
}

.mega-menu__col {
  padding: var(--wp--preset--spacing--fluid-sm);
  opacity: 0;
  animation: .35s cubic-bezier(.16, 1, .3, 1) forwards megaMenuColIn;
  animation-delay: calc(.1s + var(--col-index, 0) * 80ms);
}

@keyframes megaMenuColIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mega-menu--portfolio .mega-menu__col {
  animation-name: megaMenuColSlideLeft;
}

@keyframes megaMenuColSlideLeft {
  from {
    opacity: 0;
    transform: translateX(-12px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.mega-menu--blog .mega-menu__col {
  animation-name: megaMenuColDropIn;
}

@keyframes megaMenuColDropIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mega-menu__col + .mega-menu__col {
  border-left: 1px solid var(--wp--preset--color--neutral-200);
}

.dark .mega-menu__col + .mega-menu__col {
  border-left-color: #ffffff0f;
}

.mega-menu__col-heading {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--100, .75rem);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--wp--preset--color--neutral-400);
  margin: 0 0 var(--wp--preset--spacing--fluid-xs) 0;
  padding: 0;
  font-weight: 700;
}

.dark .mega-menu__col-heading {
  color: var(--wp--preset--color--neutral-500);
}

.mega-menu__featured-btn {
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--md);
  cursor: pointer;
  text-align: left;
  background: none;
  flex-direction: column;
  gap: 0;
  width: 100%;
  transition: border-color .25s, box-shadow .25s;
  display: flex;
  overflow: hidden;
}

.dark .mega-menu__featured-btn {
  border-color: #ffffff14;
}

.mega-menu--portfolio .mega-menu__featured-btn:hover {
  border-color: var(--wp--preset--color--neon-green);
  box-shadow: 0 0 16px #39ff1426;
}

.dark .mega-menu--portfolio .mega-menu__featured-btn:hover {
  box-shadow: 0 0 24px #39ff1440;
}

.mega-menu--blog .mega-menu__featured-btn:hover {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 16px #ff10f026;
}

.dark .mega-menu--blog .mega-menu__featured-btn:hover {
  box-shadow: 0 0 24px #ff10f040;
}

.mega-menu__featured-btn:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
}

.mega-menu__featured-img-wrap {
  aspect-ratio: 16 / 10;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.mega-menu__featured-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .4s cubic-bezier(.16, 1, .3, 1);
}

.mega-menu__featured-btn:hover .mega-menu__featured-img {
  transform: scale(1.06);
}

.mega-menu__featured-overlay {
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(#0000 40%, #39ff1414 100%);
  transition: opacity .3s;
  position: absolute;
  inset: 0;
}

.mega-menu__featured-btn:hover .mega-menu__featured-overlay {
  opacity: 1;
}

.mega-menu__featured-overlay--blog {
  background: linear-gradient(#0000 40%, #ff10f014 100%);
}

.mega-menu__featured-body {
  flex-direction: column;
  gap: .25rem;
  padding: .625rem .75rem .75rem;
  display: flex;
}

.mega-menu__featured-cat {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--wp--preset--color--neon-green-text);
  font-weight: 600;
}

.mega-menu--blog .mega-menu__featured-cat {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .mega-menu__featured-cat {
  color: var(--wp--preset--color--neon-green);
}

.dark .mega-menu--blog .mega-menu__featured-cat {
  color: var(--wp--preset--color--neon-pink);
}

.mega-menu__featured-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200, .875rem);
  color: var(--foreground);
  font-weight: 600;
  line-height: 1.35;
}

.dark .mega-menu__featured-title {
  color: #fff;
}

.mega-menu__featured-meta {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  color: var(--wp--preset--color--neutral-500);
  align-items: center;
  gap: .25rem;
  display: flex;
}

.mega-menu__meta-icon {
  flex-shrink: 0;
  width: .75rem;
  height: .75rem;
}

.mega-menu__recent-list {
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.mega-menu__recent-item {
  opacity: 0;
  animation: .3s cubic-bezier(.16, 1, .3, 1) forwards megaMenuItemIn;
  animation-delay: calc(.15s + var(--item-index, 0) * 50ms);
}

.mega-menu--portfolio .mega-menu__recent-item {
  animation-name: megaMenuItemSlideLeft;
}

@keyframes megaMenuItemSlideLeft {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.mega-menu--blog .mega-menu__recent-item {
  animation-name: megaMenuItemDropIn;
}

@keyframes megaMenuItemDropIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes megaMenuItemIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mega-menu__recent-link {
  border-radius: var(--wp--preset--border-radius--sm);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  align-items: center;
  gap: .625rem;
  width: 100%;
  padding: .4rem .5rem;
  transition: background .15s;
  display: flex;
  position: relative;
}

.mega-menu__recent-link:hover {
  background: #39ff140a;
}

.mega-menu--blog .mega-menu__recent-link:hover {
  background: #ff10f00a;
}

.dark .mega-menu__recent-link:hover {
  background: #39ff1414;
}

.dark .mega-menu--blog .mega-menu__recent-link:hover {
  background: #ff10f014;
}

.mega-menu__recent-link:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 1px;
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
}

.mega-menu--portfolio .mega-menu__recent-link:after {
  content: "";
  background: var(--wp--preset--color--neon-green);
  transform-origin: 0;
  opacity: .4;
  height: 1px;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  bottom: 0;
  left: .5rem;
  right: .5rem;
  transform: scaleX(0);
}

.mega-menu--portfolio .mega-menu__recent-link:hover:after {
  transform: scaleX(1);
}

.mega-menu--blog .mega-menu__recent-link:after {
  content: "";
  background: var(--wp--preset--color--neon-pink);
  transform-origin: 100%;
  opacity: .4;
  height: 1px;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  bottom: 0;
  left: .5rem;
  right: .5rem;
  transform: scaleX(0);
}

.mega-menu--blog .mega-menu__recent-link:hover:after {
  transform-origin: 0;
  transform: scaleX(1);
}

.mega-menu__recent-thumb {
  border-radius: var(--wp--preset--border-radius--sm);
  object-fit: cover;
  border: 1px solid var(--wp--preset--color--neutral-200);
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  transition: border-color .2s;
}

.dark .mega-menu__recent-thumb {
  border-color: #ffffff0f;
}

.mega-menu__recent-link:hover .mega-menu__recent-thumb {
  border-color: var(--wp--preset--color--neon-green);
}

.mega-menu--blog .mega-menu__recent-link:hover .mega-menu__recent-thumb {
  border-color: var(--wp--preset--color--neon-pink);
}

.mega-menu__recent-text {
  flex-direction: column;
  gap: .125rem;
  min-width: 0;
  display: flex;
}

.mega-menu__recent-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200, .875rem);
  color: var(--foreground);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
}

.dark .mega-menu__recent-title {
  color: #fff;
}

.mega-menu__recent-meta {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  color: var(--wp--preset--color--neutral-500);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mega-menu__view-all {
  margin-top: var(--wp--preset--spacing--fluid-xs);
  border: 1px solid var(--wp--preset--color--neon-green);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-green-text);
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--100, .75rem);
  cursor: pointer;
  background: none;
  align-items: center;
  gap: .375rem;
  padding: .375rem .75rem;
  font-weight: 600;
  transition: all .25s;
  display: inline-flex;
}

.mega-menu__view-all:hover {
  background: var(--wp--preset--color--neon-green);
  color: #0f0f0f;
  box-shadow: 0 0 12px #39ff144d;
}

.mega-menu__view-all--blog {
  border-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink-text);
}

.mega-menu__view-all--blog:hover {
  background: var(--wp--preset--color--neon-pink);
  color: #0f0f0f;
  box-shadow: 0 0 12px #ff10f04d;
}

.dark .mega-menu__view-all {
  color: var(--wp--preset--color--neon-green);
}

.dark .mega-menu__view-all--blog {
  color: var(--wp--preset--color--neon-pink);
}

.mega-menu__view-all:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
}

.mega-menu__view-all-icon {
  width: .75rem;
  height: .75rem;
  transition: transform .2s;
}

.mega-menu__view-all:hover .mega-menu__view-all-icon {
  transform: translateX(2px);
}

.mega-menu__cat-list {
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.mega-menu__cat-item {
  opacity: 0;
  animation: .3s cubic-bezier(.16, 1, .3, 1) forwards megaMenuCatIn;
  animation-delay: calc(.2s + var(--item-index, 0) * 60ms);
}

.mega-menu--portfolio .mega-menu__cat-item {
  animation-name: megaMenuCatSlideGlow;
}

@keyframes megaMenuCatSlideGlow {
  0% {
    opacity: 0;
    transform: translateX(-8px);
  }

  70% {
    opacity: 1;
    transform: translateX(2px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.mega-menu--blog .mega-menu__cat-item {
  animation-name: megaMenuCatCascade;
}

@keyframes megaMenuCatCascade {
  0% {
    opacity: 0;
    transform: translateY(-8px)scale(.97);
  }

  100% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes megaMenuCatIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mega-menu__cat-link {
  border-radius: var(--wp--preset--border-radius--sm);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  align-items: center;
  gap: .5rem;
  width: 100%;
  padding: .5rem;
  transition: background .15s;
  display: flex;
}

.mega-menu__cat-link:hover {
  background: #ffffff0f;
}

.dark .mega-menu__cat-link:hover {
  background: #ffffff0a;
}

.mega-menu__cat-link:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 1px;
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
}

.mega-menu__cat-dot {
  border-radius: var(--wp--preset--border-radius--full);
  background-color: var(--neon-accent, var(--wp--preset--color--neon-pink));
  flex-shrink: 0;
  width: .5rem;
  height: .5rem;
  transition: box-shadow .25s, transform .25s;
}

.mega-menu__cat-link:hover .mega-menu__cat-dot {
  box-shadow: 0 0 10px var(--neon-accent, var(--wp--preset--color--neon-pink));
  transform: scale(1.3);
}

.mega-menu__cat-name {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200, .875rem);
  color: var(--foreground);
  flex: 1;
  font-weight: 600;
  line-height: 1.3;
}

.dark .mega-menu__cat-name {
  color: #fff;
}

.mega-menu__cat-link:hover .mega-menu__cat-name {
  color: var(--neon-accent, var(--wp--preset--color--neon-pink));
}

.mega-menu__cat-count {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  color: var(--wp--preset--color--neutral-400);
  background: var(--wp--preset--color--neutral-100);
  border-radius: var(--wp--preset--border-radius--full);
  text-align: center;
  min-width: 1.5rem;
  padding: .125rem .5rem;
  font-weight: 600;
  transition: all .25s;
}

.dark .mega-menu__cat-count {
  color: var(--wp--preset--color--neutral-500);
  background: #ffffff0f;
}

.mega-menu__cat-link:hover .mega-menu__cat-count {
  background: var(--neon-accent, var(--wp--preset--color--neon-pink));
  color: #0f0f0f;
  box-shadow: 0 0 8px var(--neon-accent, var(--wp--preset--color--neon-pink));
}

.mega-menu__cat-desc {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  color: var(--wp--preset--color--neutral-500);
  padding: 0 .5rem .25rem 1.5rem;
  line-height: 1.3;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .mega-menu {
    opacity: 1 !important;
    animation: none !important;
    transform: translateX(-50%) !important;
  }

  .mega-menu__col, .mega-menu__recent-item, .mega-menu__cat-item {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }

  .mega-menu__rainbow {
    animation: none !important;
  }

  .mega-menu__cat-link:hover .mega-menu__cat-dot {
    transform: none;
  }
}

@media (width <= 1023px) {
  .mega-menu {
    display: none;
  }
}

.contact-mini {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--lg);
  width: min(22rem, 100vw - 2rem);
  box-shadow: var(--wp--preset--shadow--card-hover);
  z-index: var(--wp--preset--z-index--overlay);
  background: #fffffff7;
  animation: .3s cubic-bezier(.16, 1, .3, 1) forwards contactMiniPop;
  position: fixed;
  top: 3.5rem;
  right: 1rem;
  overflow: hidden;
}

.dark .contact-mini {
  background: #0f0f0ff5;
  border-color: #ffffff14;
  box-shadow: 0 12px 48px #0009, 0 0 1px #ffffff0f;
}

@keyframes contactMiniPop {
  0% {
    opacity: 0;
    border-color: var(--wp--preset--color--neon-cyan);
    transform: translateY(-8px)scale(.96);
    box-shadow: 0 0 20px #0ff3;
  }

  50% {
    opacity: 1;
    transform: translateY(2px)scale(1.01);
  }

  100% {
    opacity: 1;
    border-color: var(--wp--preset--color--neutral-200);
    box-shadow: var(--wp--preset--shadow--card-hover);
    transform: translateY(0)scale(1);
  }
}

.dark .contact-mini {
  animation-name: contactMiniPopDark;
}

@keyframes contactMiniPopDark {
  0% {
    opacity: 0;
    border-color: var(--wp--preset--color--neon-cyan);
    transform: translateY(-8px)scale(.96);
    box-shadow: 0 0 24px #00ffff4d;
  }

  50% {
    opacity: 1;
    transform: translateY(2px)scale(1.01);
  }

  100% {
    opacity: 1;
    border-color: #ffffff14;
    transform: translateY(0)scale(1);
    box-shadow: 0 12px 48px #0009, 0 0 1px #ffffff0f;
  }
}

.contact-mini__rainbow {
  background: linear-gradient(90deg, var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-blue), var(--wp--preset--color--neon-purple), var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-orange));
  background-size: 200% 100%;
  height: 3px;
  animation: 4s linear infinite contactRainbowShift;
}

@keyframes contactRainbowShift {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.contact-mini__body {
  padding: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  gap: 0;
  display: flex;
}

.contact-mini__section {
  opacity: 0;
  animation: .35s cubic-bezier(.16, 1, .3, 1) forwards contactMiniSectionIn;
}

.contact-mini__section--cta {
  animation-delay: .1s;
}

.contact-mini__section--email {
  animation-delay: .18s;
}

.contact-mini__section--social {
  animation-delay: .26s;
}

@keyframes contactMiniSectionIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.contact-mini__heading {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300, 1rem);
  color: var(--foreground);
  margin: 0 0 .25rem;
  padding: 0;
  font-weight: 700;
}

.dark .contact-mini__heading {
  color: #fff;
}

.contact-mini__desc {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200, .875rem);
  color: var(--wp--preset--color--neutral-500);
  margin: 0 0 .75rem;
  padding: 0;
  line-height: 1.4;
}

.contact-mini__cta-btn {
  border: 1px solid var(--wp--preset--color--neon-cyan);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-cyan-text, var(--wp--preset--color--neon-cyan));
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200, .875rem);
  cursor: pointer;
  background: none;
  align-items: center;
  gap: .375rem;
  padding: .5rem 1rem;
  font-weight: 600;
  transition: all .25s;
  display: inline-flex;
}

.contact-mini__cta-btn:hover {
  background: var(--wp--preset--color--neon-cyan);
  color: #0f0f0f;
  box-shadow: 0 0 14px #00ffff59;
}

.dark .contact-mini__cta-btn {
  color: var(--wp--preset--color--neon-cyan);
}

.contact-mini__cta-btn:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
}

.contact-mini__cta-icon {
  width: .875rem;
  height: .875rem;
  transition: transform .2s;
}

.contact-mini__cta-btn:hover .contact-mini__cta-icon {
  transform: translateX(3px);
}

.contact-mini__divider {
  background: var(--wp--preset--color--neutral-200);
  height: 1px;
  margin: .75rem 0;
}

.dark .contact-mini__divider {
  background: #ffffff0f;
}

.contact-mini__email-link {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200, .875rem);
  color: var(--foreground);
  border-radius: var(--wp--preset--border-radius--sm);
  align-items: center;
  gap: .5rem;
  padding: .375rem .5rem;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
}

.dark .contact-mini__email-link {
  color: #ffffffd9;
}

.contact-mini__email-link:hover {
  color: var(--wp--preset--color--neon-cyan-text, var(--wp--preset--color--neon-cyan));
  background: #00ffff0a;
}

.dark .contact-mini__email-link:hover {
  color: var(--wp--preset--color--neon-cyan);
  background: #00ffff14;
}

.contact-mini__email-link:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
}

.contact-mini__email-icon {
  opacity: .6;
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  transition: opacity .2s;
}

.contact-mini__email-link:hover .contact-mini__email-icon {
  opacity: 1;
}

.contact-mini__social-heading {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--100, .75rem);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--wp--preset--color--neutral-400);
  margin: 0 0 .625rem;
  padding: 0;
  font-weight: 700;
}

.dark .contact-mini__social-heading {
  color: var(--wp--preset--color--neutral-500);
}

.contact-mini__section--social .social-links {
  justify-content: flex-start;
  gap: .625rem;
}

.contact-mini__section--social .social-links__link {
  width: 2.5rem;
  height: 2.5rem;
}

.contact-mini__section--social .social-links__icon {
  width: 1.25rem;
  height: 1.25rem;
}

@media (prefers-reduced-motion: reduce) {
  .contact-mini, .contact-mini__section {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }

  .contact-mini__rainbow {
    animation: none !important;
  }
}

@media (width <= 1023px) {
  .contact-mini {
    display: none;
  }
}

.header {
  width: 100%;
  z-index: var(--wp--preset--z-index--header);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #ffffffd9;
  border-bottom: 1px solid #0000000d;
  transition: all .3s;
  position: fixed;
  top: 0;
  left: 0;
}

.dark .header {
  background-color: #0f0f0fb3;
  border-bottom: 1px solid #ffffff0d;
}

.header__nav {
  max-width: var(--wp--preset--layout--wide);
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: .75rem 1.5rem;
  display: flex;
}

.header__logo-container {
  align-items: center;
  display: flex;
}

.header__logo-button {
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  padding: 0;
  display: flex;
}

.header__logo-image {
  width: auto;
  height: 3rem;
}

.header__desktop-nav {
  display: none;
}

@media (width >= 1024px) {
  .header__desktop-nav {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
    min-width: 0;
    display: flex;
  }
}

.header__nav-item {
  display: inline-flex;
  position: relative;
}

.header__nav-item--has-dropdown {
  position: relative;
}

.header__nav-link {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-600);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: .375rem;
  padding: .5rem;
  font-size: 1rem;
  font-weight: 500;
  transition: color .2s;
  display: inline-flex;
  position: relative;
}

.header__nav-icon {
  opacity: .6;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  transition: opacity .2s;
}

.header__nav-link:hover .header__nav-icon, .header__nav-link--active .header__nav-icon {
  opacity: 1;
}

.dark .header__nav-link {
  color: var(--wp--preset--color--neutral-300);
}

.header__nav-link:hover, .header__nav-link--active {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .header__nav-link:hover, .dark .header__nav-link--active {
  color: var(--wp--preset--color--neon-purple);
}

.header__nav-link:after {
  content: "";
  background: var(--wp--preset--gradient--hyperpop);
  transform-origin: 100%;
  width: 100%;
  height: 2px;
  transition: transform .3s;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}

.header__nav-link:hover:after, .header__nav-link--active:after {
  transform-origin: 0;
  transform: scaleX(1);
}

.header__mobile-controls {
  align-items: center;
  gap: 1rem;
  display: flex;
}

@media (width >= 1024px) {
  .header__mobile-controls {
    display: none;
  }
}

.header__burger-button {
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  color: var(--foreground);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header__burger-icon {
  flex-direction: column;
  justify-content: space-between;
  width: 1.75rem;
  height: 1.25rem;
  display: flex;
  position: relative;
}

.header__burger-line {
  transform-origin: center;
  background-color: currentColor;
  border-radius: 2px;
  width: 100%;
  height: 2px;
  transition: all .3s;
  display: block;
}

.header__burger-button[aria-expanded="true"] .header__burger-line:first-child {
  transform: translateY(9px)rotate(45deg);
}

.header__burger-button[aria-expanded="true"] .header__burger-line:nth-child(2) {
  opacity: 0;
}

.header__burger-button[aria-expanded="true"] .header__burger-line:nth-child(3) {
  transform: translateY(-9px)rotate(-45deg);
}

.header__search-overlay {
  flex: 1;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.header__search-overlay .search-input {
  flex: 1;
  min-width: 0;
}

.header__search-overlay .search-input__field {
  border-color: var(--wp--preset--color--neon-pink);
  background: var(--wp--preset--color--base);
  width: 100%;
  min-width: 0;
  box-shadow: var(--wp--preset--shadow--neon-pink);
  flex: 1;
  padding: 8px 36px 8px 16px;
  transition: border-color .3s, box-shadow .3s;
}

.dark .header__search-overlay .search-input__field {
  border-color: var(--wp--preset--color--neon-pink);
  background: #141414cc;
  box-shadow: 0 0 20px #ff10f04d;
}

.header__search-close {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neutral-500);
  cursor: pointer;
  background: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  transition: all .2s;
  display: flex;
}

.header__search-close:hover {
  border-color: var(--wp--preset--color--neon-pink-text);
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .header__search-close {
  color: var(--wp--preset--color--neutral-400);
  border-color: #ffffff1f;
}

.dark .header__search-close:hover {
  border-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink);
}

.header__search-close:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
}

.header__search-close-icon {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .header__search-close {
    transition: none;
  }
}

.footer {
  background-color: var(--wp--preset--color--neutral-50);
  color: var(--wp--preset--color--neutral-900);
  padding: 0;
  transition: background-color .3s, color .3s;
  position: relative;
  overflow: hidden;
}

.dark .footer {
  background-color: var(--wp--preset--color--atomic-black);
  color: #fff;
}

.footer__inner {
  z-index: 1;
  max-width: var(--wp--preset--layout--wide);
  padding: var(--wp--preset--spacing--fluid-2xl) var(--wp--preset--spacing--section-horizontal);
  margin: 0 auto;
  position: relative;
}

.footer__grid {
  gap: var(--wp--preset--spacing--fluid-xl);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .footer__grid {
    gap: var(--wp--preset--spacing--fluid-xl);
    grid-template-columns: 1fr 1fr;
  }
}

@media (width >= 1024px) {
  .footer__grid {
    gap: var(--wp--preset--spacing--fluid-lg);
    grid-template-columns: 2.5fr 1fr 1fr 1fr;
  }
}

@media (width >= 1280px) {
  .footer__grid {
    gap: var(--wp--preset--spacing--fluid-xl);
  }
}

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

.footer__logo-btn {
  cursor: pointer;
  border-radius: var(--wp--preset--border-radius--md);
  background: none;
  border: none;
  align-self: flex-start;
  padding: 0;
  transition: opacity .2s;
  display: inline-flex;
}

.footer__logo-btn:hover {
  opacity: .85;
}

.footer__logo-btn:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 4px;
}

.footer__tagline {
  color: var(--wp--preset--color--neutral-600);
  max-width: 32rem;
  line-height: 1.7;
}

.dark .footer__tagline {
  color: var(--wp--preset--color--neutral-400);
}

.footer__cta-group {
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: .25rem;
  display: flex;
}

.footer__heading {
  font-family: var(--wp--preset--font-family--brand-heading);
  text-transform: uppercase;
  letter-spacing: .15em;
  color: var(--wp--preset--color--neutral-400);
  margin-bottom: 1rem;
  font-size: .75rem;
}

.dark .footer__heading {
  color: var(--wp--preset--color--neutral-500);
}

.footer__nav-list {
  flex-direction: column;
  gap: .125rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.footer__nav-link {
  cursor: pointer;
  color: var(--wp--preset--color--neutral-600);
  font-family: var(--wp--preset--font-family--brand-body);
  border-radius: var(--wp--preset--border-radius--sm);
  text-align: left;
  background: none;
  border: none;
  align-items: center;
  gap: .5rem;
  margin-left: -.625rem;
  padding: .4375rem .625rem;
  font-size: .9375rem;
  transition: color .2s, background-color .2s;
  display: inline-flex;
}

.dark .footer__nav-link {
  color: var(--wp--preset--color--neutral-400);
}

.footer__nav-link:hover {
  color: var(--wp--preset--color--neon-purple-text);
  background-color: #be00fe0f;
}

.dark .footer__nav-link:hover {
  color: var(--wp--preset--color--neon-pink);
  background-color: #ff10f014;
}

.footer__nav-link:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.footer__nav-link-icon {
  opacity: .5;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  transition: opacity .2s;
}

.footer__nav-link:hover .footer__nav-link-icon {
  opacity: 1;
}

.footer__divider {
  width: 100%;
  height: 1px;
  margin: var(--wp--preset--spacing--fluid-xl) 0 var(--wp--preset--spacing--fluid-lg);
  background: linear-gradient(90deg, transparent 0%, var(--wp--preset--color--neon-purple) 20%, var(--wp--preset--color--neon-pink) 50%, var(--wp--preset--color--neon-blue) 80%, transparent 100%);
  opacity: .25;
}

.dark .footer__divider {
  opacity: .35;
}

.footer__bar {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  display: flex;
}

@media (width >= 768px) {
  .footer__bar {
    text-align: left;
    flex-direction: row;
    justify-content: space-between;
    gap: 1.5rem;
  }
}

.footer__copyright {
  color: var(--wp--preset--color--neutral-400);
  white-space: nowrap;
  font-size: .8125rem;
}

.dark .footer__copyright {
  color: var(--wp--preset--color--neutral-500);
}

.footer__bar-social {
  order: -1;
  align-items: center;
  gap: .25rem;
  display: flex;
}

@media (width >= 768px) {
  .footer__bar-social {
    order: 0;
  }
}

.footer__copy-link {
  border-radius: var(--wp--preset--border-radius--sm);
  cursor: pointer;
  width: 2.25rem;
  height: 2.25rem;
  color: var(--wp--preset--color--neutral-500);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: color .2s, transform .2s;
  display: flex;
}

.dark .footer__copy-link {
  color: var(--wp--preset--color--neutral-400);
}

.footer__copy-link:hover {
  color: var(--wp--preset--color--neon-pink);
  transform: translateY(-2px);
}

.footer__copy-link:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.footer__copy-link-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.footer__copy-link-icon--success {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .footer__copy-link-icon--success {
  color: var(--wp--preset--color--neon-green);
}

.footer__legal {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.footer__legal-dot {
  background-color: var(--wp--preset--color--neutral-300);
  border-radius: 50%;
  flex-shrink: 0;
  width: 3px;
  height: 3px;
}

.dark .footer__legal-dot {
  background-color: var(--wp--preset--color--neutral-600);
}

.footer__legal-link {
  color: var(--wp--preset--color--neutral-400);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  padding: 0;
  font-size: .8125rem;
  transition: color .2s;
}

.dark .footer__legal-link {
  color: var(--wp--preset--color--neutral-500);
}

.footer__legal-link:hover {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .footer__legal-link:hover {
  color: var(--wp--preset--color--neon-pink);
}

.footer__legal-link:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .footer__bg-orb {
    display: none;
  }
}

.btn {
  text-align: center;
  white-space: nowrap;
  border-radius: var(--wp--preset--border-radius--full);
  font-size: clamp(1.25rem, .8rem + 1.6vw, 2rem);
  font-weight: 500;
  font-family: var(--wp--preset--font-family--brand-body);
  cursor: pointer;
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  border: 1px solid #0000;
  outline: none;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  line-height: 1.2;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: inline-flex;
}

.btn:disabled {
  pointer-events: none;
  opacity: .5;
}

.btn svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
}

.btn:focus-visible, .btn:hover {
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--focus-ring);
}

.btn--default {
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}

.btn--default:hover {
  opacity: .9;
  box-shadow: var(--wp--preset--shadow--neon-sm);
}

.btn--destructive {
  background-color: var(--wp--preset--color--neon-red);
  color: #fff;
}

.btn--destructive:hover {
  opacity: .9;
}

.btn--outline {
  border-color: var(--wp--preset--color--neutral-200);
  color: var(--foreground);
  background-color: #0000;
}

.btn--outline:hover {
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--foreground);
}

.dark .btn--outline {
  border-color: var(--wp--preset--color--neutral-700);
}

.dark .btn--outline:hover {
  background-color: var(--wp--preset--color--neutral-800);
}

.btn--secondary {
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neutral-900);
}

.btn--secondary:hover {
  background-color: var(--wp--preset--color--neutral-200);
}

.dark .btn--secondary {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-50);
}

.dark .btn--secondary:hover {
  background-color: var(--wp--preset--color--neutral-700);
}

.btn--ghost {
  color: var(--foreground);
  background-color: #0000;
}

.btn--ghost:hover {
  background-color: var(--wp--preset--color--neutral-100);
}

.dark .btn--ghost:hover {
  background-color: var(--wp--preset--color--neutral-800);
}

.btn--link {
  color: var(--wp--preset--color--primary);
  text-underline-offset: 4px;
  font-size: inherit;
  background-color: #0000;
  padding: 0;
  text-decoration: underline;
}

.btn--link:hover {
  color: var(--wp--preset--color--neon-pink);
}

.btn--neon-primary {
  background: var(--wp--preset--gradient--cyberpunk);
  color: #fff;
  z-index: var(--wp--preset--z-index--0);
  border: none;
  position: relative;
  overflow: hidden;
}

.btn--neon-primary:before {
  content: "";
  background: var(--wp--preset--gradient--hyperpop);
  opacity: 0;
  z-index: var(--wp--preset--z-index--n1);
  background-size: 300% 300%;
  transition: opacity .35s;
  position: absolute;
  inset: 0;
}

.btn--neon-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 12px #ff10f080, 0 0 24px #1f51ff59, 0 4px 16px #ff10f040;
}

.btn--neon-primary:hover:before {
  opacity: 1;
  animation: 3s infinite neon-btn-gradient-shift;
}

.btn--neon-outline {
  color: var(--wp--preset--color--neon-pink-text);
  border: 2px solid var(--wp--preset--color--neon-pink);
  z-index: 0;
  background: none;
  position: relative;
  overflow: hidden;
}

.dark .btn--neon-outline {
  color: var(--wp--preset--color--neon-pink);
  border-color: var(--wp--preset--color--neon-pink);
}

.btn--neon-outline:before {
  content: "";
  background: var(--wp--preset--gradient--cyberpunk);
  opacity: 0;
  z-index: -1;
  transition: opacity .3s;
  position: absolute;
  inset: 0;
}

.btn--neon-outline:hover {
  color: #fff;
  border-color: #0000;
  transform: translateY(-2px);
  box-shadow: 0 0 12px #ff10f066, 0 0 24px #1f51ff40;
}

.btn--neon-outline:hover:before {
  opacity: 1;
}

.btn--neon-outline:focus-visible {
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--focus-ring);
}

.btn--neon-secondary {
  border: 2px solid var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink);
  background: none;
}

.btn--neon-secondary:hover {
  background-color: #ff10f01a;
}

@keyframes neon-btn-gradient-shift {
  0% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }

  100% {
    background-position: 0%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn--neon-primary:before {
    animation: none;
  }

  .btn--neon-primary:hover, .btn--neon-outline:hover {
    transform: none;
  }
}

.btn--sm {
  border-radius: var(--wp--preset--border-radius--md);
  padding: .375em .75em;
  font-size: clamp(.875rem, .75rem + .5vw, 1.25rem);
}

.btn--lg {
  padding: .75em 1.5em;
  font-size: clamp(1.5rem, 1rem + 2vw, 2.5rem);
}

.btn--icon {
  border-radius: var(--wp--preset--border-radius--circle);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  display: flex;
}

.btn--full-mobile {
  width: 100%;
}

@media (width >= 640px) {
  .btn--full-mobile {
    width: auto;
  }
}

.scroll-down-arrow {
  z-index: var(--wp--preset--z-index--10);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  transition: all .3s;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.scroll-down-arrow__border {
  border: 1px solid #0000001a;
  border-radius: 50%;
  transition: all .3s;
  position: absolute;
  inset: 0;
}

.dark .scroll-down-arrow__border {
  border-color: #fff3;
}

.scroll-down-arrow:hover .scroll-down-arrow__border {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: var(--wp--preset--shadow--neon-md);
}

.scroll-down-arrow__inner {
  z-index: var(--wp--preset--z-index--10);
  color: var(--foreground);
  animation: 2s infinite bounce;
  position: relative;
}

.scroll-down-arrow:hover .scroll-down-arrow__inner {
  color: var(--wp--preset--color--neon-pink);
}

.scroll-down-arrow__icon {
  width: 3.5rem;
  height: 3.5rem;
}

.scroll-down-arrow__pulse {
  border: 2px solid var(--wp--preset--color--neon-pink);
  opacity: 0;
  z-index: 0;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.scroll-down-arrow:hover .scroll-down-arrow__pulse {
  animation: 1.5s cubic-bezier(.215, .61, .355, 1) infinite pulse-ring;
}

.scroll-to-top {
  background: var(--wp--preset--gradient--hyperpop);
  cursor: pointer;
  z-index: 50;
  width: 3rem;
  height: 3rem;
  box-shadow: var(--wp--preset--shadow--card);
  opacity: 0;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  animation: .3s forwards slideUpFade;
  display: flex;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  transform: translateY(20px);
}

.scroll-to-top:hover {
  box-shadow: var(--wp--preset--shadow--neon-sm);
  transform: translateY(-5px);
}

.scroll-to-top__icon {
  color: #fff;
  width: 1.5rem;
  height: 1.5rem;
}

.optimized-image {
  max-width: 100%;
  transition: filter .3s, opacity .3s;
  display: block;
}

.optimized-image--loading {
  filter: blur(8px);
  opacity: .6;
}

.optimized-image--fallback {
  filter: none;
  opacity: 1;
}

.video-player {
  border-radius: var(--wp--preset--border-radius--lg);
  width: 100%;
  box-shadow: var(--wp--preset--shadow--lg);
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.video-player:hover .video-player__controls {
  opacity: 1;
}

.video-player__element {
  cursor: pointer;
  width: 100%;
  height: auto;
  display: block;
}

.video-player__controls {
  opacity: 0;
  z-index: 10;
  background: linear-gradient(to top, #000c, #0000);
  padding: 1rem 1.5rem;
  transition: opacity .3s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.video-player__progress-container {
  margin-bottom: .75rem;
}

.video-player__progress {
  cursor: pointer;
  appearance: none;
  background: #ffffff4d;
  border-radius: 2px;
  width: 100%;
  height: 4px;
  margin-bottom: .5rem;
}

.video-player__progress::-webkit-slider-thumb {
  appearance: none;
  background: var(--wp--preset--color--neon-pink);
  cursor: pointer;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.video-player__time {
  color: #fff;
  justify-content: space-between;
  margin-bottom: .5rem;
  font-size: .75rem;
  display: flex;
}

.video-player__buttons {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.video-player__btn {
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: transform .2s;
  display: flex;
}

.video-player__btn:hover {
  color: var(--wp--preset--color--neon-pink);
  transform: scale(1.1);
}

.video-player__btn svg {
  width: 1.25rem;
  height: 1.25rem;
}

.video-player__volume-controls {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.video-player__volume {
  appearance: none;
  background: #ffffff4d;
  border-radius: 2px;
  width: 60px;
  height: 4px;
}

.video-player__volume::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.video-player__overlay-btn {
  cursor: pointer;
  z-index: 5;
  background: none;
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-player__play-icon {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #00000080;
  border: 2px solid #ffffff4d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  transition: all .3s;
  display: flex;
}

.video-player__play-icon svg {
  color: #fff;
  width: 2rem;
  height: 2rem;
  margin-left: .25rem;
}

.video-player__overlay-btn:hover .video-player__play-icon {
  background-color: var(--wp--preset--color--neon-pink);
  border-color: var(--wp--preset--color--neon-pink);
  transform: scale(1.1);
}

.video-player__title-overlay {
  pointer-events: none;
  background: linear-gradient(#000000b3, #0000);
  padding: 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.video-player__title {
  color: #fff;
  font-family: var(--wp--preset--font-family--brand-heading);
  text-shadow: 0 2px 4px #00000080;
  font-size: 1.125rem;
  font-weight: 600;
}

.video-player__spacer {
  flex: 1;
}

.video-player--embed {
  aspect-ratio: 16 / 9;
  width: 100%;
  position: relative;
}

.video-player__iframe {
  border-radius: var(--wp--preset--border-radius--lg);
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.dark .video-player--embed {
  box-shadow: var(--wp--preset--shadow--neon-md);
}

.lightbox-video-wrapper .video-player--embed {
  border-radius: 0;
  max-height: 80vh;
}

.lightbox-video-wrapper .video-player__iframe {
  border-radius: 0;
}

.lightbox-overlay {
  z-index: var(--wp--preset--z-index--overlay);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000000f2;
  justify-content: center;
  align-items: center;
  animation: .3s ease-out fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

.lightbox-container {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.lightbox-container--scrollable {
  scroll-behavior: smooth;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  overflow-y: auto;
}

.lightbox-header {
  z-index: 20;
  justify-content: flex-end;
  padding: 1rem;
  display: flex;
}

.lightbox-controls {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.lightbox-btn {
  color: #fff;
  cursor: pointer;
  background: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .2s;
  display: flex;
}

.lightbox-btn:hover {
  background: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--neon-sm);
  transform: scale(1.05);
}

.lightbox-btn--close {
  z-index: 30;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.lightbox-btn-text {
  border-radius: var(--wp--preset--border-radius--full);
  color: #fff;
  cursor: pointer;
  background: #ffffff1a;
  border: 1px solid #fff3;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.lightbox-btn-text:hover {
  background: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--neon-sm);
}

.lightbox-btn--mobile-toggle {
  display: flex;
}

@media (width >= 640px) {
  .lightbox-btn--mobile-toggle {
    display: none;
  }
}

.lightbox-content {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lightbox-nav-arrow {
  color: #ffffffb3;
  cursor: pointer;
  z-index: 20;
  background: #0000004d;
  border: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 8rem;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.lightbox-nav-arrow:hover {
  color: var(--wp--preset--color--neon-cyan);
  background: #0009;
}

.lightbox-nav-arrow--prev {
  left: 0;
}

.lightbox-nav-arrow--next {
  right: 0;
}

@media (width <= 768px) {
  .lightbox-nav-arrow {
    display: none;
  }
}

.lightbox-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: transform .3s;
  display: flex;
  position: relative;
}

.lightbox-image-wrapper--zoomed {
  justify-content: flex-start;
  align-items: flex-start;
  overflow: auto;
}

.lightbox-image {
  object-fit: contain;
  cursor: zoom-in;
  max-width: 100%;
  max-height: 80vh;
  transition: transform .3s cubic-bezier(.2, 0, .2, 1);
  box-shadow: 0 20px 50px #00000080;
}

.lightbox-image--centered {
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--xl);
}

.lightbox-image--zoomed {
  cursor: zoom-out;
  max-width: none;
  max-height: none;
  transform: scale(1.5);
}

.lightbox-dots-mobile {
  z-index: 20;
  gap: .5rem;
  display: flex;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

@media (width >= 768px) {
  .lightbox-dots-mobile {
    display: none;
  }
}

.lightbox-dots-desktop {
  z-index: 20;
  gap: .5rem;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

@media (width <= 767px) {
  .lightbox-dots-desktop {
    display: none;
  }
}

.lightbox-dot {
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  transition: all .2s;
}

.lightbox-dot--active {
  background-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--neon-sm);
  transform: scale(1.2);
}

.lightbox-dot--inactive {
  background-color: #ffffff4d;
}

.lightbox-dot:hover:not(.lightbox-dot--active) {
  background-color: #fff9;
}

.lightbox-caption {
  text-align: center;
  color: #fff;
  z-index: 10;
  pointer-events: none;
  background: linear-gradient(to top, #000000e6, #0000);
  padding: 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.lightbox-text-content {
  text-align: center;
  color: #fff;
  flex-shrink: 0;
  width: 100%;
  max-width: 48rem;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

.lightbox-text-title {
  font-size: 1.25rem;
  font-family: var(--wp--preset--font-family--brand-heading);
  margin-bottom: .75rem;
  font-weight: 500;
}

.lightbox-text-description {
  font-size: 1rem;
  font-family: var(--wp--preset--font-family--brand-body);
  opacity: .8;
  margin-bottom: 1rem;
  line-height: 1.6;
}

.lightbox-text-paragraph {
  margin-bottom: .5rem;
}

.lightbox-text-hint {
  color: #ffffff80;
  margin-top: 1rem;
  font-size: .75rem;
}

.lightbox-swipe-indicator {
  z-index: 10;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.lightbox-thumbnails-container {
  background-color: #000c;
  border-top: 1px solid #ffffff1a;
  padding: 1rem;
  overflow-x: auto;
}

.lightbox-thumbnails-strip {
  justify-content: center;
  gap: .5rem;
  min-width: min-content;
  padding: 0 1rem;
  display: flex;
}

.lightbox-thumbnail-btn {
  cursor: pointer;
  opacity: .6;
  background: none;
  border: 2px solid #0000;
  border-radius: 4px;
  flex: 0 0 80px;
  height: 60px;
  padding: 0;
  transition: all .2s;
  overflow: hidden;
}

.lightbox-thumbnail-btn--active {
  border-color: var(--wp--preset--color--neon-purple);
  opacity: 1;
  box-shadow: var(--wp--preset--shadow--neon-sm);
}

.lightbox-thumbnail-btn:hover {
  opacity: 1;
}

.lightbox-thumbnail-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.lightbox-nav-hint-wrapper {
  justify-content: center;
  align-items: center;
  gap: .25rem;
  display: inline-flex;
}

.lightbox-footer {
  text-align: center;
  background: #0006;
  border-top: 1px solid #ffffff1a;
  padding: 1rem;
}

.lightbox-footer-content {
  color: #fff9;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  font-size: .75rem;
  display: flex;
}

.inline-flex-center {
  align-items: center;
  display: inline-flex;
}

.lightbox-hint-desktop {
  display: none;
}

.lightbox-hint-mobile {
  display: inline;
}

@media (width >= 768px) {
  .lightbox-hint-desktop {
    display: inline;
  }

  .lightbox-hint-mobile {
    display: none;
  }
}

.enhanced-lightbox__swipe-container {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.enhanced-lightbox__swipe-icon {
  color: #fffc;
  width: 1rem;
  height: 1rem;
}

.enhanced-lightbox__swipe-text {
  color: #fffc;
  font-size: .875rem;
  font-family: var(--wp--preset--font-family--brand-body);
  font-weight: 500;
}

.lightbox-separator {
  color: #ffffff80;
}

.lightbox-video-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.lightbox-video {
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 90vw;
  max-height: 80vh;
}

.lightbox-thumbnail-video {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.lightbox-thumbnail-video .lightbox-thumbnail-img {
  opacity: .7;
}

.lightbox-thumbnail-video svg {
  z-index: 2;
  filter: drop-shadow(0 2px 4px #00000080);
  position: absolute;
}

.lightbox-thumbnail-play-icon {
  color: #fff;
  width: 1rem;
  height: 1rem;
}

.hero {
  background-color: var(--wp--preset--color--base);
  width: 100%;
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  min-height: 80vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero--compact {
  align-items: flex-start;
  min-height: auto;
}

.dark .hero {
  background-color: var(--wp--preset--color--pure-black);
}

.hero--fullscreen {
  min-height: 100vh;
}

.hero__bg-effect {
  border-radius: var(--wp--preset--border-radius--circle);
  filter: blur(120px);
  pointer-events: none;
  z-index: var(--wp--preset--z-index--0);
  opacity: .2;
  position: absolute;
}

.hero__bg-effect--1 {
  background: var(--wp--preset--color--neon-pink);
  width: 50vw;
  height: 50vw;
  top: -10%;
  left: -10%;
}

.hero__bg-effect--2 {
  background: var(--wp--preset--color--neon-purple);
  opacity: .15;
  width: 60vw;
  height: 60vw;
  bottom: 10%;
  right: -10%;
}

.hero__bg-effect--3 {
  background: var(--wp--preset--color--neon-blue);
  opacity: .1;
  width: 40vw;
  height: 40vw;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

.hero__container {
  width: 100%;
  max-width: var(--wp--preset--layout--content);
  z-index: var(--wp--preset--z-index--10);
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.hero__container--wide {
  max-width: var(--wp--preset--layout--wide);
}

.hero__container--full {
  max-width: var(--wp--preset--layout--full);
}

.hero__content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  display: flex;
}

.hero__content--split .hero__text-column {
  order: 2;
}

.hero__content--split .hero__media-wrapper {
  order: 1;
}

@media (width >= 1024px) {
  .hero__content--split {
    text-align: left;
    flex-direction: row;
    align-items: center;
    gap: 4rem;
  }

  .hero__content--split .hero__text-column, .hero__content--split .hero__media-wrapper {
    order: unset;
  }
}

.hero__text-column {
  z-index: var(--wp--preset--z-index--10);
  flex-direction: column;
  flex: 1;
  gap: 1.5rem;
  display: flex;
}

.hero__title {
  font-family: var(--wp--preset--font-family--brand-title);
  color: var(--foreground);
  font-size: clamp(3rem, 8vw, 6rem);
  font-weight: 700;
  line-height: 1.1;
}

.hero__subtitle {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-600);
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 400;
  line-height: 1.4;
}

.dark .hero__subtitle {
  color: var(--wp--preset--color--neutral-300);
}

.hero__subtitle-accent--pink {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .hero__subtitle-accent--pink {
  color: var(--wp--preset--color--neon-pink);
}

.hero__subtitle-accent--green {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .hero__subtitle-accent--green {
  color: var(--wp--preset--color--neon-green);
}

.hero__subtitle-accent--cyan {
  color: var(--wp--preset--color--neon-cyan-text);
}

.dark .hero__subtitle-accent--cyan {
  color: var(--wp--preset--color--neon-cyan);
}

.hero__description {
  color: var(--wp--preset--color--neutral-500);
  max-width: 36rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.dark .hero__description {
  color: var(--wp--preset--color--neutral-400);
}

.hero__actions {
  flex-flow: wrap;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  display: flex;
}

@media (width <= 1023px) {
  .hero__actions {
    justify-content: center;
  }
}

.hero__media-wrapper {
  width: 100%;
  padding: var(--wp--preset--spacing--fluid-md);
  justify-content: center;
  display: flex;
  position: relative;
}

.hero__media-wrapper-bottom {
  width: 100%;
  padding: var(--wp--preset--spacing--fluid-md);
  justify-content: center;
  display: flex;
}

.hero__media-container {
  aspect-ratio: 1;
  grid-template-rows: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  max-width: 500px;
  height: auto;
  display: grid;
  position: relative;
}

@media (width >= 1024px) {
  .hero__media-wrapper {
    height: 100%;
    min-height: 500px;
    padding: var(--wp--preset--spacing--fluid-md);
    flex: 1;
  }

  .hero__media-container {
    aspect-ratio: auto;
    max-width: none;
    height: 500px;
  }
}

.hero__mosaic-image {
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--2xl);
  cursor: pointer;
  background-position: center;
  background-size: cover;
  border: 4px solid #fff;
  transition: all .3s;
}

.dark .hero__mosaic-image {
  border-color: #ffffff1a;
}

.hero__mosaic-image:hover {
  z-index: var(--wp--preset--z-index--20);
  border-color: var(--wp--preset--color--neon-pink);
  transform: scale(1.05);
  box-shadow: 0 30px 60px #be00fe4d;
}

.hero__mosaic-image--1 {
  z-index: 1;
  grid-area: 1 / 3 / 8 / 11;
}

.hero__mosaic-image--2 {
  z-index: 2;
  grid-area: 6 / 8 / 13 / 13;
}

.hero__mosaic-image--3 {
  z-index: 3;
  grid-area: 8 / 1 / 13 / 6;
}

.hero__scroll-arrow {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.colorful-icon {
  vertical-align: middle;
  display: inline-block;
}

.colorful-icon--sm {
  width: 1.5rem;
  height: 1.5rem;
}

.colorful-icon--md {
  width: 3rem;
  height: 3rem;
}

.colorful-icon--lg {
  width: 5rem;
  height: 5rem;
}

.layout-grid {
  width: 100%;
  display: grid;
}

.layout-grid--cols-1 {
  grid-template-columns: 1fr;
}

@media (width >= 768px) {
  .layout-grid--tablet-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .layout-grid--tablet-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1024px) {
  .layout-grid--desktop-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .layout-grid--desktop-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .layout-grid--desktop-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .layout-grid--ratio-2-1 {
    grid-template-columns: 2fr 1fr;
  }

  .layout-grid--ratio-1-2 {
    grid-template-columns: 1fr 2fr;
  }

  .layout-grid--ratio-3-2 {
    grid-template-columns: 3fr 2fr;
  }

  .layout-grid--ratio-2-3 {
    grid-template-columns: 2fr 3fr;
  }
}

.layout-align-top {
  align-items: start;
}

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

.layout-align-bottom {
  align-items: end;
}

.layout-align-stretch {
  align-items: stretch;
}

.gap-fluid-3xl {
  gap: var(--wp--preset--spacing--fluid-2xl);
}

.layout-container-content {
  z-index: 10;
  position: relative;
}

.layout-section {
  position: relative;
  overflow: hidden;
}

.layout-section-bordered {
  border-top: 1px solid var(--wp--preset--color--neutral-100);
  border-bottom: 1px solid var(--wp--preset--color--neutral-100);
  padding-top: 2rem;
  transition: border-color .3s, background-color .3s;
}

.dark .layout-section-bordered {
  border-color: #ffffff0d;
}

.layout-section-bg-default {
  background-color: var(--wp--preset--color--base);
}

.dark .layout-section-bg-default {
  background-color: #0006;
}

.layout-decorative-bg {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

@media (width <= 767px) {
  .layout-grid--reverse-mobile {
    flex-direction: column-reverse;
    display: flex;
  }
}

.why-section {
  background-color: var(--wp--preset--color--base);
  padding: var(--wp--preset--spacing--section-horizontal);
  position: relative;
  overflow: hidden;
}

.dark .why-section {
  background-color: #0000;
}

.why-section__header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
}

.why-section__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--section);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  color: var(--foreground);
  font-weight: 700;
}

.why-section__subtitle {
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neutral-500);
}

.dark .why-section__subtitle {
  color: var(--wp--preset--color--neutral-400);
}

.why-section__grid {
  gap: var(--wp--preset--spacing--block-gap);
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.why-section__card-wrapper {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.why-section__slider-wrapper {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  position: relative;
}

.why-section__nav-button {
  z-index: 10;
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  width: 3rem;
  height: 3rem;
  color: var(--wp--preset--color--neutral-700);
  cursor: pointer;
  box-shadow: var(--wp--preset--shadow--md);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.dark .why-section__nav-button {
  color: #fff;
  box-shadow: none;
  background-color: #ffffff1a;
  border-color: #fff3;
}

.why-section__nav-button:hover:not(:disabled) {
  background-color: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
}

.dark .why-section__nav-button:hover:not(:disabled) {
  box-shadow: var(--wp--preset--shadow--neon-purple-hover);
}

.why-section__nav-button:disabled {
  opacity: .3;
  cursor: not-allowed;
  box-shadow: none;
}

.why-section__nav-button--prev {
  left: -1rem;
}

.why-section__nav-button--next {
  right: -1rem;
}

.why-section__nav-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.why-section__slider-viewport {
  margin: 0 calc(var(--wp--preset--spacing--block-gap) / -2);
  padding: calc(var(--wp--preset--spacing--block-gap) / 2);
  overflow: hidden;
}

.why-section__track {
  --slide-index: 0;
  --slides-per-view: 1;
  transform: translateX(calc(var(--slide-index) * -100% / var(--slides-per-view)));
  transition: transform .5s cubic-bezier(.25, 1, .5, 1);
  display: flex;
}

.why-section__slide {
  flex: 0 0 calc(100% / var(--slides-per-view));
  box-sizing: border-box;
  padding: 0 calc(var(--wp--preset--spacing--block-gap) / 2);
  flex-direction: column;
  display: flex;
}

@media (width <= 767px) {
  .why-section__nav-button {
    display: none;
  }
}

.why-section__dots {
  justify-content: center;
  gap: .5rem;
  margin-top: 1.5rem;
  display: flex;
}

.why-section__dot {
  border: 1px solid var(--wp--preset--color--neutral-300);
  background-color: var(--wp--preset--color--neutral-100);
  cursor: pointer;
  border-radius: 50%;
  width: .75rem;
  height: .75rem;
  padding: 0;
  transition: all .3s;
}

.dark .why-section__dot {
  background-color: #fff3;
  border: none;
}

.why-section__dot--active {
  transform: scale(1.2);
  background-color: var(--wp--preset--color--neon-pink) !important;
  border-color: var(--wp--preset--color--neon-pink) !important;
}

.dark .why-section__dot--active {
  box-shadow: var(--wp--preset--shadow--neon-pink-dot);
}

.why-section__dot--inactive:hover {
  background-color: var(--wp--preset--color--neutral-300);
}

.dark .why-section__dot--inactive:hover {
  background-color: #fff6;
}

.feature-card {
  background-color: var(--wp--preset--color--neutral-50);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--lg);
  padding: var(--wp--preset--spacing--fluid-md);
  text-align: center;
  align-items: center;
  gap: var(--wp--preset--spacing--block-gap);
  cursor: pointer;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: flex;
}

.dark .feature-card {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: #ffffff08;
}

.feature-card:hover {
  border-color: var(--wp--preset--color--neon-purple);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px #0000001a;
}

.dark .feature-card:hover {
  box-shadow: 0 10px 30px #be00fe1a;
}

.feature-card__icon-wrapper {
  transition: transform .3s;
}

.feature-card:hover .feature-card__icon-wrapper {
  transform: scale(1.1);
}

.feature-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  font-size: 1.5rem;
  font-weight: 700;
}

.feature-card__description {
  color: var(--wp--preset--color--neutral-600);
  font-size: 1rem;
  line-height: 1.6;
}

.dark .feature-card__description {
  color: var(--wp--preset--color--neutral-400);
}

.why-section__footer {
  margin-top: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  display: flex;
}

.slider-card {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  border: 1px solid var(--border);
  cursor: pointer;
  outline: none;
  flex-direction: column;
  height: 100%;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.dark .slider-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #14141499;
  border-color: #ffffff1a;
}

.slider-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-4px);
}

.dark .slider-card:hover {
  border-color: #be00fe80;
  box-shadow: 0 0 20px #be00fe33;
}

.slider-card:focus-visible {
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
  border-color: var(--wp--preset--color--neon-purple);
}

.slider-card__image-container {
  aspect-ratio: 4 / 3;
  background-position: center;
  background-size: cover;
  background-color: var(--wp--preset--color--neutral-200);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.slider-card__video-overlay {
  z-index: 5;
  background-color: #0003;
  justify-content: center;
  align-items: center;
  transition: background-color .3s;
  display: flex;
  position: absolute;
  inset: 0;
}

.slider-card:hover .slider-card__video-overlay {
  background-color: #0006;
}

.slider-card__play-button {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #fff3;
  border: 2px solid #fffc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  box-shadow: 0 4px 12px #0003;
}

.slider-card:hover .slider-card__play-button {
  box-shadow: var(--wp--preset--shadow--neon-purple);
  background-color: #ffffff4d;
  border-color: #fff;
  transform: scale(1.1);
}

.slider-card__play-icon {
  color: #fff;
  fill: currentColor;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: .25rem;
}

.slider-card__category {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #fff;
  border-radius: var(--wp--preset--border-radius--full);
  text-transform: uppercase;
  letter-spacing: .05em;
  z-index: 10;
  background-color: #0f0f0fb3;
  padding: 4px 12px;
  font-size: .6875rem;
  font-weight: 600;
  position: absolute;
  top: 12px;
  right: 12px;
}

.slider-card__category.clickable {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  transition: all .2s;
}

.slider-card__category.clickable:hover {
  filter: brightness(1.2);
  box-shadow: var(--wp--preset--shadow--neon-sm);
  transform: scale(1.05);
}

.slider-card__nav-btn-container {
  display: none;
}

@media (width >= 640px) {
  .slider-card__nav-btn-container {
    display: block;
  }
}

.slider-card__nav-btn {
  color: #fff;
  cursor: pointer;
  opacity: 0;
  z-index: 20;
  background-color: #0006;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.slider-card:hover .slider-card__nav-btn {
  opacity: 1;
}

.slider-card__nav-btn:hover {
  background-color: var(--wp--preset--color--neon-purple);
  transform: translateY(-50%)scale(1.1);
  box-shadow: 0 0 10px #be00fe80;
}

.slider-card__nav-icon {
  color: #fff;
  width: 1.25rem;
  height: 1.25rem;
}

.slider-card__nav-btn--prev {
  left: .5rem;
}

.slider-card__nav-btn--next {
  right: .5rem;
}

.slider-card__swipe-indicator {
  border-radius: var(--wp--preset--border-radius--full);
  color: #fff;
  z-index: 20;
  background-color: #0009;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 500;
  display: block;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

@media (width >= 640px) {
  .slider-card__swipe-indicator {
    display: none;
  }
}

.slider-card__swipe-text {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.slider-card__swipe-icon {
  color: #fff;
  width: .75rem;
  height: .75rem;
}

.slider-card__pagination {
  z-index: 20;
  gap: .25rem;
  display: flex;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.slider-card__dot {
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: .375rem;
  height: .375rem;
  padding: 0;
  transition: all .2s;
}

.slider-card__dot--active {
  background-color: var(--wp--preset--color--neon-pink);
  box-shadow: var(--wp--preset--shadow--neon-pink-dot);
  transform: scale(1.2);
}

.slider-card__dot--inactive {
  background-color: #fff6;
}

.slider-card__counter {
  color: #fff;
  border-radius: var(--wp--preset--border-radius--md);
  opacity: 0;
  z-index: 10;
  background-color: #0009;
  padding: .25rem .5rem;
  font-size: .75rem;
  font-weight: 600;
  transition: opacity .2s;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.slider-card:hover .slider-card__counter {
  opacity: 1;
}

.slider-card__content {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  flex: 1;
  padding: 16px;
  display: flex;
}

.slider-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400, 1.25rem);
  color: var(--foreground);
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}

.dark .slider-card__title {
  color: #fff;
}

.slider-card__subtitle {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  color: var(--wp--preset--color--neutral-500);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0;
  font-weight: 600;
  line-height: 1.4;
}

.dark .slider-card__subtitle {
  color: var(--wp--preset--color--neutral-400);
}

.slider-card__footer {
  padding-top: var(--wp--preset--spacing--fluid-xs);
  border-top: 1px solid var(--border);
  margin-top: auto;
}

.dark .slider-card__footer {
  border-color: #ffffff1a;
}

.slider-card__footer-content {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.slider-card__date {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  color: var(--wp--preset--color--neon-pink-text);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  display: flex;
}

.dark .slider-card__date {
  color: var(--wp--preset--color--neon-pink);
  text-shadow: 0 0 10px #ff10f059;
}

.slider-card__date-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.slider-card__action-btn {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  color: var(--wp--preset--color--neon-purple-text);
  border: 1.5px solid var(--wp--preset--color--neon-purple);
  -webkit-text-fill-color: initial;
  border-radius: var(--wp--preset--border-radius--full);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
}

.dark .slider-card__action-btn {
  color: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: 0 0 10px #be00fe33;
}

.slider-card__action-btn:hover {
  filter: none;
  background-color: var(--wp--preset--color--neon-purple);
  color: #fff;
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--action-btn-hover);
  transform: translateY(-2px);
}

.dark .slider-card__action-btn:hover {
  box-shadow: var(--wp--preset--shadow--action-btn-glow);
}

.slider-card__action-icon {
  stroke: currentColor;
  width: 14px;
  height: 14px;
  transition: transform .2s;
}

.slider-card__action-btn:hover .slider-card__action-icon {
  transform: translateX(3px);
}

.slider-card__read-more, .slider-card__read-more-icon {
  display: none;
}

.rgs-grid {
  gap: var(--wp--preset--spacing--block-gap);
}

.rgs-grid-item {
  display: contents;
}

.rgs-wrapper {
  max-width: 100%;
  position: relative;
}

.rgs-nav-button {
  z-index: 10;
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  width: 3rem;
  height: 3rem;
  color: var(--wp--preset--color--neutral-700);
  cursor: pointer;
  box-shadow: var(--wp--preset--shadow--md);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.dark .rgs-nav-button {
  color: #fff;
  box-shadow: none;
  background-color: #ffffff1a;
  border-color: #fff3;
}

.rgs-nav-button:hover:not(:disabled) {
  background-color: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
}

.dark .rgs-nav-button:hover:not(:disabled) {
  box-shadow: 0 0 15px #be00fe80;
}

.rgs-nav-button:disabled {
  opacity: .3;
  cursor: not-allowed;
  box-shadow: none;
}

.rgs-nav-button--prev {
  left: -1rem;
}

.rgs-nav-button--next {
  right: -1rem;
}

.rgs-nav-icon {
  width: 1.5rem;
  height: 1.5rem;
}

@media (width <= 768px) {
  .rgs-nav-button {
    display: none;
  }
}

.rgs-viewport {
  margin: 0 calc(var(--wp--preset--spacing--block-gap) / -2);
  padding: calc(var(--wp--preset--spacing--block-gap) / 2);
  overflow: hidden;
}

.rgs-track {
  transition: transform .5s cubic-bezier(.25, 1, .5, 1);
  display: flex;
}

.rgs-slide {
  padding: 0 calc(var(--wp--preset--spacing--block-gap) / 2);
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
}

@media (width <= 1023px) {
  .rgs-slide {
    flex: 0 0 50%;
  }
}

@media (width <= 767px) {
  .rgs-slide {
    flex: 0 0 100%;
  }
}

.rgs-dots {
  justify-content: center;
  gap: .5rem;
  margin-top: 1rem;
  display: flex;
}

.rgs-dot {
  border: 1px solid var(--wp--preset--color--neutral-300);
  background-color: var(--wp--preset--color--neutral-100);
  cursor: pointer;
  border-radius: 50%;
  width: .75rem;
  height: .75rem;
  transition: all .3s;
}

.dark .rgs-dot {
  background-color: #fff3;
  border: none;
}

.rgs-dot--active {
  transform: scale(1.2);
  background-color: var(--wp--preset--color--neon-pink) !important;
  border-color: var(--wp--preset--color--neon-pink) !important;
}

.dark .rgs-dot--active {
  box-shadow: 0 0 10px #ff10f080;
}

.rgs-dot--inactive:hover {
  background-color: var(--wp--preset--color--neutral-300);
}

.dark .rgs-dot--inactive:hover {
  background-color: #fff6;
}

.featured-section {
  padding: var(--wp--preset--spacing--section-vertical) 0;
  background-color: #0000;
  position: relative;
  overflow: hidden;
}

.featured-section__header {
  text-align: center;
  max-width: var(--wp--preset--layout--content);
  z-index: 10;
  margin: 0 auto 3rem;
  position: relative;
}

.featured-section__title {
  margin-bottom: var(--wp--preset--spacing--fluid-md);
}

.featured-section__description {
  color: var(--wp--preset--color--neutral-500);
}

.dark .featured-section__description {
  color: var(--wp--preset--color--neutral-400);
}

.featured-section__slider-wrapper {
  position: relative;
}

.featured-section__nav-button {
  z-index: 10;
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  width: 3rem;
  height: 3rem;
  color: var(--wp--preset--color--neutral-700);
  cursor: pointer;
  box-shadow: var(--wp--preset--shadow--md);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.dark .featured-section__nav-button {
  color: #fff;
  box-shadow: none;
  background-color: #ffffff1a;
  border-color: #fff3;
}

.featured-section__nav-button:hover:not(:disabled) {
  background-color: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
}

.dark .featured-section__nav-button:hover:not(:disabled) {
  box-shadow: var(--wp--preset--shadow--neon-purple-hover);
}

.featured-section__nav-button:disabled {
  opacity: .3;
  cursor: not-allowed;
  box-shadow: none;
}

.featured-section__nav-button--prev {
  left: -1rem;
}

.featured-section__nav-button--next {
  right: -1rem;
}

@media (width >= 1440px) {
  .featured-section__nav-button--prev {
    left: -2rem;
  }

  .featured-section__nav-button--next {
    right: -2rem;
  }
}

.featured-section__nav-icon {
  width: 1.5rem;
  height: 1.5rem;
}

@media (width <= 768px) {
  .featured-section__nav-button {
    display: none;
  }
}

.featured-section__slider-viewport {
  margin: 0 calc(var(--wp--preset--spacing--block-gap) / -2);
  padding: calc(var(--wp--preset--spacing--block-gap) / 2);
  overflow: hidden;
}

.featured-section__track {
  transform: translateX(calc(var(--slide-index, 0) * -33.333%));
  transition: transform .5s cubic-bezier(.25, 1, .5, 1);
  display: flex;
}

.featured-section__slide {
  padding: 0 calc(var(--wp--preset--spacing--block-gap) / 2);
  box-sizing: border-box;
  flex-direction: column;
  flex: 0 0 33.333%;
  display: flex;
}

@media (width <= 1280px) {
  .featured-section__track {
    transform: translateX(calc(var(--slide-index, 0) * -50%));
  }

  .featured-section__slide {
    flex: 0 0 50%;
  }
}

@media (width <= 768px) {
  .featured-section__track {
    transform: translateX(calc(var(--slide-index, 0) * -100%));
  }

  .featured-section__slide {
    flex: 0 0 100%;
  }
}

.featured-section__card {
  flex: 1;
  width: 100%;
}

.featured-section__card-wrapper {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.featured-section__dots {
  justify-content: center;
  gap: .5rem;
  margin-top: 1rem;
  display: flex;
}

.featured-section__dot {
  border: 1px solid var(--wp--preset--color--neutral-300);
  background-color: var(--wp--preset--color--neutral-100);
  cursor: pointer;
  border-radius: 50%;
  width: .75rem;
  height: .75rem;
  transition: all .3s;
}

.dark .featured-section__dot {
  background-color: #fff3;
  border: none;
}

.featured-section__dot--active {
  transform: scale(1.2);
  background-color: var(--wp--preset--color--neon-pink) !important;
  border-color: var(--wp--preset--color--neon-pink) !important;
}

.dark .featured-section__dot--active {
  box-shadow: var(--wp--preset--shadow--neon-pink-dot);
}

.featured-section__dot--inactive:hover {
  background-color: var(--wp--preset--color--neutral-300);
}

.dark .featured-section__dot--inactive:hover {
  background-color: #fff6;
}

.featured-section__cta-container {
  margin-top: var(--wp--preset--spacing--fluid-xl);
  z-index: 10;
  justify-content: center;
  display: flex;
  position: relative;
}

.featured-section__empty {
  text-align: center;
  grid-column: 1 / -1;
  width: 100%;
  padding: 2rem;
}

.read-more-btn {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neon-purple-text);
  cursor: pointer;
  border: 1px solid var(--wp--preset--color--neon-purple);
  border-radius: var(--wp--preset--border-radius--full);
  background: #be00fe0d;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  min-width: 120px;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
}

.read-more-btn:hover {
  background: var(--wp--preset--color--neon-purple);
  color: #fff;
  border-color: var(--wp--preset--color--neon-purple);
  gap: .75rem;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #be00fe4d;
}

.read-more-btn:focus {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 4px;
}

.read-more-btn__icon {
  width: 1rem;
  height: 1rem;
  transition: transform .2s;
}

.read-more-btn:hover .read-more-btn__icon {
  transform: translateX(4px);
}

.blog-preview {
  padding: var(--wp--preset--spacing--section-vertical) 0;
  background-color: var(--wp--preset--color--neutral-50);
  position: relative;
  overflow: hidden;
}

.dark .blog-preview {
  background-color: var(--wp--preset--color--atomic-black);
}

.blog-preview__header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-2xl);
}

.blog-preview__slider-wrapper {
  position: relative;
}

.blog-preview__nav-button {
  z-index: 10;
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  width: 3rem;
  height: 3rem;
  color: var(--wp--preset--color--neutral-700);
  cursor: pointer;
  box-shadow: var(--wp--preset--shadow--md);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.dark .blog-preview__nav-button {
  color: #fff;
  box-shadow: none;
  background-color: #ffffff1a;
  border-color: #fff3;
}

.blog-preview__nav-button:hover:not(:disabled) {
  background-color: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
}

.dark .blog-preview__nav-button:hover:not(:disabled) {
  box-shadow: var(--wp--preset--shadow--neon-purple-hover);
}

.blog-preview__nav-button:disabled {
  opacity: .3;
  cursor: not-allowed;
  box-shadow: none;
}

.blog-preview__nav-button--prev {
  left: -1rem;
}

.blog-preview__nav-button--next {
  right: -1rem;
}

@media (width >= 1440px) {
  .blog-preview__nav-button--prev {
    left: -2rem;
  }

  .blog-preview__nav-button--next {
    right: -2rem;
  }
}

.blog-preview__nav-icon {
  width: 1.5rem;
  height: 1.5rem;
}

@media (width <= 768px) {
  .blog-preview__nav-button {
    display: none;
  }
}

.blog-preview__slider-viewport {
  margin: 0 calc(var(--wp--preset--spacing--block-gap) / -2);
  padding: calc(var(--wp--preset--spacing--block-gap) / 2);
  overflow: hidden;
}

.blog-preview__track {
  transform: translateX(calc(var(--slide-index, 0) * -33.333%));
  transition: transform .5s cubic-bezier(.25, 1, .5, 1);
  display: flex;
}

.blog-preview__slide {
  padding: 0 calc(var(--wp--preset--spacing--block-gap) / 2);
  box-sizing: border-box;
  flex-direction: column;
  flex: 0 0 33.333%;
  display: flex;
}

@media (width <= 1280px) {
  .blog-preview__track {
    transform: translateX(calc(var(--slide-index, 0) * -50%));
  }

  .blog-preview__slide {
    flex: 0 0 50%;
  }
}

@media (width <= 768px) {
  .blog-preview__track {
    transform: translateX(calc(var(--slide-index, 0) * -100%));
  }

  .blog-preview__slide {
    flex: 0 0 100%;
  }
}

.blog-card {
  background: var(--background);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  border: 1px solid var(--border);
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: flex;
  overflow: hidden;
}

.blog-card-wrapper {
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 16px 4px;
  display: flex;
}

.dark .blog-card:hover {
  border-color: var(--wp--preset--color--neon-purple);
}

.blog-card__image-container {
  aspect-ratio: 16 / 9;
  cursor: pointer;
  background-color: var(--wp--preset--color--neutral-100);
  position: relative;
  overflow: hidden;
}

.blog-preview .blog-card__content {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  flex: 1;
  padding: 16px;
  display: flex;
}

.blog-card__category {
  border-radius: var(--wp--preset--border-radius--full);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  padding: 4px 12px;
  font-weight: 600;
  display: inline-block;
}

.blog-preview .blog-card__category {
  z-index: 2;
  color: #fff;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #0f0f0fb3;
  margin-bottom: 0;
  position: absolute;
  inset: 12px 12px auto auto;
}

.blog-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  cursor: pointer;
  color: var(--foreground);
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.3;
  transition: color .2s;
}

.blog-card__title:hover {
  color: var(--wp--preset--color--neon-pink);
}

.blog-card__excerpt {
  color: var(--wp--preset--color--neutral-500);
  font-size: var(--wp--preset--font-size--200);
  flex: 1;
  margin-bottom: 0;
  line-height: 1.6;
}

.blog-card__footer {
  padding-top: var(--wp--preset--spacing--20);
  border-top: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-card__date {
  align-items: center;
  gap: var(--wp--preset--spacing--10);
  color: var(--wp--preset--color--neutral-500);
  font-size: var(--wp--preset--font-size--100);
  display: flex;
}

.blog-preview__dots {
  justify-content: center;
  gap: .5rem;
  margin-top: 1rem;
  display: flex;
}

.blog-preview__dot {
  border: 1px solid var(--wp--preset--color--neutral-300);
  background-color: var(--wp--preset--color--neutral-100);
  cursor: pointer;
  border-radius: 50%;
  width: .75rem;
  height: .75rem;
  transition: all .3s;
}

.dark .blog-preview__dot {
  background-color: #fff3;
  border: none;
}

.blog-preview__dot--active {
  transform: scale(1.2);
  background-color: var(--wp--preset--color--neon-pink) !important;
  border-color: var(--wp--preset--color--neon-pink) !important;
}

.dark .blog-preview__dot--active {
  box-shadow: var(--wp--preset--shadow--neon-pink-dot);
}

.blog-preview__dot--inactive:hover {
  background-color: var(--wp--preset--color--neutral-300);
}

.dark .blog-preview__dot--inactive:hover {
  background-color: #fff6;
}

.blog-preview__cta {
  margin-top: var(--wp--preset--spacing--fluid-xl);
  justify-content: center;
  display: flex;
}

.blog-preview__grid-loading {
  gap: var(--wp--preset--spacing--block-gap);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

@media (width <= 1024px) {
  .blog-preview__grid-loading {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 768px) {
  .blog-preview__grid-loading {
    grid-template-columns: 1fr;
  }
}

.blog-card--loading {
  height: 100%;
  min-height: 400px;
}

.blog-card__loading-content {
  gap: var(--wp--preset--spacing--block-gap);
  flex-direction: column;
  padding: 0;
  display: flex;
}

.skeleton-box {
  background-color: var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--md);
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.dark .skeleton-box {
  background-color: var(--wp--preset--color--neutral-800);
}

.skeleton-box--image {
  width: 100%;
  height: 200px;
  margin-bottom: var(--wp--preset--spacing--20);
}

.skeleton-box--title {
  width: 80%;
  height: 2rem;
}

.skeleton-box--text {
  width: 100%;
  height: 4rem;
}

.text-blog-description {
  color: var(--wp--preset--color--neutral-500);
}

.dark .text-blog-description {
  color: var(--wp--preset--color--neutral-400);
}

.text-blog-error {
  color: var(--wp--preset--color--neon-red);
}

.blog-preview__error-container {
  text-align: center;
  padding-top: var(--wp--preset--spacing--fluid-xl);
  padding-bottom: var(--wp--preset--spacing--fluid-xl);
}

.icon-arrow {
  width: 1.25rem;
  height: 1.25rem;
}

.icon-calendar {
  width: 1rem;
  height: 1rem;
}

.btn-gap {
  gap: var(--wp--preset--spacing--10);
}

.blog-preview .rgs-slide {
  padding: 0 calc(var(--wp--preset--spacing--block-gap) / 4);
}

.blog-preview .rgs-viewport {
  margin: 0 calc(var(--wp--preset--spacing--block-gap) / -4);
  padding: calc(var(--wp--preset--spacing--block-gap) / 4);
}

.uv-makeup-section {
  padding-top: var(--wp--preset--spacing--section-vertical);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
  background-color: var(--wp--preset--color--neutral-50);
  color: var(--wp--preset--color--neutral-900);
  transition: background-color .3s, color .3s;
  position: relative;
  overflow: hidden;
}

.dark .uv-makeup-section {
  background-color: var(--wp--preset--color--atomic-black);
  color: #fff;
}

.uv-makeup-section__content {
  z-index: 10;
  position: relative;
}

.uv-makeup-section__header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-2xl);
  z-index: 10;
  position: relative;
}

.uv-makeup-section__description {
  max-width: 48rem;
  color: var(--wp--preset--color--neutral-600);
  margin: 0 auto;
  line-height: 1.6;
}

.dark .uv-makeup-section__description {
  color: var(--wp--preset--color--neutral-300);
}

.uv-makeup-section__slider-wrapper {
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
  position: relative;
}

.uv-makeup-section__nav-button {
  z-index: 10;
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  width: 3rem;
  height: 3rem;
  color: var(--wp--preset--color--neutral-700);
  cursor: pointer;
  box-shadow: var(--wp--preset--shadow--md);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.dark .uv-makeup-section__nav-button {
  color: #fff;
  box-shadow: none;
  background-color: #ffffff1a;
  border-color: #fff3;
}

.uv-makeup-section__nav-button:hover:not(:disabled) {
  background-color: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
}

.dark .uv-makeup-section__nav-button:hover:not(:disabled) {
  box-shadow: var(--wp--preset--shadow--neon-purple-hover);
}

.uv-makeup-section__nav-button:disabled {
  opacity: .3;
  cursor: not-allowed;
  box-shadow: none;
}

.uv-makeup-section__nav-button--prev {
  left: -1rem;
}

.uv-makeup-section__nav-button--next {
  right: -1rem;
}

@media (width >= 1440px) {
  .uv-makeup-section__nav-button--prev {
    left: -2rem;
  }

  .uv-makeup-section__nav-button--next {
    right: -2rem;
  }
}

.uv-makeup-section__nav-icon {
  width: 1.5rem;
  height: 1.5rem;
}

@media (width <= 768px) {
  .uv-makeup-section__nav-button {
    display: none;
  }
}

.uv-makeup-section__slider-viewport {
  margin: 0 calc(var(--wp--preset--spacing--block-gap) / -2);
  padding: calc(var(--wp--preset--spacing--block-gap) / 2);
  overflow: hidden;
}

.uv-makeup-section__track {
  transform: translateX(calc(var(--slide-index, 0) * -33.333%));
  transition: transform .5s cubic-bezier(.25, 1, .5, 1);
  display: flex;
}

.uv-makeup-section__slide {
  padding: 0 calc(var(--wp--preset--spacing--block-gap) / 2);
  box-sizing: border-box;
  flex-direction: column;
  flex: 0 0 33.333%;
  display: flex;
}

@media (width <= 1280px) {
  .uv-makeup-section__track {
    transform: translateX(calc(var(--slide-index, 0) * -50%));
  }

  .uv-makeup-section__slide {
    flex: 0 0 50%;
  }
}

@media (width <= 768px) {
  .uv-makeup-section__track {
    transform: translateX(calc(var(--slide-index, 0) * -100%));
  }

  .uv-makeup-section__slide {
    flex: 0 0 100%;
  }
}

.uv-makeup-section__dots {
  justify-content: center;
  gap: .5rem;
  margin-top: 1rem;
  display: flex;
}

.uv-makeup-section__dot {
  border: 1px solid var(--wp--preset--color--neutral-300);
  background-color: var(--wp--preset--color--neutral-100);
  cursor: pointer;
  border-radius: 50%;
  width: .75rem;
  height: .75rem;
  transition: all .3s;
}

.dark .uv-makeup-section__dot {
  background-color: #fff3;
  border: none;
}

.uv-makeup-section__dot--active {
  transform: scale(1.2);
  background-color: var(--wp--preset--color--neon-pink) !important;
  border-color: var(--wp--preset--color--neon-pink) !important;
}

.dark .uv-makeup-section__dot--active {
  box-shadow: var(--wp--preset--shadow--neon-pink-dot);
}

.uv-makeup-section__dot--inactive:hover {
  background-color: var(--wp--preset--color--neutral-300);
}

.dark .uv-makeup-section__dot--inactive:hover {
  background-color: #fff6;
}

.uv-makeup-card-wrapper {
  flex: 1;
  width: 100%;
  height: 100%;
}

.uv-makeup-section__cta {
  margin-top: var(--wp--preset--spacing--fluid-xl);
  justify-content: center;
  display: flex;
}

.uv-makeup-cta-btn {
  width: 100%;
}

@media (width >= 640px) {
  .uv-makeup-cta-btn {
    width: auto;
  }
}

.testimonials-section {
  padding-top: var(--wp--preset--spacing--section-vertical);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  transition: background-color .3s, color .3s;
  position: relative;
  overflow: hidden;
}

.dark .testimonials-section {
  background-color: var(--wp--preset--color--atomic-black);
  color: var(--wp--preset--color--neutral-100);
}

.testimonials-section__container {
  max-width: var(--wp--preset--layout--wide);
  margin-left: auto;
  margin-right: auto;
}

.testimonials-section__header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
}

.testimonials-section__title {
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--contrast);
}

.dark .testimonials-section__title {
  color: #fff;
}

.testimonials-section__description {
  background: linear-gradient(to right, var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-purple), var(--wp--preset--color--neon-blue));
  -webkit-text-fill-color: transparent;
  background-clip: text;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

.testimonials-section__slider-wrapper {
  position: relative;
}

.testimonials-section__nav-button {
  z-index: 10;
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  width: 3rem;
  height: 3rem;
  color: var(--wp--preset--color--neutral-700);
  cursor: pointer;
  box-shadow: var(--wp--preset--shadow--md);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.dark .testimonials-section__nav-button {
  color: #fff;
  box-shadow: none;
  background-color: #ffffff1a;
  border-color: #fff3;
}

.testimonials-section__nav-button:hover:not(:disabled) {
  background-color: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
}

.dark .testimonials-section__nav-button:hover:not(:disabled) {
  box-shadow: var(--wp--preset--shadow--neon-purple-hover);
}

.testimonials-section__nav-button:disabled {
  opacity: .3;
  cursor: not-allowed;
  box-shadow: none;
}

.testimonials-section__nav-button--prev {
  left: 0;
}

.testimonials-section__nav-button--next {
  right: 0;
}

@media (width >= 1440px) {
  .testimonials-section__nav-button--prev {
    left: -2rem;
  }

  .testimonials-section__nav-button--next {
    right: -2rem;
  }
}

.testimonials-section__nav-icon {
  width: 1.5rem;
  height: 1.5rem;
}

@media (width <= 768px) {
  .testimonials-section__nav-button {
    display: none;
  }
}

.testimonials-section__slider-viewport {
  margin: 0 calc(var(--wp--preset--spacing--block-gap) / -2);
  padding: calc(var(--wp--preset--spacing--block-gap) / 2);
  overflow: hidden;
}

.testimonials-section__track {
  transform: translateX(calc(var(--testimonial-index, 0) * -33.333%));
  transition: transform .5s cubic-bezier(.25, 1, .5, 1);
  display: flex;
}

.testimonials-section__slide {
  padding: 0 calc(var(--wp--preset--spacing--block-gap) / 2);
  box-sizing: border-box;
  flex-direction: column;
  flex: 0 0 33.333%;
  display: flex;
}

@media (width <= 1280px) {
  .testimonials-section__track {
    transform: translateX(calc(var(--testimonial-index, 0) * -50%));
  }

  .testimonials-section__slide {
    flex: 0 0 50%;
  }
}

@media (width <= 768px) {
  .testimonials-section__track {
    transform: translateX(calc(var(--testimonial-index, 0) * -100%));
  }

  .testimonials-section__slide {
    flex: 0 0 100%;
  }
}

.testimonials-section__dots {
  justify-content: center;
  gap: .5rem;
  margin-top: 1rem;
  display: flex;
}

.testimonials-section__dot {
  border: 1px solid var(--wp--preset--color--neutral-300);
  background-color: var(--wp--preset--color--neutral-100);
  cursor: pointer;
  border-radius: 50%;
  width: .75rem;
  height: .75rem;
  transition: all .3s;
}

.dark .testimonials-section__dot {
  background-color: #fff3;
  border: none;
}

.testimonials-section__dot--active {
  transform: scale(1.2);
  background-color: var(--wp--preset--color--neon-pink) !important;
  border-color: var(--wp--preset--color--neon-pink) !important;
}

.dark .testimonials-section__dot--active {
  box-shadow: var(--wp--preset--shadow--neon-pink-dot);
}

.testimonials-section__dot--inactive:hover {
  background-color: var(--wp--preset--color--neutral-300);
}

.dark .testimonials-section__dot--inactive:hover {
  background-color: #fff6;
}

.testimonial-card {
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--lg);
  padding: var(--wp--preset--spacing--fluid-md);
  gap: var(--wp--preset--spacing--block-gap);
  height: 100%;
  box-shadow: var(--wp--preset--shadow--sm);
  flex-direction: column;
  transition: transform .3s, box-shadow .3s;
  display: flex;
}

.testimonial-card-wrapper {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.dark .testimonial-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: none;
  background-color: #ffffff0d;
  border-color: #ffffff1a;
}

.testimonial-card:hover {
  box-shadow: var(--wp--preset--shadow--md);
  transform: translateY(-2px);
}

.testimonial-card__text {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-700);
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.6;
  display: flex;
}

.dark .testimonial-card__text {
  color: var(--wp--preset--color--neutral-200);
}

.testimonial-card__footer {
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 0;
}

.dark .testimonial-card__footer {
  border-color: #ffffff1a;
}

.testimonial-card__author {
  color: var(--wp--preset--color--contrast);
  font-size: 1rem;
  font-weight: 700;
}

.dark .testimonial-card__author {
  color: #fff;
}

.testimonial-card__event {
  color: var(--wp--preset--color--neon-purple);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 500;
}

.dark .testimonial-card__event {
  color: var(--wp--preset--color--neon-pink);
}

.festival-countdown {
  background-color: var(--wp--preset--color--neutral-50);
  position: relative;
  overflow: hidden;
}

.dark .festival-countdown {
  background-color: #080808;
}

.festival-countdown__inner {
  z-index: 10;
  position: relative;
}

.festival-countdown__badge {
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-yellow);
  text-transform: uppercase;
  letter-spacing: .05em;
  background-color: #ffff001a;
  border: 1px solid #ffff004d;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 700;
  display: inline-flex;
  box-shadow: 0 0 15px #ff03;
}

.festival-countdown__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  max-width: 32rem;
  margin: 0 auto 3rem;
  display: grid;
}

@media (width >= 640px) {
  .festival-countdown__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }
}

.festival-timer-card {
  background-color: var(--background);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--lg);
  text-align: center;
  box-shadow: var(--wp--preset--shadow--card);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 1rem;
  transition: all .3s;
  display: flex;
}

.dark .festival-timer-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff0d;
  border-color: #ffffff1a;
}

.dark .festival-timer-card:hover {
  border-color: var(--wp--preset--color--neon-pink);
  transform: translateY(-2px);
  box-shadow: 0 0 20px #ec48994d;
}

.festival-timer-card__number {
  font-family: var(--wp--preset--font-family--brand-title);
  color: var(--wp--preset--color--neon-pink);
  text-shadow: 0 0 10px #ec48994d;
  margin-bottom: .5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}

.festival-timer-card__label {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--wp--preset--color--neutral-500);
  font-size: .75rem;
}

.dark .festival-timer-card__label {
  color: var(--wp--preset--color--neutral-400);
}

.multiple-countdowns {
  background-color: var(--background);
  position: relative;
}

.festival-card {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--xl);
  border: 1px solid var(--border);
  height: 100%;
  padding: 2rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.dark .festival-card {
  background-color: #ffffff08;
  border-color: #ffffff1a;
}

.festival-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-5px);
}

.festival-card--purple {
  border-top: 4px solid var(--wp--preset--color--neon-purple);
}

.festival-card--purple:hover {
  box-shadow: 0 10px 30px #be00fe26;
}

.dark .festival-card--purple:hover {
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: 0 0 25px #be00fe66;
}

.festival-card--green {
  border-top: 4px solid var(--wp--preset--color--neon-green);
}

.festival-card--green:hover {
  box-shadow: 0 10px 30px #39ff1426;
}

.dark .festival-card--green:hover {
  border-color: var(--wp--preset--color--neon-green);
  box-shadow: 0 0 25px #39ff1466;
}

.festival-card--amber {
  border-top: 4px solid var(--wp--preset--color--neon-orange);
}

.festival-card--amber:hover {
  box-shadow: 0 10px 30px #ff5f1f26;
}

.dark .festival-card--amber:hover {
  border-color: var(--wp--preset--color--neon-orange);
  box-shadow: 0 0 25px #ff5f1f66;
}

.festival-card__bg-pattern {
  pointer-events: none;
  z-index: 0;
  opacity: .5;
  position: absolute;
  inset: 0;
}

.festival-card__bg-blob {
  filter: blur(40px);
  opacity: .1;
  border-radius: 50%;
  position: absolute;
}

.festival-card--purple .festival-card__bg-blob {
  background-color: var(--wp--preset--color--neon-purple);
}

.festival-card--green .festival-card__bg-blob {
  background-color: var(--wp--preset--color--neon-green);
}

.festival-card--amber .festival-card__bg-blob {
  background-color: var(--wp--preset--color--neon-orange);
}

.festival-card__header {
  color: var(--wp--preset--color--primary);
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
  display: flex;
}

.festival-card--purple .festival-card__header {
  color: var(--wp--preset--color--neon-purple);
}

.festival-card--green .festival-card__header {
  color: var(--wp--preset--color--neon-green);
}

.festival-card--amber .festival-card__header {
  color: var(--wp--preset--color--neon-orange);
}

.festival-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  font-size: 1.5rem;
  font-weight: 700;
}

.festival-card__details {
  color: var(--wp--preset--color--neutral-600);
  flex-direction: column;
  gap: .5rem;
  font-size: .95rem;
  display: flex;
}

.dark .festival-card__details {
  color: var(--wp--preset--color--neutral-400);
}

.festival-card__detail-item {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.festival-card__timer-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: .5rem;
  margin-top: 1.5rem;
  display: grid;
}

.festival-card__timer-box {
  background-color: var(--background);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  text-align: center;
  padding: .5rem .25rem;
}

.dark .festival-card__timer-box {
  background-color: #0000004d;
  border-color: #ffffff1a;
}

.festival-card__timer-number {
  font-family: var(--wp--preset--font-family--brand-title);
  color: var(--foreground);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}

.dark .festival-card__timer-number {
  color: #fff;
}

.festival-card__timer-label {
  text-transform: uppercase;
  color: var(--wp--preset--color--neutral-500);
  margin-top: .25rem;
  font-size: .65rem;
}

.festival-countdown__bg {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.festival-countdown__badge-container {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  display: flex;
}

.festival-countdown__badge-animate {
  margin-left: auto;
  margin-right: auto;
  animation: 1s infinite bounce;
}

.festival-countdown__icon-spin {
  animation: 3s linear infinite spin;
}

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

.festival-countdown__actions {
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.festival-countdown__header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
}

.festival-countdown__subtitle {
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  justify-content: center;
  display: flex;
}

.festival-countdown__meta {
  font-size: var(--wp--preset--font-size--200);
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-700);
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.dark .festival-countdown__meta {
  color: var(--wp--preset--color--neutral-300);
}

.festival-countdown__meta-item {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.festival-countdown__meta-divider {
  background-color: var(--wp--preset--color--neutral-400);
  border-radius: 50%;
  align-self: center;
  width: .25rem;
  height: .25rem;
  display: none;
}

@media (width >= 640px) {
  .festival-countdown__meta-divider {
    display: block;
  }
}

.festival-countdown__cta-section {
  text-align: center;
}

.festival-countdown__description {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

.festival-countdown__buttons {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  display: flex;
}

@media (width >= 640px) {
  .festival-countdown__buttons {
    flex-direction: row;
  }
}

.festival-countdown__urgency {
  margin-top: var(--wp--preset--spacing--fluid-lg);
}

.festival-countdown__urgency-badge {
  color: var(--wp--preset--color--neon-yellow);
  border-radius: var(--wp--preset--border-radius--full);
  background-color: #ffff001a;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 700;
  display: inline-flex;
}

.festival-status {
  justify-content: center;
  margin-top: 1.5rem;
  display: flex;
}

.festival-status__badge {
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-green);
  background-color: #39ff141a;
  border: 1px solid #39ff144d;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 700;
  animation: 2s infinite pulse;
  display: inline-flex;
}

.festival-status__icon {
  width: 1rem;
  height: 1rem;
}

.festival-urgency-badge {
  justify-content: center;
  margin-top: 1rem;
  display: flex;
}

.festival-card__bg-blob--large {
  width: 8rem;
  height: 8rem;
}

.festival-card__bg-blob--xlarge {
  width: 10rem;
  height: 10rem;
}

.festival-card__bg-blob--top-left {
  top: 0;
  left: 0;
}

.festival-card__bg-blob--bottom-right {
  bottom: 0;
  right: 0;
}

.festival-intro-text {
  color: var(--wp--preset--color--neutral-600);
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

.dark .festival-intro-text {
  color: #e9d5ff;
}

.festival-countdown__bg-effect {
  opacity: .2;
  width: 100%;
  height: 100%;
  position: absolute;
}

.festival-countdown__bg-effect--1 {
  background: radial-gradient(circle at 20% 30%, var(--wp--preset--color--neon-purple), transparent 70%);
}

.festival-countdown__bg-effect--2 {
  background: radial-gradient(circle at 80% 70%, var(--wp--preset--color--neon-blue), transparent 70%);
}

.instagram-feed {
  padding-top: var(--wp--preset--spacing--section-vertical);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
  background-color: var(--wp--preset--color--neutral-50);
}

.dark .instagram-feed {
  background-color: var(--wp--preset--color--atomic-black);
}

.instagram-feed__grid {
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  display: flex;
}

@media (width >= 1024px) {
  .instagram-feed__grid {
    align-items: flex-start;
    gap: var(--wp--preset--spacing--fluid-xl);
    flex-direction: row;
  }
}

.instagram-feed__header-col {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

@media (width >= 1024px) {
  .instagram-feed__header-col {
    width: 25%;
    position: sticky;
    top: 6rem;
  }
}

.instagram-feed__title {
  margin-bottom: 1rem;
  line-height: 1.1;
}

.instagram-feed__description {
  color: var(--wp--preset--color--neutral-500);
  max-width: 24rem;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
}

.dark .instagram-feed__description {
  color: var(--wp--preset--color--neutral-400);
}

.instagram-feed__btn {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neutral-700);
  font-family: var(--wp--preset--font-family--brand-body);
  background-color: #0000;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  display: inline-flex;
}

.dark .instagram-feed__btn {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-300);
}

.instagram-feed__btn:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
  background-color: #be00fe0d;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #be00fe26;
}

.instagram-feed__btn-icon {
  width: 1rem;
  height: 1rem;
}

.instagram-feed__widget-col {
  width: 100%;
}

@media (width >= 1024px) {
  .instagram-feed__widget-col {
    width: 75%;
  }
}

.instagram-feed__widget-col behold-widget {
  width: 100%;
  display: block;
}

.faq-section {
  padding-top: var(--wp--preset--spacing--fluid-lg);
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  max-width: var(--wp--preset--layout--wide);
  margin: 0 auto;
}

.faq-layout {
  gap: var(--wp--preset--spacing--fluid-md);
  padding: var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--xl, 1.5rem);
  background: linear-gradient(135deg, #be00fe08 0%, #1f51ff08 50%, #39ff1405 100%);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.faq-section--hero .faq-layout {
  background: linear-gradient(135deg, #be00fe14 0%, #1f51ff14 50%, #39ff140d 100%);
  border: 1px solid #be00fe26;
}

.dark .faq-layout {
  background: linear-gradient(135deg, #be00fe0f 0%, #1f51ff0f 50%, #39ff1408 100%);
}

.dark .faq-section--hero .faq-layout {
  background: linear-gradient(135deg, #be00fe1f 0%, #1f51ff1f 50%, #39ff1414 100%);
  border: 1px solid #be00fe4d;
}

@media (width >= 1024px) {
  .faq-layout {
    align-items: stretch;
    gap: var(--wp--preset--spacing--fluid-lg);
    padding: var(--wp--preset--spacing--fluid-lg);
    flex-direction: row;
  }
}

.faq-card {
  background: var(--background);
  border-radius: var(--wp--preset--border-radius--lg);
  min-width: 0;
  box-shadow: var(--wp--preset--shadow--card);
  border: 1px solid var(--border);
  flex: 3;
  transition: all .3s;
  overflow: hidden;
}

.dark .faq-card {
  border-color: var(--wp--preset--color--neutral-800);
  background: #ffffff05;
  box-shadow: 0 0 15px #be00fe0d;
}

.dark .faq-card:hover {
  border-color: #be00fe4d;
  box-shadow: 0 0 25px #be00fe1a;
}

.faq-sticker {
  display: none;
}

@media (width >= 1024px) {
  .faq-sticker {
    flex: 2;
    justify-content: center;
    align-items: center;
    min-width: 0;
    display: flex;
    position: relative;
  }

  .faq-section--hero .faq-sticker {
    flex: 3;
  }
}

.faq-sticker__image {
  border-radius: var(--wp--preset--border-radius--lg);
  object-fit: cover;
  z-index: 1;
  filter: saturate(1.1);
  width: 100%;
  height: 100%;
  transition: transform .4s, filter .4s;
  position: relative;
}

.faq-sticker:hover .faq-sticker__image {
  filter: saturate(1.25) brightness(1.05);
  transform: scale(1.03)rotate(1deg);
}

.faq-sticker__glow {
  z-index: 0;
  filter: blur(30px);
  background: radial-gradient(circle, #be00fe26 0%, #1f51ff1a 40%, #0000 70%);
  border-radius: 50%;
  transition: opacity .4s;
  position: absolute;
  inset: 10%;
}

.dark .faq-sticker__glow {
  background: radial-gradient(circle, #be00fe40 0%, #1f51ff26 40%, #0000 70%);
}

.faq-sticker:hover .faq-sticker__glow {
  opacity: 1.3;
}

@media (prefers-reduced-motion: reduce) {
  .faq-sticker:hover .faq-sticker__image {
    filter: saturate(1.1);
    transform: none;
  }
}

.faq-header {
  border-bottom: 1px solid var(--border);
  background-color: var(--wp--preset--color--neutral-50);
  padding: 1.5rem 2rem;
}

.dark .faq-header {
  background-color: #ffffff08;
}

.faq-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  margin-bottom: .5rem;
  font-size: 1.75rem;
  font-weight: 700;
}

.faq-description {
  color: var(--wp--preset--color--neutral-500);
}

.dark .faq-description {
  color: var(--wp--preset--color--neutral-400);
}

.faq-item {
  border-bottom: 1px solid var(--border);
  transition: background-color .2s;
}

.faq-item:last-child {
  border-bottom: none;
}

.faq-item:hover {
  background-color: var(--wp--preset--color--neutral-50);
}

.dark .faq-item:hover {
  background-color: #ffffff08;
}

.faq-button {
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem 1.5rem;
  transition: all .2s;
  display: flex;
  position: relative;
}

.faq-button:before {
  content: "";
  background: var(--wp--preset--color--neon-purple);
  opacity: 0;
  width: 4px;
  transition: opacity .2s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.faq-button:hover:before, .faq-button[aria-expanded="true"]:before {
  opacity: 1;
}

.faq-button:hover {
  background-color: var(--wp--preset--color--neutral-50);
}

.dark .faq-button:hover {
  background-color: #be00fe1a;
}

.faq-button__text {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  font-size: 1.125rem;
  font-weight: 500;
  transition: color .2s;
}

.faq-button:hover .faq-button__text, .faq-button[aria-expanded="true"] .faq-button__text {
  color: var(--wp--preset--color--neon-purple);
}

.faq-button__icon {
  color: var(--wp--preset--color--neutral-400);
  flex-shrink: 0;
  align-items: center;
  transition: color .2s, transform .2s;
  display: flex;
}

.faq-button:hover .faq-button__icon, .faq-button[aria-expanded="true"] .faq-button__icon {
  color: var(--wp--preset--color--neon-purple);
}

.faq-button[aria-expanded="true"] .faq-button__icon {
  transform: rotate(180deg);
}

.faq-answer {
  color: var(--wp--preset--color--neutral-500);
  padding: 0 1.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.6;
}

.dark .faq-answer {
  color: var(--wp--preset--color--neutral-400);
}

.faq-answer-wrapper {
  opacity: 0;
  grid-template-rows: 0fr;
  transition: grid-template-rows .25s, opacity .2s;
  display: grid;
  overflow: hidden;
}

.faq-answer-wrapper--open {
  opacity: 1;
  grid-template-rows: 1fr;
}

.faq-answer-wrapper > .faq-answer {
  min-height: 0;
}

@media (prefers-reduced-motion: reduce) {
  .faq-answer-wrapper {
    transition: none;
  }
}

.home-page-layout > section:not(.hero) {
  padding: clamp(3rem, 1.5rem + 4vw, 5rem) clamp(1.5rem, 1.35rem + .714vw, 2rem);
}

.home-page-layout > section:not(.hero) .container-wide, .home-page-layout > section:not(.hero) .container-6xl, .home-page-layout > section:not(.hero) .container-7xl {
  padding-left: 0;
  padding-right: 0;
}

.home-page-layout > section:not(.hero) > .container-wide, .home-page-layout > section:not(.hero) > .container-6xl, .home-page-layout > section:not(.hero) > .festival-countdown__inner, .home-page-layout > section:not(.hero) > .testimonials-section__container {
  gap: var(--wp--preset--spacing--block-gap);
  flex-direction: column;
  display: flex;
}

.home-page-layout .why-section__header, .home-page-layout .why-section__grid {
  margin-bottom: 0;
}

.home-page-layout .why-section__footer {
  margin-top: 0;
}

.home-page-layout .featured-section__header {
  margin-bottom: 0;
}

.home-page-layout .featured-section__cta-container {
  margin-top: 0;
}

.home-page-layout .blog-preview__header {
  margin-bottom: 0;
}

.home-page-layout .blog-preview__cta {
  margin-top: 0;
}

.home-page-layout .testimonials-section__container {
  padding-left: 0;
  padding-right: 0;
}

.home-page-layout .testimonials-section__header, .home-page-layout .festival-countdown__header {
  margin-bottom: 0;
}

.home-page-layout .festival-countdown__grid {
  margin-top: 0;
  margin-bottom: 0;
}

.home-page-layout .festival-countdown__badge-container, .home-page-layout .festival-countdown__subtitle {
  margin-bottom: 0;
}

.home-page-layout .festival-countdown__description {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.home-page-layout .festival-countdown__urgency {
  margin-top: 0;
}

.home-page-layout .festival-countdown__cta-section {
  gap: var(--wp--preset--spacing--block-gap);
  flex-direction: column;
  display: flex;
}

.home-page-layout .instagram-feed__title, .home-page-layout .instagram-feed__description {
  margin-bottom: 0;
}

.home-page-layout .instagram-feed__header-col {
  gap: var(--wp--preset--spacing--block-gap);
}

.home-page-layout .uv-makeup-section__header, .home-page-layout .uv-makeup-section__slider-wrapper {
  margin-bottom: 0;
}

.home-page-layout .uv-makeup-section__cta {
  margin-top: 0;
}

.home-page-layout > section:not(.hero) .container-wide > .mb-fluid-sm, .home-page-layout > section:not(.hero) .container-wide > .mb-fluid-md, .home-page-layout > section:not(.hero) .container-wide > .mb-fluid-lg, .home-page-layout > section:not(.hero) .container-wide > .mb-fluid-xl, .home-page-layout > section:not(.hero) .container-wide > .mb-fluid-2xl, .home-page-layout > section:not(.hero) .testimonials-section__container > .mb-fluid-sm, .home-page-layout > section:not(.hero) .testimonials-section__container > .mb-fluid-md, .home-page-layout > section:not(.hero) .testimonials-section__container > .mb-fluid-lg, .home-page-layout > section:not(.hero) .testimonials-section__container > .mb-fluid-xl, .home-page-layout > section:not(.hero) .testimonials-section__container > .mb-fluid-2xl {
  margin-bottom: 0;
}

.homepage-loading {
  min-height: 100vh;
  padding: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  align-items: center;
  display: flex;
}

.homepage-loading__content {
  width: 100%;
  max-width: var(--wp--preset--layout--content);
  margin: 0 auto;
}

.homepage-error {
  min-height: 100vh;
  padding: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  align-items: center;
  display: flex;
}

.homepage-error__content {
  text-align: center;
  max-width: var(--wp--preset--layout--content);
}

.homepage-error__icon-wrapper {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
}

.homepage-error__icon {
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  font-size: 3rem;
}

.homepage-error__actions {
  justify-content: center;
  gap: var(--wp--preset--spacing--fluid-md);
  display: flex;
}

.homepage-hero__actions {
  justify-content: center;
  width: 100%;
  display: flex;
}

.loading-toast {
  bottom: var(--wp--preset--spacing--fluid-lg);
  right: var(--wp--preset--spacing--fluid-lg);
  z-index: var(--wp--preset--z-index--toast);
  animation: .3s ease-out slideIn;
  position: fixed;
}

.loading-toast__inner {
  background-color: var(--wp--preset--color--neutral-900);
  color: #fff;
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--full);
  box-shadow: var(--wp--preset--shadow--card);
}

.dark .loading-toast__inner {
  background-color: var(--wp--preset--color--neutral-800);
  border: 1px solid var(--wp--preset--color--neutral-700);
}

.loading-toast__content {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  font-size: var(--wp--preset--font-size--100);
  font-weight: 500;
  display: flex;
}

.loading-spinner {
  border: 2px solid #ffffff4d;
  border-top-color: #fff;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: 1s linear infinite spin;
}

.hero__scroll-arrow {
  margin-top: var(--wp--preset--spacing--fluid-xl);
}

.home-page-layout {
  --bg-rainbow-1: #fff9f9;
  --bg-rainbow-2: #fffaf8;
  --bg-rainbow-3: #fffff7;
  --bg-rainbow-4: #f9fff8;
  --bg-rainbow-5: #f8faff;
  --bg-rainbow-6: #fdf7ff;
  --bg-rainbow-7: #fff8ff;
  --bg-rainbow-8: #fff9f9;
  --bg-rainbow-9: #fffaf8;
}

.dark .home-page-layout {
  --bg-rainbow-1: #1a0505;
  --bg-rainbow-2: #1a0a03;
  --bg-rainbow-3: #1a1a00;
  --bg-rainbow-4: #061a02;
  --bg-rainbow-5: #03081a;
  --bg-rainbow-6: #130019;
  --bg-rainbow-7: #1a0218;
  --bg-rainbow-8: #1a0505;
  --bg-rainbow-9: #1a0a03;
}

.home-page-layout .hero {
  background-color: var(--bg-rainbow-1) !important;
}

.home-page-layout .why-section {
  background-color: var(--bg-rainbow-2) !important;
}

.home-page-layout .featured-section {
  background-color: var(--bg-rainbow-3) !important;
}

.home-page-layout .blog-preview {
  background-color: var(--bg-rainbow-4) !important;
}

.home-page-layout .testimonials-section {
  background-color: var(--bg-rainbow-5) !important;
}

.home-page-layout .festival-countdown {
  background-color: var(--bg-rainbow-6) !important;
}

.home-page-layout .instagram-feed {
  background-color: var(--bg-rainbow-7) !important;
}

.home-page-layout .uv-makeup-section {
  background-color: var(--bg-rainbow-8) !important;
}

.home-page-layout .footer {
  background-color: var(--bg-rainbow-9) !important;
}

@media (width <= 768px) {
  @keyframes gradientShift {
    0% {
      background-position: 0%;
    }

    50% {
      background-position: 100%;
    }

    100% {
      background-position: 0%;
    }
  }

  @keyframes neonPulse {
    from {
      box-shadow: 0 0 3px var(--glow-color), 0 0 6px var(--glow-color);
    }

    to {
      box-shadow: 0 0 6px var(--glow-color), 0 0 12px var(--glow-color);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (prefers-reduced-data: reduce) {
  @keyframes gradientShift {
    0%, 100% {
      background-position: 0%;
    }
  }
}

.section-card {
  border-radius: var(--wp--preset--border-radius--2xl);
  width: 100%;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.section-card__border {
  border-radius: var(--wp--preset--border-radius--2xl);
  z-index: 0;
  opacity: .5;
  position: absolute;
  inset: 0;
}

.dark .section-card__border {
  opacity: .3;
}

.section-card__content {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--2xl);
  padding: var(--wp--preset--spacing--fluid-2xl);
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.dark .section-card__content {
  background-color: #0a0a0a;
}

.section-card__orb {
  filter: blur(80px);
  opacity: .15;
  pointer-events: none;
  z-index: 0;
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  top: -100px;
  right: -100px;
}

.section-card__inner {
  z-index: 10;
  gap: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  display: flex;
  position: relative;
}

.section-card__title {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.section-card__icon-wrap {
  border-radius: .625rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  box-shadow: 0 2px 8px #00000026;
}

.dark .section-card__icon-wrap {
  box-shadow: 0 2px 8px #0000004d, 0 0 12px #ffffff0f;
}

.section-card__title-icon {
  color: #fff;
  filter: drop-shadow(0 1px 1px #00000026);
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
}

@media (width >= 768px) {
  .section-card__title {
    gap: .875rem;
  }

  .section-card__icon-wrap {
    border-radius: .75rem;
    width: 2.625rem;
    height: 2.625rem;
  }

  .section-card__title-icon {
    width: 1.375rem;
    height: 1.375rem;
  }
}

@media (width >= 1024px) {
  .section-card__icon-wrap {
    border-radius: .875rem;
    width: 3rem;
    height: 3rem;
  }

  .section-card__title-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.section-card__body {
  gap: var(--wp--preset--spacing--fluid-md);
  color: var(--wp--preset--color--neutral-700);
  flex-direction: column;
  display: flex;
}

.dark .section-card__body {
  color: var(--wp--preset--color--neutral-300);
}

.section-card__actions {
  margin-top: var(--wp--preset--spacing--fluid-md);
}

.section-card__quote {
  font-family: var(--wp--preset--font-family--brand-heading);
  border-left-style: solid;
  border-left-width: 4px;
  margin-top: 1rem;
  padding-left: 1.5rem;
  font-size: 1.5rem;
  font-style: italic;
  line-height: 1.4;
  position: relative;
}

.section-card .text-neon-pink {
  color: var(--wp--preset--color--neon-pink-text);
}

.section-card .text-neon-purple {
  color: var(--wp--preset--color--neon-purple-text);
}

.section-card .text-neon-cyan {
  color: var(--wp--preset--color--neon-blue-text);
}

.section-card .text-neon-green {
  color: var(--wp--preset--color--neon-green-text);
}

.section-card .text-neon-yellow {
  color: var(--wp--preset--color--neon-yellow-text);
}

.section-card .text-neon-orange {
  color: var(--wp--preset--color--neon-orange-text);
}

.section-card .text-neon-red {
  color: var(--wp--preset--color--neon-red-text);
}

.section-card .text-neon-blue {
  color: var(--wp--preset--color--neon-blue-text);
}

.border-neon-pink {
  border-color: var(--wp--preset--color--neon-pink);
}

.border-neon-purple {
  border-color: var(--wp--preset--color--neon-purple);
}

.border-neon-cyan {
  border-color: var(--wp--preset--color--neon-blue);
}

.border-neon-green {
  border-color: var(--wp--preset--color--neon-green);
}

.about-page-container {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
  color: var(--wp--preset--color--contrast);
  position: relative;
  overflow: hidden;
}

.dark .about-page-container {
  background-color: var(--wp--preset--color--atomic-black);
  color: #fff;
}

.about-content {
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--section-horizontal);
  max-width: var(--wp--preset--layout--wide);
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.about-content__noise {
  opacity: var(--noise-texture-opacity);
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.dark .about-content__noise {
  opacity: var(--noise-texture-opacity-dark);
}

.about-content > .section-card {
  z-index: 1;
  position: relative;
}

.about-content .section-card__content {
  padding: var(--wp--preset--spacing--fluid-xl);
}

.about-content .section-card__inner {
  gap: var(--wp--preset--spacing--fluid-md);
}

.about-loading-container {
  min-height: 100vh;
  padding-top: calc(var(--wp--preset--spacing--section-vertical)  + 5rem);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
  justify-content: center;
  display: flex;
}

.about-loading-wrapper {
  width: 100%;
  max-width: var(--wp--preset--layout--wide);
}

.about-loading-content {
  margin: 0 auto;
}

.about-skeleton-stack {
  gap: var(--wp--preset--spacing--fluid-lg);
  margin-top: var(--wp--preset--spacing--fluid-xl);
  display: grid;
}

.about-skeleton-card {
  background-color: var(--wp--preset--color--neutral-100);
  border-radius: var(--wp--preset--border-radius--lg);
  height: 200px;
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.dark .about-skeleton-card {
  background-color: var(--wp--preset--color--neutral-800);
}

.about-technical-card {
  margin-top: var(--wp--preset--spacing--fluid-lg);
  padding: var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--lg);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
}

.about-technical-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neon-cyan);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  font-weight: 600;
}

.about-technical-divider {
  background: var(--wp--preset--gradient--toxic-lime);
  width: 3rem;
  height: 2px;
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
}

.about-technical-description {
  font-size: var(--wp--preset--font-size--200);
  opacity: .9;
  line-height: 1.6;
}

.about-skills-grid {
  gap: var(--wp--preset--spacing--block-gap);
  margin-top: var(--wp--preset--spacing--fluid-lg);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .about-skills-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .about-skills-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1440px) {
  .about-skills-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.about-skill-item {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-md);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  background-color: #ffffff08;
  flex-direction: column;
  align-items: center;
  width: 100%;
  transition: transform .3s, border-color .3s, box-shadow .3s;
  display: flex;
}

.dark .about-skill-item {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: #ffffff08;
}

.about-skill-item:hover {
  background-color: #ffffff14;
  transform: translateY(-5px);
}

.about-skill-icon-wrap {
  border-radius: var(--wp--preset--border-radius--lg);
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  justify-content: center;
  align-items: center;
  transition: transform .3s, box-shadow .3s;
  display: flex;
}

.about-skill-item:hover .about-skill-icon-wrap {
  transform: scale(1.15);
}

.about-skill-icon {
  color: #fff;
  filter: drop-shadow(0 1px 2px #0003);
  width: 1.75rem;
  height: 1.75rem;
}

.about-skill-icon-wrap--pink-purple {
  background: linear-gradient(135deg, var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-purple));
  box-shadow: 0 4px 15px #ff10f04d;
}

.about-skill-item:hover .about-skill-icon-wrap--pink-purple {
  box-shadow: 0 6px 25px #ff10f080;
}

.about-skill-icon-wrap--cyan-blue {
  background: linear-gradient(135deg, var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-blue));
  box-shadow: 0 4px 15px #00f7ff4d;
}

.about-skill-item:hover .about-skill-icon-wrap--cyan-blue {
  box-shadow: 0 6px 25px #00f7ff80;
}

.about-skill-icon-wrap--green-yellow {
  background: linear-gradient(135deg, var(--wp--preset--color--neon-green), var(--wp--preset--color--neon-yellow));
  box-shadow: 0 4px 15px #39ff144d;
}

.about-skill-item:hover .about-skill-icon-wrap--green-yellow {
  box-shadow: 0 6px 25px #39ff1480;
}

.about-skill-icon-wrap--purple-pink {
  background: linear-gradient(135deg, var(--wp--preset--color--neon-purple), var(--wp--preset--color--neon-pink));
  box-shadow: 0 4px 15px #be00fe4d;
}

.about-skill-item:hover .about-skill-icon-wrap--purple-pink {
  box-shadow: 0 6px 25px #be00fe80;
}

.about-skill-icon-wrap--orange-red {
  background: linear-gradient(135deg, var(--wp--preset--color--neon-orange), var(--wp--preset--color--neon-red));
  box-shadow: 0 4px 15px #ff5f1f4d;
}

.about-skill-item:hover .about-skill-icon-wrap--orange-red {
  box-shadow: 0 6px 25px #ff5f1f80;
}

.about-skill-icon-wrap--blue-green {
  background: linear-gradient(135deg, var(--wp--preset--color--neon-blue), var(--wp--preset--color--neon-green));
  box-shadow: 0 4px 15px #1f51ff4d;
}

.about-skill-item:hover .about-skill-icon-wrap--blue-green {
  box-shadow: 0 6px 25px #1f51ff80;
}

@media (prefers-reduced-motion: reduce) {
  .about-skill-item:hover, .about-skill-item:hover .about-skill-icon-wrap {
    transform: none;
  }
}

.about-skill-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  font-weight: 600;
}

.about-cta-center {
  margin-top: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  display: flex;
}

.about-hero-orb-1, .about-hero-orb-2, .about-hero-orb-3 {
  filter: blur(80px);
  opacity: .4;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
}

.about-hero-orb-1 {
  background: var(--wp--preset--color--neon-pink);
  width: 300px;
  height: 300px;
  animation: 8s ease-in-out infinite float;
  top: 10%;
  right: 10%;
}

.about-hero-orb-2 {
  background: var(--wp--preset--color--neon-blue);
  width: 250px;
  height: 250px;
  animation: 10s ease-in-out infinite reverse float;
  bottom: 20%;
  left: 5%;
}

.about-hero-orb-3 {
  background: var(--wp--preset--color--neon-purple);
  width: 200px;
  height: 200px;
  animation: 6s ease-in-out infinite pulse;
  top: 40%;
  left: 40%;
}

.text-gradient-pink-rose {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #ec4899, #f43f5e) text;
  font-style: italic;
}

.text-gradient-purple-violet {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #a855f7, #8b5cf6) text;
  font-style: italic;
}

.text-gradient-blue-cyan {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #3b82f6, #06b6d4) text;
  font-style: italic;
}

.text-about-body {
  color: var(--wp--preset--color--neutral-700);
}

.dark .text-about-body {
  color: var(--wp--preset--color--neutral-200);
}

.text-about-body-alt {
  color: var(--wp--preset--color--neutral-700);
}

.dark .text-about-body-alt {
  color: #fff;
}

.hidden-about {
  background: var(--wp--preset--color--atomic-black);
  min-height: 100vh;
  color: var(--wp--preset--color--neutral-200);
  overflow-x: hidden;
}

.hidden-about__hero {
  text-align: center;
  padding-top: calc(5rem + clamp(2rem, 1.5rem + 2vw, 4rem));
  padding-bottom: clamp(3rem, 2rem + 3vw, 6rem);
  position: relative;
  overflow: hidden;
}

.hidden-about__hero:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(80% 60% at 30% 20%, #ff10f01f 0%, #0000 70%), radial-gradient(60% 50% at 70% 60%, #0044ff1a 0%, #0000 70%), radial-gradient(50% 40% at 50% 80%, #39ff140f 0%, #0000 70%);
  position: absolute;
  inset: 0;
}

.hidden-about__hero-inner {
  z-index: 1;
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  flex-direction: column;
  align-items: center;
  gap: clamp(.75rem, .5rem + .75vw, 1.5rem);
  margin: 0 auto;
  display: flex;
  position: relative;
}

.hidden-about__greeting {
  font-family: var(--wp--preset--font-family--brand-body);
  text-transform: uppercase;
  letter-spacing: .2em;
  color: var(--wp--preset--color--neon-green);
  text-shadow: 0 0 20px #39ff1466;
  font-size: clamp(.75rem, .65rem + .3vw, .9rem);
  animation: 3s ease-in-out infinite alternate hiddenAboutPulse;
}

.hidden-about__title {
  font-family: var(--wp--preset--font-family--brand-title);
  background: linear-gradient(135deg, var(--wp--preset--color--neon-pink) 0%, var(--wp--preset--color--neon-yellow) 50%, var(--wp--preset--color--neon-cyan) 100%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: clamp(2.5rem, 2rem + 3vw, 5rem);
  line-height: 1.05;
}

.hidden-about__subtitle {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-300);
  max-width: 36rem;
  font-size: clamp(1rem, .85rem + .5vw, 1.35rem);
  line-height: 1.5;
}

.hidden-about__description {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-400);
  max-width: 40rem;
  font-size: clamp(.85rem, .75rem + .35vw, 1rem);
  line-height: 1.7;
}

@keyframes hiddenAboutPulse {
  0% {
    opacity: .7;
  }

  100% {
    opacity: 1;
  }
}

.hidden-about__content {
  max-width: var(--wp--preset--layout--wide);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  flex-direction: column;
  gap: clamp(3rem, 2rem + 3vw, 6rem);
  margin: 0 auto;
  padding-bottom: clamp(3rem, 2rem + 3vw, 6rem);
  display: flex;
}

.hidden-about__story {
  max-width: var(--wp--preset--layout--content);
  width: 100%;
  margin: 0 auto;
}

.hidden-about__story-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neon-pink);
  text-shadow: 0 0 16px #ff10f040;
  margin-bottom: clamp(1rem, .75rem + .5vw, 1.5rem);
  font-size: clamp(1.25rem, 1rem + .75vw, 1.75rem);
}

.hidden-about__story-text {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-300);
  margin-bottom: clamp(.75rem, .5rem + .5vw, 1.25rem);
  font-size: clamp(.9rem, .8rem + .35vw, 1.05rem);
  line-height: 1.8;
}

.hidden-about__story-text:last-child {
  margin-bottom: 0;
}

.hidden-about__media {
  width: 100%;
}

.hidden-about__media-header {
  text-align: center;
  margin-bottom: clamp(1.5rem, 1rem + 1vw, 2.5rem);
}

.hidden-about__media-title {
  font-family: var(--wp--preset--font-family--brand-title);
  background: linear-gradient(90deg, var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-blue));
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: clamp(1.5rem, 1.25rem + 1vw, 2.5rem);
}

.hidden-about__media-subtitle {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-500);
  margin-top: .5rem;
  font-size: clamp(.8rem, .7rem + .3vw, .95rem);
}

.hidden-about__media-grid {
  grid-template-columns: 1fr;
  gap: clamp(1rem, .75rem + .5vw, 1.5rem);
  display: grid;
}

@media (width >= 520px) {
  .hidden-about__media-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .hidden-about__media-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.hidden-about__media-card {
  text-align: center;
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-800);
  color: inherit;
  background: #ffffff05;
  flex-direction: column;
  align-items: center;
  gap: clamp(.5rem, .4rem + .25vw, .75rem);
  padding: clamp(1.25rem, 1rem + .75vw, 2rem);
  text-decoration: none;
  transition: border-color .25s, box-shadow .25s, transform .25s;
  display: flex;
}

.hidden-about__media-card:hover {
  transform: translateY(-2px);
}

.hidden-about__media-card:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.hidden-about__media-card--red:hover {
  border-color: #ff282880;
  box-shadow: 0 0 24px #ff28281a;
}

.hidden-about__media-card--cyan:hover {
  border-color: #00fff580;
  box-shadow: 0 0 24px #00fff51a;
}

.hidden-about__media-card--pink:hover {
  border-color: #ff10f080;
  box-shadow: 0 0 24px #ff10f01a;
}

.hidden-about__media-card--orange:hover {
  border-color: #ff8c0080;
  box-shadow: 0 0 24px #ff8c001a;
}

.hidden-about__media-icon {
  width: clamp(1.5rem, 1.25rem + .5vw, 2rem);
  height: clamp(1.5rem, 1.25rem + .5vw, 2rem);
}

.hidden-about__media-card--red .hidden-about__media-icon {
  color: var(--wp--preset--color--neon-red);
}

.hidden-about__media-card--cyan .hidden-about__media-icon {
  color: var(--wp--preset--color--neon-cyan);
}

.hidden-about__media-card--pink .hidden-about__media-icon {
  color: var(--wp--preset--color--neon-pink);
}

.hidden-about__media-card--orange .hidden-about__media-icon {
  color: var(--wp--preset--color--neon-orange);
}

.hidden-about__media-label {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-100);
  font-size: clamp(.95rem, .85rem + .3vw, 1.15rem);
}

.hidden-about__media-tagline {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-500);
  font-size: clamp(.7rem, .65rem + .15vw, .8rem);
  line-height: 1.5;
}

.hidden-about__social {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: clamp(.75rem, .5rem + .5vw, 1.25rem);
  display: flex;
}

.hidden-about__social-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-200);
  font-size: clamp(1rem, .85rem + .5vw, 1.3rem);
}

.hidden-about__subpages {
  width: 100%;
}

.hidden-about__subpages-header {
  text-align: center;
  margin-bottom: clamp(1.5rem, 1rem + 1vw, 2.5rem);
}

.hidden-about__subpages-title {
  font-family: var(--wp--preset--font-family--brand-title);
  background: linear-gradient(90deg, var(--wp--preset--color--neon-orange), var(--wp--preset--color--neon-yellow));
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: clamp(1.5rem, 1.25rem + 1vw, 2.5rem);
}

.hidden-about__subpages-subtitle {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-500);
  margin-top: .5rem;
  font-size: clamp(.8rem, .7rem + .3vw, .95rem);
}

.hidden-about__subpages-grid {
  grid-template-columns: 1fr;
  gap: clamp(.75rem, .5rem + .5vw, 1.25rem);
  display: grid;
}

@media (width >= 520px) {
  .hidden-about__subpages-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 768px) {
  .hidden-about__subpages-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1280px) {
  .hidden-about__subpages-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.hidden-about__card {
  border-radius: var(--wp--preset--border-radius--md);
  border: 1px solid var(--wp--preset--color--neutral-800);
  color: inherit;
  background: #ffffff04;
  align-items: flex-start;
  gap: clamp(.6rem, .5rem + .25vw, .85rem);
  padding: clamp(.85rem, .7rem + .4vw, 1.25rem);
  text-decoration: none;
  transition: border-color .25s, box-shadow .25s, transform .25s, background .25s;
  display: flex;
}

.hidden-about__card:hover {
  background: #ffffff08;
  transform: translateY(-2px);
}

.hidden-about__card:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.hidden-about__card--pink:hover {
  border-color: #ff10f073;
  box-shadow: 0 0 20px #ff10f014;
}

.hidden-about__card--blue:hover {
  border-color: #0044ff73;
  box-shadow: 0 0 20px #0044ff14;
}

.hidden-about__card--green:hover {
  border-color: #39ff1473;
  box-shadow: 0 0 20px #39ff1414;
}

.hidden-about__card--purple:hover {
  border-color: #be00fe73;
  box-shadow: 0 0 20px #be00fe14;
}

.hidden-about__card--cyan:hover {
  border-color: #00fff573;
  box-shadow: 0 0 20px #00fff514;
}

.hidden-about__card--orange:hover {
  border-color: #ff8c0073;
  box-shadow: 0 0 20px #ff8c0014;
}

.hidden-about__card--yellow:hover {
  border-color: #ffe50073;
  box-shadow: 0 0 20px #ffe50014;
}

.hidden-about__card--red:hover {
  border-color: #ff282873;
  box-shadow: 0 0 20px #ff282814;
}

.hidden-about__card-dot {
  border-radius: var(--wp--preset--border-radius--full);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: clamp(2rem, 1.75rem + .5vw, 2.5rem);
  height: clamp(2rem, 1.75rem + .5vw, 2.5rem);
  display: flex;
}

.hidden-about__card-dot-icon {
  width: clamp(.9rem, .8rem + .25vw, 1.1rem);
  height: clamp(.9rem, .8rem + .25vw, 1.1rem);
}

.hidden-about__card--pink .hidden-about__card-dot {
  background: #ff10f01f;
}

.hidden-about__card--pink .hidden-about__card-dot-icon {
  color: var(--wp--preset--color--neon-pink);
}

.hidden-about__card--blue .hidden-about__card-dot {
  background: #0044ff1f;
}

.hidden-about__card--blue .hidden-about__card-dot-icon {
  color: var(--wp--preset--color--neon-blue);
}

.hidden-about__card--green .hidden-about__card-dot {
  background: #39ff141f;
}

.hidden-about__card--green .hidden-about__card-dot-icon {
  color: var(--wp--preset--color--neon-green);
}

.hidden-about__card--purple .hidden-about__card-dot {
  background: #be00fe1f;
}

.hidden-about__card--purple .hidden-about__card-dot-icon {
  color: var(--wp--preset--color--neon-purple);
}

.hidden-about__card--cyan .hidden-about__card-dot {
  background: #00fff51f;
}

.hidden-about__card--cyan .hidden-about__card-dot-icon {
  color: var(--wp--preset--color--neon-cyan);
}

.hidden-about__card--orange .hidden-about__card-dot {
  background: #ff8c001f;
}

.hidden-about__card--orange .hidden-about__card-dot-icon {
  color: var(--wp--preset--color--neon-orange);
}

.hidden-about__card--yellow .hidden-about__card-dot {
  background: #ffe5001f;
}

.hidden-about__card--yellow .hidden-about__card-dot-icon {
  color: var(--wp--preset--color--neon-yellow);
}

.hidden-about__card--red .hidden-about__card-dot {
  background: #ff28281f;
}

.hidden-about__card--red .hidden-about__card-dot-icon {
  color: var(--wp--preset--color--neon-red);
}

.hidden-about__card-body {
  flex-direction: column;
  gap: .15rem;
  min-width: 0;
  display: flex;
}

.hidden-about__card-label {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-100);
  font-size: clamp(.85rem, .75rem + .3vw, 1rem);
  line-height: 1.3;
}

.hidden-about__card-tagline {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-500);
  font-size: clamp(.7rem, .6rem + .2vw, .8rem);
  line-height: 1.4;
}

.hidden-about__noise {
  pointer-events: none;
  z-index: 0;
  opacity: .035;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
}

.hidden-about > :not(.hidden-about__noise) {
  z-index: 1;
  position: relative;
}

.hidden-about__divider {
  background: linear-gradient(90deg, transparent, var(--wp--preset--color--neon-pink), transparent);
  opacity: .3;
  width: 100%;
  max-width: 12rem;
  height: 1px;
  margin: 0 auto;
}

@media (prefers-reduced-motion: reduce) {
  .hidden-about__greeting {
    animation: none;
  }

  .hidden-about__card, .hidden-about__media-card {
    transition: none;
  }
}

.breadcrumbs {
  padding: var(--wp--preset--spacing--fluid-xs) 0;
}

.breadcrumbs--centered {
  padding: 0;
}

.breadcrumbs--centered .breadcrumbs__list {
  justify-content: center;
}

.breadcrumbs__list {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.breadcrumbs__item {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  display: flex;
}

.breadcrumbs__separator {
  width: .75rem;
  height: .75rem;
  color: var(--wp--preset--color--neutral-400);
  flex-shrink: 0;
}

.dark .breadcrumbs__separator {
  color: var(--wp--preset--color--neutral-600);
}

.breadcrumbs__link {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neon-purple-text);
  align-items: center;
  gap: .25rem;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.breadcrumbs__link:hover {
  color: var(--wp--preset--color--neon-pink-text);
}

.breadcrumbs__link:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  border-radius: var(--wp--preset--border-radius--sm);
}

.dark .breadcrumbs__link {
  color: var(--wp--preset--color--neon-purple);
}

.dark .breadcrumbs__link:hover {
  color: var(--wp--preset--color--neon-pink);
}

.breadcrumbs__text {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.breadcrumbs__item--current .breadcrumbs__text {
  color: var(--wp--preset--color--contrast);
  font-weight: 500;
}

.dark .breadcrumbs__item--current .breadcrumbs__text {
  color: var(--wp--preset--color--neutral-300);
}

.breadcrumbs__home-icon {
  flex-shrink: 0;
  width: .875rem;
  height: .875rem;
}

.history-page {
  min-height: 100vh;
}

.history-page__hero {
  padding: var(--wp--preset--spacing--fluid-2xl) 0;
  text-align: center;
  background-color: var(--wp--preset--color--atomic-black);
  background-position: center;
  background-size: cover;
}

.history-page__hero-content {
  max-width: 800px;
  padding: 0 var(--wp--preset--spacing--fluid-md);
  margin: 0 auto;
}

.history-page__hero-badge {
  color: var(--wp--preset--color--neon-pink);
  border: 1px solid var(--wp--preset--color--neon-pink);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  background: #ff10f01a;
  border-radius: 20px;
  padding: .5em 1em;
  font-size: .9em;
  display: inline-block;
}

.history-page__timeline {
  padding: var(--wp--preset--spacing--fluid-3xl) 0;
}

.history-page__timeline-inner {
  max-width: 1000px;
  padding: 0 var(--wp--preset--spacing--fluid-md);
  margin: 0 auto;
  position: relative;
}

.history-page__connector {
  background: linear-gradient(to bottom, #ff10f000 0%, var(--wp--preset--color--neon-pink) 20%, var(--wp--preset--color--neon-purple) 50%, var(--wp--preset--color--neon-cyan) 80%, #00f3ff00 100%);
  width: 4px;
  box-shadow: 0 0 15px var(--wp--preset--color--neon-purple);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.history-milestone {
  margin-bottom: var(--wp--preset--spacing--fluid-3xl);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.history-milestone__dot {
  background: var(--wp--preset--color--atomic-black);
  border: 3px solid var(--wp--preset--color--neon-cyan);
  z-index: 10;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 20px #00f3ff80;
}

.history-milestone__dot-icon {
  color: var(--wp--preset--color--neon-cyan);
  width: 24px;
  height: 24px;
}

.history-milestone__body {
  width: 45%;
  padding: var(--wp--preset--spacing--fluid-lg);
  border-radius: var(--wp--preset--border-radius--lg);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  transition: transform .3s, border-color .3s;
}

.history-milestone__body:hover {
  border-color: var(--wp--preset--color--neon-pink);
  transform: translateY(-5px);
  box-shadow: 0 0 30px #ff10f01a;
}

.history-milestone--left {
  justify-content: flex-start;
}

.history-milestone--left .history-milestone__body {
  text-align: right;
  border-right: 4px solid var(--wp--preset--color--neon-purple);
  margin-right: auto;
}

.history-milestone--right {
  justify-content: flex-end;
}

.history-milestone--right .history-milestone__body {
  text-align: left;
  border-left: 4px solid var(--wp--preset--color--neon-purple);
  margin-left: auto;
}

.history-milestone__date {
  font-family: var(--wp--preset--font-family--brand-mono);
  color: var(--wp--preset--color--neon-yellow);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  font-weight: bold;
  display: block;
}

.history-milestone__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--white);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
}

.history-milestone__desc {
  color: var(--wp--preset--color--neutral-300);
  line-height: 1.6;
}

@media (width <= 768px) {
  .history-page__connector, .history-milestone__dot {
    left: 20px;
  }

  .history-milestone__body {
    border-left: 4px solid var(--wp--preset--color--neon-purple);
    width: calc(100% - 60px);
    text-align: left !important;
    border-right: none !important;
    margin-left: 60px !important;
  }
}

.about-subpage {
  background: var(--wp--preset--color--neutral-50);
  min-height: 100vh;
}

.dark .about-subpage {
  background: var(--wp--preset--color--atomic-black);
}

.about-subpage__hero {
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  text-align: center;
  background: linear-gradient(#be00fe08 0%, #0000 100%);
}

.dark .about-subpage__hero {
  background: linear-gradient(#be00fe0f 0%, #0000 100%);
}

.about-subpage--berlin .about-subpage__hero {
  background: linear-gradient(#0044ff08 0%, #0000 100%);
}

.dark .about-subpage--berlin .about-subpage__hero {
  background: linear-gradient(#0044ff0f 0%, #0000 100%);
}

.about-subpage--book .about-subpage__hero {
  background: linear-gradient(#ff10f00a 0%, #0000 100%);
}

.dark .about-subpage--book .about-subpage__hero {
  background: linear-gradient(#ff10f014 0%, #0000 100%);
}

.about-subpage--bio .about-subpage__hero {
  background: linear-gradient(#be00fe08 0%, #0000 100%);
}

.dark .about-subpage--bio .about-subpage__hero {
  background: linear-gradient(#be00fe0f 0%, #0000 100%);
}

.about-subpage--process .about-subpage__hero {
  background: linear-gradient(#39ff1408 0%, #0000 100%);
}

.dark .about-subpage--process .about-subpage__hero {
  background: linear-gradient(#39ff140f 0%, #0000 100%);
}

.about-subpage--lucy .about-subpage__hero {
  background: linear-gradient(#00f3ff08 0%, #be00fe05 50%, #0000 100%);
}

.dark .about-subpage--lucy .about-subpage__hero {
  background: linear-gradient(#00f3ff0f 0%, #be00fe0a 50%, #0000 100%);
}

.about-subpage--travels .about-subpage__hero {
  background: linear-gradient(#ff6b0008 0%, #0000 100%);
}

.dark .about-subpage--travels .about-subpage__hero {
  background: linear-gradient(#ff6b000f 0%, #0000 100%);
}

.about-subpage__hero-content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.about-subpage__hero-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .1em;
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-purple-text);
  background: #be00fe14;
  border: 1px solid #be00fe26;
  padding: .25rem 1rem;
  font-weight: 600;
  display: inline-block;
}

.dark .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe1f;
  border-color: #be00fe4d;
}

.about-subpage--berlin .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-blue-text);
  background: #0044ff14;
  border-color: #0044ff26;
}

.dark .about-subpage--berlin .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-blue);
  background: #0044ff1f;
  border-color: #0044ff4d;
}

.about-subpage--book .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-pink-text);
  background: #ff10f014;
  border-color: #ff10f026;
}

.dark .about-subpage--book .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-pink);
  background: #ff10f01f;
  border-color: #ff10f04d;
}

.about-subpage--process .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff1414;
  border-color: #39ff1426;
}

.dark .about-subpage--process .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-green);
  background: #39ff141f;
  border-color: #39ff144d;
}

.about-subpage--lucy .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-cyan-text);
  background: #00f3ff14;
  border-color: #00f3ff26;
}

.dark .about-subpage--lucy .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-cyan);
  background: #00f3ff1f;
  border-color: #00f3ff4d;
}

.about-subpage--travels .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-orange-text);
  background: #ff6b0014;
  border-color: #ff6b0026;
}

.dark .about-subpage--travels .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-orange);
  background: #ff6b001f;
  border-color: #ff6b004d;
}

.about-subpage__hero-desc {
  max-width: 38rem;
  color: var(--wp--preset--color--neutral-600);
}

.dark .about-subpage__hero-desc {
  color: var(--wp--preset--color--neutral-400);
}

.about-subpage__body {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal) var(--wp--preset--spacing--fluid-xl);
  gap: var(--wp--preset--spacing--fluid-xl);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.about-subpage__section {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.about-subpage__section-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--foreground);
}

.dark .about-subpage__section-title {
  color: var(--wp--preset--color--neutral-100);
}

.about-subpage__section-text {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
  line-height: 1.7;
}

.dark .about-subpage__section-text {
  color: var(--wp--preset--color--neutral-400);
}

.about-subpage__facts {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: repeat(2, 1fr);
  margin: 0 auto;
  display: grid;
}

@media (width >= 768px) {
  .about-subpage__facts {
    grid-template-columns: repeat(5, 1fr);
  }
}

.about-subpage__fact {
  padding: var(--wp--preset--spacing--fluid-sm);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  text-align: center;
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.dark .about-subpage__fact {
  border-color: var(--wp--preset--color--neutral-800);
  background: #14141480;
}

.about-subpage__fact-label {
  font-family: var(--wp--preset--font-family--brand-body);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--wp--preset--color--neon-purple-text);
  font-size: .7rem;
}

.dark .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-purple);
}

.about-subpage__fact-value {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  color: var(--foreground);
}

.dark .about-subpage__fact-value {
  color: var(--wp--preset--color--neutral-100);
}

.about-subpage__steps {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.about-subpage__step {
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-sm);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  transition: border-color .2s, box-shadow .2s;
  display: flex;
}

.about-subpage__step:hover {
  border-color: #39ff144d;
  box-shadow: 0 2px 12px #39ff140f;
}

.dark .about-subpage__step {
  border-color: var(--wp--preset--color--neutral-800);
  background: #14141480;
}

.dark .about-subpage__step:hover {
  border-color: #39ff1466;
  box-shadow: 0 0 16px #39ff1414;
}

.about-subpage__step-number {
  border-radius: var(--wp--preset--border-radius--full);
  width: 2.5rem;
  height: 2.5rem;
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff1414;
  border: 1px solid #39ff1433;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dark .about-subpage__step-number {
  color: var(--wp--preset--color--neon-green);
  background: #39ff141f;
  border-color: #39ff144d;
}

.about-subpage__step-body {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.about-subpage__step-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  color: var(--foreground);
}

.dark .about-subpage__step-title {
  color: var(--wp--preset--color--neutral-100);
}

.about-subpage__step-desc {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
  line-height: 1.6;
}

.dark .about-subpage__step-desc {
  color: var(--wp--preset--color--neutral-400);
}

.book-cover {
  aspect-ratio: 2 / 3;
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--neon-pink);
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  max-width: 22rem;
  padding: var(--wp--preset--spacing--fluid-lg);
  text-align: center;
  flex-direction: column;
  margin: 0 auto;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px #ff10f040, 0 0 60px #ff10f026;
}

.dark .book-cover {
  box-shadow: 0 8px 40px #ff10f059, 0 0 80px #ff10f033;
}

.book-cover__title {
  font-family: var(--wp--preset--font-family--brand-title);
  color: var(--wp--preset--color--neon-yellow);
  text-shadow: 0 0 20px #ffe50099;
  font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
  line-height: 1.2;
}

.book-cover__subtitle {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: #ffffffd9;
  letter-spacing: .05em;
}

.book-cover__author {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neon-yellow);
  text-transform: uppercase;
  letter-spacing: .1em;
  text-shadow: 0 0 12px #ffe50080;
}

.book-cover__status {
  font-family: var(--wp--preset--font-family--brand-body);
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: var(--wp--preset--border-radius--full);
  color: #ffffffe6;
  background: #00000040;
  padding: .25rem .75rem;
  font-size: .7rem;
  display: inline-block;
}

.about-subpage__chapters {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.about-subpage__chapters-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--foreground);
  text-align: center;
}

.dark .about-subpage__chapters-title {
  color: var(--wp--preset--color--neutral-100);
}

.about-subpage__chapter {
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-sm);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  transition: border-color .2s, box-shadow .2s;
  display: flex;
}

.about-subpage__chapter:hover {
  border-color: #ff10f04d;
  box-shadow: 0 2px 12px #ff10f00f;
}

.dark .about-subpage__chapter {
  border-color: var(--wp--preset--color--neutral-800);
  background: #14141480;
}

.dark .about-subpage__chapter:hover {
  border-color: #ff10f066;
  box-shadow: 0 0 16px #ff10f01a;
}

.about-subpage__chapter-number {
  border-radius: var(--wp--preset--border-radius--full);
  width: 2.5rem;
  height: 2.5rem;
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neon-pink-text);
  background: #ff10f014;
  border: 1px solid #ff10f033;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dark .about-subpage__chapter-number {
  color: var(--wp--preset--color--neon-pink);
  background: #ff10f01f;
  border-color: #ff10f04d;
}

.about-subpage__chapter-body {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.about-subpage__chapter-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  color: var(--foreground);
}

.dark .about-subpage__chapter-title {
  color: var(--wp--preset--color--neutral-100);
}

.about-subpage__chapter-teaser {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-500);
  line-height: 1.5;
}

.dark .about-subpage__chapter-teaser {
  color: var(--wp--preset--color--neutral-400);
}

.about-subpage__destinations {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: 1fr;
  margin: 0 auto;
  display: grid;
}

@media (width >= 768px) {
  .about-subpage__destinations {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .about-subpage__destinations {
    grid-template-columns: repeat(3, 1fr);
  }
}

.about-subpage__destination {
  padding: var(--wp--preset--spacing--fluid-sm);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  flex-direction: column;
  gap: .5rem;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
}

.about-subpage__destination:hover {
  border-color: #ff6b004d;
  box-shadow: 0 2px 12px #ff6b000f;
}

.dark .about-subpage__destination {
  border-color: var(--wp--preset--color--neutral-800);
  background: #14141480;
}

.dark .about-subpage__destination:hover {
  border-color: #ff6b0066;
  box-shadow: 0 0 16px #ff6b0014;
}

.about-subpage__destination-name {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  color: var(--foreground);
  align-items: center;
  gap: .375rem;
  display: flex;
}

.about-subpage__destination-icon {
  width: 1.125rem;
  height: 1.125rem;
  color: var(--wp--preset--color--neon-orange-text);
  flex-shrink: 0;
}

.dark .about-subpage__destination-icon {
  color: var(--wp--preset--color--neon-orange);
}

.about-subpage__destination-region {
  font-family: var(--wp--preset--font-family--brand-body);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--wp--preset--color--neon-orange-text);
  font-size: .7rem;
}

.dark .about-subpage__destination-region {
  color: var(--wp--preset--color--neon-orange);
}

.about-subpage__destination-desc {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-500);
  line-height: 1.5;
}

.dark .about-subpage__destination-desc {
  color: var(--wp--preset--color--neutral-400);
}

@media (prefers-reduced-motion: reduce) {
  .about-subpage__step, .about-subpage__chapter, .about-subpage__destination {
    transition: none;
  }
}

.about-subpage--podcast .about-subpage__hero {
  background: linear-gradient(#ff003208 0%, #0000 100%);
}

.dark .about-subpage--podcast .about-subpage__hero {
  background: linear-gradient(#ff00320f 0%, #0000 100%);
}

.about-subpage--podcast .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-red-text);
  background: #ff003214;
  border-color: #ff003226;
}

.dark .about-subpage--podcast .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-red);
  background: #ff00321f;
  border-color: #ff00324d;
}

.about-subpage--podcast .about-subpage__chapter:hover {
  border-color: #ff00324d;
  box-shadow: 0 2px 12px #ff00320f;
}

.dark .about-subpage--podcast .about-subpage__chapter:hover {
  border-color: #ff003266;
  box-shadow: 0 0 16px #ff00321a;
}

.about-subpage__inline-icon {
  vertical-align: -.15em;
  width: 1.25rem;
  height: 1.25rem;
  display: inline;
}

.about-subpage__ep-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--wp--preset--color--neon-red-text);
}

.dark .about-subpage__ep-icon {
  color: var(--wp--preset--color--neon-red);
}

.about-subpage__ebook-chapter {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.about-subpage__ebook-excerpt {
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-md);
  border-radius: 0 var(--wp--preset--border-radius--md) var(--wp--preset--border-radius--md) 0;
  background: #ff10f005;
  border-left: 3px solid #ff10f04d;
  flex-direction: column;
  display: flex;
}

.dark .about-subpage__ebook-excerpt {
  background: #ff10f00a;
  border-left-color: #ff10f080;
}

.about-subpage--adhd .about-subpage__hero {
  background: linear-gradient(#ffe50008 0%, #0000 100%);
}

.dark .about-subpage--adhd .about-subpage__hero {
  background: linear-gradient(#ffe5000f 0%, #0000 100%);
}

.about-subpage--adhd .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-yellow-text);
  background: #ffe50014;
  border-color: #ffe50026;
}

.dark .about-subpage--adhd .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-yellow);
  background: #ffe5001f;
  border-color: #ffe5004d;
}

.about-subpage--adhd .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-yellow-text);
}

.dark .about-subpage--adhd .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-yellow);
}

.about-subpage__pull-quote {
  max-width: var(--wp--preset--layout--content);
  padding: var(--wp--preset--spacing--fluid-md) var(--wp--preset--spacing--section-horizontal);
  text-align: center;
  margin: 0 auto;
}

.about-subpage__pull-quote-text {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--neutral-500);
  font-style: italic;
  line-height: 1.5;
  position: relative;
}

.dark .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neutral-300);
}

.about-subpage--adhd .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-yellow-text);
}

.dark .about-subpage--adhd .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-yellow);
  text-shadow: 0 0 20px #ffe50026;
}

.about-subpage--cycling .about-subpage__hero {
  background: linear-gradient(#39ff1408 0%, #0000 100%);
}

.dark .about-subpage--cycling .about-subpage__hero {
  background: linear-gradient(#39ff140f 0%, #0000 100%);
}

.about-subpage--cycling .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff1414;
  border-color: #39ff1426;
}

.dark .about-subpage--cycling .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-green);
  background: #39ff141f;
  border-color: #39ff144d;
}

.about-subpage--cycling .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .about-subpage--cycling .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-green);
}

.about-subpage--cycling .about-subpage__destination:hover {
  border-color: #39ff144d;
  box-shadow: 0 2px 12px #39ff140f;
}

.dark .about-subpage--cycling .about-subpage__destination:hover {
  border-color: #39ff1466;
  box-shadow: 0 0 16px #39ff1414;
}

.about-subpage--cycling .about-subpage__destination-icon {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .about-subpage--cycling .about-subpage__destination-icon {
  color: var(--wp--preset--color--neon-green);
}

.about-subpage--cycling .about-subpage__destination-region {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .about-subpage--cycling .about-subpage__destination-region {
  color: var(--wp--preset--color--neon-green);
}

.about-subpage--aquarius .about-subpage__hero {
  background: linear-gradient(#00f7ff08 0%, #0000 100%);
}

.dark .about-subpage--aquarius .about-subpage__hero {
  background: linear-gradient(#00f7ff0f 0%, #0000 100%);
}

.about-subpage--aquarius .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-cyan-text);
  background: #00f7ff14;
  border-color: #00f7ff26;
}

.dark .about-subpage--aquarius .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-cyan);
  background: #00f7ff1f;
  border-color: #00f7ff4d;
}

.about-subpage--aquarius .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-cyan-text);
}

.dark .about-subpage--aquarius .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-cyan);
}

.about-subpage--aquarius .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-cyan-text);
}

.dark .about-subpage--aquarius .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-cyan);
  text-shadow: 0 0 20px #00f7ff26;
}

.about-subpage--aquarius .about-subpage__destination:hover {
  border-color: #00f7ff4d;
  box-shadow: 0 2px 12px #00f7ff0f;
}

.dark .about-subpage--aquarius .about-subpage__destination:hover {
  border-color: #00f7ff66;
  box-shadow: 0 0 16px #00f7ff14;
}

.about-subpage--aquarius .about-subpage__destination-name {
  color: var(--wp--preset--color--neon-cyan-text);
}

.dark .about-subpage--aquarius .about-subpage__destination-name {
  color: var(--wp--preset--color--neon-cyan);
}

.about-subpage--music .about-subpage__hero {
  background: linear-gradient(#be00fe08 0%, #0000 100%);
}

.dark .about-subpage--music .about-subpage__hero {
  background: linear-gradient(#be00fe0f 0%, #0000 100%);
}

.about-subpage--music .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-purple-text);
  background: #be00fe14;
  border-color: #be00fe26;
}

.dark .about-subpage--music .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe1f;
  border-color: #be00fe4d;
}

.about-subpage--music .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .about-subpage--music .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-purple);
}

.about-subpage--music .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .about-subpage--music .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-purple);
  text-shadow: 0 0 20px #be00fe26;
}

.about-subpage--music .about-subpage__destination:hover {
  border-color: #be00fe4d;
  box-shadow: 0 2px 12px #be00fe0f;
}

.dark .about-subpage--music .about-subpage__destination:hover {
  border-color: #be00fe66;
  box-shadow: 0 0 16px #be00fe14;
}

.about-subpage--music .about-subpage__destination-region {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .about-subpage--music .about-subpage__destination-region {
  color: var(--wp--preset--color--neon-purple);
}

.about-subpage--lightspeed .about-subpage__hero {
  background: linear-gradient(#0044ff08 0%, #0000 100%);
}

.dark .about-subpage--lightspeed .about-subpage__hero {
  background: linear-gradient(#0044ff0f 0%, #0000 100%);
}

.about-subpage--lightspeed .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-blue-text);
  background: #0044ff14;
  border-color: #0044ff26;
}

.dark .about-subpage--lightspeed .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-blue);
  background: #0044ff1f;
  border-color: #0044ff4d;
}

.about-subpage--lightspeed .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-blue-text);
}

.dark .about-subpage--lightspeed .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-blue);
}

.about-subpage--lightspeed .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-blue-text);
}

.dark .about-subpage--lightspeed .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-blue);
  text-shadow: 0 0 20px #0044ff26;
}

.about-subpage--lightspeed .about-subpage__destination:hover {
  border-color: #0044ff4d;
  box-shadow: 0 2px 12px #0044ff0f;
}

.dark .about-subpage--lightspeed .about-subpage__destination:hover {
  border-color: #04f6;
  box-shadow: 0 0 16px #0044ff14;
}

.about-subpage--lightspeed .about-subpage__destination-region {
  color: var(--wp--preset--color--neon-blue-text);
}

.dark .about-subpage--lightspeed .about-subpage__destination-region {
  color: var(--wp--preset--color--neon-blue);
}

.about-subpage--education .about-subpage__hero {
  background: linear-gradient(#ff6b0008 0%, #0000 100%);
}

.dark .about-subpage--education .about-subpage__hero {
  background: linear-gradient(#ff6b000f 0%, #0000 100%);
}

.about-subpage--education .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-orange-text);
  background: #ff6b0014;
  border-color: #ff6b0026;
}

.dark .about-subpage--education .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-orange);
  background: #ff6b001f;
  border-color: #ff6b004d;
}

.about-subpage--education .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-orange-text);
}

.dark .about-subpage--education .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-orange);
}

.about-subpage--education .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-orange-text);
}

.dark .about-subpage--education .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-orange);
  text-shadow: 0 0 20px #ff6b0026;
}

.about-subpage--education .about-subpage__step:hover {
  border-color: #ff6b004d;
  box-shadow: 0 2px 12px #ff6b000f;
}

.dark .about-subpage--education .about-subpage__step:hover {
  border-color: #ff6b0066;
  box-shadow: 0 0 16px #ff6b0014;
}

.about-subpage--education .about-subpage__step-number {
  color: var(--wp--preset--color--neon-orange-text);
  background: #ff6b0014;
  border-color: #ff6b0033;
}

.dark .about-subpage--education .about-subpage__step-number {
  color: var(--wp--preset--color--neon-orange);
  background: #ff6b001f;
  border-color: #ff6b004d;
}

.about-subpage--partners .about-subpage__hero {
  background: linear-gradient(#ff10f008 0%, #0000 100%);
}

.dark .about-subpage--partners .about-subpage__hero {
  background: linear-gradient(#ff10f00f 0%, #0000 100%);
}

.about-subpage--partners .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-pink-text);
  background: #ff10f014;
  border-color: #ff10f026;
}

.dark .about-subpage--partners .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-pink);
  background: #ff10f01f;
  border-color: #ff10f04d;
}

.about-subpage--partners .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .about-subpage--partners .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-pink);
  text-shadow: 0 0 20px #ff10f026;
}

.about-subpage--fitness .about-subpage__hero {
  background: linear-gradient(#39ff1408 0%, #0000 100%);
}

.dark .about-subpage--fitness .about-subpage__hero {
  background: linear-gradient(#39ff140f 0%, #0000 100%);
}

.about-subpage--fitness .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff1414;
  border-color: #39ff1426;
}

.dark .about-subpage--fitness .about-subpage__hero-badge {
  color: var(--wp--preset--color--neon-green);
  background: #39ff141f;
  border-color: #39ff144d;
}

.about-subpage--fitness .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .about-subpage--fitness .about-subpage__fact-label {
  color: var(--wp--preset--color--neon-green);
}

.about-subpage--fitness .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .about-subpage--fitness .about-subpage__pull-quote-text {
  color: var(--wp--preset--color--neon-green);
  text-shadow: 0 0 20px #39ff1426;
}

.about-subpage--fitness .about-subpage__destination:hover {
  border-color: #39ff144d;
  box-shadow: 0 2px 12px #39ff140f;
}

.dark .about-subpage--fitness .about-subpage__destination:hover {
  border-color: #39ff1466;
  box-shadow: 0 0 16px #39ff1414;
}

.about-subpage--fitness .about-subpage__destination-region {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .about-subpage--fitness .about-subpage__destination-region {
  color: var(--wp--preset--color--neon-green);
}

.ebook-reader {
  background: var(--wp--preset--color--neutral-100);
  height: 100dvh;
  max-width: var(--wp--preset--layout--wide);
  --ebook-body-size: .875rem;
  --ebook-body-lh: 1.65;
  --ebook-heading-size: 1rem;
  --ebook-chapter-title-size: 1.1rem;
  --ebook-cover-title-size: 1.5rem;
  --ebook-cover-subtitle-size: .7rem;
  --ebook-cover-author-size: .8rem;
  --ebook-toc-title-size: .95rem;
  --ebook-toc-item-size: .8rem;
  --ebook-section-title-size: .95rem;
  --ebook-chapter-number-size: .6rem;
  --ebook-chapter-start-title-size: 1.1rem;
  --ebook-chapter-start-subtitle-size: .75rem;
  --ebook-part-label-size: .6rem;
  --ebook-part-title-size: 1.25rem;
  --ebook-part-subtitle-size: .7rem;
  --ebook-epigraph-size: .85rem;
  --ebook-epigraph-attr-size: .7rem;
  --ebook-page-number-size: .6rem;
  --ebook-page-pad-v: 1rem;
  --ebook-page-pad-h: 1rem;
  --ebook-meta-size: .6rem;
  --ebook-chapter-heading-size: .55rem;
  --ebook-blurb-size: .8rem;
  --ebook-status-size: .55rem;
  --ebook-back-title-size: 1rem;
  --ebook-dedication-size: .85rem;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
}

.dark .ebook-reader {
  background: var(--wp--preset--color--atomic-black);
}

.ebook-reader__hero {
  padding-top: calc(5rem + clamp(.5rem, .4rem + .5vw, 1rem));
  padding-bottom: var(--wp--preset--spacing--fluid-sm);
  text-align: center;
}

.ebook-reader__hero-inner {
  max-width: var(--wp--preset--layout--wide);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  margin: 0 auto;
  display: flex;
}

.ebook-reader__single-wrapper {
  touch-action: pan-y pinch-zoom;
  flex: 1;
  width: 100%;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.ebook-reader__single-track {
  will-change: transform;
  width: 300%;
  display: flex;
  position: absolute;
  inset: 0 0 0 -100%;
}

.ebook-reader__single-page {
  flex-direction: column;
  flex-shrink: 0;
  width: 33.3333%;
  min-height: 100%;
  display: flex;
}

.ebook-reader__single-page .ebook-reader__page-inner {
  -webkit-overflow-scrolling: touch;
  box-shadow: none;
  border-radius: 0;
  flex: 1;
  overflow-y: auto;
}

.ebook-reader__book-wrapper {
  display: none;
}

@media (width >= 1024px) {
  .ebook-reader__book-wrapper {
    min-height: 0;
    padding: 0 var(--wp--preset--spacing--fluid-sm);
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }
}

.ebook-reader__book {
  perspective: 2500px;
  filter: drop-shadow(0 8px 40px #00000026);
  width: 100%;
  max-width: 1440px;
  height: 100%;
  position: relative;
}

.dark .ebook-reader__book {
  filter: drop-shadow(0 8px 40px #00000080);
}

.ebook-reader__spine {
  z-index: 20;
  pointer-events: none;
  background: linear-gradient(#00000014 0%, #00000026 50%, #00000014 100%);
  border-radius: 2px;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.dark .ebook-reader__spine {
  background: linear-gradient(#ffffff0a 0%, #ffffff14 50%, #ffffff0a 100%);
}

.ebook-reader__page {
  box-sizing: border-box;
  flex-direction: column;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.ebook-reader__page--left {
  border-radius: var(--wp--preset--border-radius--md) 0 0 var(--wp--preset--border-radius--md);
  left: 0;
}

.ebook-reader__page--right {
  border-radius: 0 var(--wp--preset--border-radius--md) var(--wp--preset--border-radius--md) 0;
  right: 0;
}

.ebook-reader__page-inner {
  color: var(--wp--preset--color--neutral-800);
  background: #fafaf7;
  flex-direction: column;
  flex: 1;
  padding: clamp(1rem, .75rem + 2vw, 3rem) clamp(1rem, .75rem + 2.5vw, 3rem);
  display: flex;
  overflow-y: auto;
}

.dark .ebook-reader__page-inner {
  background: var(--wp--preset--color--atomic-black);
  color: var(--wp--preset--color--neutral-200);
}

@media (width >= 1024px) {
  .ebook-reader__page--left .ebook-reader__page-inner {
    box-shadow: inset -8px 0 16px -8px #0000000f;
  }

  .ebook-reader__page--right .ebook-reader__page-inner {
    box-shadow: inset 8px 0 16px -8px #0000000f;
  }

  .dark .ebook-reader__page--left .ebook-reader__page-inner {
    box-shadow: inset -8px 0 16px -8px #ffffff08;
  }

  .dark .ebook-reader__page--right .ebook-reader__page-inner {
    box-shadow: inset 8px 0 16px -8px #ffffff08;
  }
}

.ebook-reader__page-number {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-page-number-size);
  letter-spacing: .05em;
  color: var(--wp--preset--color--neutral-400);
  text-align: center;
  margin-top: auto;
  padding-top: .75rem;
}

.dark .ebook-reader__page-number {
  color: var(--wp--preset--color--neutral-600);
}

.ebook-reader__flip-layer {
  z-index: 15;
  width: 50%;
  height: 100%;
  transform-style: preserve-3d;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.ebook-reader__flip-layer--forward {
  transform-origin: 0;
  animation: .7s cubic-bezier(.4, 0, .2, 1) forwards ebookFlipForward;
  right: 0;
}

.ebook-reader__flip-layer--backward {
  transform-origin: 100%;
  animation: .7s cubic-bezier(.4, 0, .2, 1) forwards ebookFlipBackward;
  left: 0;
}

@keyframes ebookFlipForward {
  0% {
    transform: rotateY(0);
  }

  100% {
    transform: rotateY(-180deg);
  }
}

@keyframes ebookFlipBackward {
  0% {
    transform: rotateY(180deg);
  }

  100% {
    transform: rotateY(0);
  }
}

.ebook-reader__flip-face {
  backface-visibility: hidden;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.ebook-reader__flip-face--back {
  transform: rotateY(180deg);
}

.ebook-reader__flip-layer--forward .ebook-reader__flip-face--front {
  border-radius: 0 var(--wp--preset--border-radius--md) var(--wp--preset--border-radius--md) 0;
}

.ebook-reader__flip-layer--forward .ebook-reader__flip-face--back, .ebook-reader__flip-layer--backward .ebook-reader__flip-face--front {
  border-radius: var(--wp--preset--border-radius--md) 0 0 var(--wp--preset--border-radius--md);
}

.ebook-reader__flip-layer--backward .ebook-reader__flip-face--back {
  border-radius: 0 var(--wp--preset--border-radius--md) var(--wp--preset--border-radius--md) 0;
}

.ebook-reader__click-zone {
  z-index: 25;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  width: 50%;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
}

.ebook-reader__click-zone:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: -3px;
}

.ebook-reader__click-zone--left {
  left: 0;
}

.ebook-reader__click-zone--right {
  right: 0;
}

.ebook-reader__click-zone--disabled {
  cursor: default;
  pointer-events: none;
}

.ebook-reader__nav {
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--section-horizontal);
  display: flex;
}

.ebook-reader__nav-btn {
  border-radius: var(--wp--preset--border-radius--full);
  border: 1px solid var(--wp--preset--color--neutral-300);
  background: var(--wp--preset--color--base);
  width: clamp(2.25rem, 2rem + 1vw, 2.75rem);
  height: clamp(2.25rem, 2rem + 1vw, 2.75rem);
  color: var(--foreground);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: border-color .2s, box-shadow .2s, background .2s;
  display: flex;
}

.ebook-reader__nav-btn:hover:not(:disabled) {
  border-color: #ff10f066;
  box-shadow: 0 0 12px #ff10f01a;
}

.ebook-reader__nav-btn:disabled {
  opacity: .3;
  cursor: default;
}

.ebook-reader__nav-btn:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.dark .ebook-reader__nav-btn {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-200);
  background: #14141499;
}

.dark .ebook-reader__nav-btn:hover:not(:disabled) {
  border-color: #ff10f080;
  box-shadow: 0 0 16px #ff10f026;
}

.ebook-reader__nav-icon {
  width: clamp(1rem, .875rem + .25vw, 1.25rem);
  height: clamp(1rem, .875rem + .25vw, 1.25rem);
}

.ebook-reader__page-counter {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-500);
  text-align: center;
  min-width: 5rem;
  font-size: clamp(.7rem, .6rem + .25vw, .85rem);
}

.dark .ebook-reader__page-counter {
  color: var(--wp--preset--color--neutral-400);
}

.ebook-reader__progress {
  width: 100%;
  max-width: var(--wp--preset--layout--content);
  background: var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--full);
  height: 3px;
  margin: 0 auto;
  overflow: hidden;
}

.dark .ebook-reader__progress {
  background: var(--wp--preset--color--neutral-800);
}

.ebook-reader__progress-fill {
  background: linear-gradient(90deg, var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-blue));
  border-radius: var(--wp--preset--border-radius--full);
  min-width: 0;
  height: 100%;
  transition: width .4s;
}

.dark .ebook-reader__progress-fill {
  box-shadow: 0 0 8px #ff10f04d;
}

.ebook-page--cover .ebook-reader__page-inner {
  background: var(--wp--preset--color--neon-pink);
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  position: relative;
  overflow: hidden;
}

.dark .ebook-page--cover .ebook-reader__page-inner {
  background: var(--wp--preset--color--neon-pink);
}

.ebook-page--cover .ebook-page__title {
  font-family: var(--wp--preset--font-family--brand-title);
  font-size: var(--ebook-cover-title-size);
  color: var(--wp--preset--color--neon-yellow);
  text-shadow: 0 0 20px #ffe50099;
  line-height: 1.2;
}

.ebook-page--cover .ebook-page__subtitle {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-cover-subtitle-size);
  color: #ffffffd9;
  letter-spacing: .05em;
}

.ebook-page--cover .ebook-page__author {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--ebook-cover-author-size);
  color: var(--wp--preset--color--neon-yellow);
  text-transform: uppercase;
  letter-spacing: .1em;
  text-shadow: 0 0 12px #ffe50080;
}

.ebook-page--cover .ebook-page__status {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-status-size);
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: var(--wp--preset--border-radius--full);
  color: #ffffffe6;
  background: #00000040;
  padding: .2rem .6rem;
  display: inline-block;
}

.ebook-page--back-cover .ebook-reader__page-inner {
  background: var(--wp--preset--color--neon-pink);
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: clamp(1.5rem, 1rem + 2vw, 3rem);
}

.dark .ebook-page--back-cover .ebook-reader__page-inner {
  background: var(--wp--preset--color--neon-pink);
}

.ebook-page--back-cover .ebook-page__blurb {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-blurb-size);
  color: #ffffffe6;
  font-style: italic;
  line-height: 1.6;
}

.ebook-page--back-cover .ebook-page__title {
  font-family: var(--wp--preset--font-family--brand-title);
  font-size: var(--ebook-back-title-size);
  color: var(--wp--preset--color--neon-yellow);
  text-shadow: 0 0 12px #ffe50066;
}

.ebook-page--inside-front .ebook-reader__page-inner {
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 3rem;
}

.ebook-page--inside-front .ebook-page__meta-line {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-meta-size);
  color: var(--wp--preset--color--neutral-400);
  letter-spacing: .05em;
}

.dark .ebook-page--inside-front .ebook-page__meta-line {
  color: var(--wp--preset--color--neutral-600);
}

.ebook-page--title .ebook-reader__page-inner {
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
}

.ebook-page--title .ebook-page__title {
  font-family: var(--wp--preset--font-family--brand-title);
  font-size: var(--ebook-chapter-title-size);
  color: var(--wp--preset--color--neon-pink-text);
  line-height: 1.2;
}

.dark .ebook-page--title .ebook-page__title {
  color: var(--wp--preset--color--neon-pink);
  text-shadow: 0 0 16px #ff10f04d;
}

.ebook-page--title .ebook-page__subtitle {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-chapter-start-subtitle-size);
  color: var(--wp--preset--color--neutral-500);
  font-style: italic;
}

.dark .ebook-page--title .ebook-page__subtitle {
  color: var(--wp--preset--color--neutral-400);
}

.ebook-page--title .ebook-page__author {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--ebook-chapter-start-title-size);
  color: var(--foreground);
  text-transform: uppercase;
  letter-spacing: .1em;
}

.dark .ebook-page--title .ebook-page__author {
  color: var(--wp--preset--color--neutral-100);
}

.ebook-page--dedication .ebook-reader__page-inner {
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.ebook-page--dedication .ebook-page__dedication-line {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--ebook-dedication-size);
  color: var(--wp--preset--color--neutral-600);
  font-style: italic;
  line-height: 1.6;
}

.dark .ebook-page--dedication .ebook-page__dedication-line {
  color: var(--wp--preset--color--neutral-400);
}

.ebook-page--epigraph .ebook-reader__page-inner {
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: .75rem;
}

.ebook-page--epigraph .ebook-page__epigraph-line {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--ebook-epigraph-size);
  color: var(--wp--preset--color--neutral-600);
  max-width: 28rem;
  font-style: italic;
  line-height: 1.7;
}

.ebook-page--epigraph .ebook-page__epigraph-line:last-child {
  font-style: normal;
  font-size: var(--ebook-epigraph-attr-size);
  color: var(--wp--preset--color--neon-pink-text);
  margin-top: .25rem;
}

.dark .ebook-page--epigraph .ebook-page__epigraph-line {
  color: var(--wp--preset--color--neutral-400);
}

.dark .ebook-page--epigraph .ebook-page__epigraph-line:last-child {
  color: var(--wp--preset--color--neon-pink);
}

.ebook-page--toc .ebook-reader__page-inner {
  gap: var(--wp--preset--spacing--fluid-sm);
}

.ebook-page--toc .ebook-page__toc-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--ebook-toc-title-size);
  color: var(--foreground);
  margin-bottom: .5rem;
}

.dark .ebook-page--toc .ebook-page__toc-title {
  color: var(--wp--preset--color--neutral-100);
}

.ebook-page__toc-list {
  flex-direction: column;
  gap: clamp(.35rem, .25rem + .25vw, .55rem);
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ebook-page__toc-item {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-toc-item-size);
  color: var(--wp--preset--color--neutral-600);
  align-items: baseline;
  gap: .5rem;
  display: flex;
}

.dark .ebook-page__toc-item {
  color: var(--wp--preset--color--neutral-400);
}

.ebook-page__toc-number {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neon-pink-text);
  min-width: 1.5rem;
}

.dark .ebook-page__toc-number {
  color: var(--wp--preset--color--neon-pink);
}

.ebook-page__toc-dots {
  border-bottom: 1px dotted var(--wp--preset--color--neutral-300);
  flex: 1;
  margin-bottom: .25em;
}

.dark .ebook-page__toc-dots {
  border-color: var(--wp--preset--color--neutral-700);
}

.ebook-page__toc-part-label {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neon-pink-text);
  text-transform: uppercase;
  letter-spacing: .08em;
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  align-items: baseline;
  gap: .5rem;
  margin-top: .25rem;
  padding-top: .5rem;
  font-size: clamp(.7rem, .6rem + .3vw, .85rem);
  display: flex;
}

.ebook-page__toc-part-label:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.dark .ebook-page__toc-part-label {
  color: var(--wp--preset--color--neon-pink);
  border-top-color: var(--wp--preset--color--neutral-800);
}

.ebook-page__toc-part-numeral {
  font-family: var(--wp--preset--font-family--brand-heading);
  min-width: 1.5rem;
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .ebook-page__toc-part-numeral {
  color: var(--wp--preset--color--neon-pink);
}

.ebook-page--foreword .ebook-reader__page-inner, .ebook-page--afterword .ebook-reader__page-inner {
  gap: clamp(.6rem, .5rem + .35vw, .85rem);
}

.ebook-page--foreword .ebook-page__section-title, .ebook-page--afterword .ebook-page__section-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--ebook-section-title-size);
  color: var(--foreground);
  margin-bottom: .25rem;
}

.dark .ebook-page--foreword .ebook-page__section-title, .dark .ebook-page--afterword .ebook-page__section-title {
  color: var(--wp--preset--color--neutral-100);
}

.ebook-page--chapter-start .ebook-reader__page-inner {
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
}

.ebook-page__chapter-number {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-chapter-number-size);
  text-transform: uppercase;
  letter-spacing: .15em;
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .ebook-page__chapter-number {
  color: var(--wp--preset--color--neon-pink);
}

.ebook-page--chapter-start .ebook-page__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--ebook-chapter-start-title-size);
  color: var(--foreground);
  line-height: 1.2;
}

.dark .ebook-page--chapter-start .ebook-page__title {
  color: var(--wp--preset--color--neutral-100);
}

.ebook-page--chapter-start .ebook-page__subtitle {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-chapter-start-subtitle-size);
  color: var(--wp--preset--color--neutral-500);
  max-width: 28rem;
  font-style: italic;
  line-height: 1.5;
}

.dark .ebook-page--chapter-start .ebook-page__subtitle {
  color: var(--wp--preset--color--neutral-400);
}

.ebook-page--part-title .ebook-reader__page-inner, .ebook-page--appendix-title .ebook-reader__page-inner {
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--atomic-black);
}

.dark .ebook-page--part-title .ebook-reader__page-inner, .dark .ebook-page--appendix-title .ebook-reader__page-inner {
  background: var(--wp--preset--color--atomic-black);
}

.ebook-page__part-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-part-label-size);
  text-transform: uppercase;
  letter-spacing: .2em;
  color: var(--wp--preset--color--neon-pink);
  text-shadow: 0 0 16px #ff10f066;
}

.ebook-page--part-title .ebook-page__title, .ebook-page--appendix-title .ebook-page__title {
  font-family: var(--wp--preset--font-family--brand-title);
  font-size: var(--ebook-part-title-size);
  color: var(--wp--preset--color--neon-yellow);
  text-shadow: 0 0 20px #ffe50080;
  line-height: 1.2;
}

.ebook-page--part-title .ebook-page__subtitle, .ebook-page--appendix-title .ebook-page__subtitle {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-part-subtitle-size);
  color: #ffffffb3;
  font-style: italic;
}

.ebook-page--chapter-content .ebook-reader__page-inner {
  gap: clamp(.6rem, .5rem + .35vw, .85rem);
}

.ebook-page__chapter-heading {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-chapter-heading-size);
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--wp--preset--color--neutral-400);
}

.dark .ebook-page__chapter-heading {
  color: var(--wp--preset--color--neutral-600);
}

.ebook-page__paragraph {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--ebook-body-size);
  line-height: var(--ebook-body-lh);
  color: var(--wp--preset--color--neutral-700);
}

.dark .ebook-page__paragraph {
  color: var(--wp--preset--color--neutral-300);
}

.ebook-page--about-author .ebook-reader__page-inner {
  gap: clamp(.6rem, .5rem + .35vw, .85rem);
}

.ebook-page--about-author .ebook-page__section-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--ebook-section-title-size);
  color: var(--foreground);
  margin-bottom: .25rem;
}

.dark .ebook-page--about-author .ebook-page__section-title {
  color: var(--wp--preset--color--neutral-100);
}

.ebook-drawer__backdrop {
  z-index: 90;
  background: #00000080;
  animation: .2s forwards ebookFadeIn;
  position: fixed;
  inset: 0;
}

@keyframes ebookFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ebook-drawer {
  z-index: 95;
  background: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg) var(--wp--preset--border-radius--lg) 0 0;
  flex-direction: column;
  max-height: 75dvh;
  transition: transform .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  transform: translateY(100%);
  box-shadow: 0 -4px 32px #00000026;
}

.dark .ebook-drawer {
  background: var(--wp--preset--color--atomic-black);
  box-shadow: 0 -4px 32px #00000080;
}

.ebook-drawer--open {
  transform: translateY(0);
}

@media (width >= 1024px) {
  .ebook-drawer {
    border-radius: var(--wp--preset--border-radius--lg) 0 0 var(--wp--preset--border-radius--lg);
    width: clamp(18rem, 15rem + 10vw, 24rem);
    max-height: 100dvh;
    inset: 0 0 0 auto;
    transform: translateX(100%);
  }

  .ebook-drawer--open {
    transform: translateX(0);
  }
}

.ebook-drawer__header {
  border-bottom: 1px solid var(--wp--preset--color--neutral-200);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: clamp(.75rem, .6rem + .5vw, 1rem) clamp(1rem, .8rem + .5vw, 1.25rem);
  display: flex;
}

.dark .ebook-drawer__header {
  border-bottom-color: var(--wp--preset--color--neutral-800);
}

.ebook-drawer__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  font-size: clamp(.9rem, .8rem + .3vw, 1.1rem);
}

.dark .ebook-drawer__title {
  color: var(--wp--preset--color--neutral-100);
}

.ebook-drawer__list {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: clamp(.5rem, .4rem + .25vw, .75rem) 0;
  overflow-y: auto;
}

.ebook-drawer__item {
  text-align: left;
  cursor: pointer;
  width: 100%;
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
  background: none;
  border: 0;
  padding: clamp(.4rem, .35rem + .15vw, .55rem) clamp(1rem, .8rem + .5vw, 1.25rem);
  font-size: clamp(.8rem, .7rem + .3vw, .95rem);
  line-height: 1.4;
  transition: background .15s, color .15s;
  display: block;
}

.ebook-drawer__item:hover {
  background: var(--wp--preset--color--neutral-100);
  color: var(--foreground);
}

.dark .ebook-drawer__item {
  color: var(--wp--preset--color--neutral-400);
}

.dark .ebook-drawer__item:hover {
  color: var(--wp--preset--color--neutral-200);
  background: #ffffff0a;
}

.ebook-drawer__item:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: -3px;
}

.ebook-drawer__item--section {
  font-family: var(--wp--preset--font-family--brand-heading);
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--wp--preset--color--neon-pink-text);
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  margin-top: clamp(.25rem, .15rem + .15vw, .4rem);
  padding-top: clamp(.6rem, .5rem + .2vw, .8rem);
  font-size: clamp(.75rem, .65rem + .25vw, .85rem);
}

.ebook-drawer__item--section:first-child {
  border-top: 0;
  margin-top: 0;
}

.dark .ebook-drawer__item--section {
  color: var(--wp--preset--color--neon-pink);
  border-top-color: var(--wp--preset--color--neutral-800);
}

.dark .ebook-drawer__item--section:hover {
  color: var(--wp--preset--color--neon-pink);
}

.ebook-drawer__item--indent {
  padding-left: clamp(1.75rem, 1.5rem + .5vw, 2.25rem);
}

.ebook-drawer__item--active {
  color: var(--wp--preset--color--neon-pink-text);
  background: #ff10f00a;
}

.ebook-drawer__item--active:before {
  content: "";
  border-radius: var(--wp--preset--border-radius--full);
  background: var(--wp--preset--color--neon-pink);
  vertical-align: middle;
  width: 4px;
  height: 4px;
  margin-right: .5rem;
  display: inline-block;
}

.dark .ebook-drawer__item--active {
  color: var(--wp--preset--color--neon-pink);
  background: #ff10f00f;
}

@media (prefers-reduced-motion: reduce) {
  .ebook-reader__flip-layer--forward, .ebook-reader__flip-layer--backward {
    animation-duration: .01ms;
  }

  .ebook-reader__nav-btn {
    transition: none;
  }

  .ebook-reader__single-track {
    transition: none !important;
  }

  .ebook-drawer {
    transition: none;
  }

  .ebook-drawer__backdrop {
    animation: none;
  }

  .ebook-drawer__item {
    transition: none;
  }
}

@media (width >= 320px) and (width <= 419px) {
  .ebook-reader {
    --ebook-body-size: .875rem;
    --ebook-body-lh: 1.65;
    --ebook-heading-size: 1rem;
    --ebook-chapter-title-size: 1.1rem;
    --ebook-cover-title-size: 1.5rem;
    --ebook-cover-subtitle-size: .7rem;
    --ebook-cover-author-size: .8rem;
    --ebook-toc-title-size: .95rem;
    --ebook-toc-item-size: .8rem;
    --ebook-section-title-size: .95rem;
    --ebook-chapter-number-size: .6rem;
    --ebook-chapter-start-title-size: 1.1rem;
    --ebook-chapter-start-subtitle-size: .75rem;
    --ebook-part-label-size: .6rem;
    --ebook-part-title-size: 1.25rem;
    --ebook-part-subtitle-size: .7rem;
    --ebook-epigraph-size: .85rem;
    --ebook-epigraph-attr-size: .7rem;
    --ebook-page-number-size: .6rem;
    --ebook-page-pad-v: .875rem;
    --ebook-page-pad-h: .875rem;
    --ebook-meta-size: .6rem;
    --ebook-chapter-heading-size: .55rem;
    --ebook-blurb-size: .8rem;
    --ebook-status-size: .55rem;
    --ebook-back-title-size: 1rem;
    --ebook-dedication-size: .85rem;
  }

  .ebook-reader__page-inner {
    padding: .875rem;
  }
}

@media (width >= 420px) and (width <= 767px) {
  .ebook-reader {
    --ebook-body-size: 1rem;
    --ebook-body-lh: 1.7;
    --ebook-heading-size: 1.125rem;
    --ebook-chapter-title-size: 1.25rem;
    --ebook-cover-title-size: 1.75rem;
    --ebook-cover-subtitle-size: .8rem;
    --ebook-cover-author-size: .9rem;
    --ebook-toc-title-size: 1.05rem;
    --ebook-toc-item-size: .875rem;
    --ebook-section-title-size: 1.05rem;
    --ebook-chapter-number-size: .7rem;
    --ebook-chapter-start-title-size: 1.3rem;
    --ebook-chapter-start-subtitle-size: .85rem;
    --ebook-part-label-size: .65rem;
    --ebook-part-title-size: 1.5rem;
    --ebook-part-subtitle-size: .8rem;
    --ebook-epigraph-size: .95rem;
    --ebook-epigraph-attr-size: .8rem;
    --ebook-page-number-size: .65rem;
    --ebook-page-pad-v: 1.25rem;
    --ebook-page-pad-h: 1.25rem;
    --ebook-meta-size: .65rem;
    --ebook-chapter-heading-size: .6rem;
    --ebook-blurb-size: .9rem;
    --ebook-status-size: .6rem;
    --ebook-back-title-size: 1.15rem;
    --ebook-dedication-size: .95rem;
  }

  .ebook-reader__page-inner {
    padding: 1.25rem;
  }
}

@media (width >= 768px) and (width <= 1023px) {
  .ebook-reader {
    --ebook-body-size: 1.1rem;
    --ebook-body-lh: 1.75;
    --ebook-heading-size: 1.25rem;
    --ebook-chapter-title-size: 1.5rem;
    --ebook-cover-title-size: 2.25rem;
    --ebook-cover-subtitle-size: .9rem;
    --ebook-cover-author-size: 1rem;
    --ebook-toc-title-size: 1.2rem;
    --ebook-toc-item-size: .95rem;
    --ebook-section-title-size: 1.15rem;
    --ebook-chapter-number-size: .75rem;
    --ebook-chapter-start-title-size: 1.6rem;
    --ebook-chapter-start-subtitle-size: .95rem;
    --ebook-part-label-size: .75rem;
    --ebook-part-title-size: 2rem;
    --ebook-part-subtitle-size: .9rem;
    --ebook-epigraph-size: 1.05rem;
    --ebook-epigraph-attr-size: .85rem;
    --ebook-page-number-size: .7rem;
    --ebook-page-pad-v: 2rem;
    --ebook-page-pad-h: 2.5rem;
    --ebook-meta-size: .7rem;
    --ebook-chapter-heading-size: .65rem;
    --ebook-blurb-size: 1rem;
    --ebook-status-size: .625rem;
    --ebook-back-title-size: 1.35rem;
    --ebook-dedication-size: 1.05rem;
  }

  .ebook-reader__page-inner {
    padding: 2rem 2.5rem;
  }

  .ebook-page--chapter-content .ebook-reader__page-inner, .ebook-page--foreword .ebook-reader__page-inner, .ebook-page--afterword .ebook-reader__page-inner, .ebook-page--about-author .ebook-reader__page-inner {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
  }

  .ebook-page--epigraph .ebook-page__epigraph-line {
    max-width: 32rem;
  }
}

@media (width >= 1024px) and (width <= 1279px) {
  .ebook-reader {
    --ebook-body-size: .875rem;
    --ebook-body-lh: 1.7;
    --ebook-heading-size: 1rem;
    --ebook-chapter-title-size: 1.15rem;
    --ebook-cover-title-size: 1.75rem;
    --ebook-cover-subtitle-size: .7rem;
    --ebook-cover-author-size: .85rem;
    --ebook-toc-title-size: 1rem;
    --ebook-toc-item-size: .8rem;
    --ebook-section-title-size: 1rem;
    --ebook-chapter-number-size: .6rem;
    --ebook-chapter-start-title-size: 1.2rem;
    --ebook-chapter-start-subtitle-size: .8rem;
    --ebook-part-label-size: .6rem;
    --ebook-part-title-size: 1.5rem;
    --ebook-part-subtitle-size: .75rem;
    --ebook-epigraph-size: .85rem;
    --ebook-epigraph-attr-size: .7rem;
    --ebook-page-number-size: .6rem;
    --ebook-page-pad-v: 1.25rem;
    --ebook-page-pad-h: 1.25rem;
    --ebook-meta-size: .6rem;
    --ebook-chapter-heading-size: .55rem;
    --ebook-blurb-size: .85rem;
    --ebook-status-size: .55rem;
    --ebook-back-title-size: 1.1rem;
    --ebook-dedication-size: .875rem;
  }

  .ebook-reader__page-inner {
    padding: 1.25rem;
  }
}

@media (width >= 1280px) and (width <= 1439px) {
  .ebook-reader {
    --ebook-body-size: .9375rem;
    --ebook-body-lh: 1.75;
    --ebook-heading-size: 1.0625rem;
    --ebook-chapter-title-size: 1.3rem;
    --ebook-cover-title-size: 2.25rem;
    --ebook-cover-subtitle-size: .8rem;
    --ebook-cover-author-size: .95rem;
    --ebook-toc-title-size: 1.1rem;
    --ebook-toc-item-size: .875rem;
    --ebook-section-title-size: 1.1rem;
    --ebook-chapter-number-size: .7rem;
    --ebook-chapter-start-title-size: 1.4rem;
    --ebook-chapter-start-subtitle-size: .85rem;
    --ebook-part-label-size: .7rem;
    --ebook-part-title-size: 1.85rem;
    --ebook-part-subtitle-size: .85rem;
    --ebook-epigraph-size: .95rem;
    --ebook-epigraph-attr-size: .75rem;
    --ebook-page-number-size: .65rem;
    --ebook-page-pad-v: 1.75rem;
    --ebook-page-pad-h: 1.75rem;
    --ebook-meta-size: .65rem;
    --ebook-chapter-heading-size: .6rem;
    --ebook-blurb-size: .9rem;
    --ebook-status-size: .575rem;
    --ebook-back-title-size: 1.25rem;
    --ebook-dedication-size: .95rem;
  }

  .ebook-reader__page-inner {
    padding: 1.75rem;
  }
}

@media (width >= 1440px) {
  .ebook-reader {
    --ebook-body-size: 1.0625rem;
    --ebook-body-lh: 1.8;
    --ebook-heading-size: 1.1875rem;
    --ebook-chapter-title-size: 1.5rem;
    --ebook-cover-title-size: 2.75rem;
    --ebook-cover-subtitle-size: .9rem;
    --ebook-cover-author-size: 1.1rem;
    --ebook-toc-title-size: 1.25rem;
    --ebook-toc-item-size: .9375rem;
    --ebook-section-title-size: 1.2rem;
    --ebook-chapter-number-size: .75rem;
    --ebook-chapter-start-title-size: 1.65rem;
    --ebook-chapter-start-subtitle-size: .95rem;
    --ebook-part-label-size: .75rem;
    --ebook-part-title-size: 2.25rem;
    --ebook-part-subtitle-size: .9rem;
    --ebook-epigraph-size: 1.05rem;
    --ebook-epigraph-attr-size: .85rem;
    --ebook-page-number-size: .7rem;
    --ebook-page-pad-v: 2.25rem;
    --ebook-page-pad-h: 2.5rem;
    --ebook-meta-size: .7rem;
    --ebook-chapter-heading-size: .625rem;
    --ebook-blurb-size: 1rem;
    --ebook-status-size: .625rem;
    --ebook-back-title-size: 1.4rem;
    --ebook-dedication-size: 1.05rem;
  }

  .ebook-reader__page-inner {
    padding: 2.25rem 2.5rem;
  }
}

.ebook-reader__fullscreen-close {
  z-index: 100;
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #00000080;
  border: 1px solid #fff3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.ebook-reader__fullscreen-close:hover {
  background: #000000b3;
  transform: scale(1.1);
}

.ebook-reader__fullscreen-close:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.six-cats-page {
  --sc-accent: var(--neon-green, #39ff14);
  --sc-accent-alt: var(--neon-cyan, #00f0ff);
  --sc-card-bg: #ffffff0a;
  --sc-card-border: #ffffff14;
  --sc-memorial-accent: var(--neon-pink, #ff10f0);
}

.six-cats-page__website-link {
  border: 1px solid var(--sc-accent);
  border-radius: var(--radius-md, 8px);
  color: var(--sc-accent);
  align-items: center;
  gap: .5rem;
  margin-top: 1.5rem;
  padding: .625rem 1.25rem;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: inline-flex;
}

.six-cats-page__website-link:hover, .six-cats-page__website-link:focus-visible {
  background-color: var(--sc-accent);
  color: var(--color-atomic-black, #0f0f0f);
}

.six-cats-page__link-icon {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}

.six-cats-page__vision-mission {
  max-width: var(--content-width, 72rem);
  padding: var(--section-gap, 3rem) var(--gutter, 1.5rem);
  margin: 0 auto;
}

.six-cats-page__vm-card {
  background: var(--sc-card-bg);
  border: 1px solid var(--sc-card-border);
  border-radius: var(--radius-lg, 12px);
  padding: 2rem;
}

.six-cats-page__vm-heading {
  text-align: center;
  color: var(--sc-accent);
  margin-bottom: 1.5rem;
}

.six-cats-page__vm-pair {
  grid-template-columns: 1fr;
  gap: 1.5rem;
  display: grid;
}

@media (width >= 768px) {
  .six-cats-page__vm-pair {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}

.six-cats-page__vm-block {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.six-cats-page__vm-label {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--sc-accent-alt);
}

.six-cats-page__vm-text {
  color: var(--text-secondary, #ffffffbf);
  line-height: 1.7;
}

.six-cats-page__section-heading {
  max-width: var(--content-width, 72rem);
  padding: 0 var(--gutter, 1.5rem);
  color: var(--text-primary, #fff);
  align-items: center;
  gap: .75rem;
  margin: 0 auto 2rem;
  display: flex;
}

.six-cats-page__heading-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--sc-accent);
  flex-shrink: 0;
}

.six-cats-page__cats {
  max-width: var(--content-width, 72rem);
  padding: var(--section-gap, 3rem) var(--gutter, 1.5rem);
  margin: 0 auto;
}

.six-cats-page__cats-grid {
  grid-template-columns: 1fr;
  gap: 1.25rem;
  display: grid;
}

@media (width >= 640px) {
  .six-cats-page__cats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .six-cats-page__cats-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.six-cats-page__cat-card {
  background: var(--sc-card-bg);
  border: 1px solid var(--sc-card-border);
  border-radius: var(--radius-lg, 12px);
  flex-direction: column;
  gap: .5rem;
  padding: 1.5rem;
  transition: border-color .2s;
  display: flex;
}

.six-cats-page__cat-card:hover {
  border-color: var(--sc-accent);
}

.six-cats-page__cat-card--memorial {
  border-color: #ff10f033;
}

.six-cats-page__cat-card--memorial:hover {
  border-color: var(--sc-memorial-accent);
}

.six-cats-page__cat-header {
  flex-wrap: wrap;
  align-items: baseline;
  gap: .5rem;
  display: flex;
}

.six-cats-page__cat-name {
  color: var(--sc-accent);
}

.six-cats-page__cat-nickname {
  color: var(--text-tertiary, #ffffff80);
}

.six-cats-page__cat-role {
  border-radius: var(--radius-full, 999px);
  color: var(--sc-accent);
  background: #39ff141a;
  align-self: flex-start;
  padding: .2rem .6rem;
  display: inline-block;
}

.six-cats-page__cat-card--memorial .six-cats-page__cat-role {
  color: var(--sc-memorial-accent);
  background: #ff10f01a;
}

.six-cats-page__cat-card--memorial .six-cats-page__cat-name {
  color: var(--sc-memorial-accent);
}

.six-cats-page__cat-date {
  color: var(--text-tertiary, #ffffff80);
}

.six-cats-page__cat-bio {
  color: var(--text-secondary, #ffffffbf);
  line-height: 1.65;
}

.six-cats-page__memorial {
  margin-top: 2rem;
}

.six-cats-page__memorial-toggle {
  border-radius: var(--radius-md, 8px);
  color: var(--sc-memorial-accent);
  cursor: pointer;
  background: none;
  border: 1px solid #ff10f04d;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1.25rem;
  padding: .625rem 1.25rem;
  transition: background-color .2s;
  display: inline-flex;
}

.six-cats-page__memorial-toggle:hover, .six-cats-page__memorial-toggle:focus-visible {
  background-color: #ff10f014;
}

.six-cats-page__memorial-icon, .six-cats-page__chevron {
  width: 1rem;
  height: 1rem;
}

.six-cats-page__grades {
  max-width: var(--content-width, 72rem);
  padding: var(--section-gap, 3rem) var(--gutter, 1.5rem);
  margin: 0 auto;
}

.six-cats-page__grades-list {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.six-cats-page__grade-card {
  background: var(--sc-card-bg);
  border: 1px solid var(--sc-card-border);
  border-radius: var(--radius-lg, 12px);
  transition: border-color .2s;
  overflow: hidden;
}

.six-cats-page__grade-card--expanded {
  border-color: var(--sc-accent);
}

.six-cats-page__grade-header {
  width: 100%;
  color: inherit;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.six-cats-page__grade-badge {
  border-radius: var(--radius-md, 8px);
  width: 3.5rem;
  height: 3.5rem;
  color: var(--sc-accent);
  background: #39ff141a;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.six-cats-page__grade-info {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.six-cats-page__grade-name {
  color: var(--text-primary, #fff);
}

.six-cats-page__grade-tagline {
  color: var(--text-tertiary, #ffffff80);
}

.six-cats-page__grade-desc {
  color: var(--text-secondary, #ffffffbf);
  padding: 0 1.5rem 1.5rem;
  line-height: 1.65;
}

.six-cats-page__cultivation {
  max-width: var(--content-width, 72rem);
  padding: var(--section-gap, 3rem) var(--gutter, 1.5rem);
  margin: 0 auto;
}

.six-cats-page__cultivation-grid {
  grid-template-columns: 1fr;
  gap: 1.25rem;
  display: grid;
}

@media (width >= 768px) {
  .six-cats-page__cultivation-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.six-cats-page__cultivation-card {
  background: var(--sc-card-bg);
  border: 1px solid var(--sc-card-border);
  border-radius: var(--radius-lg, 12px);
  flex-direction: column;
  gap: .75rem;
  padding: 1.5rem;
  transition: border-color .2s;
  display: flex;
}

.six-cats-page__cultivation-card:hover {
  border-color: var(--sc-accent-alt);
}

.six-cats-page__cultivation-icon {
  width: 2rem;
  height: 2rem;
  color: var(--sc-accent-alt);
}

.six-cats-page__cultivation-title {
  color: var(--text-primary, #fff);
}

.six-cats-page__cultivation-desc {
  color: var(--text-secondary, #ffffffbf);
  line-height: 1.65;
}

.six-cats-page__harvest {
  max-width: var(--content-width, 72rem);
  padding: var(--section-gap, 3rem) var(--gutter, 1.5rem);
  margin: 0 auto;
}

.six-cats-page__harvest-timeline {
  flex-direction: column;
  gap: 1rem;
  padding-left: 3rem;
  display: flex;
  position: relative;
}

.six-cats-page__harvest-timeline:before {
  content: "";
  background: linear-gradient(to bottom, var(--sc-accent), var(--sc-accent-alt));
  opacity: .3;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.25rem;
}

.six-cats-page__harvest-phase {
  gap: 1.25rem;
  display: flex;
  position: relative;
}

.six-cats-page__harvest-marker {
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  width: 2.5rem;
  display: flex;
  position: absolute;
  top: 0;
  left: -3rem;
}

.six-cats-page__harvest-number {
  border-radius: var(--radius-full, 999px);
  background: var(--sc-accent);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--color-atomic-black, #0f0f0f);
  justify-content: center;
  align-items: center;
  display: flex;
}

.six-cats-page__harvest-icon {
  width: 1rem;
  height: 1rem;
  color: var(--sc-accent);
  margin-top: .25rem;
}

.six-cats-page__harvest-body {
  background: var(--sc-card-bg);
  border: 1px solid var(--sc-card-border);
  border-radius: var(--radius-lg, 12px);
  flex: 1;
  padding: 1.25rem 1.5rem;
}

.six-cats-page__harvest-title {
  color: var(--sc-accent);
  margin-bottom: .5rem;
}

.six-cats-page__harvest-text {
  color: var(--text-secondary, #ffffffbf);
  line-height: 1.65;
}

.six-cats-page__packaging {
  max-width: var(--content-width, 72rem);
  padding: var(--section-gap, 3rem) var(--gutter, 1.5rem);
  margin: 0 auto;
}

.six-cats-page__packaging-grid {
  grid-template-columns: 1fr;
  gap: 1.25rem;
  display: grid;
}

@media (width >= 768px) {
  .six-cats-page__packaging-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.six-cats-page__packaging-card {
  background: var(--sc-card-bg);
  border: 1px solid var(--sc-card-border);
  border-radius: var(--radius-lg, 12px);
  flex-direction: column;
  gap: .75rem;
  padding: 1.5rem;
  display: flex;
}

.six-cats-page__packaging-icon {
  width: 2rem;
  height: 2rem;
  color: var(--sc-accent);
}

.six-cats-page__packaging-title {
  color: var(--text-primary, #fff);
}

.six-cats-page__packaging-text {
  color: var(--text-secondary, #ffffffbf);
  line-height: 1.65;
}

.six-cats-page__values {
  max-width: var(--content-width, 72rem);
  padding: var(--section-gap, 3rem) var(--gutter, 1.5rem) calc(var(--section-gap, 3rem)  + 2rem);
  margin: 0 auto;
}

.six-cats-page__values-grid {
  grid-template-columns: 1fr;
  gap: 1rem;
  display: grid;
}

@media (width >= 640px) {
  .six-cats-page__values-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .six-cats-page__values-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.six-cats-page__value-card {
  background: var(--sc-card-bg);
  border: 1px solid var(--sc-card-border);
  border-radius: var(--radius-lg, 12px);
  flex-direction: column;
  gap: .5rem;
  padding: 1.25rem;
  transition: border-color .2s;
  display: flex;
}

.six-cats-page__value-card:hover {
  border-color: var(--sc-accent);
}

.six-cats-page__value-title {
  color: var(--sc-accent);
}

.six-cats-page__value-desc {
  color: var(--text-secondary, #ffffffbf);
  line-height: 1.6;
}

[data-theme="light"] .six-cats-page {
  --sc-accent: #1a8f00;
  --sc-accent-alt: #007a8f;
  --sc-card-bg: #00000008;
  --sc-card-border: #00000014;
  --sc-memorial-accent: #b0008f;
}

[data-theme="light"] .six-cats-page__harvest-number {
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .six-cats-page__cat-card, .six-cats-page__cultivation-card, .six-cats-page__value-card, .six-cats-page__grade-card, .six-cats-page__website-link, .six-cats-page__memorial-toggle {
    transition: none;
  }
}

.travel-badge {
  border-radius: var(--wp--preset--border-radius--full);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  border: 1px solid var(--wp--preset--color--neutral-300);
  color: var(--wp--preset--color--neutral-600);
  background: #00000005;
  align-items: center;
  gap: .375rem;
  padding: .25rem .75rem;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.dark .travel-badge {
  color: var(--wp--preset--color--neutral-400);
  background: #ffffff08;
  border-color: #ffffff1f;
}

.travel-badge__icon {
  flex-shrink: 0;
  width: .875rem;
  height: .875rem;
}

.travel-badge__distance {
  opacity: .8;
  font-weight: 400;
}

.travel-badge--bicycle {
  border-color: var(--wp--preset--color--neon-green-text);
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff140f;
}

.dark .travel-badge--bicycle {
  border-color: var(--wp--preset--color--neon-green);
  color: var(--wp--preset--color--neon-green);
  background: #39ff141a;
  animation: 3s ease-in-out infinite travelBadgePulse;
  box-shadow: 0 0 8px #39ff1426;
}

@keyframes travelBadgePulse {
  0%, 100% {
    box-shadow: 0 0 8px #39ff1426;
  }

  50% {
    box-shadow: 0 0 14px #39ff144d;
  }
}

.travel-badge--train {
  border-color: var(--wp--preset--color--neon-blue-text);
  color: var(--wp--preset--color--neon-blue-text);
  background: #1f51ff0f;
}

.dark .travel-badge--train {
  border-color: var(--wp--preset--color--neon-blue);
  color: var(--wp--preset--color--neon-blue);
  background: #1f51ff1a;
}

.travel-badge--flight {
  border-color: var(--wp--preset--color--neon-cyan-text);
  color: var(--wp--preset--color--neon-cyan-text);
  background: #00f7ff0f;
}

.dark .travel-badge--flight {
  border-color: var(--wp--preset--color--neon-cyan);
  color: var(--wp--preset--color--neon-cyan);
  background: #00f7ff1a;
}

.travel-badge--car, .travel-badge--carpool {
  border-color: var(--wp--preset--color--neon-orange-text);
  color: var(--wp--preset--color--neon-orange-text);
  background: #ff5f1f0f;
}

.dark .travel-badge--car, .dark .travel-badge--carpool {
  border-color: var(--wp--preset--color--neon-orange);
  color: var(--wp--preset--color--neon-orange);
  background: #ff5f1f1a;
}

.travel-badge--bus {
  border-color: var(--wp--preset--color--neon-purple-text);
  color: var(--wp--preset--color--neon-purple-text);
  background: #be00fe0f;
}

.dark .travel-badge--bus {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe1a;
}

.travel-stats {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-wrap: wrap;
  display: flex;
}

.travel-stats__item {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  align-items: center;
  gap: .25rem;
  display: flex;
}

.dark .travel-stats__item {
  color: var(--wp--preset--color--neutral-400);
}

.travel-stats__icon {
  width: .75rem;
  height: .75rem;
  color: var(--wp--preset--color--neon-green-text);
}

.dark .travel-stats__icon {
  color: var(--wp--preset--color--neon-green);
}

@media (prefers-reduced-motion: reduce) {
  .dark .travel-badge--bicycle {
    animation: none;
    box-shadow: 0 0 8px #39ff1426;
  }
}

.events-page {
  background: var(--wp--preset--color--neutral-50);
  min-height: 100vh;
}

.dark .events-page {
  background: var(--wp--preset--color--atomic-black);
}

.events-page__hero {
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  text-align: center;
  background: linear-gradient(#39ff1408 0%, #0000 100%);
}

.dark .events-page__hero {
  background: linear-gradient(#39ff140f 0%, #0000 100%);
}

.events-page__hero-content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.events-page__hero-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .1em;
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff1414;
  border: 1px solid #39ff1426;
  padding: .25rem 1rem;
  font-weight: 600;
  display: inline-block;
}

.dark .events-page__hero-badge {
  color: var(--wp--preset--color--neon-green);
  background: #39ff141f;
  border-color: #39ff144d;
}

.events-page__hero-desc {
  max-width: 38rem;
  color: var(--wp--preset--color--neutral-600);
}

.dark .events-page__hero-desc {
  color: var(--wp--preset--color--neutral-400);
}

.events-page__stats {
  justify-content: center;
  gap: var(--wp--preset--spacing--fluid-lg);
  padding: var(--wp--preset--spacing--fluid-md) var(--wp--preset--spacing--section-horizontal);
  max-width: var(--wp--preset--layout--wide);
  flex-wrap: wrap;
  margin: 0 auto;
  display: flex;
}

.events-page__stat {
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.events-page__stat-value {
  font-family: var(--wp--preset--font-family--brand-title);
  font-size: var(--wp--preset--font-size--700);
  color: var(--wp--preset--color--neon-green-text);
  line-height: 1;
}

.dark .events-page__stat-value {
  color: var(--wp--preset--color--neon-green);
}

.events-page__stat-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  text-transform: uppercase;
  letter-spacing: .05em;
}

.events-page__filters {
  justify-content: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--section-horizontal);
  max-width: var(--wp--preset--layout--wide);
  flex-wrap: wrap;
  margin: 0 auto;
  display: flex;
}

.events-page__filter-btn {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  border-radius: var(--wp--preset--border-radius--full);
  border: 1px solid var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--neutral-600);
  cursor: pointer;
  background: none;
  padding: .375rem 1rem;
  font-weight: 500;
  transition: all .2s;
}

.dark .events-page__filter-btn {
  color: var(--wp--preset--color--neutral-400);
  border-color: #ffffff1a;
}

.events-page__filter-btn:hover {
  border-color: var(--wp--preset--color--neon-green-text);
  color: var(--wp--preset--color--neon-green-text);
}

.dark .events-page__filter-btn:hover {
  border-color: var(--wp--preset--color--neon-green);
  color: var(--wp--preset--color--neon-green);
}

.events-page__filter-btn--active {
  background: var(--wp--preset--color--neon-green-text);
  border-color: var(--wp--preset--color--neon-green-text);
  color: #fff;
}

.dark .events-page__filter-btn--active {
  border-color: var(--wp--preset--color--neon-green);
  color: var(--wp--preset--color--neon-green);
  background: #39ff1426;
}

.events-page__filter-btn:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
}

.events-page__list {
  max-width: var(--wp--preset--layout--wide);
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal) var(--wp--preset--spacing--fluid-xl);
  gap: var(--wp--preset--spacing--fluid-lg);
  grid-template-columns: 1fr;
  margin: 0 auto;
  display: grid;
}

@media (width >= 768px) {
  .events-page__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .events-page__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.events-page__empty {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-xl) 0;
  grid-column: 1 / -1;
}

.events-page__empty-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  color: var(--foreground);
  margin: 0 0 .5rem;
}

.events-page__empty-desc {
  color: var(--wp--preset--color--neutral-500);
  margin: 0;
}

@media (prefers-reduced-motion: reduce) {
  .events-page__filter-btn {
    transition: none;
  }
}

.event-card {
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  background: var(--wp--preset--color--base);
  cursor: pointer;
  color: inherit;
  flex-direction: column;
  text-decoration: none;
  transition: box-shadow .2s, border-color .2s;
  display: flex;
  overflow: hidden;
}

.dark .event-card {
  background: #ffffff08;
  border-color: #ffffff14;
}

.event-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  border-color: var(--wp--preset--color--neon-green-text);
}

.dark .event-card:hover {
  border-color: var(--wp--preset--color--neon-green);
  box-shadow: 0 0 20px #39ff141a;
}

.event-card:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
}

.event-card__image-wrap {
  aspect-ratio: 16 / 9;
  background: var(--wp--preset--color--neutral-100);
  position: relative;
  overflow: hidden;
}

.dark .event-card__image-wrap {
  background: var(--wp--preset--color--neutral-800);
}

.event-card__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.event-card__image--logo {
  object-fit: contain;
  background: var(--wp--preset--color--atomic-black);
  padding: 1.5rem 2rem;
}

.event-card__image-placeholder {
  background: linear-gradient(135deg, #39ff1414 0%, #00f7ff14 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.dark .event-card__image-placeholder {
  background: linear-gradient(135deg, #39ff141f 0%, #00f7ff1f 100%);
}

.event-card__image-placeholder-icon {
  width: 3rem;
  height: 3rem;
  color: var(--wp--preset--color--neon-green-text);
  opacity: .4;
}

.dark .event-card__image-placeholder-icon {
  color: var(--wp--preset--color--neon-green);
  opacity: .3;
}

.event-card__type-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .05em;
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-green);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0f0f0fb3;
  padding: .25rem .75rem;
  font-weight: 600;
  position: absolute;
  top: .75rem;
  left: .75rem;
}

.event-card__body {
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.event-card__name {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--foreground);
  margin: 0;
  line-height: 1.3;
}

.event-card__location {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  align-items: center;
  gap: .375rem;
  display: flex;
}

.event-card__location-icon {
  flex-shrink: 0;
  width: .875rem;
  height: .875rem;
}

.event-card__description {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
}

.dark .event-card__description {
  color: var(--wp--preset--color--neutral-400);
}

.event-card__meta {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: 0 var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-sm);
  flex-wrap: wrap;
  display: flex;
}

.event-card__edition-count {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

@media (prefers-reduced-motion: reduce) {
  .event-card {
    transition: none;
  }
}

.event-detail {
  background: var(--wp--preset--color--neutral-50);
  min-height: 100vh;
}

.dark .event-detail {
  background: var(--wp--preset--color--atomic-black);
}

.event-detail__hero {
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  text-align: center;
  background: linear-gradient(#39ff1408 0%, #0000 100%);
}

.dark .event-detail__hero {
  background: linear-gradient(#39ff140f 0%, #0000 100%);
}

.event-detail__hero-content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.event-detail__hero-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .1em;
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff1414;
  border: 1px solid #39ff1426;
  padding: .25rem 1rem;
  font-weight: 600;
  display: inline-block;
}

.dark .event-detail__hero-badge {
  color: var(--wp--preset--color--neon-green);
  background: #39ff141f;
  border-color: #39ff144d;
}

.event-detail__tagline {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
  max-width: 36rem;
  margin: 0;
}

.dark .event-detail__tagline {
  color: var(--wp--preset--color--neutral-400);
}

.event-detail__info-bar {
  justify-content: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-xs) 0;
  flex-wrap: wrap;
  display: flex;
}

.event-detail__info-item {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  align-items: center;
  gap: .375rem;
  display: flex;
}

.event-detail__info-icon {
  width: .875rem;
  height: .875rem;
  color: var(--wp--preset--color--neon-green-text);
  flex-shrink: 0;
}

.dark .event-detail__info-icon {
  color: var(--wp--preset--color--neon-green);
}

.event-detail__info-link {
  color: var(--wp--preset--color--neon-green-text);
  text-decoration: none;
}

.dark .event-detail__info-link {
  color: var(--wp--preset--color--neon-green);
}

.event-detail__info-link:hover {
  text-decoration: underline;
}

.event-detail__significance {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal) var(--wp--preset--spacing--fluid-md);
  margin: 0 auto;
}

.event-detail__significance-box {
  border-left: 3px solid var(--wp--preset--color--neon-green-text);
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  border-radius: 0 var(--wp--preset--border-radius--md) var(--wp--preset--border-radius--md) 0;
  background: #39ff140a;
}

.dark .event-detail__significance-box {
  border-left-color: var(--wp--preset--color--neon-green);
  background: #39ff140f;
}

.event-detail__significance-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--wp--preset--color--neon-green-text);
  margin: 0 0 .5rem;
  font-weight: 600;
}

.dark .event-detail__significance-label {
  color: var(--wp--preset--color--neon-green);
}

.event-detail__significance-text {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-700);
  margin: 0;
  line-height: 1.7;
}

.dark .event-detail__significance-text {
  color: var(--wp--preset--color--neutral-300);
}

.event-detail__description {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal) var(--wp--preset--spacing--fluid-lg);
  margin: 0 auto;
}

.event-detail__description-heading {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  color: var(--foreground);
  margin: 0 0 var(--wp--preset--spacing--fluid-sm);
}

.event-detail__description-text {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
  margin: 0;
  line-height: 1.7;
}

.dark .event-detail__description-text {
  color: var(--wp--preset--color--neutral-400);
}

.event-detail__editions {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal) var(--wp--preset--spacing--fluid-xl);
  margin: 0 auto;
}

.event-detail__editions-heading {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  color: var(--foreground);
  margin: 0 0 var(--wp--preset--spacing--fluid-md);
}

.event-detail__timeline {
  gap: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  padding-left: 2.5rem;
  display: flex;
  position: relative;
}

.event-detail__timeline-line {
  background: linear-gradient(180deg, var(--wp--preset--color--neon-green), var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-purple));
  opacity: .2;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.125rem;
}

.dark .event-detail__timeline-line {
  opacity: .35;
}

.edition-entry {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  display: flex;
  position: relative;
}

.edition-entry__dot {
  border-radius: var(--wp--preset--border-radius--full);
  border: 2px solid var(--wp--preset--color--neon-green-text);
  background: #39ff141a;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  position: absolute;
  top: .125rem;
  left: -2.5rem;
}

.dark .edition-entry__dot {
  border-color: var(--wp--preset--color--neon-green);
  background: #39ff1426;
}

.edition-entry__dot-year {
  font-family: var(--wp--preset--font-family--brand-title);
  color: var(--wp--preset--color--neon-green-text);
  letter-spacing: -.02em;
  font-size: .625rem;
  font-weight: 700;
}

.dark .edition-entry__dot-year {
  color: var(--wp--preset--color--neon-green);
}

.edition-entry__dot--muted {
  border-color: var(--wp--preset--color--neutral-300);
  background: #00000008;
}

.dark .edition-entry__dot--muted {
  background: #ffffff0a;
  border-color: #ffffff26;
}

.edition-entry__dot--muted .edition-entry__dot-year {
  color: var(--wp--preset--color--neutral-400);
}

.edition-entry__header {
  align-items: baseline;
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-wrap: wrap;
  display: flex;
}

.edition-entry__year {
  font-family: var(--wp--preset--font-family--brand-title);
  font-size: var(--wp--preset--font-size--600);
  color: var(--foreground);
  margin: 0;
  line-height: 1.2;
}

.edition-entry__dates {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.edition-entry__status-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .05em;
  border-radius: var(--wp--preset--border-radius--full);
  padding: .125rem .5rem;
  font-weight: 600;
}

.edition-entry__status-badge--attended {
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff1414;
}

.dark .edition-entry__status-badge--attended {
  color: var(--wp--preset--color--neon-green);
  background: #39ff141f;
}

.edition-entry__status-badge--cancelled {
  color: var(--wp--preset--color--neon-red-text);
  background: #ff313114;
}

.dark .edition-entry__status-badge--cancelled {
  color: var(--wp--preset--color--neon-red);
  background: #ff31311f;
}

.edition-entry__status-badge--upcoming {
  color: var(--wp--preset--color--neon-cyan-text);
  background: #00f7ff14;
}

.dark .edition-entry__status-badge--upcoming {
  color: var(--wp--preset--color--neon-cyan);
  background: #00f7ff1f;
}

.edition-entry__status-badge--missed {
  color: var(--wp--preset--color--neutral-400);
  background: #0000000a;
}

.dark .edition-entry__status-badge--missed {
  color: var(--wp--preset--color--neutral-500);
  background: #ffffff0d;
}

.edition-entry__role {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--foreground);
  margin: 0;
  font-weight: 600;
}

.edition-entry__highlights {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
  margin: 0;
  line-height: 1.7;
}

.dark .edition-entry__highlights {
  color: var(--wp--preset--color--neutral-400);
}

.edition-entry__note {
  border-left: 2px solid var(--wp--preset--color--neon-pink-text);
  padding-left: var(--wp--preset--spacing--fluid-sm);
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
  margin: var(--wp--preset--spacing--fluid-xs) 0 0;
  line-height: 1.6;
}

.dark .edition-entry__note {
  border-left-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neutral-400);
}

.edition-entry__travel {
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-xs) 0;
  flex-direction: column;
  display: flex;
}

.edition-entry__travel-desc {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
  margin: 0;
  line-height: 1.6;
}

.dark .edition-entry__travel-desc {
  color: var(--wp--preset--color--neutral-400);
}

.edition-entry__route {
  flex-wrap: wrap;
  gap: .375rem;
  display: flex;
}

.edition-entry__route-stop {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  border-radius: var(--wp--preset--border-radius--sm);
  color: var(--wp--preset--color--neutral-600);
  background: #39ff140f;
  border: 1px solid #39ff141a;
  padding: .125rem .5rem;
}

.dark .edition-entry__route-stop {
  color: var(--wp--preset--color--neutral-400);
  background: #39ff1414;
  border-color: #39ff1426;
}

.event-detail__faq {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal) var(--wp--preset--spacing--fluid-xl);
  margin: 0 auto;
}

.event-detail__faq-heading {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  color: var(--foreground);
  margin: 0 0 var(--wp--preset--spacing--fluid-md);
}

.event-detail__faq-list {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.event-detail__faq-item {
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--md);
  padding: var(--wp--preset--spacing--fluid-sm);
}

.dark .event-detail__faq-item {
  border-color: #ffffff14;
}

.event-detail__faq-question {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  color: var(--foreground);
  margin: 0 0 .5rem;
}

.event-detail__faq-answer {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
  margin: 0;
  line-height: 1.6;
}

.dark .event-detail__faq-answer {
  color: var(--wp--preset--color--neutral-400);
}

.portfolio-card {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  border: 1px solid var(--border);
  cursor: pointer;
  outline: none;
  flex-direction: column;
  height: 100%;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.dark .portfolio-card {
  background-color: #1e1e1e99;
  border-color: #ffffff1a;
}

.portfolio-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-4px);
}

.portfolio-card:focus-visible {
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
  border-color: var(--wp--preset--color--neon-purple);
}

.portfolio-card__image-container {
  aspect-ratio: 4 / 3;
  background-position: center;
  background-size: cover;
  background-color: var(--wp--preset--color--neutral-200);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.portfolio-card__video-overlay {
  z-index: 5;
  background-color: #0003;
  justify-content: center;
  align-items: center;
  transition: background-color .3s;
  display: flex;
  position: absolute;
  inset: 0;
}

.portfolio-card:hover .portfolio-card__video-overlay {
  background-color: #0006;
}

.portfolio-card__play-button {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #fff3;
  border: 2px solid #fffc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  box-shadow: 0 4px 12px #0003;
}

.portfolio-card:hover .portfolio-card__play-button {
  box-shadow: var(--wp--preset--shadow--neon-purple);
  background-color: #ffffff4d;
  border-color: #fff;
  transform: scale(1.1);
}

.portfolio-card__play-icon {
  color: #fff;
  fill: currentColor;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: .25rem;
}

.portfolio-card__category-tag {
  border-radius: var(--wp--preset--border-radius--full);
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #fff;
  z-index: 10;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #0f0f0fb3;
  padding: 4px 12px;
  font-size: .6875rem;
  font-weight: 600;
  position: absolute;
  top: 12px;
  right: 12px;
}

.portfolio-card__category-tag--festival {
  background-color: #e91e63cc;
}

.portfolio-card__category-tag--uv {
  background-color: #9c27b0cc;
}

.portfolio-card__category-tag--swiss {
  background-color: #3f51b5cc;
}

.portfolio-card__category-tag--nail {
  background-color: #ff9800cc;
}

.portfolio-card__category-tag--gold {
  color: #000;
  background-color: #ffc107cc;
}

.portfolio-card__category-tag--default {
  background-color: #2196f3cc;
}

.portfolio-card__category-tag.clickable {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  transition: all .2s;
}

.portfolio-card__category-tag.clickable:hover {
  filter: brightness(1.2);
  box-shadow: var(--wp--preset--shadow--neon-sm);
  transform: scale(1.05);
}

.portfolio-card__category-tag--gold.clickable:hover {
  color: #000;
}

.portfolio-card-grid {
  gap: var(--wp--preset--spacing--fluid-lg);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 640px) {
  .portfolio-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .portfolio-card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.portfolio-card__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.portfolio-card__placeholder {
  background-color: var(--wp--preset--color--neutral-200);
  width: 100%;
  height: 100%;
  color: var(--wp--preset--color--neutral-400);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dark .portfolio-card__placeholder {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-600);
}

.portfolio-card__overlay {
  z-index: 10;
  position: absolute;
  top: 12px;
  right: 12px;
}

.portfolio-card__category {
  border-radius: var(--wp--preset--border-radius--full);
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #fff;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #0f0f0fb3;
  padding: 4px 12px;
  font-size: .6875rem;
  font-weight: 600;
  display: inline-block;
}

.portfolio-card__category.clickable {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  transition: all .2s;
}

.portfolio-card__category.clickable:hover {
  filter: brightness(1.2);
  box-shadow: var(--wp--preset--shadow--neon-sm);
  background-color: var(--wp--preset--color--neon-purple);
  transform: scale(1.05);
}

.portfolio-card__nav-button {
  color: #fff;
  cursor: pointer;
  opacity: 0;
  z-index: 20;
  background-color: #0006;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.portfolio-card:hover .portfolio-card__nav-button {
  opacity: 1;
}

.portfolio-card__nav-button:hover {
  background-color: #000000b3;
  transform: translateY(-50%)scale(1.1);
}

.portfolio-card__nav-button--prev {
  left: .5rem;
}

.portfolio-card__nav-button--next {
  right: .5rem;
}

.portfolio-card__nav-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.portfolio-card__swipe-indicator {
  border-radius: var(--wp--preset--border-radius--full);
  color: #fff;
  z-index: 20;
  pointer-events: none;
  background-color: #0009;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 500;
  display: block;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.portfolio-card__swipe-content {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.portfolio-card__swipe-icon {
  width: .875rem;
  height: .875rem;
}

@media (width >= 640px) {
  .portfolio-card__swipe-indicator {
    display: none;
  }
}

.portfolio-card__dots {
  z-index: 20;
  gap: .25rem;
  display: flex;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.portfolio-card__dot {
  cursor: pointer;
  background-color: #fff6;
  border: none;
  border-radius: 50%;
  width: .375rem;
  height: .375rem;
  padding: 0;
  transition: all .2s;
}

.portfolio-card__dot--active {
  background-color: #fff;
  transform: scale(1.2);
}

.portfolio-card__counter {
  color: #fff;
  border-radius: var(--wp--preset--border-radius--md);
  opacity: 0;
  z-index: 10;
  background-color: #0009;
  padding: .25rem .5rem;
  font-size: .75rem;
  font-weight: 600;
  transition: opacity .2s;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.portfolio-card:hover .portfolio-card__counter {
  opacity: 1;
}

.portfolio-card__content {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  flex: 1;
  padding: 16px;
  display: flex;
}

.portfolio-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400, 1.25rem);
  color: var(--foreground);
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}

.dark .portfolio-card__title {
  color: #fff;
}

.portfolio-card__subtitle {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  color: var(--wp--preset--color--neutral-500);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0;
  font-weight: 600;
  line-height: 1.4;
}

.dark .portfolio-card__subtitle {
  color: var(--wp--preset--color--neutral-400);
}

.portfolio-card__footer {
  padding-top: var(--wp--preset--spacing--fluid-xs);
  border-top: 1px solid var(--border);
  margin-top: auto;
}

.dark .portfolio-card__footer {
  border-color: #ffffff1a;
}

.portfolio-card__footer-content {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.portfolio-card__date {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  color: var(--wp--preset--color--neon-pink-text);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  display: flex;
}

.dark .portfolio-card__date {
  color: var(--wp--preset--color--neon-pink);
  text-shadow: 0 0 10px #ff10f059;
}

.portfolio-card__date-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.portfolio-card__action-btn {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  color: var(--wp--preset--color--neon-purple-text);
  border: 1.5px solid var(--wp--preset--color--neon-purple);
  -webkit-text-fill-color: initial;
  border-radius: var(--wp--preset--border-radius--full);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
}

.dark .portfolio-card__action-btn {
  color: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: 0 0 10px #be00fe33;
}

.portfolio-card__action-btn:hover {
  filter: none;
  background-color: var(--wp--preset--color--neon-purple);
  color: #fff;
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--action-btn-hover);
  transform: translateY(-2px);
}

.dark .portfolio-card__action-btn:hover {
  box-shadow: var(--wp--preset--shadow--action-btn-glow);
}

.portfolio-card__action-icon {
  stroke: currentColor;
  width: 14px;
  height: 14px;
  transition: transform .2s;
}

.portfolio-card__action-btn:hover .portfolio-card__action-icon {
  transform: translateX(3px);
}

.portfolio-card__gallery-indicator {
  display: none;
}

.archive-filters {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.archive-filters__desktop-filters {
  display: none;
}

@media (width >= 768px) {
  .archive-filters__desktop-filters {
    gap: var(--wp--preset--spacing--fluid-xs);
    flex-direction: column;
    width: 100%;
    display: flex;
  }
}

.archive-filters__top-row {
  gap: var(--wp--preset--spacing--fluid-sm);
  align-items: flex-start;
  display: flex;
}

.archive-filters__categories {
  flex-direction: column;
  flex: 7;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.archive-filters__label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.dark .archive-filters__label {
  color: var(--wp--preset--color--neutral-400);
}

.archive-filters__chip-row {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.archive-filters__chip {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neutral-700);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  transition: all .2s;
  display: inline-flex;
}

.archive-filters__chip:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple-text);
  box-shadow: 0 0 8px #be00fe26;
}

.archive-filters__chip--active {
  background: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
  box-shadow: 0 0 12px #be00fe4d;
}

.archive-filters__chip--active:hover {
  color: #fff;
  background: #a800de;
  border-color: #a800de;
  box-shadow: 0 0 16px #be00fe66;
}

.archive-filters__chip-count {
  opacity: .7;
  font-size: .75em;
}

.dark .archive-filters__chip {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-300);
}

.dark .archive-filters__chip:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
  box-shadow: 0 0 12px #be00fe40;
}

.dark .archive-filters__chip--active {
  background: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
  box-shadow: 0 0 16px #be00fe80;
}

.archive-filters__active-summary {
  display: none;
}

@media (width >= 768px) {
  .archive-filters__active-summary {
    min-width: 180px;
    padding: var(--wp--preset--spacing--fluid-xs);
    border: 1px solid var(--wp--preset--color--neutral-200);
    border-radius: var(--wp--preset--border-radius--md);
    background: var(--wp--preset--color--neutral-50);
    flex-direction: column;
    flex: 3;
    gap: 8px;
    display: flex;
  }

  .dark .archive-filters__active-summary {
    border-color: var(--wp--preset--color--neutral-700);
    background: #14141480;
  }
}

.archive-filters__active-title {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.dark .archive-filters__active-title {
  color: var(--wp--preset--color--neutral-400);
}

.archive-filters__active-pills {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.archive-filters__active-pill {
  background: var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--full);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-700);
  cursor: pointer;
  border: none;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  transition: all .15s;
  display: inline-flex;
}

.archive-filters__active-pill:hover {
  background: var(--wp--preset--color--neutral-300);
}

.dark .archive-filters__active-pill {
  background: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-200);
}

.dark .archive-filters__active-pill:hover {
  background: var(--wp--preset--color--neutral-700);
}

.archive-filters__active-pill-x {
  opacity: .6;
  font-size: .85em;
}

.archive-filters__clear-btn {
  border: 1px solid var(--wp--preset--color--neon-pink);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-pink-text);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  background: none;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  transition: all .2s;
  display: inline-flex;
}

.archive-filters__clear-btn:hover {
  background: var(--wp--preset--color--neon-pink);
  color: #fff;
  box-shadow: 0 0 12px #ff10f04d;
}

.dark .archive-filters__clear-btn {
  color: var(--wp--preset--color--neon-pink);
}

.dark .archive-filters__clear-btn:hover {
  background: var(--wp--preset--color--neon-pink);
  color: #fff;
  box-shadow: 0 0 16px #ff10f080;
}

.archive-filters__meta-row {
  justify-content: space-between;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-wrap: wrap;
  display: flex;
}

.archive-filters__result-count {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
}

.archive-filters__result-count strong {
  color: var(--wp--preset--color--neon-purple-text);
}

.archive-filters__result-number {
  color: var(--wp--preset--color--neon-purple-text);
  animation: .28s ease-out countPop;
  display: inline-block;
}

@keyframes countPop {
  0% {
    opacity: .6;
    transform: scale(1.35);
  }

  60% {
    transform: scale(.95);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.archive-filters__result-context {
  color: var(--wp--preset--color--neutral-500);
  font-style: italic;
}

.dark .archive-filters__result-count {
  color: var(--wp--preset--color--neutral-400);
}

.dark .archive-filters__result-count strong, .dark .archive-filters__result-number {
  color: var(--wp--preset--color--neon-purple);
}

.dark .archive-filters__result-context {
  color: var(--wp--preset--color--neutral-400);
}

@media (prefers-reduced-motion: reduce) {
  .archive-filters__result-number {
    animation: none;
  }
}

.archive-filters__sort-row {
  align-items: center;
  gap: 6px;
  display: flex;
}

.archive-filters__sort-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  white-space: nowrap;
}

.dark .archive-filters__sort-label {
  color: var(--wp--preset--color--neutral-400);
}

.archive-filters__sort {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.archive-filters__sort-chip {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neutral-600);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  padding: 4px 10px;
  transition: all .2s;
}

.archive-filters__sort-chip:hover {
  border-color: var(--wp--preset--color--neon-cyan);
  color: var(--wp--preset--color--neon-cyan-text);
}

.archive-filters__sort-chip--active {
  background: var(--wp--preset--color--neon-cyan);
  border-color: var(--wp--preset--color--neon-cyan);
  color: var(--wp--preset--color--contrast);
}

.dark .archive-filters__sort-chip {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-400);
}

.dark .archive-filters__sort-chip--active {
  background: var(--wp--preset--color--neon-cyan);
  border-color: var(--wp--preset--color--neon-cyan);
  color: var(--wp--preset--color--contrast);
  box-shadow: 0 0 12px #00f7ff4d;
}

.archive-filters__mobile-trigger {
  border: 1px solid var(--wp--preset--color--neon-purple);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-purple-text);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  cursor: pointer;
  background: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 20px;
  transition: all .2s;
  display: flex;
}

.archive-filters__mobile-trigger:hover {
  background: var(--wp--preset--color--neon-purple);
  color: #fff;
  box-shadow: var(--wp--preset--shadow--neon-purple);
}

.dark .archive-filters__mobile-trigger {
  color: var(--wp--preset--color--neon-purple);
}

@media (width >= 768px) {
  .archive-filters__mobile-trigger {
    display: none;
  }
}

.archive-filters__overlay {
  z-index: var(--wp--preset--z-index--modal);
  background: var(--wp--preset--color--base);
  flex-direction: column;
  display: flex;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.dark .archive-filters__overlay {
  background: var(--wp--preset--color--atomic-black);
}

.archive-filters__overlay-header {
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  border-bottom: 1px solid var(--wp--preset--color--neutral-200);
  background: linear-gradient(135deg, #ff10f00d, #1f51ff0d);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dark .archive-filters__overlay-header {
  border-bottom-color: var(--wp--preset--color--neutral-800);
  background: linear-gradient(135deg, #ff10f01a, #1f51ff1a);
}

.archive-filters__overlay-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
}

.archive-filters__overlay-close {
  color: var(--foreground);
  cursor: pointer;
  background: none;
  border: none;
  padding: 8px;
}

.archive-filters__overlay-body {
  padding: var(--wp--preset--spacing--fluid-md);
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.archive-filters__overlay-section-title {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.dark .archive-filters__overlay-section-title {
  color: var(--wp--preset--color--neutral-400);
}

.archive-filters__overlay-chips {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.archive-filters__overlay-chip {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  min-height: 44px;
  color: var(--wp--preset--color--neutral-700);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  cursor: pointer;
  background: none;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  transition: all .2s;
  display: inline-flex;
}

.archive-filters__overlay-chip--active {
  background: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
}

.dark .archive-filters__overlay-chip {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-300);
}

.dark .archive-filters__overlay-chip--active {
  background: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
  box-shadow: 0 0 12px #be00fe66;
}

.archive-filters__overlay-footer {
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  border-top: 1px solid var(--wp--preset--color--neutral-200);
}

.dark .archive-filters__overlay-footer {
  border-top-color: var(--wp--preset--color--neutral-800);
}

.archive-filters__overlay-apply {
  border-radius: var(--wp--preset--border-radius--full);
  background: var(--wp--preset--gradient--cyberpunk);
  color: #fff;
  width: 100%;
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  cursor: pointer;
  border: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  transition: box-shadow .2s;
  display: flex;
}

.archive-filters__overlay-apply:hover {
  box-shadow: var(--wp--preset--shadow--neon-pink);
}

.pagination {
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pagination__content {
  flex-direction: row;
  align-items: center;
  gap: .25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.pagination__item {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagination__link {
  white-space: nowrap;
  border-radius: var(--wp--preset--border-radius--md);
  min-width: 2.25rem;
  height: 2.25rem;
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--contrast);
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: 0 1rem;
  font-weight: 500;
  transition: colors .2s;
  display: inline-flex;
}

.dark .pagination__link {
  color: #fff;
}

.pagination__link:hover:not(:disabled) {
  background-color: var(--wp--preset--color--neutral-100);
}

.dark .pagination__link:hover:not(:disabled) {
  background-color: var(--wp--preset--color--neutral-800);
}

.pagination__link--active {
  border: 1px solid var(--wp--preset--color--neutral-200);
  background-color: var(--wp--preset--color--base);
  pointer-events: none;
}

.dark .pagination__link--active {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: var(--wp--preset--color--neutral-900);
}

.pagination__link:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.pagination__nav-button {
  padding-left: .625rem;
  padding-right: .625rem;
}

.pagination__label {
  display: none;
}

@media (width >= 640px) {
  .pagination__label {
    display: inline-block;
  }
}

.pagination__nav-icon {
  width: 1rem;
  height: 1rem;
}

.pagination__ellipsis {
  width: 2.25rem;
  height: 2.25rem;
  color: var(--wp--preset--color--contrast);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dark .pagination__ellipsis {
  color: #fff;
}

.pagination__ellipsis-icon {
  width: 1rem;
  height: 1rem;
}

.portfolio-main-page {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.dark .portfolio-main-page {
  background-color: var(--wp--preset--color--atomic-black);
}

.portfolio-page-header {
  text-align: center;
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
}

.portfolio-page-header__content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  margin: 0 auto;
}

.category-filters-section {
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  padding-top: 0;
}

.portfolio-content-section {
  padding-bottom: var(--wp--preset--spacing--section-vertical);
}

.portfolio-content-container {
  width: 100%;
  max-width: var(--wp--preset--layout--wide);
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
  margin-left: auto;
  margin-right: auto;
}

.portfolio-card-skeleton {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  border: 1px solid var(--wp--preset--color--neutral-200);
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
  overflow: hidden;
}

.dark .portfolio-card-skeleton {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.portfolio-card-skeleton__image {
  aspect-ratio: 16 / 9;
  background-color: var(--wp--preset--color--neutral-200);
}

.dark .portfolio-card-skeleton__image {
  background-color: var(--wp--preset--color--neutral-800);
}

.portfolio-card-skeleton__content {
  padding: var(--wp--preset--spacing--fluid-md);
}

.skeleton-bar--w-25 {
  width: 25%;
}

.skeleton-bar--w-75 {
  width: 75%;
}

.skeleton-bar--w-85 {
  width: 85%;
}

.portfolio-error, .portfolio-empty {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-xl) 0;
}

.portfolio-empty__title {
  font-size: var(--wp--preset--font-size--600);
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  font-weight: 500;
}

.dark .portfolio-empty__title {
  color: var(--wp--preset--color--neutral-400);
}

.portfolio-empty__message {
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neutral-500);
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
}

.pagination-wrapper {
  margin-top: var(--wp--preset--spacing--fluid-2xl);
}

.mobile-quick-nav {
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
  display: flex;
}

.mobile-nav-btn {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neon-purple);
  cursor: pointer;
  background: none;
  border: none;
}

.mobile-nav-btn:disabled {
  color: var(--wp--preset--color--neutral-400);
  cursor: not-allowed;
}

.mobile-swipe-hint {
  text-align: center;
  color: var(--wp--preset--color--neutral-500);
  margin-top: 1.5rem;
  font-size: .75rem;
}

.mobile-swipe-hint__text {
  justify-content: center;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.pagination-nav-button {
  min-height: 44px;
  font-size: .875rem;
  font-family: var(--wp--preset--font-family--brand-body);
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--md);
  color: var(--wp--preset--color--neutral-700);
  box-shadow: var(--wp--preset--shadow--action-btn);
  touch-action: manipulation;
  background: #fffc;
  flex: 1;
  padding: .75rem 1rem;
  font-weight: 500;
  transition: all .2s;
}

.pagination-nav-button:hover:not(:disabled) {
  background: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--card-hover);
}

.dark .pagination-nav-button {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-300);
  background: #141414cc;
}

.dark .pagination-nav-button:hover:not(:disabled) {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
  box-shadow: 0 0 10px #be00fe4d;
}

.pagination-nav-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.pagination-nav-button:focus {
  box-shadow: var(--wp--preset--shadow--focus-ring-pink);
  outline: none;
}

.portfolio-main {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
  color: var(--wp--preset--color--contrast);
  position: relative;
  overflow: hidden;
}

.dark .portfolio-main {
  background-color: var(--wp--preset--color--atomic-black);
  color: var(--wp--preset--color--neutral-200);
}

.portfolio-main__header {
  text-align: center;
  background: linear-gradient(#be00fe0a 0%, #0000 100%);
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
}

.dark .portfolio-main__header {
  background: linear-gradient(#be00fe14 0%, #0000 100%);
}

.portfolio-main__header .container-7xl {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  display: flex;
}

.portfolio-main__header-icon {
  color: var(--wp--preset--color--neon-purple-text);
  width: 2.5rem;
  height: 2.5rem;
}

.dark .portfolio-main__header-icon {
  color: var(--wp--preset--color--neon-purple);
  filter: drop-shadow(0 0 8px #be00fe66);
}

.portfolio-main__count {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-500);
}

.portfolio-main__count strong {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .portfolio-main__count {
  color: var(--wp--preset--color--neutral-400);
}

.dark .portfolio-main__count strong {
  color: var(--wp--preset--color--neon-purple);
}

.portfolio-main__toolbar {
  gap: var(--wp--preset--spacing--fluid-md);
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  display: flex;
}

.portfolio-main__sort-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.dark .portfolio-main__sort-label {
  color: var(--wp--preset--color--neutral-400);
}

.portfolio-main__sort-chips {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.portfolio-main__related-tags {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.portfolio-main__related-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.dark .portfolio-main__related-label {
  color: var(--wp--preset--color--neutral-400);
}

.portfolio-main__related-chips {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.portfolio-main__divider {
  border: none;
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
}

.dark .portfolio-main__divider {
  border-top-color: var(--wp--preset--color--neutral-800);
}

.portfolio-main .error-card {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-xl);
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--lg);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--neutral-500);
  flex-direction: column;
  display: flex;
}

.dark .portfolio-main .error-card {
  background-color: var(--wp--preset--color--neutral-900);
  color: var(--wp--preset--color--neutral-400);
}

.portfolio-main .error-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--600);
  color: var(--wp--preset--color--contrast);
}

.dark .portfolio-main .error-title {
  color: var(--wp--preset--color--neutral-200);
}

.portfolio-main .error-message {
  color: var(--wp--preset--color--neutral-600);
}

.dark .portfolio-main .error-message {
  color: var(--wp--preset--color--neutral-400);
}

.share-component {
  display: inline-block;
  position: relative;
}

.share-component__container {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.share-component__container--left {
  justify-content: flex-start;
}

.share-component__container--center {
  justify-content: center;
}

.share-component__container--right {
  justify-content: flex-end;
}

.share-component__label {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-600);
  font-size: .875rem;
  font-weight: 500;
}

.dark .share-component__label {
  color: var(--wp--preset--color--neutral-400);
}

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

@media (width >= 640px) {
  .share-component__label--responsive {
    clip: auto;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }
}

.share-component__btn {
  border-radius: var(--wp--preset--border-radius--full);
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--neutral-700);
  cursor: pointer;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
  display: inline-flex;
}

.dark .share-component__btn {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-300);
}

.share-component__btn:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--neon-sm);
  transform: translateY(-1px);
}

.share-component__icon {
  width: 1rem;
  height: 1rem;
}

.share-component__dropdown {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  width: 12rem;
  box-shadow: var(--wp--preset--shadow--card-hover);
  border: 1px solid var(--wp--preset--color--neutral-200);
  z-index: var(--wp--preset--z-index--overlay);
  margin-bottom: .5rem;
  padding: .5rem;
  animation: .2s ease-out slideUp;
  position: absolute;
  bottom: 100%;
  left: 0;
  overflow: hidden;
}

.dark .share-component__dropdown {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.share-component__container--right .share-component__dropdown {
  left: auto;
  right: 0;
}

.share-component__dropdown-item {
  text-align: left;
  cursor: pointer;
  border-radius: var(--wp--preset--border-radius--md);
  width: 100%;
  color: var(--wp--preset--color--neutral-700);
  background: none;
  border: none;
  align-items: center;
  gap: .75rem;
  padding: .75rem;
  transition: all .2s;
  display: flex;
}

.dark .share-component__dropdown-item {
  color: var(--wp--preset--color--neutral-300);
}

.share-component__dropdown-item:hover {
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neon-purple);
}

.dark .share-component__dropdown-item:hover {
  background-color: var(--wp--preset--color--neutral-800);
}

.share-component__dropdown-icon {
  width: 1rem;
  height: 1rem;
}

.share-component__external-icon {
  opacity: .5;
  width: .75rem;
  height: .75rem;
  margin-left: auto;
}

.share-component__dropdown-text {
  font-size: .875rem;
  font-weight: 500;
}

.share-component__dropdown-divider {
  border: none;
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  margin: .5rem 0;
}

.dark .share-component__dropdown-divider {
  border-color: var(--wp--preset--color--neutral-800);
}

.share-component__text--success {
  color: var(--wp--preset--color--neon-green);
}

.share-component__inline-container {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.share-component__btn-icon {
  cursor: pointer;
  color: #fff;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .2s;
  display: flex;
}

.share-component__btn-icon:hover {
  box-shadow: var(--wp--preset--shadow--neon-sm);
  filter: brightness(1.1);
  transform: translateY(-2px);
}

.share-component__btn-icon--x {
  background-color: #000;
}

.dark .share-component__btn-icon--x {
  color: #000;
  background-color: #fff;
}

.share-component__btn-icon--facebook {
  background-color: #1877f2;
}

.share-component__btn-icon--instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0% 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.share-component__btn-icon--pinterest {
  background-color: #bd081c;
}

.share-component__btn-icon--whatsapp {
  background-color: #25d366;
}

.share-component__btn-icon--email {
  background: var(--wp--preset--gradient--hyperpop);
}

.share-component__btn-icon--copy {
  background-color: var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--neutral-700);
}

.dark .share-component__btn-icon--copy {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-300);
}

.share-component__btn-icon--success {
  background-color: var(--wp--preset--color--neon-green);
  color: #000;
}

.share-component__social-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.portfolio-detail-page {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
}

.dark .portfolio-detail-page {
  background-color: var(--wp--preset--color--atomic-black);
}

.portfolio-header-wide {
  padding-top: calc(var(--wp--preset--spacing--fluid-2xl)  + 2rem);
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  text-align: center;
}

.portfolio-header-wide .container-wide {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.portfolio-title-wide {
  font-size: var(--wp--preset--font-size--hero);
  font-family: var(--wp--preset--font-family--brand-title);
  text-align: center;
  background: var(--wp--preset--gradient--cyberpunk);
  color: #0000;
  background-clip: text;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.1;
}

.portfolio-detail__excerpt-quote-wide {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  text-align: center;
  max-width: 900px;
  margin: var(--wp--preset--spacing--fluid-lg) auto 0;
  color: var(--wp--preset--color--neutral-600);
  line-height: 1.4;
}

.portfolio-detail__excerpt-quote-left {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  text-align: left;
  padding-left: var(--wp--preset--spacing--fluid-lg);
  border-style: solid;
  border-width: 0 0 0 4px;
  border-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neutral-700);
  max-width: 800px;
  margin: 0;
  font-style: italic;
  line-height: 1.6;
}

.dark .portfolio-detail__excerpt-quote-left, .dark .portfolio-detail__excerpt-quote-wide {
  color: var(--wp--preset--color--neutral-300);
}

.event-details-chips {
  justify-content: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  margin-top: var(--wp--preset--spacing--fluid-md);
  flex-wrap: wrap;
  display: flex;
}

.chip {
  border-radius: var(--wp--preset--border-radius--full);
  font-size: var(--wp--preset--font-size--100);
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neutral-700);
  border: 1px solid #0000;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-weight: 500;
  display: inline-flex;
}

.dark .chip {
  color: var(--wp--preset--color--neutral-300);
  background-color: #ffffff1a;
}

.chip--date .icon-sm {
  color: var(--wp--preset--color--neon-pink);
}

.chip--location .icon-sm {
  color: var(--wp--preset--color--neon-blue);
}

.chip--category .icon-sm {
  color: var(--wp--preset--color--neon-purple);
}

.chip.clickable {
  cursor: pointer;
  transition: all .2s;
}

.chip.clickable:hover {
  background-color: var(--wp--preset--color--neon-purple);
  color: #fff;
}

.chip.clickable:hover .icon-sm {
  color: #fff;
}

.portfolio-detail__breadcrumb {
  justify-content: center;
  display: flex;
}

.breadcrumb-btn {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  border-radius: var(--wp--preset--border-radius--full);
  padding: var(--wp--preset--spacing--fluid-md);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-900);
  box-shadow: var(--wp--preset--shadow--card);
  border: 1px solid var(--wp--preset--color--neutral-200);
  cursor: pointer;
  background-color: #ffffffe6;
  font-weight: 500;
  transition: all .3s;
  display: inline-flex;
}

.breadcrumb-btn:hover {
  color: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px #0000001a;
}

.dark .breadcrumb-btn {
  color: #fff;
  background-color: #0f0f0fcc;
  border: 1px solid #ffffff1a;
}

.story-expand--visible {
  opacity: 1;
  max-height: none;
  margin-top: var(--wp--preset--spacing--fluid-md);
}

.tags-flex-wrapper.justify-center {
  justify-content: center;
}

.gallery-main-image {
  border-radius: var(--wp--preset--border-radius--xl);
  cursor: pointer;
  width: 100%;
  box-shadow: var(--wp--preset--shadow--card-hover);
  background: none;
  border: none;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.gallery-main-image__img {
  object-fit: cover;
  width: 100%;
  height: auto;
  transition: transform .5s;
  display: block;
}

.gallery-main-image:hover .gallery-main-image__img {
  transform: scale(1.05);
}

.gallery-main-image__overlay {
  opacity: 0;
  background-color: #0000004d;
  transition: opacity .3s;
  position: absolute;
  inset: 0;
}

.gallery-main-image:hover .gallery-main-image__overlay {
  opacity: 1;
}

.gallery-main-image__icon {
  opacity: 0;
  transition: all .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(.8);
}

.gallery-main-image__icon-wrapper {
  border-radius: var(--wp--preset--border-radius--full);
  padding: var(--wp--preset--spacing--fluid-md);
  color: var(--wp--preset--color--neutral-900);
  background-color: #ffffffe6;
}

.gallery-main-image:hover .gallery-main-image__icon {
  opacity: 1;
  transform: translate(-50%, -50%)scale(1);
}

.portfolio-gallery-wrapper {
  gap: var(--wp--preset--spacing--block-gap);
  flex-direction: column;
  display: flex;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.gallery-thumbnails {
  gap: var(--wp--preset--spacing--block-gap);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

@media (width >= 1024px) {
  .portfolio-gallery-wrapper {
    align-items: start;
    gap: var(--wp--preset--spacing--fluid-lg);
    grid-template-columns: 100px 1fr 100px;
    display: grid;
  }

  .gallery-thumbnails {
    flex-direction: column;
    grid-area: 1 / 1;
    gap: 1rem;
    display: flex;
  }

  .gallery-main-wrapper {
    grid-area: 1 / 2;
    justify-content: center;
    width: 100%;
    display: flex;
  }
}

.portfolio-detail__content {
  gap: var(--wp--preset--spacing--block-gap);
  flex-direction: column;
  display: flex;
}

.gallery-thumbnail {
  aspect-ratio: 1;
  border-radius: var(--wp--preset--border-radius--md);
  cursor: pointer;
  background: none;
  border: 2px solid #0000;
  padding: 0;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.gallery-thumbnail--active {
  border-color: var(--wp--preset--color--neon-purple);
  transform: scale(.95);
}

.gallery-thumbnail__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery-thumbnail__overlay {
  background-color: #0006;
  position: absolute;
  inset: 0;
}

.event-info-card {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--xl);
  padding: var(--wp--preset--spacing--fluid-lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
}

.dark .event-info-card {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.event-info-grid {
  gap: var(--wp--preset--spacing--fluid-lg);
  display: grid;
}

@media (width >= 768px) {
  .event-info-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.event-info-item {
  color: var(--wp--preset--color--neutral-700);
  align-items: center;
  gap: .75rem;
  margin-bottom: .75rem;
  display: flex;
}

.dark .event-info-item {
  color: var(--wp--preset--color--neutral-300);
}

.tags-flex-wrapper {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-wrap: wrap;
  display: flex;
}

.grid-gap-fluid-lg {
  gap: var(--wp--preset--spacing--fluid-lg);
  display: grid;
}

.related-post-card {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  cursor: pointer;
  transition: transform .3s, box-shadow .3s;
  display: block;
  overflow: hidden;
}

.dark .related-post-card {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.related-post-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  border-color: var(--wp--preset--color--neon-purple);
  transform: translateY(-4px);
}

.related-post-card__content {
  padding: var(--wp--preset--spacing--fluid-md);
  gap: var(--wp--preset--spacing--fluid-md);
  display: flex;
}

.related-post-card__image-container {
  border-radius: var(--wp--preset--border-radius--md);
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.related-post-card__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.related-post-card__info-col {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-width: 0;
  display: flex;
}

.related-post-card__text-stack {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.related-post-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--contrast);
  margin-bottom: .25rem;
  font-weight: 600;
}

.dark .related-post-card__title {
  color: #fff;
}

.related-post-card__excerpt {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.dark .related-post-card__excerpt {
  color: var(--wp--preset--color--neutral-400);
}

.related-post-card__meta {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.related-post-card__meta-left {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-lg);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  display: flex;
}

.related-post-card__link {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neon-purple);
  font-weight: 600;
}

.portfolio-footer-row {
  margin-top: var(--wp--preset--spacing--fluid-xl);
  padding-top: var(--wp--preset--spacing--fluid-lg);
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  margin-bottom: var(--wp--preset--spacing--fluid-3xl);
}

.dark .portfolio-footer-row {
  border-color: var(--wp--preset--color--neutral-800);
  border-image: linear-gradient(to right, var(--wp--preset--color--neon-green), var(--wp--preset--color--neon-purple), var(--wp--preset--color--neon-green)) 1;
}

@media (width >= 768px) {
  .tags-share-container {
    grid-template-columns: 1fr auto;
  }
}

@media (width >= 768px) {
  .share-section .section-label {
    justify-content: flex-end;
  }

  .share-section .share-buttons {
    justify-content: flex-end;
    display: flex;
  }
}

.not-found-container {
  background-color: var(--wp--preset--color--base);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.dark .not-found-container {
  background-color: var(--wp--preset--color--atomic-black);
}

.portfolio-detail__not-found-message {
  color: var(--wp--preset--color--neutral-700);
}

.dark .portfolio-detail__not-found-message {
  color: var(--wp--preset--color--neutral-300);
}

.portfolio-detail__story-paragraph {
  line-height: 1.625;
}

.story-quote {
  border-style: solid;
  border-width: 0 0 0 4px;
  border-image: linear-gradient(to bottom, var(--wp--preset--color--neon-green), var(--wp--preset--color--neon-cyan)) 1;
  font-size: 1.25rem;
  font-style: italic;
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-600);
  background: linear-gradient(to right, #008f000a, #0000);
  border-radius: 0 1rem 1rem 0;
  margin: 2rem 0;
  padding: 1.5rem 2rem;
  position: relative;
}

.story-quote:before {
  content: "◆";
  color: var(--wp--preset--color--neon-green-text);
  font-size: 1.2rem;
  line-height: 1;
  position: absolute;
  top: -.4rem;
  left: .75rem;
}

.dark .story-quote:before {
  color: var(--wp--preset--color--neon-green);
  text-shadow: 0 0 8px var(--wp--preset--color--neon-green);
}

.dark .story-quote {
  color: var(--wp--preset--color--neutral-300);
  background: linear-gradient(to right, #00ff000f, #00f3ff05, #0000);
  box-shadow: -5px 0 15px -5px #00ff0026;
}

.portfolio-rich-text h1 {
  display: none;
}

.portfolio-rich-text p {
  margin-bottom: 1.5rem;
}

.portfolio-rich-text strong {
  color: var(--wp--preset--color--contrast);
  font-weight: 700;
}

.dark .portfolio-rich-text strong {
  color: #fff;
  text-shadow: 0 0 8px #00ff0040;
}

.portfolio-rich-text em {
  color: var(--wp--preset--color--neon-green-text);
  font-style: italic;
}

.dark .portfolio-rich-text em {
  color: var(--wp--preset--color--neon-green);
}

.portfolio-rich-text h2 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--600);
  color: var(--wp--preset--color--contrast);
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  display: inline-block;
  position: relative;
}

.dark .portfolio-rich-text h2 {
  color: #fff;
  background: linear-gradient(to right, var(--wp--preset--color--neon-green), var(--wp--preset--color--neon-cyan));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.portfolio-rich-text h2:after {
  content: "◆ ◇ ◆ ◇ ◆";
  letter-spacing: .2em;
  color: var(--wp--preset--color--neon-green-text);
  margin-top: .4rem;
  font-size: .5rem;
  line-height: 1;
  display: block;
}

.dark .portfolio-rich-text h2:after {
  color: var(--wp--preset--color--neon-green);
  text-shadow: 0 0 8px var(--wp--preset--color--neon-green);
}

.portfolio-rich-text h3 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  color: var(--wp--preset--color--neon-purple-text);
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.dark .portfolio-rich-text h3 {
  color: var(--wp--preset--color--neon-purple);
  text-shadow: 0 0 10px #be00fe66;
}

.portfolio-rich-text h4 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--contrast);
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.dark .portfolio-rich-text h4 {
  color: var(--wp--preset--color--neutral-200);
}

.portfolio-rich-text ul, .portfolio-rich-text ol {
  margin-bottom: 1.5rem;
  padding-left: 0;
  list-style: none;
}

.portfolio-rich-text li {
  margin-bottom: .75rem;
  padding-left: 2rem;
  position: relative;
}

.portfolio-rich-text ul li:before {
  content: "◆";
  color: var(--wp--preset--color--neon-green-text);
  font-size: .6rem;
  line-height: 2;
  position: absolute;
  left: 0;
}

.dark .portfolio-rich-text ul li:before {
  color: var(--wp--preset--color--neon-green);
  text-shadow: 0 0 5px var(--wp--preset--color--neon-green);
}

.portfolio-rich-text ol {
  counter-reset: portfolio-counter;
}

.portfolio-rich-text ol li {
  counter-increment: portfolio-counter;
}

.portfolio-rich-text ol li:before {
  content: counter(portfolio-counter) ".";
  color: var(--wp--preset--color--neon-purple-text);
  font-weight: 700;
  font-family: var(--wp--preset--font-family--brand-heading);
  position: absolute;
  left: 0;
}

.dark .portfolio-rich-text ol li:before {
  color: var(--wp--preset--color--neon-purple);
  text-shadow: 0 0 5px var(--wp--preset--color--neon-purple);
}

.portfolio-rich-text a {
  color: var(--wp--preset--color--neon-green-text);
  border-bottom: 1px solid #0000;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
}

.portfolio-rich-text a:hover {
  border-bottom-color: var(--wp--preset--color--neon-green-text);
}

.dark .portfolio-rich-text a {
  color: var(--wp--preset--color--neon-green);
}

.dark .portfolio-rich-text a:hover {
  border-bottom-color: var(--wp--preset--color--neon-green);
  text-shadow: 0 0 8px var(--wp--preset--color--neon-green);
}

.portfolio-rich-text blockquote {
  border-style: solid;
  border-width: 0 0 0 4px;
  border-image: linear-gradient(to bottom, var(--wp--preset--color--neon-green), var(--wp--preset--color--neon-cyan)) 1;
  color: var(--wp--preset--color--neutral-600);
  background: linear-gradient(to right, #008f000a, #0000);
  border-radius: 0 1rem 1rem 0;
  margin: 2.5rem 0;
  padding: 1.5rem 2rem;
  font-size: 1.25rem;
  font-style: italic;
  position: relative;
}

.portfolio-rich-text blockquote:before {
  content: "◆";
  color: var(--wp--preset--color--neon-green-text);
  font-size: 1.2rem;
  line-height: 1;
  position: absolute;
  top: -.4rem;
  left: .75rem;
}

.dark .portfolio-rich-text blockquote:before {
  color: var(--wp--preset--color--neon-green);
  text-shadow: 0 0 8px var(--wp--preset--color--neon-green);
}

.dark .portfolio-rich-text blockquote {
  color: var(--wp--preset--color--neutral-300);
  background: linear-gradient(to right, #00ff000f, #00f3ff05, #0000);
  box-shadow: -5px 0 15px -5px #00ff0026;
}

.portfolio-rich-text code {
  background-color: var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--neon-green-text);
  border-radius: 4px;
  padding: .2rem .4rem;
  font-family: monospace;
  font-size: .9em;
}

.dark .portfolio-rich-text code {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neon-green);
  border: 1px solid var(--wp--preset--color--neutral-700);
}

.portfolio-detail__related-card-wrapper {
  height: 100%;
}

.portfolio-feedback-section {
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal);
  background: linear-gradient(135deg, #ff10f005 0%, #be00fe05 50%, #0000 100%);
}

.dark .portfolio-feedback-section {
  background: linear-gradient(135deg, #ff10f00d 0%, #be00fe0a 50%, #0000 100%);
}

.portfolio-feedback__grid {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .portfolio-feedback__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.portfolio-feedback__card {
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-md);
  background: var(--background);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  flex-direction: column;
  transition: transform .3s, box-shadow .3s;
  display: flex;
}

.portfolio-feedback__card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-2px);
}

.dark .portfolio-feedback__card {
  border-color: var(--wp--preset--color--neutral-800);
  background: #ffffff05;
}

.dark .portfolio-feedback__card:hover {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 15px #ff10f01a;
}

.portfolio-feedback__card--featured {
  border-color: #ff10f033;
}

.dark .portfolio-feedback__card--featured {
  border-color: #ff10f059;
  box-shadow: 0 0 10px #ff10f00f;
}

.portfolio-feedback__quote-icon {
  width: 20px;
  height: 20px;
  color: var(--wp--preset--color--neutral-300);
}

.dark .portfolio-feedback__quote-icon {
  color: var(--wp--preset--color--neutral-700);
}

.portfolio-feedback__card--featured .portfolio-feedback__quote-icon {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .portfolio-feedback__card--featured .portfolio-feedback__quote-icon {
  color: var(--wp--preset--color--neon-pink);
  filter: drop-shadow(0 0 4px #ff10f066);
}

.portfolio-feedback__quote {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-700);
  flex: 1;
  line-height: 1.7;
}

.dark .portfolio-feedback__quote {
  color: var(--wp--preset--color--neutral-300);
}

.portfolio-feedback__rating {
  gap: 2px;
  display: flex;
}

.portfolio-feedback__star {
  width: 14px;
  height: 14px;
  color: var(--wp--preset--color--neutral-300);
}

.portfolio-feedback__star--filled {
  color: var(--wp--preset--color--neon-yellow, #ffe500);
  fill: var(--wp--preset--color--neon-yellow, #ffe500);
}

.dark .portfolio-feedback__star {
  color: var(--wp--preset--color--neutral-700);
}

.dark .portfolio-feedback__star--filled {
  color: var(--wp--preset--color--neon-yellow, #ffe500);
  fill: var(--wp--preset--color--neon-yellow, #ffe500);
  filter: drop-shadow(0 0 3px #ffe50059);
}

.portfolio-feedback__author {
  padding-top: var(--wp--preset--spacing--fluid-xs);
  border-top: 1px solid var(--border);
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.portfolio-feedback__name {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  color: var(--foreground);
}

.portfolio-feedback__meta {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .portfolio-feedback__meta {
  color: var(--wp--preset--color--neutral-400);
}

.portfolio-feedback__view-all {
  padding-top: var(--wp--preset--spacing--fluid-md);
  justify-content: center;
  display: flex;
}

.portfolio-feedback__actions {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-md);
  margin-top: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  display: flex;
}

.blog-list-view {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
  color: var(--wp--preset--color--contrast);
  position: relative;
  overflow: hidden;
}

.dark .blog-list-view {
  background-color: var(--wp--preset--color--atomic-black);
  color: var(--wp--preset--color--neutral-200);
}

.blog-list-header {
  text-align: center;
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
}

.blog-list-header__content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.blog-list-content {
  min-height: 60vh;
}

.contentful-notice {
  background-color: var(--wp--preset--color--neutral-100);
  border-bottom: 1px solid var(--wp--preset--color--neutral-200);
  padding: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--neutral-700);
}

.dark .contentful-notice {
  background-color: var(--wp--preset--color--neutral-800);
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-300);
}

.blog-preview__grid {
  gap: var(--wp--preset--spacing--block-gap);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}

@media (width >= 768px) {
  .blog-preview__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .blog-preview__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.blog-card {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  cursor: pointer;
  border: 1px solid var(--wp--preset--color--neutral-200);
  flex-direction: column;
  height: 100%;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  overflow: hidden;
}

.dark .blog-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #14141499;
  border-color: #ffffff1a;
}

.blog-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-5px);
}

.dark .blog-card:hover {
  border-color: #be00fe80;
  box-shadow: 0 0 20px #be00fe33;
}

.blog-card__image-container {
  aspect-ratio: 16 / 9;
  background-color: var(--wp--preset--color--neutral-100);
  position: relative;
  overflow: hidden;
}

.dark .blog-card__image-container {
  background-color: var(--wp--preset--color--neutral-800);
}

.blog-card__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .5s;
}

.blog-card:hover .blog-card__image {
  transform: scale(1.05);
}

.blog-card__placeholder {
  background: var(--wp--preset--gradient--cyberpunk);
  opacity: .1;
  width: 100%;
  height: 100%;
  color: var(--wp--preset--color--neutral-400);
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-card__placeholder-icon {
  width: 3rem;
  height: 3rem;
}

.blog-card__content {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  flex: 1;
  padding: 16px;
  display: flex;
}

.blog-card__category {
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .05em;
  border-radius: var(--wp--preset--border-radius--md);
  z-index: 1;
  color: var(--wp--preset--color--neutral-800);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #ffffffeb;
  padding: 4px 12px;
  font-weight: 600;
  position: absolute;
  bottom: 12px;
  left: 12px;
}

.dark .blog-card__category {
  color: var(--wp--preset--color--neon-purple);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #0f0f0fd9;
}

.blog-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--contrast);
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
}

.dark .blog-card__title {
  color: #fff;
}

.blog-card__excerpt {
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  flex: 1;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
}

.dark .blog-card__excerpt {
  color: var(--wp--preset--color--neutral-400);
}

.blog-card__footer {
  padding-top: var(--wp--preset--spacing--fluid-sm);
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dark .blog-card__footer {
  color: var(--wp--preset--color--neutral-400);
  border-color: #ffffff1a;
}

.blog-card__date {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.blog-post-view {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
  padding-top: 5rem;
}

.dark .blog-post-view {
  background-color: var(--wp--preset--color--atomic-black);
}

.back-to-blog-btn {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--neutral-600);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-weight: 500;
  transition: color .2s;
  display: inline-flex;
}

.back-to-blog-btn:hover {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .back-to-blog-btn {
  color: var(--wp--preset--color--neutral-400);
}

.dark .back-to-blog-btn:hover {
  color: var(--wp--preset--color--neon-purple);
}

.blog-article {
  max-width: var(--wp--preset--layout--content);
  gap: var(--wp--preset--spacing--block-gap);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.blog-article__header {
  text-align: center;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.blog-article__image-container {
  aspect-ratio: 16 / 9;
  border-radius: var(--wp--preset--border-radius--xl);
  width: 100%;
  box-shadow: var(--wp--preset--shadow--card-hover);
  overflow: hidden;
}

.blog-article__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-article__meta {
  justify-content: center;
  gap: var(--wp--preset--spacing--fluid-md);
  color: var(--wp--preset--color--neutral-600);
  flex-wrap: wrap;
  display: flex;
}

.dark .blog-article__meta {
  color: var(--wp--preset--color--neutral-400);
}

.meta-item {
  font-size: var(--wp--preset--font-size--200);
  align-items: center;
  gap: .5rem;
  display: flex;
}

.blog-article__tags {
  margin-top: var(--wp--preset--spacing--fluid-sm);
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
  display: flex;
}

.category-badge {
  background-color: var(--wp--preset--color--neon-purple-text);
  color: #fff;
  border-radius: var(--wp--preset--border-radius--full);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .05em;
  cursor: pointer;
  border: none;
  padding: 4px 12px;
  font-weight: 700;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px #be00fe66;
}

.category-badge:hover {
  text-shadow: 0 0 5px #fffc;
  transform: scale(1.05)translateY(-2px);
  box-shadow: 0 0 20px #be00fecc, 0 0 40px #be00fe66;
}

.category-badge:after {
  content: "";
  background: linear-gradient(to right, #0000, #fff6, #0000);
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  transform: skewX(-25deg);
}

.category-badge:hover:after {
  animation: .75s shine;
}

.tag-badge {
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neutral-700);
  border-radius: var(--wp--preset--border-radius--full);
  font-size: var(--wp--preset--font-size--100);
  align-items: center;
  gap: .25rem;
  padding: .25rem .75rem;
  transition: all .2s;
  display: flex;
}

.dark .tag-badge {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-300);
}

.tag-badge:hover {
  background-color: var(--wp--preset--color--neutral-200);
}

.tag-badge.clickable {
  cursor: pointer;
  transition: all .2s;
}

.tag-badge.clickable:hover {
  background-color: var(--wp--preset--color--neon-purple);
  color: #fff;
  border-color: var(--wp--preset--color--neon-purple);
}

.blog-article__excerpt {
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--neutral-700);
  padding: var(--wp--preset--spacing--fluid-md);
  border-style: solid;
  border-width: 0 0 0 4px;
  border-color: var(--wp--preset--color--neon-pink);
  background-color: var(--wp--preset--color--neutral-50);
  font-style: italic;
  line-height: 1.6;
}

.dark .blog-article__excerpt {
  color: var(--wp--preset--color--neutral-300);
  background-color: var(--wp--preset--color--neutral-900);
}

.blog-article__content {
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neutral-800);
  line-height: 1.8;
}

.dark .blog-article__content {
  color: var(--wp--preset--color--neutral-200);
}

.rich-text-content h1 {
  display: none;
}

.rich-text-content p {
  margin-bottom: 1.5rem;
}

.rich-text-content strong {
  color: var(--wp--preset--color--contrast);
  font-weight: 700;
}

.dark .rich-text-content strong {
  color: #fff;
  text-shadow: 0 0 10px #fff3;
}

.rich-text-content em {
  color: var(--wp--preset--color--neon-pink-text);
  font-style: italic;
}

.rich-text-content h2 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--600);
  color: var(--wp--preset--color--contrast);
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  display: inline-block;
  position: relative;
}

.dark .rich-text-content h2 {
  color: #fff;
  background: linear-gradient(to right, #fff, var(--wp--preset--color--neon-blue));
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 20px #00f3ff4d;
  -webkit-background-clip: text;
}

.rich-text-content h2:after {
  content: "";
  background: var(--wp--preset--color--neon-pink);
  width: 60px;
  height: 4px;
  box-shadow: 0 0 10px var(--wp--preset--color--neon-pink);
  border-radius: 2px;
  margin-top: .5rem;
  display: block;
}

.rich-text-content h3 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  color: var(--wp--preset--color--neon-purple-text);
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.dark .rich-text-content h3 {
  color: var(--wp--preset--color--neon-purple);
  text-shadow: 0 0 10px #be00fe66;
}

.rich-text-content h4 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--contrast);
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.dark .rich-text-content h4 {
  color: var(--wp--preset--color--neutral-200);
}

.rich-text-content ul, .rich-text-content ol {
  margin-bottom: 1.5rem;
  padding-left: 0;
  list-style: none;
}

.rich-text-content li {
  margin-bottom: .75rem;
  padding-left: 2rem;
  position: relative;
}

.rich-text-content ul li:before {
  content: "★";
  color: var(--wp--preset--color--neon-yellow-text);
  text-shadow: none;
  font-size: 1rem;
  line-height: 1.6;
  position: absolute;
  left: 0;
}

.dark .rich-text-content ul li:before {
  color: var(--wp--preset--color--neon-yellow);
  text-shadow: 0 0 5px var(--wp--preset--color--neon-yellow);
}

.rich-text-content ol {
  counter-reset: blog-counter;
}

.rich-text-content ol li {
  counter-increment: blog-counter;
}

.rich-text-content ol li:before {
  content: counter(blog-counter) ".";
  color: var(--wp--preset--color--neon-blue-text);
  font-weight: 700;
  font-family: var(--wp--preset--font-family--brand-heading);
  text-shadow: none;
  position: absolute;
  left: 0;
}

.dark .rich-text-content ol li:before {
  color: var(--wp--preset--color--neon-blue);
  text-shadow: 0 0 5px var(--wp--preset--color--neon-blue);
}

.rich-text-content a {
  color: var(--wp--preset--color--neon-blue-text);
  border-bottom: 1px solid #0000;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
}

.rich-text-content a:hover {
  border-bottom-color: var(--wp--preset--color--neon-blue-text);
  text-shadow: none;
}

.dark .rich-text-content a {
  color: var(--wp--preset--color--neon-blue);
}

.dark .rich-text-content a:hover {
  border-bottom-color: var(--wp--preset--color--neon-blue);
  text-shadow: 0 0 8px var(--wp--preset--color--neon-blue);
}

.rich-text-content blockquote {
  border-style: solid;
  border-width: 0 0 0 4px;
  border-color: var(--wp--preset--color--neon-green);
  color: var(--wp--preset--color--neutral-600);
  background: linear-gradient(to right, #008f000d, #0000);
  border-radius: 0 1rem 1rem 0;
  margin: 2.5rem 0;
  padding: 1.5rem 2rem;
  font-size: 1.25rem;
  font-style: italic;
  box-shadow: -5px 0 15px -5px #008f001a;
}

.dark .rich-text-content blockquote {
  color: var(--wp--preset--color--neutral-300);
  background: linear-gradient(to right, #00ff001a, #0000);
  box-shadow: -5px 0 15px -5px #0f03;
}

.polaroid-image {
  width: fit-content;
  max-width: 100%;
  margin: 3rem auto;
  transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
  transform: rotate(-1deg);
}

.polaroid-image:hover {
  z-index: 10;
  transform: rotate(0)scale(1.02);
}

.polaroid-image:nth-child(2n) {
  transform: rotate(1deg);
}

.polaroid-image:nth-child(2n):hover {
  transform: rotate(0)scale(1.02);
}

.polaroid-inner {
  background-color: #fff;
  border-radius: 2px;
  padding: 1rem 1rem 3rem;
  position: relative;
  box-shadow: 0 10px 20px #0003;
}

.dark .polaroid-inner {
  background-color: #f0f0f0;
}

.polaroid-inner img {
  filter: contrast(1.1) saturate(1.1);
  border: 1px solid #eee;
  max-width: 100%;
  height: auto;
  display: block;
}

.polaroid-inner figcaption {
  text-align: center;
  color: #333;
  margin-top: 1.5rem;
  font-family: Shadows Into Light, cursive, sans-serif;
  font-size: 1.25rem;
  transform: rotate(-1deg);
}

.rich-text-content code {
  background-color: var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--neon-purple-text);
  border-radius: 4px;
  padding: .2rem .4rem;
  font-family: monospace;
  font-size: .9em;
}

.dark .rich-text-content code {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neon-pink);
  border: 1px solid var(--wp--preset--color--neutral-700);
}

.blog-article__engagement {
  padding: var(--wp--preset--spacing--fluid-md) 0;
  border: 1px solid;
  border-left: none;
  border-right: none;
  border-image: linear-gradient(to right, var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-purple), var(--wp--preset--color--neon-blue)) 1;
  justify-content: center;
  display: flex;
}

.dark .blog-article__engagement {
  border-image: linear-gradient(to right, var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-purple), var(--wp--preset--color--neon-blue)) 1;
}

.engagement-btn {
  border-radius: var(--wp--preset--border-radius--full);
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neutral-600);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--200);
  cursor: pointer;
  border: 1px solid #0000;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.5rem;
  transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.dark .engagement-btn {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-400);
}

.engagement-btn:hover {
  background-color: var(--wp--preset--color--neutral-200);
  transform: scale(1.05);
}

.dark .engagement-btn:hover {
  background-color: var(--wp--preset--color--neutral-700);
}

.engagement-btn--liked {
  color: var(--wp--preset--color--neon-pink);
  border-color: var(--wp--preset--color--neon-pink);
  background-color: #ec48991a;
}

.dark .engagement-btn--liked {
  color: var(--wp--preset--color--neon-pink);
  background-color: #ec489933;
}

.engagement-btn svg {
  transition: transform .2s cubic-bezier(.175, .885, .32, 1.275);
}

.engagement-btn--liked svg {
  fill: currentColor;
  transform: scale(1.1);
}

.engagement-btn__icon--filled {
  fill: currentColor;
}

.blog-article__footer {
  padding-top: var(--wp--preset--spacing--fluid-lg);
}

.tags-share-container {
  gap: var(--wp--preset--spacing--fluid-lg);
  display: grid;
}

@media (width >= 768px) {
  .tags-share-container {
    grid-template-columns: 1fr auto;
  }
}

.section-label {
  color: var(--wp--preset--color--contrast);
  align-items: center;
  gap: .5rem;
  font-weight: 700;
  display: flex;
}

.dark .section-label {
  color: #fff;
}

@media (width >= 768px) {
  .share-section .section-label {
    justify-content: flex-end;
  }

  .share-section .share-buttons {
    justify-content: flex-end;
    display: flex;
  }
}

.tags-list {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.no-tags-text {
  color: var(--wp--preset--color--neutral-500);
  font-style: italic;
}

.author-section {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--xl);
  padding: var(--wp--preset--spacing--fluid-lg);
}

.dark .author-section {
  background-color: var(--wp--preset--color--neutral-900);
}

.author-card {
  gap: var(--wp--preset--spacing--fluid-lg);
  align-items: center;
  display: flex;
}

.author-avatar {
  object-fit: cover;
  border: 2px solid var(--wp--preset--color--neon-purple);
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
}

.author-avatar-placeholder {
  background-color: var(--wp--preset--color--neutral-200);
  width: 5rem;
  height: 5rem;
  color: var(--wp--preset--color--neutral-500);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dark .author-avatar-placeholder {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-400);
}

.author-name {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--contrast);
  font-weight: 600;
}

.dark .author-name {
  color: #fff;
}

.author-bio {
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
}

.dark .author-bio {
  color: var(--wp--preset--color--neutral-400);
}

.author-socials {
  gap: 1rem;
  margin-top: .5rem;
  display: flex;
}

.author-social-link {
  color: var(--wp--preset--color--neutral-500);
  transition: color .2s;
}

.author-social-link:hover {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .author-social-link {
  color: var(--wp--preset--color--neutral-400);
}

.dark .author-social-link:hover {
  color: var(--wp--preset--color--neon-purple);
}

.related-posts-section {
  text-align: center;
}

.related-posts-container {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  display: flex;
}

.related-posts-description {
  color: var(--wp--preset--color--neutral-600);
}

.dark .related-posts-description {
  color: var(--wp--preset--color--neutral-400);
}

.reading-progress-bar {
  background: var(--wp--preset--gradient--cyberpunk);
  height: 4px;
  z-index: var(--wp--preset--z-index--toast);
  transition: width .1s;
  position: fixed;
  top: 0;
  left: 0;
}

.pagination-container {
  margin-top: var(--wp--preset--spacing--fluid-xl);
  justify-content: center;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.pagination-numbers {
  gap: .5rem;
  display: flex;
}

.pagination-btn {
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--md);
  cursor: pointer;
  padding: .5rem 1rem;
  font-weight: 500;
  transition: all .2s;
}

.dark .pagination-btn {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-300);
}

.pagination-btn--active {
  background-color: var(--wp--preset--color--neon-purple-text);
  color: #fff;
  border-color: var(--wp--preset--color--neon-purple-text);
}

.dark .pagination-btn--active {
  background-color: var(--wp--preset--color--neon-purple);
  color: #fff;
  border-color: var(--wp--preset--color--neon-purple);
}

.pagination-btn:hover:not(:disabled) {
  border-color: var(--wp--preset--color--neon-purple-text);
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .pagination-btn:hover:not(:disabled) {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
}

.pagination-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.blog-post-skeleton {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.error-card {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-xl);
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--lg);
}

.dark .error-card {
  background-color: var(--wp--preset--color--neutral-900);
}

.error-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--600);
}

.error-message {
  color: var(--wp--preset--color--neutral-600);
}

.dark .error-message {
  color: var(--wp--preset--color--neutral-400);
}

.blog-back-button {
  align-items: center;
  gap: var(--spacing-10);
  color: #4b5563;
  padding: var(--spacing-10) var(--spacing-20);
  border-radius: var(--wp--preset--border-radius--md);
  transition: color .2s;
  display: inline-flex;
}

.blog-back-button:hover {
  color: #1f2937;
}

.dark .blog-back-button {
  color: #d8b4fe;
}

.dark .blog-back-button:hover {
  color: #f3e8ff;
}

.blog-back-button:focus {
  outline: none;
  box-shadow: 0 0 0 4px #ec489933;
}

.dark .blog-back-button:focus {
  box-shadow: 0 0 0 4px #a855f780;
}

.blog-metadata {
  align-items: center;
  gap: var(--spacing-30);
  color: #4b5563;
  flex-wrap: wrap;
  display: flex;
}

.blog-metadata-item {
  align-items: center;
  gap: var(--spacing-10);
  display: flex;
}

.blog-metadata-icon {
  width: 1rem;
  height: 1rem;
}

.blog-card-skeleton {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  height: 500px;
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
  overflow: hidden;
}

.dark .blog-card-skeleton {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.blog-card-skeleton__image {
  background-color: var(--wp--preset--color--neutral-200);
  height: 200px;
}

.dark .blog-card-skeleton__image {
  background-color: var(--wp--preset--color--neutral-800);
}

.typeform-embed {
  width: 100%;
  height: 500px;
  min-height: unset;
  border-radius: var(--wp--preset--border-radius--xl);
  box-shadow: var(--wp--preset--shadow--card);
  background-color: var(--wp--preset--color--neutral-50);
  border: 1px solid var(--wp--preset--color--neutral-200);
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.typeform-embed__widget {
  width: 100%;
  height: 500px;
  margin: 0;
  padding: 0;
}

.dark .typeform-embed {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
  box-shadow: var(--wp--preset--shadow--elevated);
}

.typeform-embed:hover {
  box-shadow: var(--wp--preset--shadow--elevated);
  transform: translateY(-2px);
}

.dark .typeform-embed:hover {
  box-shadow: 0 20px 25px -5px #00000080, 0 10px 10px -5px #0000000a;
}

.typeform-embed iframe {
  border: none;
  width: 100%;
  height: 100%;
}

.typeform-embed:before {
  content: "";
  border: 3px solid var(--wp--preset--color--neutral-200);
  border-top-color: var(--wp--preset--color--neon-purple);
  z-index: 1;
  pointer-events: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: .8s linear infinite typeform-spin;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dark .typeform-embed:before {
  border-color: var(--wp--preset--color--neutral-700);
  border-top-color: var(--wp--preset--color--neon-pink);
}

.typeform-embed iframe[src] ~ .typeform-embed:before, .typeform-embed:has(iframe[src]):before {
  display: none;
}

@media (width <= 768px) {
  .typeform-embed {
    border-radius: var(--wp--preset--border-radius--lg);
  }
}

.typeform-embed:focus-within {
  outline: 2px solid var(--wp--preset--color--neon-purple);
  outline-offset: 4px;
}

.dark .typeform-embed:focus-within {
  outline-color: var(--wp--preset--color--neon-pink);
}

.contact-page-container {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
  color: var(--wp--preset--color--contrast);
  position: relative;
  overflow: hidden;
}

.dark .contact-page-container {
  background-color: var(--wp--preset--color--atomic-black);
  color: #fff;
}

.contact-page-bg-noise {
  display: none;
}

.contact-page-bg-orb-1, .contact-page-bg-orb-2 {
  filter: blur(100px);
  opacity: .3;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
}

.contact-page-bg-orb-1 {
  background: var(--wp--preset--color--neon-purple);
  width: 500px;
  height: 500px;
  animation: 15s ease-in-out infinite float;
  top: -10%;
  right: -5%;
}

.contact-page-bg-orb-2 {
  background: var(--wp--preset--color--neon-blue);
  width: 400px;
  height: 400px;
  animation: 12s ease-in-out infinite reverse float;
  bottom: -10%;
  left: -5%;
}

.contact-page-main {
  z-index: 10;
  max-width: var(--wp--preset--layout--wide);
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
  margin: 0 auto;
  position: relative;
}

.contact-page-header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-2xl);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-contact-body {
  color: var(--wp--preset--color--neutral-600);
}

.dark .text-contact-body {
  color: var(--wp--preset--color--neutral-300);
}

.contact-page-grid {
  gap: var(--wp--preset--spacing--fluid-2xl);
  margin-bottom: var(--wp--preset--spacing--fluid-3xl);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 1024px) {
  .contact-page-grid {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

.contact-page-about {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.contact-page-quote {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  font-style: italic;
  font-weight: 500;
  line-height: 1.4;
}

.contact-page-connect-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  font-weight: 600;
}

.text-contact-heading {
  color: var(--wp--preset--color--neutral-800);
}

.dark .text-contact-heading {
  color: #fff;
}

.contact-page-logo-container {
  padding-top: var(--wp--preset--spacing--fluid-lg);
  margin-top: auto;
}

.contact-page-logo {
  cursor: pointer;
  transition: transform .3s;
  display: inline-block;
}

.contact-page-logo:hover {
  transform: scale(1.05);
}

.contact-page-logo:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-purple);
  outline-offset: 4px;
  border-radius: var(--wp--preset--border-radius--md);
}

.contact-page-form {
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
}

.dark .contact-page-form {
  background: none;
  border: none;
}

.contact-page-form h2 {
  padding: 0 var(--wp--preset--spacing--20);
}

.contact-page-social-links {
  justify-content: flex-start;
}

.contact-page-faq-inline {
  margin-top: var(--wp--preset--spacing--fluid-xl);
}

.contact-page-graphic {
  margin-top: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-page-graphic-image {
  border-radius: var(--wp--preset--border-radius--lg);
  max-width: 100%;
  height: auto;
}

.contact-page-separator {
  width: 100%;
  margin-top: var(--wp--preset--spacing--fluid-2xl);
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  padding: 0 var(--wp--preset--spacing--20);
}

.contact-page-separator-line {
  background: linear-gradient(90deg, #0000, #0000001a, #0000);
  width: 100%;
  height: 1px;
}

.dark .contact-page-separator-line {
  background: linear-gradient(90deg, #0000, #fff3, #0000);
}

.contact-page-footer {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-md);
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  display: flex;
}

@media (width >= 768px) {
  .contact-page-footer {
    flex-direction: row;
    justify-content: space-between;
  }
}

.contact-page-footer-left {
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

@media (width >= 768px) {
  .contact-page-footer-left {
    flex-direction: row;
    align-items: center;
  }
}

.contact-page-copyright {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.contact-page-footer-links {
  gap: 1.5rem;
  display: flex;
}

.contact-page-footer-link {
  color: var(--wp--preset--color--neutral-500);
  cursor: pointer;
  font-size: var(--wp--preset--font-size--100);
  font-family: var(--wp--preset--font-family--brand-body);
  white-space: nowrap;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  transition: color .2s;
}

.contact-page-footer-link:hover {
  color: var(--wp--preset--color--neutral-900);
}

.dark .contact-page-footer-link:hover {
  color: #fff;
}

.contact-page-footer-logo {
  cursor: pointer;
  transition: transform .2s, opacity .2s;
}

.contact-page-footer-logo:hover {
  opacity: .8;
  transform: scale(1.05);
}

.contact-page-footer-logo:focus {
  outline: 2px solid var(--wp--preset--color--neon-purple);
  outline-offset: 4px;
  border-radius: 8px;
}

.contact-decoration-1 {
  border-radius: var(--wp--preset--border-radius--full);
  opacity: .1;
  filter: blur(64px);
  background: linear-gradient(to bottom right, #fbcfe8, #ddd6fe);
  width: 6rem;
  height: 6rem;
  transition: opacity .3s;
  position: absolute;
  top: 25%;
  right: 25%;
}

.dark .contact-decoration-1 {
  opacity: .2;
  background: linear-gradient(to bottom right, #db2777, #9333ea);
}

@media (width >= 640px) {
  .contact-decoration-1 {
    width: 12rem;
    height: 12rem;
  }
}

.contact-decoration-2 {
  border-radius: var(--wp--preset--border-radius--full);
  opacity: .1;
  filter: blur(64px);
  background: linear-gradient(to bottom right, #e9d5ff, #bae6fd);
  width: 8rem;
  height: 8rem;
  transition: opacity .3s;
  position: absolute;
  bottom: 25%;
  left: 25%;
}

.dark .contact-decoration-2 {
  opacity: .2;
  background: linear-gradient(to bottom right, #9333ea, #1d4ed8);
}

@media (width >= 640px) {
  .contact-decoration-2 {
    width: 16rem;
    height: 16rem;
  }
}

.videos-page {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
  transition: background .3s;
  position: relative;
  overflow: hidden;
}

.dark .videos-page {
  background-color: var(--wp--preset--color--atomic-black);
}

.videos-header {
  text-align: center;
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
}

.videos-header__content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.featured-video-section {
  max-width: var(--wp--preset--layout--wide);
  margin: 0 auto var(--wp--preset--spacing--section-vertical);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
}

.featured-video-wrapper {
  border-radius: var(--wp--preset--border-radius--xl);
  border: 1px solid var(--wp--preset--color--neon-purple);
  background-color: #000;
  width: 100%;
  padding-bottom: 56.25%;
  animation: 3s infinite alternate neonPulsePurple;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 30px #be00fe4d;
}

.featured-video-wrapper iframe {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.videos-grid {
  gap: var(--wp--preset--spacing--fluid-lg);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  max-width: var(--wp--preset--layout--wide);
  margin: 0 auto var(--wp--preset--spacing--section-vertical);
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}

@media (width >= 640px) {
  .videos-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .videos-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1280px) {
  .videos-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.video-card {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  cursor: pointer;
  border: 1px solid var(--wp--preset--color--neutral-200);
  group: video-card;
  flex-direction: column;
  height: 100%;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dark .video-card {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.video-card:hover {
  border-color: var(--wp--preset--color--neon-blue);
  transform: translateY(-5px);
  box-shadow: 0 0 20px #00f3ff66;
}

.video-card__thumbnail-container {
  aspect-ratio: 1;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.video-card__thumbnail {
  object-fit: cover;
  opacity: .8;
  width: 100%;
  height: 100%;
  transition: transform .5s;
}

.video-card:hover .video-card__thumbnail {
  opacity: .6;
  transform: scale(1.05);
}

.video-card__play-button {
  z-index: 2;
  background-color: #0009;
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-card:hover .video-card__play-button {
  background-color: var(--wp--preset--color--neon-pink);
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 15px var(--wp--preset--color--neon-pink);
  animation: 1.5s infinite alternate neonPulsePink;
  transform: translate(-50%, -50%)scale(1.1);
}

.video-card__play-icon {
  fill: #fff;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}

.video-card__content {
  padding: var(--wp--preset--spacing--fluid-md);
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.video-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--contrast);
  font-weight: 600;
  line-height: 1.3;
}

.dark .video-card__title {
  color: #fff;
}

.video-card__meta {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  justify-content: space-between;
  display: flex;
}

.videos-header__description {
  max-width: 42rem;
  margin: 0 auto;
}

.video-card__duration {
  border-radius: var(--wp--preset--border-radius--sm);
  color: #fff;
  z-index: 2;
  background-color: #000c;
  padding: .25rem .5rem;
  font-family: monospace;
  font-size: .75rem;
  position: absolute;
  bottom: .5rem;
  right: .5rem;
}

.video-card__description {
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.dark .video-card__description {
  color: var(--wp--preset--color--neutral-400);
}

.video-card__read-more {
  color: var(--wp--preset--color--neon-purple-text);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 4px;
  padding: 0;
  transition: color .2s, gap .2s;
  display: inline-flex;
}

.video-card__read-more:hover {
  color: var(--wp--preset--color--neon-pink-text);
  gap: 8px;
}

.dark .video-card__read-more {
  color: var(--wp--preset--color--neon-purple);
}

.dark .video-card__read-more:hover {
  color: var(--wp--preset--color--neon-pink);
  text-shadow: 0 0 8px #ff10f066;
}

.video-modal-overlay {
  z-index: var(--wp--preset--z-index--modal);
  padding: var(--wp--preset--spacing--fluid-md);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #000000e6;
  justify-content: center;
  align-items: center;
  animation: .3s fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

.video-modal-content {
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neon-purple);
  background-color: #000;
  width: 100%;
  max-width: 1000px;
  animation: .3s cubic-bezier(.175, .885, .32, 1.275) scaleIn;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 50px #be00fe80;
}

.video-modal-close {
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  font-size: 2rem;
  transition: color .2s;
  position: absolute;
  top: -40px;
  right: 0;
}

.video-modal-close:hover {
  color: var(--wp--preset--color--neon-pink);
  text-shadow: 0 0 10px var(--wp--preset--color--neon-pink);
}

.video-player-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.video-player-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.video-detail__player-wrap {
  border-radius: var(--wp--preset--border-radius--md, 12px);
  width: 100%;
  box-shadow: var(--wp--preset--shadow--lg);
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.dark .video-detail__player-wrap {
  box-shadow: 0 0 30px #ec489933, var(--wp--preset--shadow--lg);
}

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

.video-detail__body {
  gap: var(--wp--preset--spacing--40, 1.5rem);
  flex-direction: column;
  display: flex;
}

.video-rich-text h1 {
  display: none;
}

.video-rich-text p {
  margin-bottom: 1.5rem;
}

.video-rich-text strong {
  color: var(--wp--preset--color--contrast);
  font-weight: 700;
}

.dark .video-rich-text strong {
  color: #fff;
  text-shadow: 0 0 8px #00f3ff4d;
}

.video-rich-text em {
  color: var(--wp--preset--color--neon-pink-text);
  font-style: italic;
}

.dark .video-rich-text em {
  color: var(--wp--preset--color--neon-pink);
}

.video-rich-text h2 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--600);
  color: var(--wp--preset--color--contrast);
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  display: inline-block;
  position: relative;
}

.dark .video-rich-text h2 {
  color: #fff;
  background: linear-gradient(to right, var(--wp--preset--color--neon-blue), var(--wp--preset--color--neon-pink));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.video-rich-text h2:after {
  content: "";
  background: repeating-linear-gradient(to right, var(--wp--preset--color--neon-blue) 0px, var(--wp--preset--color--neon-blue) 8px, transparent 8px, transparent 12px);
  border-radius: 2px;
  width: 80px;
  height: 4px;
  margin-top: .5rem;
  display: block;
}

.dark .video-rich-text h2:after {
  box-shadow: 0 0 8px var(--wp--preset--color--neon-blue);
}

.video-rich-text h3 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  color: var(--wp--preset--color--neon-blue-text);
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.dark .video-rich-text h3 {
  color: var(--wp--preset--color--neon-blue);
  text-shadow: 0 0 10px #00f3ff66;
}

.video-rich-text h4 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--contrast);
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.dark .video-rich-text h4 {
  color: var(--wp--preset--color--neutral-200);
}

.video-rich-text ul, .video-rich-text ol {
  margin-bottom: 1.5rem;
  padding-left: 0;
  list-style: none;
}

.video-rich-text li {
  margin-bottom: .75rem;
  padding-left: 2rem;
  position: relative;
}

.video-rich-text ul li:before {
  content: "▶";
  color: var(--wp--preset--color--neon-pink-text);
  font-size: .65rem;
  line-height: 1.9;
  position: absolute;
  left: 0;
}

.dark .video-rich-text ul li:before {
  color: var(--wp--preset--color--neon-pink);
  text-shadow: 0 0 6px var(--wp--preset--color--neon-pink);
}

.video-rich-text ol {
  counter-reset: video-counter;
}

.video-rich-text ol li {
  counter-increment: video-counter;
}

.video-rich-text ol li:before {
  content: counter(video-counter) ".";
  color: var(--wp--preset--color--neon-blue-text);
  font-weight: 700;
  font-family: var(--wp--preset--font-family--brand-heading);
  position: absolute;
  left: 0;
}

.dark .video-rich-text ol li:before {
  color: var(--wp--preset--color--neon-blue);
  text-shadow: 0 0 5px var(--wp--preset--color--neon-blue);
}

.video-rich-text a {
  color: var(--wp--preset--color--neon-blue-text);
  border-bottom: 1px solid #0000;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
}

.video-rich-text a:hover {
  border-bottom-color: var(--wp--preset--color--neon-blue-text);
}

.dark .video-rich-text a {
  color: var(--wp--preset--color--neon-blue);
}

.dark .video-rich-text a:hover {
  border-bottom-color: var(--wp--preset--color--neon-blue);
  text-shadow: 0 0 8px var(--wp--preset--color--neon-blue);
}

.video-rich-text blockquote {
  border-style: solid;
  border-width: 0 0 0 4px;
  border-image: linear-gradient(to bottom, var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-blue)) 1;
  color: var(--wp--preset--color--neutral-600);
  background: linear-gradient(to right, #ec48990d, #0000);
  border-radius: 0 1rem 1rem 0;
  margin: 2.5rem 0;
  padding: 1.5rem 2rem;
  font-size: 1.25rem;
  font-style: italic;
}

.dark .video-rich-text blockquote {
  color: var(--wp--preset--color--neutral-300);
  background: linear-gradient(to right, #ec489914, #00f3ff08, #0000);
  box-shadow: -5px 0 15px -5px #ec489933;
}

.video-rich-text code {
  background-color: var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--neon-blue-text);
  border-radius: 4px;
  padding: .2rem .4rem;
  font-family: monospace;
  font-size: .9em;
}

.dark .video-rich-text code {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neon-blue);
  border: 1px solid var(--wp--preset--color--neutral-700);
}

.video-detail__category-link {
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-blue-text);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  border: 1px solid var(--wp--preset--color--neon-blue);
  background: #00f3ff14;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
}

.video-detail__category-link:hover {
  background: var(--wp--preset--color--neon-blue);
  color: #000;
  box-shadow: 0 0 15px #00f3ff66;
}

.dark .video-detail__category-link {
  color: var(--wp--preset--color--neon-blue);
  background: #00f3ff0f;
}

.dark .video-detail__category-link:hover {
  background: var(--wp--preset--color--neon-blue);
  color: #000;
  box-shadow: 0 0 20px #00f3ff80;
}

.video-detail__footer {
  padding-top: var(--wp--preset--spacing--fluid-lg);
  border-top: 1px solid var(--border);
}

.dark .video-detail__footer {
  border-image: linear-gradient(to right, var(--wp--preset--color--neon-blue), var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-blue)) 1;
}

.podcasts-archive {
  min-height: 60vh;
}

.podcasts-archive__header {
  padding: var(--wp--preset--spacing--section-vertical) var(--wp--preset--spacing--section-horizontal);
  text-align: center;
  background: var(--wp--preset--color--neutral-50);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.dark .podcasts-archive__header {
  background: #0f0f0f80;
}

.podcasts-archive__grid {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .podcasts-archive__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .podcasts-archive__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.podcast-card {
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--lg);
  background: var(--wp--preset--color--base);
  cursor: pointer;
  flex-direction: column;
  transition: border-color .2s, box-shadow .2s, transform .2s;
  display: flex;
  overflow: hidden;
}

.podcast-card:hover {
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-3px);
}

.dark .podcast-card {
  border-color: var(--wp--preset--color--neutral-800);
  background: #14141499;
}

.dark .podcast-card:hover {
  border-color: #be00fe80;
  box-shadow: 0 0 24px #be00fe33;
}

.podcast-card__image-wrap {
  aspect-ratio: var(--wp--preset--aspect-ratio--video);
  position: relative;
  overflow: hidden;
}

.podcast-card__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.podcast-card__play-overlay {
  opacity: 0;
  background: #0000004d;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0;
}

.podcast-card:hover .podcast-card__play-overlay {
  opacity: 1;
}

.podcast-card__play-icon {
  color: #fff;
  filter: drop-shadow(0 0 12px #ff10f099);
  width: 3rem;
  height: 3rem;
}

.podcast-card__episode-badge {
  border-radius: var(--wp--preset--border-radius--full);
  background: var(--wp--preset--color--neon-pink);
  color: #fff;
  font-family: var(--wp--preset--font-family--brand-body);
  letter-spacing: .05em;
  padding: 4px 10px;
  font-size: .7rem;
  position: absolute;
  top: 10px;
  left: 10px;
}

.podcast-card__body {
  padding: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.podcast-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  color: var(--foreground);
}

.podcast-card__excerpt {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .podcast-card__excerpt {
  color: var(--wp--preset--color--neutral-400);
}

.podcast-card__meta {
  color: var(--wp--preset--color--neutral-400);
  align-items: center;
  gap: 8px;
  font-size: .75rem;
  display: flex;
}

.podcast-card__category-chip {
  border-radius: var(--wp--preset--border-radius--full);
  background: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neutral-600);
  padding: 2px 8px;
  font-size: .7rem;
}

.dark .podcast-card__category-chip {
  background: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-300);
}

.podcast-detail {
  min-height: 60vh;
}

.podcast-detail__header {
  padding: var(--wp--preset--spacing--section-vertical) var(--wp--preset--spacing--section-horizontal);
  text-align: center;
  background: var(--wp--preset--color--neutral-50);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  display: flex;
}

.dark .podcast-detail__header {
  background: #0f0f0f80;
}

.podcast-detail__cover {
  border-radius: var(--wp--preset--border-radius--lg);
  max-width: 400px;
  box-shadow: var(--wp--preset--shadow--lg);
  margin: 0 auto;
  overflow: hidden;
}

.dark .podcast-detail__cover {
  box-shadow: 0 10px 40px #be00fe26;
}

.podcast-detail__cover img {
  width: 100%;
  height: auto;
}

.podcast-detail__meta {
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  flex-wrap: wrap;
  display: flex;
}

.dark .podcast-detail__meta {
  color: var(--wp--preset--color--neutral-400);
}

.podcast-detail__meta-item {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.podcast-detail__body {
  gap: var(--wp--preset--spacing--block-gap);
  max-width: var(--wp--preset--layout--content);
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.podcast-detail__content {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--foreground);
  line-height: 1.7;
}

.podcast-detail__content h1, .podcast-detail__content h2, .podcast-detail__content h3 {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
}

.podcast-detail__tags {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.podcast-detail__tag {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neutral-600);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  background: none;
  padding: 6px 14px;
  transition: all .2s;
}

.podcast-detail__tag:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .podcast-detail__tag {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-400);
}

.dark .podcast-detail__tag:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
}

.podcast-detail__back {
  border: 1px solid var(--wp--preset--color--neon-pink);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-pink-text);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  background: none;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  transition: all .2s;
  display: inline-flex;
}

.podcast-detail__back:hover {
  background: var(--wp--preset--color--neon-pink);
  color: #fff;
  box-shadow: var(--wp--preset--shadow--neon-pink);
}

.dark .podcast-detail__back {
  color: var(--wp--preset--color--neon-pink);
}

.audio-player {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-sm);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--lg);
  background: var(--wp--preset--color--neutral-50);
  display: flex;
}

.dark .audio-player {
  border-color: var(--wp--preset--color--neutral-800);
  background: #14141499;
}

.audio-player__play-btn {
  border-radius: var(--wp--preset--border-radius--full);
  background: var(--wp--preset--gradient--cyberpunk);
  color: #fff;
  cursor: pointer;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: box-shadow .2s;
  display: flex;
}

.audio-player__play-btn:hover {
  box-shadow: var(--wp--preset--shadow--neon-pink);
}

.audio-player__progress {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  display: flex;
}

.audio-player__bar {
  background: var(--wp--preset--color--neutral-200);
  border-radius: 3px;
  width: 100%;
  height: 6px;
  overflow: hidden;
}

.dark .audio-player__bar {
  background: var(--wp--preset--color--neutral-700);
}

.audio-player__bar-fill {
  background: var(--wp--preset--gradient--cyberpunk);
  border-radius: 3px;
  width: 0%;
  height: 100%;
  transition: width .1s linear;
}

.audio-player__time {
  color: var(--wp--preset--color--neutral-400);
  justify-content: space-between;
  font-size: .7rem;
  display: flex;
}

.podcast-rich-text h1 {
  display: none;
}

.podcast-rich-text p {
  margin-bottom: 1.5rem;
}

.podcast-rich-text strong {
  color: var(--wp--preset--color--contrast);
  font-weight: 700;
}

.dark .podcast-rich-text strong {
  color: #fff;
  text-shadow: 0 0 8px #ffc8004d;
}

.podcast-rich-text em {
  color: var(--wp--preset--color--neon-orange-text);
  font-style: italic;
}

.dark .podcast-rich-text em {
  color: var(--wp--preset--color--neon-orange);
}

.podcast-rich-text h2 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--600);
  color: var(--wp--preset--color--contrast);
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  display: inline-block;
  position: relative;
}

.dark .podcast-rich-text h2 {
  color: #fff;
  background: linear-gradient(to right, var(--wp--preset--color--neon-orange), var(--wp--preset--color--neon-cyan));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.podcast-rich-text h2:after {
  content: "▁▃▅▇▅▃▁▃▅▇▅▃▁";
  letter-spacing: .15em;
  color: var(--wp--preset--color--neon-cyan-text);
  margin-top: .4rem;
  font-size: .6rem;
  line-height: 1;
  display: block;
}

.dark .podcast-rich-text h2:after {
  color: var(--wp--preset--color--neon-cyan);
  text-shadow: 0 0 10px var(--wp--preset--color--neon-cyan);
}

.podcast-rich-text h3 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  color: var(--wp--preset--color--neon-orange-text);
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.dark .podcast-rich-text h3 {
  color: var(--wp--preset--color--neon-orange);
  text-shadow: 0 0 10px #ffa50066;
}

.podcast-rich-text h4 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--contrast);
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.dark .podcast-rich-text h4 {
  color: var(--wp--preset--color--neutral-200);
}

.podcast-rich-text ul, .podcast-rich-text ol {
  margin-bottom: 1.5rem;
  padding-left: 0;
  list-style: none;
}

.podcast-rich-text li {
  margin-bottom: .75rem;
  padding-left: 2rem;
  position: relative;
}

.podcast-rich-text ul li:before {
  content: "🎙";
  font-size: .85rem;
  line-height: 1.6;
  position: absolute;
  left: 0;
}

.podcast-rich-text ol {
  counter-reset: podcast-counter;
}

.podcast-rich-text ol li {
  counter-increment: podcast-counter;
}

.podcast-rich-text ol li:before {
  content: counter(podcast-counter) ".";
  color: var(--wp--preset--color--neon-cyan-text);
  font-weight: 700;
  font-family: var(--wp--preset--font-family--brand-heading);
  position: absolute;
  left: 0;
}

.dark .podcast-rich-text ol li:before {
  color: var(--wp--preset--color--neon-cyan);
  text-shadow: 0 0 5px var(--wp--preset--color--neon-cyan);
}

.podcast-rich-text a {
  color: var(--wp--preset--color--neon-cyan-text);
  border-bottom: 1px solid #0000;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
}

.podcast-rich-text a:hover {
  border-bottom-color: var(--wp--preset--color--neon-cyan-text);
}

.dark .podcast-rich-text a {
  color: var(--wp--preset--color--neon-cyan);
}

.dark .podcast-rich-text a:hover {
  border-bottom-color: var(--wp--preset--color--neon-cyan);
  text-shadow: 0 0 8px var(--wp--preset--color--neon-cyan);
}

.podcast-rich-text blockquote {
  border-style: double;
  border-width: 0 0 0 4px;
  border-color: var(--wp--preset--color--neon-orange);
  color: var(--wp--preset--color--neutral-600);
  background: linear-gradient(to right, #ffa5000d, #0000);
  border-radius: 0 1rem 1rem 0;
  margin: 2.5rem 0;
  padding: 1.5rem 2rem;
  font-size: 1.25rem;
  font-style: italic;
  position: relative;
}

.podcast-rich-text blockquote:before {
  content: "❝";
  color: var(--wp--preset--color--neon-orange-text);
  font-size: 2rem;
  line-height: 1;
  position: absolute;
  top: -.5rem;
  left: .75rem;
}

.dark .podcast-rich-text blockquote:before {
  color: var(--wp--preset--color--neon-orange);
  text-shadow: 0 0 10px #ffa50080;
}

.dark .podcast-rich-text blockquote {
  color: var(--wp--preset--color--neutral-300);
  background: linear-gradient(to right, #ffa50014, #0000);
  box-shadow: -5px 0 15px -5px #ffa50026;
}

.podcast-rich-text code {
  background-color: var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--neon-orange-text);
  border-radius: 4px;
  padding: .2rem .4rem;
  font-family: monospace;
  font-size: .9em;
}

.dark .podcast-rich-text code {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neon-orange);
  border: 1px solid var(--wp--preset--color--neutral-700);
}

.podcast-detail__category-link {
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-pink-text);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  border: 1px solid var(--wp--preset--color--neon-pink);
  background: #ff10f01a;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
}

.podcast-detail__category-link:hover {
  background: var(--wp--preset--color--neon-pink);
  color: #fff;
  box-shadow: 0 0 15px #ff10f066;
}

.dark .podcast-detail__category-link {
  color: var(--wp--preset--color--neon-pink);
  background: #ff10f014;
}

.dark .podcast-detail__category-link:hover {
  background: var(--wp--preset--color--neon-pink);
  color: #fff;
  box-shadow: 0 0 20px #ff10f080;
}

.podcast-detail__footer {
  padding-top: var(--wp--preset--spacing--fluid-lg);
  border-top: 1px solid var(--border);
}

.dark .podcast-detail__footer {
  border-image: linear-gradient(to right, var(--wp--preset--color--neon-orange), var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-orange)) 1;
}

.legal-page-container {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
  padding: var(--wp--preset--spacing--section-vertical) 0;
}

.dark .legal-page-container {
  background-color: var(--wp--preset--color--atomic-black);
}

.legal-page-content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  margin: 0 auto;
}

.legal-page-body {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--xl);
  padding: var(--wp--preset--spacing--fluid-xl);
  border: 1px solid var(--wp--preset--color--neutral-200);
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

.dark .legal-page-body {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.legal-page-list {
  color: var(--wp--preset--color--neutral-600);
  margin-top: .5rem;
  padding-left: 1.5rem;
  line-height: 1.6;
  list-style-type: disc;
}

.dark .legal-page-list {
  color: var(--wp--preset--color--neutral-400);
}

.legal-page-list li {
  margin-bottom: .5rem;
}

.legal-page-footer {
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  text-align: center;
  margin-top: 2rem;
  padding-top: 2rem;
}

.dark .legal-page-footer {
  border-color: var(--wp--preset--color--neutral-800);
}

.legal-page-back-btn {
  color: var(--wp--preset--color--neon-purple);
  cursor: pointer;
  background: none;
  border: none;
  padding: .5rem 1rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .2s;
}

.legal-page-back-btn:hover {
  color: var(--wp--preset--color--neon-pink);
  text-decoration: underline;
}

.not-found-page {
  text-align: center;
  min-height: 100vh;
  padding: var(--wp--preset--spacing--fluid-xl) var(--wp--preset--spacing--section-horizontal);
  background-color: var(--wp--preset--color--base);
  background-image: radial-gradient(circle, #1e1e1e0d 0%, #0000 70%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dark .not-found-page {
  background-color: var(--wp--preset--color--atomic-black);
  background-image: radial-gradient(circle, #32323233 0%, #0000 70%);
}

.not-found-content {
  max-width: var(--wp--preset--layout--content);
  width: 100%;
}

.not-found-glitch-text {
  font-family: var(--wp--preset--font-family--brand-title);
  color: #0000;
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  background: var(--wp--preset--gradient--hyperpop);
  background-clip: text;
  font-size: clamp(6rem, 15vw, 12rem);
  font-weight: 800;
  line-height: 1;
  animation: 3s infinite alternate glitch;
  position: relative;
}

.not-found-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--600);
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  color: var(--wp--preset--color--contrast);
  font-weight: 700;
}

.dark .not-found-title {
  color: #fff;
}

.not-found-description {
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.dark .not-found-description {
  color: var(--wp--preset--color--neutral-400);
}

.not-found-actions {
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  align-items: center;
  display: flex;
}

@media (width >= 640px) {
  .not-found-actions {
    flex-direction: row;
    justify-content: center;
  }
}

@keyframes glitch {
  0% {
    text-shadow: 2px 2px 0px var(--wp--preset--color--neon-pink), -2px -2px 0px var(--wp--preset--color--neon-blue);
    transform: skew(0deg);
  }

  20% {
    text-shadow: 2px -2px 0px var(--wp--preset--color--neon-pink), -2px 2px 0px var(--wp--preset--color--neon-blue);
    transform: skew(-2deg);
  }

  40% {
    text-shadow: -2px 2px 0px var(--wp--preset--color--neon-pink), 2px -2px 0px var(--wp--preset--color--neon-blue);
    transform: skew(2deg);
  }

  60% {
    text-shadow: 2px 2px 0px var(--wp--preset--color--neon-pink), -2px -2px 0px var(--wp--preset--color--neon-blue);
    transform: skew(0deg);
  }

  80% {
    text-shadow: 0px 0px 0px var(--wp--preset--color--neon-pink), 0px 0px 0px var(--wp--preset--color--neon-blue);
    transform: skew(0deg);
  }

  100% {
    text-shadow: 2px 2px 0px var(--wp--preset--color--neon-pink), -2px -2px 0px var(--wp--preset--color--neon-blue);
    transform: skew(0deg);
  }
}

.sitemap {
  min-height: 100vh;
  padding: var(--wp--preset--spacing--section-horizontal);
  padding-top: calc(var(--wp--preset--spacing--fluid-2xl)  + 5rem);
  padding-bottom: var(--wp--preset--spacing--fluid-2xl);
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  transition: background-color .3s, color .3s;
  position: relative;
  overflow: hidden;
}

.dark .sitemap {
  background-color: var(--wp--preset--color--atomic-black);
  color: var(--wp--preset--color--neutral-100);
}

.sitemap__rainbow {
  z-index: 2;
  background: linear-gradient(90deg, var(--wp--preset--color--neon-red) 0%, var(--wp--preset--color--neon-orange) 14%, var(--wp--preset--color--neon-yellow) 28%, var(--wp--preset--color--neon-green) 42%, var(--wp--preset--color--neon-cyan) 57%, var(--wp--preset--color--neon-blue) 71%, var(--wp--preset--color--neon-purple) 85%, var(--wp--preset--color--neon-pink) 100%);
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.sitemap__rainbow-glow {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(#ff10f014 0%, #0000 100%);
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.dark .sitemap__rainbow-glow {
  background: linear-gradient(#ff10f026 0%, #0000 100%);
}

.sitemap__header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
  z-index: 2;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
  position: relative;
}

.sitemap__subtitle {
  color: var(--wp--preset--color--neutral-500);
}

.dark .sitemap__subtitle {
  color: var(--wp--preset--color--neutral-400);
}

.sitemap__section {
  z-index: 2;
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
  position: relative;
}

.sitemap__section:last-child {
  margin-bottom: 0;
}

.sitemap__section-header {
  border-bottom: 1px solid var(--wp--preset--color--neutral-200);
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.25rem;
  padding-bottom: .75rem;
  display: flex;
}

.dark .sitemap__section-header {
  border-bottom-color: #ffffff14;
}

.sitemap__subsection-title {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--wp--preset--color--neon-purple-text);
  padding-top: var(--wp--preset--spacing--fluid-sm);
  font-weight: 600;
}

.dark .sitemap__subsection-title {
  color: var(--wp--preset--color--neon-purple);
}

.sitemap__section-accent {
  border-radius: 2px;
  flex-shrink: 0;
  width: 4px;
  height: 1.75rem;
}

.sitemap__section-accent--pink {
  background-color: var(--wp--preset--color--neon-pink);
}

.sitemap__section-accent--blue {
  background-color: var(--wp--preset--color--neon-blue);
}

.sitemap__section-accent--green {
  background-color: var(--wp--preset--color--neon-green);
}

.sitemap__section-accent--orange {
  background-color: var(--wp--preset--color--neon-orange);
}

.sitemap__section-accent--purple {
  background-color: var(--wp--preset--color--neon-purple);
}

.sitemap__section-accent--cyan {
  background-color: var(--wp--preset--color--neon-cyan);
}

.sitemap__section-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--wp--preset--color--neutral-500);
  flex-shrink: 0;
}

.dark .sitemap__section-icon {
  color: var(--wp--preset--color--neutral-500);
}

.sitemap__list {
  flex-direction: column;
  gap: .125rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.sitemap__link {
  border-radius: var(--wp--preset--border-radius--md);
  color: var(--wp--preset--color--neutral-700);
  cursor: pointer;
  text-align: left;
  width: calc(100% + 1.5rem);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  background: none;
  border: none;
  align-items: flex-start;
  gap: .625rem;
  margin-left: -.75rem;
  padding: .5rem .75rem;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.dark .sitemap__link {
  color: var(--wp--preset--color--neutral-300);
}

.sitemap__link:hover {
  color: var(--wp--preset--color--neon-purple-text);
  background-color: #be00fe0f;
}

.dark .sitemap__link:hover {
  color: var(--wp--preset--color--neon-pink);
  background-color: #ff10f014;
}

.sitemap__link:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.sitemap__link-icon {
  opacity: .45;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-top: .1875rem;
  transition: opacity .2s;
}

.sitemap__link:hover .sitemap__link-icon {
  opacity: 1;
}

.sitemap__link-content {
  flex-direction: column;
  gap: .125rem;
  min-width: 0;
  display: flex;
}

.sitemap__link-title {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--contrast);
}

.dark .sitemap__link-title {
  color: var(--wp--preset--color--neutral-200);
}

.sitemap__link-desc {
  color: var(--wp--preset--color--neutral-500);
  font-size: .8125rem;
  line-height: 1.4;
}

.dark .sitemap__link-desc {
  color: var(--wp--preset--color--neutral-500);
}

.sitemap__grid {
  grid-template-columns: 1fr;
  gap: .125rem;
  display: grid;
}

@media (width >= 768px) {
  .sitemap__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: .25rem 1.5rem;
  }
}

@media (width >= 1024px) {
  .sitemap__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.sitemap__grid--tags {
  gap: .125rem;
}

@media (width >= 768px) {
  .sitemap__grid--tags {
    grid-template-columns: repeat(2, 1fr);
    gap: .25rem 1.5rem;
  }
}

@media (width >= 1024px) {
  .sitemap__grid--tags {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1440px) {
  .sitemap__grid--tags {
    grid-template-columns: repeat(4, 1fr);
  }
}

.sitemap__divider {
  width: 100%;
  height: 1px;
  margin: var(--wp--preset--spacing--fluid-lg) 0;
  background: linear-gradient(90deg, transparent 0%, var(--wp--preset--color--neon-green) 15%, var(--wp--preset--color--neon-cyan) 30%, var(--wp--preset--color--neon-blue) 45%, var(--wp--preset--color--neon-purple) 60%, var(--wp--preset--color--neon-pink) 75%, var(--wp--preset--color--neon-orange) 90%, transparent 100%);
  opacity: .15;
}

.dark .sitemap__divider {
  opacity: .3;
}

.sitemap__tag-dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  margin-top: .4375rem;
}

.sitemap__cat-swatch {
  border-radius: 3px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-top: .25rem;
}

.sitemap__link-meta {
  color: var(--wp--preset--color--neutral-400);
  font-size: .75rem;
  font-weight: 400;
}

.dark .sitemap__link-meta {
  color: var(--wp--preset--color--neutral-500);
}

@media (prefers-reduced-motion: reduce) {
  .sitemap__rainbow-glow {
    display: none;
  }
}

.style-guide {
  padding-top: var(--wp--preset--spacing--section-vertical);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
  color: var(--wp--preset--color--contrast);
}

.dark .style-guide {
  background-color: var(--wp--preset--color--atomic-black);
  color: #fff;
}

.style-guide__hero {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-2xl) var(--wp--preset--spacing--section-horizontal);
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
  background-color: var(--wp--preset--color--neutral-50);
  position: relative;
  overflow: hidden;
}

.dark .style-guide__hero {
  background-color: #0000;
}

.style-guide__hero:before {
  content: "";
  background: var(--wp--preset--gradient--cyberpunk);
  opacity: .06;
  z-index: 0;
  position: absolute;
  inset: 0;
}

.dark .style-guide__hero:before {
  opacity: .12;
}

.style-guide__hero-content {
  z-index: 1;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
  position: relative;
}

.style-guide__hero-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--wp--preset--color--neon-pink-text);
  font-weight: 500;
  display: inline-block;
}

.style-guide__hero-title {
  font-family: var(--wp--preset--font-family--brand-title);
}

.style-guide__hero-subtitle {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-500);
  margin-bottom: var(--wp--preset--spacing--fluid-md);
}

.dark .style-guide__hero-subtitle {
  color: var(--wp--preset--color--neutral-400);
}

.style-guide__hero-desc {
  max-width: 44rem;
  color: var(--wp--preset--color--neutral-600);
  margin-left: auto;
  margin-right: auto;
}

.dark .style-guide__hero-desc {
  color: var(--wp--preset--color--neutral-400);
}

.style-guide__section {
  max-width: var(--wp--preset--layout--wide);
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--wp--preset--spacing--fluid-2xl);
}

.style-guide__section-header {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  padding-bottom: var(--wp--preset--spacing--fluid-sm);
  border-bottom: 2px solid var(--wp--preset--color--neutral-200);
}

.dark .style-guide__section-header {
  border-bottom-color: var(--wp--preset--color--neutral-800);
}

.style-guide__section-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  margin-bottom: var(--wp--preset--spacing--fluid-xs);
  color: var(--wp--preset--color--contrast);
}

.dark .style-guide__section-title {
  color: #fff;
}

.style-guide__section-desc {
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: 0;
}

.dark .style-guide__section-desc {
  color: var(--wp--preset--color--neutral-400);
}

.style-guide__subsection-title {
  margin-top: var(--wp--preset--spacing--fluid-lg);
}

.style-guide__branding-grid {
  gap: var(--wp--preset--spacing--fluid-lg);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .style-guide__branding-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.style-guide__branding-card {
  padding: var(--wp--preset--spacing--fluid-lg);
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  background-color: var(--wp--preset--color--base);
}

.dark .style-guide__branding-card {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: var(--wp--preset--color--neutral-900);
}

.style-guide__branding-card-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  color: var(--wp--preset--color--neutral-600);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .1em;
}

.dark .style-guide__branding-card-title {
  color: var(--wp--preset--color--neutral-500);
}

.style-guide__branding-logo-wrap {
  justify-content: center;
  align-items: center;
  min-height: 8rem;
  display: flex;
}

.style-guide__branding-logo-wrap--dark {
  background-color: var(--wp--preset--color--atomic-black);
  border-radius: var(--wp--preset--border-radius--md);
  padding: var(--wp--preset--spacing--fluid-md);
}

.style-guide__favicon-wrap {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-md);
  flex-wrap: wrap;
  display: flex;
}

.style-guide__favicon-item {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  display: flex;
}

.style-guide__favicon-img {
  border-radius: var(--wp--preset--border-radius--md);
  border: 1px solid var(--wp--preset--color--neutral-200);
}

.dark .style-guide__favicon-img {
  border-color: var(--wp--preset--color--neutral-700);
}

.style-guide__favicon-label {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.style-guide__swatch-grid {
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

@media (width >= 640px) {
  .style-guide__swatch-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (width >= 1024px) {
  .style-guide__swatch-grid {
    grid-template-columns: repeat(8, 1fr);
  }
}

.style-guide__swatch {
  border-radius: var(--wp--preset--border-radius--md);
  border: 1px solid var(--wp--preset--color--neutral-200);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.dark .style-guide__swatch {
  border-color: var(--wp--preset--color--neutral-800);
}

.style-guide__swatch-color {
  width: 100%;
  height: 4rem;
}

.style-guide__swatch-info {
  padding: var(--wp--preset--spacing--fluid-xs);
  background-color: var(--wp--preset--color--base);
}

.dark .style-guide__swatch-info {
  background-color: var(--wp--preset--color--neutral-900);
}

.style-guide__swatch-name {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--contrast);
  margin-bottom: .125rem;
  font-weight: 600;
  display: block;
}

.dark .style-guide__swatch-name {
  color: #fff;
}

.style-guide__swatch-hex {
  color: var(--wp--preset--color--neutral-500);
  font-family: monospace;
  font-size: .6875rem;
  display: block;
}

.style-guide__swatch-contrast {
  flex-wrap: wrap;
  gap: .25rem;
  margin-top: .25rem;
  display: flex;
}

.style-guide__swatch-ratio {
  border-radius: var(--wp--preset--border-radius--full);
  white-space: nowrap;
  align-items: center;
  gap: .125rem;
  padding: .0625rem .3125rem;
  font-size: .5625rem;
  font-weight: 600;
  line-height: 1.4;
  display: inline-flex;
}

.style-guide__swatch-ratio-icon {
  flex-shrink: 0;
  width: .5rem;
  height: .5rem;
}

.style-guide__swatch-ratio-value {
  opacity: .75;
  font-weight: 500;
}

.style-guide__swatch-ratio--pass {
  color: #065f46;
  background-color: #d1fae5;
}

.dark .style-guide__swatch-ratio--pass {
  color: #6ee7b7;
  background-color: #10b98126;
}

.style-guide__swatch-ratio--fail {
  color: #991b1b;
  background-color: #fee2e2;
}

.dark .style-guide__swatch-ratio--fail {
  color: #fca5a5;
  background-color: #ef444426;
}

.style-guide__swatch-grid--neutrals {
  margin-top: var(--wp--preset--spacing--fluid-lg);
}

@media (width >= 1024px) {
  .style-guide__swatch-grid--neutrals {
    grid-template-columns: repeat(11, 1fr);
  }
}

.style-guide__swatch-color--neutral {
  height: 3rem;
}

.style-guide__gradient-grid {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .style-guide__gradient-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.style-guide__gradient-card {
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  overflow: hidden;
}

.dark .style-guide__gradient-card {
  border-color: var(--wp--preset--color--neutral-800);
}

.style-guide__gradient-preview {
  width: 100%;
  height: 6rem;
}

.style-guide__gradient-preview--animated {
  background-size: 300% 300%;
  animation: 6s infinite gradientShift;
}

.style-guide__gradient-info {
  padding: var(--wp--preset--spacing--fluid-sm);
  background-color: var(--wp--preset--color--base);
}

.dark .style-guide__gradient-info {
  background-color: var(--wp--preset--color--neutral-900);
}

.style-guide__gradient-name {
  color: var(--wp--preset--color--contrast);
  margin-bottom: .25rem;
  font-weight: 600;
}

.dark .style-guide__gradient-name {
  color: #fff;
}

.style-guide__gradient-desc {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: .25rem;
}

.dark .style-guide__gradient-desc {
  color: var(--wp--preset--color--neutral-500);
}

.style-guide__gradient-token {
  color: var(--wp--preset--color--neon-purple-text);
  margin-bottom: 0;
  font-family: monospace;
  font-size: .6875rem;
}

.style-guide__type-list {
  gap: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  display: flex;
}

.style-guide__type-item {
  padding-bottom: var(--wp--preset--spacing--fluid-md);
  border-bottom: 1px solid var(--wp--preset--color--neutral-200);
}

.dark .style-guide__type-item {
  border-bottom-color: var(--wp--preset--color--neutral-800);
}

.style-guide__type-item:last-child {
  border-bottom: none;
}

.style-guide__type-meta {
  gap: var(--wp--preset--spacing--fluid-sm);
  margin-bottom: var(--wp--preset--spacing--fluid-xs);
  flex-wrap: wrap;
  display: flex;
}

.style-guide__type-label {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neon-pink-text);
  border-radius: var(--wp--preset--border-radius--sm);
  background-color: #ff10f014;
  padding: .125rem .5rem;
  font-weight: 600;
  display: inline-block;
}

.dark .style-guide__type-label {
  background-color: #ff10f026;
}

.style-guide__type-token {
  color: var(--wp--preset--color--neutral-500);
  align-self: center;
  font-family: monospace;
  font-size: .6875rem;
}

.style-guide__type-sample {
  margin-bottom: 0;
}

.style-guide__font-grid {
  gap: var(--wp--preset--spacing--fluid-md);
  margin-top: var(--wp--preset--spacing--fluid-lg);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .style-guide__font-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.style-guide__font-card {
  padding: var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  background-color: var(--wp--preset--color--base);
}

.dark .style-guide__font-card {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: var(--wp--preset--color--neutral-900);
}

.style-guide__font-name {
  color: var(--wp--preset--color--contrast);
  margin-bottom: .25rem;
  font-weight: 700;
}

.dark .style-guide__font-name {
  color: #fff;
}

.style-guide__font-usage {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
}

.dark .style-guide__font-usage {
  color: var(--wp--preset--color--neutral-500);
}

.style-guide__font-sample {
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--contrast);
  margin-bottom: 0;
  line-height: 1.4;
}

.dark .style-guide__font-sample {
  color: #fff;
}

.style-guide__font-sample--brand-title {
  margin-bottom: .5rem;
}

.style-guide__font-usage--flush {
  margin-bottom: 0;
}

.style-guide__font-sample--title {
  font-family: var(--wp--preset--font-family--brand-title);
}

.style-guide__font-sample--heading {
  font-family: var(--wp--preset--font-family--brand-heading);
}

.style-guide__font-sample--body {
  font-family: var(--wp--preset--font-family--brand-body);
}

.style-guide__button-group {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.style-guide__button-section {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
}

.style-guide__button-section-label {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  font-weight: 600;
}

.dark .style-guide__button-section-label {
  color: var(--wp--preset--color--neutral-500);
}

.style-guide__icon-category {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
}

.style-guide__icon-category-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--neon-purple-text);
  font-weight: 600;
}

.style-guide__icon-grid {
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

@media (width >= 640px) {
  .style-guide__icon-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (width >= 768px) {
  .style-guide__icon-grid {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media (width >= 1024px) {
  .style-guide__icon-grid {
    grid-template-columns: repeat(9, 1fr);
  }
}

.style-guide__icon-item {
  padding: var(--wp--preset--spacing--fluid-sm);
  border-radius: var(--wp--preset--border-radius--md);
  border: 1px solid var(--wp--preset--color--neutral-200);
  background-color: var(--wp--preset--color--base);
  flex-direction: column;
  align-items: center;
  gap: .375rem;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
}

.style-guide__icon-item:hover {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 8px #ff10f026;
}

.dark .style-guide__icon-item {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: var(--wp--preset--color--neutral-900);
}

.dark .style-guide__icon-item:hover {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 12px #ff10f040;
}

.style-guide__icon-item svg {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--wp--preset--color--contrast);
}

.dark .style-guide__icon-item svg {
  color: #fff;
}

.style-guide__icon-name {
  text-align: center;
  color: var(--wp--preset--color--neutral-500);
  word-break: break-all;
  font-size: .625rem;
  line-height: 1.2;
}

.style-guide__custom-icon-grid {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  display: grid;
}

.style-guide__custom-icon-card {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  background-color: var(--wp--preset--color--base);
  flex-direction: column;
  display: flex;
}

.dark .style-guide__custom-icon-card {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: var(--wp--preset--color--neutral-900);
}

.style-guide__custom-icon-label {
  font-size: var(--wp--preset--font-size--100);
  text-align: center;
  color: var(--wp--preset--color--contrast);
  font-weight: 600;
}

.dark .style-guide__custom-icon-label {
  color: #fff;
}

.style-guide__custom-icon-desc {
  color: var(--wp--preset--color--neutral-500);
  text-align: center;
  margin-bottom: 0;
  font-size: .6875rem;
}

.style-guide__spacing-list {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.style-guide__spacing-item {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: 7rem 1fr 12rem;
  display: grid;
}

@media (width <= 640px) {
  .style-guide__spacing-item {
    grid-template-columns: 1fr;
    gap: .25rem;
  }
}

.style-guide__spacing-name {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--contrast);
  font-weight: 600;
}

.dark .style-guide__spacing-name {
  color: #fff;
}

.style-guide__spacing-bar-wrap {
  background-color: var(--wp--preset--color--neutral-100);
  border-radius: var(--wp--preset--border-radius--sm);
  height: 1.5rem;
  overflow: hidden;
}

.dark .style-guide__spacing-bar-wrap {
  background-color: var(--wp--preset--color--neutral-800);
}

.style-guide__spacing-bar {
  background: var(--wp--preset--gradient--cyberpunk);
  border-radius: var(--wp--preset--border-radius--sm);
  height: 100%;
  transition: width .3s;
}

.style-guide__spacing-value {
  color: var(--wp--preset--color--neutral-600);
  font-family: monospace;
  font-size: .6875rem;
}

.dark .style-guide__spacing-value {
  color: var(--wp--preset--color--neutral-500);
}

.style-guide__radius-grid {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

@media (width >= 768px) {
  .style-guide__radius-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

.style-guide__radius-item {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  display: flex;
}

.style-guide__radius-preview {
  background: var(--wp--preset--gradient--cyberpunk);
  opacity: .8;
  width: 4rem;
  height: 4rem;
}

.style-guide__radius-label {
  font-size: var(--wp--preset--font-size--100);
  text-align: center;
  color: var(--wp--preset--color--contrast);
  font-weight: 600;
}

.dark .style-guide__radius-label {
  color: #fff;
}

.style-guide__radius-value {
  color: var(--wp--preset--color--neutral-600);
  text-align: center;
  font-family: monospace;
  font-size: .6875rem;
}

.dark .style-guide__radius-value {
  color: var(--wp--preset--color--neutral-500);
}

.style-guide__shadow-grid {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  display: grid;
}

.style-guide__shadow-item {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-lg);
  border-radius: var(--wp--preset--border-radius--lg);
  background-color: var(--wp--preset--color--base);
  flex-direction: column;
  display: flex;
}

.dark .style-guide__shadow-item {
  background-color: var(--wp--preset--color--neutral-900);
}

.style-guide__shadow-label {
  font-size: var(--wp--preset--font-size--100);
  text-align: center;
  color: var(--wp--preset--color--contrast);
  font-weight: 600;
}

.dark .style-guide__shadow-label {
  color: #fff;
}

.style-guide__shadow-desc {
  color: var(--wp--preset--color--neutral-600);
  text-align: center;
  margin-bottom: 0;
  font-size: .6875rem;
}

.dark .style-guide__shadow-desc {
  color: var(--wp--preset--color--neutral-500);
}

.style-guide__social-row {
  gap: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  display: flex;
}

.style-guide__social-variant {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  display: flex;
}

.style-guide__social-variant-label {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 600;
}

.dark .style-guide__social-variant-label {
  color: var(--wp--preset--color--neutral-500);
}

.style-guide__text-gradient-grid {
  gap: var(--wp--preset--spacing--fluid-md);
  margin-top: var(--wp--preset--spacing--fluid-lg);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .style-guide__text-gradient-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.style-guide__text-gradient-card {
  padding: var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  text-align: center;
  background-color: var(--wp--preset--color--base);
}

.dark .style-guide__text-gradient-card {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: var(--wp--preset--color--neutral-900);
}

.style-guide__text-gradient-sample {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  margin-bottom: .5rem;
  font-weight: 700;
}

.style-guide__text-gradient-label {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: 0;
}

.dark .style-guide__text-gradient-label {
  color: var(--wp--preset--color--neutral-500);
}

@media (prefers-reduced-motion: reduce) {
  .style-guide__gradient-preview--animated {
    animation: none;
  }

  .style-guide__anim-preview--playing {
    animation: none !important;
  }
}

.style-guide__anim-grid {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 640px) {
  .style-guide__anim-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .style-guide__anim-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.style-guide__anim-card {
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  background-color: var(--wp--preset--color--base);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.dark .style-guide__anim-card {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: var(--wp--preset--color--neutral-900);
}

.style-guide__anim-preview {
  background: var(--wp--preset--gradient--cyberpunk);
  border-radius: var(--wp--preset--border-radius--md);
  height: 5rem;
  margin: var(--wp--preset--spacing--fluid-sm);
}

.style-guide__anim-info {
  padding: 0 var(--wp--preset--spacing--fluid-sm);
  flex: 1;
}

.style-guide__anim-name {
  color: var(--wp--preset--color--contrast);
  margin-bottom: .25rem;
  font-weight: 600;
}

.dark .style-guide__anim-name {
  color: #fff;
}

.style-guide__anim-desc {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: .25rem;
}

.dark .style-guide__anim-desc {
  color: var(--wp--preset--color--neutral-500);
}

.style-guide__anim-token {
  color: var(--wp--preset--color--neon-purple-text);
  margin-bottom: 0;
  font-family: monospace;
  font-size: .6875rem;
}

.style-guide__anim-toggle {
  border: none;
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  width: 100%;
  color: var(--wp--preset--color--neon-purple-text);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  background-color: #0000;
  padding: .5rem;
  font-weight: 600;
  transition: background-color .2s, color .2s;
  display: block;
}

.style-guide__anim-toggle:hover {
  background-color: #be00fe0f;
}

.style-guide__anim-toggle--active {
  color: var(--wp--preset--color--neon-pink-text);
  background-color: #ff10f00f;
}

.style-guide__anim-toggle--active:hover {
  background-color: #ff10f01f;
}

.dark .style-guide__anim-toggle {
  border-top-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neon-purple);
}

.dark .style-guide__anim-toggle:hover {
  background-color: #be00fe1f;
}

.dark .style-guide__anim-toggle--active {
  color: var(--wp--preset--color--neon-pink);
  background-color: #ff10f01f;
}

.dark .style-guide__anim-toggle--active:hover {
  background-color: #ff10f033;
}

.style-guide__anim-toggle:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: -2px;
  box-shadow: var(--wp--preset--shadow--focus-ring-pink);
}

.style-guide__chip-group {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
}

.style-guide__chip-group:last-child {
  margin-bottom: 0;
}

.style-guide__chip-group-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--neon-pink-text);
  font-weight: 600;
}

.dark .style-guide__chip-group-title {
  color: var(--wp--preset--color--neon-pink);
}

.style-guide__chip-row {
  gap: var(--wp--preset--spacing--fluid-md);
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.style-guide__chip-item {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  display: flex;
}

.style-guide__chip-variant-label {
  color: var(--wp--preset--color--neutral-500);
  text-align: center;
  font-size: .6875rem;
}

.style-guide__card-grid {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 640px) {
  .style-guide__card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .style-guide__card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.style-guide__card-showcase {
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  background-color: var(--wp--preset--color--base);
  flex-direction: column;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  overflow: hidden;
}

.style-guide__card-showcase:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-2px);
}

.dark .style-guide__card-showcase {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: var(--wp--preset--color--neutral-900);
}

.dark .style-guide__card-showcase:hover {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 12px #ff10f01a;
}

.style-guide__card-preview {
  padding: var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--neutral-100);
}

.dark .style-guide__card-preview {
  background: #ffffff05;
}

.style-guide__card-mock {
  gap: var(--wp--preset--spacing--fluid-xs);
  border-radius: var(--wp--preset--border-radius--md);
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.dark .style-guide__card-mock {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-700);
}

.style-guide__card-mock-image {
  background: var(--wp--preset--gradient--cyberpunk);
  opacity: .6;
  height: 6rem;
}

.style-guide__card-mock-body {
  padding: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.style-guide__card-mock-badge {
  text-transform: uppercase;
  letter-spacing: .05em;
  width: fit-content;
  color: var(--wp--preset--color--neon-pink-text);
  border-radius: var(--wp--preset--border-radius--full);
  background: #ff10f014;
  padding: .125rem .5rem;
  font-size: .625rem;
  font-weight: 600;
  display: inline-block;
}

.dark .style-guide__card-mock-badge {
  color: var(--wp--preset--color--neon-pink);
  background: #ff10f026;
}

.style-guide__card-mock-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--contrast);
  font-weight: 600;
}

.dark .style-guide__card-mock-title {
  color: #fff;
}

.style-guide__card-mock-excerpt {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
}

.dark .style-guide__card-mock-excerpt {
  color: var(--wp--preset--color--neutral-400);
}

.style-guide__card-info {
  padding: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  flex: 1;
  gap: .25rem;
  display: flex;
}

.style-guide__card-info-name {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--contrast);
  margin-bottom: 0;
  font-weight: 600;
}

.dark .style-guide__card-info-name {
  color: #fff;
}

.style-guide__card-info-desc {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: 0;
}

.dark .style-guide__card-info-desc {
  color: var(--wp--preset--color--neutral-400);
}

.style-guide__card-info-token {
  margin-bottom: 0;
}

.style-guide__card-info-token code {
  color: var(--wp--preset--color--neon-purple-text);
  border-radius: var(--wp--preset--border-radius--sm);
  background: #be00fe0f;
  padding: .125rem .375rem;
  font-family: monospace;
  font-size: .6875rem;
}

.dark .style-guide__card-info-token code {
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe26;
}

.style-guide__card-info-usage {
  color: var(--wp--preset--color--neutral-500);
  margin-bottom: 0;
  font-size: .6875rem;
}

.style-guide__form-grid {
  gap: var(--wp--preset--spacing--fluid-lg);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .style-guide__form-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.style-guide__form-item {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  display: flex;
}

.style-guide__form-label {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--contrast);
}

.dark .style-guide__form-label {
  color: #fff;
}

.style-guide__form-control {
  width: 100%;
}

.form-control {
  width: 100%;
  padding: var(--wp--preset--spacing--fluid-xs) var(--wp--preset--spacing--fluid-sm);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--contrast);
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--md);
  appearance: none;
  transition: border-color .2s, box-shadow .2s;
  display: block;
}

.form-control::placeholder {
  color: var(--wp--preset--color--neutral-400);
}

.form-control:focus {
  border-color: var(--wp--preset--color--neon-pink-text);
  box-shadow: var(--wp--preset--shadow--focus-ring-pink);
  outline: none;
}

.dark .form-control {
  color: var(--wp--preset--color--neutral-100);
  border-color: var(--wp--preset--color--neutral-700);
  background-color: #ffffff08;
}

.dark .form-control::placeholder {
  color: var(--wp--preset--color--neutral-600);
}

.dark .form-control:focus {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 0 3px #ff10f033;
}

textarea.form-control {
  resize: vertical;
  min-height: 4rem;
}

.form-control--select {
  padding-right: 2.5rem;
  position: relative;
}

.form-control--select-wrapper {
  display: block;
  position: relative;
}

.form-control--select-wrapper:after {
  content: "";
  border-right: 2px solid var(--wp--preset--color--neutral-500);
  border-bottom: 2px solid var(--wp--preset--color--neutral-500);
  pointer-events: none;
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: 50%;
  right: .75rem;
  transform: translateY(-65%)rotate(45deg);
}

.dark .form-control--select-wrapper:after {
  border-color: var(--wp--preset--color--neutral-400);
}

.form-checkbox {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  cursor: pointer;
  display: flex;
}

.form-checkbox__input {
  appearance: none;
  border: 2px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--sm);
  background-color: var(--wp--preset--color--base);
  cursor: pointer;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  transition: border-color .2s, background-color .2s, box-shadow .2s;
}

.form-checkbox__input:checked {
  background-color: var(--wp--preset--color--neon-pink-text);
  border-color: var(--wp--preset--color--neon-pink-text);
  position: relative;
}

.form-checkbox__input:checked:after {
  content: "";
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  width: .35rem;
  height: .6rem;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(45deg);
}

.form-checkbox__input:focus-visible {
  box-shadow: var(--wp--preset--shadow--focus-ring-pink);
  outline: none;
}

.dark .form-checkbox__input {
  border-color: var(--wp--preset--color--neutral-600);
  background-color: #ffffff08;
}

.dark .form-checkbox__input:checked {
  background-color: var(--wp--preset--color--neon-pink);
  border-color: var(--wp--preset--color--neon-pink);
}

.form-checkbox__label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--contrast);
}

.dark .form-checkbox__label {
  color: var(--wp--preset--color--neutral-200);
}

.style-guide__form-desc {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  margin-bottom: 0;
}

.style-guide__filters-demo {
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--lg);
  padding: var(--wp--preset--spacing--fluid-md);
  background-color: var(--wp--preset--color--neutral-50);
}

.dark .style-guide__filters-demo {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: #ffffff05;
}

.style-guide__filters-demo-label {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  font-weight: 600;
}

.dark .style-guide__filters-demo-label {
  color: var(--wp--preset--color--neutral-500);
}

.style-guide__filters-demo-note {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  margin-top: var(--wp--preset--spacing--fluid-sm);
  margin-bottom: 0;
}

.style-guide__filters-demo-props {
  gap: var(--wp--preset--spacing--fluid-sm);
  margin-top: var(--wp--preset--spacing--fluid-md);
  padding: var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--md);
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  flex-direction: column;
  display: flex;
}

.dark .style-guide__filters-demo-props {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.style-guide__filters-demo-prop {
  gap: var(--wp--preset--spacing--fluid-sm);
  align-items: baseline;
  display: flex;
}

.style-guide__filters-demo-prop-name {
  color: var(--wp--preset--color--neon-purple-text);
  min-width: 8rem;
  font-family: monospace;
  font-size: .6875rem;
  font-weight: 600;
}

.dark .style-guide__filters-demo-prop-name {
  color: var(--wp--preset--color--neon-purple);
}

.style-guide__filters-demo-prop-value {
  color: var(--wp--preset--color--neutral-600);
  font-family: monospace;
  font-size: .6875rem;
}

.dark .style-guide__filters-demo-prop-value {
  color: var(--wp--preset--color--neutral-400);
}

.style-guide__theme-grid {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .style-guide__theme-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.style-guide__theme-panel {
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  overflow: hidden;
}

.style-guide__theme-panel--light {
  color: #111827;
  background-color: #fff;
}

.style-guide__theme-panel--dark {
  color: #fff;
  background-color: #0f0f0f;
  border-color: #374151;
}

.style-guide__theme-panel-header {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  border-bottom: 1px solid var(--wp--preset--color--neutral-200);
  display: flex;
}

.style-guide__theme-panel--dark .style-guide__theme-panel-header {
  border-bottom-color: #374151;
}

.style-guide__theme-panel-header svg {
  width: 1rem;
  height: 1rem;
}

.style-guide__theme-panel--light .style-guide__theme-panel-header svg {
  color: #ff5f1f;
}

.style-guide__theme-panel--dark .style-guide__theme-panel-header svg {
  color: #be00fe;
}

.style-guide__theme-panel-label {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  font-weight: 600;
}

.style-guide__theme-panel-body {
  gap: var(--wp--preset--spacing--fluid-md);
  padding: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  display: flex;
}

.style-guide__theme-card {
  border-radius: var(--wp--preset--border-radius--md);
  overflow: hidden;
}

.style-guide__theme-panel--light .style-guide__theme-card {
  background-color: #fff;
  border: 1px solid #e5e7eb;
}

.style-guide__theme-panel--dark .style-guide__theme-card {
  background-color: #111827;
  border: 1px solid #374151;
}

.style-guide__theme-card-image {
  opacity: .7;
  background: linear-gradient(135deg, #ff10f0 0%, #1f51ff 100%);
  height: 4rem;
}

.style-guide__theme-panel--dark .style-guide__theme-card-image {
  opacity: .9;
}

.style-guide__theme-card-body {
  padding: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.style-guide__theme-card-badge {
  text-transform: uppercase;
  letter-spacing: .05em;
  border-radius: var(--wp--preset--border-radius--full);
  width: fit-content;
  padding: .125rem .5rem;
  font-size: .625rem;
  font-weight: 600;
  display: inline-block;
}

.style-guide__theme-panel--light .style-guide__theme-card-badge {
  color: #9b0693;
  background: #ff10f014;
}

.style-guide__theme-panel--dark .style-guide__theme-card-badge {
  color: #ff10f0;
  background: #ff10f026;
}

.style-guide__theme-card-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  font-weight: 600;
}

.style-guide__theme-card-excerpt {
  font-size: var(--wp--preset--font-size--100);
}

.style-guide__theme-panel--light .style-guide__theme-card-excerpt {
  color: #4b5563;
}

.style-guide__theme-panel--dark .style-guide__theme-card-excerpt {
  color: #9ca3af;
}

.style-guide__theme-buttons {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.style-guide__theme-btn {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  border-radius: var(--wp--preset--border-radius--full);
  cursor: default;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  padding: .375rem .75rem;
  font-weight: 500;
  transition: none;
  display: inline-flex;
}

.style-guide__theme-btn--primary {
  color: #fff;
  background: linear-gradient(135deg, #ff10f0 0%, #1f51ff 100%);
  border-color: #0000;
}

.style-guide__theme-btn--outline {
  background: none;
}

.style-guide__theme-panel--light .style-guide__theme-btn--outline {
  color: #9b0693;
  border-color: #9b0693;
}

.style-guide__theme-panel--dark .style-guide__theme-btn--outline {
  color: #ff10f0;
  border-color: #ff10f0;
}

.style-guide__theme-btn--ghost {
  background: none;
  border-color: #0000;
}

.style-guide__theme-panel--light .style-guide__theme-btn--ghost {
  color: #4b5563;
}

.style-guide__theme-panel--dark .style-guide__theme-btn--ghost {
  color: #9ca3af;
}

.style-guide__theme-chips {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-wrap: wrap;
  display: flex;
}

.style-guide__theme-chip {
  font-family: var(--wp--preset--font-family--brand-body);
  border-radius: var(--wp--preset--border-radius--full);
  cursor: default;
  border: 1px solid #0000;
  align-items: center;
  padding: .375rem .75rem;
  font-size: .6875rem;
  font-weight: 500;
  display: inline-flex;
}

.style-guide__theme-chip--active {
  color: #fff;
}

.style-guide__theme-panel--light .style-guide__theme-chip--active {
  background-color: #9b0693;
  border-color: #9b0693;
}

.style-guide__theme-panel--dark .style-guide__theme-chip--active {
  background-color: #be00fe;
  border-color: #be00fe;
  box-shadow: 0 0 12px #be00fe4d;
}

.style-guide__theme-chip--inactive {
  background: none;
}

.style-guide__theme-panel--light .style-guide__theme-chip--inactive {
  color: #4b5563;
  border-color: #d1d5db;
}

.style-guide__theme-panel--dark .style-guide__theme-chip--inactive {
  color: #9ca3af;
  border-color: #4b5563;
}

.style-guide__theme-input {
  width: 100%;
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  padding: var(--wp--preset--spacing--fluid-xs) var(--wp--preset--spacing--fluid-sm);
  border-radius: var(--wp--preset--border-radius--md);
  appearance: none;
  border: 1px solid #0000;
  display: block;
}

.style-guide__theme-panel--light .style-guide__theme-input {
  color: #111827;
  background-color: #fff;
  border-color: #d1d5db;
}

.style-guide__theme-panel--light .style-guide__theme-input::placeholder {
  color: #9ca3af;
}

.style-guide__theme-panel--dark .style-guide__theme-input {
  color: #f3f4f6;
  background-color: #ffffff08;
  border-color: #374151;
}

.style-guide__theme-panel--dark .style-guide__theme-input::placeholder {
  color: #4b5563;
}

.style-guide__theme-element-label {
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: .375rem;
  font-size: .625rem;
  font-weight: 600;
}

.style-guide__theme-panel--light .style-guide__theme-element-label, .style-guide__theme-panel--dark .style-guide__theme-element-label {
  color: #6b7280;
}

.badge {
  border-radius: var(--wp--preset--border-radius--md);
  white-space: nowrap;
  border: 1px solid #0000;
  outline: none;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  padding: .125rem .5rem;
  font-size: .75rem;
  font-weight: 500;
  transition: box-shadow .2s, color .2s;
  display: inline-flex;
}

.badge:focus-visible {
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--focus-ring);
}

.badge svg {
  pointer-events: none;
  width: .75rem;
  height: .75rem;
}

.badge--default {
  background-color: var(--wp--preset--color--primary);
  color: #fff;
  border-color: #0000;
}

.badge--default:hover {
  opacity: .9;
}

.badge--secondary {
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neutral-900);
}

.badge--secondary:hover {
  background-color: var(--wp--preset--color--neutral-200);
}

.dark .badge--secondary {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-50);
}

.dark .badge--secondary:hover {
  background-color: var(--wp--preset--color--neutral-700);
}

.badge--destructive {
  background-color: var(--wp--preset--color--neon-red);
  color: #fff;
}

.badge--destructive:hover {
  opacity: .9;
}

.badge--outline {
  color: var(--foreground);
  border-color: var(--border);
}

.badge--outline:hover {
  background-color: var(--wp--preset--color--neutral-100);
}

.dark .badge--outline:hover {
  background-color: var(--wp--preset--color--neutral-800);
}

.faq-aggregate {
  min-height: 100vh;
}

.faq-aggregate__header {
  text-align: center;
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
}

.faq-aggregate__header-content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.faq-aggregate__subtitle {
  max-width: 42rem;
  margin: 0 auto;
}

.faq-aggregate__controls {
  gap: var(--wp--preset--spacing--fluid-sm);
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  display: flex;
}

.faq-aggregate__search {
  max-width: 480px;
  position: relative;
}

.faq-aggregate__search-icon {
  width: 18px;
  height: 18px;
  color: var(--wp--preset--color--neutral-400);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}

.faq-aggregate__search-input {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  background: var(--background);
  width: 100%;
  color: var(--foreground);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  padding: 12px 16px 12px 44px;
  transition: border-color .2s, box-shadow .2s;
}

.faq-aggregate__search-input:focus {
  border-color: var(--wp--preset--color--neon-purple);
  outline: none;
  box-shadow: 0 0 12px #be00fe40;
}

.dark .faq-aggregate__search-input {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-100);
  background: #ffffff0a;
}

.dark .faq-aggregate__search-input:focus {
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: 0 0 16px #be00fe59;
}

.dark .faq-aggregate__search-input::placeholder {
  color: var(--wp--preset--color--neutral-500);
}

.faq-aggregate__categories {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.faq-aggregate__chip {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neutral-700);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  transition: all .2s;
  display: inline-flex;
}

.faq-aggregate__chip:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple-text);
  box-shadow: 0 0 8px #be00fe26;
}

.faq-aggregate__chip--active {
  background: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
  box-shadow: 0 0 12px #be00fe4d;
}

.faq-aggregate__chip--active:hover {
  color: #fff;
  background: #a800de;
  border-color: #a800de;
}

.dark .faq-aggregate__chip {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-300);
}

.dark .faq-aggregate__chip:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
}

.dark .faq-aggregate__chip--active {
  background: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
  box-shadow: 0 0 16px #be00fe80;
}

.faq-aggregate__chip-count {
  opacity: .7;
  font-size: .75em;
}

.faq-aggregate__count {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-500);
}

.dark .faq-aggregate__count {
  color: var(--wp--preset--color--neutral-400);
}

.faq-aggregate__groups {
  gap: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  display: flex;
  position: relative;
}

.faq-aggregate__group {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.faq-aggregate__group-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--foreground);
  padding-bottom: var(--wp--preset--spacing--fluid-xs);
  border-bottom: 2px solid var(--wp--preset--color--neutral-200);
  position: relative;
}

.faq-aggregate__group-title:after {
  content: "";
  background: var(--wp--preset--color--neon-purple);
  width: 60px;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.dark .faq-aggregate__group-title {
  border-bottom-color: var(--wp--preset--color--neutral-800);
}

.dark .faq-aggregate__group-title:after {
  box-shadow: 0 0 8px #be00fe66;
}

.faq-aggregate__list {
  background: var(--background);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  overflow: hidden;
}

.dark .faq-aggregate__list {
  border-color: var(--wp--preset--color--neutral-800);
  background: #ffffff05;
  box-shadow: 0 0 10px #be00fe0a;
}

.faq-aggregate__empty {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-xl) 0;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.faq-aggregate__empty-icon {
  width: 48px;
  height: 48px;
  color: var(--wp--preset--color--neutral-400);
}

.dark .faq-aggregate__empty-icon {
  color: var(--wp--preset--color--neon-purple);
  filter: drop-shadow(0 0 8px #be00fe66);
}

.faq-aggregate__empty-text {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neutral-500);
}

.dark .faq-aggregate__empty-text {
  color: var(--wp--preset--color--neutral-400);
}

.faq-aggregate__sticker {
  display: none;
}

@media (width >= 1280px) {
  .faq-aggregate__sticker {
    opacity: .15;
    pointer-events: none;
    z-index: 0;
    width: 160px;
    transition: opacity .4s;
    display: block;
    position: fixed;
    bottom: 6rem;
    right: 2rem;
  }

  .dark .faq-aggregate__sticker {
    opacity: .25;
  }
}

.faq-aggregate__sticker-image {
  width: 100%;
  height: auto;
}

.feedback-page {
  min-height: 100vh;
}

.feedback-page__header {
  text-align: center;
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
}

.feedback-page__header-content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.feedback-page__subtitle {
  max-width: 42rem;
  margin: 0 auto;
}

.feedback-page__controls {
  gap: var(--wp--preset--spacing--fluid-sm);
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  display: flex;
}

.feedback-page__search {
  max-width: 480px;
  position: relative;
}

.feedback-page__search-icon {
  width: 18px;
  height: 18px;
  color: var(--wp--preset--color--neutral-400);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}

.feedback-page__search-input {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  background: var(--background);
  width: 100%;
  color: var(--foreground);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  padding: 12px 16px 12px 44px;
  transition: border-color .2s, box-shadow .2s;
}

.feedback-page__search-input:focus {
  border-color: var(--wp--preset--color--neon-pink);
  outline: none;
  box-shadow: 0 0 12px #ff10f040;
}

.dark .feedback-page__search-input {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-100);
  background: #ffffff0a;
}

.dark .feedback-page__search-input:focus {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 16px #ff10f059;
}

.dark .feedback-page__search-input::placeholder {
  color: var(--wp--preset--color--neutral-500);
}

.feedback-page__filters {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

@media (width >= 768px) {
  .feedback-page__filters {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }
}

.feedback-page__filter-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  text-transform: uppercase;
  letter-spacing: .08em;
  white-space: nowrap;
}

.dark .feedback-page__filter-label {
  color: var(--wp--preset--color--neutral-400);
}

.feedback-page__chip-row {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.feedback-page__chip {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neutral-700);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  transition: all .2s;
  display: inline-flex;
}

.feedback-page__chip:hover {
  border-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink-text);
  box-shadow: 0 0 8px #ff10f026;
}

.feedback-page__chip--active {
  background: var(--wp--preset--color--neon-pink);
  border-color: var(--wp--preset--color--neon-pink);
  color: #fff;
  box-shadow: 0 0 12px #ff10f04d;
}

.feedback-page__chip--active:hover {
  color: #fff;
  background: #d00cd0;
  border-color: #d00cd0;
}

.dark .feedback-page__chip {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-300);
}

.dark .feedback-page__chip:hover {
  border-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink);
}

.dark .feedback-page__chip--active {
  background: var(--wp--preset--color--neon-pink);
  border-color: var(--wp--preset--color--neon-pink);
  color: #fff;
  box-shadow: 0 0 16px #ff10f080;
}

.feedback-page__chip-count {
  opacity: .7;
  font-size: .75em;
}

.feedback-page__count {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-500);
}

.dark .feedback-page__count {
  color: var(--wp--preset--color--neutral-400);
}

.feedback-page__grid {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .feedback-page__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1280px) {
  .feedback-page__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.feedback-card {
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-md);
  background: var(--background);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  flex-direction: column;
  transition: transform .3s, box-shadow .3s, border-color .3s;
  display: flex;
  position: relative;
}

.feedback-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  border-color: var(--wp--preset--color--neon-pink);
  transform: translateY(-3px);
}

.dark .feedback-card {
  border-color: var(--wp--preset--color--neutral-800);
  background: #ffffff05;
  box-shadow: 0 0 10px #ff10f00a;
}

.dark .feedback-card:hover {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 20px #ff10f026;
}

.feedback-card--featured {
  background: linear-gradient(135deg, #ff10f005, #be00fe05);
  border-color: #ff10f04d;
}

.dark .feedback-card--featured {
  background: linear-gradient(135deg, #ff10f00f, #be00fe0a);
  border-color: #ff10f066;
  box-shadow: 0 0 15px #ff10f014;
}

.feedback-card__quote-mark {
  color: var(--wp--preset--color--neutral-200);
}

.dark .feedback-card__quote-mark {
  color: var(--wp--preset--color--neutral-800);
}

.feedback-card__quote-icon {
  width: 24px;
  height: 24px;
}

.feedback-card--featured .feedback-card__quote-icon {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .feedback-card--featured .feedback-card__quote-icon {
  color: var(--wp--preset--color--neon-pink);
  filter: drop-shadow(0 0 6px #ff10f066);
}

.feedback-card__quote {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-700);
  flex: 1;
  line-height: 1.7;
}

.dark .feedback-card__quote {
  color: var(--wp--preset--color--neutral-300);
}

.feedback-card__rating {
  gap: 2px;
  display: flex;
}

.feedback-card__star {
  width: 16px;
  height: 16px;
  color: var(--wp--preset--color--neutral-300);
}

.feedback-card__star--filled {
  color: var(--wp--preset--color--neon-yellow, #ffe500);
  fill: var(--wp--preset--color--neon-yellow, #ffe500);
}

.dark .feedback-card__star {
  color: var(--wp--preset--color--neutral-700);
}

.dark .feedback-card__star--filled {
  color: var(--wp--preset--color--neon-yellow, #ffe500);
  fill: var(--wp--preset--color--neon-yellow, #ffe500);
  filter: drop-shadow(0 0 4px #ffe50066);
}

.feedback-card__footer {
  padding-top: var(--wp--preset--spacing--fluid-xs);
  border-top: 1px solid var(--border);
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.dark .feedback-card--featured .feedback-card__footer {
  border-image: linear-gradient(to right, var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-purple)) 1;
}

.feedback-card__author {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.feedback-card__name {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  color: var(--foreground);
}

.feedback-card__location {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.dark .feedback-card__location {
  color: var(--wp--preset--color--neutral-400);
}

.feedback-card__meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.feedback-card__event {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .feedback-card__event {
  color: var(--wp--preset--color--neon-pink);
  text-shadow: 0 0 6px #ff10f04d;
}

.feedback-card__date {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.dark .feedback-card__date {
  color: var(--wp--preset--color--neutral-500);
}

.feedback-card__meta-icon {
  width: 12px;
  height: 12px;
}

.feedback-card__tags {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.feedback-card__tag {
  border-radius: var(--wp--preset--border-radius--full);
  background: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neutral-600);
  font-family: var(--wp--preset--font-family--brand-body);
  text-transform: lowercase;
  padding: 2px 8px;
  font-size: .7rem;
  display: inline-flex;
}

.dark .feedback-card__tag {
  background: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-400);
}

.feedback-page__empty {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-xl) 0;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.feedback-page__empty-icon {
  width: 48px;
  height: 48px;
  color: var(--wp--preset--color--neutral-400);
}

.dark .feedback-page__empty-icon {
  color: var(--wp--preset--color--neon-pink);
  filter: drop-shadow(0 0 8px #ff10f066);
}

.feedback-page__empty-text {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neutral-500);
}

.dark .feedback-page__empty-text {
  color: var(--wp--preset--color--neutral-400);
}

.stickers-page {
  background: var(--wp--preset--color--neutral-50);
  min-height: 100vh;
}

.dark .stickers-page {
  background: var(--wp--preset--color--atomic-black);
}

.stickers-page__hero {
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  text-align: center;
  background: linear-gradient(#ff10f00a 0%, #be00fe08 40%, #0000 100%);
}

.dark .stickers-page__hero {
  background: linear-gradient(#ff10f00f 0%, #be00fe0a 40%, #0000 100%);
}

.stickers-page__hero-content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.stickers-page__hero-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .15em;
  color: var(--wp--preset--color--neon-pink-text);
  border-radius: var(--wp--preset--border-radius--full);
  background: #ff10f00f;
  border: 1px solid #ff10f026;
  padding: 6px 18px;
  display: inline-block;
}

.dark .stickers-page__hero-badge {
  background: #ff10f01f;
  border-color: #ff10f04d;
}

.stickers-page__hero-desc {
  max-width: 38rem;
  color: var(--wp--preset--color--neutral-600);
}

.dark .stickers-page__hero-desc {
  color: var(--wp--preset--color--neutral-400);
}

.stickers-page__controls {
  max-width: var(--wp--preset--layout--wide);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  gap: var(--wp--preset--spacing--fluid-sm);
  padding-bottom: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.stickers-page__search-row {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.stickers-page__search {
  flex: 1;
  min-width: 200px;
  max-width: 400px;
  position: relative;
}

.stickers-page__search-icon {
  width: 18px;
  height: 18px;
  color: var(--wp--preset--color--neutral-400);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}

.stickers-page__search-input {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  background: var(--wp--preset--color--base);
  width: 100%;
  color: var(--foreground);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  padding: 10px 16px 10px 44px;
  transition: border-color .2s, box-shadow .2s;
}

.stickers-page__search-input::placeholder {
  color: var(--wp--preset--color--neutral-400);
}

.stickers-page__search-input:focus {
  border-color: var(--wp--preset--color--neon-pink);
  outline: none;
  box-shadow: 0 0 12px #ff10f02e;
}

.dark .stickers-page__search-input {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-100);
  background: #ffffff0a;
}

.dark .stickers-page__search-input::placeholder {
  color: var(--wp--preset--color--neutral-600);
}

.dark .stickers-page__search-input:focus {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 16px #ff10f059;
}

.stickers-page__random-btn {
  border: 1px solid var(--wp--preset--color--neon-purple);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-purple-text);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  transition: all .2s;
  display: inline-flex;
}

.stickers-page__random-btn:hover {
  background: #be00fe14;
  box-shadow: 0 0 14px #be00fe33;
}

.stickers-page__random-btn:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.dark .stickers-page__random-btn {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
}

.dark .stickers-page__random-btn:hover {
  background: #be00fe26;
  box-shadow: 0 0 18px #be00fe59;
}

.stickers-page__random-icon {
  width: 16px;
  height: 16px;
  transition: transform .4s;
}

.stickers-page__random-btn:hover .stickers-page__random-icon {
  transform: rotate(72deg);
}

.stickers-page__themes {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.stickers-page__themes-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--wp--preset--color--neutral-500);
}

.dark .stickers-page__themes-label {
  color: var(--wp--preset--color--neutral-400);
}

.stickers-page__chip {
  border: 1px solid var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neutral-700);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  transition: all .2s;
  display: inline-flex;
}

.stickers-page__chip:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple-text);
  box-shadow: 0 0 8px #be00fe1f;
}

.stickers-page__chip:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.stickers-page__chip--active {
  background: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
  padding: 4px 12px;
  box-shadow: 0 0 10px #be00fe40;
}

.stickers-page__chip--active:hover {
  color: #fff;
  background: #a800de;
  border-color: #a800de;
  box-shadow: 0 0 14px #be00fe59;
}

.dark .stickers-page__chip {
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-300);
}

.dark .stickers-page__chip:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
  box-shadow: 0 0 10px #be00fe40;
}

.dark .stickers-page__chip--active {
  background: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
  box-shadow: 0 0 16px #be00fe80;
}

.stickers-page__chip-count {
  opacity: .65;
  font-size: .75em;
}

.stickers-page__body {
  max-width: var(--wp--preset--layout--wide);
  padding: 0 var(--wp--preset--spacing--section-horizontal) var(--wp--preset--spacing--section-vertical);
  margin: 0 auto;
}

.stickers-page__count {
  text-align: center;
  color: var(--wp--preset--color--neutral-500);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  padding-bottom: var(--wp--preset--spacing--fluid-md);
}

.stickers-page__count-number {
  color: var(--wp--preset--color--neon-pink-text);
}

.stickers-page__empty {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-xl) 0;
  color: var(--wp--preset--color--neutral-500);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
}

.dark .stickers-page__empty {
  color: var(--wp--preset--color--neutral-400);
}

.stickers-page__grid {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

@media (width >= 580px) {
  .stickers-page__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 900px) {
  .stickers-page__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (width >= 1280px) {
  .stickers-page__grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

.polaroid {
  cursor: pointer;
  background: #fff;
  border: 1px solid #0000000a;
  border-radius: 3px;
  flex-direction: column;
  transition: transform .3s, box-shadow .3s, outline .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 3px #00000014, 0 4px 12px #0000000d;
}

.polaroid:hover {
  border-color: #be00fe26;
  transform: translateY(-4px)rotate(-.8deg);
  box-shadow: 0 8px 24px #0000001a, 0 2px 8px #0000000f;
}

.polaroid:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 3px;
  box-shadow: var(--wp--preset--shadow--neon-pink);
}

.dark .polaroid {
  background: #1a1a1a;
  border-color: #ffffff0a;
  box-shadow: 0 2px 12px #00000059, 0 0 1px #ffffff0f;
}

.dark .polaroid:hover {
  border-color: #ff10f033;
  box-shadow: 0 12px 40px #ff10f01a, 0 4px 16px #0000004d;
}

.polaroid__image-frame {
  background: inherit;
  padding: 12px 12px 0;
}

.polaroid__image {
  aspect-ratio: 1;
  object-fit: cover;
  background-color: var(--wp--preset--color--neutral-100);
  border-radius: 2px;
  width: 100%;
  display: block;
}

.dark .polaroid__image {
  background-color: var(--wp--preset--color--neutral-800);
}

.polaroid__label {
  text-align: center;
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 10px 12px 14px;
  overflow: hidden;
}

.dark .polaroid__label {
  color: var(--wp--preset--color--neutral-400);
}

.polaroid--highlighted {
  z-index: 10;
  animation: 1.8s ease-out forwards polaroid-glow;
}

@keyframes polaroid-glow {
  0% {
    transform: scale(1.03);
    box-shadow: 0 0 #be00fe99, 0 0 30px #be00fe66;
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 6px #be00fe40, 0 0 40px #ff10f04d;
  }

  100% {
    transform: scale(1);
    box-shadow: 0 1px 3px #00000014, 0 4px 12px #0000000d;
  }
}

.dark .polaroid--highlighted {
  animation: 1.8s ease-out forwards polaroid-glow-dark;
}

@keyframes polaroid-glow-dark {
  0% {
    transform: scale(1.03);
    box-shadow: 0 0 #ff10f0b3, 0 0 40px #ff10f080;
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 6px #ff10f059, 0 0 50px #be00fe66;
  }

  100% {
    transform: scale(1);
    box-shadow: 0 2px 12px #00000059, 0 0 1px #ffffff0f;
  }
}

@media (prefers-reduced-motion: reduce) {
  .polaroid:hover {
    transform: none;
  }

  .polaroid--highlighted {
    box-shadow: 0 0 0 3px var(--wp--preset--color--neon-purple), 0 0 16px #be00fe4d;
    animation: none;
  }
}

.sticker-lightbox {
  z-index: var(--wp--preset--z-index--modal);
  background: #000000e0;
  justify-content: center;
  align-items: center;
  animation: .25s forwards sticker-lightbox-fadein;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes sticker-lightbox-fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.sticker-lightbox__inner {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  position: relative;
}

.sticker-lightbox__polaroid {
  background: #fff;
  border-radius: 4px;
  flex-direction: column;
  width: 100%;
  max-width: 520px;
  animation: .3s forwards sticker-lightbox-scalein;
  display: flex;
  box-shadow: 0 20px 60px #00000080;
}

@keyframes sticker-lightbox-scalein {
  from {
    opacity: 0;
    transform: scale(.92);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.dark .sticker-lightbox__polaroid {
  background: #1a1a1a;
}

.sticker-lightbox__image-frame {
  padding: 16px 16px 0;
}

.sticker-lightbox__image {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 2px;
  width: 100%;
  display: block;
}

.sticker-lightbox__label {
  text-align: center;
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-700);
  padding: 14px 16px 20px;
}

.dark .sticker-lightbox__label {
  color: var(--wp--preset--color--neutral-300);
}

.sticker-lightbox__nav {
  border-radius: var(--wp--preset--border-radius--full);
  color: #fff;
  background: #ffffff1f;
  border: 1px solid #ffffff26;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background .2s, border-color .2s;
  display: flex;
}

.sticker-lightbox__nav:hover {
  background: #ffffff38;
  border-color: #ffffff4d;
}

.sticker-lightbox__nav:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.sticker-lightbox__nav--desktop {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sticker-lightbox__nav--prev {
  left: -60px;
}

.sticker-lightbox__nav--next {
  right: -60px;
}

.sticker-lightbox__nav-row {
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-md);
  display: none;
}

.sticker-lightbox__counter--desktop {
  display: block;
}

@media (width <= 640px) {
  .sticker-lightbox__nav--desktop {
    display: none;
  }

  .sticker-lightbox__nav-row {
    display: flex;
  }

  .sticker-lightbox__counter--desktop {
    display: none;
  }

  .sticker-lightbox__polaroid {
    max-width: 85vw;
  }
}

.sticker-lightbox__close {
  border-radius: var(--wp--preset--border-radius--full);
  color: #fff;
  background: #ffffff1a;
  border: 1px solid #ffffff26;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background .2s;
  display: flex;
  position: absolute;
  top: -48px;
  right: 0;
}

.sticker-lightbox__close:hover {
  background: #ffffff38;
}

.sticker-lightbox__close:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.sticker-lightbox__counter {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: #ffffff80;
}

@media (prefers-reduced-motion: reduce) {
  .sticker-lightbox, .sticker-lightbox__polaroid {
    animation: none;
  }
}

@media (width <= 580px) {
  .stickers-page__search-row {
    flex-direction: column;
    align-items: stretch;
  }

  .stickers-page__search {
    max-width: 100%;
  }

  .stickers-page__random-btn {
    align-self: flex-start;
  }
}

.dev-tools-page {
  background: var(--wp--preset--color--neutral-50);
  min-height: 100vh;
}

.dark .dev-tools-page {
  background: var(--wp--preset--color--atomic-black);
}

.dev-tools-page__hero {
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  text-align: center;
  background: linear-gradient(#be00fe08 0%, #0000 100%);
}

.dark .dev-tools-page__hero {
  background: linear-gradient(#be00fe0f 0%, #0000 100%);
}

.dev-tools-page__hero-content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.dev-tools-page__hero-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .1em;
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-purple-text);
  background: #be00fe14;
  border: 1px solid #be00fe26;
  padding: .25rem 1rem;
  font-weight: 600;
  display: inline-block;
}

.dark .dev-tools-page__hero-badge {
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe1f;
  border-color: #be00fe4d;
}

.dev-tools-page__hero-desc {
  max-width: 38rem;
  color: var(--wp--preset--color--neutral-600);
}

.dark .dev-tools-page__hero-desc {
  color: var(--wp--preset--color--neutral-400);
}

.dev-tools-jumpnav {
  z-index: calc(var(--wp--preset--z-index--header)  - 1);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--wp--preset--color--neutral-200);
  padding: var(--wp--preset--spacing--fluid-xs) var(--wp--preset--spacing--section-horizontal);
  background: #ffffffe6;
  position: sticky;
  top: 3.5rem;
}

.dark .dev-tools-jumpnav {
  background: #0f0f0fd9;
  border-bottom-color: #ffffff0f;
}

.dev-tools-jumpnav__inner {
  max-width: var(--wp--preset--layout--wide);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  margin: 0 auto;
  display: flex;
  overflow-x: auto;
}

.dev-tools-jumpnav__inner::-webkit-scrollbar {
  display: none;
}

.dev-tools-jumpnav__pill {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200, .875rem);
  border-radius: var(--wp--preset--border-radius--full);
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid #0000;
  flex-shrink: 0;
  padding: .375rem 1rem;
  font-weight: 600;
  transition: all .2s;
}

.dev-tools-jumpnav__pill:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
}

.dev-tools-jumpnav__pill--green {
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff140f;
  border-color: #39ff1433;
}

.dev-tools-jumpnav__pill--green:hover {
  background: #39ff1424;
  border-color: #39ff1466;
}

.dark .dev-tools-jumpnav__pill--green {
  color: var(--wp--preset--color--neon-green);
  background: #39ff1414;
  border-color: #39ff1440;
}

.dark .dev-tools-jumpnav__pill--green:hover {
  background: #39ff142e;
  border-color: #39ff1480;
  box-shadow: 0 0 12px #39ff1426;
}

.dev-tools-jumpnav__pill--blue {
  color: var(--wp--preset--color--neon-blue-text);
  background: #1f51ff0f;
  border-color: #1f51ff33;
}

.dev-tools-jumpnav__pill--blue:hover {
  background: #1f51ff24;
  border-color: #1f51ff66;
}

.dark .dev-tools-jumpnav__pill--blue {
  color: var(--wp--preset--color--neon-blue);
  background: #1f51ff14;
  border-color: #1f51ff40;
}

.dark .dev-tools-jumpnav__pill--blue:hover {
  background: #1f51ff2e;
  border-color: #1f51ff80;
  box-shadow: 0 0 12px #1f51ff26;
}

.dev-tools-jumpnav__pill--orange {
  color: var(--wp--preset--color--neon-orange-text);
  background: #ff5f1f0f;
  border-color: #ff5f1f33;
}

.dev-tools-jumpnav__pill--orange:hover {
  background: #ff5f1f24;
  border-color: #ff5f1f66;
}

.dark .dev-tools-jumpnav__pill--orange {
  color: var(--wp--preset--color--neon-orange);
  background: #ff5f1f14;
  border-color: #ff5f1f40;
}

.dark .dev-tools-jumpnav__pill--orange:hover {
  background: #ff5f1f2e;
  border-color: #ff5f1f80;
  box-shadow: 0 0 12px #ff5f1f26;
}

.dev-tools-jumpnav__pill--pink {
  color: var(--wp--preset--color--neon-pink-text);
  background: #ff10f00f;
  border-color: #ff10f033;
}

.dev-tools-jumpnav__pill--pink:hover {
  background: #ff10f024;
  border-color: #ff10f066;
}

.dark .dev-tools-jumpnav__pill--pink {
  color: var(--wp--preset--color--neon-pink);
  background: #ff10f014;
  border-color: #ff10f040;
}

.dark .dev-tools-jumpnav__pill--pink:hover {
  background: #ff10f02e;
  border-color: #ff10f080;
  box-shadow: 0 0 12px #ff10f026;
}

.dev-tools-page__categories {
  max-width: var(--wp--preset--layout--wide);
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal) var(--wp--preset--spacing--fluid-xl);
  gap: var(--wp--preset--spacing--fluid-xl);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.dev-tools-category {
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  scroll-margin-top: 7rem;
  display: flex;
}

.dev-tools-category__header {
  padding-bottom: var(--wp--preset--spacing--fluid-sm);
  border-bottom: 2px solid var(--wp--preset--color--neutral-200);
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.dark .dev-tools-category__header {
  border-bottom-color: #ffffff14;
}

.dev-tools-category--green .dev-tools-category__header {
  border-bottom-color: #39ff144d;
}

.dark .dev-tools-category--green .dev-tools-category__header {
  border-bottom-color: #39ff1466;
}

.dev-tools-category--blue .dev-tools-category__header {
  border-bottom-color: #1f51ff4d;
}

.dark .dev-tools-category--blue .dev-tools-category__header {
  border-bottom-color: #1f51ff66;
}

.dev-tools-category--orange .dev-tools-category__header {
  border-bottom-color: #ff5f1f4d;
}

.dark .dev-tools-category--orange .dev-tools-category__header {
  border-bottom-color: #ff5f1f66;
}

.dev-tools-category--pink .dev-tools-category__header {
  border-bottom-color: #ff10f04d;
}

.dark .dev-tools-category--pink .dev-tools-category__header {
  border-bottom-color: #ff10f066;
}

.dev-tools-category__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--600, 1.75rem);
  color: var(--foreground);
  margin: 0;
}

.dark .dev-tools-category__title {
  color: #fff;
}

.dev-tools-category__desc {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-500);
  max-width: 48rem;
  margin: 0;
}

.dark .dev-tools-category__desc {
  color: var(--wp--preset--color--neutral-400);
}

.dev-tools-category__grid {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 640px) {
  .dev-tools-category__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .dev-tools-category__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1440px) {
  .dev-tools-category__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.dev-tools-card {
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-md);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  cursor: pointer;
  color: inherit;
  text-align: left;
  flex-direction: column;
  text-decoration: none;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.dark .dev-tools-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #14141499;
  border-color: #ffffff1a;
}

.dev-tools-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-4px);
}

.dev-tools-card:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
  box-shadow: var(--wp--preset--shadow--focus-ring-strong);
}

.dark .dev-tools-card--green:hover {
  border-color: #39ff1480;
  box-shadow: 0 0 20px #39ff1426;
}

.dark .dev-tools-card--blue:hover {
  border-color: #1f51ff80;
  box-shadow: 0 0 20px #1f51ff26;
}

.dark .dev-tools-card--orange:hover {
  border-color: #ff5f1f80;
  box-shadow: 0 0 20px #ff5f1f26;
}

.dark .dev-tools-card--pink:hover {
  border-color: #ff10f080;
  box-shadow: 0 0 20px #ff10f026;
}

.dev-tools-card__header {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  display: flex;
}

.dev-tools-card__icon-wrapper {
  border-radius: var(--wp--preset--border-radius--md);
  background: #be00fe14;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.dark .dev-tools-card__icon-wrapper {
  background: #be00fe26;
}

.dev-tools-card--green .dev-tools-card__icon-wrapper {
  background: #39ff1414;
}

.dark .dev-tools-card--green .dev-tools-card__icon-wrapper {
  background: #39ff1426;
}

.dev-tools-card--blue .dev-tools-card__icon-wrapper {
  background: #1f51ff14;
}

.dark .dev-tools-card--blue .dev-tools-card__icon-wrapper {
  background: #1f51ff26;
}

.dev-tools-card--orange .dev-tools-card__icon-wrapper {
  background: #ff5f1f14;
}

.dark .dev-tools-card--orange .dev-tools-card__icon-wrapper {
  background: #ff5f1f26;
}

.dev-tools-card--pink .dev-tools-card__icon-wrapper {
  background: #ff10f014;
}

.dark .dev-tools-card--pink .dev-tools-card__icon-wrapper {
  background: #ff10f026;
}

.dev-tools-card__icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .dev-tools-card__icon {
  color: var(--wp--preset--color--neon-purple);
}

.dev-tools-card--green .dev-tools-card__icon {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .dev-tools-card--green .dev-tools-card__icon {
  color: var(--wp--preset--color--neon-green);
}

.dev-tools-card--blue .dev-tools-card__icon {
  color: var(--wp--preset--color--neon-blue-text);
}

.dark .dev-tools-card--blue .dev-tools-card__icon {
  color: var(--wp--preset--color--neon-blue);
}

.dev-tools-card--orange .dev-tools-card__icon {
  color: var(--wp--preset--color--neon-orange-text);
}

.dark .dev-tools-card--orange .dev-tools-card__icon {
  color: var(--wp--preset--color--neon-orange);
}

.dev-tools-card--pink .dev-tools-card__icon {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .dev-tools-card--pink .dev-tools-card__icon {
  color: var(--wp--preset--color--neon-pink);
}

.dev-tools-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500, 1.5rem);
  color: var(--foreground);
  margin: 0;
}

.dark .dev-tools-card__title {
  color: #fff;
}

.dev-tools-card__badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100, .75rem);
  text-transform: uppercase;
  letter-spacing: .05em;
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff1414;
  border: 1px solid #39ff1433;
  align-self: flex-start;
  padding: .2rem .75rem;
  font-weight: 600;
  display: inline-block;
}

.dark .dev-tools-card__badge {
  color: var(--wp--preset--color--neon-green);
  background: #39ff141a;
  border-color: #39ff144d;
}

.dev-tools-card__desc {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
  margin: 0;
  line-height: 1.6;
}

.dark .dev-tools-card__desc {
  color: var(--wp--preset--color--neutral-400);
}

.dev-tools-card__cta {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200, .875rem);
  color: var(--wp--preset--color--neon-purple-text);
  align-items: center;
  gap: .5rem;
  margin-top: auto;
  font-weight: 600;
  display: flex;
}

.dark .dev-tools-card__cta {
  color: var(--wp--preset--color--neon-purple);
}

.dev-tools-card--green .dev-tools-card__cta {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .dev-tools-card--green .dev-tools-card__cta {
  color: var(--wp--preset--color--neon-green);
}

.dev-tools-card--blue .dev-tools-card__cta {
  color: var(--wp--preset--color--neon-blue-text);
}

.dark .dev-tools-card--blue .dev-tools-card__cta {
  color: var(--wp--preset--color--neon-blue);
}

.dev-tools-card--orange .dev-tools-card__cta {
  color: var(--wp--preset--color--neon-orange-text);
}

.dark .dev-tools-card--orange .dev-tools-card__cta {
  color: var(--wp--preset--color--neon-orange);
}

.dev-tools-card--pink .dev-tools-card__cta {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .dev-tools-card--pink .dev-tools-card__cta {
  color: var(--wp--preset--color--neon-pink);
}

.dev-tools-card__cta-icon {
  width: 1rem;
  height: 1rem;
  transition: transform .2s;
}

.dev-tools-card:hover .dev-tools-card__cta-icon {
  transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce) {
  .dev-tools-card {
    transition: none;
  }

  .dev-tools-card:hover, .dev-tools-card:hover .dev-tools-card__cta-icon {
    transform: none;
  }

  .dev-tools-jumpnav__pill {
    transition: none;
  }
}

.specimen-page {
  background: var(--wp--preset--color--neutral-50);
  min-height: 100vh;
}

.dark .specimen-page {
  background: var(--wp--preset--color--atomic-black);
}

.specimen-page__hero {
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  text-align: center;
  background: linear-gradient(#be00fe08 0%, #0000 100%);
}

.dark .specimen-page__hero {
  background: linear-gradient(#be00fe0f 0%, #0000 100%);
}

.specimen-page__hero-content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.specimen-page__hero-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .1em;
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-purple-text);
  background: #be00fe14;
  border: 1px solid #be00fe26;
  padding: .25rem 1rem;
  font-weight: 600;
  display: inline-block;
}

.dark .specimen-page__hero-badge {
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe1f;
  border-color: #be00fe4d;
}

.specimen-page__hero-desc {
  max-width: 38rem;
  color: var(--wp--preset--color--neutral-600);
}

.dark .specimen-page__hero-desc {
  color: var(--wp--preset--color--neutral-400);
}

.specimen-section {
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal);
}

.specimen-section:nth-child(2n) {
  background: var(--wp--preset--color--neutral-100);
}

.dark .specimen-section:nth-child(2n) {
  background: #ffffff05;
}

.specimen-section__inner {
  max-width: var(--wp--preset--layout--wide);
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.specimen-section__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  align-items: center;
  gap: .5rem;
  display: flex;
}

.dark .specimen-section__title {
  color: #fff;
}

.specimen-section__title-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .specimen-section__title-icon {
  color: var(--wp--preset--color--neon-purple);
}

.specimen-section__subtitle {
  color: var(--wp--preset--color--neutral-500);
  margin: 0;
}

.dark .specimen-section__subtitle {
  color: var(--wp--preset--color--neutral-400);
}

.specimen-grid {
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .specimen-grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .specimen-grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1024px) {
  .specimen-grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .specimen-grid--4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .specimen-grid--5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .specimen-grid--6 {
    grid-template-columns: repeat(6, 1fr);
  }
}

.specimen-card {
  padding: var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  flex-direction: column;
  gap: .5rem;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
}

.dark .specimen-card {
  background: #14141499;
  border-color: #ffffff14;
}

.specimen-card:hover {
  border-color: #be00fe4d;
}

.dark .specimen-card:hover {
  border-color: #be00fe80;
  box-shadow: 0 0 12px #be00fe1a;
}

.specimen-card__label {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  margin: 0;
  font-weight: 600;
}

.dark .specimen-card__label {
  color: #fff;
}

.specimen-card__meta {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .specimen-card__meta {
  color: var(--wp--preset--color--neutral-400);
}

.specimen-card__code {
  font-size: var(--wp--preset--font-size--100);
  background: var(--wp--preset--color--neutral-100);
  border-radius: var(--wp--preset--border-radius--sm);
  color: var(--wp--preset--color--neon-purple-text);
  word-break: break-all;
  padding: .125rem .5rem;
}

.dark .specimen-card__code {
  color: var(--wp--preset--color--neon-purple);
  background: #ffffff0f;
}

.specimen-row {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  border-bottom: 1px solid var(--border);
  padding: .75rem 0;
  display: flex;
}

.dark .specimen-row {
  border-color: #ffffff0f;
}

.specimen-row:last-child {
  border-bottom: none;
}

.specimen-row__label {
  min-width: 200px;
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
}

.dark .specimen-row__label {
  color: var(--wp--preset--color--neutral-400);
}

.specimen-row__value {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
}

.dark .specimen-row__value {
  color: #fff;
}

.specimen-swatch {
  border-radius: var(--wp--preset--border-radius--md);
  border: 1px solid var(--border);
  width: 100%;
  height: 80px;
}

.dark .specimen-swatch {
  border-color: #ffffff1a;
}

.specimen-bar {
  border-radius: var(--wp--preset--border-radius--sm);
  background: linear-gradient(90deg, var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-blue));
  height: 24px;
  transition: width .3s;
}

.dark .specimen-bar {
  background: linear-gradient(90deg, var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-purple));
}

.specimen-anim-box {
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--gradient--cyberpunk);
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}

.specimen-anim-box--paused {
  animation-play-state: paused !important;
}

.specimen-toggle {
  border-radius: var(--wp--preset--border-radius--full);
  border: 1px solid var(--border);
  cursor: pointer;
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  background: none;
  align-items: center;
  gap: .375rem;
  padding: .375rem .75rem;
  transition: all .15s;
  display: inline-flex;
}

.dark .specimen-toggle {
  color: var(--wp--preset--color--neutral-400);
  border-color: #ffffff26;
}

.specimen-toggle:hover {
  border-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .specimen-toggle:hover {
  border-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink);
}

.specimen-toggle:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.specimen-toggle__icon {
  width: .875rem;
  height: .875rem;
}

.specimen-btn-row {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

@media (prefers-reduced-motion: reduce) {
  .specimen-card, .specimen-bar {
    transition: none;
  }
}

.btn-specimen {
  border-radius: var(--wp--preset--border-radius--md);
  font-family: var(--wp--preset--font-family--brand-body);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--200);
  cursor: pointer;
  border: none;
  align-items: center;
  gap: .5rem;
  padding: .625rem 1.25rem;
  transition: all .2s;
  display: inline-flex;
}

.btn-specimen:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.btn-specimen:disabled {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none !important;
  transform: none !important;
}

.btn-specimen__icon {
  width: 1rem;
  height: 1rem;
}

.btn-specimen--sm {
  font-size: var(--wp--preset--font-size--100);
  padding: .375rem .875rem;
}

.btn-specimen--lg {
  font-size: var(--wp--preset--font-size--300);
  padding: .875rem 1.75rem;
}

.btn-specimen--primary {
  background: var(--wp--preset--gradient--cyberpunk);
  color: #fff;
}

.btn-specimen--primary:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 0 20px #ff10f066;
}

.btn-specimen--secondary {
  color: var(--wp--preset--color--neon-purple-text);
  border: 2px solid var(--wp--preset--color--neon-purple-text);
  background: none;
}

.dark .btn-specimen--secondary {
  color: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
}

.btn-specimen--secondary:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 0 15px #be00fe4d;
}

.btn-specimen--ghost {
  color: var(--wp--preset--color--neutral-600);
  background: none;
  border: none;
  padding-left: .5rem;
  padding-right: .5rem;
}

.dark .btn-specimen--ghost {
  color: var(--wp--preset--color--neutral-400);
}

.btn-specimen--ghost:hover:not(:disabled) {
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .btn-specimen--ghost:hover:not(:disabled) {
  color: var(--wp--preset--color--neon-pink);
}

.btn-specimen--icon {
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--neutral-100);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--wp--preset--color--neutral-600);
  border: 1px solid var(--border);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.dark .btn-specimen--icon {
  color: var(--wp--preset--color--neutral-400);
  background: #ffffff0f;
  border-color: #ffffff1a;
}

.btn-specimen--icon:hover:not(:disabled) {
  color: var(--wp--preset--color--neon-purple-text);
  border-color: var(--wp--preset--color--neon-purple-text);
}

.dark .btn-specimen--icon:hover:not(:disabled) {
  color: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: 0 0 10px #be00fe33;
}

.btn-specimen--icon-danger:hover:not(:disabled) {
  color: var(--wp--preset--color--neon-red-text);
  border-color: var(--wp--preset--color--neon-red-text);
}

.dark .btn-specimen--icon-danger:hover:not(:disabled) {
  color: var(--wp--preset--color--neon-red);
  border-color: var(--wp--preset--color--neon-red);
  box-shadow: 0 0 10px #ff313133;
}

.btn-specimen--icon svg {
  width: 1.125rem;
  height: 1.125rem;
}

.btn-specimen--pill {
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neutral-700);
  border: 1px solid var(--border);
  background: none;
  padding: .5rem 1rem;
}

.dark .btn-specimen--pill {
  color: var(--wp--preset--color--neutral-300);
  border-color: #ffffff26;
}

.btn-specimen--pill:hover:not(:disabled) {
  border-color: var(--wp--preset--color--neon-purple-text);
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .btn-specimen--pill:hover:not(:disabled) {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
}

.btn-specimen--pill-active {
  background: var(--wp--preset--color--neon-purple-text);
  color: #fff;
  border-color: var(--wp--preset--color--neon-purple-text);
}

.dark .btn-specimen--pill-active {
  background: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--atomic-black);
  border-color: var(--wp--preset--color--neon-purple);
}

@media (prefers-reduced-motion: reduce) {
  .btn-specimen {
    transition: none;
  }

  .btn-specimen--primary:hover:not(:disabled), .btn-specimen--secondary:hover:not(:disabled) {
    transform: none;
  }
}

.card-specimen {
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--lg);
  cursor: pointer;
  flex-direction: column;
  transition: transform .25s, box-shadow .25s, border-color .25s;
  display: flex;
  overflow: hidden;
}

.dark .card-specimen {
  background: #14141499;
  border-color: #ffffff14;
}

.card-specimen:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-4px);
}

.dark .card-specimen:hover {
  border-color: #be00fe80;
  box-shadow: 0 0 20px #be00fe26;
}

.card-specimen:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.card-specimen__image {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.card-specimen__image--placeholder {
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, var(--wp--preset--color--neutral-200) 0%, var(--wp--preset--color--neutral-300) 100%);
}

.dark .card-specimen__image--placeholder {
  background: linear-gradient(135deg, #ffffff0f 0%, #ffffff1f 100%);
}

.card-specimen__body {
  padding: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.card-specimen__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  margin: 0;
}

.dark .card-specimen__title {
  color: #fff;
}

.card-specimen__excerpt {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
  margin: 0;
  line-height: 1.5;
}

.dark .card-specimen__excerpt {
  color: var(--wp--preset--color--neutral-400);
}

.card-specimen__badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-purple-text);
  background: #be00fe14;
  border: 1px solid #be00fe26;
  align-self: flex-start;
  padding: .2rem .625rem;
  font-weight: 600;
  display: inline-block;
}

.dark .card-specimen__badge {
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe1f;
  border-color: #be00fe4d;
}

.card-specimen__meta {
  flex-wrap: wrap;
  gap: 1rem;
  display: flex;
}

.card-specimen__meta-item {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  align-items: center;
  gap: .25rem;
  display: flex;
}

.dark .card-specimen__meta-item {
  color: var(--wp--preset--color--neutral-400);
}

.card-specimen__meta-icon {
  width: .875rem;
  height: .875rem;
}

.card-specimen--tool {
  padding: var(--wp--preset--spacing--fluid-md);
  gap: var(--wp--preset--spacing--fluid-sm);
}

.card-specimen__tool-header {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  display: flex;
}

.card-specimen__tool-icon-wrap {
  border-radius: var(--wp--preset--border-radius--md);
  background: #be00fe14;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.dark .card-specimen__tool-icon-wrap {
  background: #be00fe26;
}

.card-specimen__tool-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .card-specimen__tool-icon {
  color: var(--wp--preset--color--neon-purple);
}

.card-specimen__tool-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .05em;
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff1414;
  border: 1px solid #39ff1433;
  align-self: flex-start;
  padding: .2rem .75rem;
  font-weight: 600;
  display: inline-block;
}

.dark .card-specimen__tool-badge {
  color: var(--wp--preset--color--neon-green);
  background: #39ff141a;
  border-color: #39ff144d;
}

.card-specimen__cta {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neon-purple-text);
  align-items: center;
  gap: .5rem;
  margin-top: auto;
  font-weight: 600;
  display: flex;
}

.dark .card-specimen__cta {
  color: var(--wp--preset--color--neon-purple);
}

.card-specimen__cta-icon {
  width: 1rem;
  height: 1rem;
  transition: transform .2s;
}

.card-specimen:hover .card-specimen__cta-icon {
  transform: translateX(4px);
}

.card-specimen--video .card-specimen__image {
  position: relative;
}

.card-specimen__play-overlay {
  opacity: 0;
  background: #0000004d;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0;
}

.card-specimen--video:hover .card-specimen__play-overlay {
  opacity: 1;
}

.card-specimen__play-icon {
  color: #fff;
  filter: drop-shadow(0 0 8px #0006);
  width: 2.5rem;
  height: 2.5rem;
}

.card-specimen__duration {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  border-radius: var(--wp--preset--border-radius--sm);
  color: #fff;
  background: #000000b3;
  padding: .125rem .5rem;
  font-weight: 600;
  position: absolute;
  bottom: .5rem;
  right: .5rem;
}

.card-specimen--podcast {
  flex-direction: row;
}

@media (width <= 480px) {
  .card-specimen--podcast {
    flex-direction: column;
  }
}

.card-specimen__podcast-cover {
  aspect-ratio: 1;
  flex-shrink: 0;
  width: 120px;
  min-height: 120px;
}

@media (width <= 480px) {
  .card-specimen__podcast-cover {
    aspect-ratio: 16 / 9;
    width: 100%;
    min-height: auto;
  }
}

.card-specimen--tip {
  padding: var(--wp--preset--spacing--fluid-sm);
  gap: .375rem;
}

.card-specimen--tip:hover {
  border-color: #39ff1466;
}

.dark .card-specimen--tip:hover {
  border-color: #39ff1480;
  box-shadow: 0 0 12px #39ff141a;
}

@media (prefers-reduced-motion: reduce) {
  .card-specimen {
    transition: none;
  }

  .card-specimen:hover {
    transform: none;
  }

  .card-specimen__play-overlay, .card-specimen__cta-icon {
    transition: none;
  }

  .card-specimen:hover .card-specimen__cta-icon {
    transform: none;
  }
}

.anim-specimen__section-header {
  justify-content: space-between;
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-wrap: wrap;
  display: flex;
}

.anim-specimen__card {
  gap: var(--wp--preset--spacing--fluid-sm);
}

.anim-specimen__preview-row {
  gap: var(--wp--preset--spacing--fluid-sm);
  align-items: flex-start;
  display: flex;
}

.anim-specimen__info {
  flex-direction: column;
  flex: 1;
  gap: .25rem;
  min-width: 0;
  display: flex;
}

.anim-specimen__box {
  border-radius: var(--wp--preset--border-radius--md);
  flex-shrink: 0;
  width: 56px;
  height: 56px;
}

.anim-specimen__box--spin {
  background: var(--wp--preset--gradient--cyberpunk);
  animation: 1s linear infinite spin;
}

.anim-specimen__box--pulse {
  background: var(--wp--preset--color--neon-pink);
  animation: 2s ease-in-out infinite pulse;
}

.anim-specimen__box--bounce {
  background: var(--wp--preset--gradient--solar-flare);
  animation: 2s infinite bounce;
}

.anim-specimen__box--float {
  background: var(--wp--preset--gradient--toxic-lime);
  animation: 3s ease-in-out infinite float;
}

.anim-specimen__box--fadeIn {
  background: var(--wp--preset--color--neon-blue);
  animation: 2s infinite alternate fadeIn;
}

.anim-specimen__box--slideIn {
  background: var(--wp--preset--color--neon-orange);
  animation: 2s infinite alternate slideIn;
}

.anim-specimen__box--slideUp {
  background: var(--wp--preset--color--neon-yellow);
  animation: 2s infinite alternate slideUp;
}

.anim-specimen__box--scaleIn {
  background: var(--wp--preset--gradient--cyberpunk);
  animation: 2s infinite alternate scaleIn;
}

.anim-specimen__box--gradientShift {
  background: var(--wp--preset--gradient--hyperpop);
  background-size: 400% 400%;
  animation: 4s infinite gradientShift;
}

.anim-specimen__box--neonPulse {
  background: var(--wp--preset--color--atomic-black);
  border: 2px solid var(--wp--preset--color--neon-green);
  --glow-color: var(--wp--preset--color--neon-green);
  animation: 2s ease-in-out infinite alternate neonPulse;
}

.anim-specimen__box--neonPulsePurple {
  background: var(--wp--preset--color--atomic-black);
  border: 2px solid var(--wp--preset--color--neon-purple);
  animation: 2s ease-in-out infinite alternate neonPulsePurple;
}

.anim-specimen__box--neonPulsePink {
  background: var(--wp--preset--color--atomic-black);
  border: 2px solid var(--wp--preset--color--neon-pink);
  animation: 2s ease-in-out infinite alternate neonPulsePink;
}

.anim-specimen__box--pulseRing {
  border: 3px solid var(--wp--preset--color--neon-pink);
  border-radius: var(--wp--preset--border-radius--full);
  background: none;
  animation: 2s ease-out infinite pulse-ring;
}

.anim-specimen__box--shine {
  background: var(--wp--preset--color--neutral-200);
  position: relative;
  overflow: hidden;
}

.dark .anim-specimen__box--shine {
  background: #ffffff14;
}

.anim-specimen__box--shine:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff4d, #0000);
  width: 60%;
  height: 100%;
  animation: 1.5s infinite shine;
  position: absolute;
  top: 0;
  left: -100%;
}

.anim-specimen__box--skeletonPulse {
  background: var(--wp--preset--color--neutral-200);
  animation: 2s ease-in-out infinite skeleton-pulse;
}

.dark .anim-specimen__box--skeletonPulse {
  background: #ffffff14;
}

.anim-specimen__box--caretBlink {
  background: var(--wp--preset--color--neon-cyan);
  border-radius: 2px;
  width: 4px;
  height: 56px;
  animation: 1.25s infinite caret-blink;
}

.tokens-ref__layout {
  max-width: var(--wp--preset--layout--wide);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  gap: var(--wp--preset--spacing--fluid-lg);
  margin: 0 auto;
  display: flex;
}

.tokens-ref__sidebar {
  display: none;
}

@media (width >= 1024px) {
  .tokens-ref__sidebar {
    width: 220px;
    max-height: calc(100vh - 8rem);
    padding: var(--wp--preset--spacing--fluid-md) 0;
    flex-shrink: 0;
    display: block;
    position: sticky;
    top: 6rem;
    overflow-y: auto;
  }
}

.tokens-ref__sidebar-title {
  font-family: var(--wp--preset--font-family--brand-body);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--wp--preset--color--neutral-400);
  margin-bottom: var(--wp--preset--spacing--fluid-xs);
}

.dark .tokens-ref__sidebar-title {
  color: var(--wp--preset--color--neutral-500);
}

.tokens-ref__sidebar-list {
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.tokens-ref__sidebar-link {
  border-radius: var(--wp--preset--border-radius--sm);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  padding: .375rem .75rem;
  transition: color .15s, background .15s;
  display: block;
}

.dark .tokens-ref__sidebar-link {
  color: var(--wp--preset--color--neutral-400);
}

.tokens-ref__sidebar-link:hover {
  color: var(--wp--preset--color--neon-purple-text);
  background: #be00fe0f;
}

.dark .tokens-ref__sidebar-link:hover {
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe1a;
}

.tokens-ref__sidebar-link:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 1px;
}

.tokens-ref__main {
  gap: var(--wp--preset--spacing--fluid-md);
  min-width: 0;
  padding: var(--wp--preset--spacing--fluid-lg) 0;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.tokens-ref__section {
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  overflow: hidden;
}

.dark .tokens-ref__section {
  background: #14141480;
  border-color: #ffffff14;
}

.tokens-ref__section[open] .tokens-ref__section-header {
  border-bottom: 1px solid var(--border);
}

.dark .tokens-ref__section[open] .tokens-ref__section-header {
  border-bottom-color: #ffffff0f;
}

.tokens-ref__section-header {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  list-style: none;
  display: flex;
}

.tokens-ref__section-header::-webkit-details-marker {
  display: none;
}

.tokens-ref__section-chevron {
  width: 1rem;
  height: 1rem;
  color: var(--wp--preset--color--neutral-400);
  flex-shrink: 0;
  transition: transform .2s;
}

.tokens-ref__section[open] .tokens-ref__section-chevron {
  transform: rotate(90deg);
}

.tokens-ref__section-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  flex: 1;
}

.dark .tokens-ref__section-title {
  color: #fff;
}

.tokens-ref__section-count {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .tokens-ref__section-count {
  color: var(--wp--preset--color--neutral-400);
}

.tokens-ref__section-desc {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  padding: 0 var(--wp--preset--spacing--fluid-md);
  padding-top: var(--wp--preset--spacing--fluid-xs);
}

.dark .tokens-ref__section-desc {
  color: var(--wp--preset--color--neutral-400);
}

.tokens-ref__grid {
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  padding-bottom: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: 1fr;
  gap: 1px;
  display: grid;
}

@media (width >= 768px) {
  .tokens-ref__grid--colors, .tokens-ref__grid--gradients {
    gap: var(--wp--preset--spacing--fluid-xs);
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .tokens-ref__grid--colors {
    grid-template-columns: repeat(4, 1fr);
  }
}

.tokens-ref__entry {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  border-bottom: 1px solid var(--border);
  padding: .5rem 0;
  display: flex;
}

.dark .tokens-ref__entry {
  border-bottom-color: #ffffff0a;
}

.tokens-ref__entry:last-child {
  border-bottom: none;
}

.tokens-ref__entry--color {
  padding: var(--wp--preset--spacing--fluid-xs);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--sm);
  background: var(--wp--preset--color--neutral-50);
  flex-direction: column;
  align-items: stretch;
  gap: .375rem;
}

.dark .tokens-ref__entry--color {
  background: #ffffff08;
  border-color: #ffffff0f;
}

.tokens-ref__entry--gradient {
  padding: var(--wp--preset--spacing--fluid-xs);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--sm);
  flex-direction: column;
  align-items: stretch;
  gap: .375rem;
}

.dark .tokens-ref__entry--gradient {
  border-color: #ffffff0f;
}

.tokens-ref__swatch {
  border-radius: var(--wp--preset--border-radius--sm);
  border: 1px solid #00000014;
  width: 100%;
  height: 48px;
}

.dark .tokens-ref__swatch {
  border-color: #ffffff1a;
}

.tokens-ref__swatch--gradient {
  height: 56px;
}

.tokens-ref__swatch--shadow {
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  flex-shrink: 0;
  width: 64px;
  height: 48px;
}

.dark .tokens-ref__swatch--shadow {
  background: var(--wp--preset--color--neutral-800);
}

.tokens-ref__swatch--radius {
  background: var(--wp--preset--gradient--cyberpunk);
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

.tokens-ref__swatch--bar {
  border-radius: var(--wp--preset--border-radius--sm);
  background: linear-gradient(90deg, var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-blue));
  min-width: 8px;
  height: 20px;
}

.dark .tokens-ref__swatch--bar {
  background: linear-gradient(90deg, var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-purple));
}

.tokens-ref__info {
  flex-direction: column;
  flex: 1;
  gap: .125rem;
  min-width: 0;
  display: flex;
}

.tokens-ref__token-name {
  font-size: var(--wp--preset--font-size--100);
  background: var(--wp--preset--color--neutral-100);
  border-radius: var(--wp--preset--border-radius--sm);
  color: var(--wp--preset--color--neon-purple-text);
  word-break: break-all;
  align-self: flex-start;
  padding: .125rem .5rem;
  display: inline-block;
}

.dark .tokens-ref__token-name {
  color: var(--wp--preset--color--neon-purple);
  background: #ffffff0f;
}

.tokens-ref__token-value {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .tokens-ref__token-value {
  color: var(--wp--preset--color--neutral-400);
}

.tokens-ref__token-label {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  font-weight: 600;
}

.dark .tokens-ref__token-label {
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .tokens-ref__section-chevron, .tokens-ref__sidebar-link {
    transition: none;
  }
}

.icon-lib__controls {
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  max-width: var(--wp--preset--layout--wide);
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

.icon-lib__search {
  min-width: 200px;
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  color: var(--foreground);
  flex: 1;
  padding: .625rem 1rem;
  transition: border-color .2s;
}

.dark .icon-lib__search {
  color: #fff;
  background: #14141499;
  border-color: #ffffff1a;
}

.icon-lib__search:focus {
  border-color: var(--wp--preset--color--neon-pink);
  outline: none;
  box-shadow: 0 0 0 3px #ff10f026;
}

.icon-lib__search::placeholder {
  color: var(--wp--preset--color--neutral-400);
}

.icon-lib__size-toggles {
  gap: 4px;
  display: flex;
}

.icon-lib__size-btn {
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--sm);
  color: var(--wp--preset--color--neutral-600);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  background: none;
  padding: .375rem .75rem;
  font-weight: 600;
  transition: all .15s;
}

.dark .icon-lib__size-btn {
  color: var(--wp--preset--color--neutral-400);
  border-color: #ffffff1f;
}

.icon-lib__size-btn--active {
  background: var(--wp--preset--color--neon-purple-text);
  color: #fff;
  border-color: var(--wp--preset--color--neon-purple-text);
}

.dark .icon-lib__size-btn--active {
  background: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--atomic-black);
  border-color: var(--wp--preset--color--neon-purple);
}

.icon-lib__size-btn:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 1px;
}

.icon-lib__grid {
  gap: var(--wp--preset--spacing--fluid-xs);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

@media (width >= 480px) {
  .icon-lib__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 768px) {
  .icon-lib__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (width >= 1024px) {
  .icon-lib__grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

.icon-lib__card {
  padding: var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  cursor: default;
  flex-direction: column;
  align-items: center;
  gap: .375rem;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
}

.dark .icon-lib__card {
  background: #14141480;
  border-color: #ffffff0f;
}

.icon-lib__card:hover {
  border-color: #be00fe4d;
}

.dark .icon-lib__card:hover {
  border-color: #be00fe80;
  box-shadow: 0 0 10px #be00fe1a;
}

.icon-lib__card-icon {
  color: var(--foreground);
  transition: color .15s;
}

.dark .icon-lib__card-icon {
  color: #fff;
}

.icon-lib__card:hover .icon-lib__card-icon {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .icon-lib__card:hover .icon-lib__card-icon {
  color: var(--wp--preset--color--neon-purple);
}

.icon-lib__card-name {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--foreground);
  text-align: center;
  word-break: break-word;
  font-weight: 600;
}

.dark .icon-lib__card-name {
  color: #fff;
}

.icon-lib__card-usage {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-500);
  text-align: center;
  font-size: .6875rem;
  line-height: 1.3;
}

.dark .icon-lib__card-usage {
  color: var(--wp--preset--color--neutral-400);
}

.icon-lib__copy-btn {
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--sm);
  color: var(--wp--preset--color--neutral-500);
  font-family: var(--wp--preset--font-family--brand-body);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  padding: .25rem .5rem;
  font-size: .625rem;
  transition: all .15s;
}

.dark .icon-lib__copy-btn {
  color: var(--wp--preset--color--neutral-400);
  border-color: #ffffff1a;
}

.icon-lib__copy-btn:hover {
  border-color: var(--wp--preset--color--neon-green-text);
  color: var(--wp--preset--color--neon-green-text);
}

.dark .icon-lib__copy-btn:hover {
  border-color: var(--wp--preset--color--neon-green);
  color: var(--wp--preset--color--neon-green);
}

.icon-lib__copy-btn:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 1px;
}

.icon-lib__empty {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-xl) var(--wp--preset--spacing--section-horizontal);
  color: var(--wp--preset--color--neutral-500);
}

.dark .icon-lib__empty {
  color: var(--wp--preset--color--neutral-400);
}

.icon-lib__count {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  max-width: var(--wp--preset--layout--wide);
  margin: 0 auto;
}

.dark .icon-lib__count {
  color: var(--wp--preset--color--neutral-400);
}

.icon-lib__count-num {
  color: var(--wp--preset--color--neon-purple-text);
  font-weight: 600;
}

.dark .icon-lib__count-num {
  color: var(--wp--preset--color--neon-purple);
}

@media (prefers-reduced-motion: reduce) {
  .icon-lib__card, .icon-lib__card-icon, .icon-lib__search, .icon-lib__size-btn, .icon-lib__copy-btn {
    transition: none;
  }
}

.comp-api__layout {
  max-width: var(--wp--preset--layout--wide);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  gap: var(--wp--preset--spacing--fluid-lg);
  margin: 0 auto;
  display: flex;
}

.comp-api__sidebar {
  display: none;
}

@media (width >= 1024px) {
  .comp-api__sidebar {
    width: 240px;
    max-height: calc(100vh - 8rem);
    padding: var(--wp--preset--spacing--fluid-md) 0;
    flex-shrink: 0;
    display: block;
    position: sticky;
    top: 6rem;
    overflow-y: auto;
  }
}

.comp-api__sidebar-search {
  width: 100%;
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--sm);
  background: var(--wp--preset--color--base);
  color: var(--foreground);
  margin-bottom: var(--wp--preset--spacing--fluid-xs);
  padding: .5rem .75rem;
}

.dark .comp-api__sidebar-search {
  color: #fff;
  background: #14141499;
  border-color: #ffffff1a;
}

.comp-api__sidebar-search:focus {
  border-color: var(--wp--preset--color--neon-pink);
  outline: none;
  box-shadow: 0 0 0 3px #ff10f026;
}

.comp-api__sidebar-list {
  flex-direction: column;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.comp-api__sidebar-link {
  border-radius: var(--wp--preset--border-radius--sm);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  padding: .375rem .75rem;
  transition: color .15s, background .15s;
  display: block;
}

.dark .comp-api__sidebar-link {
  color: var(--wp--preset--color--neutral-400);
}

.comp-api__sidebar-link:hover {
  color: var(--wp--preset--color--neon-purple-text);
  background: #be00fe0f;
}

.dark .comp-api__sidebar-link:hover {
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe1a;
}

.comp-api__sidebar-link:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 1px;
}

.comp-api__sidebar-cat {
  font-family: var(--wp--preset--font-family--brand-body);
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--wp--preset--color--neutral-400);
  padding: .75rem .75rem .25rem;
  font-size: .625rem;
  font-weight: 600;
}

.dark .comp-api__sidebar-cat {
  color: var(--wp--preset--color--neutral-500);
}

.comp-api__main {
  gap: var(--wp--preset--spacing--fluid-lg);
  min-width: 0;
  padding: var(--wp--preset--spacing--fluid-lg) 0;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.comp-api__mobile-search {
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  max-width: var(--wp--preset--layout--wide);
  width: 100%;
  margin: 0 auto;
}

@media (width >= 1024px) {
  .comp-api__mobile-search {
    display: none;
  }
}

.comp-api__mobile-input {
  width: 100%;
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  color: var(--foreground);
  padding: .625rem 1rem;
}

.dark .comp-api__mobile-input {
  color: #fff;
  background: #14141499;
  border-color: #ffffff1a;
}

.comp-api__mobile-input:focus {
  border-color: var(--wp--preset--color--neon-pink);
  outline: none;
  box-shadow: 0 0 0 3px #ff10f026;
}

.comp-api__component {
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  overflow: hidden;
}

.dark .comp-api__component {
  background: #14141480;
  border-color: #ffffff14;
}

.comp-api__component-header {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
  display: flex;
}

.dark .comp-api__component-header {
  border-bottom-color: #ffffff0f;
}

.comp-api__component-name {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
}

.dark .comp-api__component-name {
  color: #fff;
}

.comp-api__component-cat {
  font-family: var(--wp--preset--font-family--brand-body);
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-purple-text);
  background: #be00fe14;
  padding: .125rem .5rem;
  font-size: .6875rem;
  font-weight: 600;
}

.dark .comp-api__component-cat {
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe26;
}

.comp-api__component-path {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  margin-left: auto;
}

.dark .comp-api__component-path {
  color: var(--wp--preset--color--neutral-400);
}

.comp-api__component-body {
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.comp-api__component-desc {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
}

.dark .comp-api__component-desc {
  color: var(--wp--preset--color--neutral-300);
}

.comp-api__import {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  display: flex;
}

.comp-api__import-code {
  min-width: 0;
  font-size: var(--wp--preset--font-size--100);
  background: var(--wp--preset--color--neutral-100);
  border-radius: var(--wp--preset--border-radius--sm);
  color: var(--wp--preset--color--neon-purple-text);
  white-space: nowrap;
  flex: 1;
  padding: .375rem .75rem;
  overflow-x: auto;
}

.dark .comp-api__import-code {
  color: var(--wp--preset--color--neon-purple);
  background: #ffffff0d;
}

.comp-api__copy-btn {
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--sm);
  color: var(--wp--preset--color--neutral-500);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  padding: .25rem .625rem;
  transition: all .15s;
}

.dark .comp-api__copy-btn {
  color: var(--wp--preset--color--neutral-400);
  border-color: #ffffff1a;
}

.comp-api__copy-btn:hover {
  border-color: var(--wp--preset--color--neon-green-text);
  color: var(--wp--preset--color--neon-green-text);
}

.dark .comp-api__copy-btn:hover {
  border-color: var(--wp--preset--color--neon-green);
  color: var(--wp--preset--color--neon-green);
}

.comp-api__copy-btn:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 1px;
}

.comp-api__table-wrap {
  overflow-x: auto;
}

.comp-api__table {
  border-collapse: collapse;
  width: 100%;
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
}

.comp-api__table th {
  text-align: left;
  color: var(--wp--preset--color--neutral-500);
  border-bottom: 2px solid var(--border);
  white-space: nowrap;
  padding: .5rem .75rem;
  font-weight: 600;
}

.dark .comp-api__table th {
  color: var(--wp--preset--color--neutral-400);
  border-bottom-color: #ffffff1a;
}

.comp-api__table td {
  color: var(--foreground);
  border-bottom: 1px solid var(--border);
  vertical-align: top;
  padding: .5rem .75rem;
}

.dark .comp-api__table td {
  color: var(--wp--preset--color--neutral-200);
  border-bottom-color: #ffffff0a;
}

.comp-api__table tr:nth-child(2n) td {
  background: var(--wp--preset--color--neutral-50);
}

.dark .comp-api__table tr:nth-child(2n) td {
  background: #ffffff05;
}

.comp-api__prop-name {
  color: var(--wp--preset--color--neon-purple-text);
  font-weight: 600;
}

.dark .comp-api__prop-name {
  color: var(--wp--preset--color--neon-purple);
}

.comp-api__prop-type {
  color: var(--wp--preset--color--neon-blue-text);
  word-break: break-all;
}

.dark .comp-api__prop-type {
  color: var(--wp--preset--color--neon-cyan);
}

.comp-api__prop-required {
  color: var(--wp--preset--color--neon-pink-text);
  font-weight: 600;
}

.dark .comp-api__prop-required {
  color: var(--wp--preset--color--neon-pink);
}

.comp-api__no-props {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  padding: .5rem 0;
}

.dark .comp-api__no-props {
  color: var(--wp--preset--color--neutral-400);
}

.comp-api__empty {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-xl);
  color: var(--wp--preset--color--neutral-500);
}

.dark .comp-api__empty {
  color: var(--wp--preset--color--neutral-400);
}

@media (prefers-reduced-motion: reduce) {
  .comp-api__sidebar-link, .comp-api__copy-btn {
    transition: none;
  }
}

.playground__layout {
  max-width: var(--wp--preset--layout--wide);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  gap: var(--wp--preset--spacing--fluid-md);
  padding-bottom: var(--wp--preset--spacing--fluid-xl);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

@media (width >= 1024px) {
  .playground__layout {
    flex-direction: row;
    align-items: flex-start;
  }
}

.playground__controls {
  gap: var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  padding: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  display: flex;
}

.dark .playground__controls {
  background: #14141480;
  border-color: #ffffff14;
}

@media (width >= 1024px) {
  .playground__controls {
    flex-shrink: 0;
    width: 360px;
    position: sticky;
    top: 6rem;
  }
}

.playground__controls-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
}

.dark .playground__controls-title {
  color: #fff;
}

.playground__group {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.playground__label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  font-weight: 600;
}

.dark .playground__label {
  color: var(--wp--preset--color--neutral-300);
}

.playground__select, .playground__range {
  width: 100%;
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--sm);
  background: var(--wp--preset--color--base);
  color: var(--foreground);
  padding: .375rem .5rem;
}

.dark .playground__select {
  color: #fff;
  background: #1e1e1ecc;
  border-color: #ffffff1f;
}

.playground__select:focus, .playground__range:focus {
  border-color: var(--wp--preset--color--neon-pink);
  outline: none;
}

.playground__range {
  accent-color: var(--wp--preset--color--neon-purple);
  background: none;
  border: none;
  padding: .5rem 0;
}

.playground__value {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-500);
  font-size: .6875rem;
}

.dark .playground__value {
  color: var(--wp--preset--color--neutral-400);
}

.playground__actions {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-wrap: wrap;
  display: flex;
}

.playground__btn {
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  color: var(--foreground);
  background: none;
  padding: .5rem 1rem;
  font-weight: 600;
  transition: all .15s;
}

.dark .playground__btn {
  color: #fff;
  border-color: #ffffff1f;
}

.playground__btn:hover {
  border-color: var(--wp--preset--color--neon-purple-text);
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .playground__btn:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
}

.playground__btn--primary {
  background: var(--wp--preset--gradient--cyberpunk);
  color: #fff;
  border: none;
}

.playground__btn--primary:hover {
  color: #fff;
  opacity: .9;
}

.playground__btn:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.playground__preview {
  min-width: 0;
  padding: var(--wp--preset--spacing--fluid-xl);
  border: 1px dashed var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--neutral-50);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  display: flex;
}

.dark .playground__preview {
  background: #0f0f0f99;
  border-color: #ffffff14;
}

.playground__card {
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  transition: box-shadow .2s, border-radius .2s;
  display: flex;
  overflow: hidden;
}

.playground__card-header {
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  display: flex;
}

.playground__card-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  text-transform: uppercase;
  letter-spacing: .06em;
  border-radius: var(--wp--preset--border-radius--full);
  padding: .125rem .5rem;
  font-size: .6875rem;
  font-weight: 600;
  display: inline-block;
}

.playground__card-body {
  padding: 0 var(--wp--preset--spacing--fluid-md) var(--wp--preset--spacing--fluid-md);
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  display: flex;
}

.playground__card-title {
  line-height: 1.2;
}

.playground__card-text {
  line-height: 1.6;
}

.playground__card-cta {
  font-family: var(--wp--preset--font-family--brand-body);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  border: none;
  align-self: flex-start;
  padding: .5rem 1.25rem;
  transition: opacity .15s;
  display: inline-block;
}

.playground__card-cta:hover {
  opacity: .85;
}

@media (prefers-reduced-motion: reduce) {
  .playground__btn, .playground__card, .playground__card-cta {
    transition: none;
  }
}

.code-quality__gauge {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal);
  max-width: var(--wp--preset--layout--wide);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.code-quality__gauge-svg {
  width: 160px;
  height: 160px;
}

.code-quality__gauge-bg {
  fill: none;
  stroke: var(--wp--preset--color--neutral-200);
  stroke-width: 8px;
}

.dark .code-quality__gauge-bg {
  stroke: #ffffff14;
}

.code-quality__gauge-fill {
  fill: none;
  stroke: var(--wp--preset--color--neon-green-text);
  stroke-width: 8px;
  stroke-linecap: round;
  transform-origin: 50%;
  transition: stroke-dashoffset .8s;
  transform: rotate(-90deg);
}

.dark .code-quality__gauge-fill {
  stroke: var(--wp--preset--color--neon-green);
}

.code-quality__gauge-text {
  fill: var(--foreground);
  font-family: var(--wp--preset--font-family--brand-title);
  text-anchor: middle;
  dominant-baseline: central;
  font-size: 2rem;
}

.dark .code-quality__gauge-text {
  fill: #fff;
}

.code-quality__gauge-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .code-quality__gauge-label {
  color: var(--wp--preset--color--neutral-400);
}

.code-quality__section {
  padding: var(--wp--preset--spacing--fluid-md) var(--wp--preset--spacing--section-horizontal);
  max-width: var(--wp--preset--layout--wide);
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.code-quality__section-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
}

.dark .code-quality__section-title {
  color: #fff;
}

.code-quality__section-desc {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .code-quality__section-desc {
  color: var(--wp--preset--color--neutral-400);
}

.code-quality__grid {
  gap: var(--wp--preset--spacing--fluid-xs);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 480px) {
  .code-quality__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .code-quality__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.code-quality__metric {
  padding: var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.dark .code-quality__metric {
  background: #14141480;
  border-color: #ffffff14;
}

.code-quality__metric-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .code-quality__metric-label {
  color: var(--wp--preset--color--neutral-400);
}

.code-quality__metric-value {
  font-family: var(--wp--preset--font-family--brand-title);
  font-size: var(--wp--preset--font-size--500);
  color: var(--foreground);
}

.dark .code-quality__metric-value {
  color: #fff;
}

.code-quality__metric-detail {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-400);
  font-size: .6875rem;
}

.dark .code-quality__metric-detail {
  color: var(--wp--preset--color--neutral-500);
}

.code-quality__trend {
  font-size: .75rem;
  font-weight: 600;
}

.code-quality__trend--up {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .code-quality__trend--up {
  color: var(--wp--preset--color--neon-green);
}

.code-quality__trend--down {
  color: var(--wp--preset--color--neon-red-text);
}

.dark .code-quality__trend--down {
  color: var(--wp--preset--color--neon-red);
}

.code-quality__trend--stable {
  color: var(--wp--preset--color--neutral-400);
}

.code-quality__tree {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  border-left: 1px solid var(--border);
  margin: 0;
  padding-left: 1.25rem;
  list-style: none;
}

.dark .code-quality__tree {
  border-left-color: #ffffff14;
}

.code-quality__tree-item {
  color: var(--foreground);
  padding: .25rem 0;
}

.dark .code-quality__tree-item {
  color: var(--wp--preset--color--neutral-200);
}

.code-quality__tree-name {
  color: var(--wp--preset--color--neon-purple-text);
  font-weight: 600;
}

.dark .code-quality__tree-name {
  color: var(--wp--preset--color--neon-purple);
}

.code-quality__tree-path {
  color: var(--wp--preset--color--neutral-400);
  margin-left: .25rem;
}

.code-quality__lint-list {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  display: flex;
}

.code-quality__lint-item {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-xs) var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--sm);
  display: flex;
}

.dark .code-quality__lint-item {
  background: #14141480;
  border-color: #ffffff0f;
}

.code-quality__lint-tool {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  min-width: 120px;
  font-weight: 600;
}

.dark .code-quality__lint-tool {
  color: #fff;
}

.code-quality__lint-count {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .code-quality__lint-count {
  color: var(--wp--preset--color--neutral-400);
}

.code-quality__lint-status {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  border-radius: var(--wp--preset--border-radius--full);
  margin-left: auto;
  padding: .125rem .625rem;
  font-weight: 600;
}

.code-quality__lint-status--pass {
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff141a;
}

.dark .code-quality__lint-status--pass {
  color: var(--wp--preset--color--neon-green);
  background: #39ff1426;
}

.code-quality__lint-status--warn {
  color: var(--wp--preset--color--neon-orange-text);
  background: #ffff001a;
}

.dark .code-quality__lint-status--warn {
  color: var(--wp--preset--color--neon-orange);
  background: #ff5f1f26;
}

.code-quality__lint-status--fail {
  color: var(--wp--preset--color--neon-red-text);
  background: #ff31311a;
}

.dark .code-quality__lint-status--fail {
  color: var(--wp--preset--color--neon-red);
  background: #ff313126;
}

.code-quality__deps {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-wrap: wrap;
  display: flex;
}

.code-quality__dep {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  border-radius: var(--wp--preset--border-radius--full);
  background: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neutral-700);
  border: 1px solid var(--border);
  padding: .25rem .75rem;
}

.dark .code-quality__dep {
  color: var(--wp--preset--color--neutral-300);
  background: #ffffff0d;
  border-color: #ffffff14;
}

.code-quality__files {
  gap: var(--wp--preset--spacing--fluid-xs);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .code-quality__files {
    grid-template-columns: repeat(2, 1fr);
  }
}

.code-quality__file {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-xs) var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--sm);
  display: flex;
}

.dark .code-quality__file {
  background: #14141480;
  border-color: #ffffff0f;
}

.code-quality__file-name {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  flex: 1;
  font-weight: 600;
}

.dark .code-quality__file-name {
  color: #fff;
}

.code-quality__file-size {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neon-cyan-text);
  font-weight: 600;
}

.dark .code-quality__file-size {
  color: var(--wp--preset--color--neon-cyan);
}

@media (prefers-reduced-motion: reduce) {
  .code-quality__gauge-fill {
    transition: none;
  }
}

.deploy__score {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal);
  max-width: var(--wp--preset--layout--wide);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.deploy__gauge-svg {
  width: 180px;
  height: 180px;
}

.deploy__gauge-bg {
  fill: none;
  stroke: var(--wp--preset--color--neutral-200);
  stroke-width: 10px;
}

.dark .deploy__gauge-bg {
  stroke: #ffffff0f;
}

.deploy__gauge-fill {
  fill: none;
  stroke-width: 10px;
  stroke-linecap: round;
  transform-origin: 50%;
  transition: stroke-dashoffset .8s;
  transform: rotate(-90deg);
}

.deploy__gauge-fill--green {
  stroke: var(--wp--preset--color--neon-green-text);
}

.dark .deploy__gauge-fill--green {
  stroke: var(--wp--preset--color--neon-green);
}

.deploy__gauge-fill--orange {
  stroke: var(--wp--preset--color--neon-orange-text);
}

.dark .deploy__gauge-fill--orange {
  stroke: var(--wp--preset--color--neon-orange);
}

.deploy__gauge-fill--red {
  stroke: var(--wp--preset--color--neon-red-text);
}

.dark .deploy__gauge-fill--red {
  stroke: var(--wp--preset--color--neon-red);
}

.deploy__gauge-text {
  fill: var(--foreground);
  font-family: var(--wp--preset--font-family--brand-title);
  text-anchor: middle;
  dominant-baseline: central;
  font-size: 2.25rem;
}

.dark .deploy__gauge-text {
  fill: #fff;
}

.deploy__gauge-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--foreground);
  font-weight: 600;
}

.dark .deploy__gauge-label {
  color: #fff;
}

.deploy__gauge-sub {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .deploy__gauge-sub {
  color: var(--wp--preset--color--neutral-400);
}

.deploy__categories {
  gap: var(--wp--preset--spacing--fluid-md);
  max-width: var(--wp--preset--layout--wide);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  padding-bottom: var(--wp--preset--spacing--fluid-xl);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.deploy__category {
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  overflow: hidden;
}

.dark .deploy__category {
  background: #14141480;
  border-color: #ffffff14;
}

.deploy__category-header {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  list-style: none;
  display: flex;
}

.deploy__category-header::-webkit-details-marker {
  display: none;
}

.deploy__category-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .deploy__category-icon {
  color: var(--wp--preset--color--neon-purple);
}

.deploy__category-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  flex: 1;
}

.dark .deploy__category-title {
  color: #fff;
}

.deploy__category-summary {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .deploy__category-summary {
  color: var(--wp--preset--color--neutral-400);
}

.deploy__category[open] .deploy__category-header {
  border-bottom: 1px solid var(--border);
}

.dark .deploy__category[open] .deploy__category-header {
  border-bottom-color: #ffffff0f;
}

.deploy__checks {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.deploy__check {
  align-items: flex-start;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-xs) var(--wp--preset--spacing--fluid-md);
  border-bottom: 1px solid var(--border);
  display: flex;
}

.dark .deploy__check {
  border-bottom-color: #ffffff0a;
}

.deploy__check:last-child {
  border-bottom: none;
}

.deploy__check-icon {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-top: .125rem;
}

.deploy__check-icon--pass {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .deploy__check-icon--pass {
  color: var(--wp--preset--color--neon-green);
}

.deploy__check-icon--warn {
  color: var(--wp--preset--color--neon-orange-text);
}

.dark .deploy__check-icon--warn {
  color: var(--wp--preset--color--neon-orange);
}

.deploy__check-icon--fail {
  color: var(--wp--preset--color--neon-red-text);
}

.dark .deploy__check-icon--fail {
  color: var(--wp--preset--color--neon-red);
}

.deploy__check-info {
  flex-direction: column;
  flex: 1;
  gap: .125rem;
  display: flex;
}

.deploy__check-name {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  font-weight: 600;
}

.dark .deploy__check-name {
  color: #fff;
}

.deploy__check-rec {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .deploy__check-rec {
  color: var(--wp--preset--color--neutral-400);
}

@media (prefers-reduced-motion: reduce) {
  .deploy__gauge-fill {
    transition: none;
  }
}

.analytics__summary {
  gap: var(--wp--preset--spacing--fluid-xs);
  max-width: var(--wp--preset--layout--wide);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  grid-template-columns: repeat(2, 1fr);
  margin: 0 auto;
  display: grid;
}

@media (width >= 768px) {
  .analytics__summary {
    grid-template-columns: repeat(4, 1fr);
  }
}

.analytics__summary-card {
  padding: var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.dark .analytics__summary-card {
  background: #14141480;
  border-color: #ffffff14;
}

.analytics__summary-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .analytics__summary-label {
  color: var(--wp--preset--color--neutral-400);
}

.analytics__summary-value {
  font-family: var(--wp--preset--font-family--brand-title);
  font-size: var(--wp--preset--font-size--600);
  color: var(--foreground);
}

.dark .analytics__summary-value {
  color: #fff;
}

.analytics__summary-value--neon {
  color: var(--wp--preset--color--neon-green-text);
}

.dark .analytics__summary-value--neon {
  color: var(--wp--preset--color--neon-green);
}

.analytics__summary-sub {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-400);
  font-size: .6875rem;
}

.analytics__sections {
  gap: var(--wp--preset--spacing--fluid-lg);
  max-width: var(--wp--preset--layout--wide);
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.analytics__section {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.analytics__section-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
}

.dark .analytics__section-title {
  color: #fff;
}

.analytics__bar-chart {
  align-items: flex-end;
  gap: var(--wp--preset--spacing--fluid-xs);
  height: 180px;
  padding: var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  display: flex;
}

.dark .analytics__bar-chart {
  background: #14141480;
  border-color: #ffffff14;
}

.analytics__bar-col {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: .25rem;
  min-width: 0;
  height: 100%;
  display: flex;
}

.analytics__bar {
  border-radius: var(--wp--preset--border-radius--sm) var(--wp--preset--border-radius--sm) 0 0;
  background: var(--wp--preset--gradient--cyberpunk);
  width: 100%;
  max-width: 48px;
  min-height: 4px;
  transition: height .5s;
}

.analytics__bar-label {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-500);
  text-align: center;
  white-space: nowrap;
  font-size: .625rem;
}

.dark .analytics__bar-label {
  color: var(--wp--preset--color--neutral-400);
}

.analytics__bar-value {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neon-purple-text);
  font-size: .625rem;
  font-weight: 600;
}

.dark .analytics__bar-value {
  color: var(--wp--preset--color--neon-purple);
}

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

.analytics__table {
  border-collapse: collapse;
  width: 100%;
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
}

.analytics__table th {
  text-align: left;
  color: var(--wp--preset--color--neutral-500);
  border-bottom: 2px solid var(--border);
  white-space: nowrap;
  padding: .5rem .75rem;
  font-weight: 600;
}

.dark .analytics__table th {
  color: var(--wp--preset--color--neutral-400);
  border-bottom-color: #ffffff1a;
}

.analytics__table td {
  color: var(--foreground);
  border-bottom: 1px solid var(--border);
  padding: .5rem .75rem;
}

.dark .analytics__table td {
  color: var(--wp--preset--color--neutral-200);
  border-bottom-color: #ffffff0a;
}

.analytics__table tr:nth-child(2n) td {
  background: var(--wp--preset--color--neutral-50);
}

.dark .analytics__table tr:nth-child(2n) td {
  background: #ffffff05;
}

.analytics__content-title {
  color: var(--foreground);
  font-weight: 600;
}

.dark .analytics__content-title {
  color: #fff;
}

.analytics__type-badge {
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: var(--wp--preset--border-radius--full);
  padding: .125rem .375rem;
  font-size: .625rem;
  font-weight: 600;
  display: inline-block;
}

.analytics__type-badge--blog {
  color: var(--wp--preset--color--neon-pink-text);
  background: #ff10f01a;
}

.dark .analytics__type-badge--blog {
  color: var(--wp--preset--color--neon-pink);
  background: #ff10f026;
}

.analytics__type-badge--portfolio {
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff141a;
}

.dark .analytics__type-badge--portfolio {
  color: var(--wp--preset--color--neon-green);
  background: #39ff1426;
}

.analytics__type-badge--video {
  color: var(--wp--preset--color--neon-blue-text);
  background: #1f51ff1a;
}

.dark .analytics__type-badge--video {
  color: var(--wp--preset--color--neon-blue);
  background: #1f51ff26;
}

.analytics__type-badge--podcast {
  color: var(--wp--preset--color--neon-purple-text);
  background: #be00fe1a;
}

.dark .analytics__type-badge--podcast {
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe26;
}

.analytics__two-col {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .analytics__two-col {
    grid-template-columns: 1fr 1fr;
  }
}

.analytics__breakdown-card {
  padding: var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-direction: column;
  display: flex;
}

.dark .analytics__breakdown-card {
  background: #14141480;
  border-color: #ffffff14;
}

.analytics__breakdown-card-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
}

.dark .analytics__breakdown-card-title {
  color: #fff;
}

.analytics__h-bar-row {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  display: flex;
}

.analytics__h-bar-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--foreground);
  min-width: 80px;
}

.dark .analytics__h-bar-label {
  color: var(--wp--preset--color--neutral-200);
}

.analytics__h-bar-track {
  background: var(--wp--preset--color--neutral-100);
  border-radius: var(--wp--preset--border-radius--sm);
  flex: 1;
  height: 20px;
  overflow: hidden;
}

.dark .analytics__h-bar-track {
  background: #ffffff0d;
}

.analytics__h-bar-fill {
  border-radius: var(--wp--preset--border-radius--sm);
  min-width: 4px;
  height: 100%;
  transition: width .5s;
}

.analytics__h-bar-pct {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  text-align: right;
  min-width: 36px;
  font-weight: 600;
}

.dark .analytics__h-bar-pct {
  color: var(--wp--preset--color--neutral-400);
}

.analytics__search-chips {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-wrap: wrap;
  display: flex;
}

.analytics__search-chip {
  background: var(--wp--preset--color--neutral-100);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--full);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--foreground);
  align-items: center;
  gap: .375rem;
  padding: .25rem .75rem;
  display: inline-flex;
}

.dark .analytics__search-chip {
  color: var(--wp--preset--color--neutral-200);
  background: #ffffff0d;
  border-color: #ffffff14;
}

.analytics__search-count {
  color: var(--wp--preset--color--neon-purple-text);
  font-weight: 600;
}

.dark .analytics__search-count {
  color: var(--wp--preset--color--neon-purple);
}

.analytics__history-list {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.analytics__history-item {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-xs) 0;
  border-bottom: 1px solid var(--border);
  display: flex;
}

.dark .analytics__history-item {
  border-bottom-color: #ffffff0a;
}

.analytics__history-item:last-child {
  border-bottom: none;
}

.analytics__history-title {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  flex: 1;
  font-weight: 600;
}

.dark .analytics__history-title {
  color: #fff;
}

.analytics__history-time {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-400);
  font-size: .6875rem;
}

.analytics__empty {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  padding: var(--wp--preset--spacing--fluid-sm) 0;
}

.dark .analytics__empty {
  color: var(--wp--preset--color--neutral-400);
}

@media (prefers-reduced-motion: reduce) {
  .analytics__bar, .analytics__h-bar-fill {
    transition: none;
  }
}

.showcase__content {
  max-width: var(--wp--preset--layout--wide);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  padding-bottom: var(--wp--preset--spacing--fluid-xl);
  gap: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.showcase__category {
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  display: flex;
}

.showcase__category-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  align-items: center;
  gap: .5rem;
  display: flex;
}

.dark .showcase__category-title {
  color: #fff;
}

.showcase__category-title:before {
  content: "";
  background: var(--wp--preset--gradient--cyberpunk);
  border-radius: 2px;
  width: 4px;
  height: 1.25em;
  display: inline-block;
}

.showcase__frame {
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  overflow: hidden;
}

.dark .showcase__frame {
  background: #14141480;
  border-color: #ffffff14;
}

.showcase__frame-header {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-xs) var(--wp--preset--spacing--fluid-md);
  border-bottom: 1px solid var(--border);
  background: var(--wp--preset--color--neutral-50);
  display: flex;
}

.dark .showcase__frame-header {
  background: #0f0f0f99;
  border-bottom-color: #ffffff0f;
}

.showcase__frame-name {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  color: var(--foreground);
}

.dark .showcase__frame-name {
  color: #fff;
}

.showcase__frame-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-purple-text);
  background: #be00fe14;
  padding: .125rem .5rem;
  font-size: .625rem;
  font-weight: 600;
}

.dark .showcase__frame-badge {
  color: var(--wp--preset--color--neon-purple);
  background: #be00fe26;
}

.showcase__frame-desc {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  margin-left: auto;
}

.dark .showcase__frame-desc {
  color: var(--wp--preset--color--neutral-400);
}

.showcase__frame-body {
  padding: var(--wp--preset--spacing--fluid-md);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.showcase__variants {
  gap: var(--wp--preset--spacing--fluid-md);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.showcase__variant-label {
  font-family: var(--wp--preset--font-family--brand-body);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--wp--preset--color--neutral-400);
  text-align: center;
  font-size: .625rem;
  font-weight: 600;
}

.dark .showcase__variant-label {
  color: var(--wp--preset--color--neutral-500);
}

.showcase__variant-group {
  flex-direction: column;
  align-items: center;
  gap: .375rem;
  display: flex;
}

.showcase__search {
  max-width: var(--wp--preset--layout--wide);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  padding-bottom: var(--wp--preset--spacing--fluid-sm);
  margin: 0 auto;
}

.showcase__search-input {
  width: 100%;
  max-width: 400px;
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  color: var(--foreground);
  padding: .5rem 1rem;
}

.dark .showcase__search-input {
  color: #fff;
  background: #14141499;
  border-color: #ffffff1a;
}

.showcase__search-input:focus {
  border-color: var(--wp--preset--color--neon-pink);
  outline: none;
  box-shadow: 0 0 0 3px #ff10f026;
}

.showcase__empty {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-xl);
  color: var(--wp--preset--color--neutral-500);
}

.dark .showcase__empty {
  color: var(--wp--preset--color--neutral-400);
}

.snippet__content {
  max-width: var(--wp--preset--layout--wide);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  padding-bottom: var(--wp--preset--spacing--fluid-xl);
  gap: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.snippet__controls {
  gap: var(--wp--preset--spacing--fluid-sm);
  padding: var(--wp--preset--spacing--fluid-md);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  flex-direction: column;
  display: flex;
}

.dark .snippet__controls {
  background: #14141480;
  border-color: #ffffff14;
}

.snippet__row {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-wrap: wrap;
  align-items: flex-end;
  display: flex;
}

.snippet__field {
  flex-direction: column;
  flex: 1;
  gap: .25rem;
  min-width: 200px;
  display: flex;
}

.snippet__label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  font-weight: 600;
}

.dark .snippet__label {
  color: var(--wp--preset--color--neutral-300);
}

.snippet__input, .snippet__select {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--sm);
  background: var(--wp--preset--color--base);
  color: var(--foreground);
  padding: .5rem .75rem;
}

.dark .snippet__input, .dark .snippet__select {
  color: #fff;
  background: #1e1e1ecc;
  border-color: #ffffff1f;
}

.snippet__input:focus, .snippet__select:focus {
  border-color: var(--wp--preset--color--neon-pink);
  outline: none;
  box-shadow: 0 0 0 3px #ff10f026;
}

.snippet__template-desc {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .snippet__template-desc {
  color: var(--wp--preset--color--neutral-400);
}

.snippet__outputs {
  gap: var(--wp--preset--spacing--fluid-md);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 1024px) {
  .snippet__outputs {
    grid-template-columns: 1fr 1fr;
  }
}

.snippet__panel {
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.dark .snippet__panel {
  background: #14141480;
  border-color: #ffffff14;
}

.snippet__panel-header {
  padding: var(--wp--preset--spacing--fluid-xs) var(--wp--preset--spacing--fluid-sm);
  border-bottom: 1px solid var(--border);
  background: var(--wp--preset--color--neutral-50);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dark .snippet__panel-header {
  background: #0f0f0f99;
  border-bottom-color: #ffffff0f;
}

.snippet__panel-title {
  font-family: var(--wp--preset--font-family--brand-body);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--100);
  color: var(--foreground);
}

.dark .snippet__panel-title {
  color: #fff;
}

.snippet__copy-btn {
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--sm);
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  cursor: pointer;
  background: none;
  padding: .25rem .625rem;
  transition: all .15s;
}

.dark .snippet__copy-btn {
  color: var(--wp--preset--color--neutral-400);
  border-color: #ffffff1a;
}

.snippet__copy-btn:hover {
  border-color: var(--wp--preset--color--neon-green-text);
  color: var(--wp--preset--color--neon-green-text);
}

.dark .snippet__copy-btn:hover {
  border-color: var(--wp--preset--color--neon-green);
  color: var(--wp--preset--color--neon-green);
}

.snippet__copy-btn:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 1px;
}

.snippet__code {
  padding: var(--wp--preset--spacing--fluid-sm);
  white-space: pre;
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-700);
  background: var(--wp--preset--color--neutral-50);
  min-height: 200px;
  max-height: 500px;
  line-height: 1.6;
  overflow: auto;
}

.dark .snippet__code {
  color: var(--wp--preset--color--neutral-200);
  background: #0a0a0a99;
}

@media (prefers-reduced-motion: reduce) {
  .snippet__copy-btn {
    transition: none;
  }
}

.a11y-tester {
  background: var(--wp--preset--color--neutral-50);
  min-height: 100vh;
}

.dark .a11y-tester {
  background: var(--wp--preset--color--atomic-black);
}

.a11y-tester__hero {
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  text-align: center;
  background: linear-gradient(#39ff1408 0%, #0000 100%);
}

.dark .a11y-tester__hero {
  background: linear-gradient(#39ff140f 0%, #0000 100%);
}

.a11y-tester__hero-content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.a11y-tester__hero-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .1em;
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff1414;
  border: 1px solid #39ff1426;
  padding: .25rem 1rem;
  font-weight: 600;
  display: inline-block;
}

.dark .a11y-tester__hero-badge {
  color: var(--wp--preset--color--neon-green);
  background: #39ff141f;
  border-color: #39ff144d;
}

.a11y-tester__hero-desc {
  max-width: 38rem;
  color: var(--wp--preset--color--neutral-600);
}

.dark .a11y-tester__hero-desc {
  color: var(--wp--preset--color--neutral-400);
}

.a11y-tester__actions {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.a11y-tester__btn {
  border-radius: var(--wp--preset--border-radius--full);
  font-family: var(--wp--preset--font-family--brand-body);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--200);
  cursor: pointer;
  border: none;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.5rem;
  transition: all .2s;
  display: inline-flex;
}

.a11y-tester__btn--primary {
  background: var(--wp--preset--color--neon-green-text);
  color: #fff;
}

.dark .a11y-tester__btn--primary {
  background: var(--wp--preset--color--neon-green);
  color: var(--wp--preset--color--atomic-black);
}

.a11y-tester__btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 20px #39ff1466;
}

.a11y-tester__btn--primary:disabled {
  opacity: .6;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.a11y-tester__btn--ghost {
  color: var(--wp--preset--color--neutral-600);
  border: 1px solid var(--border);
  background: none;
}

.dark .a11y-tester__btn--ghost {
  color: var(--wp--preset--color--neutral-400);
  border-color: #ffffff26;
}

.a11y-tester__btn--ghost:hover {
  border-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .a11y-tester__btn--ghost:hover {
  border-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink);
}

.a11y-tester__btn:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.a11y-tester__btn-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.a11y-tester__btn-icon--spin {
  animation: 1s linear infinite spin;
}

.a11y-tester__summary {
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal);
}

.a11y-tester__summary-inner {
  max-width: var(--wp--preset--layout--content);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.a11y-tester__summary-title {
  color: var(--foreground);
}

.dark .a11y-tester__summary-title {
  color: #fff;
}

.a11y-tester__score-ring {
  width: 120px;
  height: 120px;
  position: relative;
}

.a11y-tester__score-svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.a11y-tester__score-track {
  fill: none;
  stroke: var(--wp--preset--color--neutral-200);
  stroke-width: 8px;
}

.dark .a11y-tester__score-track {
  stroke: #ffffff1a;
}

.a11y-tester__score-fill {
  fill: none;
  stroke-width: 8px;
  stroke-linecap: round;
  transition: stroke-dasharray .6s;
}

.a11y-tester__score-fill--good {
  stroke: var(--wp--preset--color--neon-green);
}

.a11y-tester__score-fill--moderate {
  stroke: var(--wp--preset--color--neon-orange);
}

.a11y-tester__score-fill--poor {
  stroke: var(--wp--preset--color--neon-red);
}

.a11y-tester__score-value {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500, 1.5rem);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.a11y-tester__score-value--good {
  color: var(--wp--preset--color--neon-green-text);
}

.a11y-tester__score-value--moderate {
  color: var(--wp--preset--color--neon-orange-text);
}

.a11y-tester__score-value--poor {
  color: var(--wp--preset--color--neon-red-text);
}

.dark .a11y-tester__score-value--good {
  color: var(--wp--preset--color--neon-green);
}

.dark .a11y-tester__score-value--moderate {
  color: var(--wp--preset--color--neon-orange);
}

.dark .a11y-tester__score-value--poor {
  color: var(--wp--preset--color--neon-red);
}

.a11y-tester__summary-stats {
  gap: var(--wp--preset--spacing--fluid-md);
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.a11y-tester__stat {
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.a11y-tester__stat-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.a11y-tester__stat-icon--pass {
  color: var(--wp--preset--color--neon-green-text);
}

.a11y-tester__stat-icon--critical {
  color: var(--wp--preset--color--neon-red-text);
}

.a11y-tester__stat-icon--warning {
  color: var(--wp--preset--color--neon-orange-text);
}

.a11y-tester__stat-icon--info {
  color: var(--wp--preset--color--neon-blue-text);
}

.dark .a11y-tester__stat-icon--pass {
  color: var(--wp--preset--color--neon-green);
}

.dark .a11y-tester__stat-icon--critical {
  color: var(--wp--preset--color--neon-red);
}

.dark .a11y-tester__stat-icon--warning {
  color: var(--wp--preset--color--neon-orange);
}

.dark .a11y-tester__stat-icon--info {
  color: var(--wp--preset--color--neon-cyan);
}

.a11y-tester__stat-value {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500, 1.5rem);
  color: var(--foreground);
}

.dark .a11y-tester__stat-value {
  color: #fff;
}

.a11y-tester__stat-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.dark .a11y-tester__stat-label {
  color: var(--wp--preset--color--neutral-400);
}

.a11y-tester__results {
  padding: 0 var(--wp--preset--spacing--section-horizontal) var(--wp--preset--spacing--fluid-lg);
}

.a11y-tester__results-inner {
  max-width: var(--wp--preset--layout--content);
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.a11y-tester__results-title {
  color: var(--foreground);
}

.dark .a11y-tester__results-title {
  color: #fff;
}

.a11y-tester__no-issues {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-xs);
  padding: var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--lg);
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff140f;
  border: 1px solid #39ff1426;
  display: flex;
}

.dark .a11y-tester__no-issues {
  color: var(--wp--preset--color--neon-green);
  background: #39ff1414;
  border-color: #39ff1440;
}

.a11y-tester__no-issues-icon {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.a11y-tester__group {
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--lg);
  overflow: hidden;
}

.dark .a11y-tester__group {
  border-color: #ffffff1a;
}

.a11y-tester__group-header {
  background: var(--wp--preset--color--neutral-100);
  cursor: pointer;
  width: 100%;
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  border: none;
  align-items: center;
  gap: .75rem;
  padding: .75rem 1rem;
  font-weight: 600;
  transition: background .15s;
  display: flex;
}

.dark .a11y-tester__group-header {
  color: #fff;
  background: #ffffff0a;
}

.a11y-tester__group-header:hover {
  background: var(--wp--preset--color--neutral-200);
}

.dark .a11y-tester__group-header:hover {
  background: #ffffff14;
}

.a11y-tester__group-header:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: -3px;
}

.a11y-tester__severity-icon {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
}

.a11y-tester__severity-icon--critical {
  color: var(--wp--preset--color--neon-red-text);
}

.a11y-tester__severity-icon--warning {
  color: var(--wp--preset--color--neon-orange-text);
}

.a11y-tester__severity-icon--info {
  color: var(--wp--preset--color--neon-blue-text);
}

.dark .a11y-tester__severity-icon--critical {
  color: var(--wp--preset--color--neon-red);
}

.dark .a11y-tester__severity-icon--warning {
  color: var(--wp--preset--color--neon-orange);
}

.dark .a11y-tester__severity-icon--info {
  color: var(--wp--preset--color--neon-cyan);
}

.a11y-tester__group-label {
  text-align: left;
  flex: 1;
}

.a11y-tester__group-count {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neutral-700);
  background: #0000000f;
  padding: .125rem .5rem;
}

.dark .a11y-tester__group-count {
  color: var(--wp--preset--color--neutral-300);
  background: #ffffff1a;
}

.a11y-tester__group-chevron {
  width: 1rem;
  height: 1rem;
  color: var(--wp--preset--color--neutral-400);
  transition: transform .2s;
}

.a11y-tester__group-chevron--open {
  transform: rotate(180deg);
}

.a11y-tester__issue-list {
  flex-direction: column;
  padding: 0;
  list-style: none;
  display: flex;
}

.a11y-tester__issue {
  border-top: 1px solid var(--border);
  flex-direction: column;
  gap: .375rem;
  padding: .75rem 1rem;
  display: flex;
}

.dark .a11y-tester__issue {
  border-color: #ffffff0f;
}

.a11y-tester__issue-message {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  margin: 0;
}

.dark .a11y-tester__issue-message {
  color: var(--wp--preset--color--neutral-200);
}

.a11y-tester__issue-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.a11y-tester__issue-selector {
  font-size: var(--wp--preset--font-size--100);
  background: var(--wp--preset--color--neutral-100);
  border-radius: var(--wp--preset--border-radius--sm);
  color: var(--wp--preset--color--neutral-600);
  word-break: break-all;
  padding: .125rem .5rem;
}

.dark .a11y-tester__issue-selector {
  color: var(--wp--preset--color--neutral-400);
  background: #ffffff0f;
}

.a11y-tester__issue-rule {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neon-purple-text);
  font-weight: 600;
}

.dark .a11y-tester__issue-rule {
  color: var(--wp--preset--color--neon-purple);
}

.a11y-tester__rules {
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal);
  background: var(--wp--preset--color--neutral-100);
}

.dark .a11y-tester__rules {
  background: #ffffff05;
}

.a11y-tester__rules-inner {
  max-width: var(--wp--preset--layout--wide);
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.a11y-tester__rules-title {
  color: var(--foreground);
}

.dark .a11y-tester__rules-title {
  color: #fff;
}

.a11y-tester__rules-grid {
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .a11y-tester__rules-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .a11y-tester__rules-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.a11y-tester__rule-card {
  padding: var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.dark .a11y-tester__rule-card {
  background: #14141499;
  border-color: #ffffff14;
}

.a11y-tester__rule-header {
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.a11y-tester__rule-name {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  font-weight: 600;
}

.dark .a11y-tester__rule-name {
  color: #fff;
}

.a11y-tester__rule-desc {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
  margin: 0;
  line-height: 1.5;
}

.dark .a11y-tester__rule-desc {
  color: var(--wp--preset--color--neutral-400);
}

.a11y-tester__rule-wcag {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neon-purple-text);
  align-self: flex-start;
  font-weight: 600;
}

.dark .a11y-tester__rule-wcag {
  color: var(--wp--preset--color--neon-purple);
}

.a11y-tester__tips {
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal);
}

.a11y-tester__tips-inner {
  max-width: var(--wp--preset--layout--wide);
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.a11y-tester__tips-title {
  color: var(--foreground);
  align-items: center;
  gap: .5rem;
  display: flex;
}

.dark .a11y-tester__tips-title {
  color: #fff;
}

.a11y-tester__tips-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--wp--preset--color--neon-yellow-text);
}

.dark .a11y-tester__tips-icon {
  color: var(--wp--preset--color--neon-yellow);
}

.a11y-tester__tips-grid {
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .a11y-tester__tips-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .a11y-tester__tips-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.a11y-tester__tip-card {
  padding: var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  flex-direction: column;
  gap: .375rem;
  transition: border-color .2s;
  display: flex;
}

.dark .a11y-tester__tip-card {
  background: #14141499;
  border-color: #ffffff14;
}

.a11y-tester__tip-card:hover {
  border-color: var(--wp--preset--color--neon-green-text);
}

.dark .a11y-tester__tip-card:hover {
  border-color: #39ff1466;
  box-shadow: 0 0 12px #39ff141a;
}

.a11y-tester__tip-title {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  margin: 0;
  font-weight: 600;
}

.dark .a11y-tester__tip-title {
  color: #fff;
}

.a11y-tester__tip-desc {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
  margin: 0;
  line-height: 1.5;
}

.dark .a11y-tester__tip-desc {
  color: var(--wp--preset--color--neutral-400);
}

@media (prefers-reduced-motion: reduce) {
  .a11y-tester__btn-icon--spin {
    animation: none;
  }

  .a11y-tester__btn--primary:hover {
    transform: none;
  }

  .a11y-tester__score-fill, .a11y-tester__group-chevron {
    transition: none;
  }
}

.perf-tester {
  background: var(--wp--preset--color--neutral-50);
  min-height: 100vh;
}

.dark .perf-tester {
  background: var(--wp--preset--color--atomic-black);
}

.perf-tester__hero {
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  text-align: center;
  background: linear-gradient(#00f7ff08 0%, #0000 100%);
}

.dark .perf-tester__hero {
  background: linear-gradient(#00f7ff0f 0%, #0000 100%);
}

.perf-tester__hero-content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.perf-tester__hero-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .1em;
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-cyan-text);
  background: #00f7ff14;
  border: 1px solid #00f7ff26;
  padding: .25rem 1rem;
  font-weight: 600;
  display: inline-block;
}

.dark .perf-tester__hero-badge {
  color: var(--wp--preset--color--neon-cyan);
  background: #00f7ff1f;
  border-color: #00f7ff4d;
}

.perf-tester__hero-desc {
  max-width: 38rem;
  color: var(--wp--preset--color--neutral-600);
}

.dark .perf-tester__hero-desc {
  color: var(--wp--preset--color--neutral-400);
}

.perf-tester__actions {
  gap: var(--wp--preset--spacing--fluid-xs);
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.perf-tester__btn {
  border-radius: var(--wp--preset--border-radius--full);
  font-family: var(--wp--preset--font-family--brand-body);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--200);
  cursor: pointer;
  border: none;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.5rem;
  transition: all .2s;
  display: inline-flex;
}

.perf-tester__btn--primary {
  background: var(--wp--preset--color--neon-blue-text);
  color: #fff;
}

.dark .perf-tester__btn--primary {
  background: var(--wp--preset--color--neon-cyan);
  color: var(--wp--preset--color--atomic-black);
}

.perf-tester__btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 20px #00f7ff66;
}

.perf-tester__btn--primary:disabled {
  opacity: .6;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.perf-tester__btn--ghost {
  color: var(--wp--preset--color--neutral-600);
  border: 1px solid var(--border);
  background: none;
}

.dark .perf-tester__btn--ghost {
  color: var(--wp--preset--color--neutral-400);
  border-color: #ffffff26;
}

.perf-tester__btn--ghost:hover {
  border-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink-text);
}

.dark .perf-tester__btn--ghost:hover {
  border-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink);
}

.perf-tester__btn:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: 2px;
}

.perf-tester__btn-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.perf-tester__btn-icon--spin {
  animation: 1s linear infinite perf-spin;
}

@keyframes perf-spin {
  to {
    transform: rotate(360deg);
  }
}

.perf-tester__section {
  padding: 0 var(--wp--preset--spacing--section-horizontal);
}

.perf-tester__section + .perf-tester__section {
  padding-top: 0;
}

.perf-tester__section-inner {
  max-width: var(--wp--preset--layout--content);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--lg);
  margin: 0 auto;
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  overflow: hidden;
}

.dark .perf-tester__section-inner {
  border-color: #ffffff1a;
}

.perf-tester__section-header {
  background: var(--wp--preset--color--neutral-100);
  cursor: pointer;
  width: 100%;
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  border: none;
  align-items: center;
  gap: .75rem;
  padding: 1rem 1.25rem;
  transition: background .15s;
  display: flex;
}

.dark .perf-tester__section-header {
  color: #fff;
  background: #ffffff0a;
}

.perf-tester__section-header:hover {
  background: var(--wp--preset--color--neutral-200);
}

.dark .perf-tester__section-header:hover {
  background: #ffffff14;
}

.perf-tester__section-header:focus-visible {
  outline: 3px solid var(--wp--preset--color--neon-pink);
  outline-offset: -3px;
}

.perf-tester__section-icon {
  width: 1.125rem;
  height: 1.125rem;
  color: var(--wp--preset--color--neon-cyan-text);
  flex-shrink: 0;
}

.dark .perf-tester__section-icon {
  color: var(--wp--preset--color--neon-cyan);
}

.perf-tester__section-title {
  text-align: left;
  flex: 1;
  margin: 0;
}

.perf-tester__section-chevron {
  width: 1rem;
  height: 1rem;
  color: var(--wp--preset--color--neutral-400);
  transition: transform .2s;
}

.perf-tester__section-chevron--open {
  transform: rotate(180deg);
}

.perf-tester__section-body {
  padding: 1.25rem;
}

.perf-tester__vitals-grid {
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

@media (width >= 768px) {
  .perf-tester__vitals-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1024px) {
  .perf-tester__vitals-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

.perf-tester__gauge {
  padding: var(--wp--preset--spacing--fluid-sm);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: .375rem;
  display: flex;
}

.dark .perf-tester__gauge {
  background: #14141499;
  border-color: #ffffff14;
}

.perf-tester__gauge--good {
  border-color: #39ff144d;
}

.dark .perf-tester__gauge--good {
  border-color: #39ff144d;
  box-shadow: 0 0 10px #39ff1414;
}

.perf-tester__gauge--moderate {
  border-color: #ff5f1f4d;
}

.dark .perf-tester__gauge--moderate {
  border-color: #ff5f1f4d;
  box-shadow: 0 0 10px #ff5f1f14;
}

.perf-tester__gauge--poor {
  border-color: #ff31314d;
}

.dark .perf-tester__gauge--poor {
  border-color: #ff31314d;
  box-shadow: 0 0 10px #ff313114;
}

.perf-tester__gauge-value {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500, 1.5rem);
  color: var(--foreground);
}

.dark .perf-tester__gauge-value {
  color: #fff;
}

.perf-tester__gauge-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
}

.dark .perf-tester__gauge-label {
  color: var(--wp--preset--color--neutral-400);
}

.perf-tester__gauge-badge {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  border-radius: var(--wp--preset--border-radius--full);
  padding: .125rem .5rem;
  font-weight: 600;
  display: inline-block;
}

.perf-tester__gauge-badge--good {
  color: var(--wp--preset--color--neon-green-text);
  background: #39ff141a;
}

.dark .perf-tester__gauge-badge--good {
  color: var(--wp--preset--color--neon-green);
  background: #39ff1426;
}

.perf-tester__gauge-badge--moderate {
  color: var(--wp--preset--color--neon-orange-text);
  background: #ff5f1f1a;
}

.dark .perf-tester__gauge-badge--moderate {
  color: var(--wp--preset--color--neon-orange);
  background: #ff5f1f26;
}

.perf-tester__gauge-badge--poor {
  color: var(--wp--preset--color--neon-red-text);
  background: #ff31311a;
}

.dark .perf-tester__gauge-badge--poor {
  color: var(--wp--preset--color--neon-red);
  background: #ff313126;
}

.perf-tester__timing-list {
  flex-direction: column;
  display: flex;
}

.perf-tester__timing-row {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  padding: .5rem 0;
  display: flex;
}

.dark .perf-tester__timing-row {
  border-color: #ffffff0f;
}

.perf-tester__timing-row:last-child {
  border-bottom: none;
}

.perf-tester__timing-label {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-600);
}

.dark .perf-tester__timing-label {
  color: var(--wp--preset--color--neutral-400);
}

.perf-tester__timing-value {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
}

.dark .perf-tester__timing-value {
  color: var(--wp--preset--color--neon-cyan);
}

.perf-tester__res-summary {
  border-bottom: 1px solid var(--border);
  margin-bottom: .75rem;
  padding-bottom: .75rem;
}

.dark .perf-tester__res-summary {
  border-color: #ffffff0f;
}

.perf-tester__res-total {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  font-weight: 600;
}

.dark .perf-tester__res-total {
  color: #fff;
}

.perf-tester__res-list {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.perf-tester__res-row {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.perf-tester__res-type {
  min-width: 120px;
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  align-items: center;
  gap: .5rem;
  display: flex;
}

.dark .perf-tester__res-type {
  color: var(--wp--preset--color--neutral-300);
}

.perf-tester__res-icon {
  width: 1rem;
  height: 1rem;
  color: var(--wp--preset--color--neon-cyan-text);
  flex-shrink: 0;
}

.dark .perf-tester__res-icon {
  color: var(--wp--preset--color--neon-cyan);
}

.perf-tester__res-stats {
  flex: 1;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.perf-tester__res-count {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-500);
  text-align: right;
  min-width: 2rem;
}

.dark .perf-tester__res-count {
  color: var(--wp--preset--color--neutral-400);
}

.perf-tester__res-size {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  text-align: right;
  min-width: 5rem;
  font-weight: 600;
}

.dark .perf-tester__res-size {
  color: #fff;
}

.perf-tester__res-bar-wrap {
  background: var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--full);
  flex: 1;
  height: 8px;
  overflow: hidden;
}

.dark .perf-tester__res-bar-wrap {
  background: #ffffff14;
}

.perf-tester__res-bar {
  background: linear-gradient(90deg, var(--wp--preset--color--neon-cyan), var(--wp--preset--color--neon-blue));
  border-radius: var(--wp--preset--border-radius--full);
  height: 100%;
  transition: width .3s;
}

.perf-tester__dom-grid {
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

@media (width >= 768px) {
  .perf-tester__dom-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.perf-tester__dom-stat {
  padding: var(--wp--preset--spacing--fluid-sm);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.dark .perf-tester__dom-stat {
  background: #14141499;
  border-color: #ffffff14;
}

.perf-tester__dom-stat--good, .dark .perf-tester__dom-stat--good {
  border-color: #39ff144d;
}

.perf-tester__dom-stat--moderate, .dark .perf-tester__dom-stat--moderate {
  border-color: #ff5f1f4d;
}

.perf-tester__dom-stat--poor, .dark .perf-tester__dom-stat--poor {
  border-color: #ff31314d;
}

.perf-tester__dom-stat-value {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500, 1.5rem);
  color: var(--foreground);
}

.dark .perf-tester__dom-stat-value {
  color: #fff;
}

.perf-tester__dom-stat-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
}

.dark .perf-tester__dom-stat-label {
  color: var(--wp--preset--color--neutral-400);
}

.perf-tester__img-grid {
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

@media (width >= 768px) {
  .perf-tester__img-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1024px) {
  .perf-tester__img-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

.perf-tester__img-stat {
  padding: var(--wp--preset--spacing--fluid-sm);
  border-radius: var(--wp--preset--border-radius--md);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.dark .perf-tester__img-stat {
  background: #14141499;
  border-color: #ffffff14;
}

.perf-tester__img-stat--good, .dark .perf-tester__img-stat--good {
  border-color: #39ff144d;
}

.perf-tester__img-stat--warning, .dark .perf-tester__img-stat--warning {
  border-color: #ff5f1f4d;
}

.perf-tester__img-stat--poor, .dark .perf-tester__img-stat--poor {
  border-color: #ff31314d;
}

.perf-tester__img-stat-value {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500, 1.5rem);
  color: var(--foreground);
}

.dark .perf-tester__img-stat-value {
  color: #fff;
}

.perf-tester__img-stat-label {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
}

.dark .perf-tester__img-stat-label {
  color: var(--wp--preset--color--neutral-400);
}

.perf-tester__tips {
  padding: var(--wp--preset--spacing--fluid-lg) var(--wp--preset--spacing--section-horizontal);
}

.perf-tester__tips-inner {
  max-width: var(--wp--preset--layout--wide);
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.perf-tester__tips-title {
  color: var(--foreground);
  align-items: center;
  gap: .5rem;
  display: flex;
}

.dark .perf-tester__tips-title {
  color: #fff;
}

.perf-tester__tips-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--wp--preset--color--neon-yellow-text);
}

.dark .perf-tester__tips-icon {
  color: var(--wp--preset--color--neon-yellow);
}

.perf-tester__tips-grid {
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .perf-tester__tips-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .perf-tester__tips-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.perf-tester__tip-card {
  padding: var(--wp--preset--spacing--fluid-sm);
  background: var(--wp--preset--color--base);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  flex-direction: column;
  gap: .375rem;
  transition: border-color .2s;
  display: flex;
}

.dark .perf-tester__tip-card {
  background: #14141499;
  border-color: #ffffff14;
}

.perf-tester__tip-card:hover {
  border-color: var(--wp--preset--color--neon-cyan-text);
}

.dark .perf-tester__tip-card:hover {
  border-color: #00f7ff66;
  box-shadow: 0 0 12px #00f7ff1a;
}

.perf-tester__tip-title {
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--foreground);
  margin: 0;
  font-weight: 600;
}

.dark .perf-tester__tip-title {
  color: #fff;
}

.perf-tester__tip-desc {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
  margin: 0;
  line-height: 1.5;
}

.dark .perf-tester__tip-desc {
  color: var(--wp--preset--color--neutral-400);
}

@media (prefers-reduced-motion: reduce) {
  .perf-tester__btn-icon--spin {
    animation: none;
  }

  .perf-tester__btn--primary:hover {
    transform: none;
  }

  .perf-tester__section-chevron, .perf-tester__res-bar {
    transition: none;
  }
}

.press-page__hero {
  padding: var(--wp--preset--spacing--fluid-2xl) 0;
  background-color: var(--wp--preset--color--atomic-black);
  background-position: center;
  background-size: cover;
}

.press-page__content {
  gap: var(--wp--preset--spacing--fluid-3xl);
  padding-bottom: var(--wp--preset--spacing--fluid-3xl);
  flex-direction: column;
  display: flex;
}

.press-section {
  padding: var(--wp--preset--spacing--fluid-xl);
  border-radius: var(--wp--preset--border-radius--xl);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  box-shadow: 0 0 20px #00000080;
}

.press-section__header {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-md);
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  border-bottom: 1px solid var(--wp--preset--color--neon-pink);
  padding-bottom: var(--wp--preset--spacing--fluid-sm);
  display: flex;
}

.press-bio-grid {
  gap: var(--wp--preset--spacing--fluid-xl);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .press-bio-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.press-bio-card {
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  display: flex;
}

.press-bio-card__body {
  padding: var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--lg);
  border-left: 3px solid var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neutral-300);
  background: #0000004d;
  font-style: italic;
}

.press-assets-grid {
  gap: var(--wp--preset--spacing--fluid-xl);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 768px) {
  .press-assets-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.press-asset-category {
  padding: var(--wp--preset--spacing--fluid-lg);
  border-radius: var(--wp--preset--border-radius--lg);
  background: #ffffff0d;
  transition: transform .3s, box-shadow .3s;
}

.press-asset-category:hover {
  border: 1px solid var(--wp--preset--color--neon-cyan);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px #00000080;
}

.press-asset-list {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.press-asset-item {
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--md);
  background: #0003;
  border: 1px solid #0000;
  justify-content: space-between;
  align-items: center;
  transition: border-color .3s;
  display: flex;
}

.press-asset-item:hover {
  border-color: var(--wp--preset--color--neon-green);
}

.press-asset-item__info {
  flex-direction: column;
  display: flex;
}

.press-asset-item__label {
  color: var(--wp--preset--color--white);
  font-weight: bold;
}

.press-asset-item__meta {
  color: var(--wp--preset--color--neutral-500);
  font-size: .8em;
}

.press-contact {
  margin-top: var(--wp--preset--spacing--fluid-3xl);
  padding: var(--wp--preset--spacing--fluid-xl);
  border-radius: var(--wp--preset--border-radius--xl);
  border: 1px solid var(--wp--preset--color--neon-pink);
  background: linear-gradient(135deg, #ff00801a 0%, #0000 100%);
}

.gear-page__hero {
  padding: var(--wp--preset--spacing--fluid-2xl) 0;
  background-color: var(--wp--preset--color--atomic-black);
  background-position: center;
  background-size: cover;
}

.gear-grid {
  gap: var(--wp--preset--spacing--fluid-xl);
  padding: var(--wp--preset--spacing--fluid-xl);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  display: grid;
}

.gear-category-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid var(--wp--preset--color--neutral-800);
  border-radius: var(--wp--preset--border-radius--xl);
  padding: var(--wp--preset--spacing--fluid-lg);
  background: #0f0f0f99;
  transition: transform .3s, border-color .3s;
}

.gear-category-card:hover {
  border-color: var(--wp--preset--color--neon-cyan);
  transform: translateY(-5px);
  box-shadow: 0 0 20px #00ffff1a;
}

.gear-category-header {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  text-align: center;
}

.gear-category-icon {
  width: 64px;
  height: 64px;
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--neon-cyan);
  background: #00ffff1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.gear-item-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gear-item {
  padding: var(--wp--preset--spacing--fluid-sm) 0;
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.gear-item:last-child {
  border-bottom: none;
}

.gear-item__content {
  flex-direction: column;
  display: flex;
}

.gear-item__name {
  color: var(--wp--preset--color--white);
  font-weight: 600;
}

.gear-item__desc {
  color: var(--wp--preset--color--neutral-400);
  font-size: .85em;
}

.gear-item__usage {
  color: var(--wp--preset--color--neon-green);
  background: #00ff001a;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: .85em;
  font-weight: 500;
}

.accessibility-page {
  padding-top: var(--wp--preset--spacing--fluid-2xl);
  min-height: 100vh;
}

.accessibility-page__content {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid var(--wp--preset--color--neutral-800);
  border-radius: var(--wp--preset--border-radius--xl);
  padding: var(--wp--preset--spacing--fluid-2xl);
  margin-bottom: var(--wp--preset--spacing--fluid-3xl);
  background: #0006;
}

.accessibility-section {
  padding-left: var(--wp--preset--spacing--fluid-xl);
  border-left: 2px solid var(--wp--preset--color--neutral-800);
  position: relative;
}

.accessibility-section:before {
  content: "";
  background: var(--wp--preset--color--neon-green);
  width: 10px;
  height: 10px;
  box-shadow: 0 0 10px var(--wp--preset--color--neon-green);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: -6px;
}

.accessibility-list {
  padding: 0;
  list-style: none;
}

.accessibility-list__item {
  gap: var(--wp--preset--spacing--fluid-md);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--neutral-300);
  line-height: 1.6;
  display: flex;
}

.accessibility-list__bullet {
  color: var(--wp--preset--color--neon-green);
  font-weight: bold;
}

.manifesto-page {
  background: var(--wp--preset--color--atomic-black);
  color: var(--wp--preset--color--white);
  min-height: 100vh;
}

.manifesto-page__hero {
  padding: var(--wp--preset--spacing--fluid-3xl) 0;
  text-align: center;
  background-color: var(--wp--preset--color--atomic-black);
  background-position: center;
  background-size: cover;
}

.manifesto-scroll-container {
  gap: var(--wp--preset--spacing--fluid-3xl);
  padding-bottom: var(--wp--preset--spacing--fluid-3xl);
  flex-direction: column;
  display: flex;
}

.manifesto-section {
  padding: var(--wp--preset--spacing--fluid-3xl) 0;
  position: relative;
  overflow: hidden;
}

.manifesto-section__inner {
  z-index: 2;
  text-align: center;
  max-width: 800px;
  position: relative;
}

.manifesto-title {
  font-family: var(--wp--preset--font-family--brand-title);
  font-size: var(--wp--preset--font-size--hero);
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  background: -webkit-linear-gradient(#fff, #999);
  -webkit-text-fill-color: transparent;
  opacity: .9;
  -webkit-background-clip: text;
}

.manifesto-content {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--neutral-300);
  font-weight: 300;
  line-height: 1.8;
}

.manifesto-decoration {
  background: radial-gradient(circle, var(--theme-color, #ffffff1a) 0%, transparent 70%);
  z-index: 1;
  opacity: .15;
  pointer-events: none;
  mix-blend-mode: screen;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.theme-neon-purple {
  --theme-color: var(--wp--preset--color--neon-purple);
  border-top: 1px solid #be00fe33;
  border-bottom: 1px solid #be00fe33;
}

.theme-neon-green {
  --theme-color: var(--wp--preset--color--neon-green);
  border-top: 1px solid #0f03;
  border-bottom: 1px solid #0f03;
}

.theme-neon-cyan {
  --theme-color: var(--wp--preset--color--neon-cyan);
  border-top: 1px solid #00f3ff33;
  border-bottom: 1px solid #00f3ff33;
}

.theme-neon-pink {
  --theme-color: var(--wp--preset--color--neon-pink);
  border-top: 1px solid #ff10f033;
  border-bottom: 1px solid #ff10f033;
}

.manifesto-footer {
  border-top: 1px solid var(--wp--preset--color--neutral-800);
}

.festival-landing-hero {
  padding: var(--wp--preset--spacing--fluid-2xl) 0;
  text-align: center;
  background-color: var(--wp--preset--color--atomic-black);
  background-position: center;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.festival-landing-bg-overlay {
  background: linear-gradient(to bottom, #0f0f0f66 0%, var(--wp--preset--color--atomic-black) 100%);
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.drop-shadow-neon {
  text-shadow: 0 0 20px var(--wp--preset--color--neon-purple), 0 0 10px var(--wp--preset--color--neon-blue);
}

.festival-content-wrapper {
  margin-top: calc(-1 * var(--wp--preset--spacing--fluid-xl));
  z-index: 10;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: var(--wp--preset--border-radius--xl);
  padding: var(--wp--preset--spacing--fluid-xl);
  background: #0f0f0fcc;
  border: 1px solid #ffffff1a;
  position: relative;
  box-shadow: 0 20px 50px #00000080;
}

.container-xl {
  max-width: 1200px;
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  margin-left: auto;
  margin-right: auto;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(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-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
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}