@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url('/assets/fonts/source-sans-3-latin-v1.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/cormorant-garamond-600-latin-v1.woff2') format('woff2');
}

:root {
  --font-body: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;
}
body { font-family: var(--font-body); }

/* Display lettering belongs to section titles; controls retain the sans serif. */
.home-sections .home-heading h2:is(#photo-heading, #video-heading, #services-heading, #references-heading, #contact-heading),
.faq-heading h2,
.reservation-contact-heading h3,
body.service-detail-page .service-page-heading :is(#service-page-title, #information-title) {
  font-family: var(--font-display);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -.2px;
}
.home-sections .home-heading h2:is(#photo-heading, #video-heading, #services-heading, #references-heading, #contact-heading) { font-size: 42px; }
.home-sections #iletisim.reservation-section--merged .home-heading > #contact-heading { font-size: 38px; }
.faq-heading h2 { font-size: 38px; }
.reservation-contact-heading h3 { font-size: 28px; }
body.service-detail-page .service-page-heading :is(#service-page-title, #information-title) { font-size: clamp(34px, 5vw, 50px); }

@media (max-width:820px) {
  .home-sections .home-heading h2:is(#photo-heading, #video-heading, #services-heading, #references-heading, #contact-heading) { font-size: 38px; }
  .home-sections #iletisim.reservation-section--merged .home-heading > #contact-heading { font-size: 34px; }
}
@media (max-width:600px) {
  .home-sections .home-heading h2:is(#photo-heading, #video-heading, #services-heading, #references-heading, #contact-heading) { font-size: 34px; }
  .home-sections #iletisim.reservation-section--merged .home-heading > #contact-heading,
  .faq-heading h2 { font-size: 32px; }
  .reservation-contact-heading h3 { font-size: 26px; }
  body.service-detail-page .service-page-heading :is(#service-page-title, #information-title) { font-size: 34px; }
}