.hero{padding:72px 0 54px;text-align:center}
.hero-content{width:min(860px,92%);margin-inline:auto}
.hero-kicker{
  margin-bottom:10px;
  color:#c79bff;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.82rem
}
.hero h1{max-width:860px;margin-inline:auto;margin-bottom:16px}
.hero-description{max-width:700px;margin:0 auto 30px;color:var(--text-soft);font-size:1.05rem}
.home-section{padding:46px 0;border-top:1px solid rgba(255,255,255,.07)}
.search-results-section{display:none;padding:30px 0 10px}

#movies-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    overflow-x: auto;
}

#movies-grid .media-card {
    flex: 0 0 calc((100% - 48px) / 4);
}