/*
 V62 — FINAL RHYTHM + FOOTER HOME
 This layer intentionally contains only the requested adjustments.
 It does not replace or modify the approved base typography/reset.
*/

/* Shared hero start: a deliberate, visible breathing space below the fixed header. */
:root{
  --v62-hero-top:168px;
  --v62-hero-bottom:72px;
  --v62-kicker-to-title:24px;
  --v62-title-size:clamp(44px,7.2vw,108px);
  --v62-title-line:.88;
  --v62-subtitle-top:22px;
}

/* Home */
.hero{
  padding-top:var(--v62-hero-top) !important;
}
.hero-copy .page-kicker{
  margin:0 0 var(--v62-kicker-to-title) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

/* Trabajos */
.works-intro{
  padding-top:var(--v62-hero-top) !important;
}
.works-intro .page-kicker,
.works-intro .eyebrow{
  margin:0 0 var(--v62-kicker-to-title) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
.works-intro h1{
  font-size:var(--v62-title-size) !important;
  line-height:var(--v62-title-line) !important;
}

/* Ideas */
.ideas-hero{
  padding-top:var(--v62-hero-top) !important;
}
.ideas-hero .ideas-kicker,
.ideas-hero .page-kicker{
  margin:0 0 var(--v62-kicker-to-title) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
.ideas-hero h1{
  font-size:var(--v62-title-size) !important;
  line-height:var(--v62-title-line) !important;
}

/* Sobre mí */
.project-hero{
  padding-top:var(--v62-hero-top) !important;
}
.project-hero .project-kicker{
  margin:0 0 var(--v62-kicker-to-title) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
.project-hero h1{
  font-size:var(--v62-title-size) !important;
  line-height:var(--v62-title-line) !important;
}

/* Contacto: bring it into the same hero system as Trabajos / Ideas / Sobre mí. */
.contact-hero{
  padding-top:var(--v62-hero-top) !important;
  padding-bottom:var(--v62-hero-bottom) !important;
}
.contact-hero .page-kicker,
.contact-hero .project-kicker{
  margin:0 0 var(--v62-kicker-to-title) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  opacity:.75 !important;
}
.contact-hero h1{
  margin:0 auto !important;
  max-width:var(--hero-title-max,1220px) !important;
  font-size:var(--v62-title-size) !important;
  line-height:var(--v62-title-line) !important;
  letter-spacing:-.045em !important;
  font-weight:800 !important;
}
.contact-hero > p:last-child{
  max-width:var(--hero-subtitle-max,920px) !important;
  margin:var(--v62-subtitle-top) auto 0 !important;
  font-size:var(--hero-subtitle-size,clamp(18px,1.55vw,22px)) !important;
  line-height:1.22 !important;
}

/* Footer monogram = Home control. */
.footer-home-link{
  display:block !important;
  width:180px;
  height:auto;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.footer-home-link svg{
  display:block;
  width:100%;
  height:auto;
}
.footer-home-link:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:6px;
}

@media(max-width:800px){
  :root{
    --v62-hero-top:148px;
    --v62-hero-bottom:54px;
    --v62-title-size:clamp(48px,13vw,76px);
  }
  .hero,
  .works-intro,
  .ideas-hero,
  .project-hero,
  .contact-hero{
    padding-top:var(--v62-hero-top) !important;
  }
  .contact-hero{
    padding-bottom:var(--v62-hero-bottom) !important;
  }
  .footer-home-link{
    width:160px;
  }
}