.referrer {
  .button {
    border-radius: var(--c6-border-radius-round);
    /* text-transform: uppercase;
    font-size: var(--c6-font-size-fluid-0);
    font-weight: var(--c6-font-weight-medium);
    letter-spacing: 1px; */
  }
  .button[data-type='primary'] {
    --c6-button-border-color: var(--c6-color-brand-1);
    --c6-color-highlight: color-mix(
      in oklab,
      var(--c6-color-brand-1),
      black 40%
    );
    --c6-color-focus-ring: var(--c6-color-brand-1);

    background-color: var(--c6-color-brand-1);
    color: var(--c6-color-gray-10);
  }

  .hero {
    &::after {
      background-image: none;
    }

    .button.ghost {
      color: white;
    }

    .lede {
      color: var(--c6-color-hero-text);
    }
  }

  .hero__title {
    font-size: var(--c6-font-size-fluid-5);
    line-height: 1.15;
    color: var(--c6-color-hero-text);
  }

  :is(.hero-bg, .hero-item-3) {
    border-radius: 0;
    box-shadow: none;
    box-shadow: var(--c6-shadow-3);
  }

  .feature-img {
    aspect-ratio: unset;
  }

  .site-footer {
    --c6-color-action: white;

    border-block-start: var(--c6-border-size-thick) var(--c6-border-style-base)
      var(--c6-color-brand-1);
  }
}