/* Type pass 2026-08-30 — her Webflow template leaves running text, one tagline, category labels,
   "Read more" and the footer blurb in the system font and links in turquoise. Set them in her own
   faces: Cormorant Garamond 300/400 for reading, Manrope tracked caps for labels. Loads after the
   Webflow sheet on the 14 template pages; the door and the legal pages carry their own type. */
.text-rich-text p, .text-rich-text li { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: 1.25rem; line-height: 1.55; color: #2b251f; }
p { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: 1.2rem; line-height: 1.5; color: #2b251f; } /* unclassed paragraphs — the six value cards on /tiffany */
.text-rich-text strong { font-weight: 600; }
.text-rich-text a { color: inherit; text-decoration: underline; text-underline-offset: .18em; text-decoration-color: #dcd9cc; }
.text-rich-text a:hover { text-decoration-color: #635945; }
.text-block-3 { font-family: 'Cormorant Garamond', serif; font-weight: 300; font-style: italic; font-size: 1.7rem; line-height: 1.3; letter-spacing: .01em; }
.text-size-regular-2 { font-family: Manrope, sans-serif; font-weight: 400; font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; color: #635945; }
.button.is-link.is-icon > div:first-child { font-family: Manrope, sans-serif; font-weight: 400; font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; }
.footer3_component .text-size-small { font-family: 'Cormorant Garamond', serif; font-weight: 300; font-style: italic; font-size: 1.2rem; line-height: 1.5; color: #dcd9cc; }
@media (max-width: 767px) { .text-rich-text p, .text-rich-text li { font-size: 1.15rem; } .text-block-3 { font-size: 1.45rem; } }

/* ── Mobile: keep a page's first heading clear of the fixed MENU button ──────────────
   @media(max-width:767px) drops .padding-section-large to 4rem, which starts the service
   pages' <h1> level with the MENU pill — "Architectural Consulting & Overall Design" runs
   straight under it. Her own /press page already carries .padding-section-large.press
   { padding-top:6rem } for exactly this reason; this applies the same 6rem to the service
   header. Two-class specificity, so it beats the one-class rule inside the media query.
   Found 2026-09-05 on a phone, same defect class as /the-studio. */
@media (max-width: 767px) {
  .section_header110 .padding-section-large { padding-top: 6rem; }
}