.factory-section {
      width: 100%;
      padding: 110px 30px;
      background: #f6f6f3;
    }

    .factory-container {
      max-width: 1520px;
      margin: 0 auto;
    }

    /* Heading */
    .factory-heading {
      max-width: 900px;
      margin: 0 auto 46px;
      text-align: center;
    }

    .factory-title {
      margin: 0 auto;
      max-width: 900px;
      font-size: 36px;
      line-height: 1.03;
      /*letter-spacing: -2.5px;*/
      font-weight: 500;
      color: #111111;
    }

    .factory-description {
      max-width: 900px;
      margin: 22px auto 0;
      font-size: 16px;
      line-height: 1.8;
      color: #6d6d6d;
    }

    /* Factory Gallery */
    .factory-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }

    .factory-card {
      position: relative;
      overflow: hidden;
      min-height: 320px;
      border-radius: 12px;
      background: #1b1b1b;
      isolation: isolate;
    }

    .factory-card img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .55s ease;
    }

    .factory-card::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(
        to top,
        rgba(0,0,0,.78) 0%,
        rgba(0,0,0,.34) 38%,
        rgba(0,0,0,.05) 72%,
        rgba(0,0,0,0) 100%
      );
      transition: background .35s ease;
    }

    .factory-card-content {
      position: absolute;
      z-index: 2;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 22px;
      color: #fff;
      transition: transform .35s ease;
    }

    .factory-card-number {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 28px;
      height: 28px;
      margin-bottom: 9px;
      padding: 0 8px;
      border-radius: 20px;
      background: #0c5adb;
      color: #111;
      font-size: 11px;
      font-weight: 700;
    }

    .factory-card h3 {
      margin: 0;
      font-size: 21px;
      line-height: 1.2;
      font-weight: 700;
      color: #fff;
    }

    .factory-card p {
      margin: 6px 0 0;
      font-size: 13px;
      line-height: 1.5;
      color: rgba(255,255,255,.78);
    }

    @media (hover:hover) {
      .factory-card:hover img {
        transform: scale(1.04);
      }

      .factory-card:hover::after {
        background: linear-gradient(
          to top,
          rgba(0,0,0,.86) 0%,
          rgba(0,0,0,.43) 42%,
          rgba(0,0,0,.08) 72%,
          rgba(0,0,0,0) 100%
        );
      }

      .factory-card:hover .factory-card-content {
        transform: translateY(-4px);
      }
    }

    /* Stats */
    .factory-stats {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      margin-top: 14px;
      border-radius: 12px;
      overflow: hidden;
      background: #ffffff;
    }

    .factory-stat {
      position: relative;
      padding: 28px 32px;
      min-height: 118px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .factory-stat:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 28px;
      right: 0;
      bottom: 28px;
      width: 1px;
      background: #e7eaf0;
    }

    .factory-stat strong {
      font-size: 30px;
      line-height: 1;
      color: #0c5adb;
    }

    .factory-stat span {
      margin-top: 9px;
      font-size: 13px;
      color: #6f7680;
    }

    @media (max-width: 1100px) {
      .factory-section {
        padding: 90px 24px;
      }

      .factory-heading {
        max-width: 900px;
      }

      .factory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .factory-card {
        min-height: 320px;
      }
    }

    @media (max-width: 767px) {
      .factory-section {
        padding: 68px 16px;
      }

      .factory-heading {
        margin: 0 auto 30px;
        text-align: center;
      }

      .factory-title {
        font-size: 36px;
        letter-spacing: -1px;
      }

      .factory-description {
        font-size: 15px;
        line-height: 1.7;
      }

      .factory-grid {
        grid-template-columns: 1fr;
        gap: 12px;
      }

      .factory-card {
        height: auto;
        min-height: 0;
        aspect-ratio: 4 / 3;
      }

      .factory-card-content {
        padding: 20px;
      }

      .factory-card h3 {
        font-size: 22px;
      }

      .factory-card p {
        font-size: 12px;
      }

      .factory-stats {
        grid-template-columns: repeat(2, 1fr);
      }

      .factory-stat {
        min-height: 105px;
        padding: 20px;
      }

      .factory-stat::after {
        display: none;
      }

      .factory-stat:nth-child(odd) {
        border-right: 1px solid #e7eaf0;
      }

      .factory-stat:nth-child(-n+2) {
        border-bottom: 1px solid #e7eaf0;
      }

      .factory-stat strong {
        font-size: 25px;
      }
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .plant-section {
      width: 100%;
      padding: 110px 30px;
      background: #f6f6f3;
    }

    .plant-container {
      max-width: 1520px;
      margin: 0 auto;
    }

    /* Heading */
    .plant-heading {
      max-width: 900px;
      margin: 0 auto 46px;
      text-align: center;
    }

    .plant-title {
      margin: 0 auto;
      max-width: 900px;
      font-size: 36px;
      line-height: 1.03;
      /*letter-spacing: -2.5px;*/
      font-weight: 700;
      color: #111111;
    }

    .plant-description {
      max-width: 900px;
      margin: 22px auto 0;
      font-size: 16px;
      line-height: 1.8;
      color: #6d6d6d;
    }

    /* Factory Gallery */
    .plant-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }

    .plant-card {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      background: #1b1b1b;
      isolation: isolate;
      aspect-ratio: 4 / 3;
    }

    .plant-card img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .55s ease;
    }

    .plant-card::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(
        to top,
        rgba(0,0,0,.78) 0%,
        rgba(0,0,0,.34) 38%,
        rgba(0,0,0,.05) 72%,
        rgba(0,0,0,0) 100%
      );
      transition: background .35s ease;
    }

    .plant-card-content {
      position: absolute;
      z-index: 2;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 22px;
      color: #fff;
      transition: transform .35s ease;
    }

    .plant-card-number {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 28px;
      height: 28px;
      margin-bottom: 9px;
      padding: 0 8px;
      border-radius: 20px;
      background: #0c5adb;
      color: #111;
      font-size: 11px;
      font-weight: 700;
    }

    .plant-card h3 {
      margin: 0;
      font-size: 21px;
      line-height: 1.2;
      font-weight: 700;
      color: #fff;
    }

    .plant-card p {
      margin: 6px 0 0;
      font-size: 13px;
      line-height: 1.5;
      color: rgba(255,255,255,.78);
    }

    @media (hover:hover) {
      .plant-card:hover img {
        transform: scale(1.04);
      }

      .plant-card:hover::after {
        background: linear-gradient(
          to top,
          rgba(0,0,0,.86) 0%,
          rgba(0,0,0,.43) 42%,
          rgba(0,0,0,.08) 72%,
          rgba(0,0,0,0) 100%
        );
      }

      .plant-card:hover .plant-card-content {
        transform: translateY(-4px);
      }
    }


    @media (max-width: 1100px) {
      .plant-section {
        padding: 90px 24px;
      }

      .plant-heading {
        max-width: 900px;
      }

      .plant-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .plant-card {
          aspect-ratio: 4 / 3;
      }
    }

    @media (max-width: 767px) {
      .plant-section {
        padding: 68px 16px;
      }

      .plant-heading {
        margin: 0 auto 30px;
        text-align: center;
      }

      .plant-title {
        font-size: 36px;
        letter-spacing: -1px;
      }

      .plant-description {
        font-size: 15px;
        line-height: 1.7;
      }

      .plant-grid {
        grid-template-columns: 1fr;
        gap: 12px;
      }

      .plant-card {
        aspect-ratio: 4 / 3;
      }

      .plant-card-content {
        padding: 20px;
      }

      .plant-card h3 {
        font-size: 22px;
      }

      .plant-card p {
        font-size: 12px;
      }
    }