.brand-intro {
  position: relative;
  overflow: hidden; }
  .brand-intro .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.top-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .top-intro .title-wrapper {
    width: 50%;
    position: relative;
    z-index: 33;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .top-intro .title-wrapper .title {
      font-family: "Prata", sans-serif;
      font-size: 7.80488rem;
      line-height: 1.5;
      padding-left: 9vw;
      margin-right: -8%; }
  .top-intro .thumb {
    position: relative;
    z-index: 30;
    width: 50%;
    min-height: 100vh;
    min-height: calc(100 * var(--vh)); }
    .top-intro .thumb img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  @media (max-width: 1024px) {
    .top-intro {
      height: 100vh;
      height: calc(100 * var(--vh));
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .top-intro .title-wrapper {
        width: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .top-intro .title-wrapper .title {
          font-size: 2.92683rem;
          text-align: center;
          margin: 0;
          padding: 0 1.95122rem; }
        .top-intro .title-wrapper .line {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
      .top-intro .thumb {
        width: 100%;
        height: 100%;
        position: absolute; }
        .top-intro .thumb img {
          border-bottom: 1px solid #171719;
          -webkit-transform: none !important;
                  transform: none !important; }
        .top-intro .thumb:after {
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 23, 25, 0.3)), to(rgba(23, 23, 25, 0.8)));
          background: linear-gradient(to bottom, rgba(23, 23, 25, 0.3) 0%, rgba(23, 23, 25, 0.8) 100%);
          top: 0;
          left: 0; } }

.bottom-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15vw; }
  .bottom-intro .content {
    width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-right: 10vw;
    position: relative; }
    .bottom-intro .content .article-title {
      font-size: 3.5122rem;
      font-family: "Inter-light", sans-serif;
      margin-bottom: 5.85366rem;
      width: 30vw; }
    .bottom-intro .content .description p {
      margin-bottom: 3.90244rem;
      color: #767676;
      font-family: "Inter-light", sans-serif; }
  .bottom-intro .thumb {
    width: 50%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0 9vw;
    position: relative; }
    .bottom-intro .thumb img {
      position: relative;
      width: 100%; }
  .bottom-intro .imgZoom {
    margin-top: -25vw; }
  @media (max-width: 1024px) {
    .bottom-intro {
      padding-top: 7.80488rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .bottom-intro .content {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        width: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0 1.46341rem; }
        .bottom-intro .content .article-title {
          font-size: 2.73171rem;
          text-align: center;
          margin: 0 0 3.12195rem 0;
          width: 100%; }
      .bottom-intro .thumb {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        padding: 0;
        width: 70%; }
      .bottom-intro .imgZoom {
        margin-top: 4.87805rem; } }

.multi-images-section {
  position: relative;
  z-index: 17; }
  .multi-images-section .trigger-sequence {
    padding-top: 11.70732rem;
    position: relative; }
    @media (max-width: 1024px) {
      .multi-images-section .trigger-sequence {
        padding-top: 2.92683rem; } }
  .multi-images-section .image-sequence {
    width: 100%;
    overflow: hidden;
    padding-bottom: 39.25%; }
    @media (max-width: 1024px) {
      .multi-images-section .image-sequence {
        padding-bottom: 58.25%; } }
  .multi-images-section .hero {
    left: 0;
    position: absolute;
    -webkit-transition: opacity 3s ease-in-out;
    transition: opacity 3s ease-in-out; }
    @media (max-width: 1024px) {
      .multi-images-section .hero {
        width: 100%; } }

.artical-section {
  margin-top: 19.5122rem; }
  .artical-section .content {
    padding: 0 0 23.41463rem;
    width: 50%; }
    .artical-section .content .title {
      font-family: "Inter-light", sans-serif;
      font-size: 3.12195rem;
      color: #FBFBFB;
      margin-bottom: 5.85366rem;
      width: 30vw; }
    .artical-section .content .description {
      font-family: "Inter-light", sans-serif;
      font-size: 1.95122rem;
      color: #767676; }
  .artical-section.right-content {
    text-align: right; }
    .artical-section.right-content .content,
    .artical-section.right-content .thumb {
      float: right; }
    .artical-section.right-content .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
    .artical-section.right-content .line {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  @media (max-width: 1024px) {
    .artical-section {
      margin-top: 7.80488rem; }
      .artical-section.right-content {
        text-align: left; }
        .artical-section.right-content .content {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start; }
        .artical-section.right-content .line {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
      .artical-section .content {
        width: 100%;
        padding: 0 0 4.87805rem; }
        .artical-section .content .title {
          font-size: 2.73171rem;
          margin-bottom: 3.12195rem;
          width: 100%; } }

.only-quote-section {
  padding: 22.43902rem 0;
  line-height: 1.22; }
  @media (max-width: 1024px) {
    .only-quote-section {
      padding: 12.68293rem 0 7.80488rem; } }