/* Matches the established Argo current-edition listening page. */
@font-face {
  font-family: "Source Sans 3";
  src: url("/assets/source-sans-3-latin-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/cormorant-garamond-latin-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}
:root {
  --audio-navy: #081121;
  --audio-ivory: #eeece8;
  --audio-gold: #be9b60;
  --audio-sand: #a8a194;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  background: var(--audio-navy);
  color: var(--audio-ivory);
  font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
[hidden] { display: none !important; }
.audio-page {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  text-align: center;
}
.audio-wordmark {
  margin: 0 0 2rem;
  color: var(--audio-sand);
  font-size: .6875rem;
  font-weight: 400;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: .22em;
}
.audio-display {
  margin: 0;
  max-width: 100%;
  color: var(--audio-ivory);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .05em;
  text-wrap: balance;
}
.audio-kicker {
  margin: .875rem 0 0;
  color: var(--audio-gold);
  font-size: .6875rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.audio-date {
  margin: .75rem 0 0;
  color: var(--audio-sand);
  font-size: .8125rem;
  line-height: 1.6;
  letter-spacing: .04em;
}
.audio-rule {
  width: 120px;
  height: 1px;
  flex: 0 0 1px;
  margin: 1.75rem auto;
  border: 0;
  background: var(--audio-gold);
}
.audio-player-wrap { width: 100%; max-width: 480px; }
.audio-player { display: block; width: 100%; min-height: 54px; accent-color: var(--audio-gold); color-scheme: dark; }
.audio-player::-webkit-media-controls-panel { background-color: var(--audio-navy); }
.audio-player:focus-visible { outline: 2px solid var(--audio-gold); outline-offset: 5px; border-radius: 4px; }
.audio-status {
  max-width: 380px;
  margin: 0;
  color: var(--audio-sand);
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: .04em;
}
noscript .audio-status { margin-top: 1rem; }
@media (max-width: 420px) { .audio-page { padding: 2rem 1.25rem; } .audio-wordmark { letter-spacing: .16em; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto; animation: none !important; transition: none !important; } }