.home-page .hero-mark {
  width: clamp(220px, 28vw, 340px);
  aspect-ratio: 1;
  flex: none;
  margin: 0 0 18px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.home-page .hero-mark [data-main-chrome-mark] {width: 100%; height: 100%}
@media (max-width: 768px) {
  .home-page .hero-mark {width: clamp(210px, 62vw, 280px); margin-bottom: 16px}
}
@media (max-height: 620px) {
  .home-page .hero-mark {width: min(210px, 36dvh); margin-bottom: 12px}
}