.hero-visual {
  background: white;
  border: 1px solid var(--line);
  border-radius: 30px;
  padding: 34px;
  box-shadow: 0 32px 80px rgba(14, 42, 71, 0.11);
}

.hero-visual img {
  display: block;
  width: min(76%, 360px);
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 26%;
  margin: 0 auto 28px;
}

.hero-visual-copy {
  border-top: 1px solid var(--line);
  padding-top: 24px;
}

.hero-visual-copy span {
  display: block;
  color: var(--forest);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 9px;
}

.hero-visual-copy strong {
  display: block;
  color: var(--navy);
  font: 700 1.2rem Manrope, sans-serif;
  line-height: 1.35;
}

.hero-visual-copy p {
  color: #596860;
  font-size: 0.91rem;
  margin: 10px 0 0;
}

@media (max-width: 820px) {
  .hero-visual {
    max-width: 560px;
    width: 100%;
    margin: auto;
  }
}