/* Approved public website typography: Nunito Sans throughout. */
@font-face {
  font-family: 'Nunito Sans';
  src: url('/assets/fonts/nunito-sans-variable.woff') format('woff');
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
}
:root {
  --font-body: 'Nunito Sans', Arial, sans-serif;
  --font-heading: var(--font-body);
  --font-product: var(--font-body);
}
body, button, input, textarea, select {
  font-family: var(--font-body);
}
.desktop-intro h1,
.window-content :is(h1, h2),
.booking-direct :is(#content-title, #calendar-title) {
  font-family: var(--font-heading);
  font-weight: 600;
  font-optical-sizing: auto;
  font-variation-settings: normal;
  letter-spacing: -.02em;
}
/* Product interfaces and book artwork share the website font family. */
.product-stage, .book-face {
  font-family: var(--font-product);
}
.window-content .product-stage :is(h1, h2, h3, button, input, textarea, select) {
  font-family: var(--font-product);
  font-variation-settings: normal;
}
.has-legal-window .window-content :is(h1, h2) {
  font-family: var(--font-body);
  font-weight: 600;
  font-variation-settings: normal;
}
@media (max-width: 600px) {
  .os-overview .product-intro h1 {
    font-size: clamp(30px, 7.7vw, 32px);
  }
}