/* Shared design language. No remote fonts or third-party requests. */
.ytm-site {
  --ytm-ink: #202422;
  --ytm-muted: #60665f;
  --ytm-paper: #f6f4ef;
  --ytm-white: #fff;
  --ytm-line: #deded5;
  --ytm-gold: #c8b18a;
  --ytm-accent: #74603e;
  --ytm-serif: Georgia, 'Times New Roman', serif;
  --ytm-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ytm-space: clamp(20px, 3vw, 48px);
  --ytm-width: 1360px;
  background: var(--ytm-paper);
  color: var(--ytm-ink);
  font-family: var(--ytm-sans);
  line-height: 1.6;
}
.ytm-site *, .ytm-site *::before, .ytm-site *::after { box-sizing: border-box; }
.ytm-site :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--ytm-accent);
  outline-offset: 4px;
}
.ytm-site :where(.ytm-hero, .site-header) :focus-visible { outline-color: #d7b773; }
.ytm-site :where(h1,h2,h3,h4) { color: var(--ytm-ink); }
.ytm-site :where(.ytm-section,.ytm-hero,.hp-page) a { text-underline-offset: .25em; }
.ytm-site .ytm-eyebrow { font: 600 .72rem/1.5 var(--ytm-sans); letter-spacing: .18em; text-transform: uppercase; margin: 0 0 14px; color: var(--ytm-accent); }
@media (prefers-reduced-motion: reduce) {
  .ytm-site *, .ytm-site *::before, .ytm-site *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}