@layer views {
  .vwc-AboutPage {
    background: var(--vwc-bg-primary);
  }

  .vwc-AboutHero {
    background: linear-gradient(135deg, var(--vwc-green-deep) 0%, var(--vwc-navy-deep) 100%);
    padding: 4rem 1rem;
    text-align: center;
  }

  .vwc-AboutHero h1 {
    font-size: var(--text-4xl);
    margin-block-end: 1rem;
  }

  .vwc-OfferGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-block: 3rem;
  }

  .vwc-OfferCard {
    background: var(--vwc-bg-elevated);
    border: 2px solid var(--vwc-border-default);
    border-radius: var(--radius);
    padding: 2rem;
    text-align: center;
    transition: border-color 0.3s ease;
  }

  /* Removed & nesting, wrote full class names */
  .vwc-OfferCard:hover {
    border-color: var(--vwc-accent-primary);
  }

  .vwc-OfferCard-icon {
    font-size: 3rem;
    margin-block-end: 1rem;
  }

  .vwc-OfferCard h3 {
    color: var(--vwc-accent-primary);
    margin-block-end: 1rem;
  }

  .vwc-StandGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-block: 3rem;
  }

  .vwc-StandCard {
    background: var(--vwc-bg-elevated);
    border: 2px solid var(--vwc-accent-primary);
    border-radius: var(--radius);
    padding: 2rem;
  }

  .vwc-StandCard-icon {
    font-size: 2.5rem;
    margin-block-end: 1rem;
  }

  .vwc-StandCard h3 {
    color: var(--vwc-accent-primary);
    margin-block-end: 1rem;
  }

  .vwc-LocationBox {
    background: var(--vwc-bg-elevated);
    border-radius: var(--radius);
    padding: 2rem;
    margin-block: 2rem;
    text-align: center;
  }

  .vwc-LocationBox-icon {
    font-size: 3rem;
    margin-block-end: 1rem;
  }

  .vwc-LocationBox h2 {
    color: var(--vwc-accent-primary);
    margin-block-end: 1.5rem;
  }

  .vwc-LocationBox p {
    font-size: var(--text-lg);
    line-height: 1.8;
  }

  .vwc-LocationBox a {
    color: var(--vwc-accent-primary);
    text-decoration: none;
  }

  .vwc-LocationBox a:hover {
    text-decoration: underline;
  }
}