:root {
  --cr-bg: #0f1012;
  --cr-bg-deep: #08090b;
  --cr-surface: #181a1e;
  --cr-surface-soft: #22252b;
  --cr-text: #f6f1e8;
  --cr-muted: #a9a49b;
  --cr-line: rgba(246, 241, 232, 0.16);
  --cr-accent: #d73b72;
  --cr-accent-rgb: 215, 59, 114;
  --cr-on-accent: #fffaf2;
  --cr-whisky: #b98239;
  --cr-whisky-soft: #d0a15d;
  --cr-paper: #f6f1e8;
  --cr-paper-soft: #ece5d8;
  --cr-shell-bg: rgba(15, 16, 18, 0.94);
  --cr-shadow: rgba(0, 0, 0, 0.35);
  --cr-shell: min(1236px, calc(100vw - 44px));
  --cr-player-clearance: 128px;
  --cr-font-body: "Eczar", Georgia, "Times New Roman", serif;
  --cr-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cr-font-display: "Lexend Giga", "Inter", ui-sans-serif, system-ui, sans-serif;
}

.cr-wire-mobile-list,
.cr-track-mobile-list {
  display: none;
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-hero {
    padding-block-end: 18px;
  }

  .cr-hero h1 {
    margin-block-start: 2px;
    margin-block-end: 2px;
    font-size: 37px;
    line-height: 0.98;
  }

  .cr-now {
    position: relative;
    width: min(100%, 360px);
    min-height: 300px;
    align-content: start;
    padding: 20px;
    border-color: rgba(var(--cr-accent-rgb), 0.72);
  }

  .cr-now__track {
    grid-template-columns: 98px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
  }

  .cr-now img {
    width: 98px;
  }

  .cr-now strong {
    font-size: 30px;
    line-height: 1.02;
    letter-spacing: 0.04em;
  }

  .cr-now .cr-player-mount {
    display: block;
    align-self: end;
    justify-self: start;
    margin-block-start: 22px;
  }

  .cr-now .cr-player-button {
    width: 68px;
    min-width: 0;
    height: 68px;
    min-height: 68px;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0 12px 30px rgba(var(--cr-accent-rgb), 0.32);
  }

  .cr-now .cr-player-button__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .cr-now .cr-player-button__icon {
    margin: 0;
  }

  .cr-section {
    padding-block: 34px;
  }

  .cr-section__head {
    margin-block-end: 18px;
  }

  .cr-wire .cr-section__head h2,
  .cr-wire .cr-section__head h2 a,
  .cr-section--strip .cr-section__head h2 {
    font-size: 28px;
    line-height: 1;
    letter-spacing: 0.12em;
  }

  .cr-wire__featured,
  .cr-wire-layout,
  .cr-wire-side,
  .cr-track-grid {
    display: none;
  }

  .cr-wire-mobile-list,
  .cr-track-mobile-list {
    display: grid;
    gap: 10px;
  }

  .cr-wire-mobile-list .cr-wire-side-card {
    grid-template-columns: 74px minmax(0, 1fr);
    min-height: 88px;
    padding: 9px;
    border-color: rgb(21 21 21 / 0.08);
    background: rgb(255 250 242 / 0.72);
    box-shadow: none;
  }

  .cr-wire-mobile-list .cr-wire-side-card__media img {
    width: 74px;
    height: 74px;
  }

  .cr-wire-mobile-list .cr-wire-side-card strong {
    font-size: 15px;
    line-height: 1.08;
    letter-spacing: 0.02em;
  }

  .cr-wire__more {
    margin-block-start: 24px;
  }

  .cr-section--strip {
    background:
      radial-gradient(circle at 0% 0%, rgba(var(--cr-accent-rgb), 0.16), transparent 34%),
      #101116;
  }

  .cr-track-list-card {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 12px;
    min-height: 88px;
    padding: 9px;
    border: 1px solid rgba(246, 241, 232, 0.1);
    border-radius: 6px;
    background: rgba(255, 250, 242, 0.05);
    color: #fffaf2;
  }

  .cr-track-list-card__art {
    display: block;
    width: 74px;
    height: 74px;
    object-fit: cover;
  }

  .cr-track-list-card__body {
    display: grid;
    align-content: center;
    min-width: 0;
  }

  .cr-track-list-card time {
    color: var(--cr-accent);
    font-family: var(--cr-font-sans);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.14em;
  }

  .cr-track-list-card strong {
    overflow: hidden;
    font-family: var(--cr-font-display);
    font-size: 18px;
    line-height: 1.05;
    letter-spacing: 0.02em;
    text-overflow: ellipsis;
  }

  .cr-track-list-card span {
    overflow: hidden;
    color: rgba(255, 250, 242, 0.72);
    font-size: 14px;
    text-overflow: ellipsis;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-hero h1 {
    font-size: 34px;
  }

  .cr-now {
    min-height: 282px;
    padding: 18px;
  }

  .cr-now__track,
  .cr-wire-mobile-list .cr-wire-side-card,
  .cr-track-list-card {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .cr-now img,
  .cr-wire-mobile-list .cr-wire-side-card__media img,
  .cr-track-list-card__art {
    width: 64px;
    height: 64px;
  }

  .cr-now strong {
    font-size: 25px;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background:
    linear-gradient(180deg, rgba(8, 9, 11, 0.96), rgba(8, 9, 11, 0.99)),
    radial-gradient(circle at 86% 0%, rgba(var(--cr-accent-rgb), 0.18), rgba(var(--cr-accent-rgb), 0) 30%),
    radial-gradient(circle at 76% 22%, rgba(185, 130, 57, 0.13), rgba(185, 130, 57, 0) 28%),
    var(--cr-bg);
  color: var(--cr-text);
  font-family: var(--cr-font-body);
  line-height: 1.5;
  padding-bottom: var(--cr-player-clearance);
}

h1,
h2,
h3,
.cr-kicker,
.cr-brand,
.cr-footer-brand strong,
.cr-section__head h1,
.cr-section__head h2,
.cr-player-button,
.cr-story__readmore,
.cr-link-button {
  font-family: var(--cr-font-display);
}

.cr-kicker,
.cr-brand,
.cr-footer-brand strong,
.cr-primary-menu a,
.cr-footer-menu a,
.cr-backlink,
.cr-article-meta,
.cr-term-chips span,
.cr-term-chips a,
.cr-now__label,
.cr-now p,
.cr-hero__copy p:not(.cr-kicker),
.cr-section__intro,
.cr-track-card p,
.cr-artist p,
.cr-album p,
.cr-story__body p,
.cr-story__body span,
.cr-wire-side time,
.cr-wire-side-card strong,
.cr-show-list span,
.cr-footer-brand p,
.cr-article-deck {
  font-family: var(--cr-font-sans);
}

a { color: inherit; }

.cr-skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100;
  transform: translateY(-160%);
  padding: 10px 14px;
  border-radius: 4px;
  background: var(--cr-accent);
  color: var(--cr-on-accent);
  font-weight: 800;
  text-decoration: none;
  transition: transform 0.16s ease;
}

.cr-skip-link:focus {
  transform: translateY(0);
}

.cr-site-shell {
  width: var(--cr-shell);
  margin-inline: auto;
}

.cr-site-header,
.cr-site-footer {
  border-color: var(--cr-line);
  background: var(--cr-shell-bg);
}

.cr-site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid var(--cr-line);
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--cr-accent-rgb), 0.18), rgba(var(--cr-accent-rgb), 0) 34%),
    linear-gradient(180deg, #111318, #090a0d);
}

.cr-site-header__inner,
.cr-site-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 68px;
}

.cr-site-header .cr-brand {
  width: 1px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}

.cr-site-header__inner {
  justify-content: flex-end;
  min-height: 92px;
}

.cr-site-header .cr-primary-nav {
  margin-inline-end: auto;
  margin-inline-start: auto;
}

.cr-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--cr-text);
  font-weight: 800;
  letter-spacing: 0;
  text-decoration: none;
}

.cr-brand span {
  display: block;
  max-width: 118px;
  font-size: 22px;
  line-height: 0.9;
  text-transform: uppercase;
}

.cr-primary-menu,
.cr-footer-menu {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2vw, 28px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.cr-primary-menu a,
.cr-footer-menu a {
  color: var(--cr-text);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
}

.cr-main {
  min-height: 60vh;
  padding-block: 0;
}

@media (max-width: 720px) {
  .cr-site-header__inner,
  .cr-site-footer__inner {
    align-items: flex-start;
    flex-direction: column;
    padding-block: 14px;
  }

  .cr-primary-menu,
  .cr-footer-menu {
    flex-wrap: wrap;
  }
}

.cr-brand img {
  display: block;
  width: 54px;
  height: auto;
}

.cr-hero {
  min-height: clamp(378px, 32vw, 500px);
  padding-block: clamp(42px, 6vw, 64px);
  border-bottom: 1px solid rgba(215, 59, 114, 0.52);
  background:
    linear-gradient(90deg, rgba(8, 9, 12, 0.99) 0%, rgba(8, 9, 12, 0.96) 43%, rgba(8, 9, 12, 0.7) 70%, rgba(8, 9, 12, 0.5) 100%),
    linear-gradient(180deg, rgba(8, 9, 12, 0.82), rgba(8, 9, 12, 0.95)),
    radial-gradient(circle at 89% 0%, rgba(var(--cr-accent-rgb), 0.34), rgba(var(--cr-accent-rgb), 0) 32%),
    radial-gradient(circle at 80% 34%, rgba(185, 130, 57, 0.28), rgba(185, 130, 57, 0) 28%),
    radial-gradient(circle at 34% 25%, rgba(var(--cr-accent-rgb), 0.14), rgba(var(--cr-accent-rgb), 0) 25%),
    var(--cr-bg-deep);
}

.cr-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 478px);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
}

.cr-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--cr-accent);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.cr-section .cr-kicker::before,
.cr-page-hero--wire .cr-kicker::before {
  content: "";
  display: inline-block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background: currentColor;
  -webkit-mask: var(--cr-kicker-icon) center / contain no-repeat;
  mask: var(--cr-kicker-icon) center / contain no-repeat;
}

#recently-played .cr-kicker {
  --cr-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7'/%3E%3Cpath d='M3 3v6h6'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.cr-wire .cr-kicker,
.cr-page-hero--wire .cr-kicker,
.cr-article-aside .cr-article-kicker {
  --cr-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v14H4z'/%3E%3Cpath d='M8 9h8'/%3E%3Cpath d='M8 13h5'/%3E%3C/svg%3E");
}

#discover-artists .cr-kicker {
  --cr-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-12'/%3E%3Cpath d='m7 14 8 4'/%3E%3Cpath d='M4 20h5'/%3E%3Cpath d='M15 4h5'/%3E%3C/svg%3E");
}

#on-air .cr-kicker {
  --cr-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20v-8'/%3E%3Cpath d='M8 8a4 4 0 1 1 8 0'/%3E%3Cpath d='M5 5a8 8 0 0 0 0 6'/%3E%3Cpath d='M19 5a8 8 0 0 1 0 6'/%3E%3Cpath d='M8 21h8'/%3E%3C/svg%3E");
}

#new-music .cr-kicker {
  --cr-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E");
}

.cr-hero__brand {
  display: inline-flex;
  gap: 22px;
  align-items: center;
  margin-block-end: 14px;
}

.cr-hero__brand img {
  width: 72px;
  height: 72px;
  object-fit: contain;
}

.cr-hero__brand strong {
  color: #fffaf2;
  font-family: var(--cr-font-sans);
  font-size: clamp(34px, 40px, 44px);
  font-weight: 900;
  line-height: 1;
}

.cr-hero h1 {
  margin: 0;
  max-width: 650px;
  color: #fffaf2;
  font-family: var(--cr-font-display);
  font-size: clamp(45px, 4.45vw, 57px);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 0.91;
}

.cr-hero__copy p:not(.cr-kicker) {
  max-width: 62ch;
  margin-block-start: 18px;
  padding: 14px 20px;
  border-left: 2px solid var(--cr-accent);
  background: linear-gradient(90deg, rgb(8 9 12 / 0.82), rgb(8 9 12 / 0.2));
  color: rgb(255 250 242 / 0.9);
  font-size: 16px;
  line-height: 1.45;
}

.cr-now,
.cr-card {
  border: 1px solid var(--cr-line);
  border-radius: 6px;
  background: var(--cr-surface);
}

.cr-now {
  display: grid;
  gap: 28px;
  min-height: 288px;
  padding: 24px 28px 28px;
  border-color: rgba(215, 59, 114, 0.58);
  border-radius: 0;
  background:
    radial-gradient(circle at 12% 0%, rgba(var(--cr-accent-rgb), 0.28), rgba(var(--cr-accent-rgb), 0) 34%),
    linear-gradient(135deg, rgb(26 28 36 / 0.96), rgb(6 8 12 / 0.98) 58%, rgb(3 5 8 / 0.99));
  box-shadow: 0 32px 90px rgb(0 0 0 / 0.52), 0 0 0 1px rgb(215 59 114 / 0.08), 0 0 54px rgb(215 59 114 / 0.14);
}

