#AH-container {
  --AH-content-ws: 75vw;
  --AH-spc-200: 10.416667vw;
  --AH-spc-120: 6.25vw;
  --AH-spc-80: 4.166667vw;
  --AH-spc-60: 3.125vw;
  --AH-spc-40: 2.083333vw;
  --AH-spc-30: 1.5625vw;
  --AH-spc-10: 0.520833vw;
  --AH-txt-120: 6.25vw;
  --AH-txt-96: 5vw;
  --AH-txt-96-80: 5vw;
  --AH-txt-80-80: 4.166667vw;
  --AH-txt-80-60: 4.166667vw;
  --AH-txt-64-80: 3.333333vw;
  --AH-txt-64: 3.333333vw;
  --AH-txt-48-48: 2.5vw;
  --AH-txt-48-40: 2.5vw;
  --AH-txt-40-40: 2.083333vw;
  --AH-txt-40-30: 2.083333vw;
  --AH-txt-40-32: 2.083333vw;
  --AH-txt-32-30: 1.666667vw;
  --AH-txt-30-30: 1.5625vw;
  --AH-txt-30-25: 1.5625vw;
  --AH-txt-25-30: 1.302083vw;
  --AH-txt-24: 1.25vw;
  --AH-txt-22-32: 1.145833vw;
  --AH-txt-22-22: 1.145833vw;
  --AH-txt-22-20: 1.145833vw;
  --AH-txt-20-20: 1.041667vw;
  --AH-txt-20-18: 1.041667vw;
  --AH-txt-20-16: 1.041667vw;
  --AH-txt-18-26: 0.9375vw;
  --AH-txt-18-22: 0.9375vw;
  --AH-txt-18-18: 0.9375vw;
  --AH-txt-16-16: 0.833333vw;
  --AH-txt-13: 13px;
  --AH-txt-12: 12px;
  --AH-xin-txt-40: 2.083333vw;
  --AH-xin-txt-20-b: 1.041667vw;
  --AH-xin-txt-20-m: 1.041667vw;
  --AH-xin-txt-20-s: 1.041667vw;
  --s2move: 0px;
  --sf2move: 0px;
  --sf1move: 0px;
  --s18h1: 0px;
  --s18h2: 0px;
  --s18h3: 0px;
  --s18h: 0px;
}

#AH-container .showIe,
#AH-container .wx-img {
  display: none;
}

#AH-container .blur-up {
  filter: blur(5px);
  transition: filter 0.4s;
  -moz-transition: -webkit-filter 0.4s;
  -ms-transition: -webkit-filter 0.4s;
  -o-transition: -webkit-filter 0.4s;
}

#AH-container .blur-up.lazyloaded {
  filter: blur(0);
}

#AH-container div,
#AH-container section {
  box-sizing: border-box;
}

#AH-container img,
#AH-container video {
  display: block;
  width: 100%;
}

#AH-container sup {
  font-size: 0.6em;
}

#AH-container sup a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

#AH-container .AH-txt-120 {
  font-size: 6.25vw;
  font-size: var(--AH-txt-120);
}

#AH-container .AH-txt-96 {
  font-size: 5vw;
  font-size: var(--AH-txt-96);
}

#AH-container .AH-txt-96-80 {
  font-size: 5vw;
  font-size: var(--AH-txt-96);
}

#AH-container .AH-txt-80-80 {
  font-size: 4.166667vw;
  font-size: var(--AH-txt-80-80);
}

#AH-container .AH-txt-80-60 {
  font-size: 4.166667vw;
  font-size: var(--AH-txt-80-60);
}

#AH-container .AH-txt-64-80 {
  font-size: 3.333333vw;
  font-size: var(--AH-txt-64-80);
}

#AH-container .AH-txt-64 {
  font-size: 3.333333vw;
  font-size: var(--AH-txt-64);
}

#AH-container .AH-txt-48-48 {
  font-size: 2.5vw;
  font-size: var(--AH-txt-48-48);
}

#AH-container .AH-txt-48-40 {
  font-size: 2.5vw;
  font-size: var(--AH-txt-48-40);
}

#AH-container h2,
#AH-container h3,
#AH-container .h4,
#AH-container .h5,
#AH-container h6 {
  line-height: 1.25;
  font-weight: 300;
  color: #1e2022;
}

#AH-container h2 span,
#AH-container h3 span,
#AH-container .h4 span,
#AH-container .h5 span,
#AH-container h6 span {
  line-height: 1.25;
}

#AH-container .AH-txt-40-40 {
  font-size: 2.083333vw;
  font-size: var(--AH-txt-40-40);
}

#AH-container .AH-txt-40-32 {
  font-size: 2.083333vw;
  font-size: var(--AH-txt-40-32);
}

#AH-container .AH-txt-40-30 {
  font-size: 2.083333vw;
  font-size: var(--AH-txt-40-30);
}

#AH-container .AH-txt-32-30 {
  font-size: 1.666667vw;
  font-size: var(--AH-txt-32-30);
}

#AH-container .AH-txt-30-30 {
  font-size: 1.5625vw;
  font-size: var(--AH-txt-30-30);
}

#AH-container .AH-txt-30-25 {
  font-size: 1.5625vw;
  font-size: var(--AH-txt-30-25);
}

#AH-container .AH-txt-25-30 {
  font-size: 1.302083vw;
  font-size: var(--AH-txt-25-30);
}

#AH-container .AH-txt-24 {
  font-size: 1.25vw;
  font-size: var(--AH-txt-24);
}

#AH-container .AH-txt-22-32 {
  font-size: 1.25vw;
  font-size: var(--AH-txt-22-32);
}

#AH-container .AH-txt-22-22 {
  font-size: 1.145833vw;
  font-size: var(--AH-txt-22-22);
}

#AH-container .AH-txt-22-20 {
  font-size: 1.145833vw;
  font-size: var(--AH-txt-22-20);
}

#AH-container .AH-txt-20-20 {
  font-size: 1.041667vw;
  font-size: var(--AH-txt-20-20);
}

#AH-container .AH-txt-20-18 {
  font-size: 1.041667vw;
  font-size: var(--AH-txt-20-18);
}

#AH-container .AH-txt-20-16 {
  font-size: 1.041667vw;
  font-size: var(--AH-txt-20-16);
}

#AH-container .AH-txt-18-22 {
  font-size: 0.9375vw;
  font-size: var(--AH-txt-18-22);
}

#AH-container .AH-txt-18-18 {
  font-size: 0.9375vw;
  font-size: var(--AH-txt-18-18);
}

#AH-container .AH-txt-16-16 {
  font-size: 0.833333vw;
  font-size: var(--AH-txt-16-16);
}

#AH-container .AH-txt-13 {
  font-size: 0.677083vw;
  font-size: var(--AH-txt-13);
}

#AH-container .AH-txt-12 {
  font-size: 0.625vw;
  font-size: var(--AH-txt-12);
}

#AH-container .AH-xin-txt-40 {
  font-size: 2.083333vw;
  font-size: var(--AH-xin-txt-40);
}

#AH-container .AH-xin-txt-20-b {
  font-size: 1.041667vw;
  font-size: var(--AH-xin-txt-20-b);
}

#AH-container .AH-xin-txt-20-m {
  font-size: 1.041667vw;
  font-size: var(--AH-xin-txt-20-m);
}

#AH-container .AH-xin-txt-20-s {
  font-size: 1.041667vw;
  font-size: var(--AH-xin-txt-20-s);
}

#AH-container .AH-txt-30-30,
#AH-container .AH-txt-30-25,
#AH-container .AH-txt-25-30,
#AH-container .AH-txt-24,
#AH-container .AH-txt-22-32,
#AH-container .AH-txt-22-20,
#AH-container .AH-txt-22-22,
#AH-container .AH-txt-20-20,
#AH-container .AH-txt-20-18,
#AH-container .AH-txt-20-16,
#AH-container .AH-txt-18-22,
#AH-container .AH-txt-18-18,
#AH-container .AH-txt-16-16,
#AH-container .AH-txt-13,
#AH-container .AH-xin-txt-20-b,
#AH-container .AH-xin-txt-20-m,
#AH-container .AH-xin-txt-20-s,
#AH-container p,
#AH-container span {
  line-height: 1.6;
  color: #6d6f72;
}

#AH-container p b {
  font-weight: 500;
  color: #151517;
}

#AH-container p b span {
  color: #151517 !important;
}

#AH-container .AH-txt-bold {
  font-weight: bold;
}

#AH-container .AH-txt-bg-s {
  background: -webkit-linear-gradient(left, #b2a79f, #eeeadd, #b2a79f);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

#AH-container .AH-mt-120 {
  margin-top: 6.25vw;
  margin-top: var(--AH-spc-120);
}

#AH-container .AH-mb-120 {
  margin-bottom: 6.25vw;
  margin-bottom: var(--AH-spc-120);
}

#AH-container .AH-pt-120 {
  padding-top: 6.25vw;
  padding-top: var(--AH-spc-120);
}

#AH-container .AH-pb-120 {
  padding-bottom: 6.25vw;
  padding-bottom: var(--AH-spc-120);
}

#AH-container .AH-mt-80 {
  margin-top: 4.166667vw;
  margin-top: var(--AH-spc-80);
}

#AH-container .AH-mb-80 {
  margin-bottom: 4.166667vw;
  margin-bottom: var(--AH-spc-80);
}

#AH-container .AH-pt-80 {
  padding-top: 4.166667vw;
  padding-top: var(--AH-spc-80);
}

#AH-container .AH-pb-80 {
  padding-bottom: 4.166667vw;
  padding-bottom: var(--AH-spc-80);
}

#AH-container .AH-mt-60 {
  margin-top: 3.125vw;
  margin-top: var(--AH-spc-60);
}

#AH-container .AH-mb-60 {
  margin-bottom: 3.125vw;
  margin-bottom: var(--AH-spc-60);
}

#AH-container .AH-pt-60 {
  padding-top: 3.125vw;
  padding-top: var(--AH-spc-60);
}

#AH-container .AH-pb-60 {
  padding-bottom: 3.125vw;
  padding-bottom: var(--AH-spc-60);
}

#AH-container .AH-mt-40 {
  margin-top: 2.083333vw;
  margin-top: var(--AH-spc-40);
}

#AH-container .AH-mb-40 {
  margin-bottom: 2.083333vw;
  margin-bottom: var(--AH-spc-40);
}

#AH-container .AH-pt-40 {
  padding-top: 2.083333vw;
  padding-top: var(--AH-spc-40);
}

#AH-container .AH-pb-40 {
  padding-bottom: 2.083333vw;
  padding-bottom: var(--AH-spc-40);
}

#AH-container .AH-mt-30 {
  margin-top: 1.5625vw;
  margin-top: var(--AH-spc-30);
}

#AH-container .AH-mb-30 {
  margin-bottom: 1.5625vw;
  margin-bottom: var(--AH-spc-30);
}

#AH-container .AH-pt-30 {
  padding-top: 1.5625vw;
  padding-top: var(--AH-spc-30);
}

#AH-container .AH-pb-30 {
  padding-bottom: 1.5625vw;
  padding-bottom: var(--AH-spc-30);
}

#AH-container .AH-mt-10 {
  margin-top: 0.520833vw;
  margin-top: var(--AH-spc-10);
}

#AH-container .AH-mb-10 {
  margin-bottom: 0.520833vw;
  margin-bottom: var(--AH-spc-10);
}

#AH-container .AH-pt-10 {
  padding-top: 0.520833vw;
  padding-top: var(--AH-spc-10);
}

#AH-container .AH-pb-10 {
  padding-bottom: 0.520833vw;
  padding-bottom: var(--AH-spc-10);
}

#AH-container .AH-will-change .will-change-tf {
  will-change: transform;
}

#AH-container .AH-will-change .will-change-op {
  will-change: opacity;
}

#AH-container .AH-will-change .will-change-tf-op {
  will-change: transform, opacity;
}

#AH-container .hid-pc {
  display: none;
}

#AH-container .nowrap {
  white-space: nowrap;
}

#AH-container .section-footnote {
  width: 75vw;
  margin: 3.125vw auto 10.416667vw;
  padding-right: 5.208333vw;
  line-height: 1.6;
}

#AH-container .section-footnote ol {
  list-style-type: decimal;
  padding-left: 1em;
}

#AH-container .section-footnote li {
  padding-top: 120px;
  margin-bottom: -120px;
  font-size: 0.625vw;
  font-size: max(0.625vw, 12px);
  color: #86868b;
  line-height: 1.6;
}

@media screen and (max-width: 1300px) {
  #AH-container .section-footnote li {
    font-size: 0.625vw;
  }
}

#AH-container .section-footnote li a {
  color: #2997ff;
  word-wrap: break-word;
}

#AH-container .section-footnote li:last-child {
  padding-top: 120px;
  margin-bottom: 0;
}

#AH-container .section-footnote .price {
  list-style: none;
  position: relative;
}

#AH-container .section-footnote .price::before {
  content: "*";
  position: absolute;
  bottom: 0;
  left: -9px;
}

