.brand-introduction-page{width:100%}.brand-introduction-page .modal-header{display:none}.brand-introduction-page .modal-body{--bs-modal-padding:0;display:flex}.brand-introduction-page .only-mobile,.brand-introduction-page .only-tablet,.brand-introduction-page .only-phone{display:none!important}.brand-introduction-page .top-intro{position:relative;width:100%;height:100vh;display:flex;align-items:center}.brand-introduction-page .top-intro .container .title-box{width:100%;max-width:453px;display:flex;flex-direction:column}.brand-introduction-page .top-intro .container .title-box .title{color:var(---,#fff);font-family:HarmonyOS Sans SC;font-size:40px;font-style:normal;font-weight:700;line-height:160%}.brand-introduction-page .top-intro .container .title-box .sub-title{margin-top:32px;color:var(----,#8a8989);font-family:HarmonyOS Sans SC;font-size:16px;font-style:normal;font-weight:500;line-height:160%}.brand-introduction-page .top-intro .container .title-box .argument-box{margin-top:50px;width:100%;display:flex;flex-wrap:wrap;gap:50px 0}.brand-introduction-page .top-intro .container .title-box .argument-item{width:-moz-fit-content;width:fit-content;min-width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.brand-introduction-page .top-intro .container .title-box .argument-item .argument-number{color:var(---,#fff);text-align:center;font-family:HarmonyOS Sans SC;font-size:32px;font-style:normal;font-weight:700;line-height:100%}.brand-introduction-page .top-intro .container .title-box .argument-item .argument-text{color:var(----,#d0d0d0);text-align:center;font-family:HarmonyOS Sans SC;font-size:16px;font-style:normal;font-weight:400;line-height:160%}.brand-introduction-page .top-intro .img-box{width:100%;height:100vh;position:absolute;top:0;right:0;z-index:-1}.brand-introduction-page .top-intro .img-box img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.brand-introduction-page .scroll-anim-fadein{width:100%;height:300vh;position:relative}.brand-introduction-page .scroll-anim-fadein .scroll-view{width:100%;height:100vh;position:sticky;top:0;left:0}.brand-introduction-page .scroll-anim-fadein .scroll-view .part1{width:100%;height:100vh;position:absolute;top:0;left:0}.brand-introduction-page .scroll-anim-fadein .scroll-view .part1 .anim-video,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2{z-index:4}.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1{z-index:3;background:linear-gradient(0deg,#000c,#000c)}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1{opacity:0;width:100%;height:100vh;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2 .content-box,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1 .content-box{height:auto;flex-direction:column;gap:24px;display:flex;justify-content:center;align-items:center}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2 .content-box .title,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1 .content-box .title{color:var(---,#fff);text-align:center;font-family:HarmonyOS Sans SC;font-size:40px;font-style:normal;font-weight:400;line-height:160%;letter-spacing:1.2px}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2 .content-box .sub-title,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1 .content-box .sub-title{color:var(---,#fff);text-align:center;font-family:HarmonyOS Sans SC;font-size:32px;font-style:normal;font-weight:400;line-height:160%;letter-spacing:.96px}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2 .content-box .text,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1 .content-box .text{text-align:center;font-family:HarmonyOS Sans SC Reguler;font-size:24px;font-style:normal;font-weight:500;line-height:160%;color:var(---,#fff);text-wrap:nowrap}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2 .content-box .btn,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1 .content-box .btn{width:-moz-fit-content;width:fit-content;display:flex;padding:12px 28px;justify-content:center;align-items:center;gap:4px;border-radius:100px;border:1px solid var(--6701,#fff);font-family:HarmonyOS Sans SC Reguler;font-size:16px;font-style:normal;font-weight:500;line-height:140%;color:var(---,#fff)}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2 .content-box .btn svg,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1 .content-box .btn svg{width:16px;height:16px}.brand-introduction-page .center-slide-animation{padding:450px 0 160px}.brand-introduction-page .center-slide-animation .container{display:flex;justify-content:space-between;position:relative}.brand-introduction-page .center-slide-animation .container img{width:100%;border-radius:12px}.brand-introduction-page .center-slide-animation .part{width:33.34%;padding:0 12px;display:flex;flex-direction:column;gap:24px}.brand-introduction-page .center-slide-animation .one-part{align-items:flex-end}.brand-introduction-page .center-slide-animation .mobile-part{display:none}.brand-introduction-page .center-slide-animation .two-part{position:absolute;left:50%;top:20%;transform:translate(-50%)}.brand-introduction-page .center-slide-animation .two-part .part-item{width:100%;display:flex;padding:80px 50px;justify-content:center;align-items:center;border-radius:12px;background:var(---,#f8f9fd);color:var(----,#151413);text-align:center;font-family:HarmonyOS Sans SC Medium;font-size:24px;font-style:normal;font-weight:500;line-height:160%}.brand-introduction-page .center-slide-animation .three-part{padding-top:75px;align-items:flex-start}.brand-introduction-page .years-gone{padding-top:260px}.brand-introduction-page .years-gone .title{display:none;margin-bottom:24px;color:var(----,#151413);text-align:center;font-family:HarmonyOS Sans SC;font-size:20px;font-style:normal;font-weight:700;line-height:160%}.brand-introduction-page .years-gone .accordion-box{display:flex;padding:0 50px}.brand-introduction-page .years-gone .accordion-box .accordion-item{display:flex;flex-direction:column;flex:1;padding:110px 6px 50px;min-height:100vh;border-left:1px solid #ececec}.brand-introduction-page .years-gone .accordion-box .accordion-item:not(.collapsed){flex:99}.brand-introduction-page .years-gone .accordion-box .accordion-item:not(.collapsed) .text{color:#151413}.brand-introduction-page .years-gone .accordion-box .accordion-item:not(.collapsed) .text svg{transform:rotate(-180deg)!important}.brand-introduction-page .years-gone .accordion-box .accordion-item:last-child{border-right:1px solid #ececec}.brand-introduction-page .years-gone .accordion-box .accordion-item .text{display:flex;justify-content:space-between;align-items:center;transition:color .3s;color:var(----,#d0d0d0);font-family:HarmonyOS Sans SC Bold;font-size:40px;font-style:normal;font-weight:700;line-height:160%}.brand-introduction-page .years-gone .accordion-box .accordion-item .text:hover{color:#151413!important}.brand-introduction-page .years-gone .accordion-box .accordion-item .text svg{display:none;transition:transform .3s}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-collapse{transition:none;padding-top:24px;flex:1}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body{display:flex;height:100%;flex-direction:column;justify-content:space-between}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body ul{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body li{color:var(----,#151413);font-family:HarmonyOS Sans SC Reguler;font-size:16px;font-style:normal;font-weight:400;line-height:160%}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body img{width:100%;max-width:800px}@media screen and (max-width:1200px){.brand-introduction-page .center-slide-animation .two-part .part-item{font-size:18px}.brand-introduction-page .years-gone .accordion-box{flex-direction:column;padding:0}.brand-introduction-page .years-gone .accordion-box .accordion-item{min-height:auto;padding:0;margin:0 20px;border-top:1px solid #ececec;border-left:0}.brand-introduction-page .years-gone .accordion-box .accordion-item:last-child{border-right:0}.brand-introduction-page .years-gone .accordion-box .accordion-item .text{padding:20px 0}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body img{margin:20px 0;border-radius:8px}}@media (max-width:992px){.brand-introduction-page .only-tablet{display:block!important}}@media screen and (max-width:992px){.brand-introduction-page .top-intro{align-items:flex-end}.brand-introduction-page .top-intro .container .title-box{max-width:auto}.brand-introduction-page .top-intro .container .title-box .title{font-size:24px}.brand-introduction-page .top-intro .container .title-box .sub-title{margin-top:16px;font-size:14px}.brand-introduction-page .top-intro .container .title-box .argument-box{margin-top:32px;gap:32px 0;margin-bottom:50px}.brand-introduction-page .top-intro .container .title-box .argument-item{min-width:50%}.brand-introduction-page .top-intro .container .title-box .argument-item .argument-number{font-size:28px}.brand-introduction-page .top-intro .container .title-box .argument-item .argument-text{font-size:12px;line-height:140%}.brand-introduction-page .center-slide-animation{padding:0}.brand-introduction-page .center-slide-animation .container{flex-direction:column;gap:24px}.brand-introduction-page .center-slide-animation .container img{border-radius:8px}.brand-introduction-page .center-slide-animation .part{padding:0;gap:12px}.brand-introduction-page .center-slide-animation .one-part{display:none}.brand-introduction-page .center-slide-animation .mobile-part{display:block}.brand-introduction-page .center-slide-animation .two-part{width:100%;position:static;transform:none}.brand-introduction-page .center-slide-animation .two-part .part-item{padding:28px 24px;font-size:14px;line-height:140%}.brand-introduction-page .center-slide-animation .three-part{display:none}.brand-introduction-page .years-gone{padding-top:100px}.brand-introduction-page .years-gone .title{display:block}.brand-introduction-page .years-gone .accordion-box .accordion-item .text{padding:16px 0;font-size:20px;font-weight:500}.brand-introduction-page .years-gone .accordion-box .accordion-item .text svg{display:block}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-collapse{padding-top:0}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body ul{gap:12px}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body img{margin:20px 0;border-radius:8px}}@media (max-width:768px){.brand-introduction-page .only-mobile{display:block!important}.brand-introduction-page .only-pc{display:none!important}}@media screen and (max-width:768px){.brand-introduction-page .scroll-anim-fadein .scroll-view .part2 .content-box,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1 .content-box{width:335px}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2 .content-box .title,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1 .content-box .title{font-size:28px;letter-spacing:.84px}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2 .content-box .sub-title,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1 .content-box .sub-title{font-size:20px;letter-spacing:.6px}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2 .content-box .text,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1 .content-box .text{font-size:16px}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2 .content-box .btn,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1 .content-box .btn{padding:8px 20px;font-size:12px}.brand-introduction-page .scroll-anim-fadein .scroll-view .part2 .content-box .btn svg,.brand-introduction-page .scroll-anim-fadein .scroll-view .part1_1 .content-box .btn svg{width:12px;height:12px}}@media (max-width:576px){.brand-introduction-page .only-phone{display:block!important}}