.cr-now__label {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: var(--cr-accent);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.cr-now__label::before {
  content: "";
  display: inline-block;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18v-7'/%3E%3Ccircle cx='12' cy='8' r='2.4'/%3E%3Cpath d='M8.5 11.5a5 5 0 0 1 0-7'/%3E%3Cpath d='M15.5 4.5a5 5 0 0 1 0 7'/%3E%3Cpath d='M5.2 14.8a9 9 0 0 1 0-13.6'/%3E%3Cpath d='M18.8 1.2a9 9 0 0 1 0 13.6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18v-7'/%3E%3Ccircle cx='12' cy='8' r='2.4'/%3E%3Cpath d='M8.5 11.5a5 5 0 0 1 0-7'/%3E%3Cpath d='M15.5 4.5a5 5 0 0 1 0 7'/%3E%3Cpath d='M5.2 14.8a9 9 0 0 1 0-13.6'/%3E%3Cpath d='M18.8 1.2a9 9 0 0 1 0 13.6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.cr-now__track {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  gap: 34px;
  align-items: center;
}

.cr-now strong {
  color: #fffaf2;
  font-family: var(--cr-font-display);
  font-size: clamp(28px, 2.2vw, 38px);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 0.95;
}

.cr-now p {
  margin: 10px 0 0;
  color: rgb(255 250 242 / 0.78);
  font-weight: 800;
}

.cr-now img {
  width: 126px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0;
}

.cr-now .cr-player-mount {
  justify-self: start;
}

.cr-section {
  padding-block: clamp(54px, 7vw, 88px);
}

.cr-section--compact {
  padding-block: clamp(28px, 4vw, 56px);
}

.cr-section__head h1,
.cr-section__head h2 {
  margin: 0 0 20px;
  color: #fffaf2;
  font-size: clamp(34px, 3.6vw, 46px);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
}

.cr-section__intro {
  max-width: 64ch;
  margin: -8px 0 24px;
  color: var(--cr-muted);
}

.cr-section__head--split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, auto);
  gap: 24px;
  align-items: end;
}

.cr-section__head--split h2 {
  justify-self: end;
  text-align: right;
}

.cr-section--strip,
.cr-artists,
.cr-onair,
.cr-new,
.cr-new-music {
  border-bottom: 1px solid rgba(246, 241, 232, 0.08);
  background: #111217;
}

.cr-track-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px;
}

.cr-track-card {
  min-width: 0;
  border: 1px solid rgba(246, 241, 232, 0.1);
  background: #1d2026;
}

.cr-track-card__art {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.cr-track-card__meta {
  min-height: 118px;
  padding: 14px 15px 18px;
}

.cr-track-card__time {
  color: var(--cr-accent);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.cr-track-card h3,
.cr-track-card p {
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
}

.cr-track-card h3 {
  margin-block-start: 8px;
  color: #fffaf2;
  font-size: 21px;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 0.98;
}

.cr-track-card p {
  color: var(--cr-muted);
  font-size: 15px;
}

.cr-wire {
  background:
    radial-gradient(circle at 12% 10%, rgba(var(--cr-accent-rgb), 0.12), rgba(var(--cr-accent-rgb), 0) 24%),
    linear-gradient(180deg, var(--cr-paper), var(--cr-paper-soft));
  color: #14151a;
}

.cr-wire .cr-section__head h2,
.cr-wire .cr-section__head h2 a {
  color: #14151a;
  font-size: clamp(36px, 44px, 48px);
  font-weight: 800;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.cr-wire .cr-kicker,
.cr-wire .cr-story__body p,
.cr-wire .cr-wire-side time {
  color: var(--cr-accent);
}

.cr-wire__featured,
.cr-wire-layout__main {
  display: grid;
  gap: 24px;
}

.cr-wire__featured {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.cr-wire-layout {
  margin-block-start: 30px;
}

.cr-story,
.cr-wire-side {
  background: #fffaf1;
  box-shadow: 0 18px 38px rgba(32, 24, 12, 0.12);
}

.cr-story__media {
  position: relative;
  display: block;
  color: inherit;
  text-decoration: none;
}

.cr-story__media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: var(--cr-image-position, 50% 30%);
}

.cr-story__media span {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  padding: 7px 10px;
  background: rgba(0, 0, 0, 0.58);
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cr-story__body {
  display: grid;
  gap: 12px;
  min-height: 194px;
  padding: 18px 18px 22px;
}

.cr-story__body p,
.cr-story__readmore,
.cr-link-button,
.cr-wire-side time {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.cr-story__body h3 {
  margin: 0;
  color: #14151a;
  font-size: clamp(20px, 27px, 31px);
  font-weight: 950;
  letter-spacing: 0.12em;
  line-height: 1;
}

.cr-story__body h3 a,
.cr-story__readmore,
.cr-link-button {
  color: inherit;
}

.cr-story__body span {
  color: #64605a;
  font-size: 15px;
  line-height: 1.35;
}

.cr-wire-side {
  display: grid;
  gap: 24px;
  margin-block-start: 24px;
  padding: 28px;
  border: 1px solid rgb(215 59 114 / 0.18);
  background:
    radial-gradient(circle at 100% 0%, rgb(215 59 114 / 0.14), transparent 30%),
    rgb(255 250 242 / 0.62);
}

.cr-wire-side__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.cr-wire-side-card {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  min-height: 86px;
  padding: 10px;
  border: 1px solid rgb(21 21 21 / 0.08);
  border-radius: 6px;
  background: rgb(255 250 242 / 0.74);
  color: inherit;
  text-decoration: none;
}

.cr-wire-side-card__media img {
  display: block;
  width: 70px;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: var(--cr-image-position, 50% 30%);
}

.cr-wire-side-card__body {
  display: grid;
  align-content: start;
  min-width: 0;
}

.cr-wire-side-card strong {
  overflow: hidden;
  color: #14151a;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.05;
  text-overflow: ellipsis;
}

.cr-wire__more {
  margin-block-start: 44px;
  text-align: center;
}

.cr-link-button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border: 1px solid rgb(215 59 114 / 0.72);
  border-radius: 0;
  background: linear-gradient(180deg, rgb(215 59 114 / 0.98), rgb(116 22 58 / 0.98));
  box-shadow: 0 10px 24px rgb(215 59 114 / 0.2);
  color: #fffaf2;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
}

.cr-link-button:hover,
.cr-link-button:focus-visible {
  color: #fffaf2;
  filter: brightness(1.08);
}

.cr-radio-history {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  gap: 14px;
  align-items: stretch;
}

.cr-track-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cr-track-list__item {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--cr-line);
  border-radius: 6px;
  background: var(--cr-surface);
}

.cr-track-list__item strong,
.cr-track-list__item span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cr-track-list__item span {
  color: var(--cr-muted);
  font-size: 13px;
}

.cr-artist-history {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--cr-line);
  border-radius: 6px;
  background: var(--cr-surface-soft);
}

.cr-artist-history > span {
  color: var(--cr-accent);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.cr-artist-history strong {
  overflow: hidden;
  font-size: 20px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cr-artist-history ol {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-inline-start: 18px;
  color: var(--cr-muted);
  font-size: 13px;
}

.cr-artist-history li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cr-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 18px;
}

.cr-card--placeholder {
  min-height: 210px;
}

.cr-card__link {
  display: grid;
  min-height: 100%;
  color: inherit;
  text-decoration: none;
}

.cr-card__image {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: var(--cr-image-position, 50% 30%);
  border-radius: 6px 6px 0 0;
}

.cr-card__body {
  display: grid;
  gap: 8px;
  padding: 16px;
}

.cr-card time,
.cr-card__body span {
  color: var(--cr-muted);
  font-size: 14px;
}

.cr-artist-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}

.cr-artist {
  min-width: 0;
}

.cr-artist__art,
.cr-album__art {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0;
  background: var(--cr-surface-soft);
}

.cr-artist {
  padding: 13px;
  border: 1px solid rgba(246, 241, 232, 0.1);
  background: #1a1c21;
}

.cr-art-fallback {
  display: grid;
  place-items: center;
  color: var(--cr-on-accent);
  font-weight: 900;
  background:
    linear-gradient(135deg, rgba(215, 59, 114, 0.88), rgba(185, 130, 57, 0.82)),
    var(--cr-surface-soft);
}

.cr-artist h3,
.cr-artist p,
.cr-album h3,
.cr-album p {
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
}

.cr-artist h3 {
  margin-block-start: 14px;
  color: #fffaf2;
  font-size: 23px;
  font-weight: 900;
  letter-spacing: 0.12em;
  line-height: 0.95;
}

.cr-artist p,
.cr-album p {
  color: var(--cr-muted);
  font-size: 13px;
}

.cr-onair {
  border-top: 1px solid rgba(246, 241, 232, 0.08);
  background: #17191d;
}

.cr-onair__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1.1fr);
  gap: clamp(24px, 5vw, 60px);
  align-items: start;
}

.cr-show-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.cr-show-list article {
  min-width: 0;
  padding: 17px 22px;
  border-left: 3px solid var(--cr-whisky);
  border-radius: 0;
  background: #24262b;
}

.cr-show-list span {
  display: block;
  overflow: hidden;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cr-album-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.cr-album {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: stretch;
  min-width: 0;
  padding: 0;
  border: 1px solid var(--cr-line);
  border-radius: 0;
  background: #1a1c21;
}

.cr-album__art {
  width: 100%;
  border-radius: 0;
}

.cr-album > div:not(.cr-album__art) {
  padding: 14px;
}

.cr-album h3 {
  color: #fffaf2;
  font-size: 25px;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 0.98;
  white-space: normal;
}

.cr-page-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(56px, 7vw, 92px) 0 clamp(44px, 6vw, 78px);
  border-bottom: 1px solid rgb(246 241 232 / 0.14);
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--cr-accent-rgb), 0.16), rgba(var(--cr-accent-rgb), 0) 28%),
    linear-gradient(180deg, #111318, #090a0d);
  color: var(--cr-text);
}

.cr-page-hero h1 {
  max-width: 980px;
  margin: 0;
  font-size: clamp(46px, 76px, 104px);
  line-height: 0.92;
}

.cr-page-hero p:not(.cr-kicker) {
  max-width: 680px;
  color: rgb(246 241 232 / 0.74);
  font-size: 18px;
}

.cr-page-hero--wire {
  background:
    linear-gradient(90deg, rgb(8 9 12 / 0.94) 0%, rgb(8 9 12 / 0.78) 48%, rgb(8 9 12 / 0.38) 100%),
    radial-gradient(circle at 14% 8%, rgba(var(--cr-accent-rgb), 0.26), rgba(var(--cr-accent-rgb), 0) 30%),
    linear-gradient(135deg, #111318, #08090b 72%);
}

.cr-page-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.75fr);
  gap: clamp(30px, 5vw, 76px);
  align-items: center;
}

.cr-page-hero__copy {
  position: relative;
  z-index: 1;
}

.cr-page-hero--wire .cr-page-hero__media {
  position: relative;
  z-index: 0;
  justify-self: end;
  width: min(100%, 450px);
  margin: 0;
  border: 1px solid rgb(246 241 232 / 0.18);
  background: rgb(8 9 12 / 0.42);
  box-shadow: 0 26px 80px rgb(0 0 0 / 0.42);
}

.cr-page-hero--wire .cr-page-hero__media::before {
  position: absolute;
  inset: -90px -120px;
  z-index: -1;
  background: inherit;
  background-image: var(--cr-wire-hero-image);
  background-position: center;
  background-size: cover;
  content: "";
  filter: blur(1px);
  opacity: 0.24;
  transform: scale(1.04);
}

.cr-page-hero--wire .cr-page-hero__media img {
  display: block;
  width: 100%;
  aspect-ratio: 1.1;
  object-fit: cover;
  object-position: var(--cr-image-position, 50% 30%);
}

.cr-page-hero--wire .cr-page-hero__media figcaption {
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: 10px;
  padding: 8px 10px;
  background: rgb(8 9 12 / 0.68);
  color: rgb(246 241 232 / 0.72);
  font-family: var(--cr-font-sans);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cr-wire-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 760px;
  margin-block-start: 28px;
}

.cr-wire-filters a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 0 14px;
  border: 1px solid rgb(246 241 232 / 0.18);
  background: rgb(8 9 12 / 0.36);
  color: rgb(246 241 232 / 0.82);
  font-family: var(--cr-font-display);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.cr-wire-filters a:hover,
.cr-wire-filters a:focus-visible,
.cr-wire-filters a.is-active {
  border-color: rgb(215 59 114 / 0.84);
  color: var(--cr-text);
  box-shadow: inset 0 -2px 0 rgb(215 59 114 / 0.82);
}

.cr-wire-tag-filter {
  max-width: 760px;
  margin-block-start: 12px;
}

.cr-wire-tag-filter summary {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  border: 1px solid rgb(215 59 114 / 0.5);
  background: rgb(8 9 12 / 0.3);
  color: rgb(246 241 232 / 0.9);
  cursor: pointer;
  font-family: var(--cr-font-display);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  list-style: none;
  text-transform: uppercase;
}

.cr-wire-tag-filter summary::-webkit-details-marker {
  display: none;
}

