/* Approved Manrope edition. Earlier comparisons retain their original styling. */
:root { --font: 'Manrope', Arial, Helvetica, sans-serif; }
body { font-family: var(--font); }
.site-header nav, .site-header .nav-reel { font-size: 16px; font-weight: 500; line-height: 1.5; }
.site-header nav a, .site-header .nav-reel { min-height: 44px; display: inline-flex; align-items: center; }
.contact-current h3 span { color: #c44b20; }
.contact-current h3 { text-wrap: wrap; }
.studio-layout > *, .detail-copy > *, .intro-line > *, .contact-pair > * { min-width: 0; }
.detail-heading h1, .project h3, .contact-person h4 { overflow-wrap: break-word; }
@media (min-width: 761px) and (max-width: 1000px) {
  .site-header { flex-wrap: wrap; height: auto; padding-top: 24px; padding-bottom: 22px; gap: 18px 30px; }
  .site-header nav { flex-wrap: wrap; }
}
@media (max-width: 760px) {
  .site-header { flex-wrap: wrap; height: auto; padding-top: 24px; padding-bottom: 20px; row-gap: 14px; }
  .site-header nav { width: 100%; justify-content: space-between; gap: 16px; }
  .site-header .nav-reel { display: none; }
  .intro-aside, .work-more { flex-wrap: wrap; }
  .intro-aside { row-gap: 20px; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .site-header { flex-wrap: wrap; height: auto; padding-top: 24px; padding-bottom: 22px; gap: 18px 30px; }
  .site-header nav { flex-wrap: wrap; }
}