/* Houschka Rounded Light — G-Type, licensed webfont.
   Original WOFF2, self-hosted without conversion or subsetting.
   Purchase documents are private and remain outside the public directory. */
@font-face {
  font-family: 'Houschka Rounded';
  src: url('assets/fonts/HouschkaRounded-Light.woff2') format('woff2');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

/* Preserve the approved Light layout, independently of JavaScript,
   query parameters, Adobe, or fonts installed on the visitor's computer. */
html:root {
  --serif: 'Houschka Rounded', 'Helvetica Neue', Arial, sans-serif;
}
html:root :is(h1,h2,h3,em,.service-name,.project-name,.visual-title,.training-media-type,.collab-slots p,.profile-text blockquote,.profile-meta b,.mobile-nav a) {
  font-weight: 300;
  font-synthesis: none;
}
html:root :is(em,.profile-text blockquote,.cinema-title-2,.hero-word-italic) {
  font-style: normal;
}
html:root #hero-title {
  letter-spacing: -.045em;
  font-size: clamp(100px,22vw,320px);
}
html:root :is(.statement,.section-title,.contact-title) {
  letter-spacing: -.04em;
  line-height: 1.1;
}
html:root .contact-title { font-size: clamp(65px,10vw,155px) }

/* These headings use ID selectors or font shorthands in the base styles. */
html:root :is(#course-panel h3,#dialog-title,.case-body h3) {
  font-weight: 300;
  font-synthesis: none;
}
@media (max-width:760px) {
  html:root #hero-title { font-size: 24vw; letter-spacing: -.055em }
  html:root .section-title { font-size: 46px }
  html:root .contact-title { font-size: 66px }
}