.cr-wire-tag-filter summary::after {
  color: var(--cr-accent);
  content: "+";
  font-size: 16px;
  line-height: 1;
}

.cr-wire-tag-filter[open] summary {
  border-color: rgb(215 59 114 / 0.84);
  box-shadow: inset 0 -2px 0 rgb(215 59 114 / 0.82);
}

.cr-wire-tag-filter[open] summary::after {
  content: "-";
}

.cr-wire-filters--tags {
  max-height: 220px;
  margin-block-start: 12px;
  overflow: auto;
  padding-block-end: 2px;
}

.cr-wire-filters--tags a {
  min-height: 34px;
  border-color: rgb(246 241 232 / 0.14);
  background: rgb(8 9 12 / 0.24);
  color: rgb(246 241 232 / 0.72);
  font-size: 11px;
}

.cr-wire-tag-cloud {
  margin-block: 0 34px;
  padding: 22px;
  border: 1px solid rgb(20 21 26 / 0.08);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgb(255 250 242 / 0.94), rgb(255 250 242 / 0.78)),
    radial-gradient(circle at 100% 0%, rgb(var(--cr-accent-rgb) / 0.14), rgb(var(--cr-accent-rgb) / 0) 28%);
  box-shadow: 0 18px 54px rgb(28 20 12 / 0.08);
}

.cr-wire-tag-cloud__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 16px;
  margin-block-end: 14px;
}

.cr-wire-tag-cloud__head .cr-kicker {
  margin: 0;
  color: var(--cr-accent);
}

.cr-wire-tag-cloud__head span {
  color: rgb(20 21 26 / 0.58);
  font-size: 14px;
  font-weight: 700;
}

.cr-wire-tag-cloud__links,
.cr-wire-tag-more__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cr-wire-tag-cloud__links a,
.cr-wire-tag-more summary {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 12px;
  border: 1px solid rgb(20 21 26 / 0.14);
  border-radius: 4px;
  background: rgb(255 255 255 / 0.58);
  color: #181a20;
  font-family: var(--cr-font-display);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.cr-wire-tag-cloud__links a:hover,
.cr-wire-tag-cloud__links a:focus-visible,
.cr-wire-tag-more summary:hover,
.cr-wire-tag-more summary:focus-visible {
  border-color: rgb(var(--cr-accent-rgb) / 0.78);
  background: #181a20;
  color: #fffaf2;
  outline: 0;
}

.cr-wire-tag-more {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cr-wire-tag-more[open] {
  flex-basis: 100%;
}

.cr-wire-tag-more summary {
  cursor: pointer;
  list-style: none;
}

.cr-wire-tag-more summary::-webkit-details-marker {
  display: none;
}

.cr-wire-tag-more summary::after {
  margin-inline-start: 8px;
  color: var(--cr-accent);
  content: "+";
  font-size: 14px;
  line-height: 1;
}

.cr-wire-tag-more[open] summary::after {
  content: "-";
}

.cr-wire-tag-more__links {
  flex-basis: 100%;
}

.cr-backlink {
  display: inline-flex;
  margin-bottom: 22px;
  color: rgb(246 241 232 / 0.76);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-decoration: none;
  text-transform: uppercase;
}

.cr-backlink:hover,
.cr-backlink:focus-visible {
  color: var(--cr-accent);
}

.cr-wire-archive-page,
.cr-content-page {
  background: var(--cr-paper);
}

.cr-wire-archive-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.cr-article-page {
  background:
    radial-gradient(circle at 12% 0%, rgb(88 72 58 / 0.24), rgb(88 72 58 / 0) 34%),
    linear-gradient(180deg, #111318 0%, #0b0d11 46%, #151515 100%);
  color: var(--cr-text);
}

.cr-article-hero {
  position: relative;
  display: flex;
  overflow: hidden;
  min-height: 448px;
  padding: 34px 0 36px;
  background:
    linear-gradient(90deg, rgb(8 9 12 / 0.95) 0%, rgb(8 9 12 / 0.82) 42%, rgb(8 9 12 / 0.34) 100%),
    radial-gradient(circle at 82% 22%, rgb(88 72 58 / 0.3), rgb(88 72 58 / 0) 34%),
    var(--cr-article-image, linear-gradient(135deg, #15171c, #2b1d24)) center / cover no-repeat;
  color: var(--cr-text);
}

.cr-article-hero__bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 0% 18%, rgb(88 72 58 / 0.28), rgb(88 72 58 / 0) 30%),
    linear-gradient(180deg, rgb(8 9 12 / 0.18), rgb(8 9 12 / 0.86));
}

.cr-article-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 846px) 300px;
  gap: 34px;
  align-items: center;
  margin-block: auto;
}

.cr-article-hero__copy {
  max-width: 846px;
}

.cr-article-hero h1 {
  max-width: 846px;
  margin: 14px 0 16px;
  color: var(--cr-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 48px, 51.2px);
  font-weight: 800;
  line-height: 1.01;
  overflow-wrap: break-word;
}

.cr-entry--single .cr-article-hero h1 {
  font-size: clamp(42px, 48px, 51.2px);
}

.cr-article-kicker {
  margin: 0;
  color: var(--cr-whisky-soft);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.cr-article-deck {
  max-width: 760px;
  margin: 0;
  padding: 0 0 0 18px;
  border-left: 2px solid rgb(185 130 57 / 0.48);
  background: linear-gradient(90deg, rgb(88 72 58 / 0.18), rgb(88 72 58 / 0.03));
  color: rgb(255 250 242 / 0.82);
  font-size: 16px;
  line-height: 1.38;
}

.cr-article-hero__media {
  position: relative;
  margin: 0;
  width: 300px;
  height: 300px;
  overflow: hidden;
  border: 1px solid rgb(246 241 232 / 0.16);
  background: rgb(8 9 12 / 0.42);
  box-shadow: 0 22px 60px rgb(0 0 0 / 0.28);
}

.cr-article-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: var(--cr-image-position, 50% 30%);
}

.cr-article-hero__media figcaption {
  position: absolute;
  right: 8px;
  bottom: 8px;
  left: 8px;
  padding: 8px 10px;
  background: rgb(8 9 12 / 0.68);
  color: rgb(246 241 232 / 0.72);
  font-size: 11px;
  line-height: 1.25;
}

.cr-article-meta {
  margin-block-start: 18px;
  color: rgb(246 241 232 / 0.72);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cr-term-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block-start: 14px;
}

.cr-term-chips span,
.cr-term-chips a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgb(246 241 232 / 0.18);
  background: rgb(8 9 12 / 0.34);
  color: rgb(246 241 232 / 0.78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.cr-term-chips a:hover,
.cr-term-chips a:focus-visible {
  border-color: var(--cr-accent);
  color: var(--cr-text);
}

.cr-article-body {
  padding: 77px 0 70px;
  background:
    radial-gradient(circle at 100% 0%, rgb(88 72 58 / 0.12), rgb(88 72 58 / 0) 28%),
    linear-gradient(180deg, #f6f1e8 0%, #efe5d6 100%);
  color: #151515;
}

.cr-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 769px) 360px;
  gap: 50px;
  align-items: start;
  padding-block: 0;
}

.cr-article-content {
  grid-column: 1;
  grid-row: 1;
}

.cr-article-aside {
  grid-column: 2;
  grid-row: 1;
}

.cr-article-content {
  min-width: 0;
  max-width: 769px;
  overflow-x: clip;
  padding: 38px 45px 44px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgb(255 250 242 / 0.92), rgb(255 250 242 / 0.78));
  color: #171717;
  font-size: 20px;
  line-height: 1.6;
  box-shadow: 0 24px 68px rgb(21 21 21 / 0.1), inset 0 1px 0 rgb(255 255 255 / 0.42);
}

/* Imported post content must stay inside the responsive article column. */
.cr-article-content img,
.cr-article-content video,
.cr-article-content iframe,
.cr-article-content embed,
.cr-article-content object,
.cr-article-content canvas,
.cr-article-content svg {
  display: block;
  max-width: 100%;
  height: auto;
}

.cr-article-content figure,
.cr-article-content .wp-block-image,
.cr-article-content .wp-block-embed,
.cr-article-content .wp-block-video {
  max-width: 100%;
  margin-inline: 0;
}

.cr-article-content table,
.cr-article-content pre {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.cr-article-content pre {
  white-space: pre;
}

.cr-article-content p,
.cr-article-content li,
.cr-article-content figcaption {
  overflow-wrap: anywhere;
}

.cr-article-inline-image {
  margin-block: 32px 36px;
}

.cr-article-inline-image img {
  width: 100%;
  border-radius: 8px;
  object-position: var(--cr-image-position, 50% 30%);
}

.cr-article-inline-image figcaption {
  margin-block-start: 8px;
  color: rgb(23 23 23 / 0.58);
  font-family: var(--cr-font-sans);
  font-size: 11px;
  letter-spacing: 0.06em;
  line-height: 1.4;
  text-transform: uppercase;
}

.cr-entry--single .cr-comments,
.cr-article-page .cr-comments {
  color: #151515;
}

.cr-article-page .cr-comments textarea,
.cr-article-page .cr-comments input[type="text"],
.cr-article-page .cr-comments input[type="email"],
.cr-article-page .cr-comments input[type="url"] {
  background: #15171c;
  color: var(--cr-text);
}

.cr-article-content p:first-child {
  font-size: 20px;
  line-height: 1.6;
}

.cr-article-aside {
  position: sticky;
  top: 98px;
  display: grid;
  gap: 16px;
  padding: 22px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgb(88 72 58 / 0.16), rgb(88 72 58 / 0) 32%),
    rgb(255 250 242 / 0.76);
  color: #151515;
  box-shadow: 0 22px 58px rgb(21 21 21 / 0.09);
}

.cr-article-aside__head h2 {
  margin: 4px 0 0;
  color: #151515;
  font-size: 28px;
  line-height: 1;
}

.cr-article-aside__list {
  display: grid;
  gap: 10px;
}

.cr-article-aside .cr-wire-side-card {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  min-height: 96px;
  gap: 12px;
  padding: 10px;
  border: 1px solid rgb(21 21 21 / 0.08);
  border-radius: 10px;
  background: rgb(255 255 255 / 0.44);
  color: #151515;
}

.cr-article-aside .cr-wire-side-card__media img {
  width: 76px;
  height: 76px;
  aspect-ratio: 1;
}

.cr-article-aside .cr-wire-side-card time {
  color: rgb(21 21 21 / 0.54);
  font-size: 11px;
}

.cr-article-aside .cr-wire-side-card strong {
  font-size: 14px;
  line-height: 1.2;
}

.cr-article-aside__all {
  justify-self: start;
  color: #151515;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.cr-site-footer {
  padding-block: 40px;
  border-top: 1px solid rgb(215 59 114 / 0.38);
  background:
    radial-gradient(circle at 88% 26%, rgba(var(--cr-accent-rgb), 0.24), rgba(var(--cr-accent-rgb), 0) 28%),
    linear-gradient(180deg, #101216, #07080a 76%);
}

.cr-site-footer__inner {
  display: grid;
  grid-template-columns: minmax(290px, 1fr) auto minmax(190px, 1fr);
  gap: 32px;
  align-items: center;
  min-height: 120px;
}

.cr-footer-brand {
  display: flex;
  gap: 22px;
  align-items: center;
}

.cr-footer-brand img {
  width: 96px;
  height: auto;
}

.cr-footer-brand strong {
  color: #fffaf2;
  font-size: 24px;
  line-height: 1;
}

.cr-footer-brand p {
  margin: 4px 0 0;
  color: var(--cr-muted);
  font-size: 15px;
}

.cr-site-footer .cr-player-button,
.cr-site-footer [data-cr-player-toggle] {
  justify-self: end;
}

.cr-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-block-start: 34px;
}

.cr-pagination .page-numbers {
  display: inline-flex;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border: 1px solid rgb(20 21 26 / 0.2);
  border-radius: 4px;
  background: #fffaf1;
  color: #14151a;
  font-family: var(--cr-font-display);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.12em;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 12px 26px rgb(32 24 12 / 0.1);
}

.cr-pagination a.page-numbers:hover,
.cr-pagination a.page-numbers:focus-visible {
  border-color: rgb(var(--cr-accent-rgb) / 0.86);
  background: #16181f;
  color: #fffaf2;
  outline: 0;
  box-shadow: 0 12px 30px rgb(var(--cr-accent-rgb) / 0.22);
}

