.upp-hero {
  padding-block: var(--wp--preset--spacing--section);
  padding-inline: var(--wp--style--root--padding-left, 16px);
  background: var(--wp--preset--color--light);
  color: var(--wp--preset--color--dark);
}
.upp-hero--tint {
  background: var(--wp--preset--color--accent-light);
}
.upp-hero__inner {
  display: grid;
  gap: var(--wp--preset--spacing--l);
  align-items: center;
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin-inline: auto;
}
@media (min-width: 1025px) {
  .upp-hero--has-image .upp-hero__inner {
    grid-template-columns: 1fr 1fr;
  }
}
.upp-hero__text > * {
  margin-block: 0;
}
.upp-hero__text > * + * {
  margin-block-start: var(--wp--preset--spacing--m);
}
.upp-hero__chip {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--wp--preset--color--chip);
  color: var(--wp--preset--color--accent-dark);
  font-family: var(--wp--preset--font-family--mono);
  font-size: var(--wp--preset--font-size--chip);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.upp-hero__heading {
  font-size: var(--wp--preset--font-size--heading-1);
}
.upp-hero__standfirst {
  font-size: var(--wp--preset--font-size--standfirst);
  line-height: 1.5;
  color: var(--wp--preset--color--secondary-text);
  max-width: 38em;
}
.upp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--s);
}
.upp-hero__media {
  margin: 0;
}
.upp-hero__image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--wp--custom--radius);
}

.upp-button {
  display: inline-block;
  padding: 13px 20px;
  border: 1.5px solid transparent;
  border-radius: var(--wp--custom--radius);
  font-family: var(--wp--preset--font-family--body);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  transition: transform 0.2s var(--wp--custom--ease--out), box-shadow 0.2s var(--wp--custom--ease--out), background-color 0.2s, border-color 0.2s;
}
.upp-button:hover {
  transform: var(--wp--custom--lift--transform);
  box-shadow: var(--wp--custom--lift--shadow);
}
.upp-button--primary {
  background: var(--wp--preset--color--accent-primary);
  color: var(--wp--preset--color--light);
}
.upp-button--primary:hover {
  background: var(--wp--preset--color--accent-primary-hover);
  color: var(--wp--preset--color--light);
}
.upp-button--secondary {
  border-color: var(--wp--preset--color--grey-400);
  color: var(--wp--preset--color--dark);
}
.upp-button--secondary:hover {
  border-color: var(--wp--preset--color--secondary-text);
  color: var(--wp--preset--color--dark);
}