@media (min-width: 768px) {
  .ntec-hero__inner {
    padding-top: 8rem;
    padding-right: var(--ntec-space-page-tablet);
    padding-left: var(--ntec-space-page-tablet);
  }

  .ntec-hero__title {
    font-size: 3.75rem;
  }
}

@media (min-width: 1024px) {
  .ntec-hero__inner {
    padding-right: var(--ntec-space-page-desktop);
    padding-left: var(--ntec-space-page-desktop);
  }

  .ntec-hero__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
  }

  .ntec-hero__title {
    font-size: 4.5rem;
  }

  .ntec-hero__mobile-info {
    display: none;
  }

  .ntec-hero__media {
    aspect-ratio: 3 / 2;
  }

  .ntec-hero__card {
    position: absolute;
    bottom: -3rem;
    left: -3rem;
    display: block;
    width: 100%;
    max-width: 20rem;
    padding: 2rem;
    background: var(--ntec-color-background);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 8px 10px -6px rgb(0 0 0 / 10%);
    animation: ntec-hero-rise 0.6s 0.7s var(--ntec-motion-ease) both;
  }

  .ntec-hero__card-body {
    margin: 0 0 1rem;
    color: var(--ntec-color-navy);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.625;
  }

  .ntec-hero__card-welcome {
    margin: 0 0 1.5rem;
    color: var(--ntec-color-navy);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
  }

  .ntec-hero__desktop-spacer {
    display: block;
    height: 4rem;
  }
}