.hero-build{
  position:absolute;
  z-index:31;
  top:3.7vh;
  left:2.55vw;
  width:clamp(286px,27vw,485px);
  color:var(--paper);
}
.build-word-row{
  display:flex;
  align-items:center;
  width:100%;
}
.build-word{
  display:flex;
  align-items:center;
  margin:0;
  font:900 clamp(31px,3.05vw,54px)/.92 var(--archivo);
  letter-spacing:.035em;
  text-transform:uppercase;
}
.build-letter{
  display:inline-block;
  min-width:.64em;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.build-square{
  width:clamp(8px,.68vw,12px);
  height:clamp(8px,.68vw,12px);
  margin-left:10px;
  background:var(--red);
  opacity:0;
  transform:scale(.35);
  transition:opacity .25s ease,transform .25s cubic-bezier(.22,.61,.36,1);
}
.hero-build.is-square-ready .build-square{opacity:1;transform:scale(1)}
.build-rule-track{
  width:100%;
  height:4px;
  margin-top:11px;
  overflow:hidden;
  background:rgba(235,236,238,.09);
}
.build-rule{
  width:100%;
  height:100%;
  background:var(--red);
  transform:scaleX(0);
  transform-origin:left center;
}
.hero-build.is-rule-ready .build-rule{
  animation:buildRule .45s cubic-bezier(.22,.61,.36,1) forwards;
}
.build-console{
  margin-top:8px;
  opacity:0;
  transform:translateY(5px);
}
.hero-build.is-console-ready .build-console{
  animation:buildConsole .3s cubic-bezier(.22,.61,.36,1) forwards;
}
.build-console-head,
.build-console-line{
  display:grid;
  align-items:center;
  border-bottom:1px solid rgba(235,236,238,.12);
  font-family:var(--space);
  text-transform:uppercase;
}
.build-console-head{
  grid-template-columns:1fr auto;
  min-height:20px;
  color:rgba(235,236,238,.38);
  font-size:6px;
  line-height:1;
  letter-spacing:1px;
}
.build-console-line{
  grid-template-columns:7px 19px minmax(0,1fr) auto;
  gap:7px;
  min-height:25px;
  color:rgba(235,236,238,.72);
  font-size:6.5px;
  line-height:1.2;
  letter-spacing:.48px;
  opacity:0;
  transform:translateY(5px);
}
.build-console-line i{width:5px;height:5px;background:var(--red)}
.build-console-line b{color:var(--red);font-size:7px}
.build-console-line em{
  color:rgba(235,236,238,.39);
  font-family:var(--inter);
  font-size:6px;
  font-style:normal;
  letter-spacing:.1px;
  text-transform:none;
  white-space:nowrap;
}
.hero-build.is-line-1-ready .build-console-line:nth-child(2),
.hero-build.is-line-2-ready .build-console-line:nth-child(3){
  animation:buildLine .25s cubic-bezier(.22,.61,.36,1) forwards;
}
.build-status{
  margin-top:7px;
  color:rgba(235,236,238,.42);
  font:700 6.5px/1 var(--space);
  letter-spacing:1.05px;
  text-transform:uppercase;
}
.hero-build.is-ready .build-status{color:var(--red)}
.site-brand{
  position:absolute;
  z-index:30;
  top:23px;
  right:39px;
  display:flex;
  align-items:center;
  gap:10px;
  font:900 clamp(18px,1.5vw,27px)/1 var(--archivo);
  letter-spacing:2.4px;
  text-transform:uppercase;
}
.site-brand i{width:9px;height:9px;background:var(--red)}