@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

:root {
  font-family: Poppins, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1, h2, h3 { letter-spacing: -.02em; }

.hero h1 {
  font-size: clamp(3rem, 5.3vw, 4.75rem);
  line-height: 1.21;
  font-weight: 600;
  letter-spacing: -.02em;
}

.hero p {
  color: #393939;
  font-size: clamp(1.05rem, 1.32vw, 1.19rem);
  line-height: 1.68;
}

.section-title, .contact h2, .case-section h2 {
  font-weight: 600;
  line-height: 1.18;
}

.project h3, .app-card h3, .all-card h2 { font-weight: 600; }

.case-hero h1 {
  font-size: clamp(3rem, 5.3vw, 4.75rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.about .section-title {
  font-size: clamp(3.2rem, 6vw, 4.5rem);
  line-height: 1.13;
}

.hero-portrait {
  display: block;
  width: 150px;
  height: 200px;
  margin: 0 auto;
  border-radius: 999px;
  object-fit: cover;
  object-position: center;
}

.about-grid > div:last-child { padding-top: 125px; }

@media (max-width: 780px) {
  .about-grid > div:last-child { padding-top: 0; }
}

@media (max-width: 600px) {
  .hero h1, .case-hero h1 { font-size: clamp(2.8rem, 11vw, 4rem); }
}