.hero-content {
  top: 43%;
  max-width: 520px;
}

.hero-meta {
  justify-content: center;
}

.talun-slide-logo {
  position: absolute;
  z-index: 3;
  top: auto;
  bottom: 39%;
  right: 8vw;
  width: clamp(150px, 15vw, 235px);
  height: auto;
  transform: none;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 5px 18px rgba(0, 0, 0, .22));
  border-radius: 10px;
}

#hero-content .kicker {
  font-size: 8px;
  letter-spacing: .2em;
}

#hero-content h1 {
  font-size: clamp(42px, 5vw, 76px);
  line-height: .92;
  margin: 16px 0;
}

#hero-content p {
  max-width: 400px;
  font-size: 13px;
  line-height: 1.65;
}

#hero-content .btn {
  gap: 26px;
  padding: 13px 18px;
  margin-top: 10px;
  font-size: 9px;
}

#hero-content .kicker,
#hero-content h1,
#hero-content p,
#hero-content .btn {
  transition: opacity .26s ease, transform .36s ease;
}

#hero-content.is-changing .kicker,
#hero-content.is-changing h1,
#hero-content.is-changing p,
#hero-content.is-changing .btn {
  opacity: 0;
  transform: translateY(14px);
}

@media (prefers-reduced-motion: reduce) {
  #hero-content .kicker,
  #hero-content h1,
  #hero-content p,
  #hero-content .btn { transition: none; }
}

@media (max-width: 800px) {
  .hero-content { top: 42%; max-width: 420px; }
  #hero-content h1 { font-size: 44px; }
  #hero-content p { max-width: 340px; font-size: 12px; }
  #hero-content .btn { padding: 12px 16px; }
  .talun-slide-logo { right: 6vw; width: 118px; }
}

@media (max-width: 520px) {
  .talun-slide-logo { width: 100px; }
}