@charset "UTF-8";

.profile-section {
  padding: 32px 0;
  border-bottom: 1px solid var(--color-border-soft);
}

.profile-section:last-child {
  border-bottom: none;
}

.profile-section h1 {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0.08em;
  margin-bottom: 24px;
}

.profile-section h2 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.08em;
  margin-bottom: 16px;
}

.profile-section p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 24px;
}

.profile-section a {
  text-decoration: underline;
}

.profile-image {
  width: 100%;
  max-width: 400px;
  height: auto;
  margin: 32px 0;
  display: block;
  border-radius: 10px;
}

@media (min-width: 640px) {
  .profile-section {
    padding: 48px 0;
  }

  .profile-section h1 {
    font-size: 36px;
    margin-bottom: 32px;
  }

  .profile-section h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }

  .profile-section p {
    font-size: 18px;
  }

  .profile-image {
    max-width: 500px;
    margin: 40px 0;
  }
}