/* Home "esbozada" (fase 1) — mismo sistema de marca (beis/morado +
   Accia Piano/BentonModDisp) que el resto del sitio. Las fuentes ya se
   cargan globalmente desde inc/site-footer.php, no hace falta repetirlas
   aquí (usamos las variables --fd-font-heading/--fd-font-body que expone
   assets/css/fonts.css). */

/* Blocksy pinta un título de página ("Inicio") y su menú de cabecera
   encima del contenido — los ocultamos aquí igual que en las páginas del
   embudo (ver funnel.css): el propio hero ya lleva su H1 real, y de
   momento no hay menú definitivo (fase 2). El footer se queda. */
.home .entry-header,
.home .hero-section,
.home .page-title,
.home .header,
.home #header,
.home .site-header {
  display: none !important;
}

.fd-home-hero {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
  padding: 56px 24px;
}

@media (min-width: 780px) {
  .fd-home-hero {
    grid-template-columns: 0.8fr 1fr;
    gap: 64px;
  }
}

.fd-home-hero__photo {
  aspect-ratio: 4 / 5;
  border-radius: 20px;
  background: linear-gradient(160deg, #601739 0%, #430f27 100%);
}

.fd-home-hero__name {
  font-family: var(--fd-font-heading);
  font-style: italic;
  font-weight: 700;
  font-size: clamp(2rem, 4.4vw, 3rem);
  color: #601739;
  margin: 0 0 20px;
}

.fd-home-hero__bio {
  font-family: var(--fd-font-body);
  font-size: 1.1rem;
  line-height: 1.6;
  color: #601739;
  margin: 0 0 32px;
  max-width: 42ch;
}

.fd-home-hero__social {
  display: flex;
  gap: 16px;
  margin: 0 0 32px;
}

.fd-home-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 16px 28px;
  border-radius: 999px;
  background: #601739 !important;
  color: #fff !important;
  font-family: var(--fd-font-body) !important;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 10px 24px rgba(96, 23, 57, 0.25);
}

.fd-home-hero__cta:hover {
  background: #430f27 !important;
}