/* Shared closing section — used by home, hero2 and manifiesto */
.closing{
  position:relative;
  overflow:hidden;
  background:#000;
  color:#F4F8ED;
  text-align:left;
  height:80vh;
  height:80svh;
  min-height:80vh;
  min-height:80svh;
  margin:0;
  padding:clamp(40px,5vh,72px) 0;
  display:flex;
  align-items:center;
  box-sizing:border-box;
}
.closing .wrap{
  position:relative;
  z-index:2;
  width:min(calc(100% - 2 * var(--page-x,32px)),var(--max,1280px));
  margin:0 auto;
}
.closingGrid{
  display:grid;
  grid-template-columns:minmax(min-content,1.15fr) minmax(240px,.85fr);
  gap:clamp(40px,7vw,120px);
  align-items:center;
}
.closingCopy{
  min-width:min-content;
}
.closing h2{
  margin:0;
  max-width:none;
  color:#F4F8ED;
  font-family:Arial, Helvetica, sans-serif;
  font-size:clamp(40px,6.1vw,88px);
  line-height:.93;
  letter-spacing:-.0696em;
  font-weight:700;
  white-space:normal;
  text-shadow:none;
}
.closing h2 span{
  display:block;
  white-space:nowrap;
}
.closing h2 span.period{
  display:inline;
  white-space:normal;
}
.closingActions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-self:end;
  gap:32px;
  width:max-content;
  max-width:100%;
}
.closingCta{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding-bottom:10px;
  color:#C4C4BE;
  font-size:clamp(13px,1.15vw,16px);
  font-weight:900;
  letter-spacing:1.3px;
  line-height:1;
  text-transform:uppercase;
  border-bottom:2px solid rgba(196,196,190,.75);
  transition:opacity .2s ease,transform .2s ease,border-color .2s ease;
}
.closingCta span{
  font-size:1.15em;
  line-height:1;
}
.closingCta:hover{
  opacity:.92;
  transform:translateX(4px);
  border-bottom-color:#F4F8ED;
}
.closingAddress{
  position:absolute;
  left:0;
  right:0;
  bottom:clamp(28px,4.5vh,52px);
  z-index:2;
  margin:0;
  text-align:center;
}
.closingAddress a{
  color:rgba(196,196,190,.72);
  font-size:clamp(12px,.95vw,14px);
  font-weight:500;
  letter-spacing:.04em;
  line-height:1.3;
}
.closingAddress a:hover{
  color:#F4F8ED;
}
@media(max-width:900px){
  .closing{
    height:80svh;
    min-height:80svh;
    padding:40px 0;
  }
  .closingGrid{
    grid-template-columns:1fr;
    gap:40px;
  }
  .closing h2{
    max-width:none;
    font-size:clamp(32px,8vw,48px);
  }
  .closingActions{
    justify-self:start;
    gap:26px;
  }
  .closingCta{
    font-size:14px;
    color:#C4C4BE;
    letter-spacing:1.1px;
  }
}

/* Arial and Arial Black draw "." as a square. Paint a circle of the same size on the baseline. */
.period{
  display:inline;
  letter-spacing:0;
  -webkit-text-fill-color:transparent;
}
.period::after{
  content:"";
  display:inline-block;
  vertical-align:baseline;
  overflow:hidden;
  line-height:0;
  border-radius:50%;
  background:currentColor;
  width:.1361em;
  height:.1361em;
  margin-left:-.2056em;
  margin-right:.0695em;
}
.heroTitle .period::after,
.dimension h3 .period::after{
  width:.2em;
  height:.2em;
  margin-left:-.2663em;
  margin-right:.0663em;
}