/*
 * H2F Studio typography v1
 * Display: KuroHana Mincho ExtraBold (SIL OFL 1.1)
 * Body: administrative sans stack
 * Metadata: technical monospace stack
 */

@font-face {
  font-family: "KuroHana Mincho";
  src: url("/assets/fonts/kurohana-mincho-extrabold-studio-v1.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

body {
  --font-display: "KuroHana Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --font-body: "BIZ UDPGothic", "BIZ UDGothic", "Hiragino Sans", "Yu Gothic UI", Meiryo, sans-serif;
  --font-meta: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-family: var(--font-body);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.hero-copy h1,
.problem-statement h2,
.section-heading h2,
.services-intro h2,
.profile-manifesto h2,
.faq-heading h2,
.contact-inner h2 {
  font-family: var(--font-display);
  font-stretch: normal;
  font-style: normal;
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -0.018em;
}

.hero-copy h1 {
  font-size: clamp(3.2rem, 5.15vw, 5.2rem);
  line-height: 1.2;
  letter-spacing: -0.024em;
}

.problem-statement h2 {
  font-size: clamp(2.25rem, 3.8vw, 3.7rem);
  line-height: 1.24;
  text-wrap: normal;
}

.service-item h3,
.work-body h3,
.process-list h3,
.person-copy h3,
.engineering-copy h3,
.profile-lead,
.faq-list summary {
  font-family: var(--font-body);
  font-weight: 700;
  letter-spacing: -0.015em;
}

.studio-brand span,
.hero-label,
.work-type,
.person-role,
.service-item::before,
.service-item .service-output,
.work-body .work-scope,
.profile-facts dt {
  font-family: var(--font-meta);
}

@media (max-width: 580px) {
  .hero-copy h1 {
    font-size: clamp(2.6rem, 12.4vw, 3.85rem);
    line-height: 1.18;
    letter-spacing: -0.02em;
  }
}