@charset "UTF-8";

.front-title,
.section-title {
  padding-top: 10rem;
}
.about-us img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.about-us p {
  max-width: 600px;
  padding: 4rem 1rem 0;
  margin: 0 auto;
}
.stylist-photo img {
  width: 100%;
  height: auto;
  max-width: 560px;
  object-fit: cover;
  margin-bottom: 2rem;
}
.stylist-info {
  margin-bottom: 4rem;
}
.stylist-name {
  margin-bottom: 0.5rem;
}
.stylist-history {
  font-size: 0.75rem;
  color: var(--gray2);
  margin-bottom: 0.5rem;
}
.stylist-disc {
  margin-bottom: 0.5rem;
}
.stylist-off {
  font-size: 0.75rem;
  color: var(--gray2);
}
@media (min-width: 600px) {
  .about-us p {
    padding-top: 6rem;
  }
  .stylist .front-title,
  .stylist .section-title {
    padding-top: 20rem;
  }
  .stylist-info {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
  }
  .stylist-photo {
    width: 45%;
  }
  .stylist-prof {
    width: 45%;
  }
  .stylist-history,
  .stylist-off {
    font-size: 0.875rem;
  }
  .reverse {
    flex-direction: row-reverse;
  }
}