.vcro-phero {
  padding-block: 64px 56px;
}
@media (min-width: 768px) {
  .vcro-phero {
    padding-block: 88px 72px;
  }
}
@media (min-width: 1025px) {
  .vcro-phero {
    padding-block: 112px 88px;
  }
}
.vcro-phero__text > * {
  margin-block: 0;
}
.vcro-phero__title {
  max-width: 18ch;
  margin-top: 24px !important;
  font-family: var(--wu-display);
  font-size: var(--wp--preset--font-size--heading-2);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.vcro-phero__standfirst {
  margin-top: 20px !important;
}
.vcro-phero__actions {
  margin-top: 32px !important;
}
.vcro-phero__rule {
  height: 2px;
  margin-top: 56px;
  border-radius: 2px;
  background-image: var(--wu-gradient);
  -webkit-mask-image: linear-gradient(90deg, #000 40%, transparent);
  mask-image: linear-gradient(90deg, #000 40%, transparent);
}
.vcro-phero__intro {
  display: grid;
  gap: 20px;
  margin-top: 40px;
  color: var(--wu-muted);
}
@media (min-width: 1025px) {
  .vcro-phero__intro {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 56px;
  }
}
.vcro-phero__intro p {
  max-width: 60ch;
  margin: 0;
}

.vcro-phero--glow {
  position: relative;
  isolation: isolate;
}

.vcro-phero__glows {
  z-index: -1;
}

.vcro-phero__glow-1 {
  top: -380px;
  right: -260px;
}

.vcro-phero__glow-2 {
  top: -120px;
  left: -420px;
  opacity: 0.8;
}

.vcro-phero--visual .vcro-phero__top {
  display: grid;
  gap: 48px;
}
@media (min-width: 1025px) {
  .vcro-phero--visual .vcro-phero__top {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: 64px;
    align-items: center;
  }
}

.vcro-phero__visual {
  min-width: 0;
}
.vcro-phero__visual .vcro-fw {
  --fw-h: 220px;
}
@media (min-width: 1025px) {
  .vcro-phero__visual .vcro-fw {
    --fw-h: 260px;
  }
}