html{box-sizing:border-box;-webkit-text-size-adjust:none}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}body{line-height:1.5;font-family:sans-serif;background:#fff;color:#000}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;background:none;border:none;outline:none}a{text-decoration:none;color:inherit}@font-face{font-family:"Brother 1816";src:url("../assets/fonts/Brother-1816-Regular.woff2") format("woff2"),url("../assets/fonts/Brother-1816-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Brother 1816";src:url("../assets/fonts/Brother-1816-Bold.woff2") format("woff2"),url("../assets/fonts/Brother-1816-Bold.woff") format("woff");font-weight:700;font-style:normal}body{font-family:"Brother 1816","Microsoft JhengHei",sans-serif;font-weight:400;line-height:1.6}.btn{background:#253b50;font-size:16px;border-radius:9999px;padding:20px 20px;color:#fff;width:300px;text-align:center;cursor:pointer}.btn:hover{background:#192b35}@media(max-width: 768px){.btn{width:100%}}.container{max-width:1096px;margin:0 auto;width:100%}.intro{padding:60px 0;background:url("../assets/images/background_bluey.jpg") no-repeat center center;background-size:cover;color:#fff;line-height:1.875}@media(max-width: 768px){.intro{padding:40px 24px;font-size:14px}}.intro h3{font-size:30px;margin-bottom:8px;color:#a2907c;line-height:1.25;letter-spacing:4px}.intro h3 br{display:none}@media(max-width: 768px){.intro h3{font-size:24px;margin-bottom:16px}.intro h3 br{display:inline}}.read-more{color:#a2907c;font-size:14px;text-decoration:underline;display:flex}.read-more:hover{color:#fff}.read-more::after{content:"";background:url("../assets/images/backtotop.svg") no-repeat;background-size:contain;display:inline-block;width:20px;height:20px;margin-left:8px;vertical-align:text-bottom;transform:rotate(90deg)}.herobanner{background:url("../assets/images/hero-contact.jpg") no-repeat center center;background-size:cover;height:390px;width:100%;display:flex;color:#fff;align-items:center;margin-top:60px}@media(max-width: 1024px){.herobanner{padding:0 24px}}@media(max-width: 768px){.herobanner{height:260px;margin-top:0}}.herobanner h2{font-size:4em;line-height:1}@media(max-width: 768px){.herobanner h2{font-size:2.25em}}.herobanner p{font-size:24px;font-weight:bold;margin-top:20px}@media(max-width: 768px){.herobanner p{font-size:24px}}.fv{position:relative;display:flex;background:#192b35}.fv__img{width:100%}.fv__center{position:absolute;top:49%;left:50%;transform:translate(-50%, -50%);pointer-events:none;z-index:5;flex:none}@media(max-width: 768px){.fv__center{top:50%}}.fv__center img{max-width:450px;width:100%;display:block;height:auto}@media(max-width: 768px){.fv__center img{width:80vw}}.fvSlide{position:relative;width:100%}.fvSlide__left,.fvSlide__right{width:50%;height:100vh;overflow:hidden}.fvSlide__item{position:absolute;top:0;left:0;width:100%;height:100vh}.fvSlide__img{width:100%;height:100vh;object-fit:cover;position:relative;z-index:1;transform:scale(1.2) translateY(0)}.fvSlide__left .fvSlide__img{clip-path:polygon(0% 0%, 100% 0%, 0% 0%, 0% 100%)}.fvSlide__left .fvSlide__item.before .fvSlide__img{z-index:2;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);animation:fvSlide_before_left 7.5s forwards ease}.fvSlide__left .fvSlide__item.active .fvSlide__img{z-index:3;animation:fvSlide_left 3s ease}.fvSlide__right .fvSlide__img{clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}.fvSlide__right .fvSlide__item.before .fvSlide__img{z-index:2;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);animation:fvSlide_before_right 5s forwards ease}.fvSlide__right .fvSlide__item.active .fvSlide__img{z-index:3;animation:fvSlide_right 3s ease}@keyframes fvSlide_left{0%{clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);transform:scale(1.2) translateY(0)}50%{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}100%{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transform:scale(1.2) translateY(30px)}}@keyframes fvSlide_before_left{0%{transform:scale(1.2) translateY(30px)}100%{transform:scale(1.2) translateY(100px)}}@keyframes fvSlide_right{0%{clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);transform:scale(1.2) translateY(70px)}50%{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}100%{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transform:scale(1.2) translateY(0)}}@keyframes fvSlide_before_right{0%{transform:scale(1.2) translateY(0)}100%{transform:scale(1.2) translateY(-30px)}}@keyframes fvSlide_left_sp{0%{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);transform:scale(1.2) translateX(0)}50%{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}100%{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transform:scale(1.2) translateX(30px)}}@keyframes fvSlide_before_left_sp{0%{transform:scale(1.2) translateX(30px)}100%{transform:scale(1.2) translateX(100px)}}@keyframes fvSlide_right_sp{0%{clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);transform:scale(1.2) translateX(70px)}50%{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}100%{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transform:scale(1.2) translateX(0)}}@keyframes fvSlide_before_right_sp{0%{transform:scale(1.2) translateX(0)}100%{transform:scale(1.2) translateX(-30px)}}@media(max-width: 768px){.fv{height:100vh;display:block}.fv__img{height:100%;object-fit:cover}.fvSlide__item{width:100%;height:50vh;position:absolute;top:0;left:0}.fvSlide__img{width:100%;height:50vh;object-fit:cover;transform:scale(1.2) translateX(0);position:relative;z-index:1}.fvSlide__left,.fvSlide__right{width:100%;height:50vh;overflow:hidden;position:relative}.fvSlide__left.fvSlide__left .fvSlide__left__img,.fvSlide__left.fvSlide__left .fvSlide__right__img,.fvSlide__right.fvSlide__left .fvSlide__left__img,.fvSlide__right.fvSlide__left .fvSlide__right__img{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}.fvSlide__left.fvSlide__right .fvSlide__left__img,.fvSlide__left.fvSlide__right .fvSlide__right__img,.fvSlide__right.fvSlide__right .fvSlide__left__img,.fvSlide__right.fvSlide__right .fvSlide__right__img{clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}.fvSlide__left .fvSlide__item.before .fvSlide__img,.fvSlide__right .fvSlide__item.before .fvSlide__img{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);animation-duration:5s;animation-fill-mode:forwards;transition-timing-function:ease}.fvSlide__left .fvSlide__item.before .fvSlide__img{animation-name:fvSlide_before_left_sp;animation-duration:7.5s}.fvSlide__right .fvSlide__item.before .fvSlide__img{animation-name:fvSlide_before_right_sp}.fvSlide__left .fvSlide__item.active .fvSlide__img,.fvSlide__right .fvSlide__item.active .fvSlide__img{animation-duration:3s;transition-timing-function:ease}.fvSlide__left .fvSlide__item.active .fvSlide__img{animation-name:fvSlide_left_sp}.fvSlide__right .fvSlide__item.active .fvSlide__img{animation-name:fvSlide_right_sp}}.scroll-section{display:grid;grid-template-columns:1fr 1fr;height:400vh;margin:0;padding:0}.scroll-section .left,.scroll-section .right{position:sticky;top:0;height:100vh}.scroll-section .left{grid-column:1}.scroll-section .left .image-container{position:relative;width:100%;height:100%;overflow:hidden}.scroll-section .left .image-container .image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;clip-path:inset(100% 0 0 0);transition:clip-path .3s cubic-bezier(0.215, 0.61, 0.355, 1);will-change:clip-path}.scroll-section .left .image-container .image--1{z-index:1;clip-path:inset(0 0 0 0)}.scroll-section .left .image-container .image--2{z-index:2}.scroll-section .left .image-container .image--3{z-index:3}.scroll-section .right{grid-column:2;display:flex;align-items:center;justify-content:center;background:url("../assets/images/background_beigey.jpg") no-repeat center center;background-size:cover;color:#fff}@media(max-width: 768px){.scroll-section .right{padding:40px 24px}}.scroll-section .right .text-wrap{max-width:400px;text-align:left}@media(max-width: 768px){.scroll-section .right .text-wrap{max-width:100%;width:100%}}.scroll-section .right .text-wrap h3{font-size:40px;font-weight:bold;line-height:1;letter-spacing:.1em;margin-bottom:8px}@media(max-width: 768px){.scroll-section .right .text-wrap h3{font-size:30px}}.scroll-section .right .text-wrap h4{font-size:22px;font-weight:bold;letter-spacing:.1em}@media(max-width: 768px){.scroll-section .right .text-wrap h4{font-size:20px}}.scroll-section .right .text-wrap p{font-size:18px;letter-spacing:1.5px;line-height:1.875;margin-top:24px}@media(max-width: 768px){.scroll-section .right .text-wrap p{margin-left:24px}}.scroll-section .right .text-wrap .read-more{margin-top:32px;color:#192b35}.scroll-section .right .text-wrap .read-more::after{background:url("../assets/images/arrowright_navy.svg") no-repeat;transform:rotate(0deg)}@media(max-width: 768px){.scroll-section .right .text-wrap .read-more{margin-left:24px}}@media(max-width: 768px){.scroll-section{display:block;height:auto}.scroll-section .left,.scroll-section .right{position:relative;top:auto;height:auto;width:100%}.scroll-section .image-container{position:relative;width:100%;aspect-ratio:320/260;overflow:hidden}.scroll-section .image-container .image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 0 0 0);transition:none}.scroll-section .image-container .image--2,.scroll-section .image-container .image--3{display:none}}.img-col{background:url("../assets/images/story.jpg") no-repeat center center;background-size:cover}@media(max-width: 768px){.img-col{order:2;aspect-ratio:1}}.txt-col{background:url("../assets/images/background_beigey.jpg") no-repeat center center;background-size:cover;justify-items:center;align-content:center;color:#fff;padding:120px 60px}@media(max-width: 768px){.txt-col{order:1}}.txt-col .inner{width:100%}.txt-col .inner h3{font-size:40px;font-weight:bold;line-height:1;letter-spacing:.2em;margin-bottom:8px}@media(max-width: 768px){.txt-col .inner h3{font-size:30px}}.txt-col .inner h4{font-size:22px;font-weight:bold;letter-spacing:.2em}@media(max-width: 768px){.txt-col .inner h4{font-size:20px}}.txt-col .inner .content{line-height:1.875;margin-top:60px}@media(max-width: 768px){.txt-col .inner .content{margin-left:24px;margin-top:24px;font-size:14px}}.txt-col .inner .read-more{color:#192b35;margin-top:24px}@media(max-width: 768px){.txt-col .inner .read-more{margin-left:24px}}.txt-col .inner .read-more::after{background:url("../assets/images/arrowright_navy.svg") no-repeat;transform:initial}#milestone{padding-bottom:140px}.category{color:#fff;background:url("../assets/images/background_bluey.jpg") no-repeat fixed;background-size:cover;padding:120px 60px;z-index:2;position:relative}@media(max-width: 768px){.category{padding:60px 24px 100px;background:url("../assets/images/noise_navy.svg")}}.category .category-title h2{font-size:40px;font-weight:bold;line-height:1;letter-spacing:.2em;margin-bottom:8px}@media(max-width: 768px){.category .category-title h2{font-size:30px}}.category .category-title p{font-size:22px;font-weight:bold;letter-spacing:.2em}@media(max-width: 768px){.category .category-title p{font-size:20px}}.category .category-layout{display:flex;justify-content:space-between;gap:120px;margin-top:40px;align-items:flex-start}@media(max-width: 768px){.category .category-layout{flex-direction:column;gap:40px}}.category .category-carousel-wrapper{width:75%}@media(max-width: 768px){.category .category-carousel-wrapper{width:100%}}.category .category-tabs{position:sticky;top:120px;list-style:none;padding:0;display:flex;flex-direction:column;min-width:150px}@media(max-width: 768px){.category .category-tabs{font-size:16px;position:inherit;flex-wrap:wrap;flex-direction:row}}.category .category-tabs .tab{cursor:pointer;padding:8px 20px;transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);font-weight:bold}@media(max-width: 768px){.category .category-tabs .tab{padding:8px 12px}}.category .category-tabs .tab.active{background:#a2907c}.category .category-range{font-size:40px;color:#a2907c;font-weight:bold;margin-bottom:60px;padding-top:15px;outline:none;user-select:none}@media(max-width: 768px){.category .category-range{font-size:24px;padding-top:initial;margin-bottom:12px}}.category .category-carousel{-webkit-overflow-scrolling:touch}@media(max-width: 768px){.category .category-carousel{overflow-y:visible}}.category .category-carousel .swiper-wrapper{display:flex;width:max-content}.category .category-card{overflow:hidden;color:#fff;border-radius:5px;text-align:left;font-size:16px}.category .category-card img{width:100%;object-fit:cover}.category .category-card .category-year{font-size:24px;font-weight:bold;position:absolute;top:30px;left:40px}.category .category-card ul{list-style:outside;line-height:1.5;position:absolute;bottom:30px;left:15%;width:78%}@media(max-width: 768px){.category .category-card{width:85vw}}.category .carousel-controls{display:flex;justify-content:flex-end;gap:20px;position:absolute;top:33px;right:80px}@media(max-width: 768px){.category .carousel-controls{top:initial;bottom:-40px;right:68px}}.category .swiper-button-prev,.category .swiper-button-next{width:66px;height:66px;border-radius:50%;background:#a2907c;color:#fff;position:inherit}.category .swiper-button-prev::after,.category .swiper-button-next::after{font-size:10px}.category .swiper-button-prev:hover,.category .swiper-button-next:hover{background:#817362}.category .swiper-button-prev{left:-80px}.category .swiper-button-next{right:-66px}.category .swiper-button-next.swiper-button-disabled,.category .swiper-button-prev.swiper-button-disabled{opacity:1;border:1px solid #fff;background:rgba(0,0,0,0)}.category .category-wrapper{width:75%}@media(max-width: 768px){.category .category-wrapper{width:100%}}.category h3{font-size:40px;color:#a2907c;font-weight:bold;margin-bottom:60px;padding-top:15px}@media(max-width: 768px){.category h3{font-size:24px;padding-top:initial;margin-bottom:12px}}.category h4{font-size:24px}@media(max-width: 768px){.category h4{font-size:20px}}.griditem-wrapper{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}@media(max-width: 768px){.griditem-wrapper{grid-template-columns:repeat(1, 1fr)}}.griditem{position:relative;color:#fff;aspect-ratio:480/460}.griditem img{width:100%;object-fit:cover;border-radius:8px}.griditem .griditem-txt{position:absolute;width:80%;left:10%;bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:12px}@media(max-width: 768px){.griditem .griditem-txt{width:84%;left:8%;bottom:16px}}.griditem .griditem-txt .arrowright{background:url("../assets/images/arrowright_btn.svg") no-repeat;background-size:contain;width:30px;height:30px;display:inline-block;margin-left:8px}.location-category{background:url("../assets/images/noise_beige.svg") repeat}@media(max-width: 768px){.location-category{padding:60px 24px}}.location-category .category-tabs .ttl{font-size:26px;font-weight:bold;margin-bottom:24px}@media(max-width: 768px){.location-category .category-tabs .ttl{width:100%}}.location-category .category-tabs .tab.active{background:#1f3c5c}.location-category .locationgrid-wrapper{display:grid;grid-template-columns:repeat(2, 1fr);gap:60px}@media(max-width: 768px){.location-category .locationgrid-wrapper{grid-template-columns:repeat(1, 1fr);gap:24px}}.location-category .locationgrid-wrapper .locationitem h4{font-size:26px;border-bottom:1px solid #fff;padding-bottom:36px;margin-bottom:24px}@media(max-width: 768px){.location-category .locationgrid-wrapper .locationitem h4{font-size:18px;padding-bottom:12px;margin-bottom:12px}}.location-category .locationgrid-wrapper .locationitem p{margin-bottom:16px}.location-category .locationgrid-wrapper .locationitem a{background:url("../assets/images/icon_location.svg") no-repeat left center;padding-left:24px}.brands .items{align-items:center}.brands .items-0{background:#ebebe4 !important}.brands .items-0 .text{color:#000}.brands .items-0 .read-more{color:#000}.brands .items-0 .read-more::after{background:url("../assets/images/arrowright_black.svg") no-repeat;transform:rotate(0deg)}.brands .items-1{background:#000 !important;color:#fff}.brands .items-1 .read-more{color:#fff}.brands .text{background:none !important;padding:0 12% !important}@media(max-width: 768px){.brands .text{padding:40px 24px !important}}.brands .text p{margin-top:24px}@media(max-width: 768px){.brands .text p{margin-left:24px}}.brands .text p span{display:block;font-size:24px;font-weight:bold;margin-bottom:8px}.brands .text .read-more{margin-top:32px}@media(max-width: 768px){.brands .text .read-more{margin-left:24px}}.technology{background:url("../assets/images/noise_navy.svg") repeat}.technology h2{font-size:40px;text-transform:uppercase;letter-spacing:2px;margin-top:0}@media(max-width: 768px){.technology h2{font-size:30px}}.technology h2 span{font-size:24px;display:block}@media(max-width: 768px){.technology h2 span{font-size:20px}}.technology .product_top_lists{position:relative;overflow:hidden;height:100vh;background:#192b35}@media(max-width: 768px){.technology .product_top_lists{height:auto}}.technology .product_top{backface-visibility:hidden;background:url("../assets/images/background_bluey.jpg") no-repeat;background-size:cover;height:100%;display:flex;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;transform:translateY(101%) scale(0.9);transform-origin:top;will-change:transform}@media(max-width: 768px){.technology .product_top{flex-direction:column;position:relative;transform:translateY(0)}}.technology .product_top.items-0{transform:translateY(0) scale(1);transform-origin:center}.technology .product_top .overlay-black,.technology .product_top .overlay-gradient{height:100%;pointer-events:none;position:absolute;width:100%;z-index:1}.technology .product_top .overlay-black{height:100%;opacity:0;width:100%;z-index:10;background:#000}@media(max-width: 768px){.technology .product_top .overlay-black{display:none}}.technology .product_top .overlay-gradient{background:linear-gradient(0deg, #1f3c5c 15%, rgba(31, 61, 92, 0));inset:initial;bottom:0;right:0;height:10vh;width:50%;opacity:1}@media(max-width: 768px){.technology .product_top .overlay-gradient{display:none}}.technology .product_top .text{height:fit-content;min-height:100vh;overflow:hidden;width:50%;padding:120px 60px;position:relative;color:#fff;display:flex;flex-direction:column}@media(max-width: 768px){.technology .product_top .text{font-size:16px;width:100%;padding:40px 24px 60px;order:2;min-height:auto}}.technology .product_top .image{position:sticky;width:50%;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(max-width: 767.98px){.technology .product_top .image{width:100%;height:auto;aspect-ratio:320/260;order:1}}.technology .product_top .image img{width:100%;height:calc(100% + 100px);object-fit:cover;display:block;will-change:transform}.technology .herobanner.coffee_roasting{background:url(/assets/images/hero_coffeeroasting.jpg) no-repeat center center;background-size:cover}.technology .herobanner.refined_tea{background:url(/assets/images/hero_refinedtea.jpg) no-repeat center center;background-size:cover}.technology .herobanner.grain{background:url(/assets/images/hero_grain.jpg) no-repeat center center;background-size:cover}.technology .technology_detail{color:#fff;padding:20px 60px}@media(max-width: 768px){.technology .technology_detail{padding:30px 24px}}.technology .technology_detail h3{font-size:40px;color:#fff;font-weight:bold}@media(max-width: 768px){.technology .technology_detail h3{font-size:30px;padding-top:initial}}.technology .technology_detail h4{font-size:24px;color:#fff;margin-bottom:12px}@media(max-width: 768px){.technology .technology_detail h4{font-size:20px}}.technology .technology_detail .detail{padding:60px 0}@media(max-width: 768px){.technology .technology_detail .detail{padding:30px 0}}.technology .technology_detail .detail h5{font-size:18px;margin-bottom:16px}.technology .technology_detail .detail img{border-radius:5px;aspect-ratio:4/3}.technology .technology_detail .detail:not(:last-of-type){border-bottom:1px solid #fff}.technology .technology_detail .detail p:not(:last-of-type){margin-bottom:60px}@media(max-width: 768px){.technology .technology_detail .detail p:not(:last-of-type){margin-bottom:12px}}.technology .technology_detail .detail ul{margin-left:30px}.technology .technology_detail .detail .col3{display:flex;gap:60px;margin-top:60px}@media(max-width: 768px){.technology .technology_detail .detail .col3{flex-direction:column;gap:24px;margin-top:24px}}.technology .technology_detail .detail .col3 .item{flex:1;display:flex;flex-direction:column;gap:30px}@media(max-width: 768px){.technology .technology_detail .detail .col3 .item{margin-bottom:0 !important}}.technology .technology_detail .detail .col3 .item:first-of-type{margin-top:initial}.technology .technology_detail .detail .item{display:flex;gap:60px}@media(max-width: 768px){.technology .technology_detail .detail .item{flex-direction:column;gap:12px}}.technology .technology_detail .detail .item:not(:last-of-type){margin-bottom:30px}.technology .technology_detail .detail .item:first-of-type{margin-top:60px}@media(max-width: 768px){.technology .technology_detail .detail .item:first-of-type{margin-top:24px}}.technology .technology_detail .detail .item.nogap{display:flex;gap:0px}.technology .technology_detail .detail .item p{text-align:justify}.points{margin-top:60px}@media(max-width: 768px){.points{margin-top:24px}}.points h3{font-size:24px}@media(max-width: 768px){.points h3{font-size:16px;margin-bottom:12px}}.point{position:relative;border-bottom:1px solid #fff;padding:24px 0}.point:first-of-type{border-top:1px solid #fff;margin-top:36px}@media(max-width: 768px){.point:first-of-type{margin-top:12px}}.point .point-head{display:flex;align-items:center;gap:24px;cursor:pointer;font-weight:bold}.point .point-head .ttl{display:flex;align-items:center;width:120px;min-width:120px}@media(max-width: 768px){.point .point-head .ttl{width:80px;min-width:80px;font-size:14px}}.point .point-head .ttl .arrow{display:inline-block;margin-left:8px;width:10px;height:10px;background:url("../assets/images/arrow_dropdown.svg") no-repeat center/contain;transition:transform .3s;position:absolute;right:12px}.point .point-head h4{margin:0;font-size:1em;padding-right:36px}@media(max-width: 768px){.point .point-head h4{font-size:14px;padding-right:30px}}.point .point-content{display:none;padding-left:144px;padding-right:40px;margin-top:24px;font-size:16px}@media(max-width: 768px){.point .point-content{padding-left:0;padding-right:0}}.point .point-content p{margin-bottom:12px}.point.open .point-content{display:block;animation:fadeIn .3s}.point.open .arrow{transform:rotate(180deg)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.category-technology{margin-top:40px}.category-technology .griditem-wrapper{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}@media(max-width: 768px){.category-technology .griditem-wrapper{grid-template-columns:repeat(1, 1fr)}}.category-technology .griditem{aspect-ratio:auto}.category-technology .griditem:hover{opacity:.8}.product_subcontent{background:url("../assets/images/noise_beige.svg") repeat;padding:120px 60px;display:flex;flex-direction:column;gap:40px}@media(max-width: 768px){.product_subcontent{padding:60px 24px}}.product_subcontent h3{font-size:40px;color:#fff;font-weight:bold}@media(max-width: 768px){.product_subcontent h3{font-size:30px;padding-top:initial}}.product_subcontent h4{font-size:24px;color:#fff;margin-bottom:40px}@media(max-width: 768px){.product_subcontent h4{font-size:20px}}.product_subcontent .swiper-button-next,.product_subcontent .swiper-button-prev{width:66px;height:66px;border-radius:50%;background:#fff;color:#a2907c;top:-100px}@media(max-width: 768px){.product_subcontent .swiper-button-next,.product_subcontent .swiper-button-prev{top:90%}}.product_subcontent .swiper-button-next::after,.product_subcontent .swiper-button-prev::after{font-size:10px}.product_subcontent .swiper-button-next:hover,.product_subcontent .swiper-button-prev:hover{background:#817362}.product_subcontent .swiper-button-prev{left:inherit;right:90px}.product_subcontent .swiper-button-next.swiper-button-disabled,.product_subcontent .swiper-button-prev.swiper-button-disabled{opacity:1;color:#fff;border:1px solid #fff;background:rgba(0,0,0,0)}.product_subcontent .swiper{overflow-y:visible}@media(max-width: 768px){.product_subcontent .swiper:not(:has(.swiper-button-lock)){padding-bottom:30%}}.divider{width:100%;height:1px;background:#fff}.product-card{cursor:pointer;transition:all .3s ease}.product-card:hover{opacity:.8}.product-card img{width:100%;object-fit:cover;border-radius:8px;aspect-ratio:480/460}.product-card h4{color:#253b50;margin-bottom:0}.product-card .cardtxt{position:absolute;width:80%;left:10%;bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:12px}@media(max-width: 768px){.product-card .cardtxt{width:84%;left:8%;bottom:16px}}.product-card .cardtxt .arrowright{background:url("../assets/images/arrowright_btn.svg") no-repeat;background-size:contain;width:30px;height:30px;display:inline-block;margin-left:8px}.recommend-card{color:#fff;transition:all .3s ease}.recommend-card:hover{opacity:.8}.recommend-card img{width:100%;object-fit:cover;border-radius:8px;aspect-ratio:480/460}.recommend-card h4{margin-bottom:0}.recommend-card .cardtxt{position:absolute;width:80%;left:10%;bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:12px}@media(max-width: 768px){.recommend-card .cardtxt{width:84%;left:8%;bottom:16px}}.recommend-card .cardtxt .arrowright{background:url("../assets/images/arrowright_btn.svg") no-repeat;background-size:contain;width:30px;height:30px;display:inline-block;margin-left:8px}.spec-card{text-align:center;display:flex;flex-direction:column;justify-content:center}.spec-card h4{margin:initial}.spec-card img{margin-bottom:20px}.bread{text-align:left;font-size:16px;width:100%;margin-bottom:60px}@media(max-width: 768px){.bread{margin-bottom:36px}}.bread .slash{padding:0 20px}.bread .current{opacity:.5}.product_top{display:grid;grid-template-columns:repeat(2, 1fr);min-height:100vh}@media(max-width: 768px){.product_top{grid-template-columns:1fr;height:auto}}@media(max-width: 768px){.product_top .product_img{aspect-ratio:320/260}}.product_top .product_img img{width:100%;height:100%;object-fit:cover}.product_top .product_txt{background:url("../assets/images/background_bluey.jpg") no-repeat center center;background-size:cover;color:#fff;padding:60px 60px;align-content:center}@media(max-width: 768px){.product_top .product_txt{padding:60px 24px}}.product_top .product_txt h2{font-size:40px;margin:0 0 60px}.product_top .product_txt h2 .subtitle{font-size:14px;display:block}@media(max-width: 768px){.product_top .product_txt h2 .subtitle{font-size:12px}}@media(max-width: 768px){.product_top .product_txt h2{margin:0 0 36px;font-size:30px}}.product_top .product_txt .detail{font-size:18px;padding:24px 0;border-top:1px solid #fff;text-align:justify}@media(max-width: 768px){.product_top .product_txt .detail{padding:12px 0}}.product_top .product_txt .detail ol{list-style-position:outside;margin-left:24px}.product_top .product_txt .detail:last-of-type{border-bottom:1px solid #fff}.product_top .product_txt .detail .title{font-weight:bold}.product_top .product_txt .detail.col{display:grid;grid-template-columns:1fr 4fr}.product_top .product_txt .detail.col p:first-child{font-size:16px}.product_top .product_txt .detail p{text-align:justify}.product_top .product_txt .btn{display:block;border:1px solid #fff;margin:60px auto 0;background:none}.product_top .product_txt .btn:hover{background:#a2907c;border-color:rgba(0,0,0,0)}@media(max-width: 768px){.product_top .product_txt .btn{margin:36px auto 0}}.product_item{padding-bottom:60px}@media(max-width: 768px){.product_item{padding-bottom:30px}}@media(max-width: 768px){.product_item:has(.swiper){padding-bottom:0px}}.product_item.col{display:grid;grid-template-columns:repeat(2, 1fr);gap:60px;color:#fff;align-items:stretch}@media(max-width: 768px){.product_item.col{grid-template-columns:1fr;gap:0px}}.product_item.col .col_txt .col_list{padding:24px 0;border-top:1px solid #fff;display:grid;grid-template-columns:1fr 4fr;font-weight:bold;gap:24px}.product_item.col .col_txt .col_list:last-of-type{border-bottom:1px solid #fff}.product_item.col .col_img{margin-right:-60px;height:100%;display:flex}@media(max-width: 768px){.product_item.col .col_img{margin-right:-24px;margin-left:-24px;margin-top:-60px;order:-1}}.product_item.col .col_img img{width:100%;height:100%;object-fit:cover;border-radius:5px}@media(max-width: 768px){.product_item.col .col_img img{border-radius:0;aspect-ratio:320/260}}.product_spec{color:#fff}.product_submenu{border-top:1px solid rgba(37,59,80,.8);border-bottom:1px solid rgba(37,59,80,.8);background:#e0ddd9}.product_submenu ul{display:flex;list-style:none;height:70px;align-items:center;padding:20px 60px;font-weight:bold;gap:60px}@media(max-width: 768px){.product_submenu ul{font-size:12px;padding:20px 24px;gap:24px}}.product_submenu ul li::after{content:"";display:inline-block;background:url("../assets/images/arrowdown.svg") no-repeat;width:10px;height:10px;background-size:contain;margin-left:20px}@media(max-width: 768px){.product_submenu ul li::after{width:5px;height:5px;margin-left:12px}}.product_submenu ul li:hover{cursor:pointer;opacity:.8}.contact_banner{background:url("../assets/images/hero-contactbanner.jpg") no-repeat center center;background-size:cover;padding:180px 0;color:#fff}@media(max-width: 768px){.contact_banner{padding:60px 24px}}.contact_banner .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media(max-width: 768px){.contact_banner .container{flex-direction:column;align-items:center}}.contact_banner h2{font-size:64px;letter-spacing:5px;margin-bottom:30px}@media(max-width: 768px){.contact_banner h2{font-size:30px}}.contact_banner h2 span{font-size:24px;margin-left:15px;letter-spacing:0px;display:inline}@media(max-width: 768px){.contact_banner h2 span{font-size:20px;display:block;margin:initial}}@media(max-width: 768px){.contact_banner p{font-size:12px}}@media(max-width: 768px){.contact_banner br{display:none}}.contact_banner .btn{margin-top:80px}@media(max-width: 768px){.contact_banner .btn{margin-top:36px}}.about{background:#192b35}.about .herobanner{background:url("../assets/images/hero-about.jpg") no-repeat center center;background-size:cover}.about .intro{font-size:24px}@media(max-width: 768px){.about .intro{font-size:14px}}.about .intro p:first-of-type{font-weight:bold}.about .intro p:first-of-type br{display:none}@media(max-width: 768px){.about .intro p:first-of-type br{display:inline}}@media(max-width: 768px){.about .intro p:first-of-type{line-height:1.3;font-size:20px;margin-bottom:16px}.about .intro p:first-of-type span{display:none}}@media(max-width: 768px){.about .grid-2col .img-col{order:1;aspect-ratio:16/13}}.about .grid-2col .txt-col{padding:120px 60px}@media(max-width: 768px){.about .grid-2col .txt-col{padding:40px 24px 60px}}.about .grid-2col .txt-col .inner{max-width:600px;width:100%}.about .grid-2col .content p{margin-bottom:32px}@media(max-width: 768px){.about .grid-2col .content p{margin-bottom:16px}}.about .award{min-height:300vh;position:relative}@media(max-width: 768px){.about .award>div:first-child{order:2}.about .award>div:nth-child(2){order:1}.about .award>div:nth-child(3){order:4}.about .award>div:nth-child(4){order:3}}.about .award .scroll-pin{position:sticky;top:0;display:grid;grid-template-columns:1fr 1fr;width:100vw;height:100vh;overflow:hidden}@media(max-width: 768px){.about .award .content{margin-left:initial !important}}.about .award .img-col{grid-column:2/3;background:url("../assets/images/img_award.jpg") no-repeat center center;background-size:cover;will-change:background-image}@media(max-width: 768px){.about .award .img-col{aspect-ratio:16/13}}.about .award .txt-col{grid-column:1/2;padding:2rem;background:#ac9987;color:#fff}.about .img2{background:url("../assets/images/img_award2.jpg") no-repeat center center !important;background-size:cover}.about .txt-col{background:url("../assets/images/noise_beige.svg") repeat}@media(max-width: 768px){.about .txt-col{order:1}}.about .info-block{display:grid;grid-template-columns:1fr 4fr;gap:24px;padding:24px 0;border-top:1px solid #fff}@media(max-width: 768px){.about .info-block{padding:8px 0;gap:24px}}.about .info-block h3{font-size:18px}@media(max-width: 768px){.about .info-block h3{font-size:14px}}.about .info-block p{margin-bottom:0 !important}.about .info-block .info1{font-size:16px;margin-top:12px}.about .item{font-size:24px;font-weight:bold;margin-bottom:36px;margin-top:60px;display:flex;gap:36px;flex-wrap:wrap}@media(max-width: 768px){.about .item{font-size:18px;font-weight:bold}}.about .item .item_award{display:inline-flex;gap:16px}.about .item .item_award img{height:50px}.about .content_award .info-block{padding:12px 0}.story .img-col{background:url("../assets/images/img_story.jpg") no-repeat center center;background-size:cover}.yuanyou .grid-2col .txt-col .inner{max-width:296px}.news{background:url("../assets/images/background_bluey.jpg") no-repeat center center;background-size:cover;color:#fff;padding:100px 0;width:100%}@media(max-width: 768px){.news{padding:32px 16px}}.news .container{display:grid;grid-template-columns:1fr 3fr}@media(max-width: 768px){.news .container{grid-template-columns:1fr}}.news .news-header{display:flex;flex-direction:column}.news .news-header h2{font-size:40px;letter-spacing:1.2px}@media(max-width: 768px){.news .news-header h2{font-size:30px}}.news .news-header p{font-size:22px;font-weight:bold}@media(max-width: 768px){.news .news-header p{font-size:20px}}.news .news-list{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}@media(max-width: 768px){.news .news-list{margin-bottom:32px}}.news .news-list a{display:grid;grid-template-columns:120px 1fr 20px;border-bottom:1px solid hsla(0,0%,100%,.2);padding:30px 0;align-items:center;transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}.news .news-list a:hover{background:hsla(0,0%,100%,.1)}.news .news-list a:hover::after{transform:translateX(5px)}@media(max-width: 768px){.news .news-list a{padding:20px 0;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"date arrow" "title arrow"}.news .news-list a .date{grid-area:date}.news .news-list a .title{grid-area:title}}.news .news-list a::after{background:url("../assets/images/arrowright.svg") no-repeat;content:"";background-size:contain;display:inline-flex;width:12px;height:12px;transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1)}@media(max-width: 768px){.news .news-list a::after{grid-area:arrow}}.about .herobanner{background:url("../assets/images/hero-about.jpg") no-repeat center center;background-size:cover}.service_n_product .herobanner{background:url("../assets/images/hero_service.png") no-repeat center center;background-size:cover}.contact .herobanner{background:url("../assets/images/hero-contact.jpg") no-repeat center center;background-size:cover}.contact-form{background:#9c8976 url("../assets/images/noise_beige.svg") repeat;color:#fff;padding:120px 0}@media(max-width: 1024px){.contact-form{padding:40px 24px 60px;font-size:12px}}.contact-form h3{font-size:24px;text-align:center;font-weight:bold;margin-bottom:60px}@media(max-width: 768px){.contact-form h3{font-size:18px;text-align:left}}.contact-form .form-group{padding:60px 0;border-top:1px solid #fff;display:grid;grid-template-columns:1fr 2fr}@media(max-width: 768px){.contact-form .form-group{grid-template-columns:1fr;padding:24px 0;gap:12px}}.contact-form .form-group:nth-child(9) label{align-items:flex-start;line-height:1}.contact-form .form-group:nth-child(9) label span{line-height:1.6}.contact-form .form-group .two-columns{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px}.contact-form .form-group>label{font-weight:bold;font-size:24px;display:inline-flex;align-items:center;white-space:nowrap}@media(max-width: 768px){.contact-form .form-group>label{font-size:18px}}.contact-form .form-group>label span{color:red;font-size:14px;border:1px solid red;padding:4px 20px;border-radius:9999px;margin-left:24px}@media(max-width: 768px){.contact-form .form-group>label span{font-size:12px;margin-left:12px;padding:0px 12px}}.contact-form .form-group input[type=text],.contact-form .form-group input[type=email],.contact-form .form-group input[type=tel]{width:100%;border:1px solid #fff;background:hsla(0,0%,100%,.3);padding:10px 24px;color:#253b50;border-radius:5px}.contact-form .form-group input[type=text]::placeholder,.contact-form .form-group input[type=email]::placeholder,.contact-form .form-group input[type=tel]::placeholder{color:#a2907c}.contact-form .form-group textarea{border:1px solid #fff;background:hsla(0,0%,100%,.3);padding:10px 24px;border-radius:5px;color:#253b50}.contact-form .form-group .checkbox-group,.contact-form .form-group .radio-group{display:grid;flex-wrap:wrap;gap:24px;padding:10px 24px;grid-auto-flow:column}@media(max-width: 768px){.contact-form .form-group .checkbox-group{grid-auto-flow:initial;grid-template-columns:repeat(2, 1fr);gap:8px;padding:0}}@media(max-width: 768px){.contact-form .form-group .radio-group{grid-auto-flow:initial;grid-template-columns:repeat(3, 1fr);gap:8px;padding:0}}.contact-form .form-group .checkbox-group label,.contact-form .form-group .radio-group label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff;font-size:16px}@media(max-width: 768px){.contact-form .form-group .checkbox-group label,.contact-form .form-group .radio-group label{font-size:14px}}.contact-form .form-group .checkbox-group label span,.contact-form .form-group .radio-group label span{display:inline-flex;align-items:center;gap:16px}.contact-form .form-group .checkbox-group input[type=checkbox],.contact-form .form-group .radio-group input[type=radio]{display:none}.contact-form .form-group .checkbox-group input[type=checkbox]+span::before,.contact-form .form-group .radio-group input[type=radio]+span::before{content:"";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:hsla(0,0%,100%,.3);border-radius:4px;margin-right:4px}.contact-form .form-group .radio-group input[type=radio]+span::before{border-radius:50%}.contact-form .form-group .checkbox-group input[type=checkbox]:checked+span::before{background:hsla(0,0%,100%,.3);background-image:url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L4 7L9 1' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;border:1px solid #fff}.contact-form .form-group .radio-group input[type=radio]:checked+span::before{border:1px solid #fff;content:"●";font-size:10px}.contact-form.privacy{display:initial}.contact-form .privacy{padding:40px 0;border-top:1px solid #fff}.contact-form .privacy .disclaimer{font-weight:bold;margin-bottom:8px}.contact-form .privacy .checkbox-group{width:100%}.contact-form .submit{display:flex;justify-content:center}.brew{color:#fff}.brew .cont{display:grid;grid-template-columns:1fr 1fr;align-items:start}@media(max-width: 768px){.brew .cont{grid-template-columns:1fr}}.brew .cont h2{font-size:24px;margin-bottom:60px}@media(max-width: 768px){.brew .cont h2{font-size:18px;margin-bottom:24px}}.brew .cont .pic-col{background:url("../assets/images/img_brew.jpg") center/cover no-repeat;position:sticky;height:100vh;top:0}@media(max-width: 768px){.brew .cont .pic-col{display:none}}.brew .cont .text-col{background:#a99178}.brew .cont .text-col .inner{padding:120px 60px}@media(max-width: 768px){.brew .cont .text-col .inner{padding:40px 24px 60px}}.brew .cont .text-col .info-block{display:grid;grid-template-columns:1fr 4fr;gap:24px;padding:24px 0;border-top:1px solid #fff}@media(max-width: 768px){.brew .cont .text-col .info-block{padding:8px 0}}.brew .cont .text-col .info-block h3{font-size:18px}@media(max-width: 768px){.brew .cont .text-col .info-block h3{font-size:14px}}.brew .cont .text-col .info-block ul{margin-left:24px;font-weight:bold}.brew .cont .text-col .info-block:nth-child(7){border-bottom:1px solid #fff}@media(max-width: 768px){.brew .cont .text-col .detail{font-size:14px}}.brew .cont .text-col .detail p:first-child{font-weight:bold;margin-bottom:12px}.brew .cont .text-col .detail p:nth-child(2){font-size:16px}.brew .cont .text-col .detail p:last-child{margin-top:8px;font-size:14px}@media(max-width: 768px){.brew .cont .text-col .detail p:last-child{font-size:12px}}.brew .cont .text-col .cta{display:flex;justify-content:center;margin-top:60px}@media(max-width: 768px){.brew .cont .text-col .cta{margin-top:24px}}.company{position:relative;width:100%;overflow:hidden;z-index:5}.company .company-inner{position:sticky;top:0;display:flex;width:100vw;height:100vh;overflow:hidden}@media(max-width: 768px){.company .company-inner{position:relative;flex-direction:column;height:auto}}.company .company-left,.company .company-right{flex:none;width:100vw;height:100%}@media(max-width: 768px){.company .company-left,.company .company-right{flex:auto}}.company .company-left img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width: 768px){.company .company-left img{aspect-ratio:16/13}}.company .company-right{position:relative;background:url("../assets/images/background_beigey.jpg") repeat;background-size:cover;color:#fff;transform:translateX(0);display:flex;align-items:flex-start;justify-content:center;padding:120px 60px;width:50vw;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) rgba(0,0,0,0)}.company .company-right::-webkit-scrollbar{width:8px}.company .company-right::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.company .company-right::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px}.company .company-right::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}@media(max-width: 768px){.company .company-right{width:100%;padding:40px 24px 60px;align-items:center;overflow-y:visible}}.company .company-right .content{max-width:600px;width:100%;min-height:calc(100vh - 120px);display:flex;flex-direction:column;justify-content:flex-start;padding-top:60px}@media(max-width: 768px){.company .company-right .content{min-height:auto;padding-top:0;justify-content:center}}.company .company-right .content h3{font-size:40px;font-weight:bold;line-height:1;letter-spacing:.2em;margin-bottom:8px}@media(max-width: 768px){.company .company-right .content h3{font-size:30px}}.company .company-right .content h4{font-size:22px;font-weight:bold;letter-spacing:.2em}@media(max-width: 768px){.company .company-right .content h4{font-size:20px}}.company .company-right .content p:first-of-type{margin-top:60px}@media(max-width: 768px){.company .company-right .content p:first-of-type{margin-top:24px}}.company .company-right .content p{margin-top:48px}@media(max-width: 768px){.company .company-right .content p{margin-top:32px}}.company .company-right .content>*{opacity:0;transform:translateY(20px)}@media(max-width: 768px){.company .company-right .content>*{opacity:1;transform:initial}}.certification .herobanner{background:url("../assets/images/hero_global_certification.jpg") no-repeat center center;background-size:cover}.certification .map{padding:150px 0;background:url("../assets/images/background_bluey.jpg") no-repeat right center;background-size:cover;color:#fff}@media(max-width: 768px){.certification .map{padding:40px 24px}}.certification .map .container{display:flex;flex-direction:column;gap:24px}.certification .map p{font-size:26px}@media(max-width: 768px){.certification .map p{font-size:18px;line-height:1.6666666667}}.certification .map .supply{font-size:18px;display:flex;flex-wrap:wrap;gap:24px 30px;justify-content:center;align-items:center;font-weight:bold}@media(max-width: 768px){.certification .map .supply{font-size:14px;gap:10px;justify-content:flex-start}}.certification .map .supply>div{display:flex;flex-direction:row;align-items:center;gap:24px}.certification .map .supply>div>div{display:flex;gap:12px}.certification .map .supply>div>div span{padding-left:24px}.certification .map .supply>div>div span.oolong{background:url("../assets/images/tea_oolong.svg") no-repeat left center}.certification .map .supply>div>div span.greentea{background:url("../assets/images/tea_greentea.svg") no-repeat left center}.certification .map .supply>div>div span.blacktea{background:url("../assets/images/tea_blacktea.svg") no-repeat left center}.certification .map h5{font-size:26px}@media(max-width: 768px){.certification .map h5{font-size:18px;width:60px}}.certification .map .divider{width:1px;height:30px;background:#fff}@media(max-width: 768px){.certification .map .divider{display:none !important}}:root{--vw: 1440;--multiplier: 100vw}@media(max-width: 767.98px){:root{--vw: 375;--multiplier: 100vw}}.scroll-chapter{position:relative;overflow:hidden;height:100vh;background:#192b35}@media(max-width: 768px){.scroll-chapter{height:auto}}.scroll-chapter .items{backface-visibility:hidden;background:url("../assets/images/noise_beige.svg") repeat;height:100%;display:flex;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;transform:translateY(101%) scale(0.9);transform-origin:top;will-change:transform}@media(max-width: 768px){.scroll-chapter .items{flex-direction:column;position:relative;transform:translateY(0)}}.scroll-chapter .items.items-0{transform:translateY(0) scale(1);transform-origin:center}.scroll-chapter .overlay-black,.scroll-chapter .overlay-gradient{height:100%;pointer-events:none;position:absolute;width:100%;z-index:1}.scroll-chapter .overlay-black{height:100%;opacity:0;width:100%;z-index:10;background:#000}@media(max-width: 768px){.scroll-chapter .overlay-black{display:none}}.scroll-chapter .overlay-gradient{background:linear-gradient(0deg, #a2907c 15%, rgba(162, 144, 124, 0));inset:initial;bottom:0;height:10vh;width:50%;opacity:1}@media(max-width: 768px){.scroll-chapter .overlay-gradient{display:none}}.scroll-chapter .text{height:fit-content;overflow:hidden;width:50%;padding:120px 60px;position:relative;color:#fff;display:flex;flex-direction:column;background:url("../assets/images/noise_beige.svg") repeat}@media(max-width: 768px){.scroll-chapter .text{font-size:16px;width:100%;padding:40px 24px 60px;order:2}}.scroll-chapter .text h3{font-size:40px}@media(max-width: 768px){.scroll-chapter .text h3{font-size:24px}}.scroll-chapter .text h4{font-size:24px}@media(max-width: 768px){.scroll-chapter .text h4{font-size:20px}}.scroll-chapter .text .info-block0{padding:24px 0;border-top:1px solid #fff;font-weight:bold}.scroll-chapter .text .info-block0:last-of-type{border-bottom:1px solid #fff}@media(max-width: 768px){.scroll-chapter .text .info-block0{padding:8px 0}}.scroll-chapter .text .info-block{display:grid;grid-template-columns:1fr 4fr;gap:24px;padding:24px 0;border-top:1px solid #fff;font-weight:bold}@media(max-width: 768px){.scroll-chapter .text .info-block{padding:8px 0;gap:24px}}.scroll-chapter .text .info-block:last-of-type{border-bottom:1px solid #fff}.scroll-chapter .text .info-block p{margin-bottom:0 !important}.scroll-chapter .text .info-block .info1{font-size:16px;margin-top:12px}.scroll-chapter .text .awarditem{font-size:24px;font-weight:bold;margin-bottom:36px;margin-top:60px;display:flex;flex-direction:column;gap:20px}@media(max-width: 768px){.scroll-chapter .text .awarditem{font-size:18px;font-weight:bold;margin:24px 0}}.scroll-chapter .text .awarditem .item_award{display:inline-flex;gap:16px;flex-wrap:wrap}@media(max-width: 768px){.scroll-chapter .text .awarditem .item_award{display:grid;grid-template-columns:repeat(3, 1fr);justify-items:center}}.scroll-chapter .text .awarditem .item_award img{height:100px}.scroll-chapter .image{position:sticky;width:50%;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(max-width: 767.98px){.scroll-chapter .image{width:100%;height:264px;order:1}}.scroll-chapter .image img{width:100%;height:calc(100% + 100px);object-fit:cover;display:block;will-change:transform}.popup{display:none;position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh;background:rgba(30,30,30,.7);backdrop-filter:blur(2px);justify-items:center;align-content:center;transition:opacity .3s}.popup.active{display:flex;justify-items:center;align-content:center}.popup h4{font-weight:bold;border-bottom:1px solid #253b50;padding-bottom:5px;margin-bottom:5px;margin-top:20px}.popup .popup-content{background:#fff;border-radius:5px;max-width:680px;max-height:85vh;width:90vw;padding:40px;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.18);color:#253b50;animation:popupIn .3s;overflow-y:auto;position:relative}@media(max-width: 768px){.popup .popup-content{padding:24px;margin:0 auto}}.popup .popup-content img{width:100%}.popup .popup-frame{max-width:680px;max-height:85vh;width:90vw;padding:40px;position:absolute}@media(max-width: 768px){.popup .popup-frame{padding:24px;margin:0 auto}}.popup .popup-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:url("../assets/images/close_btn.svg") no-repeat center center;background-size:contain;border:none;cursor:pointer;opacity:.7;transition:opacity .2s;z-index:2}@media(max-width: 768px){.popup .popup-close{width:16px;height:16px;top:7px;right:7px}}.popup .popup-close:hover{opacity:1}.popup .popup-spec-table{width:100%;border-collapse:separate;border-spacing:3px}@media(max-width: 768px){.popup .popup-spec-table{overflow-y:auto;max-height:45vh;display:block}}.popup .popup-spec-table th,.popup .popup-spec-table td{font-size:14px;height:40px;text-align:center}.popup .popup-spec-table th{background:#d9d4cf;font-weight:bold}.popup .popup-spec-table td{background:#f2f2f2}@media(max-width: 767.98px){.popup .popup-spec-table th,.popup .popup-spec-table td{display:flex;box-sizing:border-box;font-size:10px;margin-bottom:2px;justify-content:center;align-items:center}.popup .popup-spec-table th{width:40%}.popup .popup-spec-table td{width:60%}.popup .popup-spec-table tr{display:flex;flex-wrap:wrap}}@keyframes popupIn{0%{opacity:0;transform:translateY(40px) scale(0.98)}100%{opacity:1;transform:translateY(0) scale(1)}}body,html{margin:0;padding:0;height:100%;width:100%}body{background-color:#f9f9f9;color:#333;font-size:18px;letter-spacing:1.2px}@media(max-width: 768px){body{font-size:14px}}.home header{position:absolute;bottom:0;top:auto}.lang-en header .main-nav li a{font-size:16px}header{background:#192b35;z-index:999;transition:all .3s ease;width:100%}@media(max-width: 768px){header{position:fixed !important;top:0 !important;bottom:auto !important;background:none}}@media(max-width: 768px){header .logo{display:none}}header.menu-open{background:#1f3c5c !important}@media(max-width: 768px){header.menu-open .logo{display:block}}header.fixed-top{position:fixed !important;top:0 !important;bottom:auto !important}header .container{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative}@media(max-width: 768px){header .container{padding:20px 24px}}header .menu-toggle{display:none;background:none;cursor:pointer;width:40px;height:40px;border:1px solid #fff;position:relative;z-index:1000;padding:0;border-radius:9999px}header .menu-toggle span{width:16px;height:1px;background:#fff;position:absolute;left:11px;transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1)}header .menu-toggle span:first-child{top:14px}header .menu-toggle span:last-child{bottom:14px}header .menu-toggle.is-open span:first-child{transform:rotate(45deg) translate(4px, 3px)}header .menu-toggle.is-open span:nth-child(2){opacity:0}header .menu-toggle.is-open span:last-child{transform:rotate(-45deg) translate(4px, -3px)}@media(max-width: 768px){header .menu-toggle{display:block}}header .main-nav .lang{font-size:14px;color:#a2907c;border:1px solid #a2907c;border-radius:5px;padding:0px 10px;margin-top:22px}@media(max-width: 768px){header .main-nav .lang{font-size:18px;color:#fff;border:none;border-radius:0;padding:16px 24px;margin-top:0}}header .main-nav ul{display:flex;list-style:none;text-transform:uppercase}header .main-nav li{position:relative}header .main-nav li a{display:flex;align-items:center;padding:20px 18px;color:#fff;text-decoration:none;font-size:18px;font-weight:bold;gap:6px}header .main-nav li .arrow{background:url("../assets/images/arrowright.svg") no-repeat;content:"";background-size:contain;display:inline-block;width:8px;height:8px;transition:all .2s}@media(min-width: 769px){header .main-nav li.has-submenu:hover .submenu{pointer-events:auto;opacity:1}header .main-nav li.has-submenu.open .submenu{display:flex;opacity:1;pointer-events:auto}}header .main-nav li.has-submenu .submenu{position:absolute;top:100%;left:0;background:#e3e0dc url("../assets/images/noise.svg") repeat;flex-direction:column;min-width:230px;z-index:10;transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);opacity:0;pointer-events:none}@media(max-width: 768px){header .main-nav li.has-submenu .submenu{position:relative;top:initial;left:initial;display:none;opacity:0;pointer-events:none}}header .main-nav li.has-submenu .submenu a{color:#253b50;padding:20px 34px;font-weight:bold;line-height:1.125;transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}@media(max-width: 768px){header .main-nav li.has-submenu .submenu a{padding:16px 24px;font-size:16px;border:none}}header .main-nav li.has-submenu .submenu a:hover{background:#192b35;color:#fff}header .main-nav li.has-submenu.open .submenu{display:flex;opacity:1}@media(max-width: 768px){header .main-nav li.has-submenu.open .submenu{pointer-events:auto}}header .main-nav.open{display:flex;opacity:1}@media(max-width: 768px){header .main-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:#1f3c5c;z-index:10;transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1);opacity:0}header .main-nav ul{flex-direction:column;width:100%;gap:0}header .main-nav ul li>a{border-bottom:1px solid #fff}header .main-nav ul li a{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;font-size:20px}header .main-nav ul li .arrow{transform:rotate(90deg);margin-bottom:0}header .main-nav ul li.open .arrow{transform:rotate(-90deg)}}footer{background:#192b35;font-size:18px;letter-spacing:1.2px;line-height:1.7857142857;padding-top:78px}@media(max-width: 768px){footer{padding-top:48px;font-size:14px}}footer h3{margin-bottom:24px;font-weight:bold;font-size:20px}@media(max-width: 768px){footer h3{font-size:18px}}footer h3 span{font-size:16px}@media(max-width: 768px){footer h3 span{font-size:14px}}footer .inner-footer{max-width:1200px;margin:0 auto;color:#fff;display:grid;grid-template-columns:repeat(5, 1fr);gap:24px;padding-bottom:65px}@media(max-width: 768px){footer .inner-footer{padding:0 24px 16px;grid-template-columns:1fr;gap:48px}}footer .inner-footer .contact-info{grid-column:span 3}@media(max-width: 768px){footer .inner-footer .contact-info{grid-column:span 1}}footer .inner-footer .contact-info .logo{width:180px;margin-bottom:32px}footer .inner-footer .contact-info a{text-decoration:underline}footer .inner-footer .contact-info p{margin-bottom:24px}footer .inner-footer .contact-info .social{margin-top:40px;display:flex;flex-direction:row;gap:24px;align-items:center}@media(max-width: 768px){footer .inner-footer .contact-info .social img{width:30px;height:30px}}footer .inner-footer .col ul{list-style:none}footer .inner-footer .col ul li{margin-bottom:9px}footer .inner-footer .col a{letter-spacing:1.2px}footer .inner-footer .col a:hover span{transform:translateX(3px)}footer .inner-footer .col a span{background:url("../assets/images/arrowright.svg") no-repeat;content:"";background-size:contain;display:inline-block;width:8px;height:8px;margin-left:8px;margin-bottom:2px;transition:all .2s}footer .inner-footer .back-to-top{margin-top:67px;text-align:right}footer .inner-footer .back-to-top a{color:#a2907c;font-size:14px;text-decoration:underline}footer .inner-footer .back-to-top a:hover{color:#fff}footer .inner-footer .back-to-top a::after{content:"";background:url("../assets/images/backtotop.svg") no-repeat;background-size:contain;display:inline-block;width:20px;height:20px;margin-left:8px;vertical-align:text-bottom}footer .footer-bottom{max-width:1200px;margin:0 auto;text-align:center;color:#fff;font-size:12px;border-top:.5px solid #777;padding:16px}@media(max-width: 768px){footer .footer-bottom{margin:0 10px}}