/* Bencefalo v87 — Taller Brujo hero copy + tighter footer composition */

/* Taller Brujo hero editorial hierarchy */
.taller-page .hero-grid>div:first-child{
  max-width:720px!important;
}
.taller-page .hero .hero-eyebrow{
  margin:0 0 18px!important;
  color:#c895ff!important;
  font-family:var(--font-ui)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:300!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.taller-page .hero h1{
  max-width:8.2ch!important;
  margin-bottom:22px!important;
}
.taller-page .hero .lead{
  max-width:58ch!important;
}

/* Footer: brand/social block stays left, navigation is compact and right-aligned */
.site-footer .footer-grid{
  grid-template-columns:minmax(360px,1fr) repeat(4,minmax(112px,132px))!important;
  column-gap:18px!important;
  row-gap:28px!important;
  align-items:start!important;
}
.site-footer .footer-brand{
  max-width:430px!important;
  padding-right:24px!important;
}
.site-footer .footer-col{
  min-width:0!important;
}
.site-footer .footer-col>strong{
  white-space:nowrap!important;
}

@media(max-width:900px){
  .site-footer .footer-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:28px 18px!important;
  }
  .site-footer .footer-brand{
    grid-column:1/-1!important;
    max-width:620px!important;
    padding-right:0!important;
  }
}

@media(max-width:680px){
  .taller-page .hero .hero-eyebrow{
    max-width:30ch!important;
    margin-bottom:13px!important;
    font-size:10px!important;
    letter-spacing:.15em!important;
  }
  .taller-page .hero h1{
    max-width:8.5ch!important;
    margin-bottom:14px!important;
  }
  .taller-page .hero .lead{
    max-width:33ch!important;
  }

  .site-footer .footer-grid{
    grid-template-columns:1fr 1fr!important;
    gap:27px 18px!important;
  }
  .site-footer .footer-brand{
    grid-column:1/-1!important;
    max-width:none!important;
  }
}