#hero{
  position:relative;
  height:calc(100vh + 7 * var(--u));
  z-index:2;
  overflow:clip;
  background:#1A1A17;
  color:#fff;
}
.hero__zoom{position:absolute; inset:0; will-change:transform}
.hero__media{position:absolute; inset:0; will-change:transform}
.hero__media video{width:100%; height:100%; object-fit:cover}
.hero__copy{position:absolute; inset:0; will-change:transform}
.hero__block{
  position:absolute; left:var(--gutter); right:var(--gutter); bottom:calc(34 * var(--u));
  height:calc(216 * var(--u));
}
.hero__eyebrow{
  position:absolute; left:0; bottom:calc(100% + 14 * var(--u));
  font-size:calc(15 * var(--u)); line-height:1.2;
}
.hero__title{
  position:absolute; left:0; top:0;
  font-size:calc(70 * var(--u));
  line-height:calc(72 * var(--u));      /* +5.5: acentos */
  width:max-content;
}
.hero__para{
  position:absolute; right:0; top:calc(-4 * var(--u));
  width:calc(291 * var(--u));
  font-size:calc(12.5 * var(--u)); line-height:calc(16 * var(--u));
}