@font-face {
  font-family: Polymath;
  src: url("fonts/polymath-semibold-english.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Polymath Brand";
  src: url("fonts/polymath-black-brand.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
html { background: #fff; color: #080808; }
body {
  margin: 0;
  padding: 1.25em;
  font-family: Polymath, Arial, sans-serif;
  font-weight: 600;
  font-size: 100%;
  line-height: 1.6;
  word-wrap: break-word;
}
main, header, section, nav, footer { display: block; }
.site-shell, .site-dialog, .skip-link { max-width: 42em; margin: 0 auto; }
h1 { font-family: "Polymath Brand", Polymath, Arial, sans-serif; font-weight: 800; font-size: 2.5em; line-height: 1.1; margin: 0.75em 0 0.4em; }
h2 { font-size: 1.5em; line-height: 1.25; }
h3 { font-size: 1.1em; }
p { margin: 0 0 1em; }
a { color: inherit; text-decoration: underline; }
a:focus, [tabindex]:focus { outline: 3px solid currentColor; outline-offset: 4px; }
.skip-link { display: block; }
.tagline { font-size: 1.25em; margin-bottom: 1.5em; }
.basic-actions { margin: 1.5em 0 2em; }
.basic-actions a { display: inline-block; padding: 0.65em 0.8em; margin: 0 0.5em 0.75em 0; border: 2px solid currentColor; border-radius: 0.65em; text-decoration: none; }
.basic-player { margin: 2em 0; }
.basic-player audio { display: block; width: 100%; max-width: 30em; margin-bottom: 0.75em; }
.basic-audio-link a, .contact-email-link { display: inline-block; padding: 0.65em 0; }
.privacy-note { font-size: 0.85em; color: #444; margin-top: 2em; }
.privacy-note span { display: block; }
.site-dialog { position: static; width: auto; padding: 1.5em 0; border: 0; border-top: 2px solid currentColor; }
.price-list { margin: 1em 0; }
.price-list dd { margin: 0 0 1em; }
.price-unit { font-size: 0.85em; }
.contact-email { margin-bottom: 0.5em; }
svg, button, .actions, .playback-panel, .contact-project, .contact-or,
#enquiry-navigation, #enquiry-form, #enquiry-review, #enquiry-error,
#contact-status, .syllable, [hidden] { display: none !important; }
@media (min-width: 50em) {
  body { padding: 2em 3em; font-size: 112.5%; }
  h1 { font-size: 3.5em; }
  .tagline { font-size: 1.5em; }
}
@media (prefers-color-scheme: dark) {
  html { background: #101010; color: #f8f8f6; color-scheme: dark; }
  .privacy-note { color: #b3b3b1; }
}
@media (forced-colors: active) {
  html { color: CanvasText; background: Canvas; }
  .privacy-note { color: CanvasText; }
  a { color: LinkText; }
}
