.herohome {
}

.herohome--in {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.herohome--row {
  display: flex;
  align-items: baseline;
  gap: var(--gut);
}

.herohome--line {
  display: block;
  height: 1px;
  transform-origin: var(--p, 0%) 0;
  transition:1.6s var(--outP5);
}

.herohome--row:hover .herohome--line {
  transform: scaleX(0.7);
}


.herohome--line .bstroke {
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: var(--p, 0%) 0;
}

.herohome--text {
  margin: 0;
  white-space: nowrap;
}

.herohome--text-serif {
  font-style: italic;
}

.herohome--row-1 {
  padding-left: 0;
  .herohome--line {
    width: calc(var(--mar)*1 + var(--col) * 2 + var(--gut)*1);
  }
}

.herohome--row-2 {
  padding-left: calc(var(--mar)*1 + var(--col)*1 + var(--gut));
  .herohome--line {
    width: calc(var(--col) * 5 + var(--gut) * 4);
  }
}

.herohome--row-3 {
  align-self: end;
  padding-right: 0;
  .herohome--line {
    width: calc(var(--mar)*1 + var(--col)*6 + var(--gut)*5);
  }
}

.herohome--row-4 {
  padding-left: calc(var(--mar)*1 + var(--col) * 4 + var(--gut) * 4);
  .herohome--line {
    width: calc(var(--col) * 3.5 + var(--gut) * 2);
  }
}