.line { width: 80px; height: 5px; background: var(--orange); margin-top: 15px; }

  /* ── MAIN CONTENT GRID ── */
  .sus-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 60px;
    align-items: start;
  }

  /* ── TEXT SECTION ── */



  .commitment-box {
    background: whitesmoke;
    border-left: 4px solid var(--red);
    padding: 30px;
    margin-top: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .commitment-box h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
    color: var(--white);
  }

  /* ── IMAGE SECTION ── */
  .image-holder {
    position: sticky;
    top: 40px;
  }

  .image-wrapper {
    position: relative;
    padding: 15px;
  }

  .image-wrapper img {
    width: 100%;
    max-height: 600px;
    display: block;
    filter: brightness(0.9) contrast(1.1);
  }

  /* Decorative Corner Elements */
  .image-wrapper::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -10px;
    width: 60px;
    height: 60px;
    border-bottom: 4px solid var(--orange);
    border-left: 4px solid var(--orange);
    z-index: -1;
  }





  /* ── RESPONSIVE ── */
  @media (max-width: 1100px) {
    .sus-grid { grid-template-columns: 1fr; gap: 40px; }
    .image-holder { order: -1; position: static; }
  }