#AH-container .section-footnote .current {
  color: black;
}

#AH-container .feature-item-kv,
#AH-container .feature-item {
  cursor: pointer;
}

#AH-container .AH-section-1 {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #F4F4F7;
}

#AH-container .AH-section-1 .kv-mid {
  width: 32.96875vw;
  height: 45.3125vw;
  margin: 4.6875vw auto 0 13.177083vw;
}

#AH-container .AH-section-1 .kv-mid .kv-mid-img {
  opacity: 0;
  transform: translateY(3.125vw);
}

#AH-container .AH-section-1 #kv_trigger {
  position: absolute;
  bottom: 0;
}

#AH-container .AH-section-1.active .kv-mid .kv-mid-img {
  transform: translateY(0);
  opacity: 1;
  transition: 0.5s opacity ease, 0.7s transform ease;
}

#AH-container .AH-section-1 .kv-slogan {
  width: 33.854167vw;
  position: absolute;
  right: 10.625vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

#AH-container .AH-section-1 .kv-slogan p {
  font-size: 2.5vw;
  line-height: 1.25;
  margin-top: 1.25vw;
  text-align: center;
  letter-spacing: 0.1em;
  transform: translateX(0.05em);
  color: #000000;
}

#AH-container .AH-section-1 .kv-slogan .letter-modal-trigger {
  width: fit-content;
  padding: 0.625vw 1.510417vw;
  border: 1px solid #707070;
  border-radius: 2.354167vw;
  overflow: hidden;
  display: flex;
  font-size: 1.041667vw;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 3.75vw auto 0;
  text-align: center;
  transition: 0.3s all ease;
}

#AH-container .AH-section-1 .kv-slogan .letter-modal-trigger:hover {
  border: 1px solid black;

}

#AH-container .AH-section-1 .kv-slogan .letter-modal-trigger svg {
  width: 1.145833vw;
  height: 1.145833vw;
  margin-left: .729167vw;
}

#AH-container .AH-section-txt {
  width: 100%;
  position: relative;
}

#AH-container .AH-section-txt .section-txt-wrapper {
  width: 100%;
}

#AH-container .AH-section-txt .section-txt-wrapper .section-txt-wrapper-title {
  width: 50.65625vw;
  margin: 0 auto;
  padding: var(--AH-spc-200) 0 0;
}

#AH-container .AH-section-txt .section-txt-wrapper .section-txt-wrapper-title p {
  text-align: center;
  font-size: 1.875vw;
  color: #6d6f72;
  opacity: 0.8;
  line-height: 2;
}

#AH-container .AH-section-txt .section-txt-wrapper a {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 1.354167vw;
  color: #6d6f72;
  margin: 2.916667vw auto 0;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}

#AH-container .AH-section-txt .section-txt-wrapper a img {
  width: 2.135417vw;
  height: 2.135417vw;
  margin-left: 1.041667vw;
}

#AH-container .AH-section-txt .shadow-bg {
  position: sticky;
  width: 100%;
  height: 10.416667vw;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
}

#AH-container .AH-section-2 {
  width: 83.333333vw;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  align-items: center;
  position: relative;
  overflow: hidden;
}

#AH-container .AH-section-2 #s2_trigger {
  position: absolute;
  top: 0;
  left: 0;
}

#AH-container .AH-section-2 .s2-left-click-wrapper {
  width: 26.541667vw;

}

#AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper {
  width: 100%;
  display: block;
  padding-left: 1.40625vw;
  position: relative;
}

#AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper .s2-scroll-bar {
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c4c5c6;
  overflow: hidden;

}

#AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper .s2-scroll-bar .s2-scrolldrag {
  width: 100%;
  height: 3.333333vw;
  position: absolute;
  background: #151517;
  top: 0;
  left: 0;
  font-size: 1.25vw;
  transition: 0.5s all linear;
  will-change: transform;
}


#AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper .s2-click-title-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  font-size: 1.25vw;
  margin-bottom: 2.604167vw;
  transition: 0.5s all linear;
}

#AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper .s2-click-title-wrapper .s2-click-title {
  font-size: 1.875vw;
  line-height: 1.25;
  color: #151517;
  opacity: 0.2;
  transition: 0.5s all linear;
  margin-bottom: 0;
}


#AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper .s2-click-title-wrapper.active {
  will-change: margin;
  transition: 0.5s all linear;
}

#AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper .s2-click-title-wrapper.active .s2-click-title {
  opacity: 1;
  /* margin-bottom: .625vw; */
  will-change: margin, opacity, font-size;
  transition: 0.5s all linear;
}


#AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper .s2-click-title-wrapper[data-index="4"] {
  margin-bottom: 0;
}

#AH-container .AH-section-2 .s2Swiper {
  width: 55.46875vw;
  height: 37.447917vw;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide {
  position: relative;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide .slide-all-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f7f7fa;
  border-radius: 1.041667vw;
  will-change: transform;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide .item-jump {
  width: 3.489583vw;
  height: 3.489583vw;
  position: absolute;
  right: 2.083333vw;
  bottom: 1.666667vw;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 5;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .item-jump {
  background: rgba(175, 175, 176, 1);
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide .item-jump img {
  width: 100%;
  transform: translateY(-50%);
  transition: 0.5s all linear;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide.is-hover .item-jump img {
  transform: translateY(0);
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-mid {
  width: 18.802083vw;
  margin: 3.125vw auto 0;
  position: relative;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-img {
  width: 100%;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform-origin: 100% 100%;
  transform: translate(0, 0) rotate(-7deg);
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-1 img {
  transform-origin: 100% 100%;
  transform: translate(0, 0) rotate(0deg);
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-2 {
  position: relative;
  margin: 3.208333vw auto 0;
  z-index: 2;
  transform-origin: 0 100%;
  transform: translate(2vw, 0) rotate(7deg);
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-2 img {
  transform: translate(0, 0) rotate(0deg);
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-2,
#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-3,
#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-4 {
  overflow: hidden;
  border-radius: 1.041667vw;
  overflow: hidden;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-2 .slide-all-wrapper,
#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-3 .slide-all-wrapper,
#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-4 .slide-all-wrapper {
  transform: scale(1.2);
  transition: 0.6s all 0.65s ease-out;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-2.swiper-slide-active .slide-all-wrapper,
#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-3.swiper-slide-active .slide-all-wrapper,
#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-4.swiper-slide-active .slide-all-wrapper {
  transform: scale(1);
  transition: 0.6s all ease-out;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-5 .slide-all-wrapper .slide-5-img {
  width: 24.0625vw;
  margin: 4.166667vw auto 0;
  transform: translateY(5vw);
  opacity: 0;
  transition: 0.5s all 0.3s ease-out;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-5.swiper-slide-active .slide-all-wrapper .slide-5-img {
  transform: translateY(0);
  opacity: 1;
  will-change: transform;
  transition: 0.5s all 0.1s ease-out;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper {
  position: relative;
  background: #FAFAFC;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-slide-wrapper-bg {
  width: 14.739583vw;
  height: 31.71875vw;
  position: relative;
  margin: 2.583333vw auto 0 20.395833vw;
  z-index: 3;
  transform: translateY(3vw);
  transition: 0.5s all 0.3s ease;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-slide-wrapper-bg .s2-6-slide-wrapper-bg-img {
  position: relative;
  z-index: 2;
  will-change: transform;
  width: 100%;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-slide-wrapper-bg .s2-6-slide-wrapper-bg-video {
  position: absolute;
  width: 93.8%;
  height: auto;
  top: 0.9%;
  left: 2.9%;
  border-radius: 1.5625vw;
  overflow: hidden;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-bg-shadow {
  width: 26.009375vw;
  /* height: 39.291667vw; */
  position: absolute;
  right: 9.0625vw;
  top: 2.5vw;
  transform: translateY(3vw);
  transition: 0.5s all 0.3s ease;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-bg-icons {
  position: absolute;
  transition: 0.5s all 0.3s ease;
  z-index: 2;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-bg-icons-1 {
  top: 1.2vw;
  left: 8.5vw;
  width: 12vw;
  transform: translate(2vw, 2vw) scale(0);
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-bg-icons-2 {
  top: 19.5vw;
  left: 8.5vw;
  width: 11.5vw;
  transform: translate(2vw, 0) scale(0);
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-bg-icons-3 {
  right: 9vw;
  top: 6.5vw;
  width: 10vw;
  transform: translate(-2vw, 2vw) scale(0);
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-bg-icons-4 {
  width: 9.5vw;
  top: 20vw;
  right: 8vw;
  transform: translate(-2vw, 2vw) scale(0);
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6.swiper-slide-active .slide-all-wrapper .s2-6-bg-icons {
  transform: translate(0, 0) scale(1);
  transition: 0.5s all ease;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6.swiper-slide-active .slide-all-wrapper .s2-6-slide-wrapper-bg {
  transform: translateY(0);
  transition: 0.5s all ease;
}

#AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6.swiper-slide-active .slide-all-wrapper .s2-6-bg-shadow {
  transform: translateY(0);
  transition: 0.5s all ease;
}

#AH-container .AH-section-3 {
  width: 100%;
  margin-top: var(--AH-spc-200);
  position: relative;
  height: 170vh;
}

#AH-container .AH-section-3 .s3-sticky {
  width: 100%;
  height: auto;
  top: 0;
  position: sticky;
}

#AH-container .AH-section-3 .AH-section-title {
  width: 44.625vw;
  margin: 0 auto var(--AH-spc-40);
  text-align: center;
}

#AH-container .AH-section-3 .AH-section-title p {
  margin-top: var(--AH-spc-40);
  width: 100%;
}

#AH-container .AH-section-3 .s3Swiper {
  width: 100%;
  height: 40.729167vw;
  overflow: hidden;
  position: relative;
}

#AH-container .AH-section-3 .s3Swiper .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f7f7fa 100%);
}

#AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s {
  width: 39.6875vw;
  margin: 1.041667vw auto 0;
  position: relative;
  z-index: 3;
}

#AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s .change-s-bg {
  width: 100%;
  position: relative;
  z-index: 2;
}

#AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s .change-s-bg .bg-outline {
  width: 39.6875vw;
}

#AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s .change-s-mid {
  width: 24.322917vw;
  position: absolute;
  left: 2.5504167vw;
  top: 1.70833vw;
}

#AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s .change-s-mid svg {
  width: 24.422917vw;
  height: 30.364583vw;
}

#AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s .change-s-mid #change-s-mid-1 {
  stroke-dashoffset: 327%;
  stroke-dasharray: 72%, 180%;
}

#AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s .change-s-mid #change-s-mid-2 {
  stroke-dashoffset: 327%;
  stroke-dasharray: 72%, 180%;
}

#AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s .change-s-mid #change-s-mid-3 {
  stroke-dashoffset: 327%;
  stroke-dasharray: 72%, 180%;
}

#AH-container .AH-section-3 .s3Swiper .swiper-slide .change-l {
  width: 23.697917vw;
  position: absolute;
  left: 29.479167vw;
  top: 4.166667vw;
  opacity: 0;
}

#AH-container .AH-section-3 .s3Swiper .swiper-slide .change-r {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#AH-container .AH-section-3.active .s3Swiper .swiper-slide-1 .change-s {
  opacity: 0;
}

#AH-container .AH-section-3.active .s3Swiper .swiper-slide-1 .change-s #change-s-mid-1 {
  stroke-dasharray: 136%, 180%;
  will-change: transition;
}

#AH-container .AH-section-3.active .s3Swiper .swiper-slide-1 .change-s #change-s-mid-2 {
  stroke-dasharray: 136%, 180%;
  will-change: transition;
}

#AH-container .AH-section-3.active .s3Swiper .swiper-slide-1 .change-s #change-s-mid-3 {
  stroke-dasharray: 136%, 180%;
  will-change: transition;
}

#AH-container .AH-section-3.active .s3Swiper .swiper-slide-1 .change-l {
  opacity: 1;
  will-change: transition, opacity;
}

#AH-container .AH-section-3.active .s3Swiper .swiper-slide-1 .change-r {
  opacity: 1;
  transform: translate(-45%, -16%) scale(0.69567);
  will-change: transition, opacity, transform;
}

#AH-container .AH-section-3 .s3-swiper-pagination {
  position: absolute;
  width: 18.416667vw;
  bottom: 17.1875vw;
  left: 72.916667vw;
  right: auto;
  font-size: 2.083333vw;
  z-index: 4;
  opacity: 0;
}

#AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  display: flex;
  background: unset;
  opacity: 1;
  align-items: center;
  outline: none;
  margin-bottom: 0.78125vw;
}

#AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet svg {
  width: 2.5vw;
  height: 2.5vw;
}

#AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet svg #out-r {
  opacity: 0;
  stroke-width: 2px;
}

#AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet .bullect-title {
  opacity: 0;
  margin-left: 1.041667vw;
}

#AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet .bullect-title p {
  font-size: 1.5625vw;
  display: none;
}

#AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet-active svg #out-r {
  opacity: 1;
}

#AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet-active .bullect-title {
  opacity: 1;
  transition: 1s all ease;
}

#AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet-active .bullect-title p {
  display: block;
}

#AH-container .AH-section-3 .s3-swiper-pagination.active {
  opacity: 1;
  transition: 1s all ease;
  will-change: opacity;
}

#AH-container .AH-section-3 .s3-swiper-pagination.noActive {
  pointer-events: none;
}

#AH-container .AH-section-3 .bullect-hide {
  display: none;
}

#AH-container .AH-section-5 {
  width: 100%;
  margin-top: var(--AH-spc-200);
}

#AH-container .AH-section-5 .AH-section-title {
  width: 51.45125vw;
  margin: 0 auto;
  text-align: center;
}

#AH-container .AH-section-5 .AH-section-title p {
  width: 40.625vw;
  margin: var(--AH-spc-40) auto 0;
}

#AH-container .AH-section-5 .AH-section-mid {
  width: 100%;
  height: 46.614583vw;
  margin: var(--AH-spc-60) auto 0;
}

#AH-container .AH-section-6 {
  width: 100%;
  margin-top: var(--AH-spc-200);
}

#AH-container .AH-section-6.AH-will-change .swiper-slide {
  will-change: transform, opacity;
}

#AH-container .AH-section-6 .AH-section-title {
  width: 67.5vw;
  margin: 0 auto 2.083333vw 18.75vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#AH-container .AH-section-6 .AH-section-title p {
  width: 31.25vw;
}

#AH-container .AH-section-6 .AH-section-title .AH-section-title-main {
  width: 25.666667vw;
}

#AH-container .AH-section-6 .swiper {
  width: 100%;
  height: 35.208333vw;
  overflow: hidden;
}

#AH-container .AH-section-6 .swiper .swiper-slide {
  width: 62.5vw;
  height: 35.208333vw;
}

#AH-container .AH-section-6 .swiper .swiper-slide .s6-slide-bg {
  width: 100%;
  height: 100%;
  will-change: scale, opacity;
}

#AH-container .AH-section-6 .s6-swiper-button-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  margin: 1.041667vw auto 0;
  display: flex;
}

#AH-container .AH-section-6 .s6-swiper-button-wrapper .s6-swiper-button {
  width: 2.760417vw;
  height: 2.760417vw;
  background-color: none;
  margin: 0 auto;
  background: url("/content/dam/huawei-cbg-site/common/mkt/pdp/phones/pura70-pro/images/sec2/huawei-pura70-pro-ultra-speed-snapshot-icon.svg") center no-repeat;
  background-size: 100% 100%;
  outline: none;
  cursor: pointer;
  opacity: 0.4;
  transition: 0.5s all ease;
}

#AH-container .AH-section-6 .s6-swiper-button-wrapper .s6-swiper-button:hover {
  opacity: 1;
}

#AH-container .AH-section-6 .s6-swiper-button-wrapper .s6-swiper-button-prev {
  margin-right: 0.833333vw;
  transform: rotateY(180deg);
}

#AH-container .AH-section-7 {
  width: 75vw;
  margin: var(--AH-spc-200) auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

#AH-container .AH-section-7 #animation_trigger_3 {
  position: absolute;
  top: 0;
  left: 0;
}

#AH-container .AH-section-7 .s7-left {
  width: 35.46875vw;
}

#AH-container .AH-section-7 .s7-left .AH-section-title {
  margin-left: 2.083333vw;
}

#AH-container .AH-section-7 .s7-left .AH-section-title p {
  width: 30.645833vw;
  margin: 1.5625vw 0 1.354167vw;

}

#AH-container .AH-section-7 .s7-left .s7-img-1 {
  width: 100%;
  height: 27.291667vw;
}

#AH-container .AH-section-7 .s7-right {
  width: 38.020833vw;
}

#AH-container .AH-section-7 .s7-right .s7-img-2 {
  width: 100%;
  height: 41.666667vw;
}

#AH-container .AH-section-8 {
  width: 87.5vw;
  margin-top: var(--AH-spc-200);
}

#AH-container .AH-section-8 .AH-section-title {
  margin-left: 15.052083vw;
  margin-bottom: 2.083333vw;
  width: 41.666667vw;
}

#AH-container .AH-section-8 .AH-section-title .s8-title-change {
  display: flex;
}

#AH-container .AH-section-8 .AH-section-title .s8-title-change p {
  color: #1e2022;
  font-weight: 300;
  line-height: 1.6;
  font-size: 3.333333vw;
}

#AH-container .AH-section-8 .s8-wrapper {
  position: relative;
  width: 100%;
  height: 61.057292vw;
}

#AH-container .AH-section-8 .s8-wrapper p {
  width: 21.875vw;
  position: absolute;
  right: .78125vw;
  top: 39.0625vw;
  z-index: 3;
}

#AH-container .AH-section-8 .s8-wrapper .s8Swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

#AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide {
  position: absolute;
}

#AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-1 {
  width: 49.427083vw;
  height: 31.822917vw;
  z-index: 3;
  top: 0;
  left: 11.041667vw;
  padding: 0 0 1.458333vw 1.458333vw;
}

#AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-1 .s8-slide-1-bg {
  width: 101%;
  height: 5.208333vw;
  background: white;
  border-bottom-left-radius: 1.770833vw;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}

#AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-1::after {
  content: "";
  width: 1.302083vw;
  height: 1.302083vw;
  display: block;
  position: absolute;
  bottom: -1.02vw;
  right: -0.19625vw;
  background: url("/content/dam/huawei-cbg-site/common/mkt/pdp/phones/pura70-pro/images/sec1/s2-2-t2.svg") center no-repeat;
  background-size: 100% 100%;
}

#AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-2 {
  width: 25.520833vw;
  height: 30.364583vw;
  top: 0;
  right: 0;
}

#AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-3 {
  width: 60.416667vw;
  height: 33.333333vw;
  bottom: 0;
  left: 0;
}

#AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-3 .s8-radius {
  width: 1.302083vw;
  height: 1.302083vw;
  display: block;
  position: absolute;
  top: -2.2808333vw;
  left: 10.007917vw;
  z-index: 3;
}

#AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-3.active .s8-radius {
  transform: translateY(2vw);
  transition: 0.3s all ease;
}

#AH-container .AH-section-9 {
  width: 75vw;
  margin: 0 auto;
  margin-top: var(--AH-spc-200);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

#AH-container .AH-section-9 #animation_trigger_9 {
  position: absolute;
  top: 7vw;
}

#AH-container .AH-section-9 .AH-section-title {
  width: 23.354167vw;
  margin: 0;
  margin-left: 0;
}

#AH-container .AH-section-9 .AH-section-title .AH-section-title-main {
  width: 100%;
}

#AH-container .AH-section-9 .AH-section-title p {
  margin-top: var(--AH-spc-40);
  width: 100%;
}

#AH-container .AH-section-9 .s9-mid {
  width: 47.916667vw;
  height: 35.9375vw;
  position: relative;
  transition: 0.2s all 0.2s ease;
}

#AH-container .AH-section-9 .s9-mid .swiper-wrapper .swiper-slide {
  width: 47.916667vw;
  height: 35.9375vw;
  position: relative;
  overflow: hidden;
  border-radius: 1.041667vw;
}

#AH-container .AH-section-9 .s9-mid .swiper-wrapper .swiper-slide img {
  transform-origin: 50% 50%;
  transform: scale(1.2);
  transition: 0s opacity 0.6s ease, 0s transform 0.6s ease;
  will-change: transform, opacity;
}

#AH-container .AH-section-9 .s9-mid .swiper-wrapper .swiper-slide.swiper-slide-active img {
  transform: scale(1);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

#AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper {
  position: absolute;
  width: 16.875vw;
  height: 2.5vw;
  border-radius: 1.71875vw;
  overflow: hidden;
  z-index: 3;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  bottom: 2.083333vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
}

#AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper .active-move-bg {
  position: absolute;
  width: 4.166667vw;
  height: 2.291667vw;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-color: white;
  z-index: 2;
  border-radius: 1.71875vw;
  overflow: hidden;
  transition: 0.5s all ease;
}

#AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper .s9-swiper-click-button {
  position: relative;
  width: 4.166667vw;
  height: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  opacity: 1;
  z-index: 3;
  cursor: pointer;
}

#AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper .s9-swiper-click-button p {
  font-size: 1.145833vw;
  color: rgba(255, 255, 255, 0.7);
  font-weight: bold;
  transition: 0.5s all ease;
}

#AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="0"] .active-move-bg {
  transform: translate(0.104167vw, -50%);
}

#AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="0"] .s9-swiper-click-button-1 p {
  color: black;
}

#AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="1"] .active-move-bg {
  transform: translate(4.34375vw, -50%);
}

#AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="1"] .s9-swiper-click-button-2 p {
  color: black;
}

#AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="2"] .active-move-bg {
  transform: translate(8.483333vw, -50%);
}

#AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="2"] .s9-swiper-click-button-3 p {
  color: black;
}

#AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="3"] .active-move-bg {
  transform: translate(12.604167vw, -50%);
}

#AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="3"] .s9-swiper-click-button-4 p {
  color: black;
}

#AH-container .AH-section-9 .s9-bullect-hide {
  display: none;
}

#AH-container .AH-section-10 {
  width: 75vw;
  margin: 0 auto;
  margin-top: var(--AH-spc-200);
  position: relative;
}

#AH-container .AH-section-10 .AH-section-title {
  width: 58.59375vw;
  margin: 0 auto 2.083333vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#AH-container .AH-section-10 .AH-section-title .AH-section-title-main {
  width: 23.4375vw;
}

#AH-container .AH-section-10 .AH-section-title p {
  width: 28.645833vw;
}

#AH-container .AH-section-10 .s10-mid {
  width: 100%;
  height: 39.0625vw;
  overflow: hidden;
  border-radius: 1.041667vw;
}

#AH-container .AH-section-10 .s10-video-btn {
  display: block;
  width: 4.6875vw;
  height: 4.6875vw;
  position: absolute;
  bottom: 3.125vw;
  right: 3.489583vw;
}

#AH-container .AH-section-13 {
  width: 100%;
  margin-top: var(--AH-spc-200);
  position: relative;
}

#AH-container .AH-section-13 .AH-section-title {
  width: 48.4375vw;
  margin: 0 auto 2.083333vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#AH-container .AH-section-13 .AH-section-title .AH-section-title-main {
  width: 20.791667vw;
}

#AH-container .AH-section-13 .AH-section-title p {
  width: 22.395833vw;
}

#AH-container .AH-section-13 .s13-mid {
  width: 100%;
  height: 39.895833vw;
  margin: var(--AH-spc-60) auto 0;
  position: relative;
}

#AH-container .AH-section-13 .s13-bottom {
  position: absolute;
  width: 59.375vw;
  top: 20.833333vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
}

#AH-container .AH-section-13 .s13-bottom .s13-bottom-flex {
  text-align: center;
  max-width: 14vw;
}

#AH-container .AH-section-13 .s13-bottom .s13-bottom-flex .h5 {
  font-size: 2.5vw;
  font-weight: 500;
}

#AH-container .AH-section-13 .s13-bottom .s13-bottom-flex .h5 span {
  font-size: 1.666667vw;
  color: #1e2022;
}

#AH-container .AH-section-13 .s13-bottom .s13-bottom-flex p {
  font-size: 1.145833vw;
}

#AH-container .AH-section-13 .s13-bottom .s13-bottom-flex-4 {
  width: 10.208333vw;
  transform: translateY(10%);
}


#AH-container .AH-section-14 {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

#AH-container .AH-section-14 .AH-section-title {
  width: 22.208333vw;
  order: 2;
  position: absolute;
  right: 20.3125vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

#AH-container .AH-section-14 .AH-section-title p {
  margin-top: var(--AH-spc-40);
}

#AH-container .AH-section-14 .s14-mid {
  width: 100%;
  height: 41.666667vw;
}

#AH-container .AH-section-15 {
  width: 100%;
  margin-top: 7.8125vw;
  position: relative;
}

#AH-container .AH-section-15 .s15-left {
  width: 23.958333vw;
  position: absolute;
  top: 4.583333vw;
  left: 20vw;
  z-index: 2;
}

#AH-container .AH-section-15 .s15-left .AH-section-title p {
  margin-top: var(--AH-spc-40);
}

#AH-container .AH-section-15 .s15-left .s15-right {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 2.083333vw;
}

#AH-container .AH-section-15 .s15-left .s15-right .s15-right-title p {
  color: #151517;
  font-size: 2.604167vw;
}

#AH-container .AH-section-15 .s15-left .s15-right .s15-right-title p span {
  color: #151517;
  font-size: 2.604167vw;
  display: inline;
}

#AH-container .AH-section-15 .s15-left .s15-right .s15-right-title span {
  color: #969699;
  display: block;
  font-size: 1.145833vw;
}

#AH-container .AH-section-15 .s15-left .s15-right .s15-right-title-1 {
  width: 51%;
}

#AH-container .AH-section-15 .s15-left .s15-right .s15-right-title-2 {
  width: 40%;
}

#AH-container .AH-section-15 .s15-mid {
  width: 100%;
  height: 53.59375vw;
}