.cr-pagination .current {
  border-color: rgb(var(--cr-accent-rgb) / 0.95);
  background: linear-gradient(180deg, #f14488, #b91658);
  color: #fffaf2;
  box-shadow: 0 14px 34px rgb(var(--cr-accent-rgb) / 0.28);
}

.cr-pagination .dots {
  min-width: auto;
  border-color: transparent;
  background: transparent;
  color: rgb(20 21 26 / 0.65);
  box-shadow: none;
}

.cr-empty {
  display: grid;
  gap: 16px;
  max-width: 680px;
}

.cr-empty h1 {
  margin: 0;
  font-size: 54px;
  line-height: 1;
}

.cr-empty p {
  margin: 0;
  color: var(--cr-muted);
}

.search-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.search-form label {
  flex: 1 1 260px;
}

.search-field,
.search-submit {
  min-height: 44px;
  border-radius: 4px;
  font: inherit;
}

.search-field {
  width: 100%;
  border: 1px solid var(--cr-line);
  background: var(--cr-surface);
  color: var(--cr-text);
  padding-inline: 12px;
}

.search-submit {
  border: 0;
  background: var(--cr-accent);
  color: var(--cr-on-accent);
  cursor: pointer;
  padding-inline: 18px;
}

.cr-entry {
  max-width: 760px;
}

.cr-entry--single,
.cr-content-page .cr-entry {
  max-width: none;
}

.cr-entry h1 {
  font-size: 58px;
  line-height: 1;
  letter-spacing: 0;
}

.cr-entry__image {
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.cr-comments {
  max-width: 760px;
  margin-block-start: 44px;
  padding-block-start: 28px;
  border-top: 1px solid var(--cr-line);
}

.cr-comments__title {
  margin: 0 0 18px;
  font-size: 30px;
  line-height: 1.1;
}

.cr-comments__list {
  display: grid;
  gap: 16px;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}

.cr-comments .comment-body {
  padding: 16px;
  border: 1px solid var(--cr-line);
  border-radius: 6px;
  background: var(--cr-surface);
}

.cr-comments .comment-meta,
.cr-comments__closed {
  color: var(--cr-muted);
  font-size: 14px;
}

.cr-comments .comment-form {
  display: grid;
  gap: 14px;
}

.cr-comments textarea,
.cr-comments input[type="text"],
.cr-comments input[type="email"],
.cr-comments input[type="url"] {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--cr-line);
  border-radius: 4px;
  background: var(--cr-surface);
  color: var(--cr-text);
  font: inherit;
  padding: 10px 12px;
}

.cr-comments textarea {
  min-height: 140px;
}

@media (max-width: 900px) {
  .cr-hero {
    min-height: auto;
    padding-block: 38px 48px;
  }

  .cr-hero__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .cr-hero h1 {
    max-width: 760px;
    font-size: 54px;
    line-height: 0.96;
  }

  .cr-hero__brand strong {
    font-size: 38px;
  }

  .cr-now {
    min-height: 0;
    padding: 24px;
  }

  .cr-now__track {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 24px;
  }

  .cr-now img {
    width: 104px;
  }

  .cr-now strong {
    font-size: 34px;
  }

  .cr-section__head--split,
  .cr-wire__featured,
  .cr-wire-layout,
  .cr-wire-layout__main,
  .cr-wire-archive-grid,
  .cr-page-hero__grid,
  .cr-article-hero__grid,
  .cr-article-layout,
  .cr-onair__grid,
  .cr-site-footer__inner {
    grid-template-columns: 1fr;
  }

  .cr-section__head--split h2 {
    justify-self: start;
    text-align: left;
  }

  .cr-track-grid,
  .cr-artist-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

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

  .cr-wire-side__grid {
    grid-template-columns: 1fr;
  }

  .cr-site-footer .cr-player-button,
  .cr-site-footer [data-cr-player-toggle] {
    justify-self: start;
  }

  .cr-article-aside {
    position: static;
  }

  .cr-article-hero {
    min-height: 0;
    padding-block: 38px 42px;
  }

  .cr-article-hero__grid {
    gap: 26px;
  }

  .cr-entry--single .cr-article-hero h1,
  .cr-article-hero h1 {
    max-width: 780px;
    font-size: clamp(42px, 7vw, 62px);
    line-height: 0.98;
  }

  .cr-article-hero__media {
    width: min(360px, 100%);
    height: auto;
    aspect-ratio: 1;
  }

  .cr-page-hero--wire .cr-page-hero__media {
    justify-self: start;
    width: min(450px, 100%);
  }
}

.cr-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.cr-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid var(--cr-line);
  border-radius: 4px;
  background: transparent;
  color: var(--cr-text);
  cursor: pointer;
}

.cr-menu-toggle span:not(.cr-visually-hidden) {
  display: block;
  width: 20px;
  height: 2px;
  margin: 4px auto;
  background: currentColor;
}

.cr-mobile-home-button {
  display: none;
}

.cr-mobile-portrait-break {
  display: none;
}

