@charset "UTF-8";

.wwd-pagetitle{
  display: flex;
  align-items: center;
  gap: 48px;
  padding: 26px 0 0;
}
.wwd-pagetitle > h1{
  white-space: nowrap;
}

.sustainability-cover{
  margin: 8px 0 0;
  .sustainability-cover-inner{
    margin: 28px 0 24px;
    display: flex;
    align-items: flex-start;
    gap: 32px;
    .button-link{
      min-width: 270px;
    }
  }
  picture {
    display: flex;
    align-items: center;
    aspect-ratio: 240 / 52;
    overflow: hidden;
    border-radius: 20px;
    > img {
      width: 100%;
    }
  }
}

/* ------------------ 
  Sustainability nav
 ------------------ */

.sustainability-nav {
  .card {
    background-color: #003089;
    border-radius: 20px;
    padding: 32px;
    color: #fff;
    h2 {
      font-size: 2.4rem;
      font-weight: 700;
      margin: 0 0 22px;
    }
    p{
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 160%;
    }
  }
  .icon{
    display: flex;
    justify-content: flex-end;
    margin: 0 0 24px;
  }
  .links{
    margin: 22px 0 0;
    li {
      margin-bottom: 12px;
      .text-link{
        word-break: break-word;
      }
      .icon-container{
        margin: 0 8px;
        transform: translateY(0px);
        height: 10px;
      }
    }
  }
}

.sustainability-index-feature-list{
  li{
    border-top: 1px solid var(--bg-Bg_BW2, #F2F2F2);
    &:last-child{
      border-bottom: 1px solid var(--bg-Bg_BW2, #F2F2F2);
    }
  }
}

.sustainability-subnav-list{
  position: relative;
  padding: 64px 0 100px;
  margin: 0 0 -80px;
  .button-link{
    width: 100%;
  }
  &::before{
    content: '';
    width: 100vw;
    height: 100%;
    display: block;
    background: #F2F6FC;
    position: absolute;
    margin: 0 calc(50% - 50vw);
    left: 0;
    top: 0;
  }
}

.footer::before{
  content: '';
  width: 100%;
  aspect-ratio: 1280 / 116;
  background: url("data:image/svg+xml,%3Csvg width='1280' height='116' viewBox='0 0 1280 116' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1280 28.9854C710 -68.2584 461.5 124.648 1.50316e-05 28.9852L4.87631e-05 115.745L1280 115.745L1280 28.9854Z' fill='%230042BC'/%3E%3C/svg%3E") no-repeat #F2F6FC;
  background-size: 100% 105%;
  background-position: center;
  display: block;
}


@media (max-width: 979px) {
  .wwd-pagetitle{
    align-items: flex-start;
  }
  .sustainability-nav {
    .card {
      h2 {
        margin: 0 0 16px;
      }
    }
  }
  .sustainability-subnav-list{
    padding: 56px 0 124px;
  }
}

@media (max-width: 769px) {
  .wwd-pagetitle{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    padding: 26px 0 0;
  }
  .sustainability-cover{
    .sustainability-cover-inner{
      flex-direction: column;
    }
    picture {
      border-radius: 10px;
      aspect-ratio: 686 / 352;
    }
  }
  .sustainability-index-feature-list{
    .text-link{
      max-width: 55%;
    }
  }
  .sustainability-subnav-list{
    padding: 72px 0 72px;
  }
}