#AH-container .AH-section-16 {
  width: 100%;
  margin-top: 7.552083vw;
  overflow: hidden;
}

#AH-container .AH-section-16 .AH-section-top-title {
  width: 50vw;
  margin: 0 auto;
  margin-bottom: var(--AH-spc-200);
  text-align: center;
}

#AH-container .AH-section-16 .AH-section-top-title .h4 {
  font-size: 5vw;
  font-weight: 300;
}

#AH-container .AH-section-16 .AH-section-top-title h3 {
  font-size: 3.333333vw;
  margin-top: 1.302083vw;
}

#AH-container .AH-section-16 .s16-mid {
  width: 100%;
  height: 48.229167vw;
  margin: var(--AH-spc-60) auto 0;
  display: flex;
  align-items: flex-start;
}

#AH-container .AH-section-16 .s16-mid .AH-section-title {
  width: 21.770833vw;
  display: flex;
  flex-wrap: wrap;
  margin: 7.552083vw 5.208333vw auto 16.666667vw;
}

#AH-container .AH-section-16 .s16-mid .AH-section-title h3 {
  width: 100%;
}

#AH-container .AH-section-16 .s16-mid .AH-section-title p {
  width: 100%;
  margin-top: var(--AH-spc-40);
}

#AH-container .AH-section-16 .s16-mid .AH-section-title .s16-swiper-button-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: var(--AH-spc-60);
  display: flex;
}

#AH-container .AH-section-16 .s16-mid .AH-section-title .s16-swiper-button-wrapper .s16-swiper-button {
  width: 2.760417vw;
  height: 2.760417vw;
  background-color: none;
  margin: 0 auto;
  background: url("/content/dam/huawei-cbg-site/common/mkt/pdp/phones/pura70-pro/images/sec2/huawei-pura70-pro-ultra-speed-snapshot-icon.svg") center no-repeat;
  background-size: 100% 100%;
  outline: none;
  cursor: pointer;
  opacity: 0.4;
}

#AH-container .AH-section-16 .s16-mid .AH-section-title .s16-swiper-button-wrapper .s16-swiper-button:hover {
  opacity: 1;
  transition: 0.3s all ease;
}

#AH-container .AH-section-16 .s16-mid .AH-section-title .s16-swiper-button-wrapper .s16-swiper-button-prev {
  margin-right: 0.833333vw;
  transform: rotateY(180deg);
}

#AH-container .AH-section-16 .s16-mid .AH-section-title .s16-swiper-button-wrapper .swiper-button-disabled {
  opacity: 0.1 !important;
}

#AH-container .AH-section-16 .s16-mid .s16Swiper {
  width: 42.114583vw;
  height: 48.229167vw;
  overflow: hidden;
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: white;
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .swiper-slide .s16-slide-wrapper-bg {
  width: 17.604167vw;
  height: 37.916667vw;
  margin: 1.614583vw 13.489583vw 0 auto;
  position: relative;
  z-index: 5;
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .swiper-slide .s16-slide-wrapper-bg .s16-slide-wrapper-bg-img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 5;
  will-change: transform;
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .swiper-slide .s16-slide-wrapper-bg .s16-slide-wrapper-bg-video {
  position: absolute;
  width: 93.8%;
  height: auto;
  top: 0.9%;
  left: 2.9%;
  border-radius: 1.5625vw;
  overflow: hidden;
  z-index: 4;
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .swiper-slide .s16-bg-shadow {
  position: absolute;
  width: 31.572917vw;
  top: 1.1625vw;
  right: 0;
  z-index: 2;
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .swiper-slide .s16-bg-icons {
  position: absolute;
  z-index: 3;
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .swiper-slide.active .s16-bg-icons {
  transform: translate(0, 0) scale(1);
  transition: 0.5s all ease;
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-1 .s16-bg-icons-1 {
  width: 11.666667vw;
  height: 11.666667vw;
  top: 1.5vw;
  left: 0;
  transform: translate(2vw, 2vw) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-1 .s16-bg-icons-2 {
  width: 10.15625vw;
  height: 9.6875vw;
  top: 14.6vw;
  left: 1.5vw;
  transform: translate(2vw, 0) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-1 .s16-bg-icons-3 {
  width: 9.0625vw;
  height: 9.114583vw;
  top: 5.4vw;
  right: 4vw;
  transform: translate(-2vw, 2vw) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-1 .s16-bg-icons-4 {
  width: 27vw;
  height: 27.010417vw;
  bottom: 7vw;
  right: 6vw;
  transform: translate(0, 0) scale(0);
  z-index: 1;
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2 .s16-bg-icons-1 {
  width: 7.708333vw;
  height: 7.1875vw;
  left: 2.2vw;
  top: 15vw;
  transform: translate(2vw, 2vw) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2 .s16-bg-icons-2 {
  width: 7.8125vw;
  height: 7.604167vw;
  left: 4.2vw;
  top: 22vw;
  transform: translate(2vw, 2vw) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2 .s16-bg-icons-3 {
  width: 2.96875vw;
  height: 1.09375vw;
  right: 7vw;
  top: 3vw;
  transform: translate(-2vw, 2vw) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2 .s16-bg-icons-4 {
  width: 2.760417vw;
  height: 1.875vw;
  right: 5.8vw;
  top: 6.8vw;
  transform: translate(-2vw, 2vw) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2 .s16-bg-icons-5 {
  width: 29.791667vw;
  height: 22.552083vw;
  left: 0.5vw;
  top: -1vw;
  transform: translate(2vw, 0) rotate(0) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2 .s16-bg-icons-6 {
  width: 12.083333vw;
  height: 25.46875vw;
  right: 6.8vw;
  bottom: 10.2vw;
  z-index: 1;
  transform: translate(-2vw, 0) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2.active .s16-bg-icons-5 {
  transform: translate(0, 0) rotate(15deg) scale(1);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-3 .s16-bg-icons-1 {
  width: 10.989583vw;
  height: 10.46875vw;
  top: 0;
  left: 0;
  transform: translate(2vw, 2vw) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-3 .s16-bg-icons-2 {
  width: 9.739583vw;
  height: 9.427083vw;
  top: 18.6vw;
  left: 2.3vw;
  transform: translate(2vw, 2vw) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-3 .s16-bg-icons-3 {
  width: 8.333333vw;
  height: 8.229167vw;
  top: 11vw;
  right: 6vw;
  transform: translate(-2vw, 2vw) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-3 .s16-bg-icons-4 {
  width: 14.322917vw;
  height: 14.479167vw;
  bottom: 6.5vw;
  right: 11vw;
  z-index: 1;
  transform: translate(-2vw, 0) rotate(0) scale(0);
}

#AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-3.active .s16-bg-icons-4 {
  transform: translate(0, 0) rotate(-10deg) scale(1);
}

#AH-container .AH-section-17 {
  width: 75vw;
  margin: 0 auto;
  margin-top: 3.125vw;
  display: flex;
  justify-content: space-between;
}

#AH-container .AH-section-17 .s17-wrapper {
  width: 100%;
  background-color: #f7f7fa;
  border-radius: 1.041667vw;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

#AH-container .AH-section-17 .s17-wrapper .AH-section-title {
  width: 22.916667vw;
  margin: 0 7.552083vw 0 6.25vw;
}

#AH-container .AH-section-17 .s17-wrapper .AH-section-title h3 {
  font-size: 2.5vw;
}

#AH-container .AH-section-17 .s17-wrapper .AH-section-title p {
  font-size: 1.145833vw;
  width: 100%;
  margin-top: var(--AH-spc-40);
}

#AH-container .AH-section-17 .s17-wrapper-1 .s17-img {
  width: 31.770833vw;
  height: 24.270833vw;
  margin: 6.770833vw 0 0;
}

#AH-container .AH-section-17 .s17-wrapper-1 .s17-video-btn {
  width: 2.604167vw;
  height: 2.604167vw;
  position: absolute;
  bottom: 1.302083vw;
  right: 2.604167vw;
}

#AH-container .s17-bottom-des {
  width: 75vw;
  font-size: 0.833333vw;
  text-align: right;
  margin: 2.083333vw auto 0;
  color: #6d6f72;
  opacity: 0.8;
  line-height: 1.6;
}

#AH-container .s17-bottom-des-2 {
  font-size: max(0.625vw, 12px);
  margin-top: 1.5625vw;
}

@media screen and (max-width: 1366px) {
  #AH-container .s17-bottom-des-2 {
    font-size: 0.625vw;
  }
}

#AH-container .AH-section-20 {
  width: 75vw;
  margin: 6.25vw auto 0;
  display: flex;
  background-color: #f7f7fa;
  border-radius: 1.041667vw;
  overflow: hidden;
}

#AH-container .AH-section-20 .s20-left {
  width: 25.697917vw;
  margin: 12.96875vw 0 0;
  color: #151517;
  order: 2;
}

#AH-container .AH-section-20 .s20-left .h4 {
  font-size: 2.083333vw;
  margin-bottom: 2.604167vw;
}

#AH-container .AH-section-20 .s20-left .swiper {
  position: relative;
  padding: 0 0 0.78125vw 1.822917vw;
}

#AH-container .AH-section-20 .s20-left .swiper .swiper-scrollbar {
  width: 1px;
  height: 100%;
  background-color: rgba(21, 21, 23, 0.6);
  left: 0;
  bottom: 0;
  border-radius: 0;
  position: absolute;
}

#AH-container .AH-section-20 .s20-left .swiper .swiper-scrollbar .swiper-scrollbar-drag {
  width: 5px;
  left: -2px;
  border-radius: 0;
  background-color: #505050;
}

#AH-container .AH-section-20 .s20-left .swiper .swiper-wrapper {
  flex-wrap: wrap;
}

#AH-container .AH-section-20 .s20-left .swiper .swiper-wrapper .swiper-slide {
  cursor: pointer;
  margin-bottom: 2.395833vw;
  width: 21.614583vw;
  font-size: 1.25vw;
  transition: all 0.5s ease;
  color: #6d6f72;
  white-space: nowrap;
  will-change: font-size;
  line-height: 1.25;
  font-weight: 300;
}

#AH-container .AH-section-20 .s20-left .swiper .swiper-wrapper .swiper-slide.active {
  color: #1e2022;
  font-size: 2.083333vw;
}

#AH-container .AH-section-20 .s20-left .swiper .swiper-wrapper .s20-left-txt-3 {
  margin: 0;
}

#AH-container .AH-section-20 .s20-right {
  width: 41.666667vw;
  height: 32.8125vw;
  margin: 0 4.583333vw 0 0;
}

#AH-container .AH-section-20 .s20-right .swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#AH-container .AH-section-21 {
  width: 75vw;
  margin: var(--AH-spc-200) auto 0;
  position: relative;
}

#AH-container .AH-section-21 h3 {
  text-align: center;
  font-size: 3.333333vw;
  margin: 0 auto 2.083333vw;
}

#AH-container .AH-section-21 .s21-right {
  width: 100%;
  border-radius: 1.041667vw;
  overflow: hidden;
  position: relative;
}

#AH-container .AH-section-21 .s21-right .s21-right-img {
  width: 100%;
  height: 32.8125vw;
}

#AH-container .AH-section-21 .s21-right .s21-right-c {
  display: flex;
  position: absolute;
  font-size: .9375vw;
  color: #151517;
  z-index: 2;
  line-height: 1.25;
  align-items: center;
}

#AH-container .AH-section-21 .s21-right .s21-right-c img {
  width: 0.44vw;
  height: 0.7vw;
  margin-left: 0.3125vw;
  transition: 0.3s all ease-out;
  position: relative;
  top: 2%;
  transform: translate(0, 5%);
}

#AH-container .AH-section-21 .s21-right .s21-right-c:hover img {
  transform: translate(4px, 5%);
}

#AH-container .AH-section-21 .s21-right .s21-right-c1 {
  bottom: 2.135417vw;
  left: 50%;
  transform: translateX(-50%);
}

#AH-container .AH-section-21 .s21-right .s21-des {
  font-size: max(0.625vw, 12px);
  position: absolute;
  right: 21.114583vw;
  bottom: 2.203125vw;
  color: #151517;
  opacity: 0.5;
}

@media screen and (max-width: 1300px) {
  #AH-container .AH-section-21 .s21-right .s21-des {
    font-size: 0.625vw;
  }
}

#AH-container .animation_wrapper {
  transform: translateY(3vw);
  opacity: 0;
}

#AH-container .animation_wrapper.active {
  opacity: 1;
  transform: translateY(0);
}

#AH-container .animation_wrapper.active.order1 {
  transition: 0.5s all ease;
}

#AH-container .animation_wrapper.active.order2 {
  transition: 0.5s all 0.15s ease;
}

#AH-container .animation_wrapper.active.order3 {
  transition: 0.5s all 0.3s ease;
}

#AH-container .AH-section .AH-section-title .AH-section-second-title {
  width: 100% !important;
  font-size: 1.145833vw;
  margin: 0 0 0.260417vw !important;
  padding: 0 !important;
  line-height: 1.6;
  color: #151517;
  opacity: 0.6;
}

