/*
  V65 — STRUCTURAL NORMALIZATION
  Single final layer for hero subtitle rhythm + Trabajos hover.
  Does not alter global tokens or page content architecture.
*/

/* One master subtitle scale: Home / Trabajos are the reference. */
.hero .hero-note,
.works-intro .large-statement-subtitle,
.ideas-hero .hero-note,
.project-hero__intro,
.contact-hero > p:last-child,
.sobre-hero__subtitle{
  font-size:clamp(18px,1.55vw,22px) !important;
  line-height:1.18 !important;
  letter-spacing:-.025em !important;
  font-family:inherit !important;
  font-weight:400 !important;
}

/* Kicker alignment: all hero kickers share the same centered geometry. */
.contact-hero .project-kicker,
.contact-hero .page-kicker,
.sobre-hero .sobre-kicker,
.ideas-hero .ideas-kicker,
.ideas-hero .page-kicker,
.works-intro .page-kicker,
.project-hero .project-kicker{
  text-align:center !important;
}

/* About: smaller portrait/panel while preserving the established blue block. */
.sobre-intro{
  grid-template-columns:minmax(0,1fr) minmax(270px,.70fr) !important;
  gap:clamp(30px,4vw,60px) !important;
  padding:clamp(28px,3.2vw,46px) !important;
}
.sobre-intro__portrait{
  width:100%;
  max-width:390px;
  justify-self:end;
}

/* Trabajos: restore the approved shallow hover shape WITHOUT restoring text/meta. */
.works-list .project-overlay{
  display:block !important;
  --overlay-w:48%;
  position:absolute;
  z-index:4;
  left:0;
  bottom:0;
  width:var(--overlay-w);
  aspect-ratio:3/2;
  max-width:92%;
  max-height:88%;
  pointer-events:none;
}
.works-list .project-overlay-shape{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  clip-path:inset(0 100% 0 0);
  transition:clip-path .58s cubic-bezier(.22,1,.36,1);
}
.works-list .project-overlay-shape path{fill:var(--blue)}
.works-list .project-overlay-content{display:none !important}

/* Keep the approved image motion and make keyboard focus equivalent to hover. */
.works-list .project:hover .project-image,
.works-list .project:focus-visible .project-image{transform:scale(1.018)}
.works-list .project:hover .project-overlay-shape,
.works-list .project:focus-visible .project-overlay-shape{clip-path:inset(0 0 0 0)}

@media(max-width:800px){
  .sobre-intro{grid-template-columns:1fr !important}
  .sobre-intro__portrait{
    max-width:none;
    width:100%;
    justify-self:stretch;
  }
  .hero .hero-note,
  .works-intro .large-statement-subtitle,
  .ideas-hero .hero-note,
  .project-hero__intro,
  .contact-hero > p:last-child,
  .sobre-hero__subtitle{
    font-size:clamp(18px,1.55vw,22px) !important;
    line-height:1.18 !important;
    letter-spacing:-.025em !important;
  }
}