* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
      font-size: 22px;
      color: #111;
      background-color: #e3e3e3;
      display: flex;
      flex-direction: column;
      margin-top: 54px;
    }
    .description {
      padding-top: 12px ;
      font-size: 16px;
      color: #555;
    }

    .page {
      display: flex;
      flex-direction: column;
          align-items: center;
      min-height: 100vh;
    }

    /* 1. Image block */
    .hero {
      min-height: 40vh;
      background-image: url("wisk.svg"); 
      padding-top: 24px;
      background-position: center;
      background-repeat: no-repeat;
      width:  30vw;
      margin-bottom: -40px;
      
    }

    /* 2. Text block */
    .content {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 3rem 1.5rem;
    }

    .content-inner {
      max-width: 600px;
      width: 100%;
      text-align: left;
    }

    /* 3. Contacts */
    .contacts {
      padding: 1.5rem;
      border-top: 1px solid #ddd;
    }

    .contact-list {
      list-style: none;
      display: flex;
      gap: 2rem;
      justify-content: center;
      align-items: center;
      margin-top: -70px;
    }

    .contact-item {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.95rem;
    }

    .icon {
      width: 20px;
      height: 20px;
      flex-shrink: 0;
    }

    /* Mobile */
    @media (max-width: 768px) {
      .contact-list {
        flex-direction: column;
        gap: 1rem;
      }

      .hero {
        min-height: 30vh;
      }
    }