#AH-container .AH-section .swiper-scrollbar::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: white;
}

#AH-container #animation_trigger_4 {
  position: relative;
  top: -8vw;
}


@media screen and (max-aspect-ratio: 11/10) {
  #AH-container {
    --AH-content-560: 77.777778vw;
    --AH-spc-200: 27.777778vw;
    --AH-spc-120: 16.666667vw;
    --AH-spc-80: 11.111111vw;
    --AH-spc-60: 8.333333vw;
    --AH-spc-40: 5.555556vw;
    --AH-spc-30: 4.166667vw;
    --AH-spc-10: 1.388889vw;
    --AH-txt-120: 16.666667vw;
    --AH-txt-80-80: 11.111111vw;
    --AH-txt-80-60: 8.333333vw;
    --AH-txt-64: 8.888889vw;
    --AH-txt-48-48: 6.666667vw;
    --AH-txt-48-40: 5.555556vw;
    --AH-txt-40-40: 5.555556vw;
    --AH-txt-40-32: 4.444444vw;
    --AH-txt-40-30: 4.166667vw;
    --AH-txt-32-30: 4.166667vw;
    --AH-txt-30-30: 4.166667vw;
    --AH-txt-30-25: 3.472222vw;
    --AH-txt-25-30: 4.166667vw;
    --AH-txt-24: 3.333333vw;
    --AH-txt-22-22: 3.055556vw;
    --AH-txt-20-20: 2.777778vw;
    --AH-txt-20-18: 2.5vw;
    --AH-txt-20-16: 2.222222vw;
    --AH-txt-18-22: 3.055556vw;
    --AH-txt-18-18: 2.5vw;
    --AH-txt-16-16: 2.222222vw;
    --AH-txt-13: 13px;
    --AH-txt-12: 12px;
    --AH-xin-txt-40: 6.666667vw;
    --AH-xin-txt-20-b: 3.333333vw;
    --AH-xin-txt-20-m: 3.055556vw;
    --AH-xin-txt-20-s: 2.777778vw;
    --AH-txt-96: 13.333333vw;
    --AH-txt-96-80: 11.111111vw;
    --AH-txt-64-80: 11.111111vw;
    --AH-txt-22-32: 4.444444vw;
    --AH-txt-22-20: 2.777778vw;
  }

  #AH-container .hid-pc {
    display: block;
  }

  #AH-container .hid-mob {
    display: none !important;
  }

  #AH-container h2 span.hid-pc,
  #AH-container h3 span.hid-pc,
  #AH-container .h4 span.hid-pc,
  #AH-container .h5 span.hid-pc,
  #AH-container h6 span.hid-pc {
    display: inline;
    color: inherit;
  }

  #AH-container .mob-scrollbar-button {
    width: 91.111111vw;
    height: 12.5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 5.555556vw auto 0;
  }

  #AH-container .mob-scrollbar-button .swiper-scrollbar {
    position: relative;
    width: 33.333333vw;
    height: 1px;
    border-radius: 0;
    background-color: #AFAFAF;
  }

  #AH-container .mob-scrollbar-button .swiper-scrollbar .swiper-scrollbar-drag {
    height: 3px;
    top: -1px;
    border-radius: 0;
    background-color: #505050;
  }

  #AH-container .mob-scrollbar-button .AH-button-wrapper {
    width: 27.5vw;
    height: 12.5vw;
    display: flex;
    justify-content: space-between;
  }

  #AH-container .mob-scrollbar-button .AH-button-wrapper .swiper-button-prev,
  #AH-container .mob-scrollbar-button .AH-button-wrapper .swiper-button-next {
    position: static;
    width: 12.5vw;
    height: 12.5vw;
    margin-top: 0;
    outline: none;
    transition: 0.2s all ease;
  }

  #AH-container .mob-scrollbar-button .AH-button-wrapper .swiper-button-prev::after,
  #AH-container .mob-scrollbar-button .AH-button-wrapper .swiper-button-next::after {
    display: none;
  }

  #AH-container .mob-scrollbar-button .AH-button-wrapper .swiper-button-prev.btn-scale,
  #AH-container .mob-scrollbar-button .AH-button-wrapper .swiper-button-next.btn-scale {
    transform: scale(0.875);
  }

  #AH-container .mob-scrollbar-button .AH-button-wrapper .swiper-button-prev {
    background: url("/content/dam/huawei-cbg-site/common/mkt/pdp/phones/pura70-pro/images/sec1/swiperbutton-1.svg") center no-repeat;
    background-size: 100% 100%;
  }

  #AH-container .mob-scrollbar-button .AH-button-wrapper .swiper-button-next {
    background: url("/content/dam/huawei-cbg-site/common/mkt/pdp/phones/pura70-pro/images/sec1/swiperbutton-2.svg") center no-repeat;
    background-size: 100% 100%;
  }

  #AH-container #animation_trigger_4 {
    position: relative;
    top: 0;
  }

  #AH-container .animation_wrapper {
    transform: translateY(5vw);
    opacity: 0;
  }

  #AH-container .animation_wrapper.active {
    opacity: 1;
    transform: translateY(0);
  }

  #AH-container .animation_wrapper.active.order1 {
    transition: 0.6s all ease;
  }

  #AH-container .animation_wrapper.active.order2 {
    transition: 0.6s all 0.2s ease;
  }

  #AH-container .animation_wrapper.active.order3 {
    transition: 0.6s all 0.4s ease;
  }

  #AH-container .section-footnote {
    width: 88.888889vw;
    margin: 0 auto 27.777778vw;
    padding-right: 0;
    line-height: 1.6;
  }

  #AH-container .section-footnote ol {
    list-style-type: decimal;
    padding-left: 1em;
  }

  #AH-container .section-footnote li {
    font-size: 3.333333vw;
  }

  #AH-container .section-footnote #footnote-1 {
    padding-top: 27.777778vw;
  }

  #AH-container .feature-item-jump {
    width: 6.944444vw;
    height: 6.944444vw;
  }

  #AH-container .feature-item-jump svg {
    width: 100%;
    height: 13.888889vw;
  }

  #AH-container .AH-section-1 {
    width: 100%;
    position: relative;
    height: auto;
    background-color: white;
    overflow: hidden;
  }

  #AH-container .AH-section-1 .kv-mid {
    width: 100vw;
    height: 105.555556vw;
    margin: 0 0 16.66667vw;
    padding-top: 13.888889vw;
    background: #F1F2F2;
    overflow: hidden;
  }

  #AH-container .AH-section-1 .kv-mid .kv-mid-img {
    width: 61.111111vw;
    height: 91.111111vw;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(5vw);
  }

  #AH-container .AH-section-1 #kv_trigger {
    position: absolute;
    bottom: 0;
  }

  #AH-container .AH-section-1.active .kv-mid .kv-mid-img {
    transform: translateY(0);
    opacity: 1;
    transition: 0.5s opacity ease, 0.7s transform ease;
  }

  #AH-container .AH-section-1 .kv-slogan {
    width: 94.444444vw;
    position: relative;
    right: 0;
    top: 0;
    transform: translateY(0);
    margin: 0 auto;
  }

  #AH-container .AH-section-1 .kv-slogan img {
    width: 83.5vw;
    margin: 0 auto;
  }

  #AH-container .AH-section-1 .kv-slogan p {
    font-size: 6.666667vw;
    text-align: center;
    margin-top: 4.166667vw;
    letter-spacing: 0.1em;
    transform: translateY(0.05em);
  }

  #AH-container .AH-section-1 .kv-slogan .letter-modal-trigger {
    max-width: 70vw;
    padding: 3.05vw 6.25vw;
    border-radius: 8.416667vw;
    font-size: 3.611111vw;
    margin: 16.666667vw auto 0;
  }

  #AH-container .AH-section-1 .kv-slogan .letter-modal-trigger svg {
    width: 3.666667vw;
    height: 3.666667vw;
    margin-left: 2.777778vw;
  }

  #AH-container .AH-section-txt {
    width: 100%;
    position: relative;
  }

  #AH-container .AH-section-txt .section-txt-wrapper {
    width: 100%;
  }

  #AH-container .AH-section-txt .section-txt-wrapper .section-txt-wrapper-title {
    width: 97.222222vw;
    text-align: center;
    margin: 0 auto;
    padding: 33.333333vw 0 5.555556vw;
  }

  #AH-container .AH-section-txt .section-txt-wrapper .section-txt-wrapper-title p {
    font-size: 5.555556vw;
    color: #6d6f72;
    opacity: 0.8;
    line-height: 1.25;
    margin-bottom: 6.944444vw;
  }

  #AH-container .AH-section-txt .section-txt-wrapper .section-txt-wrapper-title p:nth-last-child(1) {
    margin-bottom: 0;
  }

  #AH-container .AH-section-txt .section-txt-wrapper a {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 4.444444vw;
    color: #6d6f72;
    margin: 13.333333vw auto 0;
    width: -moz-fit-content;
    width: fit-content;
  }

  #AH-container .AH-section-txt .section-txt-wrapper a img {
    width: 7.222222vw;
    height: 7.222222vw;
    margin-left: 2.777778vw;
  }

  #AH-container .AH-section-txt .shadow-bg {
    position: sticky;
    width: 100%;
    height: 33.333333vw;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
  }

  #AH-container .AH-section-2 {
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    padding-top: 10.138889vw;
  }

  #AH-container .AH-section-2 .s2-left-click-wrapper {
    width: 91.111111vw;
    order: 2;
    margin: var(--AH-spc-60) auto 0;
  }

  #AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper {
    width: 100%;
    display: flex;
    padding-left: 0;
    position: relative;
  }

  #AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper .s2-scroll-bar {
    display: none;
  }

  #AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper .s2-click-title-wrapper {
    width: 100%;
    cursor: pointer;
    font-size: 1.354167vw;
    margin: 0 auto;
    transition: 0s all linear;
  }

  #AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper .s2-click-title-wrapper .s2-click-title {
    font-size: 5.833333vw;
    line-height: 1.25;
    color: #151517;
    opacity: 0 !important;
    transition: 0.2s all linear;
    /* margin-bottom: 2.777778vw; */
  }


  #AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper .s2-click-title-wrapper.active .s2-click-title {
    font-size: 6.666667vw;
    /* margin-bottom: 2.777778vw; */
    transition: 0.2s all ease;
  }


  #AH-container .AH-section-2 .s2-left-click-wrapper .s2-click-wrapper .s2-click-title-wrapper.swiper-slide-active .s2-click-title {
    opacity: 1 !important;
  }


  #AH-container .AH-section-2 .mob-scrollbar-button {
    order: 3;
  }

  #AH-container .AH-section-2 .s2Swiper {
    width: 100%;
    height: 121.666667vw;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide {
    width: 91.111111vw;
    position: relative;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide .slide-all-wrapper {
    border-radius: 0;
    background-color: unset;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide .item-jump {
    width: 9.305556vw;
    height: 9.305556vw;
    right: 5.555556vw;
    bottom: 5.555556vw;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper {
    overflow: unset;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .s2-1-bg {
    width: 100%;
    height: 100%;
    background-color: #F7F7FA;
    border-radius: 2.777778vw;
    overflow: hidden;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-mid {
    width: 100%;
    height: 131.944444vw;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    position: absolute;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-img {
    width: 52.013889vw;
    height: 146.25vw;
    top: 24.305556vw;
    left: 26.388889vw;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-img img {
    transform-origin: 50% 50%;
    transition: 0.6s all ease-out;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-1 {
    z-index: 1;
    transform: translate(0, 0) rotate(0);
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-1 img {
    transform: translate(0, 0) rotate(0deg);
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-2 {
    margin: 0;
    z-index: 2;
    transform: translateY(0);
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1 .slide-all-wrapper .feature-item-1-2 img {
    transform: translate(0, 0) rotate(0deg);
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1.swiper-slide-active.active-mob .feature-item-1-1 img {
    transform: translate(-15.111111vw, -23.055556vw) rotate(-4deg);
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-1.swiper-slide-active.active-mob .feature-item-1-2 img {
    transform: translate(3vw, 4vw) rotate(7deg);
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-5 .slide-all-wrapper .slide-5-img {
    width: 100%;
    margin: 0;
    transform: translateY(0);
    opacity: 1;
    transition: 0.5s all 0.3s ease;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-2,
  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-3,
  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-4,
  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-5 {
    overflow: hidden;
    border-radius: 2.777778vw;
    overflow: hidden;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-2 .slide-all-wrapper,
  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-3 .slide-all-wrapper,
  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-4 .slide-all-wrapper,
  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-5 .slide-all-wrapper {
    transform: scale(1.5);
    transition: 0.6s all ease-out;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-2.swiper-slide-active .slide-all-wrapper,
  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-3.swiper-slide-active .slide-all-wrapper,
  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-4.swiper-slide-active .slide-all-wrapper,
  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-5.swiper-slide-active .slide-all-wrapper {
    transform: scale(1);
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper {
    position: relative;
    background: #F7F7FA;
    border-radius: 2.777778vw;
    overflow: hidden;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-slide-wrapper-bg {
    width: 46.944444vw;
    height: 101.111111vw;
    position: relative;
    margin: 9.236111vw auto 0;
    z-index: 3;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-slide-wrapper-bg .s2-6-slide-wrapper-bg-img {
    position: relative;
    z-index: 2;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-slide-wrapper-bg .s2-6-slide-wrapper-bg-video {
    border-radius: 4.166667vw;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-bg-shadow {
    width: 84.861111vw;
    /* height: 126.25vw; */
    position: absolute;
    right: -14.388889vw;
    top: 7.3508333vw;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-bg-icons {
    position: absolute;
    transition: 0.6s all 0s ease;
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-bg-icons-1 {
    top: 6.5vw;
    left: -2.5vw;
    width: 31vw;
    transform: translate(3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-bg-icons-2 {
    top: 43.7vw;
    left: -0.6vw;
    width: 28vw;
    transform: translate(3vw, 0) scale(0);
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-bg-icons-3 {
    right: -2vw;
    top: 20vw;
    width: 25vw;
    transform: translate(3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6 .slide-all-wrapper .s2-6-bg-icons-4 {
    width: 26vw;
    top: 54.5vw;
    right: -3vw;
    transform: translate(3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-2 .s2Swiper .swiper-wrapper .swiper-slide-6.swiper-slide-active .slide-all-wrapper .s2-6-bg-icons {
    transform: translate(0, 0) scale(1);
    transition: 0.5s all ease;
  }

  #AH-container .AH-section-3 {
    width: 100%;
    margin-top: var(--AH-spc-200);
    position: relative;
    height: auto;
  }

  #AH-container .AH-section-3 .s3-sticky {
    position: relative;
  }

  #AH-container .AH-section-3 .AH-section-title {
    width: 77.777778vw;
    margin: 0 auto var(--AH-spc-60);
    text-align: center;
  }

  #AH-container .AH-section-3 .AH-section-title h2 {
    font-size: 12.222222vw;
  }

  #AH-container .AH-section-3 .AH-section-title p {
    margin-top: var(--AH-spc-40);
    width: 100%;
    margin-left: 0;
  }

  #AH-container .AH-section-3 .s3Swiper {
    width: 100%;
    height: 97.222222vw;
    overflow: hidden;
  }

  #AH-container .AH-section-3 .s3Swiper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
  }

  #AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s {
    width: 84.305556vw;
    margin: 0 auto;
    position: relative;
    z-index: 3;
  }

  #AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s .change-s-bg {
    width: 100%;
  }

  #AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s .change-s-bg .bg-outline {
    width: 84.305556vw;
  }

  #AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s .change-s-mid {
    width: 51.944444vw;
    position: absolute;
    left: 5.833333vw;
    top: 3.666667vw;
  }

  #AH-container .AH-section-3 .s3Swiper .swiper-slide .change-s .change-s-mid svg {
    width: 51.944444vw;
    height: 64.861111vw;
  }

  #AH-container .AH-section-3 .s3Swiper .swiper-slide .change-l {
    width: 51.944444vw;
    position: absolute;
    left: 6.25vw;
    top: 11.111111vw;
    opacity: 0;
  }

  #AH-container .AH-section-3 .s3Swiper .swiper-slide .change-r {
    width: 84.861111vw;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0);
    z-index: 2;
    opacity: 0;
  }

  #AH-container .AH-section-3.active .s3Swiper .swiper-slide-1 .change-r {
    transform: translate(-35%, -14%) scale(0.712);
  }

  #AH-container .AH-section-3 .s3-swiper-pagination {
    position: relative;
    width: 86.111111vw;
    height: 9.444444vw;
    bottom: 0;
    left: 0;
    font-size: 5.555556vw;
    z-index: 4;
    opacity: 0;
    margin: 8.333333vw auto 0;
    display: flex;
  }

  #AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet {
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    display: flex;
    background: unset;
    opacity: 1;
    align-items: center;
    outline: none;
    margin-right: 5.555556vw;
    margin-bottom: 0;
  }

  #AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet svg {
    width: 8.888889vw;
    height: 8.888889vw;
  }

  #AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet svg #out-r {
    opacity: 0;
    stroke-width: 2px;
  }

  #AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet .bullect-title {
    margin-left: 0;
    position: absolute;
    opacity: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  #AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet .bullect-title p {
    font-size: 5.555556vw;
  }

  #AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet-active svg #out-r {
    opacity: 1;
  }

  #AH-container .AH-section-3 .s3-swiper-pagination .swiper-pagination-bullet-active .bullect-title {
    opacity: 1;
    transition: 1s all ease;
  }

  #AH-container .AH-section-3 .s3-swiper-pagination.active {
    opacity: 1;
    transition: 1s all ease;
    will-change: opacity;
  }

  #AH-container .AH-section-3 .bullect-hide {
    display: none;
  }

  #AH-container .AH-section-5 {
    width: 100%;
    margin-top: var(--AH-spc-200);
  }

  #AH-container .AH-section-5 .AH-section-title {
    width: 77.777778vw;
    margin: 0 auto;
    text-align: left;
  }

  #AH-container .AH-section-5 .AH-section-title h2 {
    font-size: 12.222222vw;
  }

  #AH-container .AH-section-5 .AH-section-title p {
    margin-top: var(--AH-spc-40);
    width: 100%;
    margin-left: 0;
  }

  #AH-container .AH-section-5 .AH-section-mid {
    width: 100%;
    height: 101.805556vw;
    margin: var(--AH-spc-60) auto 0;
  }

  #AH-container .AH-section-6 {
    width: 100%;
    margin-top: var(--AH-spc-200);
  }

  #AH-container .AH-section-6 .AH-section-title {
    width: var(--AH-content-560);
    margin: 0 auto var(--AH-spc-60);
    display: block;
  }

  #AH-container .AH-section-6 .AH-section-title .AH-section-title-main {
    width: 100%;
  }

  #AH-container .AH-section-6 .AH-section-title .AH-section-title-main h3 {
    width: 100%;
  }

  #AH-container .AH-section-6 .AH-section-title p {
    width: 100%;
    margin-top: var(--AH-spc-40);
  }

  #AH-container .AH-section-6 .swiper {
    width: 100%;
    height: 111.111111vw;
    overflow: hidden;
  }

  #AH-container .AH-section-6 .swiper .swiper-slide {
    width: 91.111111vw;
    height: 111.111111vw;
  }

  #AH-container .AH-section-6 .swiper .swiper-slide-prev .s6-slide-bg {
    transform-origin: 70% 50%;
  }

  #AH-container .AH-section-6 .swiper .swiper-slide-next .s6-slide-bg {
    transform-origin: 30% 50%;
  }

  #AH-container .AH-section-7 {
    width: 91.111111vw;
    margin: var(--AH-spc-200) auto 0;
    display: block;
  }

  #AH-container .AH-section-7 .s7-left {
    width: 100%;
  }

  #AH-container .AH-section-7 .s7-left .AH-section-title {
    width: var(--AH-content-560);
    margin: 0 auto;
  }

  #AH-container .AH-section-7 .s7-left .AH-section-title p {
    width: 100%;
    margin: var(--AH-spc-40) 0 var(--AH-spc-60);
  }

  #AH-container .AH-section-7 .s7-left .s7-img-1 {
    width: 100%;
    height: 74.444444vw;
  }

  #AH-container .AH-section-7 .s7-right {
    width: 100%;
    margin-top: 5.555556vw;
  }

  #AH-container .AH-section-7 .s7-right .s7-img-2 {
    width: 100%;
    height: 97.222222vw;
  }

  #AH-container .AH-section-8 {
    width: 100%;
    margin-top: var(--AH-spc-200);
  }

  #AH-container .AH-section-8 .AH-section-title {
    margin-left: 11.111111vw;
    margin-bottom: 5.555556vw;
    width: var(--AH-content-560);
  }

  #AH-container .AH-section-8 .AH-section-title .s8-title-change {
    display: flex;
  }

  #AH-container .AH-section-8 .AH-section-title .s8-title-change p {
    color: #1e2022;
    font-weight: 300;
    line-height: 1.6;
    font-size: 11.111111vw;
  }

  #AH-container .AH-section-8 .s8-wrapper {
    position: relative;
    width: 100%;
    height: auto;
  }

  #AH-container .AH-section-8 .s8-wrapper p {
    width: var(--AH-content-560);
    position: relative;
    right: 0;
    top: 0;
    margin: 0 auto var(--AH-spc-60);
  }

  #AH-container .AH-section-8 .s8-wrapper .s8Swiper {
    width: 100%;
    height: 118.055556vw;
    position: relative;
    overflow: hidden;
  }

  #AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide {
    position: relative;
    opacity: 1;
    transform: translateY(0);
  }

  #AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide .s8-slide-bg {
    width: 100%;
    height: 100%;
    will-change: scale, opacity;
  }

  #AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-1 {
    width: 91.111111vw;
    height: 118.055556vw;
    z-index: 3;
    top: 0;
    left: 0;
    padding: 0;
  }

  #AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-1 .s8-slide-1-bg {
    display: none;
  }

  #AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-1::before {
    content: "";
    display: none;
  }

  #AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-1::after {
    content: "";
    display: none;
  }

  #AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-2 {
    width: 91.111111vw;
    height: 118.055556vw;
    top: 0;
    right: 0;
  }

  #AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-3 {
    width: 91.111111vw;
    height: 118.055556vw;
    bottom: 0;
    left: 0;
  }

  #AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-prev .s8-slide-bg {
    transform-origin: 70% 50%;
  }

  #AH-container .AH-section-8 .s8-wrapper .s8Swiper .swiper-slide-next .s8-slide-bg {
    transform-origin: 30% 50%;
  }

  @keyframes infimg {
    0% {
      transform: translateY(0) scale(0);
    }

    30% {
      transform: translateY(0) scale(1);
    }

    100% {
      transform: translateY(-150%) scale(0);
    }
  }

  #AH-container .AH-section-9 {
    width: 91.111111vw;
    margin: 0 auto;
    margin-top: var(--AH-spc-200);
    overflow: hidden;
    display: block;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }

  #AH-container .AH-section-9 #animation_trigger_9 {
    position: static;
    top: 0;
  }

  #AH-container .AH-section-9 .AH-section-title {
    width: var(--AH-content-560);
    margin: 0 auto var(--AH-spc-60);
  }

  #AH-container .AH-section-9 .AH-section-title .AH-section-title-main {
    width: 100%;
  }

  #AH-container .AH-section-9 .AH-section-title p {
    margin-top: var(--AH-spc-40);
    width: 100%;
  }

  #AH-container .AH-section-9 .s9-mid {
    width: 91.111111vw;
    height: auto;
    position: relative;
  }

  #AH-container .AH-section-9 .s9-mid .swiper-wrapper .swiper-slide {
    width: 91.111111vw;
    height: 83.333333vw;
    position: relative;
    border-radius: 2.777778vw;
  }

  #AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper {
    position: relative;
    width: 81.111111vw;
    height: 11.111111vw;
    border-radius: 5.555556vw;
    overflow: hidden;
    z-index: 3;
    background: #F2F2F7;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    display: flex;
    justify-content: space-between;
    margin: 5.555556vw auto 0;
  }

  #AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper .active-move-bg {
    position: absolute;
    width: 20vw;
    height: 10vw;
    left: 0;
    top: 50%;
    transform: translate(0.555556vw, -50%);
    background-color: white;
    z-index: 2;
    border-radius: 5.138889vw;
    overflow: hidden;
    transition: 0.5s all ease;
  }

  #AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper .s9-swiper-click-button {
    position: relative;
    width: 20vw;
    height: 11.111111vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    opacity: 1;
    z-index: 3;
    cursor: pointer;
  }

  #AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper .s9-swiper-click-button p {
    font-size: 4.444444vw;
    color: rgba(30, 32, 34, 0.25);
    font-weight: bold;
    transition: 0.5s all ease;
  }

  #AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="0"] .active-move-bg {
    transform: translate(0.555556vw, -50%);
  }

  #AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="0"] .s9-swiper-click-button-1 p {
    color: black;
  }

  #AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="1"] .active-move-bg {
    transform: translate(20.833333vw, -50%);
  }

  #AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="1"] .s9-swiper-click-button-2 p {
    color: black;
  }

  #AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="2"] .active-move-bg {
    transform: translate(41.111111vw, -50%);
  }

  #AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="2"] .s9-swiper-click-button-3 p {
    color: black;
  }

  #AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="3"] .active-move-bg {
    transform: translate(60.555556vw, -50%);
  }

  #AH-container .AH-section-9 .s9-mid .s9-swiper-click-wrapper[data-active="3"] .s9-swiper-click-button-4 p {
    color: black;
  }

  #AH-container .AH-section-9 .s9-bullect-hide {
    display: none;
  }

  #AH-container .AH-section-10 {
    width: 91.111111vw;
    margin: 0 auto;
    margin-top: var(--AH-spc-200);
    overflow: hidden;
  }

  #AH-container .AH-section-10 .AH-section-title {
    width: var(--AH-content-560);
    display: block;
    margin: 0 auto var(--AH-spc-60);
  }

  #AH-container .AH-section-10 .AH-section-title .AH-section-title-main {
    width: 100%;
  }

  #AH-container .AH-section-10 .AH-section-title .AH-section-title-main h3 {
    width: 100%;
  }

  #AH-container .AH-section-10 .AH-section-title p {
    width: 100%;
    margin-top: var(--AH-spc-40);
  }

  #AH-container .AH-section-10 .s10-mid {
    width: 100%;
    height: 91.111111vw;
    border-radius: 2.777778vw;
    overflow: hidden;
  }

  #AH-container .AH-section-10 .s10-video-btn {
    width: 10.972222vw;
    height: 10.972222vw;
    right: 6.666667vw;
    bottom: 6.666667vw;
  }

  #AH-container .AH-section-13 {
    width: 100%;
    margin-top: var(--AH-spc-200);
    overflow: hidden;
  }

  #AH-container .AH-section-13 .AH-section-title {
    width: var(--AH-content-560);
    display: block;
    margin: 0 auto var(--AH-spc-60);
  }

  #AH-container .AH-section-13 .AH-section-title .AH-section-title-main {
    width: 100%;
  }

  #AH-container .AH-section-13 .AH-section-title .AH-section-title-main h3 {
    width: 100%;
  }

  #AH-container .AH-section-13 .AH-section-title p {
    width: 100%;
    margin-top: var(--AH-spc-40);
  }

  #AH-container .AH-section-13 .s13-mid {
    width: 100%;
    height: 114.305556vw;
    margin: var(--AH-spc-60) auto 0;
  }

  #AH-container .AH-section-13 .s13-bottom {
    width: 80.694444vw;
    top: 61.527778vw;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #AH-container .AH-section-13 .s13-bottom .s13-bottom-flex {
    max-width: 100%;
    width: 50%;
    text-align: left;
  }

  #AH-container .AH-section-13 .s13-bottom .s13-bottom-flex .h5 {
    font-size: 8.888889vw;
  }

  #AH-container .AH-section-13 .s13-bottom .s13-bottom-flex .h5 span {
    font-size: 4.444444vw;
  }

  #AH-container .AH-section-13 .s13-bottom .s13-bottom-flex p {
    font-size: 3.888889vw;
  }

  #AH-container .AH-section-13 .s13-bottom .s13-bottom-flex-4 {
    width: 50%;
    margin: 12.5vw 0 0;
    transform: translateY(35%);
  }

  #AH-container .AH-section-13 .s13-bottom .s13-bottom-flex-4 img {
    width: 28.888889vw;
  }

  #AH-container .AH-section-13 .s13-bottom .s13-bottom-flex-3 {
    margin: 12.5vw 0 0;
  }

  #AH-container .AH-section-13 .s13-bottom .s13-bottom-flex-3,
  #AH-container .AH-section-13 .s13-bottom .s13-bottom-flex-1 {
    width: 40%;
  }

  #AH-container .AH-section-14 {
    margin-top: var(--AH-spc-200);
    width: 100%;
    position: relative;
    display: block;
  }

  #AH-container .AH-section-14 .AH-section-title {
    position: relative;
    width: var(--AH-content-560);
    right: 0;
    top: 0;
    transform: translateY(0);
    margin: 0 auto;
  }

  #AH-container .AH-section-14 .AH-section-title p {
    margin: var(--AH-spc-40) 0 0;
  }

  #AH-container .AH-section-14 .s14-mid {
    width: 100%;
    height: 110.555556vw;
    margin: var(--AH-spc-60) 0 0;
  }

  #AH-container .AH-section-15 {
    width: 100%;
    margin-top: var(--AH-spc-200);
    position: relative;
  }

  #AH-container .AH-section-15 .s15-left {
    width: var(--AH-content-560);
    position: static;
    margin: 0 auto var(--AH-spc-60);
    z-index: 2;
    top: 0;
    left: 0;
  }

  #AH-container .AH-section-15 .s15-left .AH-section-title p {
    margin-top: var(--AH-spc-40);
  }

  #AH-container .AH-section-15 .s15-left .s15-right {
    width: 32.777778vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 27.777778vw;
    position: absolute;
    bottom: 74.583333vw;
    left: 11.111111vw;
    z-index: 4;
  }

  #AH-container .AH-section-15 .s15-left .s15-right .s15-right-title p {
    color: #151517;
    font-size: 8.888889vw;
  }

  #AH-container .AH-section-15 .s15-left .s15-right .s15-right-title p span {
    color: #151517;
    font-size: 8.888889vw;
    display: inline;
  }

  #AH-container .AH-section-15 .s15-left .s15-right .s15-right-title span {
    color: #6D6F72;
    display: block;
    font-size: 3.888889vw;
  }

  #AH-container .AH-section-15 .s15-left .s15-right .s15-right-title {
    width: 100%;
  }

  #AH-container .AH-section-15 .s15-left .s15-right .s15-right-title-2 {
    margin-top: 11.111111vw;
  }

  #AH-container .AH-section-15 .s15-mid {
    width: 100%;
    height: 148.888889vw;
    margin-top: 0;
  }

  #AH-container .AH-section-16 {
    width: 100%;
    margin-top: 20.833333vw;
  }

  #AH-container .AH-section-16 .AH-section-top-title {
    width: 100%;
    margin-bottom: var(--AH-spc-200);
    text-align: left;
  }

  #AH-container .AH-section-16 .AH-section-top-title .h4 {
    width: 95%;
    font-size: 12.222222vw;
    text-align: center;
    margin: 0 auto;
  }

  #AH-container .AH-section-16 .AH-section-top-title h3 {
    width: 83.166667vw;
    font-size: 6.666667vw;
    margin: 4.166667vw auto 0;

    text-align: center;
  }

  #AH-container .AH-section-16 .AH-section-title {
    width: var(--AH-content-560);
    display: block;
    margin: 0 auto var(--AH-spc-60);
  }

  #AH-container .AH-section-16 .AH-section-title h3 {
    width: 100%;
  }

  #AH-container .AH-section-16 .AH-section-title p {
    width: 100%;
    margin-top: var(--AH-spc-40);
  }

  #AH-container .AH-section-16 .s16-mid {
    width: 100%;
    height: auto;
    margin: var(--AH-spc-60) auto 0;
    display: block;
    padding-bottom: 5px;
  }

  #AH-container .AH-section-16 .s16-mid .AH-section-title {
    width: 77.777778vw;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto var(--AH-spc-60);
  }

  #AH-container .AH-section-16 .s16-mid .AH-section-title h3 {
    width: 100%;
  }

  #AH-container .AH-section-16 .s16-mid .AH-section-title p {
    width: 100%;
    margin-top: var(--AH-spc-40);
  }

  #AH-container .AH-section-16 .s16-mid .AH-section-title .s16-swiper-button-wrapper {
    display: none;
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper {
    width: 100%;
    height: 125vw;
    overflow: hidden;
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: white;
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .swiper-slide .s16-slide-wrapper-bg {
    width: 46.944444vw;
    height: 101.111111vw;
    margin: 4.166667vw 26.805556vw 0 auto;
    position: relative;
    z-index: 5;
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .swiper-slide .s16-slide-wrapper-bg .s16-slide-wrapper-bg-video {
    border-radius: 4.166667vw;
    z-index: 4;
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .swiper-slide .s16-bg-shadow {
    position: absolute;
    width: 84.861111vw;
    top: 2.166667vw;
    right: -10vw;
    z-index: 2;
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .swiper-slide .s16-bg-icons {
    position: absolute;
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-1 .s16-bg-icons-1 {
    width: 31.111111vw;
    height: 31.111111vw;
    top: 3vw;
    left: -3vw;
    transform: translate(3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-1 .s16-bg-icons-2 {
    width: 27.083333vw;
    height: 25.833333vw;
    top: 38.6vw;
    left: 1.5vw;
    transform: translate(3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-1 .s16-bg-icons-3 {
    width: 24.166667vw;
    height: 24.305556vw;
    top: 13.4vw;
    right: 2vw;
    transform: translate(-3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-1 .s16-bg-icons-4 {
    width: 78vw;
    height: 90.694444vw;
    bottom: 1vw;
    right: 2vw;
    transform: translate(0, 0) scale(0);
    z-index: 1;
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2 .s16-bg-icons-1 {
    width: 20.555556vw;
    height: 19.166667vw;
    left: 2.2vw;
    top: 39vw;
    transform: translate(3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2 .s16-bg-icons-2 {
    width: 20.833333vw;
    height: 20.277778vw;
    left: 9.2vw;
    top: 58.5vw;
    transform: translate(3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2 .s16-bg-icons-3 {
    width: 7.916667vw;
    height: 2.916667vw;
    right: 10vw;
    top: 7vw;
    transform: translate(-3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2 .s16-bg-icons-4 {
    width: 7.361111vw;
    height: 5vw;
    right: 5.8vw;
    top: 17.8vw;
    transform: translate(-3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2 .s16-bg-icons-5 {
    width: 79.444444vw;
    height: 60.138889vw;
    left: -1.5vw;
    top: -3vw;
    transform: translate(3vw, 0) rotate(0) scale(0);
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2 .s16-bg-icons-6 {
    width: 32.222222vw;
    height: 67.916667vw;
    right: 8.8vw;
    bottom: 24.2vw;
    transform: translate(-3vw, 0) scale(0);
    z-index: 1;
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-2.active .s16-bg-icons-5 {
    transform: translate(0, 0) rotate(15deg) scale(1);
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-3 .s16-bg-icons-1 {
    width: 29.305556vw;
    height: 27.916667vw;
    top: 1vw;
    left: -1vw;
    transform: translate(3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-3 .s16-bg-icons-2 {
    width: 25.972222vw;
    height: 25.138889vw;
    top: 48.6vw;
    left: 2.3vw;
    transform: translate(3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-3 .s16-bg-icons-3 {
    width: 22.222222vw;
    height: 21.944444vw;
    top: 28vw;
    right: 6vw;
    transform: translate(-3vw, 3vw) scale(0);
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-3 .s16-bg-icons-4 {
    width: 38.194444vw;
    height: 38.611111vw;
    bottom: 13.5vw;
    right: 20vw;
    transform: translate(-3vw, 3vw) rotate(0) scale(0);
    z-index: 1;
  }

  #AH-container .AH-section-16 .s16-mid .s16Swiper .swiper-wrapper .s16-swiper-slide-3.active .s16-bg-icons-4 {
    transform: translate(0, 0) rotate(-10deg) scale(1);
  }

  #AH-container .AH-section-16 .mob-scrollbar-button {
    width: 77.777778vw;
    margin-top: 0;
  }

  #AH-container .AH-section-17 {
    width: 100%;
    margin: 0 auto;
    margin-top: var(--AH-spc-200);
    display: block;
    border-radius: 0;
    background-color: white;
  }

  #AH-container .AH-section-17 .s17-wrapper {
    width: 91.111111vw;
    background-color: white;
    border-radius: 0;
    overflow: hidden;
    margin: 0 auto;
    overflow: hidden;
  }

  #AH-container .AH-section-17 .s17-wrapper .AH-section-title {
    width: var(--AH-content-560);
    margin: 0 auto;
    text-align: left;
  }

  #AH-container .AH-section-17 .s17-wrapper .AH-section-title h3 {
    font-size: 11.111111vw;
  }

  #AH-container .AH-section-17 .s17-wrapper .AH-section-title p {
    font-size: 4.444444vw;
    width: 100%;
    margin-top: var(--AH-spc-40);
  }

  #AH-container .AH-section-17 .s17-wrapper-1 {
    padding-bottom: 0;
    display: block;
  }

  #AH-container .AH-section-17 .s17-wrapper-1 .AH-section-title p {
    width: 104%;
  }

  #AH-container .AH-section-17 .s17-wrapper-1 .s17-img {
    width: 100%;
    height: 83.333333vw;
    margin: var(--AH-spc-60) auto 0;
  }

  #AH-container .AH-section-17 .s17-wrapper-1 .s17-video-btn {
    position: relative;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin: 5.555556vw auto 0;
    height: auto;
  }

  #AH-container .AH-section-17 .s17-wrapper-1 .s17-video-btn p {
    font-size: 4.444444vw;
    color: #6D6F72;
    text-align: center;
  }

  #AH-container .AH-section-17 .s17-wrapper-1 .s17-video-btn img {
    width: 7.222222vw;
    height: 7.222222vw;
    margin-left: 2.777778vw;
  }

  #AH-container .s17-bottom-des {
    width: 85.694444vw;
    text-align: center;
    font-size: 3.888889vw;
    margin: 5.555556vw auto 0;
    text-align: left;
  }

  #AH-container .AH-section-20 {
    width: 100%;
    margin: 27.777778vw auto 0;
    display: flex;
    background-color: white;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 2px;
    flex-wrap: wrap;
  }

  #AH-container .AH-section-20 .s20-left {
    width: 100%;
    margin: 0 0 5.555556vw;
  }

  #AH-container .AH-section-20 .s20-left .s20ThumbSwiper .swiper-scrollbar {
    display: none;
  }

  #AH-container .AH-section-20 .s20-left .s20ThumbSwiper .swiper-wrapper {
    flex-wrap: nowrap;
  }

  #AH-container .AH-section-20 .s20-left .s20ThumbSwiper .swiper-wrapper .swiper-slide {
    width: 82.5vw;
    height: 100%;
    margin-bottom: 0;
    font-size: 11.11111vw !important;
    margin-left: 2.777778vw;
    color: #151517 !important;
    opacity: 0;
    transition: 0.5s opacity ease;
    white-space: normal;
  }

  #AH-container .AH-section-20 .s20-left .s20ThumbSwiper .swiper-wrapper .swiper-slide-active {
    opacity: 1;
  }

  #AH-container .AH-section-20 .s20-right {
    width: 100%;
    height: auto;
    margin: 0;
    order: 2;
  }

  #AH-container .AH-section-20 .s20-right .swiper {
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  #AH-container .AH-section-20 .s20-right .swiper .swiper-slide {
    width: 82.5vw;
    height: auto;
    position: relative;
  }

  #AH-container .AH-section-20 .s20-right .swiper .swiper-slide img {
    width: 100%;
    height: 83.333333vw;
  }

  #AH-container .AH-section-20 .mob-scrollbar-button {
    order: 3;
    width: 77.777778vw;
    margin-top: 5.555556vw;
  }

  #AH-container .AH-section-21 {
    width: 91.111111vw;
    margin: var(--AH-spc-200) auto 0;
    position: relative;
    overflow: hidden;
  }

  #AH-container .AH-section-21 h3 {
    text-align: left;
    font-size: 11.111111vw;
    margin: 0 0 8.333333vw;
    width: 80%;
    padding-left: 6.666667vw;
  }

  #AH-container .AH-section-21 .s21-left {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 126.25vw;
  }

  #AH-container .AH-section-21 .s21-right {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    position: relative;
  }

  #AH-container .AH-section-21 .s21-right .s21-right-img {
    width: 100%;
    height: 111.111111vw;
    margin: 0 auto;
  }

  #AH-container .AH-section-21 .s21-right .s21-right-c {
    display: block;
    position: absolute;
    font-size: 4.166667vw;
    color: #151517;
  }

  #AH-container .AH-section-21 .s21-right .s21-right-c img {
    display: inline;
    width: 2vw;
    height: 3.1vw;
    margin-left: 0.416667vw;
    transition: 0.3s all ease-out;
    transform: translate(0, -7%);
  }

  #AH-container .AH-section-21 .s21-right .s21-right-c:hover img {
    transform: translate(4px, -7%);
  }

  #AH-container .AH-section-21 .s21-right .s21-right-c1 {
    width: 54.911111vw;
    bottom: 8.611111vw;
    left: 50%;
    text-align: center;
  }

  #AH-container .AH-section-21 .s17-bottom-des {
    position: relative;
    text-align: left;
    color: #6D6F72;
    opacity: 0.4;
  }

  #AH-container .s17-bottom-des-2 {
    font-size: 3.333333vw;
  }

  #AH-container .AH-section .AH-section-title .AH-section-second-title {
    font-size: 4.444444vw;
    margin: 0 0 2.083333vw !important;
    padding: 0 !important;
    line-height: 1.6;
  }

  #AH-container .AH-section .swiper-scrollbar::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: white;
  }
}


