/*!
Theme Name: Shellac
Theme URI: https://github.com/agkozak/shellac
Author: A. G. Kozak
Author URI: https://www.agkozak.com
Description: A modern, Deco-flavored WordPress theme descended from Twenty Fourteen. Pick two or three seed colors and the whole site -- and the block editor -- re-skins from them via color-mix(). Full-width magazine front page, a fixed left-hand menu rail, and a sticky media rail built for archives of recordings, photographs, and discographies. Child-theme friendly.
Version: 1.4.2
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shellac
Tags: two-columns, three-columns, right-sidebar, custom-logo, custom-menu, featured-images, block-styles, editor-style, full-width-template, blog, translation-ready

This stylesheet is COMPILED from src/scss/main.scss. Do not edit style.css by
hand -- edit the SCSS sources and run `npm run build`.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  background-color: var(--wp--preset--color--paper);
  color: var(--wp--preset--color--contrast);
  font-family: var(--wp--preset--font-family--body);
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--wp--preset--font-family--body);
  font-weight: 700;
  line-height: 1.15;
  color: var(--wp--preset--color--contrast);
  margin: 0 0 0.5em;
  letter-spacing: 0;
}

h1 {
  font-family: var(--wp--preset--font-family--display);
  font-weight: 400;
  letter-spacing: 0.03em;
  font-size: clamp(2rem, 1.4rem + 2.4vw, 3rem);
}

h2 {
  font-size: clamp(1.4rem, 1.15rem + 1vw, 1.85rem);
}

h3 {
  font-size: clamp(1.3rem, 1.1rem + 0.8vw, 1.6rem);
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.05rem;
}

h6 {
  font-size: 0.9rem;
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

p {
  margin: 0 0 1.4em;
}

a {
  color: var(--s-link, var(--wp--preset--color--primary-dark));
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.18s ease, border-color 0.18s ease;
}
a:hover, a:focus {
  color: var(--s-link-hover, color-mix(in srgb, var(--wp--preset--color--primary-dark) 72%, #000000));
  border-bottom-color: currentColor;
}
a:focus-visible {
  outline: 2px solid var(--wp--preset--color--primary);
  outline-offset: 2px;
}

blockquote {
  margin: 1.6em 0;
  padding: 0.2em 0 0.2em 1.5em;
  border-left: 4px double var(--s-rule-secondary, var(--wp--preset--color--secondary));
  color: var(--wp--preset--color--contrast);
  font-style: italic;
}
blockquote cite {
  display: block;
  margin-top: 0.5em;
  font-style: normal;
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--wp--preset--color--contrast-soft);
}

code, kbd, pre, samp {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 0.9em;
}

pre {
  overflow: auto;
  padding: 1em 1.25em;
  background: var(--wp--preset--color--panel);
  border-radius: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

hr {
  border: 0;
  height: 1px;
  background: var(--s-border, color-mix(in srgb, var(--wp--custom--seed-ink) 14%, transparent));
  margin: 2.5em 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 1rem;
  color: var(--wp--preset--color--contrast);
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
textarea {
  width: 100%;
  max-width: 100%;
  padding: 0.55em 0.75em;
  background: var(--s-surface, color-mix(in srgb, var(--wp--custom--seed-ink) 2%, #ffffff));
  border: 1px solid var(--s-border-strong, color-mix(in srgb, var(--wp--custom--seed-ink) 22%, transparent));
  border-radius: 0;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
textarea:focus {
  border-color: var(--wp--preset--color--primary);
  outline: 2px solid var(--wp--preset--color--primary);
  outline-offset: 2px;
}

.button,
button,
input[type=submit],
input[type=button],
.wp-block-button__link {
  display: inline-block;
  padding: 0.8em 1.6em;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border: 0;
  border-radius: 0;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.18s ease;
}
.button:hover, .button:focus,
button:hover,
button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
  background: var(--wp--preset--color--primary-dark);
  color: var(--wp--preset--color--white);
}

.shellac-keep-reading {
  display: block;
  margin: 3rem auto 0;
}
.shellac-keep-reading[hidden] {
  display: none;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  word-wrap: normal !important;
}

.skip-link {
  position: absolute;
  left: -9999rem;
  top: 0;
  z-index: 100000;
}
.skip-link:focus {
  left: 0.5rem;
  top: 0.5rem;
  width: auto;
  height: auto;
  padding: 0.6em 1em;
  clip: auto;
  clip-path: none;
  margin: 0;
  overflow: visible;
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--white);
  border-radius: 0;
}

::selection {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
.shellac-site {
  color-scheme: light;
  --scheme-toggle-sun: none;
  --scheme-toggle-moon: block;
  --scheme-toggle-day: none;
  --scheme-toggle-night: inline;
}

.shellac-site.scheme-dark {
  --scheme-toggle-sun: block;
  --scheme-toggle-moon: none;
  --scheme-toggle-day: inline;
  --scheme-toggle-night: none;
}

@media (prefers-color-scheme: dark) {
  .shellac-site.scheme-auto {
    --scheme-toggle-sun: block;
    --scheme-toggle-moon: none;
    --scheme-toggle-day: inline;
    --scheme-toggle-night: none;
  }
}
.shellac-site.bg-crisp {
  --wp--preset--color--paper: color-mix(in srgb, var(--wp--custom--seed-primary) 4%, #ffffff);
  --wp--preset--color--panel: color-mix(in srgb, var(--wp--custom--seed-primary) 9%, #ffffff);
  --s-surface: #ffffff;
}

.shellac-site.bg-warm {
  --wp--preset--color--paper: color-mix(in srgb, var(--wp--custom--seed-ink) 9%, #ffffff);
  --wp--preset--color--panel: color-mix(in srgb, var(--wp--custom--seed-ink) 14%, #ffffff);
  --s-surface: color-mix(in srgb, var(--wp--custom--seed-ink) 4%, #ffffff);
}

.shellac-site.scheme-dark {
  color-scheme: dark;
  --wp--preset--color--paper: color-mix(in srgb, var(--wp--custom--seed-ink) 86%, #000000);
  --wp--preset--color--panel: color-mix(in srgb, var(--wp--custom--seed-ink) 94%, #ffffff);
  --wp--preset--color--contrast: color-mix(in srgb, #ffffff 90%, var(--wp--custom--seed-primary));
  --wp--preset--color--contrast-soft: color-mix(in srgb, #ffffff 65%, var(--wp--custom--seed-ink));
  --wp--preset--color--ink: color-mix(in srgb, var(--wp--custom--seed-ink) 70%, #000000);
  --s-surface: color-mix(in srgb, var(--wp--custom--seed-ink) 88%, #ffffff);
  --s-border: color-mix(in srgb, #ffffff 16%, transparent);
  --s-border-strong: color-mix(in srgb, #ffffff 30%, transparent);
  --s-link: var(--wp--preset--color--primary-light);
  --s-link-hover: color-mix(in srgb, var(--wp--preset--color--primary-light) 78%, #ffffff);
  --s-accent-text: color-mix(in srgb, var(--wp--preset--color--primary) 40%, #ffffff);
  --s-rule: var(--wp--preset--color--primary-light);
  --s-rule-secondary: var(--wp--preset--color--secondary-light);
  --media-frame-scheme: dark;
  --media-frame-bg: color-mix(in srgb, var(--wp--custom--seed-ink) 90%, #ffffff);
  --media-frame-border: transparent;
  --media-frame-pad: 0.4rem;
}

@media (prefers-color-scheme: dark) {
  .shellac-site.scheme-auto {
    color-scheme: dark;
    --wp--preset--color--paper: color-mix(in srgb, var(--wp--custom--seed-ink) 86%, #000000);
    --wp--preset--color--panel: color-mix(in srgb, var(--wp--custom--seed-ink) 94%, #ffffff);
    --wp--preset--color--contrast: color-mix(in srgb, #ffffff 90%, var(--wp--custom--seed-primary));
    --wp--preset--color--contrast-soft: color-mix(in srgb, #ffffff 65%, var(--wp--custom--seed-ink));
    --wp--preset--color--ink: color-mix(in srgb, var(--wp--custom--seed-ink) 70%, #000000);
    --s-surface: color-mix(in srgb, var(--wp--custom--seed-ink) 88%, #ffffff);
    --s-border: color-mix(in srgb, #ffffff 16%, transparent);
    --s-border-strong: color-mix(in srgb, #ffffff 30%, transparent);
    --s-link: var(--wp--preset--color--primary-light);
    --s-link-hover: color-mix(in srgb, var(--wp--preset--color--primary-light) 78%, #ffffff);
    --s-accent-text: color-mix(in srgb, var(--wp--preset--color--primary) 40%, #ffffff);
    --s-rule: var(--wp--preset--color--primary-light);
    --s-rule-secondary: var(--wp--preset--color--secondary-light);
    --media-frame-scheme: dark;
    --media-frame-bg: color-mix(in srgb, var(--wp--custom--seed-ink) 90%, #ffffff);
    --media-frame-border: transparent;
    --media-frame-pad: 0.4rem;
  }
}
.site {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: clip;
}

.site-content {
  flex: 1 0 auto;
}

.site-content {
  padding: 1.5rem 1.25rem 3rem;
}
@media (min-width: 53.125rem) {
  .site-content {
    padding: 3rem 2.5rem 4rem;
  }
}

@media (min-width: 53.125rem) {
  .site-content,
  .site-footer {
    margin-left: 15rem;
  }
}
@media (min-width: 66rem) {
  .site-content,
  .site-footer {
    margin-left: 17rem;
  }
}
.content-with-rail {
  display: block;
  max-width: 43rem;
  margin: 0 auto;
}
@media (min-width: 66rem) {
  .content-with-rail {
    display: grid;
    grid-template-columns: minmax(0, 43rem) 17rem;
    gap: 3.5rem;
    max-width: calc(43rem + 17rem + 3.5rem);
    align-items: start;
  }
}
@media (min-width: 90rem) {
  .content-with-rail {
    gap: 7rem;
    max-width: calc(43rem + 17rem + 7rem);
  }
}

@media (min-width: 66rem) {
  .no-media-rail .content-with-rail {
    display: block;
    max-width: 43rem;
  }
}

.list-main {
  max-width: 90rem;
  margin: 0 auto;
}

.full-width-main {
  max-width: 58rem;
  margin: 0 auto;
}

.front-main {
  max-width: 90rem;
  margin: 0 auto;
}

.page-header {
  margin-bottom: 2.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 4px double var(--s-rule, var(--wp--preset--color--primary));
}

.page-title {
  margin: 0;
}

.page-kicker {
  display: block;
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.24em;
  color: var(--s-accent-text, var(--wp--preset--color--primary-dark));
  margin-bottom: 0.6rem;
}

.archive-description {
  margin-top: 0.75rem;
  color: var(--wp--preset--color--contrast-soft);
}

@media (max-width: 53.0625rem) {
  .site-header {
    position: sticky;
    top: 0;
    z-index: 100;
  }
}

@media (min-width: 601px) and (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }
}
@media (min-width: 783px) and (max-width: 53.0625rem) {
  .admin-bar .site-header {
    top: 32px;
  }
}
@media (min-width: 53.125rem) {
  .admin-bar .menu-rail {
    top: 32px;
  }
}

.menu-rail {
  background: var(--wp--preset--color--ink);
  background: var(--wp--preset--gradient--chrome, var(--wp--preset--color--ink));
  color: var(--wp--preset--color--white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  position: relative;
  z-index: 100;
}
@media (min-width: 53.125rem) {
  .menu-rail {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15rem;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 2.25rem 1.5rem;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
@media (min-width: 53.125rem) and (min-width: 66rem) {
  .menu-rail {
    width: 17rem;
    padding: 2.75rem 1.75rem;
  }
}

.site-branding {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
}
@media (min-width: 53.125rem) {
  .site-branding {
    display: block;
    margin-bottom: 2rem;
  }
  .site-branding::after {
    content: "";
    display: block;
    width: 2.5rem;
    margin-top: 1.2rem;
    border-top: 4px double var(--wp--preset--color--primary-light);
  }
}
.site-branding .custom-logo {
  max-width: 3rem;
  height: auto;
}
@media (min-width: 53.125rem) {
  .site-branding .custom-logo {
    max-width: 6rem;
    margin-bottom: 0.75rem;
  }
}

.site-title {
  font-family: var(--wp--preset--font-family--display);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.14em;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 53.125rem) {
  .site-title {
    font-size: 1.7rem;
  }
}
.site-title a {
  color: var(--wp--preset--color--white);
  border: 0;
}
.site-title a:hover, .site-title a:focus {
  color: var(--wp--preset--color--primary-light);
}

.site-description {
  display: none;
  margin: 0.7rem 0 0;
  color: color-mix(in srgb, #ffffff 70%, transparent);
  font-size: 0.8125rem;
  font-weight: 300;
  font-style: italic;
  line-height: 1.5;
}
@media (min-width: 53.125rem) {
  .site-description {
    display: block;
  }
}

.menu-toggle,
.search-toggle,
.scheme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: transparent;
  color: var(--wp--preset--color--white);
  border: 1px solid color-mix(in srgb, #ffffff 25%, transparent);
  border-radius: 0;
  padding: 0.4rem 0.6rem;
  cursor: pointer;
}
.menu-toggle .icon,
.search-toggle .icon,
.scheme-toggle .icon {
  display: block;
}
.menu-toggle:hover, .menu-toggle:focus,
.search-toggle:hover,
.search-toggle:focus,
.scheme-toggle:hover,
.scheme-toggle:focus {
  background: color-mix(in srgb, #ffffff 12%, transparent);
  color: var(--wp--preset--color--white);
}

@media (min-width: 53.125rem) {
  .menu-toggle {
    display: none;
  }
}

@media (min-width: 53.125rem) {
  .rail-search {
    margin-top: 1.5rem;
  }
}
@media (min-width: 53.125rem) {
  .rail-search .search-toggle {
    display: none;
  }
}

.no-js .rail-scheme {
  display: none;
}

.scheme-toggle .icon-sun {
  display: var(--scheme-toggle-sun, none);
}
.scheme-toggle .icon-moon {
  display: var(--scheme-toggle-moon, block);
}
.scheme-toggle .scheme-label-light {
  display: var(--scheme-toggle-day, none);
}
.scheme-toggle .scheme-label-dark {
  display: var(--scheme-toggle-night, inline);
}
.scheme-toggle .scheme-label {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.62rem;
}
@media (max-width: 53.0625rem) {
  .scheme-toggle .scheme-label {
    display: none;
  }
}
@media (min-width: 53.125rem) {
  .scheme-toggle {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.25rem;
    padding: 0.5rem 0.6rem;
    color: color-mix(in srgb, #ffffff 85%, transparent);
  }
}

@media (min-width: 53.125rem) {
  .main-navigation {
    flex: 1 1 auto;
    margin-top: 1rem;
  }
}
@media (max-width: 53.0625rem) {
  .main-navigation {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--wp--preset--color--ink);
    padding: 0.5rem 1rem 1rem;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
  }
  .main-navigation.toggled-on {
    display: block;
  }
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-navigation a {
  display: block;
  color: var(--wp--preset--color--white);
  border: 0;
  padding: 0.65rem 0;
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.72rem;
  border-bottom: 1px solid color-mix(in srgb, #ffffff 10%, transparent);
  transition: color 0.18s ease, padding-left 0.18s ease;
}
.main-navigation a:hover, .main-navigation a:focus {
  color: var(--wp--preset--color--primary-light);
  padding-left: 0.35rem;
}
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
  color: var(--wp--preset--color--primary-light);
  font-weight: 900;
  box-shadow: inset 3px 0 0 var(--wp--preset--color--primary);
  padding-left: 0.6rem;
}
.main-navigation .sub-menu {
  padding-left: 0.85rem;
}
.main-navigation .sub-menu a {
  font-size: 0.7rem;
  opacity: 0.9;
}

.rail-colophon {
  margin: 0;
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.58rem;
  color: color-mix(in srgb, #ffffff 60%, transparent);
}

.rail-colophon--rail {
  display: none;
}
@media (min-width: 53.125rem) {
  .rail-colophon--rail {
    display: block;
    margin-top: auto;
    padding-top: 1.5rem;
  }
  .rail-colophon--rail::before {
    content: "";
    display: block;
    width: 2.5rem;
    margin-bottom: 1rem;
    border-top: 4px double var(--wp--preset--color--primary-light);
  }
}

.rail-colophon--menu {
  padding: 0.85rem 0 0.15rem;
  border-top: 1px solid color-mix(in srgb, #ffffff 10%, transparent);
}
@media (min-width: 53.125rem) {
  .rail-colophon--menu {
    display: none;
  }
}

@media (max-width: 53.0625rem) {
  .no-js .menu-rail {
    flex-wrap: wrap;
  }
  .no-js .menu-toggle {
    display: none;
  }
  .no-js .main-navigation {
    display: block;
    position: static;
    flex: 1 1 100%;
    background: transparent;
    box-shadow: none;
    padding: 0.25rem 0 0.5rem;
  }
}
.search-form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.search-field-label {
  flex: 1 1 auto;
  margin: 0;
}

.search-form .search-field {
  width: 100%;
}

.search-form .search-submit {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.55rem;
}
.search-form .search-submit .icon {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
}

.search-box {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 1rem 1.25rem;
  background: var(--wp--preset--color--ink);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
}
.search-box.search-open {
  display: block;
}
@media (min-width: 53.125rem) {
  .search-box {
    display: block;
    position: static;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
}
.search-box form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.search-box label {
  flex: 1 1 auto;
  margin: 0;
}
.search-box .search-field {
  width: 100%;
  background: var(--s-surface, color-mix(in srgb, var(--wp--custom--seed-ink) 2%, #ffffff));
  border-color: transparent;
}
@media (min-width: 53.125rem) {
  .search-box .search-field {
    background: transparent;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, #ffffff 30%, transparent);
    border-radius: 0;
    color: var(--wp--preset--color--white);
    padding-left: 0;
    padding-right: 0;
  }
  .search-box .search-field::placeholder {
    color: color-mix(in srgb, #ffffff 55%, transparent);
  }
  .search-box .search-field:focus {
    border-bottom-color: var(--wp--preset--color--primary-light);
    outline: none;
  }
}
.search-box .search-submit {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.65rem;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.search-box .search-submit .icon {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
}
.search-box .search-submit:hover, .search-box .search-submit:focus {
  background: var(--wp--preset--color--primary-dark);
  color: var(--wp--preset--color--white);
}
@media (min-width: 53.125rem) {
  .search-box .search-submit {
    padding: 0.2rem;
    background: transparent;
    border: 0;
    color: color-mix(in srgb, #ffffff 55%, transparent);
  }
  .search-box .search-submit:hover, .search-box .search-submit:focus {
    background: transparent;
    color: var(--wp--preset--color--primary-light);
  }
}

@media (max-width: 53.0625rem) {
  .no-js .search-toggle {
    display: none;
  }
  .no-js .rail-search {
    flex: 1 1 100%;
  }
  .no-js .search-box {
    display: block;
    position: static;
    background: transparent;
    box-shadow: none;
    padding: 0.25rem 0 0.5rem;
  }
}
.featured-grid {
  margin-bottom: 4rem;
}

.featured-grid-inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: dense;
  gap: 1.25rem;
}
@media (min-width: 34rem) {
  .featured-grid-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 66rem) {
  .featured-grid-inner {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}

.featured-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 16rem;
  overflow: hidden;
  border-radius: 0;
  background: var(--wp--preset--color--ink);
  isolation: isolate;
  cursor: pointer;
}
.featured-item .featured-thumb {
  position: absolute;
  inset: 0;
  z-index: 0;
  border: 0;
  margin: 0;
}
.featured-item .featured-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.featured-item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, color-mix(in srgb, var(--wp--custom--seed-ink) 94%, transparent) 0%, color-mix(in srgb, var(--wp--custom--seed-ink) 68%, transparent) 40%, transparent 78%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #ffffff 14%, transparent);
}
.featured-item:hover .featured-thumb img {
  transform: scale(1.04);
}

.featured-body {
  position: relative;
  z-index: 2;
  padding: 1.25rem 1.35rem 1.4rem;
  color: var(--wp--preset--color--white);
}
.featured-body .cat-links {
  display: block;
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.66rem;
  color: color-mix(in srgb, #ffffff 88%, transparent);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
  margin-bottom: 0.5rem;
}
.featured-body .cat-links::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  border-top: 1px solid var(--wp--preset--color--primary-light);
  vertical-align: middle;
  margin-right: 0.7rem;
}
.featured-body .cat-links a {
  color: inherit;
  border: 0;
}
.featured-body .cat-links a:hover, .featured-body .cat-links a:focus {
  color: var(--wp--preset--color--primary-light);
}

.featured-title {
  font-family: var(--wp--preset--font-family--display);
  font-weight: 400;
  letter-spacing: 0.02em;
  margin: 0.35rem 0 0;
  font-size: 1.45rem;
  line-height: 1.15;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}
.featured-title a {
  color: var(--wp--preset--color--white);
  border: 0;
}
.featured-title a:hover, .featured-title a:focus {
  color: var(--wp--preset--color--primary-light);
}

.featured-meta {
  margin-top: 0.6rem;
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.65rem;
  color: color-mix(in srgb, #ffffff 75%, transparent);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}
.featured-meta a {
  color: inherit;
  border: 0;
}

.featured-hero {
  min-height: 22rem;
}
@media (min-width: 34rem) {
  .featured-hero {
    grid-column: span 2;
    min-height: 24rem;
  }
}
@media (min-width: 66rem) {
  .featured-hero {
    grid-column: span 2;
    grid-row: span 2;
    min-height: 32rem;
  }
}
.featured-hero .featured-title {
  font-size: clamp(1.9rem, 1.3rem + 2.4vw, 3.1rem);
}
@media (min-width: 34rem) {
  .featured-hero .featured-body {
    padding: 1.75rem 2rem 1.9rem;
  }
}

@media (min-width: 34rem) and (max-width: 65.9375rem) {
  .featured-grid-inner .featured-item:nth-child(even):last-child {
    grid-column: span 2;
  }
}
@media (max-width: 33.9375rem) {
  .featured-item {
    display: block;
    min-height: 0;
    background: var(--wp--preset--color--ink);
  }
  .featured-item .featured-thumb {
    position: static;
  }
  .featured-item .featured-thumb img {
    height: auto;
  }
  .featured-item::after {
    display: none;
  }
  .featured-hero {
    min-height: 0;
  }
}
.post-river .river-heading {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0;
  font-size: 0.75rem;
  color: var(--wp--preset--color--contrast);
  text-align: center;
}
.post-river .river-heading::before, .post-river .river-heading::after {
  content: "";
  flex: 1 1 0;
  border-top: 4px double var(--s-rule, var(--wp--preset--color--primary));
}
.post-river .river-heading {
  margin-bottom: 2.25rem;
}

.post-river-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}
@media (min-width: 34rem) {
  .post-river-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 82rem) {
  .post-river-inner {
    grid-template-columns: repeat(3, 1fr);
  }
}

.post-feed {
  max-width: 43rem;
  margin: 0 auto;
}

@media (min-width: 66rem) {
  .rail-band {
    display: grid;
    gap: 3.5rem;
    align-items: start;
  }
}
@media (min-width: 90rem) {
  .rail-band {
    gap: 7rem;
  }
}

@media (min-width: 66rem) {
  .rail-band--feed {
    grid-template-columns: minmax(0, 43rem) 17rem;
    max-width: calc(43rem + 17rem + 3.5rem);
    margin-inline: auto;
  }
  .rail-band--feed .post-feed {
    max-width: none;
  }
}
@media (min-width: 90rem) {
  .rail-band--feed {
    max-width: calc(43rem + 17rem + 7rem);
  }
}

@media (min-width: 66rem) {
  .rail-band--grid {
    grid-template-columns: minmax(0, 1fr) 17rem;
  }
}

.feed-heading {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0;
  font-size: 0.75rem;
  color: var(--wp--preset--color--contrast);
  text-align: center;
}
.feed-heading::before, .feed-heading::after {
  content: "";
  flex: 1 1 0;
  border-top: 4px double var(--s-rule, var(--wp--preset--color--primary));
}
.feed-heading {
  margin-bottom: 3rem;
}

.archive-cover {
  margin-bottom: 4rem;
}

.feed-sentinel {
  height: 1px;
  pointer-events: none;
}

.feed-entry + .feed-entry {
  margin-top: 4.5rem;
  padding-top: 4.5rem;
  border-top: 4px double var(--s-rule, var(--wp--preset--color--primary));
}

.feed-entry .entry-title {
  font-family: var(--wp--preset--font-family--display);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.feed-entry .entry-title a {
  color: var(--wp--preset--color--contrast);
  border: 0;
}
.feed-entry .entry-title a:hover, .feed-entry .entry-title a:focus {
  color: var(--s-accent-text, var(--wp--preset--color--primary-dark));
}

.post-card {
  display: flex;
  flex-direction: column;
  background: var(--s-surface, color-mix(in srgb, var(--wp--custom--seed-ink) 2%, #ffffff));
  border: 1px solid var(--s-border, color-mix(in srgb, var(--wp--custom--seed-ink) 14%, transparent));
  border-radius: 0;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.18s ease;
}
.post-card:hover {
  border-color: color-mix(in srgb, var(--wp--preset--color--primary) 55%, transparent);
}
.post-card:hover .card-thumb img {
  transform: scale(1.03);
}
.post-card .card-thumb {
  display: block;
  border: 0;
  aspect-ratio: 16/9;
  background: var(--wp--preset--color--panel);
  overflow: hidden;
}
.post-card .card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.post-card .card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 0.55rem;
  padding: 1.25rem 1.35rem 1.3rem;
}
.post-card .cat-links,
.post-card .cat-links a {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.65rem;
  color: var(--s-accent-text, var(--wp--preset--color--primary-dark));
  border: 0;
}
.post-card .card-title {
  font-family: var(--wp--preset--font-family--display);
  font-weight: 700;
  letter-spacing: 0.02em;
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.15;
}
.post-card .card-title a {
  color: var(--wp--preset--color--contrast);
  border: 0;
}
.post-card .card-title a:hover, .post-card .card-title a:focus {
  color: var(--s-accent-text, var(--wp--preset--color--primary-dark));
}
.post-card .card-excerpt {
  color: var(--wp--preset--color--contrast-soft);
  font-size: 0.92rem;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
}
.post-card .card-excerpt p:last-child {
  margin-bottom: 0;
}
.post-card .card-meta {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.65rem;
  color: var(--wp--preset--color--contrast-soft);
  order: 5;
  margin-top: auto;
  padding-top: 0.85rem;
  border-top: 1px solid var(--s-border, color-mix(in srgb, var(--wp--custom--seed-ink) 14%, transparent));
}
.post-card .card-meta a {
  color: inherit;
  border: 0;
}

.entry .entry-header {
  margin-bottom: 2.25rem;
  text-align: center;
}
.entry .cat-links,
.entry .cat-links a {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: var(--s-accent-text, var(--wp--preset--color--primary-dark));
  border: 0;
}
.entry .entry-title {
  margin: 0.5rem 0 0.75rem;
}
.entry .entry-meta {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.68rem;
  color: var(--wp--preset--color--contrast-soft);
}
.entry .entry-meta a {
  color: inherit;
}
.entry .post-thumbnail {
  display: block;
  margin: 0 0 2rem;
}
.entry .post-thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 0;
}

.entry-content {
  font-size: 1.05rem;
}
.entry-content > * {
  margin-bottom: 1.4em;
}
.entry-content > .wp-block-table,
.entry-content > table {
  margin-block: 2em;
}
.entry-content > p:first-child {
  font-size: 1.16em;
  font-weight: 300;
  line-height: 1.65;
}
.entry-content a {
  border-bottom-color: color-mix(in srgb, currentColor 30%, transparent);
}
.entry-content a:has(img) {
  border-bottom: 0;
}
.entry-content h2, .entry-content h3, .entry-content h4 {
  margin-top: 1.8em;
}
.entry-content img {
  border-radius: 0;
}
.entry-content .wp-block-audio,
.entry-content audio {
  width: 100%;
}
.entry-content .wp-block-audio audio,
.entry-content audio.shellac-archive-audio,
.entry-content .wp-block-video video {
  color-scheme: var(--media-frame-scheme, light);
  border: 1px solid var(--media-frame-border, transparent);
  border-radius: 0;
}
.entry-content .wp-block-audio audio,
.entry-content audio.shellac-archive-audio {
  background: var(--media-frame-bg, transparent);
  padding: var(--media-frame-pad, 0);
}
.entry-content .wp-block-video video {
  background-color: #000;
}
.entry-content .wp-block-audio audio::-webkit-media-controls-volume-slider,
.entry-content audio.shellac-archive-audio::-webkit-media-controls-volume-slider,
.entry-content .wp-block-video video::-webkit-media-controls-volume-slider {
  display: none;
}
.entry-content .mejs-container {
  background: var(--media-frame-bg, #222);
  border: 1px solid var(--media-frame-border, transparent);
  border-radius: 0;
}
.entry-content .mejs-container .mejs-controls {
  background: transparent;
}
.entry-content .mejs-container .mejs-horizontal-volume-slider {
  display: none;
}

.entry-footer {
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--s-border, color-mix(in srgb, var(--wp--custom--seed-ink) 14%, transparent));
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: var(--wp--preset--color--contrast-soft);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 1.25rem;
  row-gap: 0.4rem;
}
.entry-footer a {
  color: var(--s-accent-text, var(--wp--preset--color--primary-dark));
  border: 0;
}
.entry-footer .tags-links a {
  display: inline-block;
  margin-right: -0.16em;
}
.entry-footer .edit-link {
  margin-left: auto;
  white-space: nowrap;
}
.entry-footer .edit-link .icon {
  width: 0.9em;
  height: 0.9em;
  vertical-align: -0.12em;
  margin-right: 0.35em;
}

.post-navigation {
  margin: 3rem 0;
  padding-top: 1.75rem;
  border-top: 1px solid var(--s-border, color-mix(in srgb, var(--wp--custom--seed-ink) 14%, transparent));
}
.post-navigation .nav-links {
  display: grid;
  gap: 1rem;
}
@media (min-width: 34rem) {
  .post-navigation .nav-links {
    grid-template-columns: 1fr 1fr;
  }
}
.post-navigation .nav-subtitle {
  display: block;
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.65rem;
  color: var(--wp--preset--color--contrast-soft);
}
.post-navigation .nav-title {
  font-family: var(--wp--preset--font-family--body);
  font-weight: 700;
  font-size: 1.05rem;
}
.post-navigation .nav-next {
  text-align: right;
}

.read-next-post {
  margin-top: 4.5rem;
}

.read-next-divider {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0;
  font-size: 0.75rem;
  color: var(--wp--preset--color--contrast);
  text-align: center;
}
.read-next-divider::before, .read-next-divider::after {
  content: "";
  flex: 1 1 0;
  border-top: 4px double var(--s-rule, var(--wp--preset--color--primary));
}
.read-next-divider {
  margin-bottom: 3.5rem;
}

.read-next-sentinel {
  height: 1px;
  pointer-events: none;
}

.media-rail {
  margin-top: 3rem;
}
@media (min-width: 66rem) {
  .media-rail {
    margin-top: 0;
  }
}

@media (min-width: 66rem) {
  .media-rail-inner {
    position: sticky;
    top: 2.5rem;
  }
}
.media-rail-inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.rail-widget .widget-title {
  margin: 0 0 1rem;
  padding-bottom: 0.6rem;
  border-bottom: 4px double var(--s-rule, var(--wp--preset--color--primary));
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.24em;
  color: var(--wp--preset--color--contrast);
}
.rail-widget ul:not(.rail-related-list) {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
}
.rail-widget ul:not(.rail-related-list) li {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--s-border, color-mix(in srgb, var(--wp--custom--seed-ink) 14%, transparent));
}
.rail-widget ul:not(.rail-related-list) li:last-child {
  border-bottom: 0;
}
.rail-widget ul:not(.rail-related-list) ul {
  margin-top: 0.5rem;
  padding-left: 1rem;
}
.rail-widget ul:not(.rail-related-list) ul li:first-child {
  border-top: 1px solid var(--s-border, color-mix(in srgb, var(--wp--custom--seed-ink) 14%, transparent));
}
.rail-widget ul:not(.rail-related-list) ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.rail-widget ul:not(.rail-related-list) a {
  border: 0;
}

.rail-related-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.rail-related-item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rail-related-item .rail-related-thumb {
  display: block;
  border: 0;
  border-radius: 0;
  overflow: hidden;
}
.rail-related-item .rail-related-thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.rail-related-item .rail-related-thumb:hover img, .rail-related-item .rail-related-thumb:focus img {
  transform: scale(1.04);
}
.rail-related-item .rail-related-link {
  font-family: var(--wp--preset--font-family--body);
  font-weight: 700;
  font-size: 0.95rem;
  line-height: 1.25;
  color: var(--wp--preset--color--contrast);
  border: 0;
}
.rail-related-item .rail-related-link:hover, .rail-related-item .rail-related-link:focus {
  color: var(--s-accent-text, var(--wp--preset--color--primary-dark));
}

.rail-related--below {
  margin-top: 3rem;
}
.rail-related--below .widget-title {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0;
  font-size: 0.75rem;
  color: var(--wp--preset--color--contrast);
  text-align: center;
}
.rail-related--below .widget-title::before, .rail-related--below .widget-title::after {
  content: "";
  flex: 1 1 0;
  border-top: 4px double var(--s-rule, var(--wp--preset--color--primary));
}
.rail-related--below .widget-title {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 1.75rem;
}
.rail-related--below .rail-related-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 34rem) {
  .rail-related--below .rail-related-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

h2.discog,
.is-style-discog.is-style-discog {
  font-family: var(--wp--preset--font-family--body);
  font-weight: 700;
  font-size: 1.15rem;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  color: var(--wp--preset--color--contrast);
  margin: 0 0 1.75rem;
  padding: 0.75rem 0;
  border-top: 4px double var(--s-rule, var(--wp--preset--color--primary));
  border-bottom: 4px double var(--s-rule, var(--wp--preset--color--primary));
}

h3.discog,
.is-style-discog-note.is-style-discog-note {
  font-family: var(--wp--preset--font-family--body);
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 1.45;
  text-transform: none;
  color: var(--wp--preset--color--contrast-soft);
  margin: 0 0 1rem;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

a.simple-footnote,
sup.fn a {
  border-bottom: 0;
  font-weight: 700;
  color: var(--s-link, var(--wp--preset--color--primary-dark));
  padding: 0 0.15em;
}
a.simple-footnote:hover, a.simple-footnote:focus,
sup.fn a:hover,
sup.fn a:focus {
  color: var(--s-link-hover, color-mix(in srgb, var(--wp--preset--color--primary-dark) 72%, #000000));
}

.simple-footnotes,
.wp-block-footnotes {
  margin-top: 3rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--s-border, color-mix(in srgb, var(--wp--custom--seed-ink) 14%, transparent));
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--wp--preset--color--contrast-soft);
}

.simple-footnotes .notes {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--wp--preset--color--contrast);
  margin: 0 0 0.85rem;
}

.simple-footnotes ol,
ol.wp-block-footnotes {
  margin: 0;
  padding-left: 1.6rem;
}

.simple-footnotes li,
.wp-block-footnotes li {
  margin-bottom: 0.6rem;
  scroll-margin-top: 1.5rem;
}

.simple-footnotes li a,
.wp-block-footnotes li a {
  border-bottom: 0;
}

.comments-area {
  margin-top: 3.5rem;
}

.comments-title,
.comment-reply-title {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0;
  font-size: 0.75rem;
  color: var(--wp--preset--color--contrast);
  text-align: center;
}
.comments-title::before, .comments-title::after,
.comment-reply-title::before,
.comment-reply-title::after {
  content: "";
  flex: 1 1 0;
  border-top: 4px double var(--s-rule, var(--wp--preset--color--primary));
}
.comments-title,
.comment-reply-title {
  margin-bottom: 1.75rem;
}
.comments-title small,
.comment-reply-title small {
  font-size: 0.85em;
  letter-spacing: 0.16em;
}

.comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment-list .children {
  list-style: none;
  margin: 0 0 0 1.5rem;
  padding: 0;
}

.comment-body {
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--s-border, color-mix(in srgb, var(--wp--custom--seed-ink) 14%, transparent));
}

.comment-author {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.comment-author .avatar {
  border-radius: 50%;
}
.comment-author .fn {
  font-family: var(--wp--preset--font-family--body);
  font-weight: 700;
  font-size: 1.05rem;
}

.comment-meta {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.65rem;
  color: var(--wp--preset--color--contrast-soft);
}
.comment-meta a {
  color: inherit;
}

.comment-content {
  margin-top: 0.75rem;
}

.comment-respond {
  margin-top: 2rem;
}

.comment-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.comment-form label {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: var(--wp--preset--color--contrast-soft);
}

.site-footer {
  background: var(--wp--preset--color--ink);
  background: var(--wp--preset--gradient--chrome, var(--wp--preset--color--ink));
  color: color-mix(in srgb, #ffffff 82%, transparent);
  padding: 3.5rem 1.5rem 2.5rem;
}
@media (min-width: 53.125rem) {
  .site-footer {
    padding: 4rem 2.5rem 3rem;
  }
}
.site-footer a {
  color: var(--wp--preset--color--primary-light);
  border: 0;
}
.site-footer a:hover, .site-footer a:focus {
  color: var(--wp--preset--color--white);
}

.footer-widget-area {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 2.5rem;
  max-width: 90rem;
  margin: 0 auto 2.5rem;
}
.footer-widget-area .widget-title {
  color: var(--wp--preset--color--white);
  font-size: 0.72rem;
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  margin: 0 0 1.1rem;
}
.footer-widget-area .widget-title::after {
  content: "";
  display: block;
  width: 2.5rem;
  margin-top: 0.6rem;
  border-top: 4px double color-mix(in srgb, #ffffff 30%, transparent);
}

.footer-widget {
  font-size: 0.9rem;
}
.footer-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-widget ul ul {
  padding-left: 1.1rem;
  margin: 0.3rem 0 0;
}
.footer-widget li {
  margin: 0 0 0.45rem;
}
.footer-widget > ul,
.footer-widget > nav > ul,
.footer-widget > div > ul {
  columns: 15rem auto;
  column-gap: 3rem;
  column-rule: 1px solid color-mix(in srgb, #ffffff 14%, transparent);
}

.footer-navigation {
  max-width: 90rem;
  margin: 0 auto 1.5rem;
}
.footer-navigation .footer-menu {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1.75rem;
  margin: 0;
  padding: 0;
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.footer-colophon {
  max-width: 90rem;
  margin: 0 auto 1.5rem;
}

.footer-wordmark {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  margin: 0;
  font-family: var(--wp--preset--font-family--display);
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-align: center;
}
.footer-wordmark::before, .footer-wordmark::after {
  content: "";
  flex: 1 1 0;
  border-top: 4px double color-mix(in srgb, #ffffff 22%, transparent);
}
.footer-wordmark a {
  color: var(--wp--preset--color--white);
}
.footer-wordmark a:hover, .footer-wordmark a:focus {
  color: var(--wp--preset--color--primary-light);
}

.site-info {
  max-width: 90rem;
  margin: 0 auto;
  text-align: center;
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.68rem;
  color: color-mix(in srgb, #ffffff 60%, transparent);
}

.pagination {
  margin-top: 3.5rem;
}
.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.7rem;
  background: transparent;
  color: var(--wp--preset--color--contrast);
  border: 1px solid var(--s-border-strong, color-mix(in srgb, var(--wp--custom--seed-ink) 22%, transparent));
  border-radius: 0;
  font-size: 0.85rem;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.65rem;
}
.pagination .page-numbers.current, .pagination .page-numbers:hover, .pagination .page-numbers:focus {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary);
}

.entry-content .alignwide {
  margin-left: -2rem;
  margin-right: -2rem;
  width: calc(100% + 4rem);
}
@media (min-width: 66rem) {
  .entry-content .alignwide {
    margin-left: -5rem;
    margin-right: -5rem;
    width: calc(100% + 10rem);
    max-width: none;
  }
}
.entry-content .alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}
@media (min-width: 53.125rem) {
  .entry-content .alignfull {
    margin-left: calc(50% - 50vw + 15rem / 2);
    margin-right: calc(50% - 50vw + 15rem / 2);
    width: calc(100vw - 15rem);
    max-width: calc(100vw - 15rem);
  }
}
@media (min-width: 66rem) {
  .entry-content .alignfull {
    margin-left: calc(50% - 50vw + 17rem / 2);
    margin-right: calc(50% - 50vw + 17rem / 2);
    width: calc(100vw - 17rem);
    max-width: calc(100vw - 17rem);
  }
}
.entry-content .alignleft {
  float: left;
  margin: 0.3rem 1.5rem 1rem 0;
}
.entry-content .alignright {
  float: right;
  margin: 0.3rem 0 1rem 1.5rem;
}
.entry-content .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.wp-block-quote,
.wp-block-pullquote {
  border-left: 4px double var(--s-rule-secondary, var(--wp--preset--color--secondary));
  padding-left: 1.5rem;
  font-style: italic;
}

.wp-block-pullquote {
  border: 0;
  border-top: 4px double var(--s-rule, var(--wp--preset--color--primary));
  border-bottom: 4px double var(--s-rule, var(--wp--preset--color--primary));
  padding: 1.75rem 0;
  text-align: center;
  font-style: normal;
}

.wp-block-verse {
  text-indent: 2em hanging each-line;
}

.wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.wp-block-image.is-style-plate,
.wp-block-embed.is-style-plate,
.wp-block-embed.is-type-video {
  background: var(--s-surface, color-mix(in srgb, var(--wp--custom--seed-ink) 2%, #ffffff));
  border: 1px solid var(--s-border, color-mix(in srgb, var(--wp--custom--seed-ink) 14%, transparent));
  padding: 0.85rem;
}
.wp-block-image.is-style-plate img,
.wp-block-embed.is-style-plate img,
.wp-block-embed.is-type-video img {
  display: block;
}
.wp-block-image.is-style-plate figcaption,
.wp-block-embed.is-style-plate figcaption,
.wp-block-embed.is-type-video figcaption {
  margin: 0.85rem 0 0.1rem;
  color: var(--wp--preset--color--contrast);
}
.wp-block-image.is-style-plate figcaption a,
.wp-block-embed.is-style-plate figcaption a,
.wp-block-embed.is-type-video figcaption a {
  color: inherit;
  border-bottom-color: color-mix(in srgb, currentColor 30%, transparent);
}
.wp-block-image.is-style-plate figcaption a:hover, .wp-block-image.is-style-plate figcaption a:focus,
.wp-block-embed.is-style-plate figcaption a:hover,
.wp-block-embed.is-style-plate figcaption a:focus,
.wp-block-embed.is-type-video figcaption a:hover,
.wp-block-embed.is-type-video figcaption a:focus {
  color: var(--s-link, var(--wp--preset--color--primary-dark));
}

.shellac-zoomable img {
  cursor: zoom-in;
}

.shellac-lightbox {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem;
  overflow: auto;
  background: var(--wp--preset--color--paper);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.shellac-lightbox.is-open {
  opacity: 1;
}
.shellac-lightbox[hidden] {
  display: none;
}

.shellac-lightbox-figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 0;
  max-width: 100%;
}
.shellac-lightbox-figure img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: calc(100vh - 6rem);
  object-fit: contain;
}

.shellac-lightbox.has-caption .shellac-lightbox-figure img {
  max-height: calc(100vh - 12rem);
}

.shellac-lightbox-caption {
  max-width: min(90%, 60ch);
  margin: 0;
  text-align: center;
  font-style: italic;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--wp--preset--color--contrast);
}
.shellac-lightbox-caption[hidden] {
  display: none;
}

.shellac-lightbox-close,
.shellac-lightbox-nav {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--wp--preset--color--contrast);
  cursor: pointer;
  transition: color 0.18s ease;
}
.shellac-lightbox-close:hover, .shellac-lightbox-close:focus-visible,
.shellac-lightbox-nav:hover,
.shellac-lightbox-nav:focus-visible {
  background: transparent;
  color: var(--wp--preset--color--primary);
}
.shellac-lightbox-close[hidden],
.shellac-lightbox-nav[hidden] {
  display: none;
}
.shellac-lightbox-close[disabled],
.shellac-lightbox-nav[disabled] {
  opacity: 0.3;
  cursor: default;
}

.shellac-lightbox-close {
  top: 1rem;
  right: 1rem;
}

.shellac-lightbox-nav {
  top: 50%;
  transform: translateY(-50%);
}

.shellac-lightbox-prev {
  left: 0.5rem;
}

.shellac-lightbox-next {
  right: 0.5rem;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.9rem 0.75rem;
  align-items: start;
  margin: 0 0 1.4em;
}
.gallery.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.gallery.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.gallery.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.gallery.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.gallery.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.gallery.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}
.gallery.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}
.gallery.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}
@media (max-width: 33.9375rem) {
  .gallery:not(.gallery-columns-1) {
    grid-template-columns: repeat(2, 1fr);
  }
}

.gallery-item {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 0;
}

.gallery-icon a {
  display: block;
  border: 0;
}
.gallery-icon img {
  display: block;
  width: 100%;
  height: auto;
}

.gallery-caption {
  font-style: italic;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--wp--preset--color--contrast-soft);
  text-align: center;
  margin: 0;
}

.wp-block-gallery {
  margin-bottom: 1.4em;
}

.wp-block-gallery.has-nested-images figure.wp-block-image.wp-block-image figcaption {
  padding: 1.7em 1em 0.8em;
  background: linear-gradient(0deg, color-mix(in srgb, var(--wp--custom--seed-ink) 88%, transparent) 0%, color-mix(in srgb, var(--wp--custom--seed-ink) 52%, transparent) 45%, transparent 100%);
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

.entry-content iframe {
  max-width: 100%;
}

.entry-content p > iframe[src*="youtube.com"],
.entry-content p > iframe[src*="youtube-nocookie.com"],
.entry-content p > iframe[src*="player.vimeo.com"] {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  background: var(--s-surface, color-mix(in srgb, var(--wp--custom--seed-ink) 2%, #ffffff));
  border: 1px solid var(--s-border, color-mix(in srgb, var(--wp--custom--seed-ink) 14%, transparent));
  padding: 0.85rem;
}

.entry-content iframe[src*="archive.org/embed"][height="60"] {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.18);
  padding: 0.45rem;
}

.shellac-archive-audio-source {
  display: block;
  margin-top: 0.35rem;
  font-style: italic;
  font-size: 0.85rem;
  line-height: 1.4;
  text-align: center;
  color: var(--wp--preset--color--contrast-soft);
}

figcaption,
.wp-element-caption {
  font-style: italic;
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--wp--preset--color--contrast-soft);
  text-align: center;
  margin-top: 0.5rem;
}

.wp-block-table,
table {
  width: 100%;
  border-collapse: collapse;
}
.wp-block-table th, .wp-block-table td,
table th,
table td {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--s-border, color-mix(in srgb, var(--wp--custom--seed-ink) 14%, transparent));
  text-align: left;
}
.wp-block-table thead th,
table thead th {
  background: var(--wp--preset--color--panel);
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.wp-block-separator {
  border: 0;
  border-top: 4px double var(--s-rule, var(--wp--preset--color--primary));
  height: 0;
  background: none;
  max-width: 4rem;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-separator.is-style-wide {
  max-width: none;
}

@media print {
  @page {
    margin: 2cm;
  }
  body {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 11pt;
  }
  .site-header,
  .media-rail,
  .site-footer,
  .post-navigation,
  .comments-area,
  .rail-related--below,
  .pagination,
  .skip-link,
  .edit-link {
    display: none !important;
  }
  .site-content {
    margin-left: 0 !important;
    padding: 0;
  }
  .content-with-rail {
    display: block !important;
    max-width: none;
  }
  h1, h2, h3, h4, h5, h6,
  p, li, td, th, blockquote,
  figcaption, .gallery-caption,
  .entry-meta, .cat-links, .cat-links a, .entry-footer {
    color: #000000 !important;
  }
  a {
    color: #000000 !important;
    border-bottom: 0 !important;
  }
  .entry-content a[href^=http]::after {
    content: " (" attr(href) ")";
    font-size: 0.85em;
    word-break: break-all;
  }
  iframe,
  audio,
  video {
    display: none !important;
  }
  .wp-block-image.is-style-plate,
  .wp-block-embed.is-style-plate,
  .wp-block-embed.is-type-video {
    background: none;
    border-color: #000000;
  }
  h2.discog,
  .is-style-discog,
  blockquote,
  .wp-block-quote,
  .wp-block-pullquote,
  .wp-block-separator {
    border-color: #000000 !important;
  }
  figure,
  blockquote,
  table,
  h2.discog,
  .is-style-discog {
    break-inside: avoid;
  }
  h2, h3, h4 {
    break-after: avoid;
  }
}