/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
/*!
Theme Name: Peace Rocks Theme
Theme URI: https://www.peace-rocks.org
Author: funcychaos
Author URI: http://decorpo.co
Description: A theme for the Peace Rocks Wordpress Site
Version: 1.0.0
Requires PHP:
Tested up to: 8.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: peace-rocks-theme
Tags: css-grid

This theme, like WordPress, is licensed under the GPL.
*/
@layer properties;
@layer theme {
  :root, :host {
    --font-sans: 'Oswald', ui-sans-serif, system-ui, sans-serif;
    --radius-md: calc(var(--radius) - 2px);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) + 4px);
    --font-display: 'Amatic SC', cursive;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .container {
    width: 100%;
    @media (width >= 540px) {
      max-width: 540px;
    }
    @media (width >= 900px) {
      max-width: 900px;
    }
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-lead);
      font-size: 1.25em;
      line-height: 1.6;
      margin-top: 1.2em;
      margin-bottom: 1.2em;
    }
    :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-links);
      text-decoration: underline;
      font-weight: 500;
    }
    :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-bold);
      font-weight: 600;
    }
    :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: decimal;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: decimal;
    }
    :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: disc;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
      font-weight: 400;
      color: var(--tw-prose-counters);
    }
    :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
      color: var(--tw-prose-bullets);
    }
    :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.25em;
    }
    :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-color: var(--tw-prose-hr);
      border-top-width: 1px;
      margin-top: 3em;
      margin-bottom: 3em;
    }
    :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 500;
      font-style: italic;
      color: var(--tw-prose-quotes);
      border-inline-start-width: 0.25rem;
      border-inline-start-color: var(--tw-prose-quote-borders);
      quotes: "\201C""\201D""\2018""\2019";
      margin-top: 1.6em;
      margin-bottom: 1.6em;
      padding-inline-start: 1em;
    }
    :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
      content: open-quote;
    }
    :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
      content: close-quote;
    }
    :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 800;
      font-size: 2.25em;
      margin-top: 0;
      margin-bottom: 0.8888889em;
      line-height: 1.1111111;
    }
    :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 900;
      color: inherit;
    }
    :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 700;
      font-size: 1.5em;
      margin-top: 2em;
      margin-bottom: 1em;
      line-height: 1.3333333;
    }
    :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 800;
      color: inherit;
    }
    :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      font-size: 1.25em;
      margin-top: 1.6em;
      margin-bottom: 0.6em;
      line-height: 1.6;
    }
    :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.5em;
      margin-bottom: 0.5em;
      line-height: 1.5;
    }
    :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      display: block;
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 500;
      font-family: inherit;
      color: var(--tw-prose-kbd);
      box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
      font-size: 0.875em;
      border-radius: 0.3125rem;
      padding-top: 0.1875em;
      padding-inline-end: 0.375em;
      padding-bottom: 0.1875em;
      padding-inline-start: 0.375em;
    }
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-code);
      font-weight: 600;
      font-size: 0.875em;
    }
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
      content: "`";
    }
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
      content: "`";
    }
    :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.875em;
    }
    :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.9em;
    }
    :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-pre-code);
      background-color: var(--tw-prose-pre-bg);
      overflow-x: auto;
      font-weight: 400;
      font-size: 0.875em;
      line-height: 1.7142857;
      margin-top: 1.7142857em;
      margin-bottom: 1.7142857em;
      border-radius: 0.375rem;
      padding-top: 0.8571429em;
      padding-inline-end: 1.1428571em;
      padding-bottom: 0.8571429em;
      padding-inline-start: 1.1428571em;
    }
    :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      background-color: transparent;
      border-width: 0;
      border-radius: 0;
      padding: 0;
      font-weight: inherit;
      color: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
    }
    :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
      content: none;
    }
    :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
      content: none;
    }
    :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      width: 100%;
      table-layout: auto;
      margin-top: 2em;
      margin-bottom: 2em;
      font-size: 0.875em;
      line-height: 1.7142857;
    }
    :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-th-borders);
    }
    :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      vertical-align: bottom;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-td-borders);
    }
    :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-bottom-width: 0;
    }
    :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      vertical-align: baseline;
    }
    :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-top-width: 1px;
      border-top-color: var(--tw-prose-th-borders);
    }
    :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      vertical-align: top;
    }
    :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      text-align: start;
    }
    :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-captions);
      font-size: 0.875em;
      line-height: 1.4285714;
      margin-top: 0.8571429em;
    }
    --tw-prose-body: oklch(37.3% 0.034 259.733);
    --tw-prose-headings: oklch(21% 0.034 264.665);
    --tw-prose-lead: oklch(44.6% 0.03 256.802);
    --tw-prose-links: oklch(21% 0.034 264.665);
    --tw-prose-bold: oklch(21% 0.034 264.665);
    --tw-prose-counters: oklch(55.1% 0.027 264.364);
    --tw-prose-bullets: oklch(87.2% 0.01 258.338);
    --tw-prose-hr: oklch(92.8% 0.006 264.531);
    --tw-prose-quotes: oklch(21% 0.034 264.665);
    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-captions: oklch(55.1% 0.027 264.364);
    --tw-prose-kbd: oklch(21% 0.034 264.665);
    --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
    --tw-prose-code: oklch(21% 0.034 264.665);
    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
    font-size: 1rem;
    line-height: 1.75;
    :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0.5em;
      margin-bottom: 0.5em;
    }
    :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0.5em;
      padding-inline-start: 1.625em;
    }
    :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-top: 0.5714286em;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 0;
    }
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .max-w-none {
    max-width: none;
  }
  .shrink {
    flex-shrink: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .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);
  }
  .invert {
    --tw-invert: invert(100%);
    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,);
  }
  .prose-invert {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
  }
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('fonts/amatic-sc-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url('fonts/amatic-sc-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('fonts/oswald-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('fonts/oswald-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url('fonts/oswald-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  color-scheme: dark;
  --primary: #e3c4ed;
  --primary-foreground: #58298e;
  --primary-soft: #984459;
  --secondary: #fef902;
  --secondary-foreground: #050209;
  --secondary-deep: #ab914e;
  --accent: #fef902;
  --muted: #1e1128;
  --ghost: #120918;
  --bg-base: #050209;
  --surface: rgb(30 17 40 / 72%);
  --surface-strong: rgb(45 25 60 / 88%);
  --line: rgb(227 196 237 / 12%);
  --inset-glint: rgb(255 255 255 / 6%);
  --header-bg: rgb(18 9 24 / 82%);
  --shadow-island-primary: rgb(254 249 2 / 15%);
  --shadow-island-secondary: rgb(0 0 0 / 50%);
  --card-shadow: 0 4px 12px rgb(0 0 0 / 50%);
  --spectrum: linear-gradient(110deg, #e3c4ed 0%, #e86aac 24%, #ab914e 48%, #fef902 72%, #9f6bff 100%);
  --spectrum-hot: linear-gradient(110deg, #fef902, #e3c4ed 30%, #e86aac 55%, #ab914e 80%, #fef902);
  --aurora: radial-gradient(circle at 8% 18%, rgb(152 68 89 / 26%), transparent 28rem),
		radial-gradient(circle at 88% 9%, rgb(88 41 142 / 32%), transparent 34rem),
		radial-gradient(circle at 54% 76%, rgb(254 249 2 / 10%), transparent 38rem);
  --background: var(--bg-base);
  --foreground: var(--primary);
  --radius: 0.625rem;
  --border: var(--line);
  --color-background: var(--bg-base);
  --color-background-trans: var(--surface);
  --color-foreground: var(--primary);
  --color-font: var(--primary);
}
html {
  overflow-x: clip;
  background-color: var(--bg-base);
}
body {
  display: flex;
  flex-direction: column;
  overflow-x: clip;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  background: transparent;
  color: var(--foreground);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse 90% 55% at 50% 18%, rgb(88 41 142 / 42%), transparent 70%),	linear-gradient(	90deg,	rgb(152 68 89 / 14%),	transparent 18%,	transparent 82%,	rgb(88 41 142 / 16%)	),	var(--aurora);
}
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.18;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
@layer base {
  body,	ul {
    margin: 0;
    padding: 0;
  }
  .content-grid a:not([class]) {
    color: var(--secondary-deep);
    text-decoration-color: var(--secondary-deep);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--secondary-deep) 40%, transparent);
    }
    transition: color 180ms ease;
  }
  .content-grid a:not([class]):hover {
    color: var(--secondary-deep);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--secondary-deep) 80%, white);
    }
  }
}
.display-title {
  font-family: var(--font-display);
}
.gradient-text {
  color: var(--primary);
  background: var(--spectrum);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.island-shell {
  border: 1px solid var(--line);
  background: linear-gradient(165deg, var(--surface-strong), var(--surface));
  box-shadow: 0 1px 0 var(--inset-glint) inset,	0 22px 44px var(--shadow-island-primary),	0 6px 18px var(--shadow-island-secondary);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border-radius: var(--radius-lg);
}
.nav-link {
  position: relative;
  text-decoration: none;
  color: var(--primary-soft);
  transition: color 170ms ease;
}
.nav-link:hover, .nav-link.is-active {
  color: var(--primary);
}
.content-grid .prose {
  --tw-prose-body: var(--primary);
  --tw-prose-headings: var(--primary);
  --tw-prose-lead: var(--primary);
  --tw-prose-links: var(--secondary-deep);
  --tw-prose-bold: var(--primary);
  --tw-prose-counters: var(--accent);
  --tw-prose-bullets: var(--accent);
  --tw-prose-hr: var(--line);
  --tw-prose-quotes: var(--primary);
  --tw-prose-quote-borders: var(--line);
  --tw-prose-captions: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-prose-captions: color-mix(in oklab, var(--primary) 75%, transparent);
  }
  --tw-prose-code: var(--primary);
  --tw-prose-pre-code: var(--primary);
  --tw-prose-pre-bg: var(--ghost);
  --tw-prose-th-borders: var(--line);
  --tw-prose-td-borders: var(--line);
  color: var(--primary);
}
.content-grid .prose :is(.wp-block-heading, h1, h2, h3, h4) {
  font-family: var(--font-display);
  line-height: 1.05;
  letter-spacing: -0.025em;
  color: var(--primary);
  background: var(--spectrum);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content-grid .prose .donate-campaign-card :is(h1, h2, h3, h4) {
  font-family: var(--font-sans);
  letter-spacing: normal;
  color: #72245d;
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: #72245d;
}
.content-grid .prose .donate-campaign-card footer a {
  color: #604800;
  text-decoration-color: currentcolor;
}
.content-grid .prose .donate-campaign-card footer a:hover {
  color: #3f2f00;
}
.content-grid .prose article.article-block .wp-block-image.aligncenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-inline: 0;
}
.content-grid .prose article.article-block > * + .wp-block-image {
  margin-top: clamp(1rem, 2vw, 1.75rem);
}
.content-grid .prose article.article-block .wp-block-image > .wp-element-caption, .content-grid .prose article.article-block .wp-block-image > figcaption {
  margin-top: 0.85rem;
  line-height: 1.35;
  text-align: center;
}
body.front-page .content-grid .prose article.article-block > .wp-block-heading:first-child + .wp-block-image {
  margin-top: clamp(2.75rem, 6vw, 4.5rem);
}
body.page-id-29 .content-grid .prose article.board-member-card > .wp-block-image {
  margin-top: 0.35rem;
}
body.page-id-61 .content-grid .prose article.article-block > figure.wp-block-image {
  position: relative;
  isolation: isolate;
  align-self: start;
  height: fit-content;
  margin: 0;
}
body.page-id-61 .content-grid .prose article.article-block > figure.wp-block-image > a {
  height: fit-content;
  line-height: 0;
}
.content-grid .members-back {
  margin: 0 0 1.5rem;
}
.content-grid .members-back__link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-family: var(--font-display);
  font-size: clamp(1.4rem, 2.8vw, 1.75rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--secondary-deep);
  text-decoration: none;
  transition: color 180ms ease;
}
.content-grid .members-back__label--short {
  display: none;
}
@media (width <= 900px) {
  .content-grid .members-back__label--short {
    display: inline;
  }
  .content-grid .members-back__label--full {
    display: none;
  }
}
.content-grid .members-back__link:hover {
  color: var(--secondary-deep);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--secondary-deep) 80%, white);
  }
}
.content-grid .members-back-icon {
  flex: none;
  width: 1.15em;
  height: 1.15em;
  fill: none;
  stroke: currentcolor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 180ms ease;
}
.content-grid .members-back > a:hover .members-back-icon {
  transform: translateX(-0.18rem);
}
.content-grid .wp-block-button[id], .content-grid .wp-block-image[id] {
  scroll-margin-top: 6rem;
}
body:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist) .content-grid > .prose {
  gap: 0;
}
body.members-area {
  --members-fab-min-height: 3.25rem;
  --members-fab-pad-y: 0.65rem;
  --members-fab-pad-x: 0.9rem;
  --members-fab-radius: var(--radius-lg);
}
body.members-area main.content-grid {
  padding-bottom: calc(var(--members-fab-min-height) + 2.5rem);
}
body.members-area .content-grid .members-back {
  position: fixed;
  z-index: 1001;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  bottom: calc(max(1rem, env(safe-area-inset-bottom)) + var(--footer-clearance, 0px));
  left: max(1rem, env(safe-area-inset-left));
  width: fit-content;
  min-height: var(--members-fab-min-height);
  margin: 0;
  padding: var(--members-fab-pad-y) var(--members-fab-pad-x);
  border: 1px solid var(--secondary);
  border-radius: var(--members-fab-radius);
  background: linear-gradient(135deg, var(--secondary), var(--secondary-deep));
  box-shadow: 0 0 0 1px rgb(254 249 2 / 18%),	0 8px 24px rgb(0 0 0 / 45%),	0 0 20px rgb(254 249 2 / 18%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: box-shadow 180ms ease,	transform 180ms ease;
}
body.members-area .content-grid .members-back:hover {
  box-shadow: 0 0 0 1px rgb(254 249 2 / 28%),	0 12px 30px rgb(0 0 0 / 50%),	0 0 28px rgb(254 249 2 / 28%);
  transform: translateY(-2px);
}
body.members-area .content-grid .members-back > a, body.members-area .content-grid .members-back > a:hover {
  color: var(--secondary-foreground);
}
body:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist) .content-grid .prose article.article-block {
  overflow: visible;
}
body:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist)	.content-grid	.prose	article.article-block	> figure.wp-block-image:first-child {
  position: sticky;
  z-index: 100;
  top: 6rem;
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto clamp(1rem, 2vw, 1.75rem);
}
body:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist)	.content-grid	.prose	article.article-block	> figure.wp-block-image:first-child	img {
  width: auto;
  max-height: clamp(7.5rem, 16vw, 12rem);
  margin-inline: auto;
  transform: none;
}
body:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist) .content-grid .wp-block-button[id] {
  scroll-margin-top: calc(8rem + clamp(7.5rem, 16vw, 12rem));
}
body:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist)	.content-grid	.prose	article.article-block	> .wp-block-buttons {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: stretch;
  width: 100%;
  padding-inline: clamp(1rem, 3vw, 2.5rem);
}
body:is(	.page-id-62,	.page-id-63,	.page-id-206,	.hof-setlist,	.single-hof_setlist,	.front-page,	.page-id-334,	.page-id-337	)	.content-grid	.wp-block-button {
  position: relative;
  isolation: isolate;
  width: 100% !important;
  margin: 0;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgb(45 25 60 / 96%), rgb(18 9 24 / 96%)) padding-box,	var(--spectrum) border-box;
  box-shadow: 0 1px 0 var(--inset-glint) inset,	0 8px 20px rgb(0 0 0 / 28%);
  transition: box-shadow 180ms ease,	transform 180ms ease;
}
body:is(	.page-id-62,	.page-id-63,	.page-id-206,	.hof-setlist,	.single-hof_setlist,	.front-page,	.page-id-334,	.page-id-337	)	.content-grid	.wp-block-button:hover {
  box-shadow: 0 1px 0 var(--inset-glint) inset,	0 10px 24px rgb(0 0 0 / 38%),	0 0 22px rgb(254 249 2 / 12%);
  transform: translateY(-2px);
}
body:is(.front-page, .page-id-334, .page-id-337)	.content-grid	.prose	article.article-block	> .wp-block-buttons {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  width: min(100%, 42rem);
  margin-inline: auto;
  padding-inline: 0;
}
body.page-id-61	.content-grid	.prose	article.article-block	> figure.wp-block-image:target {
  box-shadow: 0 1px 0 var(--inset-glint) inset,	0 10px 28px rgb(0 0 0 / 38%),	0 0 0 2px rgb(254 249 2 / 48%),	0 0 30px rgb(232 106 172 / 30%);
  animation: setlist-target-pulse 1.8s ease-out;
}
body.page-id-61	.content-grid	.prose	article.article-block	> figure.wp-block-image:target::after {
  content: '';
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(	110deg,	transparent 18%,	rgb(255 255 255 / 8%) 35%,	rgb(254 249 2 / 42%) 49%,	rgb(227 196 237 / 16%) 62%,	transparent 82%	);
  transform: translateX(-120%);
  animation: setlist-target-shimmer 1.2s ease-out 0.15s;
}
body:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist) .content-grid .wp-block-button:target {
  box-shadow: 0 1px 0 var(--inset-glint) inset,	0 10px 28px rgb(0 0 0 / 38%),	0 0 0 2px rgb(254 249 2 / 48%),	0 0 30px rgb(232 106 172 / 30%);
  animation: setlist-target-pulse 1.8s ease-out;
}
body:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist) .content-grid .wp-block-button:target::after {
  content: '';
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(	110deg,	transparent 18%,	rgb(255 255 255 / 8%) 35%,	rgb(254 249 2 / 42%) 49%,	rgb(227 196 237 / 16%) 62%,	transparent 82%	);
  transform: translateX(-120%);
  animation: setlist-target-shimmer 1.2s ease-out 0.15s;
}
body:is(	.page-id-62,	.page-id-63,	.page-id-206,	.hof-setlist,	.single-hof_setlist,	.front-page,	.page-id-334,	.page-id-337	)	.content-grid	.wp-element-button {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 4.25rem;
  border: 0;
  border-radius: 0;
  padding: 0.9rem 1.25rem;
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  color: var(--primary);
  background: transparent;
  transition: color 180ms ease,	background-color 180ms ease;
}
body:is(	.page-id-62,	.page-id-63,	.page-id-206,	.hof-setlist,	.single-hof_setlist,	.front-page,	.page-id-334,	.page-id-337	)	.content-grid	.wp-element-button:hover {
  color: var(--secondary);
  background: rgb(254 249 2 / 4%);
}
body:is(	.page-id-62,	.page-id-63,	.page-id-206,	.hof-setlist,	.single-hof_setlist,	.front-page,	.page-id-334,	.page-id-337	)	.content-grid	.wp-element-button:focus-visible {
  outline: 2px solid var(--secondary);
  outline-offset: -4px;
}
body:is(.front-page, .page-id-334, .page-id-337) .content-grid .wp-element-button {
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  line-height: 1.2;
}
body.page-id-337 .content-grid .prose article.severance-page > .wp-block-heading:first-child {
  margin-bottom: 0.75rem;
}
body.page-id-337 .content-grid .prose article.severance-page > .severance-lede {
  max-width: 40rem;
  margin-inline: auto;
  margin-bottom: clamp(1.25rem, 3vw, 2rem);
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  line-height: 1.45;
  opacity: 0.92;
}
body.page-id-337 .content-grid .prose article.severance-page > .wp-block-buttons:first-of-type {
  margin-bottom: clamp(1.75rem, 4vw, 2.75rem);
}
.mailing-list-form-wrap {
  box-sizing: border-box;
  width: min(100%, 36rem);
  margin: clamp(1.25rem, 3vw, 2rem) auto;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid transparent;
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgb(45 25 60 / 96%), rgb(18 9 24 / 96%)) padding-box,	var(--spectrum) border-box;
  box-shadow: 0 1px 0 var(--inset-glint) inset,	0 8px 20px rgb(0 0 0 / 28%);
  font-family: var(--font-sans);
  color: var(--primary);
}
.mailing-list-status {
  margin: 0 0 1.25rem;
  padding: 0.75rem 1rem;
  border-radius: var(--radius);
  font-size: 1rem;
  line-height: 1.35;
}
.mailing-list-status--success {
  background: rgb(254 249 2 / 12%);
  color: var(--secondary);
}
.mailing-list-status--error {
  background: rgb(152 68 89 / 28%);
  color: #ffd0d8;
}
.mailing-list-form {
  display: grid;
  gap: 1.1rem;
  margin: 0;
}
.mailing-list-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.mailing-list-field {
  display: grid;
  gap: 0.4rem;
  margin: 0;
}
.mailing-list-field label, .mailing-list-heard legend {
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--primary) 88%, white);
  }
}
.mailing-list-field .required, .mailing-list-hint {
  font-weight: 400;
  opacity: 0.72;
}
.mailing-list-hint {
  margin: 0.15rem 0 0.35rem;
  font-size: 0.9rem;
}
.mailing-list-field input[type='text'], .mailing-list-field input[type='tel'], .mailing-list-field input[type='email'] {
  box-sizing: border-box;
  width: 100%;
  padding: 0.7rem 0.85rem;
  border: 1px solid rgb(227 196 237 / 28%);
  border-radius: 0.45rem;
  background: rgb(5 2 9 / 55%);
  color: var(--primary);
  font: inherit;
  font-size: 1rem;
}
.mailing-list-field input:focus-visible {
  outline: 2px solid var(--secondary);
  outline-offset: 2px;
}
.mailing-list-heard {
  margin: 0;
  padding: 0;
  border: 0;
  min-inline-size: 0;
}
.mailing-list-checkboxes {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mailing-list-checkboxes label {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  font-weight: 400;
  cursor: pointer;
}
.mailing-list-checkboxes input {
  width: 1.05rem;
  height: 1.05rem;
  accent-color: var(--secondary);
}
.mailing-list-actions {
  margin: 0.35rem 0 0;
}
.mailing-list-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3.25rem;
  padding: 0.75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(145deg, rgb(45 25 60 / 96%), rgb(18 9 24 / 96%)) padding-box,	var(--spectrum) border-box;
  color: var(--primary);
  font-family: var(--font-display);
  font-size: clamp(1.35rem, 2.2vw, 1.7rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: transform 180ms ease,	box-shadow 180ms ease,	color 180ms ease;
}
.mailing-list-submit:hover, .mailing-list-submit:focus-visible {
  color: var(--secondary);
  transform: translateY(-1px);
  box-shadow: 0 0 22px rgb(254 249 2 / 12%);
  outline: none;
}
@keyframes setlist-target-pulse {
  0% {
    box-shadow: 0 1px 0 var(--inset-glint) inset,	0 8px 20px rgb(0 0 0 / 28%),	0 0 0 0 rgb(254 249 2 / 0%),	0 0 0 rgb(232 106 172 / 0%);
  }
  45% {
    box-shadow: 0 1px 0 var(--inset-glint) inset,	0 12px 30px rgb(0 0 0 / 42%),	0 0 0 4px rgb(254 249 2 / 64%),	0 0 42px rgb(232 106 172 / 42%);
  }
}
@keyframes setlist-target-shimmer {
  from {
    transform: translateX(-120%);
  }
  to {
    transform: translateX(120%);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.page-id-61	.content-grid	.prose	article.article-block	> figure.wp-block-image:target,	body.page-id-61	.content-grid	.prose	article.article-block	> figure.wp-block-image:target::after,	body:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist) .content-grid .wp-block-button:target,	body:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist) .content-grid .wp-block-button:target::after {
    animation: none;
  }
}
@media (width <= 640px) {
  body:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist)	.content-grid	.prose	article.article-block	> .wp-block-buttons {
    grid-template-columns: minmax(0, 1fr);
  }
}
.content-grid .pdf-embed {
  display: grid;
  gap: 0.85rem;
  margin: 0 0 2.5rem;
}
.content-grid .pdf-embed .wp-block-heading {
  margin: 0;
}
.content-grid .pdf-embed__frame {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface-strong);
  box-shadow: var(--card-shadow);
}
.content-grid .pdf-embed__frame iframe {
  display: block;
  width: 100%;
  min-height: clamp(28rem, 75vh, 52rem);
  border: 0;
  background: #1a1220;
}
.content-grid .pdf-embed__actions {
  margin: 0;
}
.content-grid .pdf-embed__download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.55rem 1.1rem;
  border: 1px solid rgb(254 249 2 / 35%);
  border-radius: 999px;
  font-family: var(--font-display);
  font-size: clamp(1.4rem, 2.5vw, 1.75rem);
  font-weight: 700;
  line-height: 1;
  color: var(--ghost);
  background: var(--secondary-deep);
  box-shadow: 0 6px 18px rgb(0 0 0 / 30%);
  text-decoration: none;
  transition: color 180ms ease,	background-color 180ms ease,	transform 180ms ease,	box-shadow 180ms ease;
}
.content-grid .pdf-embed__download:hover, .content-grid .pdf-embed__download:focus-visible {
  color: var(--ghost);
  background: var(--secondary);
  box-shadow: 0 8px 22px rgb(0 0 0 / 38%),	0 0 18px rgb(254 249 2 / 22%);
  transform: translateY(-2px);
}
body.hof-setlist .content-grid .prose article.hof-setlist-article {
  overflow: visible;
}
body.hof-setlist .content-grid .prose article.hof-setlist-article > .hof-setlist-banner {
  position: sticky;
  z-index: 100;
  top: 6rem;
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto clamp(1rem, 2vw, 1.75rem);
}
body.hof-setlist .content-grid .prose article.hof-setlist-article > .hof-setlist-banner img {
  width: auto;
  max-height: clamp(7.5rem, 16vw, 12rem);
  margin-inline: auto;
}
body.hof-setlist .content-grid .prose article.hof-setlist-article > .hof-setlist-banner .hof-setlist-banner__fallback {
  width: clamp(8.5rem, 28vw, 14rem);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
}
body.hof-setlist .content-grid .hof-setlist-songs {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: stretch;
  width: 100%;
  padding-inline: clamp(1rem, 3vw, 2.5rem);
}
@media (width <= 640px) {
  body.hof-setlist .content-grid .hof-setlist-songs {
    grid-template-columns: minmax(0, 1fr);
  }
}
body.hof-setlist .content-grid .hof-setlist-songs .wp-block-button__link {
  justify-content: center;
  gap: 0.35rem;
}
body.hof-setlist .content-grid .hof-setlist-songs .hof-song-btn-cluster {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  max-width: 100%;
  min-width: 0;
}
body.hof-setlist .content-grid .hof-setlist-songs .hof-song-btn-thumb {
  display: block;
  flex: none;
  width: 2.15rem;
  height: 2.15rem;
  max-width: none;
  max-height: none;
  margin: 0;
  border-radius: 999px;
  object-fit: cover;
  pointer-events: none;
  box-shadow: 0 0 0 1px rgb(227 196 237 / 25%);
}
body.hof-setlist .content-grid .hof-setlist-songs .hof-song-btn-label {
  min-width: 0;
  text-align: center;
}
.hof-image-host {
  position: relative;
}
.hof-image-host > .hof-admin-image-controls {
  position: absolute;
  z-index: 2;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  gap: 0.35rem;
}
.hof-image-host > .hof-admin-image-controls .hof-admin-image-btn, .hof-image-host > .hof-admin-image-controls .hof-admin-btn--icon {
  border-radius: 0.45rem;
  background: rgb(18 9 24 / 82%);
  box-shadow: 0 4px 14px rgb(0 0 0 / 35%);
}
.hof-admin-image-controls {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.hof-song-cover--empty {
  display: grid;
  place-items: center;
  min-width: 8rem;
  min-height: 8rem;
  border: 1px dashed rgb(227 196 237 / 35%);
  border-radius: var(--radius-lg);
  background: rgb(5 2 9 / 35%);
}
.hof-setlist-banner--empty {
  overflow: hidden;
  width: min(100%, 22rem);
  margin-inline: auto;
  border: 0;
  border-radius: var(--radius-lg);
  background: transparent;
}
.hof-setlist-banner__fallback, .hof-hub-tile__fallback {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  aspect-ratio: 1;
  width: 100%;
  padding: clamp(1rem, 3vw, 1.75rem);
  background: var(--hof-tile-bg, var(--primary-soft));
  color: var(--hof-tile-fg, var(--secondary));
  font-family: var(--font-display);
  font-size: clamp(1.85rem, 4.5vw, 2.85rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-align: center;
  text-wrap: balance;
}
.hof-song-article > h1 {
  text-align: center;
}
.hof-song-cover {
  width: fit-content;
  max-width: min(100%, 14rem);
  margin: 0.75rem auto 1.5rem;
}
.hof-song-cover__img {
  display: block;
  width: clamp(7.5rem, 22vw, 12rem);
  height: clamp(7.5rem, 22vw, 12rem);
  margin-inline: auto;
  border-radius: 999px;
  object-fit: cover;
  box-shadow: 0 0 0 2px rgb(254 249 2 / 18%),	0 10px 28px rgb(0 0 0 / 40%);
}
.hof-admin-image-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem;
  min-width: 2rem;
}
.hof-admin-image-icon {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.hof-admin-toolbar {
  position: fixed;
  z-index: 10050;
  right: max(1rem, env(safe-area-inset-right));
  bottom: calc(max(1rem, env(safe-area-inset-bottom)) + var(--footer-clearance, 0px));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  gap: 0.5rem;
  max-width: min(100% - 2rem, 28rem);
  min-height: var(--members-fab-min-height, 3.25rem);
  padding: var(--members-fab-pad-y, 0.65rem) var(--members-fab-pad-x, 0.9rem);
  border: 1px solid transparent;
  border-radius: var(--members-fab-radius, var(--radius-lg));
  background: linear-gradient(145deg, rgb(45 25 60 / 96%), rgb(18 9 24 / 96%)) padding-box,	var(--spectrum) border-box;
  box-shadow: 0 8px 28px rgb(0 0 0 / 45%);
  font-family: var(--font-sans);
}
.hof-admin-toolbar__label {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.75;
  color: var(--primary);
}
@media (width <= 900px) {
  .hof-admin-toolbar__label {
    display: none;
  }
  .hof-admin-toolbar {
    padding: 0;
    gap: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .hof-admin-toolbar .hof-admin-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: var(--members-fab-min-height, 3.25rem);
    padding: var(--members-fab-pad-y, 0.65rem) var(--members-fab-pad-x, 0.9rem);
    border: 1px solid transparent;
    border-radius: var(--members-fab-radius, var(--radius-lg));
    background: linear-gradient(145deg, rgb(45 25 60 / 96%), rgb(18 9 24 / 96%)) padding-box,	var(--spectrum) border-box;
    box-shadow: 0 8px 28px rgb(0 0 0 / 45%);
  }
}
.hof-admin-btn {
  appearance: none;
  cursor: pointer;
  border: 1px solid rgb(227 196 237 / 28%);
  border-radius: 999px;
  padding: 0.45rem 0.85rem;
  background: rgb(254 249 2 / 12%);
  color: var(--secondary);
  font: inherit;
  font-size: 0.9rem;
  font-weight: 600;
}
.hof-admin-btn:hover, .hof-admin-btn:focus-visible {
  background: rgb(254 249 2 / 22%);
  outline: none;
}
.hof-admin-btn:disabled {
  opacity: 0.55;
  cursor: default;
}
.hof-admin-btn--ghost {
  background: transparent;
  color: var(--primary);
}
.hof-admin-btn--icon {
  padding: 0.35rem 0.55rem;
  line-height: 1;
  min-width: 2rem;
}
.hof-admin-btn--trash {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem;
  min-width: 2rem;
  border-radius: 0.45rem;
  opacity: 0.8;
}
.hof-admin-btn--trash:hover, .hof-admin-btn--trash:focus-visible {
  opacity: 1;
  color: #ffb4b4;
  border-color: rgb(255 180 180 / 35%);
  background: rgb(255 100 100 / 10%);
}
.hof-admin-trash-icon {
  display: block;
  flex-shrink: 0;
}
.hof-admin-drag-handle {
  appearance: none;
  display: inline-grid;
  grid-template-columns: repeat(2, 0.28rem);
  gap: 0.18rem 0.22rem;
  padding: 0.4rem 0.35rem;
  margin: 0;
  border: none;
  border-radius: 0.35rem;
  background: transparent;
  cursor: grab;
  color: inherit;
  touch-action: none;
}
.hof-admin-drag-handle:hover, .hof-admin-drag-handle:focus-visible {
  background: rgb(227 196 237 / 12%);
  outline: none;
}
.hof-admin-drag-handle:active {
  cursor: grabbing;
}
.hof-admin-drag-handle__dot {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 999px;
  background: currentcolor;
  opacity: 0.55;
}
.hof-admin-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 10060;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgb(5 2 9 / 72%);
}
.hof-admin-modal-overlay--confirm {
  z-index: 10070;
  background: rgb(5 2 9 / 80%);
}
.hof-admin-modal {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: min(100%, 28rem);
  max-height: min(90vh, 40rem);
  overflow: hidden;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgb(45 25 60 / 98%), rgb(18 9 24 / 98%)) padding-box,	var(--spectrum) border-box;
  color: var(--primary);
  font-family: var(--font-sans);
}
.hof-admin-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 0 1.25rem;
}
.hof-admin-modal__footer {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.85rem 1.25rem 1.25rem;
  border-top: 1px solid rgb(227 196 237 / 14%);
}
.hof-admin-modal--confirm {
  width: min(100%, 24rem);
  max-height: none;
  padding: 1.25rem;
  overflow: auto;
}
.hof-admin-modal:has(.hof-admin-assets--editable), .hof-admin-modal--wide {
  width: min(100%, 36rem);
}
.hof-admin-hint {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.4;
  opacity: 0.8;
}
.hof-admin-btn--compact {
  padding: 0.35rem 0.7rem;
  font-size: 0.85rem;
}
.hof-admin-setlist-list {
  display: grid;
  gap: 0.55rem;
}
.hof-admin-setlist-list__loading {
  margin: 0;
  font-size: 0.9rem;
  opacity: 0.75;
}
.hof-admin-setlist-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.65rem 0.85rem;
  padding: 0.7rem 0.75rem;
  border: 1px solid rgb(227 196 237 / 22%);
  border-radius: 0.55rem;
  background: rgb(5 2 9 / 45%);
}
.hof-admin-setlist-row--edit {
  flex-direction: column;
  align-items: stretch;
}
.hof-admin-setlist-row__main {
  display: grid;
  gap: 0.55rem;
  width: 100%;
}
.hof-admin-setlist-row__title {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
  font-weight: 600;
}
.hof-admin-setlist-row__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-left: auto;
}
.hof-admin-textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 2.75rem;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgb(227 196 237 / 28%);
  border-radius: 0.45rem;
  background: rgb(5 2 9 / 55%);
  color: var(--primary);
  font: inherit;
  resize: vertical;
}
.hof-admin-setlist-row__main > input[type='text'] {
  box-sizing: border-box;
  width: 100%;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgb(227 196 237 / 28%);
  border-radius: 0.45rem;
  background: rgb(5 2 9 / 55%);
  color: var(--primary);
  font: inherit;
  font-weight: 600;
}
.hof-admin-asset-row__meta-start > input[type='text'] {
  box-sizing: border-box;
  min-width: 0;
  flex: 1;
  padding: 0.45rem 0.6rem;
  border: 1px solid rgb(227 196 237 / 28%);
  border-radius: 0.45rem;
  background: rgb(5 2 9 / 55%);
  color: var(--primary);
  font: inherit;
}
.hof-setlist-description {
  max-width: 42rem;
  margin: 0 auto clamp(1rem, 2.5vw, 1.75rem);
  padding-inline: clamp(1rem, 3vw, 2.5rem);
  font-family: var(--font-sans);
  font-size: clamp(1rem, 1.8vw, 1.15rem);
  line-height: 1.45;
  text-align: center;
  opacity: 0.9;
  color: var(--primary);
}
.hof-admin-eye {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem;
  min-width: 2rem;
  opacity: 0.9;
}
.hof-admin-eye:hover, .hof-admin-eye:focus-visible {
  opacity: 1;
  color: var(--secondary);
  border-color: rgb(254 249 2 / 35%);
  background: rgb(254 249 2 / 10%);
}
.hof-admin-eye.is-hidden {
  opacity: 0.75;
}
.hof-admin-eye-icon {
  display: block;
  flex-shrink: 0;
}
.hof-admin-external {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem;
  min-width: 2rem;
  text-decoration: none;
}
.hof-admin-external:hover, .hof-admin-external:focus-visible {
  color: var(--secondary);
  border-color: rgb(254 249 2 / 35%);
  background: rgb(254 249 2 / 10%);
}
.hof-admin-external-icon {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.is-hof-hidden {
  opacity: 0.48;
}
.hof-admin-setlist-row.is-hof-hidden, .hof-admin-asset-row--edit.is-hof-hidden {
  opacity: 0.55;
}
.hof-hidden-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.4rem;
  vertical-align: middle;
  opacity: 0.9;
  color: inherit;
}
.hof-hidden-mark__icon {
  display: block;
}
.hof-materials-masonry .is-hof-hidden {
  position: relative;
}
.hof-materials-masonry .is-hof-hidden .hof-hidden-mark {
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  z-index: 1;
  margin: 0;
  padding: 0.35rem;
  border-radius: 999px;
  background: rgb(5 2 9 / 65%);
  color: var(--primary);
}
.hof-setlist-songs .is-hof-hidden .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}
.hof-admin-modal__header {
  display: flex;
  flex: none;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0;
  padding: 1.25rem 1.25rem 0.85rem;
}
.hof-admin-modal__header h2 {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding-right: 0.25rem;
  font-family: var(--font-display);
  font-size: 1.75rem;
}
.hof-admin-modal__close {
  flex: none;
  margin-top: 0.1rem;
}
.hof-admin-close-icon {
  display: block;
  width: 1.15rem;
  height: 1.15rem;
}
.hof-admin-modal h2 {
  margin: 0 0 1rem;
  font-family: var(--font-display);
  font-size: 1.75rem;
}
.hof-admin-form {
  display: grid;
  gap: 0.85rem;
}
.hof-admin-field {
  display: grid;
  gap: 0.35rem;
  font-size: 0.95rem;
}
.hof-admin-field input[type='text'], .hof-admin-field textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgb(227 196 237 / 28%);
  border-radius: 0.45rem;
  background: rgb(5 2 9 / 55%);
  color: var(--primary);
  font: inherit;
}
.hof-admin-field textarea {
  min-height: 4rem;
  resize: vertical;
}
.hof-admin-field-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.hof-admin-mode-tabs {
  display: flex;
  gap: 0.35rem;
  padding: 0.2rem;
  border: 1px solid rgb(227 196 237 / 22%);
  border-radius: var(--radius);
  background: rgb(5 2 9 / 35%);
}
.hof-admin-mode-tab {
  flex: 1;
  margin: 0;
  padding: 0.45rem 0.75rem;
  border: 0;
  border-radius: calc(var(--radius) - 2px);
  background: transparent;
  color: var(--primary);
  font: inherit;
  font-size: 0.95rem;
  cursor: pointer;
  opacity: 0.75;
}
.hof-admin-mode-tab.is-active {
  background: rgb(254 249 2 / 14%);
  color: var(--secondary);
  opacity: 1;
}
.hof-admin-song-picker__search {
  width: 100%;
  box-sizing: border-box;
  padding: 0.55rem 0.75rem;
  border: 1px solid rgb(227 196 237 / 28%);
  border-radius: var(--radius);
  background: rgb(5 2 9 / 55%);
  color: var(--primary);
  font: inherit;
}
.hof-admin-song-picker__list {
  display: grid;
  gap: 0.35rem;
  max-height: min(50vh, 22rem);
  overflow: auto;
  padding-right: 0.15rem;
}
.hof-admin-song-picker__row {
  display: grid;
  gap: 0.15rem;
  width: 100%;
  margin: 0;
  padding: 0.65rem 0.75rem;
  border: 1px solid rgb(227 196 237 / 22%);
  border-radius: var(--radius);
  background: rgb(18 9 24 / 55%);
  color: var(--primary);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.hof-admin-song-picker__row:hover {
  border-color: rgb(254 249 2 / 35%);
}
.hof-admin-song-picker__row.is-selected {
  border-color: rgb(254 249 2 / 55%);
  background: rgb(254 249 2 / 10%);
}
.hof-admin-song-picker__title {
  font-weight: 600;
}
.hof-admin-song-picker__meta {
  font-size: 0.85rem;
  opacity: 0.75;
}
.hof-admin-modal__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0;
}
.hof-admin-modal__actions-start {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-right: auto;
}
.hof-admin-modal__actions-end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.hof-admin-modal__status {
  min-height: 1.25rem;
  margin: 0;
  font-size: 0.9rem;
  color: var(--secondary);
}
.hof-admin-modal__footer .hof-admin-modal__status:empty {
  display: none;
  min-height: 0;
}
.hof-admin-assets {
  display: grid;
  gap: 0.35rem;
  font-size: 0.9rem;
  opacity: 0.9;
}
.hof-admin-assets--editable {
  gap: 1rem;
  opacity: 1;
}
.hof-admin-asset-group {
  display: grid;
  gap: 0.55rem;
}
.hof-admin-asset-group__label {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.7;
}
.hof-admin-asset-list {
  display: grid;
  gap: 0.55rem;
}
.hof-admin-asset-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.hof-admin-asset-row--edit {
  flex-direction: column;
  align-items: stretch;
  gap: 0.65rem;
  padding: 0.7rem 0.75rem;
  border: 1px solid rgb(227 196 237 / 22%);
  border-radius: 0.55rem;
  background: rgb(5 2 9 / 45%);
  transition: border-color 0.15s ease,	opacity 0.15s ease,	background 0.15s ease;
}
.hof-admin-asset-row--edit.is-dragging {
  opacity: 0.45;
}
.hof-admin-asset-row--edit.is-drag-over {
  border-color: rgb(254 249 2 / 55%);
  background: rgb(254 249 2 / 8%);
}
.hof-admin-asset-row__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.hof-admin-asset-row__meta-start {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}
.hof-admin-asset-row__meta-end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  justify-content: flex-end;
}
.hof-admin-asset-row__kind {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  opacity: 0.85;
}
.hof-admin-asset-row--edit > input[type='text'] {
  box-sizing: border-box;
  width: 100%;
  padding: 0.65rem 0.75rem;
  border: 1px solid rgb(227 196 237 / 28%);
  border-radius: 0.45rem;
  background: rgb(5 2 9 / 55%);
  color: var(--primary);
  font: inherit;
}
.hof-admin-file-label {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.85rem;
  opacity: 0.75;
}
.hof-song-audio-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem 1.5rem;
  margin: 1.25rem 0 2rem;
}
@media (width >= 48rem) {
  .hof-song-audio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.hof-song-audio {
  min-width: 0;
}
.hof-song-audio__header {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 1rem;
  margin-bottom: 0.5rem;
}
.hof-song-audio__label {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.2;
}
.hof-song-audio__source {
  margin: 0;
  font-size: 0.95rem;
  opacity: 0.8;
  text-align: right;
}
.hof-song-audio .wp-block-audio {
  margin: 0;
  padding: 0.2rem;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(145deg, rgb(72 36 98 / 92%), rgb(18 9 24 / 96%) 55%, rgb(88 28 58 / 70%))	padding-box,	var(--spectrum) border-box;
  box-shadow: 0 1px 0 var(--inset-glint) inset,	0 8px 22px rgb(0 0 0 / 32%),	0 0 18px rgb(232 106 172 / 10%);
}
.hof-song-audio .wp-block-audio audio {
  display: block;
  width: 100%;
  height: 2.75rem;
  border-radius: 999px;
  color-scheme: dark;
  accent-color: var(--secondary);
}
.hof-song-audio .wp-block-audio audio::-webkit-media-controls-enclosure {
  border-radius: 999px;
  overflow: hidden;
  background: transparent;
}
.hof-song-audio .wp-block-audio audio::-webkit-media-controls-panel {
  background: linear-gradient(	110deg,	rgb(88 41 142 / 88%) 0%,	rgb(45 25 60 / 94%) 28%,	rgb(24 12 32 / 96%) 55%,	rgb(152 68 89 / 55%) 100%	);
}
.hof-song-audio .wp-block-audio audio::-webkit-media-controls-current-time-display, .hof-song-audio .wp-block-audio audio::-webkit-media-controls-time-remaining-display {
  color: var(--primary);
  text-shadow: 0 1px 2px rgb(0 0 0 / 45%);
}
body:not(.wp-admin) .media-modal-backdrop {
  background: rgb(5 2 9 / 78%);
  opacity: 1;
}
body:not(.wp-admin) .media-modal {
  color: var(--primary);
  font-family: var(--font-sans);
}
body:not(.wp-admin) .media-modal .media-modal-content {
  border: 1px solid rgb(227 196 237 / 22%);
  border-radius: var(--radius-lg);
  background: var(--ghost);
  box-shadow: 0 16px 48px rgb(0 0 0 / 55%);
  overflow: hidden;
}
body:not(.wp-admin) .media-modal .media-frame, body:not(.wp-admin) .media-modal .media-frame-content, body:not(.wp-admin) .media-modal .media-frame-title, body:not(.wp-admin) .media-modal .media-frame-router, body:not(.wp-admin) .media-modal .media-frame-toolbar, body:not(.wp-admin) .media-modal .media-toolbar, body:not(.wp-admin) .media-modal .attachments-browser, body:not(.wp-admin) .media-modal .media-sidebar, body:not(.wp-admin) .media-modal .uploader-inline {
  background: var(--ghost);
  border-color: rgb(227 196 237 / 18%);
  color: var(--primary);
  box-shadow: none;
}
body:not(.wp-admin) .media-modal .media-frame {
  border: 0;
  border-radius: 0;
  background: var(--ghost);
  overflow: hidden;
}
body:not(.wp-admin) .media-modal .media-frame-title {
  border-bottom: 1px solid rgb(227 196 237 / 14%);
  background: rgb(18 9 24 / 96%);
}
body:not(.wp-admin) .media-modal .media-frame-title h1 {
  color: var(--primary);
  font-family: var(--font-display);
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body:not(.wp-admin) .media-modal .media-modal-close {
  color: var(--primary);
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
body:not(.wp-admin) .media-modal .media-modal-close:hover, body:not(.wp-admin) .media-modal .media-modal-close:focus {
  color: var(--secondary);
  background: rgb(254 249 2 / 10%);
  border-color: transparent;
  box-shadow: none;
}
body:not(.wp-admin) .media-modal .media-frame-router {
  border-bottom: 1px solid rgb(227 196 237 / 14%);
  background: rgb(18 9 24 / 96%);
}
body:not(.wp-admin) .media-modal .media-router .media-menu-item {
  color: rgb(227 196 237 / 72%);
  background: transparent !important;
  border: 0 !important;
  margin: 0 !important;
  border-radius: 0;
}
body:not(.wp-admin) .media-modal .media-router .media-menu-item:hover, body:not(.wp-admin) .media-modal .media-router .media-menu-item:active {
  color: var(--primary);
  background: rgb(254 249 2 / 8%) !important;
}
body:not(.wp-admin) .media-modal .media-router .active, body:not(.wp-admin) .media-modal .media-router .active:hover, body:not(.wp-admin) .media-modal .media-router .media-menu-item.active, body:not(.wp-admin) .media-modal .media-router .media-menu-item.active:last-child {
  color: var(--secondary) !important;
  background: rgb(254 249 2 / 12%) !important;
  border: 0 !important;
  border-bottom: 2px solid var(--secondary) !important;
  margin: 0 !important;
  box-shadow: none;
}
body:not(.wp-admin) .media-modal .media-router .media-menu-item:focus {
  color: var(--secondary);
  box-shadow: inset 0 0 0 1px var(--secondary);
  outline: none;
}
body:not(.wp-admin) .media-modal .attachments-browser .media-toolbar, body:not(.wp-admin) .media-modal .attachments-browser .media-toolbar-secondary, body:not(.wp-admin) .media-modal .attachments-browser .media-toolbar-primary {
  background: rgb(18 9 24 / 92%);
  border-color: rgb(227 196 237 / 14%);
}
body:not(.wp-admin) .media-modal .attachments-browser .attachments, body:not(.wp-admin) .media-modal .attachments-browser .uploader-inline {
  background: rgb(5 2 9 / 55%);
}
body:not(.wp-admin) .media-modal .attachment {
  background: rgb(30 17 40 / 70%);
  box-shadow: inset 0 0 0 1px rgb(227 196 237 / 16%);
}
body:not(.wp-admin) .media-modal .attachment.selected, body:not(.wp-admin) .media-modal .attachment.details {
  box-shadow: inset 0 0 0 2px var(--secondary),	0 0 18px rgb(254 249 2 / 18%);
}
body:not(.wp-admin) .media-modal .attachment .thumbnail {
  background: rgb(18 9 24 / 90%);
}
body:not(.wp-admin) .media-modal .attachment .filename {
  color: var(--primary);
  background: rgb(18 9 24 / 88%);
  text-shadow: none;
}
body:not(.wp-admin) .media-modal .media-sidebar {
  border-left: 1px solid rgb(227 196 237 / 14%);
  background: rgb(18 9 24 / 94%);
}
body:not(.wp-admin) .media-modal .media-sidebar h2, body:not(.wp-admin) .media-modal .media-sidebar h3, body:not(.wp-admin) .media-modal .attachment-details .filename, body:not(.wp-admin) .media-modal .attachment-details .uploaded, body:not(.wp-admin) .media-modal .attachment-details .file-size, body:not(.wp-admin) .media-modal .attachment-details .dimensions, body:not(.wp-admin) .media-modal .attachment-details label, body:not(.wp-admin) .media-modal .attachment-display-settings label, body:not(.wp-admin) .media-modal .attachment-info .setting span {
  color: var(--primary);
}
body:not(.wp-admin) .media-modal .attachment-info {
  border-bottom-color: rgb(227 196 237 / 14%);
}
body:not(.wp-admin) .media-modal .media-frame input[type='text'], body:not(.wp-admin) .media-modal .media-frame input[type='search'], body:not(.wp-admin) .media-modal .media-frame input[type='url'], body:not(.wp-admin) .media-modal .media-frame input[type='number'], body:not(.wp-admin) .media-modal .media-frame textarea, body:not(.wp-admin) .media-modal .media-frame select, body:not(.wp-admin) .media-modal input[type='text'], body:not(.wp-admin) .media-modal input[type='search'], body:not(.wp-admin) .media-modal input[type='url'], body:not(.wp-admin) .media-modal input[type='number'], body:not(.wp-admin) .media-modal textarea, body:not(.wp-admin) .media-modal select {
  background: rgb(5 2 9 / 65%) !important;
  border: 1px solid rgb(227 196 237 / 28%) !important;
  border-radius: 0.45rem;
  color: var(--primary) !important;
  box-shadow: none !important;
}
body:not(.wp-admin) .media-modal input:focus, body:not(.wp-admin) .media-modal textarea:focus, body:not(.wp-admin) .media-modal select:focus {
  border-color: var(--secondary) !important;
  outline: none;
  box-shadow: 0 0 0 1px rgb(254 249 2 / 35%) !important;
}
body:not(.wp-admin) .media-modal .uploader-inline {
  border: 0;
}
body:not(.wp-admin) .media-modal .uploader-inline-content {
  color: var(--primary);
}
body:not(.wp-admin) .media-modal .uploader-inline h2, body:not(.wp-admin) .media-modal .upload-ui h2, body:not(.wp-admin) .media-modal .upload-instructions {
  color: var(--primary);
  font-family: var(--font-display);
  text-shadow: none;
}
body:not(.wp-admin) .media-modal .media-frame a {
  color: var(--secondary);
}
body:not(.wp-admin) .media-modal .media-frame a:hover, body:not(.wp-admin) .media-modal .media-frame a:active, body:not(.wp-admin) .media-modal .media-frame a:focus {
  color: var(--primary);
  box-shadow: none;
}
body:not(.wp-admin) .media-modal .wp-core-ui .button, body:not(.wp-admin) .media-modal .wp-core-ui .button-secondary, body:not(.wp-admin) .media-modal .upload-ui .browser.button, body:not(.wp-admin) .media-modal .media-frame a.button {
  background: transparent !important;
  border: 1px solid rgb(227 196 237 / 35%) !important;
  border-radius: 999px !important;
  color: var(--primary) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
body:not(.wp-admin) .media-modal .wp-core-ui .button:hover, body:not(.wp-admin) .media-modal .wp-core-ui .button-secondary:hover, body:not(.wp-admin) .media-modal .upload-ui .browser.button:hover, body:not(.wp-admin) .media-modal .media-frame a.button:hover {
  background: rgb(254 249 2 / 12%) !important;
  border-color: var(--secondary) !important;
  color: var(--secondary) !important;
}
body:not(.wp-admin) .media-modal .wp-core-ui .button-primary, body:not(.wp-admin) .media-modal .wp-core-ui .button.button-primary, body:not(.wp-admin) .media-modal .media-button-select, body:not(.wp-admin) .media-modal .media-button-insert, body:not(.wp-admin) .media-modal .media-frame a.button-primary, body:not(.wp-admin) .media-modal .media-frame a.button-primary:hover {
  background: rgb(254 249 2 / 18%) !important;
  border: 1px solid var(--secondary) !important;
  border-radius: 999px !important;
  color: var(--secondary) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
body:not(.wp-admin) .media-modal .wp-core-ui .button-primary:hover, body:not(.wp-admin) .media-modal .wp-core-ui .button-primary:focus, body:not(.wp-admin) .media-modal .media-button-select:hover, body:not(.wp-admin) .media-modal .media-button-select:focus, body:not(.wp-admin) .media-modal .media-button-insert:hover {
  background: rgb(254 249 2 / 28%) !important;
  border-color: var(--secondary) !important;
  color: var(--secondary) !important;
}
body:not(.wp-admin) .media-modal .wp-core-ui .button-primary[disabled], body:not(.wp-admin) .media-modal .wp-core-ui .button-primary:disabled, body:not(.wp-admin) .media-modal .wp-core-ui .button-primary-disabled, body:not(.wp-admin) .media-modal .wp-core-ui .button-primary.disabled, body:not(.wp-admin) .media-modal .media-button-select:disabled, body:not(.wp-admin) .media-modal .button.button-primary.button-large:disabled {
  background: rgb(227 196 237 / 8%) !important;
  border-color: rgb(227 196 237 / 18%) !important;
  color: rgb(227 196 237 / 45%) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: default;
}
body:not(.wp-admin) .media-modal .max-upload-size, body:not(.wp-admin) .media-modal .upload-dismiss-errors {
  color: rgb(227 196 237 / 70%);
}
body:not(.wp-admin) .media-modal .upload-errors .upload-error, body:not(.wp-admin) .media-modal .uploader-inline .upload-errors .upload-error {
  background: rgb(45 25 60 / 92%) !important;
  border-left-color: #f87171;
  box-shadow: none;
  color: var(--primary);
}
body:not(.wp-admin) .media-modal .upload-errors .upload-error-filename, body:not(.wp-admin) .media-modal .upload-errors .upload-error-filename a {
  color: var(--secondary);
}
body:not(.wp-admin) .media-modal .upload-errors .upload-error-message {
  color: rgb(227 196 237 / 80%);
}
body:not(.wp-admin) .media-modal .media-progress-bar div {
  background: var(--secondary);
}
body:not(.wp-admin) .media-modal .media-selection .attachment {
  background: rgb(45 25 60 / 90%);
}
body:not(.wp-admin) .media-modal .media-frame-toolbar {
  background: rgb(18 9 24 / 96%);
  border-top: 1px solid rgb(227 196 237 / 14%);
}
.content-grid .wp-block-quote {
  position: relative;
  margin-inline: 0;
  margin-bottom: 3.5rem;
  border: 0;
  border-radius: 0 var(--radius-xl) var(--radius-xl) 0;
  padding: 1rem 1.5rem 1rem 2rem;
  background: linear-gradient(90deg, rgb(254 249 2 / 9%), transparent);
}
.content-grid .wp-block-quote::before, .content-grid .wp-block-quote::after {
  content: '“';
  position: absolute;
  font-family: var(--font-display);
  font-size: 5rem;
  line-height: 1;
  color: var(--secondary);
  text-shadow: 0 0 28px rgb(254 249 2 / 55%);
}
.content-grid .wp-block-quote::before {
  top: -0.45em;
  left: -0.05em;
}
.content-grid .wp-block-quote::after {
  right: -0.05em;
  bottom: -0.45em;
  content: '”';
  transform: translateY(0.4em);
}
.content-grid .wp-block-quote p::before, .content-grid .wp-block-quote p::after {
  content: none;
}
@layer components {
  :is(.mobile-menu ul.main-menu, header.site-header nav :is(ul.main-menu, ul.secondary-menu)) {
    --nav-link-size: 1.45rem;
    display: flex;
    gap: 0.45rem;
    list-style: none;
    li {
      background-color: transparent;
      padding: 0.25rem 0;
      a {
        overflow: hidden;
        isolation: isolate;
        font-size: var(--nav-link-size);
        font-family: var(--font-display);
        font-weight: 700;
        text-shadow: 0.015em 0 0 currentcolor,	-0.015em 0 0 currentcolor;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        position: relative;
        display: inline-flex;
        align-items: center;
        border: 1px solid transparent;
        border-radius: 999px;
        padding: 0.65rem 0.9rem;
        text-decoration: none;
        color: var(--primary-soft);
        transition: color 180ms ease,	border-color 180ms ease,	transform 180ms ease,	box-shadow 180ms ease;
        &:hover,	&:focus-visible {
          color: var(--primary);
          border-color: rgb(227 196 237 / 22%);
          transform: translateY(-2px) rotate(-1deg);
          box-shadow: 0 8px 24px rgb(88 41 142 / 32%),	0 0 18px rgb(254 249 2 / 10%) inset;
          text-decoration: none;
        }
        &::before {
          content: '';
          position: absolute;
          z-index: -1;
          inset: -2px;
          background: var(--spectrum-hot);
          background-size: 250% 100%;
          opacity: 0;
          transform: translateX(-35%);
          transition: opacity 180ms ease,	transform 550ms cubic-bezier(0.16, 1, 0.3, 1);
        }
        &:hover::before,	&:focus-visible::before {
          opacity: 0.16;
          transform: translateX(0);
        }
      }
      &:is(.current-menu-item, [class~='current_page_item']):not(	.current-menu-ancestor,	.current-menu-parent,	[class~='current_page_ancestor'],	[class~='current_page_parent']	)	> a {
        color: var(--primary);
        border-color: transparent;
        background: linear-gradient(var(--ghost), var(--ghost)) padding-box,	var(--spectrum) border-box;
        box-shadow: 0 6px 20px rgb(0 0 0 / 30%),	0 0 18px rgb(254 249 2 / 12%);
        text-shadow: 0.015em 0 0 currentcolor,	-0.015em 0 0 currentcolor,	0 0 16px rgb(227 196 237 / 35%);
      }
      &:is(	.current-menu-ancestor,	.current-menu-parent,	[class~='current_page_ancestor'],	[class~='current_page_parent']	)	> a {
        color: var(--secondary);
        border-color: rgb(254 249 2 / 42%);
        background: rgb(254 249 2 / 10%);
        box-shadow: 0 4px 16px rgb(0 0 0 / 22%),	0 0 14px rgb(254 249 2 / 10%);
        text-shadow: 0.015em 0 0 currentcolor,	-0.015em 0 0 currentcolor;
      }
      .sub-menu > li:is(.current-menu-item, [class~='current_page_item']) > a {
        color: var(--secondary);
        border-color: var(--secondary);
        background: rgb(18 9 24 / 88%);
        box-shadow: 0 4px 14px rgb(0 0 0 / 28%),	0 0 12px rgb(254 249 2 / 16%);
        text-shadow: 0.015em 0 0 currentcolor,	-0.015em 0 0 currentcolor;
      }
    }
  }
  .mobile-menu {
    position: fixed;
    z-index: 2000;
    inset: 0 0 0 auto;
    height: calc(var(--vh, 1vh) * 100);
    width: min(100%, 24rem);
    display: flex;
    justify-content: center;
    padding-top: 3rem;
    background-color: var(--ghost);
    border-left: 1px solid var(--line);
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.1s ease,	visibility 0.1s ease;
    &.open {
      transform: translateX(0);
      visibility: visible;
      pointer-events: auto;
    }
    ul.main-menu {
      --nav-link-size: 2rem;
      flex-direction: column;
      align-items: stretch;
      width: min(100%, 18rem);
      text-align: center;
      > li {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .sub-menu {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.1rem;
        box-sizing: border-box;
        width: 100%;
        margin: 0.15rem 0 0.35rem;
        padding: 0.15rem 0 0.15rem 0.85rem;
        border-left: 2px solid rgb(254 249 2 / 38%);
        list-style: none;
        text-align: left;
        a {
          --nav-link-size: 1.35rem;
          justify-content: flex-start;
          width: 100%;
          padding-block: 0.4rem;
          padding-inline: 0.75rem;
          color: var(--primary);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--primary) 78%, transparent);
          }
          letter-spacing: 0.06em;
        }
        a:hover,	a:focus-visible {
          color: var(--primary);
        }
      }
    }
    .mobile-close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      background-color: transparent;
      border: 1px solid var(--line);
      border-radius: var(--radius-md);
      padding: 12px 10px 10px;
      font-family: var(--font-display);
      font-size: 1rem;
      font-weight: 700;
      color: var(--primary);
      text-decoration: none;
      &:hover {
        color: var(--secondary);
        text-decoration: none;
      }
    }
  }
  header.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: linear-gradient(90deg, rgb(18 9 24 / 88%), rgb(45 25 60 / 75%), rgb(18 9 24 / 88%));
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    backdrop-filter: blur(16px) saturate(150%);
    border-bottom: 1px solid rgb(227 196 237 / 10%);
    padding: 0.65rem clamp(0.75rem, 2vw, 2rem);
    font-family: var(--font-sans);
    font-weight: 700;
    font-style: normal;
    nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      max-width: 90rem;
      margin-inline: auto;
      .site-logo {
        flex: 0 0 auto;
        display: block;
        width: clamp(2.5rem, 4vw, 3.5rem);
        aspect-ratio: 1;
        border-radius: 50%;
        transition: transform 180ms ease,	filter 180ms ease;
        &:hover,	&:focus-visible {
          transform: scale(1.06) rotate(-2deg);
          filter: drop-shadow(0 0 0.6rem rgb(254 249 2 / 35%));
        }
        img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }
      ul.main-menu {
        justify-content: center;
        > li {
          position: relative;
        }
        > li.menu-item-has-children > a::after {
          content: '';
          width: 0.38rem;
          height: 0.38rem;
          margin: -0.2rem 0 0 0.2rem;
          border-right: 1px solid currentcolor;
          border-bottom: 1px solid currentcolor;
          transform: rotate(45deg);
          transition: transform 180ms ease;
        }
        .sub-menu {
          position: absolute;
          top: calc(100% + 0.35rem);
          left: 50%;
          z-index: 10;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 0.1rem;
          width: max-content;
          max-width: min(22rem, calc(100vw - 2rem));
          margin: 0;
          padding: 0.5rem;
          list-style: none;
          background: var(--surface-strong);
          border: 1px solid var(--line);
          border-radius: var(--radius-lg);
          box-shadow: var(--card-shadow);
          opacity: 0;
          visibility: hidden;
          transform: translate(-50%, -0.4rem);
          transition: opacity 160ms ease,	visibility 160ms ease,	transform 160ms ease;
          > .menu-item {
            width: auto;
            padding: 0;
          }
          a {
            --nav-link-size: 1.3rem;
            box-sizing: border-box;
            width: auto;
            max-width: 100%;
            justify-content: center;
            padding: 0.6rem 0.75rem;
            white-space: nowrap;
          }
        }
        > li:hover > .sub-menu,	> li:focus-within > .sub-menu {
          opacity: 1;
          visibility: visible;
          transform: translate(-50%, 0);
        }
        > li.menu-item-has-children:hover > a::after,	> li.menu-item-has-children:focus-within > a::after {
          transform: translateY(0.2rem) rotate(225deg);
        }
      }
      ul.secondary-menu {
        justify-content: flex-end;
      }
      .mobile-menu-btn {
        display: none;
      }
      @media (width <= 900px) {
        ul.main-menu {
          display: none;
        }
        ul.secondary-menu {
          grid-area: left;
          justify-content: flex-start;
        }
        ul.secondary-menu li a {
          font-size: 1.35rem;
        }
        .mobile-menu-btn {
          display: block;
          grid-area: right;
          justify-self: end;
          background-color: transparent;
          border: 1px solid var(--line);
          border-radius: var(--radius-md);
          padding: 12px 10px 10px;
          font-family: var(--font-display);
          font-size: 1rem;
          font-weight: 700;
          color: var(--primary);
          text-decoration: none;
          &:hover {
            color: var(--secondary);
            text-decoration: none;
          }
        }
      }
    }
  }
  .hero {
    --hero-logo-size: clamp(15rem, 38vw, 24rem);
    --hero-halo-size: clamp(26rem, 68vw, 42rem);
    --hero-orbit-size: clamp(32rem, 88vw, 55rem);
    --hero-center-y: 38%;
    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    width: 100%;
    max-width: 100%;
    min-height: clamp(31rem, 70vh, 48rem);
    overflow: hidden;
    text-align: center;
  }
  .hero-canvas {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  @media (width <= 640px) {
    .hero {
      min-height: clamp(28rem, 90vw, 31rem);
    }
  }
  .hero-logo {
    position: absolute;
    z-index: 1;
    top: var(--hero-center-y);
    left: 50%;
    width: var(--hero-logo-size);
    aspect-ratio: 1;
    background: url('img/logo.svg') no-repeat center / contain;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
  .hero::before,	.hero::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: var(--hero-center-y);
    left: 50%;
    aspect-ratio: 1;
    border: 1px solid rgb(227 196 237 / 12%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
  .hero::before {
    width: var(--hero-halo-size);
    box-shadow: 0 0 80px rgb(88 41 142 / 28%),	0 0 160px rgb(254 249 2 / 8%) inset;
    animation: halo-breathe 7s ease-in-out infinite;
  }
  .hero::after {
    width: var(--hero-orbit-size);
    max-width: none;
    border-style: dashed;
    animation: halo-spin 50s linear infinite;
  }
  .hero-copy {
    position: relative;
    z-index: 2;
    align-self: end;
    box-sizing: border-box;
    width: min(100%, 64rem);
    max-width: 100%;
    padding: 3rem 1.25rem clamp(3rem, 8vh, 6rem);
  }
  .hero-kicker {
    margin: 0 0 0.75rem;
    font-size: clamp(0.7rem, 1.5vw, 0.9rem);
    font-weight: 700;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: var(--secondary);
    text-shadow: 0 0 24px rgb(254 249 2 / 60%);
  }
  .hero-title {
    margin: 0;
    max-width: 100%;
    font-family: var(--font-display);
    font-size: clamp(2rem, 6vw, 5rem);
    font-weight: 700;
    line-height: 0.92;
    letter-spacing: -0.04em;
    overflow-wrap: anywhere;
    color: var(--primary);
    background: var(--spectrum);
    background-size: 200% auto;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 10px 30px rgb(88 41 142 / 38%));
    animation: text-spectrum 8s ease-in-out infinite alternate;
  }
  main.content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 78rem) minmax(0, 1fr);
    grid-template-areas: '. main .';
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: transparent;
    padding-inline: clamp(0.75rem, 4vw, 2rem);
    padding-bottom: 4rem;
    @media (width <= 540px) {
      grid-template-columns: minmax(0, 10px) minmax(0, 1fr) minmax(0, 10px);
      padding-inline: 0;
    }
    > div {
      margin-top: 0;
      grid-area: main;
      display: grid;
      align-items: start;
      gap: clamp(2rem, 6vw, 5rem);
      background-color: transparent;
    }
    div.wp-block-image {
      margin-top: 1rem;
      background-color: transparent;
    }
    .prose {
      max-width: none;
    }
    article.article-block {
      position: relative;
      overflow: hidden;
      margin: 0;
      scroll-margin-top: 5.5rem;
      border: 1px solid rgb(227 196 237 / 14%);
      border-radius: clamp(1.5rem, 4vw, 4rem) clamp(0.75rem, 2vw, 1.5rem);
      padding: clamp(2.25rem, 5vw, 4rem)	clamp(1.25rem, 4vw, 4rem)	clamp(1.5rem, 2vw, 2.25rem);
      background: linear-gradient(145deg, rgb(45 25 60 / 92%), rgb(18 9 24 / 88%)),	var(--ghost);
      box-shadow: 0 1px 0 var(--inset-glint) inset,	0 35px 80px rgb(0 0 0 / 42%),	-14px 14px 0 rgb(254 249 2 / 5%);
    }
    article.article-block > * {
      margin-block: 0;
    }
    article.article-block > * + * {
      margin-top: clamp(1rem, 2vw, 1.75rem);
    }
    article.article-block:nth-child(even) {
      border-radius: clamp(0.75rem, 2vw, 1.5rem) clamp(1.5rem, 4vw, 4rem);
      box-shadow: 0 1px 0 var(--inset-glint) inset,	0 35px 80px rgb(0 0 0 / 42%),	14px 14px 0 rgb(232 106 172 / 6%);
    }
    article.article-block::before {
      content: '';
      position: absolute;
      top: -8rem;
      right: -8rem;
      width: 22rem;
      aspect-ratio: 1;
      border-radius: 50%;
      background: radial-gradient(circle, rgb(152 68 89 / 35%), transparent 66%);
      pointer-events: none;
    }
    article.article-block:nth-child(even)::before {
      right: auto;
      left: -8rem;
      background: radial-gradient(circle, rgb(254 249 2 / 18%), transparent 66%);
    }
    article.article-block > .wp-block-heading:first-child {
      margin-top: 0;
      font-size: clamp(2rem, 5vw, 4.75rem);
    }
    article.article-block > .wp-block-heading.has-text-align-center {
      text-align: center;
    }
    article.article-block .wp-block-list {
      margin-bottom: 0;
      padding-inline-start: 1.5rem;
      list-style-position: outside;
    }
    article.article-block .wp-block-list li {
      padding-inline-start: 0.25rem;
    }
    article.article-block .wp-block-list li::marker {
      color: var(--secondary);
    }
    article.article-block .wp-block-image img {
      display: block;
      box-sizing: border-box;
      max-width: 100%;
      height: auto;
      border: 1px solid rgb(227 196 237 / 16%);
      border-radius: 1.25rem 3.5rem;
      box-shadow: 0 24px 60px rgb(0 0 0 / 48%),	0 0 0 8px rgb(227 196 237 / 3%);
      transform: rotate(-1deg);
      transition: transform 450ms cubic-bezier(0.16, 1, 0.3, 1),	box-shadow 450ms ease;
    }
    article.article-block:nth-child(even) .wp-block-image img {
      border-radius: 3.5rem 1.25rem;
      transform: rotate(1deg);
    }
    article.article-block .wp-block-image img:hover {
      transform: rotate(0) scale(1.015);
      box-shadow: 0 30px 80px rgb(0 0 0 / 55%),	0 0 40px rgb(254 249 2 / 15%);
    }
    body.page-id-61 & article.article-block {
      --hof-materials-gap: clamp(1.25rem, 3vw, 2.5rem);
      --masonry-item-gap: var(--hof-materials-gap);
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: start;
      gap: 1px var(--hof-materials-gap);
    }
    body.page-id-61 & article.article-block.hof-materials-masonry {
      grid-auto-flow: dense;
      grid-auto-rows: 1px;
    }
    body.page-id-61 & article.article-block > figure.wp-block-image {
      box-sizing: border-box;
      width: 100%;
      overflow: hidden;
      margin: 0;
      border: 1px solid rgb(227 196 237 / 16%);
      border-radius: var(--radius-lg);
      background: var(--surface-strong);
      box-shadow: var(--card-shadow);
    }
    body.page-id-61 & article.article-block > figure.wp-block-image > a {
      display: block;
      width: 100%;
    }
    body.page-id-61 & article.article-block > figure.wp-block-image .hof-hub-tile__fallback {
      transition: transform 180ms ease;
    }
    body.page-id-61 & article.article-block > figure.wp-block-image > a:hover .hof-hub-tile__fallback {
      transform: scale(1.025);
    }
    body.page-id-61 & article.article-block > figure.wp-block-image img {
      width: 100% !important;
      height: auto !important;
      margin: 0 !important;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      transform: none;
    }
    body.page-id-61 & article.article-block > figure.wp-block-image img:hover {
      transform: scale(1.025);
    }
    @media (width <= 640px) {
      body.page-id-61 & article.article-block {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    body.page-id-29 & > .prose {
      --board-grid-gap: clamp(1.5rem, 3vw, 2.5rem);
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--board-grid-gap);
    }
    body.page-id-29 & > .prose.board-masonry {
      grid-auto-flow: dense;
      grid-auto-rows: 1px;
    }
    body.page-id-29 & > .prose > article.article-block {
      padding: clamp(1.25rem, 2.5vw, 2rem);
    }
    body.page-id-29 & > .prose > article.board-member-card > .board-member-role {
      width: 100%;
      margin: 0 0 0.35rem;
      font-size: clamp(1.35rem, 2.25vw, 1.85rem);
      font-variant-ligatures: none;
      font-feature-settings: 'liga' 0;
      line-height: 1.1;
      text-align: center;
    }
    body.page-id-29 & > .prose > article.board-member-card > .board-member-name {
      width: 100%;
      margin: 0.9rem 0 1.25rem;
      font-size: clamp(1.6rem, 2.75vw, 2.25rem);
      line-height: 1.1;
      text-align: center;
    }
    body.page-id-29 & > .prose > article.board-member-card > .wp-block-image {
      margin: 0 auto;
    }
    body.page-id-29 & > .prose > article.board-member-card > .board-member-name + p {
      margin-top: 0;
    }
    body.page-id-29 & > .prose > article.article-block:first-child {
      grid-column: 1 / -1;
    }
    body.page-id-29 & > .prose > article.article-block:not(:first-child) .wp-block-image img {
      width: min(100%, 14rem) !important;
      aspect-ratio: 3 / 4;
      object-fit: cover;
    }
    body.page-id-29 & > .prose > .wp-block-paragraph:last-child {
      display: none;
    }
    @media (width <= 640px) {
      body.page-id-29 & > .prose {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    .donate-page .donate-intro {
      max-width: 46rem;
      margin-inline: auto;
    }
    .donate-layout {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
      gap: clamp(1rem, 3vw, 2rem);
      max-width: 66rem;
      margin: clamp(1.5rem, 4vw, 3rem) auto 0;
    }
    .donate-campaign-card {
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      color: #19131d;
      background: #f8f7fa;
      border: 1px solid rgb(25 19 29 / 14%);
      border-radius: var(--radius-lg);
      box-shadow: var(--card-shadow);
    }
    .donate-campaign-copy {
      padding: clamp(1.25rem, 3vw, 2rem);
    }
    .donate-campaign-copy h3 {
      margin: 0 0 1rem;
      font-size: clamp(1.5rem, 3vw, 2rem);
      line-height: 1.15;
    }
    .donate-campaign-copy p {
      margin: 0;
      color: #4a414e;
    }
    .donate-campaign-card footer {
      display: flex;
      flex-direction: column;
      padding: 1rem clamp(1.25rem, 3vw, 2rem);
      font-size: 0.9rem;
      color: #4a414e;
      background: #efedf1;
      border-top: 1px solid rgb(25 19 29 / 10%);
    }
    .givebutter-embed {
      display: flex;
      justify-content: center;
      width: 100%;
      min-width: 0;
    }
    .givebutter-embed givebutter-widget {
      display: block;
      width: 100%;
      max-width: none;
    }
    @media (width <= 900px) {
      .donate-layout {
        grid-template-columns: minmax(0, 32rem);
        justify-content: center;
      }
    }
  }
  body:not(.front-page) main.content-grid {
    padding-top: clamp(2rem, 5vw, 4rem);
  }
  .site-footer {
    margin-top: auto;
    border-top: 1px solid var(--line);
    background: linear-gradient(90deg, rgb(18 9 24 / 88%), rgb(45 25 60 / 55%), rgb(18 9 24 / 88%));
    padding: 1.25rem clamp(0.75rem, 2vw, 2rem);
    font-family: var(--font-sans);
    color: var(--primary);
  }
  .site-footer-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.75rem 1.25rem;
    max-width: 90rem;
    margin-inline: auto;
    text-align: center;
  }
  .site-footer-copy {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 400;
    letter-spacing: 0.02em;
    opacity: 0.72;
  }
  .site-footer-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem 1rem;
    font-size: 0.9rem;
  }
  .site-footer-links a {
    color: var(--primary);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    opacity: 0.88;
    transition: color 160ms ease,	opacity 160ms ease;
  }
  .site-footer-links a:hover,	.site-footer-links a:focus-visible {
    color: var(--secondary);
    opacity: 1;
    outline: none;
  }
  .site-footer-social {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .site-footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    color: var(--primary);
    text-decoration: none;
    transition: color 160ms ease,	background-color 160ms ease,	transform 160ms ease;
  }
  .site-footer-social-link:hover,	.site-footer-social-link:focus-visible {
    color: var(--secondary);
    background-color: rgb(254 249 2 / 10%);
    transform: translateY(-1px);
    outline: none;
  }
  .site-footer-social-link:focus-visible {
    box-shadow: 0 0 0 2px var(--ghost), 0 0 0 4px var(--secondary);
  }
  .site-footer-icon {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
  }
}
@keyframes halo-breathe {
  50% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(1.05);
  }
}
@keyframes halo-spin {
  to {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}
@keyframes text-spectrum {
  to {
    background-position: 100% center;
  }
}
.shader-lab {
  --shader-lab-logo-size: clamp(15rem, 38vw, 24rem);
  --shader-lab-halo-size: clamp(26rem, 68vw, 42rem);
  --shader-lab-orbit-size: clamp(32rem, 88vw, 55rem);
  --shader-lab-center-y: 34%;
  position: fixed;
  inset: 0;
  z-index: 50;
  isolation: isolate;
  overflow: hidden;
  background: transparent;
}
.shader-lab::before, .shader-lab::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: var(--shader-lab-center-y);
  left: 50%;
  aspect-ratio: 1;
  border: 1px solid rgb(227 196 237 / 12%);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.shader-lab::before {
  width: var(--shader-lab-halo-size);
  box-shadow: 0 0 80px rgb(88 41 142 / 28%),	0 0 160px rgb(254 249 2 / 8%) inset;
  animation: halo-breathe 7s ease-in-out infinite;
}
.shader-lab::after {
  width: var(--shader-lab-orbit-size);
  border-style: dashed;
  animation: halo-spin 50s linear infinite;
}
.shader-lab-canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.shader-lab-logo {
  position: absolute;
  z-index: 2;
  top: var(--shader-lab-center-y);
  left: 50%;
  width: var(--shader-lab-logo-size);
  aspect-ratio: 1;
  background: url('img/logo.svg') no-repeat center / contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.shader-lab-fallback {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  padding: 2rem;
  color: var(--primary);
  text-align: center;
}
.shader-lab-fallback[hidden] {
  display: none;
}
.shader-lab-controls {
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 51;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: min(20rem, calc(100vw - 2rem));
}
.shader-lab-home {
  align-self: start;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: var(--surface-strong);
  color: var(--secondary);
  font-size: 0.85rem;
  text-decoration: none;
}
.shader-lab-gui {
  pointer-events: auto;
}
body.page-template-page-shader-lab .site-header, body.page-template-page-shader-lab footer, body.page-template-page-shader-lab main {
  display: none;
}
body.admin-bar header.site-header {
  top: 32px;
}
body.admin-bar:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist)	.content-grid	.prose	article.article-block	> figure.wp-block-image:first-child, body.admin-bar.hof-setlist .content-grid .prose article.hof-setlist-article > .hof-setlist-banner {
  top: calc(6rem + 32px);
}
body.admin-bar .mobile-menu {
  top: 32px;
  height: calc((var(--vh, 1vh) * 100) - 32px);
}
@media screen and (max-width: 782px) {
  body.admin-bar #wpadminbar {
    position: fixed;
  }
  body.admin-bar header.site-header {
    top: 46px;
  }
  body.admin-bar:is(.page-id-62, .page-id-63, .page-id-206, .hof-setlist, .single-hof_setlist)	.content-grid	.prose	article.article-block	> figure.wp-block-image:first-child,	body.admin-bar.hof-setlist .content-grid .prose article.hof-setlist-article > .hof-setlist-banner {
    top: calc(6rem + 46px);
  }
  body.admin-bar .mobile-menu {
    top: 46px;
    height: calc((var(--vh, 1vh) * 100) - 46px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero::before,	.hero::after,	.shader-lab::before,	.shader-lab::after,	.hero-title {
    animation: none;
  }
  .hero-canvas {
    display: none;
  }
  :is(a, img) {
    scroll-behavior: auto;
    transition-duration: 0.01ms !important;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-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: 0px;
}
@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-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;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-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-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;
    }
  }
}