.hero-title-accent {
  max-width: 820px;
  margin-top: 18px;
  font-size: 0.58em;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.engineering-visual {
  align-self: center;
  padding: 14px 14px 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(160deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018));
  box-shadow: var(--shadow);
}

.engineering-visual img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
}

.engineering-visual p {
  margin: 14px 8px 2px;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.55;
}

html[lang="ko"] .hero-title-accent {
  max-width: 900px;
  font-size: 0.48em;
  line-height: 1.18;
  letter-spacing: -0.04em;
  word-break: keep-all;
}

html[lang="ko"] .lede,
html[lang="ko"] .section-head p,
html[lang="ko"] .card p,
html[lang="ko"] .journal-card p,
html[lang="ko"] .fun-list li,
html[lang="ko"] .contact p {
  word-break: keep-all;
}

@media (max-width: 850px) {
  .engineering-visual {
    width: min(100%, 560px);
  }
}

@media (max-width: 560px) {
  .hero-title-accent {
    font-size: 0.56em;
  }

  html[lang="ko"] .hero-title-accent {
    font-size: 0.46em;
  }
}