@font-face {
  font-family: 'Happy Time Two';
  src: url('/fonts/happy-time-two.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Capitolium';
  src: url('/fonts/capitolium-bold-roman.woff2') format('woff2'),
       url('/fonts/capitolium-bold-roman.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-brand: 'Capitolium', Georgia, serif;
  --font-brand-accent: 'Happy Time Two', Georgia, serif;
  --font-heading: 'Hedvig Letters Serif', Georgia, serif;
  --font-paragraph: 'Bitter', Georgia, serif;
}

.brand { font-family: var(--font-brand); font-weight: 700; }
.brand-accent { font-family: var(--font-brand-accent); font-weight: 400; }

/* Graphic design artwork gold base for the header's sculpted menu rods. */
header .hamburger-open-button {
  color: #d9b77b !important;
}

header .hamburger-open-button:is(:hover, :focus-visible) {
  color: #f4dfb8 !important;
}

/* Desktop and mobile rules framing the studio tagline. */
:is(#comp-mvssw723, #comp-mvsssq81, #comp-mvssl3sp, #comp-mvssiizy) {
  --lineColor: #927456;
  --background: linear-gradient(90deg, #84684e, #a08465 48%, #8d7053);
}

/* A muted bronze finish for the homepage's studio tagline. */
#comp-mvpnlhkz p {
  color: #a08465;
  text-shadow: 0 1px 2px rgb(37 20 10 / 35%);
}

@supports (background-clip: text) or (-webkit-background-clip: text) {
  #comp-mvpnlhkz p {
    background-image: linear-gradient(
      175deg,
      #ad9273 5%,
      #a08465 32%,
      #927456 50%,
      #a68a6b 68%,
      #987b5d 95%
    );
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 1px 1px rgb(37 20 10 / 35%));
  }
}