.hero-section {
    padding: var(--space-md) 0;
  }
  
  .content-block {
    width: min(var(--content-max-width), 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr var(--content-image-width);
    align-items: center;
    gap: var(--space-lg);
  }
  
  .content-block.reverse {
    grid-template-columns: var(--content-image-width) 1fr;
  }
  
  .content-block.reverse .content-text {
    order: 2;
  }
  
  .content-block.reverse .content-image {
    order: 1;
  }
  
  .content-text h1,
  .content-text h2 {
    margin-top: 0;
    margin-bottom: var(--space-sm);
  }
  
  .content-text h1 {
    font-size: var(--font-size-heading-xl);
  }
  
  .content-text p {
    margin: 0;
    line-height: 1.6;
    font-size: var(--font-size-body);
  }
  
  .content-image {
    display: flex;
    justify-content: center;
  }
  
  .content-image img {
    width: var(--content-image-width);
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: var(--radius-md);
  }
  
  @media (max-width: 48rem) {
    .content-block,
    .content-block.reverse {
      grid-template-columns: 1fr;
    }
  
    .content-block.reverse .content-text,
    .content-block.reverse .content-image {
      order: initial;
    }
  
    .content-image {
      justify-content: flex-start;
    }
  
    .content-image img {
      width: var(--content-image-width-mobile);
    }
  }