#homerun-hero {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  background: #181818;
  overflow: hidden;
  z-index: 100;
}
.homerun-hero-bg {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: #181818;
  z-index: 1;
}
.homerun-hero-content {
  position: relative;
  z-index: 2;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.homerun-hero-main-text {
  width: 100vw;
  text-align: center;
  margin-top: 2vw;
  margin-bottom: 2vw;
}
.homerun-hero-title {
  font-size: 12vw;
  font-weight: 900;
  color: #ecd6fa;
  letter-spacing: -0.05em;
  display: block;
  line-height: 1;
}
.homerun-hero-creative, .homerun-hero-things {
  font-size: 3vw;
  color: #ecd6fa;
  font-weight: 600;
  margin: 0 2vw;
  display: inline-block;
}
.homerun-hero-images {
  position: absolute;
  top: 10vh;
  left: 0;
  width: 100vw;
  height: 60vh;
  pointer-events: none;
  z-index: 3;
}
.homerun-hero-img {
  position: absolute;
  width: 18vw;
  border-radius: 2vw;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
  opacity: 0.95;
}
.floating-img-1 { left: 20vw; top: 0; transform: rotate(-8deg); }
.floating-img-2 { left: 45vw; top: 8vh; transform: rotate(4deg); }
.floating-img-3 { left: 70vw; top: 2vh; transform: rotate(-3deg); }
.homerun-hero-subtext {
  margin-top: 8vw;
  font-size: 2.5vw;
  color: #fff;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.01em;
}
@media (max-width: 900px) {
  .homerun-hero-title { font-size: 16vw; }
  .homerun-hero-creative, .homerun-hero-things { font-size: 5vw; }
  .homerun-hero-img { width: 32vw; }
  .homerun-hero-subtext { font-size: 4vw; }
}