/* HOTFIX160: official-brand benefit artwork and integrated white product canvas */
.home2-principle{
  background:#fff!important;
}

.home2-principle-box{
  overflow:hidden;
  border-color:#e5eaf2!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(31,50,78,.08);
}

.home2-principle-copy,
.home2-principle-point{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.home2-principle-copy{
  min-height:620px;
  padding:58px 54% 52px 54px!important;
  background:#f7faff!important;
  border-color:#e5eaf2!important;
}

.home2-principle-copy::after,
.home2-principle-point::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
}

.home2-principle-copy::after{
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 38%,rgba(255,255,255,.40) 62%,rgba(255,255,255,0) 82%);
}

.home2-principle-copy > :not(.home2-principle-art),
.home2-principle-point > :not(.home2-principle-art){
  position:relative;
  z-index:2;
}

.home2-principle-copy h2{
  font-size:clamp(38px,3.35vw,56px)!important;
}

.home2-principle-copy p{
  max-width:540px;
  font-size:15px!important;
  line-height:1.82!important;
}

.home2-principle-art{
  position:absolute;
  right:0;
  bottom:0;
  z-index:-2;
  width:100%;
  height:100%;
  max-width:none!important;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  user-select:none;
}

.home2-principle-art-main{
  object-position:55% center;
}

.home2-advantage-points .home2-principle-point{
  min-height:310px!important;
  padding:30px 30px 170px!important;
  background:#fff!important;
  border-color:#e5eaf2!important;
}

.home2-advantage-points .home2-principle-point::after{
  background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.48) 62%,rgba(255,255,255,0) 82%);
}

.home2-advantage-points .home2-principle-point .home2-principle-art{
  height:70%;
  object-position:center 58%;
}

.home2-advantage-points .home2-principle-icon{
  display:none!important;
}

.home2-advantage-points .home2-principle-point strong{
  margin-top:0!important;
  color:#172033!important;
  font-size:20px!important;
  font-weight:750!important;
}

.home2-advantage-points .home2-principle-point span{
  max-width:360px;
  color:#5b667a!important;
  font-size:13px!important;
  line-height:1.7!important;
}

@media(max-width:1100px){
  .home2-principle-copy{
    min-height:540px;
    padding:48px 50% 44px 46px!important;
  }
}

@media(max-width:720px){
  .home2-principle-box{
    border-left:0!important;
    border-right:0!important;
    box-shadow:none;
  }
  .home2-principle-copy{
    min-height:470px;
    padding:32px 24px 270px!important;
  }
  .home2-principle-copy::after{
    background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.97) 42%,rgba(255,255,255,.38) 68%,rgba(255,255,255,0) 88%);
  }
  .home2-principle-copy h2{
    margin:12px 0 12px!important;
    font-size:34px!important;
    line-height:1.12!important;
  }
  .home2-principle-copy p{
    font-size:14px!important;
    line-height:1.7!important;
  }
  .home2-principle-art-main{
    height:64%;
    object-position:62% center;
  }
  .home2-advantage-points .home2-principle-point{
    min-height:330px!important;
    padding:26px 22px 190px!important;
  }
  .home2-advantage-points .home2-principle-point .home2-principle-art{
    height:68%;
    object-position:62% center;
  }
}

@media(max-width:420px){
  .home2-principle-copy{
    min-height:450px;
    padding:28px 18px 260px!important;
  }
  .home2-principle-copy h2{font-size:30px!important;}
  .home2-advantage-points .home2-principle-point{
    min-height:310px!important;
    padding:24px 18px 176px!important;
  }
}