@media (max-width: 720px) {
  .cr-menu-toggle {
    display: inline-block;
  }

  .cr-primary-nav {
    display: none;
    width: 100%;
  }

  .cr-site-header.cr-menu-open .cr-primary-nav {
    display: block;
  }

  .cr-primary-menu {
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
  }

  .cr-site-header__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px auto;
    align-items: center;
    gap: 10px;
    min-height: 64px;
    padding-block: 10px;
    position: relative;
  }

  .cr-site-header .cr-brand {
    display: inline-flex;
  }

  .cr-brand span {
    max-width: 96px;
    font-size: 13px;
  }

  .cr-brand img {
    width: 28px;
  }

  .cr-primary-nav {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    z-index: 25;
    grid-column: auto;
    width: min(100%, 320px);
    padding: 20px 22px;
    border: 1px solid var(--cr-line);
    background:
      radial-gradient(circle at 0% 0%, rgba(var(--cr-accent-rgb), 0.2), rgba(var(--cr-accent-rgb), 0) 44%),
      linear-gradient(180deg, #111318, #08090c);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.45);
  }

  .cr-site-header.cr-menu-open .cr-menu-toggle {
    border-color: rgba(var(--cr-accent-rgb), 0.65);
    box-shadow: 0 0 0 1px rgba(var(--cr-accent-rgb), 0.18);
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-site-header__inner {
    grid-template-columns: 44px auto minmax(0, 1fr);
    justify-content: start;
    min-height: 58px;
    padding-block: 8px;
  }

  .cr-menu-toggle {
    grid-column: 1;
    grid-row: 1;
  }

  .cr-mobile-home-button {
    display: inline-flex;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid rgba(255, 250, 242, 0.22);
    border-radius: 4px;
    color: #fffaf2;
    font-family: var(--cr-font-sans);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-decoration: none;
    text-transform: uppercase;
  }

  .cr-site-header .cr-brand {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    width: auto;
    opacity: 1;
    pointer-events: auto;
  }

  .cr-site-header .cr-brand span {
    display: none;
  }

  .cr-site-header .cr-brand img {
    width: 32px;
    height: 32px;
  }

  .cr-site-header > .cr-site-header__inner > .cr-player-mount {
    display: none;
  }

  .cr-site-header .cr-primary-nav {
    right: auto;
    left: 0;
    width: min(100%, 310px);
  }

  .cr-hero {
    padding-block: 22px 24px;
  }

  .cr-hero__grid {
    gap: 16px;
  }

  .cr-hero__copy {
    display: grid;
    gap: 12px;
  }

  .cr-hero__brand {
    gap: 14px;
  }

  .cr-hero__brand img {
    width: 46px;
    height: 46px;
  }

  .cr-hero__brand strong {
    font-size: 28px;
  }

  .cr-hero h1 {
    max-width: 11ch;
    font-size: 42px;
    line-height: 0.98;
    letter-spacing: 0.035em;
  }

  .cr-hero__copy p:not(.cr-kicker) {
    display: none;
  }

  .cr-now {
    gap: 16px;
    min-height: 0;
    padding: 18px;
    border-color: rgba(var(--cr-accent-rgb), 0.68);
    background:
      radial-gradient(circle at 0% 0%, rgba(var(--cr-accent-rgb), 0.2), transparent 44%),
      linear-gradient(140deg, rgba(18, 20, 25, 0.96), rgba(5, 7, 10, 0.98));
  }

  .cr-now__label {
    font-size: 13px;
    letter-spacing: 0.18em;
  }

  .cr-now__track {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 16px;
  }

  .cr-now img {
    width: 96px;
  }

  .cr-now strong {
    font-size: 30px;
    line-height: 1.02;
    letter-spacing: 0.06em;
  }

  .cr-now p {
    margin-top: 8px;
    font-size: 15px;
  }

  .cr-now .cr-player-mount {
    display: none;
  }

  .cr-mobile-portrait-break {
    display: block;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-site-header__inner {
    grid-template-columns: 44px auto minmax(0, 1fr);
    gap: 8px;
  }

  .cr-mobile-home-button {
    padding-inline: 10px;
    font-size: 11px;
  }

  .cr-hero h1 {
    max-width: 8ch;
    font-size: 34px;
  }

  .cr-hero__brand strong {
    font-size: 24px;
  }

  .cr-now__track {
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 14px;
  }

  .cr-now img {
    width: 70px;
  }

  .cr-now strong {
    font-size: 21px;
    letter-spacing: 0.035em;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-hero h1 {
    max-width: 8ch;
    font-size: 34px;
    line-height: 1;
  }

  .cr-now__track {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .cr-now img {
    width: 64px;
  }

  .cr-now strong {
    font-size: 20px;
    letter-spacing: 0;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 560px) {
  :root {
    --cr-player-clearance: 148px;
    --cr-shell: min(100vw, calc(100vw - 32px));
  }

  .cr-site-header {
    position: sticky;
  }

  .cr-site-header__inner {
    min-height: 72px;
  }

  .cr-site-header .cr-primary-nav {
    right: 0;
    left: 0;
    width: auto;
  }

  .cr-hero {
    padding-block: 30px 36px;
  }

  .cr-hero h1 {
    font-size: 36px;
    letter-spacing: 0.035em;
    line-height: 1;
  }

  .cr-hero__brand img {
    width: 48px;
    height: 48px;
  }

  .cr-hero__brand strong {
    font-size: 28px;
  }

  .cr-hero__copy p:not(.cr-kicker) {
    padding: 12px 16px;
    font-size: 15px;
    line-height: 1.42;
  }

  .cr-now {
    gap: 18px;
    padding: 20px 18px;
  }

  .cr-now__track {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 16px;
  }

  .cr-now img {
    width: 76px;
  }

  .cr-now strong {
    font-size: 24px;
    letter-spacing: 0.08em;
  }

  .cr-section__head h1,
  .cr-section__head h2,
  .cr-page-hero h1 {
    font-size: 30px;
  }

  .cr-page-hero,
  .cr-article-hero {
    padding-block: 32px 36px;
  }

  .cr-entry--single .cr-article-hero h1,
  .cr-article-hero h1 {
    margin-block: 10px 12px;
    font-size: 32px;
    line-height: 0.98;
  }

  .cr-article-deck {
    padding-left: 14px;
    font-size: 16px;
    line-height: 1.38;
  }

  .cr-article-meta {
    margin-block-start: 14px;
  }

  .cr-term-chips {
    margin-block-start: 12px;
  }

  .cr-article-hero__grid {
    gap: 20px;
  }

  .cr-article-hero__media {
    width: min(300px, 100%);
    justify-self: start;
  }

  .cr-article-content {
    padding: 26px 22px 32px;
    font-size: 18px;
    line-height: 1.55;
  }

  .cr-radio-history {
    grid-template-columns: 1fr;
  }

  .cr-track-list {
    grid-template-columns: 1fr;
  }

  .cr-track-grid,
  .cr-artist-grid {
    grid-template-columns: 1fr;
  }

  .cr-wire__featured,
  .cr-wire-layout__main {
    grid-template-columns: 1fr;
  }

  .cr-onair__grid,
  .cr-show-list {
    grid-template-columns: 1fr;
  }

  .cr-empty h1,
  .cr-entry h1 {
    font-size: 34px;
  }

  .cr-comments__title {
    font-size: 24px;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-hero h1 {
    max-width: 8ch;
    font-size: 34px;
    line-height: 1;
  }

  .cr-now__track {
    grid-template-columns: 70px minmax(0, 1fr);
  }

  .cr-now img {
    width: 70px;
  }

  .cr-now strong {
    font-size: 21px;
    letter-spacing: 0.035em;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-hero {
    padding-block-end: 18px;
  }

  .cr-hero h1 {
    margin-block: 2px;
    font-size: 37px;
    line-height: 0.98;
  }

  .cr-now {
    width: min(100%, 360px);
    min-height: 300px;
    align-content: start;
    padding: 20px;
    border-color: rgba(var(--cr-accent-rgb), 0.72);
  }

  .cr-now__track {
    grid-template-columns: 98px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
  }

  .cr-now img {
    width: 98px;
  }

  .cr-now strong {
    font-size: 30px;
    line-height: 1.02;
    letter-spacing: 0.04em;
  }

  .cr-now .cr-player-mount {
    display: block;
    align-self: end;
    justify-self: start;
    margin-block-start: 22px;
  }

  .cr-now .cr-player-button {
    width: 68px;
    min-width: 0;
    height: 68px;
    min-height: 68px;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0 12px 30px rgba(var(--cr-accent-rgb), 0.32);
  }

  .cr-now .cr-player-button__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .cr-now .cr-player-button__icon {
    margin: 0;
  }

  .cr-section {
    padding-block: 34px;
  }

  .cr-section__head {
    margin-block-end: 18px;
  }

  .cr-wire .cr-section__head h2,
  .cr-wire .cr-section__head h2 a,
  .cr-section--strip .cr-section__head h2 {
    font-size: 28px;
    line-height: 1;
    letter-spacing: 0.12em;
  }

  .cr-wire__featured,
  .cr-wire-layout,
  .cr-wire-side,
  .cr-track-grid {
    display: none;
  }

  .cr-wire-mobile-list,
  .cr-track-mobile-list {
    display: grid;
    gap: 10px;
  }

  .cr-wire-mobile-list .cr-wire-side-card,
  .cr-track-list-card {
    grid-template-columns: 74px minmax(0, 1fr);
    min-height: 88px;
    padding: 9px;
    border-radius: 6px;
  }

  .cr-wire-mobile-list .cr-wire-side-card {
    border-color: rgb(21 21 21 / 0.08);
    background: rgb(255 250 242 / 0.72);
    box-shadow: none;
  }

  .cr-wire-mobile-list .cr-wire-side-card__media img,
  .cr-track-list-card__art {
    width: 74px;
    height: 74px;
  }

  .cr-wire-mobile-list .cr-wire-side-card strong {
    font-size: 15px;
    line-height: 1.08;
    letter-spacing: 0.02em;
  }

  .cr-wire__more {
    margin-block-start: 24px;
  }

  .cr-section--strip {
    background:
      radial-gradient(circle at 0% 0%, rgba(var(--cr-accent-rgb), 0.16), transparent 34%),
      #101116;
  }

  .cr-track-list-card {
    display: grid;
    gap: 12px;
    border: 1px solid rgba(246, 241, 232, 0.1);
    background: rgba(255, 250, 242, 0.05);
    color: #fffaf2;
  }

  .cr-track-list-card__art {
    display: block;
    object-fit: cover;
  }

  .cr-track-list-card__body {
    display: grid;
    align-content: center;
    min-width: 0;
  }

  .cr-track-list-card time {
    color: var(--cr-accent);
    font-family: var(--cr-font-sans);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.14em;
  }

  .cr-track-list-card strong {
    overflow: hidden;
    font-family: var(--cr-font-display);
    font-size: 18px;
    line-height: 1.05;
    letter-spacing: 0.02em;
    text-overflow: ellipsis;
  }

  .cr-track-list-card span {
    overflow: hidden;
    color: rgba(255, 250, 242, 0.72);
    font-size: 14px;
    text-overflow: ellipsis;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-hero h1 {
    font-size: 34px;
  }

  .cr-now {
    min-height: 282px;
    padding: 18px;
  }

  .cr-now__track,
  .cr-wire-mobile-list .cr-wire-side-card,
  .cr-track-list-card {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .cr-now img,
  .cr-wire-mobile-list .cr-wire-side-card__media img,
  .cr-track-list-card__art {
    width: 64px;
    height: 64px;
  }

  .cr-now strong {
    font-size: 25px;
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-site-header__inner {
    grid-template-columns: 44px auto minmax(0, 1fr);
    justify-content: start;
    min-height: 58px;
    padding-block: 8px;
  }

  .cr-menu-toggle {
    grid-column: 1;
    grid-row: 1;
  }

  .cr-mobile-home-button {
    display: inline-flex;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid rgba(255, 250, 242, 0.22);
    border-radius: 4px;
    color: #fffaf2;
    font-family: var(--cr-font-sans);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-decoration: none;
    text-transform: uppercase;
  }

  .cr-site-header .cr-brand {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    width: auto;
    opacity: 1;
    pointer-events: auto;
  }

  .cr-site-header .cr-brand span {
    display: none;
  }

  .cr-site-header .cr-brand img {
    width: 32px;
    height: 32px;
  }

  .cr-site-header > .cr-site-header__inner > .cr-player-mount {
    display: none;
  }

  .cr-site-header .cr-primary-nav {
    right: auto;
    left: 0;
    width: min(100%, 310px);
  }

  .cr-hero {
    padding-block: 22px 24px;
  }

  .cr-hero__grid {
    gap: 16px;
  }

  .cr-hero__copy {
    display: grid;
    gap: 12px;
  }

  .cr-hero__brand {
    gap: 14px;
  }

  .cr-hero__brand img {
    width: 46px;
    height: 46px;
  }

  .cr-hero__brand strong {
    font-size: 28px;
  }

  .cr-hero h1 {
    max-width: 11ch;
    font-size: 42px;
    line-height: 0.98;
    letter-spacing: 0.035em;
  }

  .cr-hero__copy p:not(.cr-kicker) {
    display: none;
  }

  .cr-now {
    gap: 16px;
    min-height: 0;
    padding: 18px;
    border-color: rgba(var(--cr-accent-rgb), 0.68);
    background:
      radial-gradient(circle at 0% 0%, rgba(var(--cr-accent-rgb), 0.2), transparent 44%),
      linear-gradient(140deg, rgba(18, 20, 25, 0.96), rgba(5, 7, 10, 0.98));
  }

  .cr-now__label {
    font-size: 13px;
    letter-spacing: 0.18em;
  }

  .cr-now__track {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 16px;
  }

  .cr-now img {
    width: 96px;
  }

  .cr-now strong {
    font-size: 30px;
    line-height: 1.02;
    letter-spacing: 0.06em;
  }

  .cr-now p {
    margin-top: 8px;
    font-size: 15px;
  }

  .cr-now .cr-player-mount {
    display: none;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-site-header__inner {
    grid-template-columns: 44px auto minmax(0, 1fr);
    gap: 8px;
  }

  .cr-mobile-home-button {
    padding-inline: 10px;
    font-size: 11px;
  }

  .cr-hero h1 {
    max-width: 8ch;
    font-size: 34px;
  }

  .cr-hero__brand strong {
    font-size: 24px;
  }

  .cr-now__track {
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 14px;
  }

  .cr-now img {
    width: 70px;
  }

  .cr-now strong {
    font-size: 21px;
    letter-spacing: 0.035em;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-hero {
    padding-block-end: 18px;
  }

  .cr-hero h1 {
    margin-block: 2px;
    font-size: 37px;
    line-height: 0.98;
  }

  .cr-now {
    width: min(100%, 360px);
    min-height: 300px;
    align-content: start;
    padding: 20px;
    border-color: rgba(var(--cr-accent-rgb), 0.72);
  }

  .cr-now__track {
    grid-template-columns: 98px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
  }

  .cr-now img {
    width: 98px;
  }

  .cr-now strong {
    font-size: 30px;
    line-height: 1.02;
    letter-spacing: 0.04em;
  }

  .cr-now .cr-player-mount {
    display: block;
    align-self: end;
    justify-self: start;
    margin-block-start: 22px;
  }

  .cr-now .cr-player-button {
    width: 68px;
    min-width: 0;
    height: 68px;
    min-height: 68px;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0 12px 30px rgba(var(--cr-accent-rgb), 0.32);
  }

  .cr-now .cr-player-button__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .cr-now .cr-player-button__icon {
    margin: 0;
  }

  .cr-section {
    padding-block: 34px;
  }

  .cr-section__head {
    margin-block-end: 18px;
  }

  .cr-wire .cr-section__head h2,
  .cr-wire .cr-section__head h2 a,
  .cr-section--strip .cr-section__head h2 {
    font-size: 28px;
    line-height: 1;
    letter-spacing: 0.12em;
  }

  .cr-wire__featured,
  .cr-wire-layout,
  .cr-wire-side,
  .cr-track-grid {
    display: none;
  }

  .cr-wire-mobile-list,
  .cr-track-mobile-list {
    display: grid;
    gap: 10px;
  }

  .cr-wire-mobile-list .cr-wire-side-card,
  .cr-track-list-card {
    grid-template-columns: 74px minmax(0, 1fr);
    min-height: 88px;
    padding: 9px;
    border-radius: 6px;
  }

  .cr-wire-mobile-list .cr-wire-side-card {
    border-color: rgb(21 21 21 / 0.08);
    background: rgb(255 250 242 / 0.72);
    box-shadow: none;
  }

  .cr-wire-mobile-list .cr-wire-side-card__media img,
  .cr-track-list-card__art {
    width: 74px;
    height: 74px;
  }

  .cr-wire-mobile-list .cr-wire-side-card strong {
    font-size: 15px;
    line-height: 1.08;
    letter-spacing: 0.02em;
  }

  .cr-wire__more {
    margin-block-start: 24px;
  }

  .cr-section--strip {
    background:
      radial-gradient(circle at 0% 0%, rgba(var(--cr-accent-rgb), 0.16), transparent 34%),
      #101116;
  }

  .cr-track-list-card {
    display: grid;
    gap: 12px;
    border: 1px solid rgba(246, 241, 232, 0.1);
    background: rgba(255, 250, 242, 0.05);
    color: #fffaf2;
  }

  .cr-track-list-card__art {
    display: block;
    object-fit: cover;
  }

  .cr-track-list-card__body {
    display: grid;
    align-content: center;
    min-width: 0;
  }

  .cr-track-list-card time {
    color: var(--cr-accent);
    font-family: var(--cr-font-sans);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.14em;
  }

  .cr-track-list-card strong {
    overflow: hidden;
    font-family: var(--cr-font-display);
    font-size: 18px;
    line-height: 1.05;
    letter-spacing: 0.02em;
    text-overflow: ellipsis;
  }

  .cr-track-list-card span {
    overflow: hidden;
    color: rgba(255, 250, 242, 0.72);
    font-size: 14px;
    text-overflow: ellipsis;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-hero h1 {
    font-size: 34px;
  }

  .cr-now {
    min-height: 282px;
    padding: 18px;
  }

  .cr-now__track,
  .cr-wire-mobile-list .cr-wire-side-card,
  .cr-track-list-card {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .cr-now img,
  .cr-wire-mobile-list .cr-wire-side-card__media img,
  .cr-track-list-card__art {
    width: 64px;
    height: 64px;
  }

  .cr-now strong {
    font-size: 25px;
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-wire .cr-section__head h2,
  .cr-wire .cr-section__head h2 a,
  .cr-section--strip .cr-section__head h2 {
    font-size: 22px;
    letter-spacing: 0.1em;
  }

  .cr-now .cr-player-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
  }

  .cr-now .cr-player-button__icon {
    transform: translateX(2px);
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-wire .cr-section__head h2,
  .cr-wire .cr-section__head h2 a,
  .cr-section--strip .cr-section__head h2 {
    font-size: 20px;
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-section--strip .cr-section__head h2 {
    max-width: 100%;
    font-size: 20px;
    line-height: 1.08;
    letter-spacing: 0.04em;
    overflow-wrap: anywhere;
    text-align: left;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-section--strip .cr-section__head h2 {
    font-size: 18px;
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-wire-mobile-list .cr-wire-side-card strong,
  .cr-track-list-card strong {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .cr-track-list-card strong {
    font-size: 16px;
    letter-spacing: 0.01em;
  }

  .cr-wire-mobile-list .cr-wire-side-card strong {
    font-size: 14px;
    letter-spacing: 0.01em;
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-mobile-portrait-break {
    display: none;
  }

  .cr-hero h1 {
    max-width: none;
    white-space: nowrap;
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: 0.02em;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-hero h1 {
    font-size: 16px;
  }
}

@media (min-width: 381px) and (max-width: 720px) and (orientation: portrait) {
  .cr-hero h1 {
    max-width: none;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 0;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-hero h1 {
    max-width: none;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: 0;
  }
}

@media (max-width: 340px) and (orientation: portrait) {
  .cr-hero h1 {
    font-size: 12px;
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-hero {
    padding-block-start: 28px;
    padding-block-end: 22px;
  }

  .cr-hero__grid {
    display: block;
  }

  .cr-hero__copy {
    margin-block-end: 18px;
  }

  .cr-hero__brand {
    gap: 12px;
    margin-block-end: 16px;
  }

  .cr-hero__brand img {
    width: 48px;
    height: 48px;
  }

  .cr-hero__brand strong {
    font-size: 28px;
    line-height: 1;
  }

  .cr-hero h1 {
    font-size: 19px;
    line-height: 1.05;
    letter-spacing: 0;
  }

  .cr-now {
    width: 100%;
    min-height: 0;
    padding: 20px;
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr) 62px;
    gap: 16px 14px;
    align-items: center;
    align-content: center;
  }

  .cr-now__label {
    grid-column: 1 / -1;
    margin: 0;
    gap: 10px;
    font-size: 13px;
    letter-spacing: 0.18em;
  }

  .cr-now__label::before {
    flex-basis: 26px;
    width: 26px;
    height: 26px;
  }

  .cr-now__track {
    display: contents;
  }

  .cr-now__track img,
  .cr-now img {
    grid-column: 1;
    width: 78px;
    height: 78px;
  }

  .cr-now__track > div {
    grid-column: 2;
    min-width: 0;
  }

  .cr-now strong {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 27px;
    line-height: 1.02;
    letter-spacing: 0.08em;
    overflow-wrap: anywhere;
  }

  .cr-now p {
    margin-block-start: 8px;
    font-size: 14px;
    line-height: 1.25;
  }

  .cr-now .cr-player-mount {
    grid-column: 3;
    grid-row: 2;
    justify-self: end;
    align-self: center;
    margin: 0;
    display: block;
  }

  .cr-now .cr-player-button {
    width: 60px;
    min-width: 0;
    height: 60px;
    min-height: 60px;
    padding: 0;
    border-radius: 999px;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-hero__brand strong {
    font-size: 25px;
  }

  .cr-hero h1 {
    font-size: 16px;
  }

  .cr-now {
    grid-template-columns: 70px minmax(0, 1fr) 56px;
    padding: 18px;
    gap: 14px 12px;
  }

  .cr-now__track img,
  .cr-now img {
    width: 70px;
    height: 70px;
  }

  .cr-now strong {
    font-size: 23px;
  }

  .cr-now .cr-player-button {
    width: 54px;
    height: 54px;
    min-height: 54px;
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-hero {
    padding-block-start: 22px;
    padding-block-end: 0;
  }

  .cr-hero__copy {
    margin-block-end: 12px;
  }

  .cr-hero__brand {
    margin-block-end: 8px;
  }

  .cr-hero h1 {
    margin-block-start: 0;
    margin-block-end: 16px;
  }

  .cr-now {
    margin-block-end: 0;
  }

  .cr-wire {
    margin-block-start: 0;
    padding-block-start: 30px;
  }

  .cr-wire .cr-section__head {
    margin-block-end: 18px;
  }

  .cr-wire .cr-kicker {
    margin-block-end: 18px;
  }

  .cr-wire .cr-section__head h2,
  .cr-wire .cr-section__head h2 a {
    margin: 0;
    font-size: 28px;
    line-height: 1;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-hero {
    padding-block-start: 18px;
  }

  .cr-hero__brand {
    margin-block-end: 6px;
  }

  .cr-hero h1 {
    margin-block-end: 14px;
  }

  .cr-wire {
    padding-block-start: 24px;
  }

  .cr-wire .cr-section__head h2,
  .cr-wire .cr-section__head h2 a {
    font-size: 25px;
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-hero {
    padding-block-end: 14px;
  }

  .cr-now {
    margin-block-end: 0;
  }

  .cr-wire {
    padding-block-start: 20px;
  }

  .cr-wire .cr-section__head {
    margin-block-end: 14px;
  }

  .cr-wire .cr-kicker {
    margin-block-end: 8px;
    font-size: 14px;
    line-height: 1;
  }

  .cr-wire .cr-section__head h2,
  .cr-wire .cr-section__head h2 a {
    font-size: 25px;
    line-height: 0.95;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-hero {
    padding-block-end: 12px;
  }

  .cr-wire {
    padding-block-start: 18px;
  }

  .cr-wire .cr-section__head {
    margin-block-end: 12px;
  }

  .cr-wire .cr-section__head h2,
  .cr-wire .cr-section__head h2 a {
    font-size: 23px;
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .cr-hero {
    padding-block-start: 18px;
    padding-block-end: 8px;
  }

  .cr-hero__copy {
    margin-block-end: 9px;
  }

  .cr-hero__brand {
    gap: 10px;
    margin-block-end: 5px;
  }

  .cr-hero__brand img {
    width: 46px;
    height: 46px;
  }

  .cr-hero h1 {
    margin-block: 0 11px;
    font-size: 18px;
    line-height: 1.02;
  }

  .cr-now {
    grid-template-columns: 74px minmax(0, 1fr) 60px;
    gap: 12px;
    min-height: 178px;
    padding: 16px;
    align-items: center;
  }

  .cr-now__label {
    gap: 8px;
    font-size: 12px;
    letter-spacing: 0.16em;
  }

  .cr-now__label::before {
    flex-basis: 24px;
    width: 24px;
    height: 24px;
  }

  .cr-now__track img,
  .cr-now img {
    width: 74px;
    height: 74px;
  }

  .cr-now strong {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.07em;
  }

  .cr-now p {
    margin-block-start: 6px;
    font-size: 13px;
  }

  .cr-now .cr-player-button {
    width: 58px;
    height: 58px;
    min-height: 58px;
  }

  .cr-wire {
    padding-block-start: 16px;
  }

  .cr-wire .cr-section__head {
    margin-block-end: 10px;
  }

  .cr-wire .cr-kicker {
    margin-block-end: 7px;
    font-size: 13px;
  }

  .cr-wire .cr-section__head h2,
  .cr-wire .cr-section__head h2 a,
  .cr-section--strip .cr-section__head h2 {
    font-size: 23px;
    line-height: 0.95;
  }

  .cr-wire-mobile-list {
    gap: 8px;
  }

  .cr-wire-mobile-list .cr-wire-side-card {
    min-height: 84px;
    padding: 8px;
    gap: 10px;
  }

  .cr-wire-mobile-list .cr-wire-side-card__media img,
  .cr-wire-mobile-list .cr-wire-side-card__media {
    width: 68px;
    height: 68px;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-hero {
    padding-block-start: 15px;
    padding-block-end: 7px;
  }

  .cr-hero__brand {
    gap: 9px;
    margin-block-end: 4px;
  }

  .cr-hero__brand img {
    width: 42px;
    height: 42px;
  }

  .cr-hero__brand strong {
    font-size: 24px;
  }

  .cr-hero h1 {
    margin-block-end: 9px;
    font-size: 16px;
  }

  .cr-now {
    grid-template-columns: 66px minmax(0, 1fr) 54px;
    min-height: 164px;
    padding: 14px;
    gap: 10px;
  }

  .cr-now__track img,
  .cr-now img {
    width: 66px;
    height: 66px;
  }

  .cr-now strong {
    font-size: 21px;
  }

  .cr-now .cr-player-button {
    width: 52px;
    height: 52px;
    min-height: 52px;
  }

  .cr-wire {
    padding-block-start: 14px;
  }

  .cr-wire .cr-section__head h2,
  .cr-wire .cr-section__head h2 a,
  .cr-section--strip .cr-section__head h2 {
    font-size: 21px;
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  .cr-album-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .cr-album,
  .cr-album__art {
    min-width: 0;
    max-width: 100%;
  }

  .cr-album__art {
    width: 100%;
    height: auto;
  }

  .cr-album > div:not(.cr-album__art) {
    box-sizing: border-box;
    width: 100%;
  }

  .cr-article-content,
  .cr-article-aside {
    grid-column: 1;
  }

  .cr-article-content {
    grid-row: 1;
  }

  .cr-article-aside {
    grid-row: 2;
  }
}

/* Keep the article sidebar alongside the story on tablet and desktop widths. */
@media (min-width: 721px) {
  .cr-article-layout {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: clamp(24px, 4vw, 50px);
  }

  .cr-article-content {
    max-width: none;
  }
}

@media (max-width: 720px) {
  /* Mobile article flow must follow reading order, regardless of source order. */
  .cr-article-layout {
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .cr-article-layout > .cr-entry__content.cr-article-content {
    order: 1;
    width: 100%;
  }

  .cr-article-layout > .cr-article-aside {
    order: 2;
    width: 100%;
  }

  .cr-article-layout > .cr-entry__content.cr-article-content {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .cr-article-layout > .cr-article-aside {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .cr-album-grid {
    gap: 10px;
  }
}

@media (max-width: 340px) and (orientation: portrait) {
  .cr-hero__brand,
  .cr-hero h1 {
    box-sizing: border-box;
    max-width: 100%;
  }

  .cr-hero__brand strong {
    font-size: 22px;
  }

  .cr-hero h1 {
    font-size: 14px;
    letter-spacing: 0.08em;
  }
}

/* Crazy Raccoon: alternative listening page. */
.cr-listening__hero{padding:clamp(48px,7vw,96px) 0;background:radial-gradient(ellipse at 85% 45%,rgba(215,59,114,.22),transparent 55%),linear-gradient(125deg,#151519,#08090b);border-bottom:1px solid var(--cr-line)}
.cr-listening__hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:48px}
.cr-listening__hero h1{font-family:var(--cr-font-display);font-size:clamp(30px,4.5vw,64px);line-height:1.17;letter-spacing:-.055em;margin:20px 0 24px;color:var(--cr-paper)}
.cr-listening__intro{font-size:clamp(18px,1.7vw,22px);max-width:640px;color:#d8d1c7}
.cr-listening__jump{display:inline-flex;gap:24px;margin-top:16px;color:var(--cr-paper);font-family:var(--cr-font-sans);font-weight:700;text-underline-offset:6px}
.cr-listening__art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;aspect-ratio:1;border:1px solid rgba(215,59,114,.4);border-radius:50%;background:radial-gradient(circle,rgba(215,59,114,.12),transparent 68%);box-shadow:0 0 0 20px rgba(215,59,114,.035)}
.cr-listening__art img{width:55%;height:auto;object-fit:contain}
.cr-listening__art span{text-align:center;font:700 12px/1.7 var(--cr-font-sans);letter-spacing:.2em;color:var(--cr-paper)}
.cr-listening h2{font-size:clamp(24px,2.5vw,36px);line-height:1.25}
.cr-listening__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.cr-listening__card{display:flex;flex-direction:column;min-width:0;padding:30px;background:var(--cr-surface);border:1px solid var(--cr-line);border-top:3px solid var(--cr-accent)}
.cr-listening__number{font:700 11px/1.5 var(--cr-font-sans);letter-spacing:.15em;color:#f18aae}
.cr-listening__card h3{font-size:28px;line-height:1.2;margin:20px 0 12px}
.cr-listening__card p{font-size:17px;color:#c8c3bb;margin:0 0 18px}
.cr-listening__action{margin-top:auto}
.cr-listening__button{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--cr-accent);color:#fff;font:700 13px/1.4 var(--cr-font-sans);text-decoration:none}
.cr-listening__button:hover{background:#aa2454;color:#fff}
.cr-listening a:focus-visible,.cr-listening input:focus-visible{outline:3px solid #f6f1e8;outline-offset:5px}
.cr-listening__help{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:48px;padding-top:36px;border-top:1px solid var(--cr-line)}
.cr-listening__help p{color:#c8c3bb;font-size:17px}
.cr-listening__help label{display:block;font:700 13px var(--cr-font-sans);margin-bottom:12px}
.cr-listening__help input{display:block;box-sizing:border-box;width:100%;min-width:0;padding:16px 12px;border:1px solid #6c6267;border-radius:0;background:#08090b;color:#f6f1e8;font:13px/1.5 monospace}
.cr-listening__help #cr-stream-help{font-size:14px}
.cr-listen-page-link{display:inline-block;margin-top:14px;color:#f18aae;font:600 12px/1.5 var(--cr-font-sans);text-underline-offset:4px}
@media(max-width:900px){.cr-listening__grid{grid-template-columns:1fr}.cr-listening__card{padding:24px}.cr-listening__hero-grid{gap:28px}.cr-listening__art span{font-size:9px}.cr-listening__help{gap:24px}}
@media(max-width:600px){.cr-listening__hero-grid,.cr-listening__help{grid-template-columns:1fr}.cr-listening__art{display:none}.cr-listening__hero{padding:44px 0}.cr-listening__hero h1{font-size:clamp(28px,7.2vw,42px)}.cr-listening__help{margin-top:32px}.cr-listening__card h3{font-size:26px}}

.cr-now .cr-listen-page-link{display:inline-block;margin-top:6px;padding:4px 0;font-family:var(--cr-font-sans);font-size:11px;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none;color:#c8c3bb;text-underline-offset:3px}.cr-now .cr-listen-page-link:hover{color:#f18aae}

/* Lainey Wilson reviewed example. Portrait is never a background. */
.cr-artist-example__hero{background:var(--cr-bg-deep);border-bottom:1px solid var(--cr-line);padding:64px 0 56px}
.cr-artist-example__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,330px);align-items:center;gap:72px}
.cr-artist-example__intro h1{font-family:var(--cr-font-display);font-size:clamp(40px,5.6vw,76px);line-height:1.08;letter-spacing:-.055em;margin:22px 0 26px}
.cr-artist-example__intro h1 span{color:var(--cr-accent)}
.cr-artist-example__lead{max-width:580px;font-size:24px;line-height:1.55;margin:0 0 24px}
.cr-artist-example__signature{color:var(--cr-muted);font:12px/1.8 var(--cr-font-sans);letter-spacing:.05em}
.cr-artist-example__nav{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px;font:600 13px/1.5 var(--cr-font-sans)}
.cr-artist-example__nav a{padding-bottom:7px;border-bottom:1px solid var(--cr-accent);text-decoration:none}
.cr-artist-example__nav span{color:var(--cr-accent);margin-left:12px}
.cr-artist-example__portrait{margin:0;background:none;min-width:0}
.cr-artist-example__portrait img{display:block;width:100%;height:auto;border:1px solid var(--cr-line)}
.cr-artist-example__portrait figcaption{margin-top:12px;color:var(--cr-muted);font:10px/1.7 var(--cr-font-sans)}
.cr-artist-example__story{display:grid;grid-template-columns:230px minmax(0,720px);gap:70px;padding-block:70px;align-items:start}
.cr-artist-example__facts{border-top:2px solid var(--cr-accent);padding-top:22px}
.cr-artist-example__facts dl{margin:28px 0 0}
.cr-artist-example__facts dt{font:11px/1.5 var(--cr-font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--cr-muted);margin-top:24px}
.cr-artist-example__facts dd{font-size:18px;line-height:1.7;margin:5px 0 0}
.cr-artist-example__biography h2,.cr-artist-example__news h2{font-family:var(--cr-font-display);font-size:clamp(23px,2.8vw,34px);line-height:1.3;letter-spacing:-.04em;margin:16px 0 28px}
.cr-artist-example__biography h3{font-family:var(--cr-font-sans);font-size:21px;line-height:1.4;margin:38px 0 16px}
.cr-artist-example__biography>p:not(.cr-kicker){font-size:19px;line-height:1.85;margin:0 0 22px}
.cr-artist-example__sources{border-top:1px solid var(--cr-line);margin-top:34px;padding-top:18px;font:12px/1.8 var(--cr-font-sans);color:var(--cr-muted)}
.cr-artist-example__sources summary{cursor:pointer;color:var(--cr-text)}
.cr-artist-example__photo-reference{overflow-wrap:anywhere}
.cr-artist-example__news{border-top:1px solid var(--cr-line);padding-top:52px}
.cr-artist-example__news-intro{color:var(--cr-muted);margin-bottom:32px}
.cr-artist-example #biografie,.cr-artist-example #artiestennieuws{scroll-margin-top:110px}
@media(max-width:850px){.cr-artist-example__intro{gap:30px;grid-template-columns:minmax(0,1fr) 260px}.cr-artist-example__story{grid-template-columns:180px minmax(0,1fr);gap:36px}.cr-artist-example__lead{font-size:21px}}
@media(max-width:600px){.cr-artist-example__hero{padding:36px 0}.cr-artist-example__intro{grid-template-columns:1fr;gap:32px}.cr-artist-example__intro h1{font-size:44px;margin:16px 0 22px}.cr-artist-example__lead{font-size:21px}.cr-artist-example__portrait{width:100%;max-width:300px;justify-self:center}.cr-artist-example__story{grid-template-columns:1fr;gap:36px;padding-block:40px}.cr-artist-example__facts dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:18px}.cr-artist-example__facts dt{margin:0}.cr-artist-example__facts dd{margin:0 0 14px;grid-column:2}.cr-artist-example__biography>p:not(.cr-kicker){font-size:18px;line-height:1.8}.cr-artist-example__news{padding-top:36px}}

/* Shared artist profiles: compact hero, visible section links, separate portrait. */
.cr-artist-example__hero{padding:24px 0 32px;background:var(--cr-bg-deep);background-image:none}
.cr-artist-example__intro{grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:start;gap:48px}
.cr-artist-example__copy{padding-top:6px;min-width:0}
.cr-artist-example__copy .cr-kicker{margin-top:0}
.cr-artist-example__intro h1{max-width:650px;font-size:clamp(36px,5.2vw,68px);margin:14px 0 18px;overflow-wrap:anywhere}
.cr-artist-example__nav{margin:0 0 22px;gap:12px 26px;font:600 14px/1.4 Inter,system-ui,sans-serif}
.cr-artist-example__nav a{min-height:44px;display:inline-flex;align-items:center;padding:6px 0;border-bottom:1px solid var(--cr-accent)}
.cr-artist-example__nav a:focus-visible{outline:2px solid var(--cr-accent);outline-offset:5px}
.cr-artist-example__lead{font-size:21px;line-height:1.55;margin-bottom:16px}
.cr-artist-example__portrait img{max-height:360px;object-fit:contain;object-position:center top;background:none}
.cr-artist-example__portrait,.cr-artist-example__portrait::before,.cr-artist-example__portrait::after{background-image:none}
.cr-artist-example__portrait figcaption{font:11px/1.6 Inter,system-ui,sans-serif;overflow-wrap:anywhere}
.cr-artist-example__placeholder{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border:1px solid var(--cr-line);background:linear-gradient(145deg,#19151c,#0d0e11);padding:24px}
.cr-artist-example__placeholder>span{font:700 64px/1 Inter,system-ui,sans-serif}.cr-artist-example__placeholder>span>span{color:var(--cr-accent)}
.cr-artist-example__placeholder small{font:14px/1.5 Inter,system-ui,sans-serif;text-align:center}
.cr-artist-example__profile-source{font:12px/1.7 Inter,system-ui,sans-serif;color:var(--cr-muted)}
.cr-artist-example #biografie,.cr-artist-example #artiestennieuws{scroll-margin-top:130px}
.cr-artist-example__news:focus,.cr-artist-example__story:focus{outline:none}
@media(max-width:900px){.cr-artist-example__intro{grid-template-columns:minmax(0,1fr) 230px;gap:28px}.cr-artist-example__hero{padding-top:20px}.cr-artist-example__lead{font-size:19px}}
@media(max-width:600px){.cr-artist-example__hero{padding:18px 0 28px}.cr-artist-example__intro{grid-template-columns:1fr;gap:24px}.cr-artist-example__intro h1{font-size:40px;margin:12px 0}.cr-artist-example__nav{margin-bottom:16px;gap:10px 22px}.cr-artist-example__lead{font-size:19px}.cr-artist-example__portrait{max-width:260px}.cr-artist-example__portrait img{max-height:340px}}

/* Recently Played: complete, row-aligned track information (0.1.45). */
#recently-played{background:#08090b;container-type:inline-size}
#recently-played .cr-track-mobile-list{display:none}
#recently-played .cr-track-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:24px;row-gap:0}
#recently-played .cr-track-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;min-width:0;padding:0 0 28px;border:0;background:transparent;text-align:left}
#recently-played .cr-track-card__meta{display:grid;grid-template-rows:subgrid;grid-row:span 3;min-height:0;padding:0}
#recently-played .cr-preview-cover{width:100%;aspect-ratio:1}
#recently-played .cr-track-card__art{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:0}
#recently-played .cr-art-fallback{display:grid;place-items:center;background:#241c24;color:#99506c;font:800 36px/1 Inter,sans-serif}
#recently-played .cr-track-card__time{display:flex;align-items:center;gap:8px;color:#d0c5cb;font:400 11px/16px monospace;letter-spacing:0;padding:10px 0 8px;min-height:34px}
#recently-played .cr-track-card__time:before{content:'';width:16px;height:2px;background:var(--cr-accent);flex:none}
#recently-played .cr-track-card__time:empty:before{visibility:hidden}
#recently-played .cr-track-card h3{font:600 19px/1.15 'Barlow Semi Condensed','Arial Narrow',sans-serif;color:#f6f1e8;margin:0 0 6px;letter-spacing:0;text-transform:none}
#recently-played .cr-track-card p{font:400 13px/1.4 Inter,sans-serif;color:#b9b3b7;margin:0;letter-spacing:0;text-transform:none}
#recently-played .cr-track-card h3,#recently-played .cr-track-card p{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset;max-height:none}
#recently-played .cr-track-preview{width:44px;height:44px;border-color:#ffffff66;box-shadow:none}
@container(max-width:1100px){#recently-played .cr-track-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:600px){#recently-played .cr-track-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}#recently-played .cr-track-card h3{font-size:18px}#recently-played .cr-track-card p{font-size:12px}}

/* Artist discovery follows the Recently Played grid (0.1.47). */
#discover-artists{background:#08090b;container-type:inline-size}
#discover-artists .cr-artist-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:24px;row-gap:0}
#discover-artists .cr-artist{display:grid;grid-template-rows:subgrid;grid-row:span 3;min-width:0;padding:0 0 28px;border:0;background:transparent;text-align:left}
#discover-artists .cr-artist__art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:0}
#discover-artists .cr-art-fallback{display:grid;place-items:center;background:#241c24;color:#99506c;font:800 36px/1 Inter,sans-serif}
#discover-artists .cr-artist h3{font:600 19px/1.15 'Barlow Semi Condensed','Arial Narrow',sans-serif;color:#f6f1e8;margin:12px 0 6px;letter-spacing:0;text-transform:none}
#discover-artists .cr-artist p{font:400 13px/1.4 Inter,sans-serif;color:#b9b3b7;margin:0;letter-spacing:0;text-transform:none}
#discover-artists .cr-artist h3,#discover-artists .cr-artist p{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset;max-height:none}
@container(max-width:1100px){#discover-artists .cr-artist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:600px){#discover-artists .cr-artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}#discover-artists .cr-artist h3{font-size:18px}#discover-artists .cr-artist p{font-size:12px}}

/* Homepage news: shared rows keep dates, headlines, summaries and links aligned. */
.cr-wire__featured,.cr-wire-layout__main{column-gap:24px;row-gap:24px}
:is(.cr-wire__featured,.cr-wire-layout__main)>.cr-story{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;min-width:0;box-shadow:0 10px 24px rgba(32,24,12,.07)}
:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__media{aspect-ratio:16/9;min-width:0;overflow:hidden}
:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__media img{height:100%;aspect-ratio:16/9;object-fit:cover}
:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__media span{font:400 11px/1.4 Inter,sans-serif;letter-spacing:0;text-transform:none;color:#f6f1e8;padding:7px 12px}
:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__body{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:12px;min-width:0;min-height:0;padding:20px 20px 24px}
:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__body>*{min-width:0;margin:0;overflow-wrap:anywhere}
:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__body>p{font:700 11px/1.5 Inter,sans-serif;letter-spacing:.08em;color:#c22f67}
:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__body h3{font:700 24px/1.28 Inter,sans-serif;letter-spacing:-.025em;text-transform:none;color:#19171b}
:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__body h3 a{text-decoration:none;color:inherit}
:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__body h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__body>span{font:400 15px/1.55 Inter,sans-serif;color:#64605a;letter-spacing:0}
:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__readmore{align-self:end;justify-self:start;display:inline-flex;align-items:center;min-height:32px;font:600 12px/1.5 Inter,sans-serif;letter-spacing:.025em;color:#19171b;text-decoration:none;border-bottom:1px solid #c22f67;padding-bottom:3px}
@media(max-width:1100px){:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__body{padding:18px}:is(.cr-wire__featured,.cr-wire-layout__main) .cr-story__body h3{font-size:21px}}

/* Friendly 404: isolated recovery layout, shared persistent player. */
.cr-lost{padding-top:48px;padding-bottom:140px;color:#f6f2e8}
.cr-lost__hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);align-items:center;gap:64px;padding-bottom:48px}
.cr-lost__eyebrow,.cr-lost__number{font:700 11px/1.5 Inter,sans-serif;letter-spacing:.12em;color:#ec528c;text-transform:uppercase}
.cr-lost h1{font:800 clamp(32px,4.3vw,58px)/1.08 Inter,sans-serif;letter-spacing:-.045em;margin:18px 0 22px;max-width:720px}
.cr-lost h1>span{color:#da3579}.cr-lost__intro{font:500 22px/1.5 Eczar,serif;margin:0 0 12px;max-width:600px}
.cr-lost__explain{font:400 15px/1.7 Inter,sans-serif;color:#bcb9b6;max-width:590px;margin:0 0 28px}
.cr-lost__search label{display:block;font:600 13px/1.5 Inter,sans-serif;margin-bottom:10px}
.cr-lost__search>div{display:flex;gap:8px}.cr-lost__search input{min-width:0;flex:1;width:100%;background:#191a1e;color:#fff;border:1px solid #44434a;border-radius:5px;padding:15px;font:400 15px/1.5 Inter,sans-serif}
.cr-lost__search input::placeholder{color:#aba8af}.cr-lost__search button{background:#cd316f;color:#fff;border:0;border-radius:5px;padding:14px 22px;font:700 14px/1.5 Inter,sans-serif;cursor:pointer;white-space:nowrap}
.cr-lost__search button:hover{background:#a92259}.cr-lost :is(a,button,input):focus-visible{outline:3px solid #f7dc85;outline-offset:4px}
.cr-lost__record{aspect-ratio:1;width:100%;max-width:350px;justify-self:center;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#16171b 0 2px,#222328 3px,#16171b 4px 7px);box-shadow:0 18px 70px #0007;border:1px solid #303036;transform:none}
.cr-lost__label{transform:rotate(9deg);width:52%;aspect-ratio:1;background:#d63b78;color:#fff7ed;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px}
.cr-lost__label span{font:700 clamp(7px,.7vw,10px)/1.4 Inter,sans-serif;letter-spacing:.06em}.cr-lost__label strong{font:900 clamp(40px,5vw,68px)/1 Inter,sans-serif;letter-spacing:-.06em}
.cr-lost__routes{border-top:1px solid #333138;padding-top:28px}.cr-lost__routes h2{font:700 23px/1.3 Inter,sans-serif;letter-spacing:-.025em;margin:0 0 20px}
.cr-lost__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cr-lost__grid>a{display:block;padding:22px;background:#141417;border:1px solid #333138;border-radius:7px;color:inherit;text-decoration:none;transition:border-color .15s}
.cr-lost__grid>a:hover{border-color:#d83a78;background:#1c171c}.cr-lost__grid h3{display:flex;justify-content:space-between;gap:12px;font:700 19px/1.4 Inter,sans-serif;letter-spacing:-.02em;margin:15px 0 10px}.cr-lost__grid h3 span{color:#ec528c}
.cr-lost__grid p{font:400 14px/1.65 Inter,sans-serif;color:#bcb9b6;margin:0}.cr-lost__aside{font:500 15px/1.7 Eczar,serif;color:#d1c9c6;margin:26px 0 0}.cr-lost__aside span{color:#a8a4a8}
@media(max-width:900px){.cr-lost__hero{gap:28px;grid-template-columns:minmax(0,1fr) 230px}.cr-lost__grid{gap:12px}.cr-lost__grid>a{padding:18px}.cr-lost__grid h3{font-size:17px}}
@media(max-width:640px){.cr-lost{padding-top:28px}.cr-lost__hero{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:30px}.cr-lost__record{display:none}.cr-lost h1{font-size:37px}.cr-lost__intro{font-size:20px}.cr-lost__grid{grid-template-columns:minmax(0,1fr)}.cr-lost__search button{padding:12px 16px}.cr-lost__search input{padding:12px;font-size:16px}.cr-lost__aside span{display:block}}

/* Proportional brand in the shared navigation bar. */
.cr-site-header .cr-brand{display:inline-flex;flex-shrink:0;width:auto;opacity:1;overflow:visible;pointer-events:auto;gap:12px;text-decoration:none}
.cr-site-header .cr-brand img{width:auto;height:40px;object-fit:contain}
.cr-site-header .cr-brand span{display:block;max-width:none;white-space:nowrap;font:800 24px/1.2 Inter,sans-serif;letter-spacing:-.035em}
.cr-site-header .cr-primary-nav{margin-inline-start:auto;margin-inline-end:0}
@media(min-width:721px){.cr-site-header__inner{justify-content:space-between}.cr-site-header .cr-primary-menu{gap:24px}}
@media(min-width:721px) and (max-width:900px){.cr-site-header .cr-brand span{font-size:20px}.cr-site-header .cr-brand{gap:9px}.cr-site-header .cr-primary-menu{gap:16px}.cr-site-header .cr-primary-menu a{font-size:11px}}
@media(max-width:720px){.cr-site-header__inner{grid-template-columns:44px 44px minmax(0,1fr);min-height:64px;gap:12px;padding-block:8px}.cr-site-header .cr-menu-toggle{grid-column:1;grid-row:1}.cr-site-header .cr-brand{grid-column:2;grid-row:1;justify-self:center;justify-content:center;width:44px;min-height:44px}.cr-site-header .cr-brand img{height:36px;width:auto}.cr-site-header .cr-brand span,.cr-site-header .cr-mobile-home-button{display:none}.cr-site-header .cr-primary-nav{margin:0;left:0;right:auto;width:min(100%,310px)}}

/* Mobile brand fills the available space without adding controls. */
@media(max-width:720px){.cr-site-header__inner{grid-template-columns:44px minmax(0,1fr);gap:12px}.cr-site-header .cr-brand{width:auto;min-width:0;justify-self:start;gap:10px}.cr-site-header .cr-brand span{display:block;max-width:100%;font:800 clamp(16px,4.5vw,22px)/1.2 Inter,sans-serif;letter-spacing:-.03em;text-transform:none}.cr-site-header .cr-brand img{height:36px;flex-shrink:0}}
.cr-site-header .cr-brand{text-transform:none}

@media(max-width:720px){.cr-site-header__inner{grid-template-columns:minmax(0,1fr) 44px}.cr-site-header .cr-brand{grid-column:1;justify-self:start}.cr-site-header .cr-menu-toggle{grid-column:2;justify-self:end}.cr-site-header .cr-primary-nav{left:auto;right:0}}

.cr-artist-catalog{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;margin-top:28px}.cr-artist-catalog article{min-width:0}.cr-artist-catalog .cr-preview-cover{aspect-ratio:1}.cr-artist-catalog__art{width:100%;height:100%;aspect-ratio:1;object-fit:cover}.cr-artist-catalog h3{font:700 17px/1.4 Inter,sans-serif;letter-spacing:0;margin:12px 0 4px}.cr-artist-catalog p{font:400 13px/1.5 Inter,sans-serif;color:#bbb}.cr-artist-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:32px}.cr-artist-directory a{padding:18px;border:1px solid #444;border-radius:4px;text-decoration:none;font:600 17px/1.5 Inter,sans-serif}.cr-artist-directory a:hover{border-color:#d73b72}
@media(max-width:1000px){.cr-artist-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-site-header .cr-primary-menu{gap:14px}.cr-site-header .cr-primary-menu a{font-size:10px}.cr-site-header .cr-brand span{font-size:19px}}
@media(max-width:720px){.cr-artist-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-artist-directory{grid-template-columns:minmax(0,1fr)}.cr-site-header .cr-primary-menu a{font-size:13px}}

/* Shared artist section navigation. */
.cr-artist-example #artiestmuziek,.cr-artist-example #artiest-top{scroll-margin-top:130px}
.cr-artist-backtop{margin:1.5rem 0 0;font-family:Arial,sans-serif;font-size:.875rem;line-height:1.5}
.cr-artist-backtop a{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;color:inherit;text-underline-offset:4px}
.cr-artist-backtop a:hover{color:var(--cr-pink,#d53678)}
.cr-artist-backtop a:focus-visible{outline:2px solid #d53678;outline-offset:4px}

/* Artist directory: compact portraits and aligned names. */
/* Home statement and station profile: global for partial navigation. */
.cr-home-manifesto{margin-top:20px;padding-left:18px;border-left:2px solid var(--cr-accent);max-width:62ch;font-family:var(--cr-font-sans)}
.cr-home-manifesto>strong{display:block;font-size:clamp(16px,1.5vw,19px);line-height:1.4;letter-spacing:0;color:#fffaf2}
.cr-hero__copy .cr-home-manifesto p{display:block;margin:10px 0 12px;padding:0;border:0;background:none;font-size:16px;line-height:1.5}
.cr-home-manifesto>a{display:inline-flex;align-items:center;gap:10px;min-height:36px;font-size:14px;font-weight:700;color:#fffaf2;text-decoration:underline;text-underline-offset:5px}
.cr-home-manifesto>a:hover{color:#ef78a1}
.cr-home-manifesto>a:focus-visible,.cr-station a:focus-visible{outline:2px solid #ef78a1;outline-offset:5px}
.cr-station{background:#08090c;color:#fffaf2}
.cr-station__hero{padding:clamp(40px,6vw,76px) 0;border-bottom:1px solid #4e263b;background:radial-gradient(ellipse at 90% 0,#381529,transparent 65%)}
.cr-station__hero h1{max-width:16ch;font-size:clamp(36px,5.2vw,68px);line-height:1.08;letter-spacing:-.025em;margin:20px 0}
.cr-station__lead{max-width:52ch;font:400 clamp(18px,2vw,23px)/1.55 var(--cr-font-sans);color:#ded5da}
.cr-station__body{padding-top:48px;padding-bottom:64px}
.cr-station h2{font-size:clamp(23px,2.6vw,34px);line-height:1.2;letter-spacing:-.015em}
.cr-station__intro{max-width:760px;margin-bottom:44px}
.cr-station__body p:not(.cr-kicker){font:400 17px/1.7 var(--cr-font-sans);color:#d7d0d4}
.cr-station__principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:52px}
.cr-station__principles section{border-top:2px solid #d73b72;padding-top:20px}
.cr-station__principles h2{font-size:24px;margin:14px 0}
.cr-station__number{font:700 14px/1 var(--cr-font-sans);color:#ef78a1}
.cr-station__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.cr-station__links a{display:flex;flex-direction:column;gap:9px;padding:22px;border:1px solid #493740;text-decoration:none;color:#fffaf2;background:#141116;font-family:var(--cr-font-sans)}
.cr-station__links a:hover{border-color:#d73b72}
.cr-station__links strong{font-size:18px;line-height:1.4}.cr-station__links strong span{color:#ef78a1}
.cr-station__links a>span{font-size:15px;line-height:1.5;color:#cec5cc}
@media(max-width:760px){.cr-station__principles,.cr-station__links{grid-template-columns:1fr}.cr-station__principles{gap:22px}.cr-station__body{padding-top:32px}.cr-home-manifesto{padding-left:14px;margin-top:16px}}
.cr-artist-directory .cr-artist-directory__card{display:grid;grid-template-columns:72px minmax(0,1fr) 18px;gap:16px;align-items:center;padding:12px;min-height:98px;background:rgba(255,255,255,.025);transition:border-color .2s,background .2s}
.cr-artist-directory__portrait{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border-radius:3px;background:linear-gradient(135deg,#38202e,#17151c)}
.cr-artist-directory__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.cr-artist-directory__initial{font:700 28px/1 Inter,sans-serif;color:#ef78a1}
.cr-artist-directory__name{min-width:0;overflow-wrap:anywhere;letter-spacing:0;line-height:1.35}
.cr-artist-directory__arrow{color:#d73b72}
.cr-artist-directory .cr-artist-directory__card:hover{background:rgba(215,59,114,.08)}
.cr-artist-directory .cr-artist-directory__card:focus-visible{outline:2px solid #ef78a1;outline-offset:4px}
@media(min-width:721px) and (max-width:1000px){.cr-artist-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Station imagery: compact hero and consistent visitor cards. */
.cr-station__hero{padding:28px 0 36px;background:linear-gradient(90deg,rgba(8,9,12,.94) 0%,rgba(8,9,12,.83) 38%,rgba(8,9,12,.1) 78%),url('../images/station/hero-v1.webp') center 58%/cover no-repeat}
.cr-station__hero h1{max-width:20ch;font-size:clamp(34px,4.4vw,56px);margin:12px 0 16px}
.cr-station__hero .cr-kicker{margin-top:0}
.cr-station__lead{max-width:48ch;margin-bottom:0}
.cr-station__links a{padding:0;gap:0;overflow:hidden}
.cr-station__links a>img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.cr-station__links a>strong{margin:20px 22px 8px}
.cr-station__links a>span{margin:0 22px 22px}
@media(max-width:760px){.cr-station__hero{padding:22px 0 28px;background-position:65% center;background-image:linear-gradient(90deg,rgba(8,9,12,.88),rgba(8,9,12,.65)),url('../images/station/hero-v1.webp')}.cr-station__body{padding-top:28px}.cr-station__hero h1{max-width:20ch}}

/* Shared station imagery on the three visitor destinations. */
.cr-listening__hero{background:linear-gradient(90deg,rgba(8,9,12,.96),rgba(8,9,12,.88) 40%,rgba(8,9,12,.22) 85%),url('../images/station/listen-v1.webp') center 60%/cover no-repeat;padding:32px 0 40px}
.cr-listening__art{display:none}
.cr-listening__hero-grid{grid-template-columns:minmax(0,680px);gap:0}
.cr-artists-index__hero{padding:32px 0 40px;border-bottom:1px solid var(--cr-line);background:linear-gradient(90deg,rgba(8,9,12,.96),rgba(8,9,12,.85) 38%,rgba(8,9,12,.18) 85%),url('../images/station/artists-v1.webp') center 42%/cover no-repeat}
.cr-artists-index__hero h1{font-size:clamp(34px,4.4vw,56px);line-height:1.15;margin:16px 0 20px}
.cr-artists-index__hero p:not(.cr-kicker){max-width:42ch;font:400 clamp(18px,2vw,23px)/1.55 var(--cr-font-sans);color:#eee8ec;margin-bottom:0}
#cr-rewind-page section.cr-hero{background:linear-gradient(90deg,rgba(8,9,12,.97),rgba(8,9,12,.89) 48%,rgba(8,9,12,.24) 90%),url('../images/station/played-v1.webp') center 52%/cover no-repeat}
.cr-listening__hero .cr-kicker,.cr-artists-index__hero .cr-kicker{margin-top:0}
@media(max-width:760px){
 .cr-listening__hero{padding:26px 0 32px;background-image:linear-gradient(90deg,rgba(8,9,12,.91),rgba(8,9,12,.72)),url('../images/station/listen-v1.webp');background-position:60% center}
 .cr-artists-index__hero{padding:26px 0 32px;background-image:linear-gradient(90deg,rgba(8,9,12,.9),rgba(8,9,12,.65)),url('../images/station/artists-v1.webp');background-position:57% center}
 #cr-rewind-page section.cr-hero{background-image:linear-gradient(90deg,rgba(8,9,12,.92),rgba(8,9,12,.75)),url('../images/station/played-v1.webp');background-position:65% center}
}

/* Home hero: navigation carries the brand; lead with the station promise. */
.cr-hero:has(>.cr-hero__grid){padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(30px,4vw,48px)}
.cr-hero__copy>h1{margin-top:0}

/* Listening options: imagery above each method, with aligned content. */
.cr-listening__card{--cr-card-pad:30px;padding-top:0;overflow:hidden}
.cr-listening__card>.cr-listening__image{display:block;width:calc(100% + 2 * var(--cr-card-pad));max-width:none;height:auto;aspect-ratio:3/2;object-fit:cover;flex-shrink:0;margin:0 calc(-1 * var(--cr-card-pad)) 26px}
.cr-listening__card h3{min-height:1.2em}
@media(max-width:900px){.cr-listening__card{--cr-card-pad:24px;padding-top:0}.cr-listening__card>.cr-listening__image{aspect-ratio:2/1}}