/* Shared closing section — used by home and manifiesto */
.closing{
  position:relative;
  overflow:hidden;
  background:var(--ink,#000);
  color:var(--white,#fff);
  text-align:left;
  min-height:100vh;
  padding:22vh 0 24vh;
  display:flex;
  align-items:center;
  margin:0;
}
.closingCanvas{
  position:absolute;
  inset:0;
  z-index:0;
}
.closing::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.75) 100%);
}
.closing .wrap{
  position:relative;
  z-index:2;
  width:min(calc(100% - 2 * var(--page-x,32px)),var(--max,1280px));
  margin:0 auto;
}
.closing .sectionLabel{
  display:block;
  color:var(--blue,#0f62ff);
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
}
.closing h2{
  margin:22px 0 0;
  max-width:18ch;
  font-size:clamp(36px,4.5vw,70px);
  line-height:.86;
  letter-spacing:-3.2px;
  font-weight:900;
  text-shadow:0 2px 28px rgba(0,0,0,.45);
}

@media(max-width:900px){
  .closing{
    min-height:92vh;
    padding:16vh 0 18vh;
  }
  /* Rotate the wave field 90° so the band of points reads vertically in portrait */
  .closingCanvas{
    inset:auto;
    top:50%;
    /* Center + 25% toward the right on the screen X axis */
    left:75%;
    width:100vh;
    height:100vw;
    transform:translate(-50%,-50%) rotate(90deg);
  }
  .closing h2{
    max-width:14ch;
    letter-spacing:-2.8px;
  }
}