.social-hero {
      background-image: url('../images/sustainability-bg.webp');
    }

    /* ── IMPACT AREAS — image left/right alternating, same size ── */
    .impact-areas-sec {
      background: var(--dark2);
      padding: 100px 0 110px;
    }

    .impact-areas-header {
      text-align: center;
      margin-bottom: 72px;
    }

    .impact-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      align-items: stretch;
      margin-bottom: 6px;
      border-radius: 24px;
      overflow: hidden;
    }

    .impact-row:last-child {
      margin-bottom: 0;
    }

    .impact-row.alt .ia-img {
      order: 2;
    }

    .impact-row.alt .ia-txt {
      order: 1;
    }

    .ia-img {
      position: relative;
      overflow: hidden;
      min-height: 400px;
    }

    .ia-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .9s ease;
    }

    .impact-row:hover .ia-img img {
      transform: scale(1.06);
    }

    .ia-img-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(0, 0, 0, .25), transparent 60%);
    }

    .ia-tag-badge {
      position: absolute;
      top: 24px;
      left: 24px;
      background: rgba(0, 0, 0, .55);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(202, 164, 108, .4);
      color: var(--gold);
      padding: 7px 16px;
      border-radius: 40px;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 2px;
      text-transform: uppercase;
    }

    .ia-num-big {
      position: absolute;
      bottom: 18px;
      right: 22px;
      font-size: 100px;
      font-weight: 800;
      color: rgba(255, 255, 255, .07);
      line-height: 1;
      user-select: none;
    }

    .ia-txt {
      /* background: #181818; */
      padding: 60px 56px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .ia-eyebrow {
      color: var(--gold);
      font-size: 18px;
      margin-bottom: 7px;
    }

    .ia-txt h3 {
      font-size: clamp(20px, 2.4vw, 30px);
      font-weight: 600;
      color: #fff;
      line-height: 1.2;
      margin-bottom: 20px;
    }

    .ia-txt h3 em {
      font-style: normal;
      color: var(--gold);
    }

    .ia-divider {
      width: 44px;
      height: 3px;
      background: var(--gold);
      border-radius: 2px;
      margin-bottom: 20px;
      transition: width .4s;
    }

    .impact-row:hover .ia-divider {
      width: 70px;
    }

    .ia-txt p {
      font-size: 14.5px;
      line-height: 1.88;
      color: rgba(255, 255, 255, .55);
      margin-bottom: 28px;
    }

    .ia-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      font-weight: 500;
      color: var(--gold);
      text-decoration: none;
      position: relative;
    }

    .ia-link::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -4px;
      width: 0;
      height: 1.5px;
      background: var(--gold);
      transition: .35s;
    }

    .ia-link:hover::after {
      width: 100%;
    }

    .ia-link span {
      transition: .3s;
    }

    .ia-link:hover span {
      transform: translateX(4px);
    }

    /* ── COMMITMENT SPLIT ── */
    .commit-section {
      background: var(--cream);
      padding: 100px 0;
      position: relative;
      overflow: hidden;
    }

    .commit-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 72px;
      align-items: center;
    }

    .commit-visual {
      position: relative;
    }

    .commit-img-main {
      width: 100%;
      height: 540px;
      object-fit: cover;
      border-radius: 0 80px 80px 80px;
      display: block;
    }

    .commit-img-float {
      position: absolute;
      bottom: 36px;
      left: -24px;
      width: 180px;
      height: 180px;
      object-fit: cover;
      border-radius: 50%;
      border: 6px solid var(--cream);
      box-shadow: 0 12px 40px rgba(0, 0, 0, .15);
    }

    .commit-txt .eyebrow {
      color: var(--gold);
      font-size: 18px;
      margin-bottom: 7px;
    }

    .commit-txt h2 {
      font-size: clamp(24px, 3vw, 38px);
      font-weight: 600;
      line-height: 1.2;
      color: #000;
      margin-bottom: 0;
    }

    .commit-txt h2 span {
      color: var(--gold-dark);
    }

    .commit-body p {
      font-size: 14.5px;
      line-height: 1.9;
      color: rgba(0, 0, 0, .65);
      margin-bottom: 16px;
    }

    /* ── PRINCIPLES STRIP ── */
    .principles-strip-sec {
      background: #000;
      padding: 90px 0 100px;
    }

    .principles-strip-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }

    .pstrip-item {
      padding: 60px 44px 70px;
      text-align: center;
      border-right: 1px solid rgba(255, 255, 255, .07);
      position: relative;
      transition: background .3s;
    }

    .pstrip-item:last-child {
      border-right: none;
    }

    .pstrip-item:hover {
      background: rgba(202, 164, 108, .05);
    }

    .pstrip-img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      border-radius: 0 40px 40px 40px;
      display: block;
      margin-bottom: 28px;
      transition: transform .6s;
    }

    .pstrip-item:hover .pstrip-img {
      transform: scale(1.03);
    }

    .pstrip-item h4 {
      font-size: 18px;
      font-weight: 600;
      color: #fff;
      margin-bottom: 14px;
    }

    .pstrip-item p {
      font-size: 13.5px;
      line-height: 1.72;
      color: rgba(255, 255, 255, .45);
    }

    .pstrip-gold-line {
      width: 36px;
      height: 2px;
      background: var(--gold);
      border-radius: 2px;
      margin: 0 auto 20px;
    }

    /* ── REVEAL ── */
    .reveal,
    .reveal-l,
    .reveal-r {
      opacity: 0;
      transition: opacity .7s ease, transform .8s cubic-bezier(.22, 1, .36, 1);
    }

    .reveal {
      transform: translateY(30px);
    }

    .reveal-l {
      transform: translateX(-36px);
    }

    .reveal-r {
      transform: translateX(36px);
    }

    .reveal.in,
    .reveal-l.in,
    .reveal-r.in {
      opacity: 1;
      transform: none;
    }

    [data-d="1"] {
      transition-delay: .1s
    }

    [data-d="2"] {
      transition-delay: .2s
    }

    [data-d="3"] {
      transition-delay: .3s
    }

    /* ── RESPONSIVE ── */
    @media(max-width:991px) {
      .impact-row {
        grid-template-columns: 1fr;
      }

      .impact-row.alt .ia-img {
        order: 0;
      }

      .impact-row.alt .ia-txt {
        order: 1;
      }

      .ia-img {
        min-height: 280px;
      }

      .ia-txt {
        padding: 44px 36px;
      }

      .commit-grid {
        grid-template-columns: 1fr;
        gap: 48px;
      }

      .commit-img-main {
        height: 380px;
      }

      .principles-strip-grid {
        grid-template-columns: 1fr;
      }

      .pstrip-item {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .07);
        padding: 48px 36px;
      }

      .pstrip-item:last-child {
        border-bottom: none;
      }
    }

    @media(max-width:767px) {
      .ia-txt {
        padding: 32px 24px;
      }

      .commit-img-float {
        display: none;
      }
    }