.c-base-button{position:relative;z-index:0;display:block;min-width:150px;padding:12px 20px 11px;overflow:hidden;font-size:18px;font-weight:500;line-height:1.3;color:#fff;text-align:center;cursor:pointer;border:2px solid transparent;border-radius:.55em;transition:border .4s ease,color .6s ease}.c-base-button:before{position:absolute;z-index:-1;content:"";background:linear-gradient(to bottom,#205072,#329d9c);opacity:1;transition:opacity .4s ease;inset:0}@supports not (inset: 0){.c-base-button:before{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.c-base-button:before{top:0;left:0;right:0;bottom:0}}.c-base-button:active{transform:scale(.98)}.c-base-button:hover{color:#205072;border:2px solid currentColor}.c-base-button:hover:before{opacity:0}.c-base-button.disabled{pointer-events:none}.c-base-button.disabled:before{background-color:#dadada;background-image:none}.c-base-button.lg{min-width:150px;font-size:18px}@media (max-width: 768px){.c-base-button{min-width:100px;font-size:16px}}@media (max-width: 480px){.c-base-button{font-size:14px}}.connectWalletBtn{display:inline-block}.connectWalletBtn+Button{margin-left:10px}.navbar{--nav-gap: 25px;--layout-padding: 20px;position:fixed;top:0;right:0;left:0;z-index:var(--navbar-index);height:var(--navbar-h);padding-left:calc((100vw - var(--layout-container-w) - var(--layout-padding) * 2) / 2);font-size:18px;font-weight:500;transition:transform .3s ease,background-color .15s ease}.navbar__container{max-width:1250px;height:100%;padding:0 var(--layout-padding)}.navbar__logo{display:flex;flex-shrink:0;align-items:center;margin-right:15px}.navbar__logo .logo{width:155px}.navbar__links{display:flex}.navbar__links .link{position:relative;display:flex;align-items:center;justify-content:center;height:100%;padding:10px var(--nav-gap);font-weight:700;color:transparent;transition:color .2s ease}.navbar__links .link:after{position:absolute;font-weight:500;color:#205072;text-align:center;pointer-events:none;content:attr(title);transition:opacity .2s ease;inset:0;display:flex;align-items:center;justify-content:center}@supports not (inset: 0){.navbar__links .link:after{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.navbar__links .link:after{top:0;left:0;right:0;bottom:0}}.navbar__links .link:hover,.navbar__links .link.active{font-weight:700;color:#ff8863}.navbar__links .link:hover:after,.navbar__links .link.active:after{opacity:0}.navbar__aside{flex-shrink:0;align-self:center}.navbar:not(.mobile) .navbar__links{justify-self:flex-end}.navbar:not(.mobile) .navbar__container{display:grid;grid-template:100%/155px minmax(0,1fr) auto;gap:var(--nav-gap)}.navbar .changeLng,.navbar .changeLng_inline{font-size:14px;cursor:pointer;color:#888;position:absolute;right:0;top:35%;transform:translate(-20px,-50%)}.navbar .changeLng__isUnactive,.navbar .changeLng_inline__isUnactive{color:#205072}.navbar .changeLng_inline{right:25px;top:70px;transform:initial;display:inline-block}.navbar.hide{transform:translateY(-100%)}.navbar.fixed{background-color:#fcffec;border-bottom:2px solid #329d9c}.navbar.mobile .navbar__container{display:flex;align-items:center;justify-content:space-between}.navbar.mobile .navbar__links{position:fixed;top:var(--navbar-h);right:0;bottom:0;left:0;flex-direction:column;justify-content:center;background-color:#fcffec}.navbar.mobile .navbar__links .link-item{margin:10px 0}.navbar.mobile .navbar__logo .logo{width:117px}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;font-size:inherit}ul,ol{padding:0;margin:0;list-style:none}body{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:currentColor;text-decoration:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture,svg{display:block;max-width:100%;height:auto}input::-moz-placeholder{padding:0;margin:0;font-family:Poppins,Noto Sans TC,sans-serif;color:currentColor}input,input::placeholder,button,textarea,select{padding:0;margin:0;font-family:Poppins,Noto Sans TC,sans-serif;color:currentColor}input,select{margin:0;background-color:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}button{background-color:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.l-container{width:100%;max-width:calc(var(--layout-container-w) + var(--layout-padding) * 2);padding:0 var(--layout-padding);margin:0 auto}.l-section{padding:var(--section-padding) 0;overflow:hidden}.c-list>li{display:flex}.c-list>li:before{flex-shrink:0;width:4px;height:4px;margin-top:calc(.5em + 2px);margin-right:10px;content:"";background-color:currentColor;border-radius:50%}.font-semi{font-weight:500}.font-bold{font-weight:700}.loading-spin{display:block;width:26px;height:26px;border:3px solid #ddd;border-top-color:var(--spin-color, #888);border-radius:50%;animation:spin 1.2s cubic-bezier(.69,.09,.27,.77) infinite}.gradient-blue{background:linear-gradient(to bottom,#205072,#329d9c)}.bg-pattern{background:url(/project-percentage/assets/bg_pattern.1bf9105c.png) repeat 50% 50%}.gradient-text{color:transparent;background:linear-gradient(to bottom,#205072 40%,#329d9c 80%);background-position:50% 50%;-webkit-background-clip:text;background-clip:text}.section-copy{font-size:22px;font-weight:500}@media (max-width: 480px){.section-copy{font-size:18px}}[class*=percentage-bg]{background:url(/project-percentage/assets/pattern_percentage.f89358d7.png) no-repeat,url(/project-percentage/assets/bg_pattern.1bf9105c.png) repeat}@media (max-width: 768px){[class*=percentage-bg]{padding-bottom:var(--bg-padding-bottom);background-size:200px auto,auto}}[class*=percentage-bg][class*=__l]{background-position:0 100%,50% 0}[class*=percentage-bg][class*=__r]{background-position:100% 100%,50% 0}:root{--layout-padding: 25px;--layout-container-w: 1120px;--navbar-h: 90px;--section-padding: 130px;--font-size: 16px;--navbar-index: 20;--cursor-index: 15;--loading-index: 30}@media (max-width: 768px){:root{--section-padding: 80px;--navbar-h: 60px}}@media (max-width: 480px){:root{--font-size: 14px}}body{min-width:320px;font-family:Poppins,Noto Sans TC,sans-serif;font-size:var(--font-size);font-weight:400;line-height:1.5;color:#205072}input,label,select,button{cursor:pointer}img{-webkit-user-drag:none}.collapse-enter-from,.collapse-leave-to{height:0!important}.collapse-enter-active,.collapse-leave-active{overflow:hidden;transition:height .35s ease}.scale-up-enter-from,.scale-up-leave-to{transform:scale(0)}.scale-up-enter-to,.scale-up-leave-from{transform:scale(1)}.scale-up-enter-active,.scale-up-leave-active{transition:transform .3s ease-out}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity 1s ease-in-out}@keyframes gradient-x{50%{background-position-x:100%}}@keyframes gradient-y{0%{background-position-y:50%}25%{background-position-y:80%}50%{background-position-y:50%}75%{background-position-y:20%}to{background-position-y:50%}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translate(-100%)}}@keyframes float-y{50%{transform:translateY(var(--offset, -10px))}}@keyframes scale{50%{transform:scale(.9)}}@keyframes float-x{50%{transform:translate(var(--offset, -10px))}}.c-ribbon{--tile-w: 1440px;overflow:hidden;background:linear-gradient(to right,#329d9c,#d3fa36);background-size:200% 100%;animation:gradient-x 30s linear infinite}.c-ribbon__tile{display:flex;height:70px}.c-ribbon__tile:after,.c-ribbon__tile:before{display:block;flex-shrink:0;width:calc(var(--tile-w) * 2);content:"";background:url(/project-percentage/assets/tile_text.02a97918.svg) repeat-x 0 50%/auto 100%;animation:marquee 50s linear infinite}@media (max-width: 480px){.c-ribbon__tile{height:54px}}.c-cta{position:relative;width:190px;font-size:20px;font-weight:700;color:#fff;text-align:center;filter:drop-shadow(0 3px 5px rgba(0,0,0,.1));aspect-ratio:1/1}@supports not (aspect-ratio: auto){.c-cta:before{display:block;padding-top:100%;content:""}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.c-cta:before{display:block;padding-top:100%;content:""}}.c-cta:after{position:absolute;z-index:-1;content:"";background:linear-gradient(to bottom,#ff8863,#ffae63);-webkit-mask:url(/project-percentage/assets/cta.1cc1cb59.svg) no-repeat center/contain;mask:url(/project-percentage/assets/cta.1cc1cb59.svg) no-repeat center/contain;animation:rotate 20s linear infinite;inset:0}@supports not (inset: 0){.c-cta:after{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.c-cta:after{top:0;left:0;right:0;bottom:0}}.c-cta__main{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;inset:0}@supports not (inset: 0){.c-cta__main{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.c-cta__main{top:0;left:0;right:0;bottom:0}}.c-cta__text{max-width:124px}.c-cta__click{padding:3px 1.2em;margin-top:10px;font-size:14px;font-weight:500;color:#ff8863;background-color:#fff;border-radius:20rem}.c-cta:hover:after{animation-play-state:paused}@media (max-width: 768px){.c-cta{width:150px;font-size:16px}.c-cta__text{max-width:100px}.c-cta__click{font-size:12px}}.l-hero{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:780px;font-size:18px;background-color:#fdffec}.l-hero__main{display:grid;grid-template:repeat(3,auto)/100%;gap:30px;justify-items:flex-start}@media (min-width: 769px) and (max-width: 1120px){.l-hero__main{margin-left:10vw}}.l-hero__title{display:grid;grid-template:repeat(3,auto)/100%;gap:5px;font-size:30px}.l-hero__title h1{width:100%;max-width:540px;margin-bottom:15px}.l-hero__title p{font-weight:500}.l-hero__title small{font-size:.533em}.l-hero__caption{font-weight:500;line-height:1.8}.l-hero__parallax{position:absolute;z-index:-1;inset:0}@supports not (inset: 0){.l-hero__parallax{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.l-hero__parallax{top:0;left:0;right:0;bottom:0}}.l-hero__parallax>*{position:absolute;background-repeat:no-repeat;background-position:center;background-size:cover;inset:0}@supports not (inset: 0){.l-hero__parallax>*{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.l-hero__parallax>*{top:0;left:0;right:0;bottom:0}}.l-hero__parallax div:nth-child(1){background-image:url(/project-percentage/assets/hero_bg_1.e86ae1ce.png)}.l-hero__parallax div:nth-child(2){background-image:url(/project-percentage/assets/hero_bg_2.e6905f2d.png)}.l-hero__parallax div:nth-child(3){background-image:url(/project-percentage/assets/hero_bg_3.b9f9346c.png)}@media (max-width: 480px){.l-hero{height:600px;font-size:14px}.l-hero__main{gap:20px}.l-hero__caption{margin-bottom:10px}.l-hero__title{font-size:16px}.l-hero__title h1{width:310px;margin-bottom:5px}.l-hero__title small{font-size:14px}}.cta{position:absolute;right:40px;bottom:40px}.scroll-hint{position:absolute;bottom:0;left:50%;display:grid;grid-template:auto 40px/100%;justify-items:center;font-size:14px;font-weight:500;color:#329d9c;transform:translate(-50%)}.scroll-hint .scroll{width:1px;background-color:currentColor;animation:scroll 1.4s ease-in-out infinite}@media (max-width: 480px){.cta{right:15px;bottom:20px}.scroll-hint{left:var(--layout-padding);transform:none}}@keyframes scroll{0%{opacity:0;transform:scaleY(0);transform-origin:50% 0}30%{transform:scaleY(1);transform-origin:50% 0}31%{transform-origin:50% 100%}40%{opacity:1}50%{opacity:1}to{opacity:0;transform:scaleY(0);transform-origin:50% 100%}}.c-section-title{position:relative;font-size:45px;font-weight:700;letter-spacing:.01em}.c-section-title.gradient-text{background-size:100% 200%;animation:gradient-y 5s linear infinite}.c-section-title:not(.gradient-text){color:#fff}.c-section-title .en{margin-left:5px;font-size:28px}.c-section-title .icon{width:28px;height:15px;margin-bottom:5px}@media (max-width: 480px){.c-section-title{font-size:28px}.c-section-title .en{font-size:20px}}.l-intro{background:linear-gradient(180deg,#e3ffe9 0%,#f1fff4 100%)}.l-intro .article{display:grid;grid-template:min-content auto/minmax(0,1fr) max-content;grid-template-areas:"title logo" "content content";gap:30px;align-items:center}.l-intro .article__logo{grid-area:logo}.l-intro .article__title{grid-area:title}.l-intro .article__content{grid-area:content;margin:-15px 0;line-height:1.75}.l-intro .article__content>p{margin:15px 0}@media (max-width: 768px){.l-intro .article{grid-template:repeat(3,auto)/100%;grid-template-areas:"title" "content" "logo";gap:15px}.l-intro .article__logo{margin-top:10px}}.arrow-btn{--size: 50px;--arrow-size: 12px;position:relative;display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);background-image:linear-gradient(to bottom,#56c596,#7be495);border-radius:50%;transition:transform .2s ease}.arrow-btn .icon{display:flex;align-items:center;justify-content:center}.arrow-btn .icon:before{display:block;width:var(--arrow-size);height:var(--arrow-size);content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;transform:translate(10%) rotate(45deg)}.arrow-btn.next .icon{transform:scaleX(-1)}.arrow-btn.alter .icon:before{transform:translate(30%) rotate(45deg)}.arrow-btn.alter .icon:after{display:block;width:calc(var(--arrow-size) * 1.5);height:2px;margin-left:calc(var(--arrow-size) * -.66);content:"";background-color:#fff}.arrow-btn:hover{transform:scale(1.15)}.arrow-btn:disabled{pointer-events:none;background-color:#dadada;background-image:none}@media (max-width: 480px){.arrow-btn{--size: 40px;--arrow-size: 10px}}.carousel-slider{--slide-animation-dur: 0;display:grid;grid-template:auto/50px minmax(0,1fr) 50px;gap:10px;align-items:center}.carousel-slider__slide-container{position:relative;left:var(--fix-center);display:flex;transition:transform var(--slide-animation-dur) ease-in-out;transform:translate(calc((var(--slider-offset) + var(--swipe-offset)) * -1));will-change:transform}.carousel-slider__slide{flex:0 0 var(--slide-width);padding:0 calc(var(--slide-gap) * .5);-webkit-user-select:none;-moz-user-select:none;user-select:none}.carousel-slider__aside{z-index:2;justify-self:center}.carousel-slider.sliding{--slide-animation-dur: .4s}.carousel-slider:not(.overflow) .carousel-slider__main{overflow:hidden}.numberAdjustBox{width:100%;border:solid 2px #205072;border-radius:10px;display:flex}.numberAdjustBox button{font-size:20px;width:50px}.numberAdjustBox button:hover{background-color:#205072;color:#fff}.numberBox{width:100%;padding:5px;text-align:center;border-left:solid 2px #205072;border-right:solid 2px #205072;font-size:20px}.l-mint{--card-w: 300px;--card-img-h: 300px;--bg-padding-bottom: 100px;--layout-padding: 60px}.l-mint .l-container{max-width:calc(1170px + var(--layout-padding) * 2)}.l-mint .carousel-slider{align-items:flex-start}.l-mint .carousel-slider__aside{display:flex;align-items:center;height:var(--card-img-h)}@media (max-width: 768px){.l-mint .carousel-slider__main{margin:0 calc(var(--layout-padding) * -2)}}@media (max-width: 480px){.l-mint{--card-img-h: 250px;--card-w: 250px;--layout-padding: 10px}}.mint-card{display:grid;grid-auto-rows:min-content;gap:10px;justify-items:flex-start;width:100%;max-width:var(--card-w);margin:0 auto;font-weight:500}.mint-card>*:not(.mint-card__btn){transition:opacity .2s ease}.mint-card__img{position:relative;width:100%;height:var(--card-img-h)}.mint-card__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mint-card__title{font-size:1.75em;font-weight:700}.mint-card__desc{font-size:16px;color:#329d9c}.mint-card__btn{margin-top:10px}@media (max-width: 768px){.mint-card{gap:5px;justify-items:center;text-align:center}.mint-card__title{margin:15px 0 0;font-size:20px}.mint-card:not(.activated) .mint-card__title,.mint-card:not(.activated) .mint-card__desc,.mint-card:not(.activated) .mint-card__info,.mint-card:not(.activated) .mint-card__btn{opacity:0}}.mint-card.disabled .mint-card__img:before{position:absolute;content:"";background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);inset:0}@supports not (inset: 0){.mint-card.disabled .mint-card__img:before{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mint-card.disabled .mint-card__img:before{top:0;left:0;right:0;bottom:0}}.mint-card.disabled .mint-card__img:after{position:absolute;top:50%;left:50%;font-size:36px;font-style:italic;font-weight:700;color:#7be495;text-align:center;content:"Coming Soon...";transform:translate(-50%,-50%)}.l-about{--bg-padding-bottom: 128px;--header-gap: 20px;--container-gap: 70px;--min-card-w: 300px;--card-col-gap: 3.125vw;--card-gap: 15px}.l-about .l-container{display:grid;grid-template:repeat(2,auto)/100%;gap:var(--container-gap)}.l-about__header{display:grid;grid-template:repeat(3,auto)/100%;gap:var(--header-gap)}.l-about__header .title{font-weight:500}.l-about__main{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--min-card-w),1fr));grid-auto-rows:auto;gap:var(--card-col-gap);justify-items:center;width:100%;margin:0 auto}.l-about .card{display:grid;grid-template:repeat(3,auto)/100%;gap:var(--card-gap);width:100%;max-width:300px}.l-about .card__head{position:relative;width:100%;margin-bottom:calc(var(--card-gap) * .8);aspect-ratio:1/1}@supports not (aspect-ratio: auto){.l-about .card__head:before{display:block;padding-top:100%;content:""}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.l-about .card__head:before{display:block;padding-top:100%;content:""}}.l-about .card__head img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.l-about .card__title{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.7;color:#fff;text-align:center;inset:0}@supports not (inset: 0){.l-about .card__title{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.l-about .card__title{top:0;left:0;right:0;bottom:0}}.l-about .card__title h3{font-size:1.75em;font-weight:700}.l-about .card__feature{font-size:1.125em;font-weight:500;color:#329d9c;white-space:pre-wrap}.l-about .card__info{font-size:1.25em;font-weight:500}.l-about .card__note{display:block;font-size:.875em}.l-about .article{margin:-15px 0}.l-about .article>p{margin:15px 0}@media (max-width: 768px){.l-about{--card-col-gap: 40px;--card-gap: 10px}.l-about .card{text-align:center}.l-about__main{max-width:600px}}@media (max-width: 480px){.l-about{--header-gap: 15px;--container-gap: 45px}}.l-project{background:url(/project-percentage/assets/s2_bg.fd0bfd48.png) no-repeat center/cover}.l-project .l-container{display:grid;grid-template:auto/repeat(2,1fr);gap:30px;justify-content:space-between}.l-project__header{display:grid;grid-template:repeat(3,min-content)/100%;gap:20px;max-width:510px}.l-project__header .content{margin-top:10px;line-height:1.8}.l-project__main{display:grid;grid-template:repeat(2,auto)/100%;gap:40px;justify-self:flex-end;width:100%;max-width:500px;font-size:20px;font-weight:700;text-align:center}.l-project__main h3{font-size:28px}.l-project__main .icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%}.l-project__main .features{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:60px}.l-project__main .feature-item{display:grid;grid-template:100px auto/100%;gap:20px;justify-items:center;white-space:nowrap}.l-project__main .mini-text{font-size:16px}@media (max-width: 1024px){.l-project .features{gap:40px}}@media (max-width: 768px){.l-project .l-container{grid-template:repeat(2,auto)/100%}.l-project__main{gap:25px;justify-self:center;font-size:16px}.l-project__main h3{font-size:20px}}@media (max-width: 480px){.l-project__header{gap:5px}}.l-works{background:linear-gradient(180deg,#f1fff4 0%,#e3ffe6 100%);padding-top:0;overflow:initial}.l-works .imageContainer{display:flex;justify-content:space-between;padding:0 3vw}.l-works .imageContainer img{width:17vw;margin-top:5vw;margin-bottom:-5vw;display:inline-block;box-shadow:0 20px 70px -30px #0000004d}.l-works .imageContainer img:nth-child(1){transform:translateY(1%)}.l-works .imageContainer img:nth-child(2){transform:translateY(-8%)}.l-works .imageContainer img:nth-child(3){transform:translateY(-30%)}.l-works .imageContainer img:nth-child(4){transform:translateY(-10%)}.l-works .imageContainer img:nth-child(5){transform:translateY(-20%)}.l-works .article{display:grid;grid-template:min-content auto/minmax(0,1fr) max-content;grid-template-areas:"title logo" "content content";gap:30px;align-items:center}.l-works .article__logo{grid-area:logo}.l-works .article__title{grid-area:title}.l-works .article__content{grid-area:content;margin:-15px 0;line-height:1.75}.l-works .article__content>p{margin:15px 0}@media (max-width: 768px){.l-works .article{grid-template:repeat(3,auto)/100%;grid-template-areas:"title" "content" "logo";gap:15px}.l-works .article__logo{margin-top:10px}}.artist-card:hover .artist-card__img:before,.artist-card.activated .artist-card__img:before{opacity:1}.artist-card{--border-w: 3px;--info-offset: 0;position:relative;align-self:flex-start;width:100%;cursor:pointer}.artist-card__img{position:relative;z-index:0;padding:var(--border-w)}.artist-card__img:before{position:absolute;z-index:-1;content:"";background-image:linear-gradient(135deg,#56c596,#7be495);opacity:0;transition:opacity .4s ease;inset:0}@supports not (inset: 0){.artist-card__img:before{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.artist-card__img:before{top:0;left:0;right:0;bottom:0}}.artist-card__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.artist-card__info{position:absolute;top:calc(100% + 20px);left:0;width:100%;padding:0 var(--border-w);opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(-10px) translate(var(--info-offset))}.artist-card__info .name{font-size:1.25em;font-weight:700;color:#329d9c}.artist-card__info .en{font-weight:700;color:#329d9c}.artist-card__info .location{font-weight:500}.artist-card__info .desc{position:absolute;width:calc(100vw - 20px);margin-top:5px;font-size:15px}@media (max-width: 480px){.artist-card__info .desc>span{display:block}}.artist-card.activated .artist-card__info{opacity:1;transition-delay:var(--slide-animation-dur);transform:translateY(0) translate(var(--info-offset))}@media (min-width: 769px){.artist-card.activated .artist-card__info{transition-delay:calc(var(--slide-animation-dur) + .4s)}}@media (max-width: 768px){.artist-card{text-align:center}.artist-card__info{--info-offset: -50%;left:50%}.artist-card__info .desc{left:50%;transform:translate(-50%)}}.l-artist{--img-h: 380px;padding-bottom:155px;background:url(/project-percentage/assets/s4_bg.5deb39a9.png) no-repeat center/cover}.l-artist__header{display:grid;grid-auto-rows:min-content;gap:10px;margin-bottom:60px}.l-artist__main{--layout-padding: 60px;--container-height: 580px;min-height:var(--container-height)}@media (max-width: 1024px){.l-artist__main{--layout-container-w: 648px;--container-height: 480px}}@media (max-width: 768px){.l-artist__main{--layout-padding: 10px;--layout-container-w: 375px;--container-height: 420px}}@media (max-width: 480px){.l-artist{padding-bottom:115px}.l-artist__main{--layout-container-w: 350px;--container-height: 430px}.l-artist__header{margin-bottom:45px}}@media (max-width: 374px){.l-artist__main{--layout-container-w: 320px;--container-height: 390px}}.l-artist .carousel-slider{align-items:flex-start}.l-artist .carousel-slider__aside{display:flex;align-items:center;height:var(--img-h)}@media (max-width: 480px){.l-artist .carousel-slider__main{margin:0 calc(var(--layout-padding) * -2)}}.l-artist .carousel-slider__slide{display:flex;justify-content:center;transition:flex-basis .2s ease;transform-origin:50% 0}@media (min-width: 769px){.l-artist .carousel-slider__slide{pointer-events:auto}.l-artist .carousel-slider__slide.activated.visible{flex-basis:calc(var(--slide-width) * 1.2);transition-delay:var(--slide-animation-dur);transition-duration:.4s}}@media (max-width: 768px){.l-artist .carousel-slider__slide{transition:transform .4s ease}.l-artist .carousel-slider__slide:not(.activated){transform:scale(.88)}}.glass-canvas{z-index:-1;width:100%;height:100%;pointer-events:none}.l-roadmap{position:relative;z-index:0;padding-bottom:50px;overflow:visible;background-color:#e3ffe6}.l-roadmap__main{margin-top:66px}.l-roadmap .canvas{position:absolute;right:0;bottom:0}@media (max-width: 768px){.l-roadmap{padding-bottom:145px}}@media (max-width: 480px){.l-roadmap__main{margin-top:50px}}.timeline{--mark-size: 12px;--margin-left: 45px;--margin-bottom: 40px}.timeline-item{display:grid;grid-template:35px max-content/var(--mark-size) minmax(0,1fr);gap:0;align-items:center}.timeline-item .mark,.timeline-item .line{position:relative;height:100%}.timeline-item .mark{position:relative;display:flex;grid-row:1/2;grid-column:1/2;align-items:center;height:100%}.timeline-item .mark:after{display:block;width:var(--mark-size);height:var(--mark-size);content:"";transform:rotate(-45deg);background:linear-gradient(to bottom,#205072,#329d9c)}.timeline-item .line{display:flex;grid-row:2/3;grid-column:1/2;justify-content:center}.timeline-item .line:before{display:block;width:2px;height:100%;content:"";background-color:#56c596}.timeline-item:first-child .mark:before{position:absolute;top:0;right:0;left:0;width:2px;height:30px;margin:0 auto;content:"";background-color:#56c596;transform:translateY(-100%)}.timeline-item:last-child .line:after{position:absolute;bottom:0;left:50%;width:var(--mark-size);height:var(--mark-size);content:"";border-bottom:2px solid #56c596;border-left:2px solid #56c596;transform:translate(-50%) rotate(-45deg)}.timeline-date,.timeline-title{font-size:1.375em}.timeline-date{grid-row:1/2;grid-column:2/3;margin-left:var(--margin-left);font-weight:700;color:#329d9c}.timeline-content{display:grid;grid-row:2/3;grid-column:2/3;grid-auto-rows:auto;gap:10px;margin:10px 0 var(--margin-bottom) var(--margin-left);font-weight:400}.timeline-content span{font-weight:500}.timeline-title span{font-weight:700;color:#329d9c}.timeline .c-list{padding-left:10px}@media (max-width: 480px){.timeline{--margin-left: 20px;--margin-bottom: 30px}.timeline-date,.timeline-title{font-size:18px}}.l-team{--bg-padding-bottom: 95px}.l-team .l-container{display:grid;grid-template:repeat(2,auto)/100%;gap:80px}@media (max-width: 480px){.l-team .l-container{gap:30px}}.l-team__header{display:grid;grid-template:repeat(3,auto)/100%;gap:10px}.l-team__header p:not(.content){font-size:1.375em}.l-team__header .content>span{font-weight:700;font-weight:1.125em}.l-team__header .underline{text-decoration:underline;text-underline-offset:2px}@media (max-width: 480px){.l-team__header{gap:20px}}.l-team__member{display:grid;grid-template-columns:repeat(auto-fill,120px);gap:60px;justify-content:center;width:100%;max-width:840px;margin:0 auto}@media (max-width: 480px){.l-team__member{gap:30px}}.l-team .member-name{font-size:1.125em;font-weight:700}.l-team .member-title{color:#329d9c}.l-team .member-img{position:relative;margin-bottom:20px;transition:transform .4s ease}.l-team .photo{--border-w: 3px;--img-size: 120px;position:relative;z-index:0;width:var(--img-size);height:var(--img-size);padding:var(--border-w)}.l-team .photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.l-team .photo:before{position:absolute;z-index:-1;content:"";background:linear-gradient(135deg,#56c596,#7be495);inset:0}@supports not (inset: 0){.l-team .photo:before{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.l-team .photo:before{top:0;left:0;right:0;bottom:0}}.l-team .member-card{display:flex;flex-direction:column;align-items:center;text-align:center}@media (hover: hover){.l-team .member-card:hover .member-img{transform:translateY(-10px)}.l-team .member-card:hover .photo{animation:float-y 2s ease-in-out infinite}}.l-partner{padding:100px 0;color:#fff;background:linear-gradient(90deg,#329d9c 0%,#56c596 34.58%,#7be495 64.1%,#d3fa36 100%)}.l-partner .section-copy{margin-top:10px}.l-partner__main{margin-top:80px}@media (max-width: 480px){.l-partner{padding:80px 0}.l-partner__main{margin-top:60px}}.marquee{display:flex}.marquee .slide{display:flex;flex-shrink:0;animation:marquee 30s linear infinite}.marquee:hover .slide{animation-play-state:paused}.partner{flex-shrink:0;width:120px;height:120px;margin:0 30px}.partner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.l-report{padding-bottom:0}.l-report__main{margin-top:70px}.l-report .arrow-btn{--size: 70px}.l-report .slider{position:relative;display:flex;margin-top:-17px;overflow:hidden;will-change:transform}.l-report .slider .slide{flex:0 0 var(--slide-w);padding:0 calc(var(--slide-gap) * .5);transition:transform .4s ease-in-out;transform:translate(var(--offset))}.l-report .slider .slide:last-child{padding-right:var(--layout-padding)}.l-report .slider-container{position:relative;bottom:-17px;width:100%;height:100%;padding-bottom:17px;overflow-x:scroll;scroll-snap-type:x proximity}.l-report .slider-container.snap{scroll-snap-type:x proximity}.l-report .slider-container.snap .slide{scroll-snap-align:center}.l-report .slider-inner{display:flex;padding-left:max(var(--layout-padding),(100vw - var(--layout-container-w)) * .5);margin:0 calc(var(--slide-gap) * -.5)}.l-report .slider-btn{position:absolute;top:77px}.l-report .slider-btn.prev{left:5%}.l-report .slider-btn.next{right:5%}.l-report .slider-footer{display:grid;grid-template:40px/repeat(2,40px);gap:15px;justify-content:flex-end;margin-top:15px;margin-right:60px}.l-report .slider-footer .arrow-btn{--size: 40px}@media (max-width: 480px){.l-report__main{margin-top:40px}}.report-card{position:relative;display:grid;grid-template:repeat(3,auto)/100%;gap:15px;max-width:330px}.report-card .click-area{position:absolute;font-size:0;line-height:0;inset:0}@supports not (inset: 0){.report-card .click-area{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.report-card .click-area{top:0;left:0;right:0;bottom:0}}.report-card__title{margin-top:10px;font-size:1.125em;font-weight:700;white-space:pre-wrap}.report-card__img{position:relative;z-index:0;background-clip:padding-box;border:3px solid transparent}.report-card__img:before{position:absolute;z-index:-1;content:"";background-image:linear-gradient(135deg,#56c596,#7be495);opacity:0;transition:opacity .4s ease;inset:-3px}@supports not (inset: 0){.report-card__img:before{top:-3px;left:-3px;right:-3px;bottom:-3px}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.report-card__img:before{top:-3px;left:-3px;right:-3px;bottom:-3px}}.report-card__info{color:#329d9c}@media (hover: hover){.report-card:hover .report-card__img:before{opacity:1}}@media (max-width: 480px){.report-card__title{margin-top:0;font-size:16px}}.l-recommend__main{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-auto-rows:max-content;gap:35px;margin-top:60px}@media (max-width: 480px){.l-recommend__main{grid-template-columns:100%;margin-top:40px}}.recommend-card{--photo-size: 90px;--gap: 35px;--font-size: 18px;display:grid;grid-template:100%/var(--photo-size) minmax(0,1fr);gap:var(--gap);align-items:flex-start;align-self:flex-start;font-size:var(--font-size)}.recommend-card__photo{width:90px;height:90px;overflow:hidden;border-radius:50%}.recommend-card__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.recommend-card__comment{display:grid;grid-template:1fr max-content/100%;gap:20px}.recommend-card__comment .comment{flex:1;font-weight:500;white-space:pre-wrap}.recommend-card__comment .name{font-size:14px;color:#329d9c}@media (max-width: 480px){.recommend-card{--photo-size: 70px;--gap: 20px;--font-size: 16px}}.l-fabdao{--container-gap: 60px;--card-gap: 25px;background:url(/project-percentage/assets/s9_bg.f6ad7707.png) no-repeat center/cover}.l-fabdao .l-container{display:grid;grid-template:repeat(2,auto)/100%;gap:var(--container-gap)}.l-fabdao__header{display:grid;grid-template:repeat(2,auto)/100%;gap:15px}.l-fabdao__main{display:grid;grid-template-columns:repeat(auto-fit,330px);gap:var(--container-gap);justify-content:center}.l-fabdao .info-card{display:grid;grid-template:repeat(2,min-content)/100%;gap:var(--card-gap);justify-items:center}.l-fabdao .info-card__header{font-size:16px;font-weight:500;text-align:center}.l-fabdao .info-card__header .image{position:relative;z-index:0;width:220px;margin-bottom:15px;overflow:hidden;border-radius:50%;aspect-ratio:1/1}@supports not (aspect-ratio: auto){.l-fabdao .info-card__header .image:before{display:block;padding-top:100%;content:""}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.l-fabdao .info-card__header .image:before{display:block;padding-top:100%;content:""}}.l-fabdao .info-card__header .text{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:rgba(0,0,0,.2) 0 0 5px;inset:0}@supports not (inset: 0){.l-fabdao .info-card__header .text{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.l-fabdao .info-card__header .text{top:0;left:0;right:0;bottom:0}}.l-fabdao .info-card__header .text p:first-child{font-size:28px;font-weight:700}.l-fabdao .info-card__header .em{margin-bottom:5px;font-size:20px;font-weight:700}@media (max-width: 480px){.l-fabdao{--container-gap: 40px;--card-gap: 15px}}.gooey{display:none}.gooey-container{position:absolute;top:-20px;right:0;left:0;z-index:-1;height:calc(100% + 20px);pointer-events:none;background:linear-gradient(360deg,#205072 0%,#329d9c 51.56%,#56c596 100%);-webkit-mask:linear-gradient(to bottom,#fff,#fff) no-repeat 0 35px/100% 100%,url(/project-percentage/assets/wave.5482ad88.svg) no-repeat 0 -45px/150% 80px;mask:linear-gradient(to bottom,#fff,#fff) no-repeat 0 35px/100% 100%,url(/project-percentage/assets/wave.5482ad88.svg) no-repeat 0 -45px/150% 80px;transform-origin:50% 0;animation:wave 2.5s linear infinite alternate}@keyframes wave{0%{-webkit-mask-position:0 35px,0 -45px;mask-position:0 35px,0 -45px}to{-webkit-mask-position:0 35px,100% -45px;mask-position:0 35px,100% -45px}}.l-faq{--bg-padding-bottom: 160px}.l-faq__main{max-width:720px;margin:30px auto 0}.faq{--title-size: 22px;--q-size: 28px;--toggle-pad: 25px;--toggle-icon-size: 20px;position:relative;z-index:0}.faq:after{position:absolute;right:0;bottom:0;left:0;z-index:-1;height:1px;content:"";background-color:#329d9c}.faq__title{display:flex;align-items:center;width:100%;padding:var(--toggle-pad) 10px;font-size:var(--title-size);font-weight:900;color:#329d9c;border-bottom:1px solid #56c596}.faq__title h3{flex:1;text-align:left}.faq__title h3:before{font-size:var(--q-size);color:#205072;content:attr(title) "\ff1a"}.faq__content{padding:1.35em;line-height:1.7;white-space:pre-wrap}.faq__content p{margin:15px 0}.faq .icon{position:relative;width:var(--toggle-icon-size);height:var(--toggle-icon-size)}.faq .icon:after,.faq .icon:before{position:absolute;top:50%;left:0;width:100%;height:2px;content:"";background-color:#329d9c;transition:transform .3s ease;transform:translateY(-50%)}.faq .icon.expand:after{transform:translateY(-50%) rotate(-90deg)}@media (max-width: 480px){.faq{--title-size: 18px;--q-size: 20px;--toggle-pad: 20px;--toggle-icon-size: 15px}}.l-promo{position:relative;z-index:0;background-color:#e3ffe6}.l-promo .l-container{display:grid;grid-template:repeat(2,auto)/100%;gap:60px;max-width:760px}.l-promo__header{display:grid;grid-template:repeat(2,auto)/100%;gap:30px;text-align:center}.l-promo__main{display:grid;grid-template:auto/repeat(2,minmax(0,1fr));gap:40px}.l-promo__title{font-size:45px}.l-promo .box{display:grid;grid-template:1fr min-content/100%;gap:30px;justify-items:center;font-size:16px;text-align:center}.l-promo .canvas{position:absolute;right:0;bottom:0}@media (max-width: 768px){.l-promo{padding-bottom:190px}}@media (max-width: 480px){.l-promo .l-container{max-width:320px}.l-promo .box{max-width:180px;margin:0 auto}.l-promo__title{font-size:28px}.l-promo__main{grid-template:repeat(2,auto)/100%;gap:60px}}.totop{display:flex;flex-direction:column;align-items:center;font-weight:500;color:#fff}.totop .arrow-btn{--arrow-size: 10px;margin-bottom:5px}.totop .arrow-btn .icon{transform:rotate(90deg)}.totop .arrow-btn:hover .icon{animation:arrow 1s ease infinite}@media (max-width: 480px){.totop .arrow-btn{--size: 40px;--arrow-size: 8px}}@keyframes arrow{0%{transform:rotate(90deg)}50%{transform:translateY(-3px) rotate(90deg)}to{transform:rotate(90deg)}}.l-footer[data-v-4f503f5e]{position:relative;padding:40px 0;color:#fff;background-color:#205072}.footer-simple[data-v-4f503f5e]{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.back-link[data-v-4f503f5e]{display:inline-block;padding:14px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff8863,#ffae63);border-radius:40px;text-decoration:none;transition:transform .2s,box-shadow .2s}.back-link[data-v-4f503f5e]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff886366}.copyright[data-v-4f503f5e]{font-size:13px;opacity:.4}.loading-mask{position:fixed;z-index:var(--loading-index);display:flex;align-items:center;justify-content:center;font-size:24px;font-style:italic;font-weight:900;color:#fff;text-align:center;letter-spacing:.05em;background-color:#56c596;inset:0}@supports not (inset: 0){.loading-mask{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.loading-mask{top:0;left:0;right:0;bottom:0}}.loading-mask .bar{position:relative;width:150px;height:5px;margin-top:10px;overflow:hidden;isolation:isolate;border-radius:20px}.loading-mask .bar:after{position:absolute;top:0;right:0;bottom:0;width:200%;content:"";background:linear-gradient(270deg,#fcffec 72%,rgba(252,255,236,0) 100%);border-radius:inherit;transform:translate(-100%);animation:loading-bar 2s linear infinite both}.loading-mask .text{display:flex}.loading-mask .char{display:block;opacity:0;animation:loading-char 2s ease infinite both;animation-delay:calc(var(--delay) + .5s)}@keyframes loading-bar{to{transform:translate(100%)}}@keyframes loading-char{0%{opacity:0;transform:rotate(15deg) translateY(50%)}10%{opacity:1}15%{transform:rotate(-15deg) translateY(-8px)}25%{transform:none}60%{opacity:1}}.call-to-action{position:sticky;right:40px;bottom:5%;z-index:10;display:flex;width:190px;padding-bottom:20px;margin-top:-210px;margin-left:auto;overflow:hidden;transition:opacity .3s ease,transform .3s ease-out}.call-to-action:not(.active){opacity:0;transform:translateY(40%)}.section-media{--bg-padding-bottom: 185px;display:grid;grid-template-columns:100%;grid-auto-rows:auto;gap:120px}@media (max-width: 480px){.section-media{gap:110px}}#cursor{--size: 20px;position:fixed;top:calc(var(--size) * -.5);left:calc(var(--size) * -.5);z-index:var(--cursor-index);width:var(--size);height:var(--size);pointer-events:none;transition:transform .5s cubic-bezier(.17,.84,.44,1);transform:translate(var(--cursor-x),var(--cursor-y))}#cursor.hover:after{opacity:0;transform:scale(4)}#cursor:after{position:absolute;content:"";background-color:#7be495;border-radius:50%;transition:opacity .4s ease-out,transform .4s ease-out;inset:0}@supports not (inset: 0){#cursor:after{top:0;left:0;right:0;bottom:0}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){#cursor:after{top:0;left:0;right:0;bottom:0}}@media (hover: none){#cursor{display:none}}