/* Approved site pairing: the services display face with Lora prose. */
@font-face {
  font-family: 'Roslindale Services';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/roslindale-display-condensed-light-review.woff2') format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/lora-variable.ttf') format('truetype');
}

/* Approved typography. Brand artwork and its attached wordmarks retain their original type. */
:root {
  --font-heading: 'Roslindale Services', serif;
  --font-body: 'Lora', Georgia, serif;
}

body {
  font-family: var(--font-body);
}

/* Header brand lockups must not inherit the new body face. The opening and
   footer identities already define their own fonts in landing.css. */
.brand {
  font-family: 'Space Grotesk', sans-serif;
}

/* Preserve existing sizes, responsive layouts, emphasis and capitalization.
   The opening identity is intentionally excluded from content heading rules. */
body.day-yours #main :is(h1, h2, h3, h4, h5, h6):not(.brand-intro):not(.logo-landing *) {
  font-family: var(--font-heading);
  font-weight: 300;
  letter-spacing: -.012em;
}

body.day-yours #main :is(p, li, address, blockquote, figcaption, label, input, select, textarea):not(.logo-landing *) {
  font-family: var(--font-body);
}

/* Display lettering outside semantic heading elements. */
.home-page #main :is(.meet-label, .drew-signature > span:first-child) {
  font-family: var(--font-heading);
  font-weight: 300;
  letter-spacing: -.012em;
}

/* Footer links and legal copy sit beside, rather than inside, the wordmark. */
.footer-landing .footer-details {
  font-family: var(--font-body);
}

/* Lora needs a natural rag in the narrow Drew column. */
.home-page #main .drew-copy p {
  font-size: clamp(16px, 1.13vw, 18px);
  line-height: 1.75;
  text-align: left;
  hyphens: none;
}