.homepage-letter {
  margin-bottom: 8px;
  padding: 0 80px;
  line-height: 1.6;
}

@media only screen and (min-width: 768px) and (max-width: 1599.98px) {
  .homepage-letter {
    padding: 0 40px;
  }
}

@media screen and (max-width: 1079.98px) {
  .homepage-letter {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 991.98px) {
  .homepage-letter {
    padding: 0;
  }
}

.homepage-letter picture, .homepage-letter img, .homepage-letter svg {
  display: block;
  width: 100%;
}

.homepage-letter svg {
  overflow: visible;
}

.homepage-letter br.lg {
  display: block;
}

.homepage-letter br.xs {
  display: none;
}

@media (max-aspect-ratio: 11 / 10) {
  .homepage-letter br.lg {
    display: none;
  }
  .homepage-letter br.xs {
    display: block;
  }
}

.homepage-letter .hero-content {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background-color: #6a7766;
}

.homepage-letter .hero-picture::before {
  display: block;
  padding-bottom: calc(100% / (1760 / 720));
  content: '';
}

.homepage-letter .hero-image {
  position: absolute;
  top: 0;
  left: 0;
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
  .homepage-letter .gradient-text {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
}

.homepage-letter.no-gradient-text .gradient-text {
  background-image: none !important;
}

.homepage-letter .hero-title {
  position: absolute;
  top: 7.552083vw;
  left: 50%;
  display: inline-block;
  width: max-content;
  max-width: 60%;
  font-size: 2.083333vw;
  font-weight: 700;
  line-height: 1.25;
  transform: translateX(-50%);
  text-align: center;
  color: #e2e9e0 !important;
  background-image: linear-gradient(100deg, #edf5ea, #d6ddd6);
}

.homepage-letter .letter-modal-trigger {
  position: absolute;
  top: 18.854167vw;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.395833vw;
  height: 7.395833vw;
  cursor: pointer;
  transition: transform .3s;
  transform: translateX(-50%);
  border-radius: 100%;
  background-color: #000;
}

.homepage-letter .letter-modal-trigger:active {
  transform: translateX(-50%) scale(0.9);
}

.homepage-letter .letter-modal-trigger::before {
  position: absolute;
  z-index: 1;
  top: .46875vw;
  right: .46875vw;
  bottom: .46875vw;
  left: .46875vw;
  content: '';
  animation: running-border 5s 2s ease infinite;
  border-radius: 100%;
  background-image: linear-gradient(150deg, #464c5c, #fff 28%, #b8b9ba 32%, #46484b 38%, #141310 65%, #cecece 69%, #25292c 82%, #bebebe);
  background-position-x: -110%;
  background-size: 200% 100%;
}

.homepage-letter .letter-modal-trigger::after {
  position: absolute;
  z-index: 2;
  top: .572917vw;
  right: .572917vw;
  bottom: .572917vw;
  left: .572917vw;
  content: '';
  border-radius: 100%;
  background-color: #000;
}

@keyframes running-border {
  0%, 100% {
    background-position-x: -110%;
  }
  50%, 99.999999% {
    background-position-x: 90%;
  }
}

.homepage-letter .button-text {
  position: relative;
  z-index: 3;
  font-size: .833333vw;
  font-weight: 500;
  color: #fff;
}

.homepage-letter .letter-modal {
  position: fixed;
  z-index: 200;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  pointer-events: none;
  opacity: 0;
}

.homepage-letter .letter-modal::before {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: .86;
  background-color: #000;
  margin-inline-end: var(--modal-scrollbar-buffer);
}

.homepage-letter .letter-modal.letter-modal-triggered {
  transition-delay: .3s;
  pointer-events: all;
  opacity: 1;
}

.homepage-letter .letter-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 58.333333vw;
  margin: 6.25vw auto 2.083333vw;
  transform: translateY(3.64583vw);
  opacity: 0;
  border-radius: 1.5625vw;
  background-image: radial-gradient(circle at 5.20833vw 1.5625vw, #cedbca, #3a4533 77%, #242b1f);
}

.has-letter-modal .homepage-letter .letter-content {
  transition: transform 0.4s 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s;
  transform: translateY(0) translateZ(0);
  opacity: 1;
}

.homepage-letter .letter-modal-close {
  position: sticky;
  z-index: 3;
  top: 1.5625vw;
  display: flex;
  align-self: flex-end;
  width: 2.604167vw;
  height: 2.604167vw;
  margin-top: 1.5625vw;
  margin-right: 1.5625vw;
  transition: opacity .3s;
}

.homepage-letter .letter-modal-close:hover {
  opacity: .8;
}

.homepage-letter .letter-header {
  position: relative;
  z-index: 2;
  width: 21.875vw;
  margin-top: 1.5625vw;
  margin-right: auto;
  margin-left: auto;
}

.homepage-letter .letter-picture {
  margin-left: .78125vw;
}

.homepage-letter .header-content {
  position: absolute;
  top: 0;
  left: 5.052083vw;
  display: flex;
  align-items: center;
  width: 11.979167vw;
  height: 94%;
}

.homepage-letter .letter-title {
  font-size: 1.770833vw;
  font-weight: 800 !important;
  line-height: 1.25;
  color: #e2e8e2 !important;
  background-image: linear-gradient(140deg, #fff, #bfcbbe 110%);
}

.homepage-letter .letter-body {
  position: relative;
  overflow: hidden;
  width: 48.4375vw;
  margin: -4.375vw auto 1.979167vw;
  border-radius: 3.125vw;
}

.homepage-letter .letter-body::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: -2px;
  left: 0;
  content: '';
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 16.14583vw 0%, 17.1875vw 1.5625vw, 19.79167vw 2.08333vw, 20.83333vw 2.08333vw, 25vw 0%, 100% 0%);
  clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 16.14583vw 0%, 17.1875vw 1.5625vw, 19.79167vw 2.08333vw, 20.83333vw 2.08333vw, 25vw 0%, 100% 0%);
}

.homepage-letter .letter-text {
  width: 38.958333vw;
  margin: 4.375vw auto;
  font-size: 1.041667vw;
  font-weight: 500;
  color: #fff !important;
}

.homepage-letter .letter-text sup {
  font-size: .6em;
}

.homepage-letter .letter-permalink {
  align-self: center;
  margin: 0 auto 2.34375vw;
  padding: .416667vw .833333vw;
  font-size: .625vw;
  font-weight: 500;
  transition: opacity .3s;
  border-radius: .208333vw;
  background-color: #fff;
}

.homepage-letter .letter-permalink:hover {
  opacity: .8;
}

@media (max-aspect-ratio: 11 / 10) {
  .homepage-letter .hero-content {
    border-radius: 0;
  }
  .homepage-letter .hero-picture::before {
    padding-bottom: calc(100% / (360 / 530));
  }
  .homepage-letter .hero-title {
    top: 30.277778vw;
    max-width: 80%;
    font-size: 6.944444vw;
  }
  .homepage-letter .letter-modal-trigger {
    top: 82.5vw;
    width: 28.333333vw;
    height: 28.333333vw;
  }
  .homepage-letter .letter-modal-trigger::before {
    top: 1.944444vw;
    right: 1.944444vw;
    bottom: 1.944444vw;
    left: 1.944444vw;
  }
  .homepage-letter .letter-modal-trigger::after {
    top: 2.5vw;
    right: 2.5vw;
    bottom: 2.5vw;
    left: 2.5vw;
  }
  .homepage-letter .button-text {
    font-size: 3.333333vw;
  }
  .homepage-letter .letter-content {
    width: 91.666667vw;
    margin: 4.444444vw auto;
    transform: translateY(66vh);
    border-radius: 4.444444vw;
    background-image: radial-gradient(160% 100% ellipse at 8.33333vw 8.33333vw, #cedbca, #3a4533 77%, #242b1f);
  }
  .homepage-letter .letter-modal-close {
    top: 2.222222vw;
    width: 8.333333vw;
    height: 8.333333vw;
    margin-top: 2.222222vw;
    margin-right: 2.222222vw;
  }
  .homepage-letter .letter-header {
    width: 58.333333vw;
    margin-top: -1.944444vw;
  }
  .homepage-letter .letter-picture {
    margin-left: 2.222222vw;
  }
  .homepage-letter .header-content {
    left: 13.333333vw;
    width: 33.333333vw;
  }
  .homepage-letter .letter-title {
    font-size: 5vw;
  }
  .homepage-letter .letter-body {
    width: 79.444444vw;
    margin-top: -11.111111vw;
    margin-bottom: 6.666667vw;
    border-radius: 5.555556vw;
  }
  .homepage-letter .letter-body::before {
    background-color: rgba(14, 15, 13, 0.17);
    -webkit-clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 16.11111vw 0%, 23.33333vw 4.16667vw, 31.94444vw 3.88889vw, 36.11111vw 2.77778vw, 44.44444vw 0%, 100% 0%);
    clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 16.11111vw 0%, 23.33333vw 4.16667vw, 31.94444vw 3.88889vw, 36.11111vw 2.77778vw, 44.44444vw 0%, 100% 0%);
  }
  .homepage-letter .letter-text {
    width: 62.777778vw;
    margin: 11.666667vw auto;
    font-size: 4.166667vw;
  }
  .homepage-letter .letter-permalink {
    margin-bottom: 6.666667vw;
    padding: 1.944444vw 4.166667vw;
    font-size: 3.611111vw;
    border-radius: 1.666667vw;
  }
}

html.has-letter-modal {
  overflow: hidden;
}

html.has-letter-modal body {
  padding-inline-end: var(--modal-scrollbar-buffer);
}

html.has-letter-modal .main-navigation.nav-v2 {
  padding-inline-end: var(--modal-scrollbar-buffer);
}