.home-body {
  min-height: 100vh;
  background: var(--purple-950);
}

.home-admin-link {
  border: 1px solid rgba(107, 51, 163, 0.2);
  border-radius: 8px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.72);
}

.home-hero {
  position: relative;
  min-height: calc(100vh - 76px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  align-items: center;
  gap: clamp(28px, 6vw, 88px);
  padding: clamp(46px, 7vw, 96px) clamp(18px, 5vw, 78px);
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(112deg, rgba(39, 17, 57, 0.92), rgba(84, 32, 126, 0.76)),
    url("Design Elements/Flyer-BG.jpg") center / cover;
}

.home-hero::before {
  content: "";
  position: absolute;
  inset: auto -10vw -20vw auto;
  width: min(58vw, 760px);
  aspect-ratio: 1;
  background: url("Design Elements/Ellipse2.png") center / contain no-repeat;
  opacity: 0.62;
}

.home-hero::after {
  content: "";
  position: absolute;
  inset: 7vh 0 auto auto;
  width: min(54vw, 780px);
  height: 48vh;
  background: url("Design Elements/shapes1.png") right center / contain no-repeat;
  opacity: 0.34;
}

.home-hero-copy,
.home-hero-media {
  position: relative;
  z-index: 1;
}

.home-hero h1 {
  max-width: 920px;
  margin-bottom: 22px;
}

.home-lead {
  max-width: 690px;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(1.1rem, 2vw, 1.38rem);
  line-height: 1.48;
}

.home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.home-actions:empty {
  display: none;
}

.home-hero-media {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 320px;
}

.home-hero-media img {
  width: min(320px, 82%);
  max-height: 360px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 28px 58px rgba(20, 6, 35, 0.3));
}

@media (max-width: 1050px) {
  .home-hero {
    min-height: auto;
    grid-template-columns: 1fr;
  }

  .home-hero-media {
    min-height: 240px;
  }
}

@media (max-width: 680px) {
  .home-hero {
    padding-top: 36px;
  }

  .home-actions .button {
    width: 100%;
  }
}