/* Landing page: logo, socials, subathon button over the Corporate Mundo splash. */

.home-main {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 100svh;
  padding: 32px var(--gutter) max(48px, env(safe-area-inset-bottom));
  overflow: hidden;
}

.home-art {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(18, 18, 20, 0.35) 0%, rgba(18, 18, 20, 0.7) 38%, var(--bg) 60%),
    url('/assets/background-960.webp') 62% 0 / auto 62% no-repeat;
}
.home-art::after {
  content: '';
  position: absolute;
  left: -10%;
  bottom: 8%;
  width: 90%;
  height: 50%;
  background: url('/assets/brush-red.webp') center / contain no-repeat;
  opacity: 0.1;
  filter: blur(10px);
  transform: rotate(-8deg);
}

.home-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: var(--max);
  margin: 0 auto;
}

.home-logo {
  width: 112px;
  height: auto;
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.6));
}

.home-title {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: clamp(3.4rem, 17vw, 8.6rem);
  line-height: 0.9;
  letter-spacing: 0.01em;
  text-shadow: 0 6px 30px rgba(0, 0, 0, 0.6);
}
.home-slash { color: var(--red-bright); }

.home-subathon-link {
  min-height: 52px;
  padding: 14px 26px;
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1.05rem;
  letter-spacing: 0.04em;
}

@media (min-width: 900px) {
  .home-main { align-items: center; padding-bottom: 32px; }
  .home-art {
    background:
      linear-gradient(90deg, var(--bg) 0%, rgba(18, 18, 20, 0.94) 30%, rgba(18, 18, 20, 0.45) 62%, rgba(18, 18, 20, 0.55) 100%),
      linear-gradient(180deg, rgba(18, 18, 20, 0.2) 0%, rgba(18, 18, 20, 0) 40%, var(--bg) 100%),
      url('/assets/background-1920.webp') right center / cover no-repeat;
  }
  .home-art::after { left: -5%; bottom: 10%; width: 55%; height: 70%; opacity: 0.12; }
  .home-logo { width: 140px; }
}