@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+TC:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cactus+Classical+Serif&display=swap";.naviTopBar-container[data-v-a447c76b]{display:flex;width:100%;position:fixed;top:0;background-color:#fff;border-bottom:.065rem #eaebe6 solid;height:3.5rem;padding:0rem 1rem;z-index:100;opacity:0;justify-content:space-between}.items[data-v-a447c76b]{align-self:center}.left[data-v-a447c76b]{display:flex;gap:2rem;align-items:center}.right[data-v-a447c76b]{display:flex;justify-content:flex-end;gap:5rem;align-items:center}.role[data-v-a447c76b]{-webkit-user-select:none;-ms-user-select:none;user-select:none}.aboutBtn[data-v-a447c76b],.closeBtn[data-v-a447c76b]{cursor:pointer}.btn[data-v-a447c76b]{height:3.5rem;width:7rem;display:flex;justify-content:center;align-items:center;padding:0rem 1rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.name.btn[data-v-a447c76b]{width:max-content}.btn[data-v-a447c76b]:hover{background-color:#f4f3f1}.closeBtn[data-v-a447c76b]{opacity:0;pointer-events:none}.show[data-v-a447c76b]{opacity:1;pointer-events:all}.name[data-v-a447c76b]{cursor:pointer}@media screen and (max-width:699px){.left p[data-v-a447c76b]{padding:0rem}.right[data-v-a447c76b]{gap:0rem!important}.right .btn[data-v-a447c76b]{width:5rem;padding:0rem}}.globalFooter-container[data-v-f4d4298e]{background-color:#f4f3f1;width:100vw;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:3rem;gap:.5rem}.hide[data-v-f4d4298e]{display:none}.status[data-v-f4d4298e]{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;height:2rem;border-radius:1rem;border:.0625rem black solid}.light[data-v-f4d4298e]{margin-top:.25rem;width:.5rem;height:.5rem;aspect-ratio:1/1;border-radius:100%;background-color:#0f0;box-shadow:0 0 20px 5px #0fa9}pre[data-v-f4d4298e]{font-size:.75rem;font-family:monospace}.big[data-v-f4d4298e]{display:block}.small[data-v-f4d4298e]{display:none}@media screen and (max-width:600px){.globalFooter-container[data-v-f4d4298e]{padding:3rem 1rem;gap:1rem;text-align:center}pre[data-v-f4d4298e]{font-size:.5rem}.big[data-v-f4d4298e]{display:none}.small[data-v-f4d4298e]{display:block}}*{margin:0;padding:0;box-sizing:border-box}html{width:100vw;height:max-content;background:#fff;overscroll-behavior-y:none}.heading-serif{color:#1e1e1e;text-align:center;font-family:"Cactus Classical Serif";font-size:1.5rem;font-style:normal;font-weight:400;line-height:120%;letter-spacing:-.03rem}.heading-serif-two{color:#1e1e1e;text-align:center;font-family:"Cactus Classical Serif";font-size:1.3rem;font-style:normal;font-weight:400;line-height:120%;letter-spacing:-.03rem}.display-huge{color:#303030;text-align:right;font-family:Inter,Noto Sans TC,sans-serif;font-size:10.9375rem;font-style:normal;font-weight:700;line-height:100%;letter-spacing:-.32813rem}.body-base{color:#000;font-family:Inter,Noto Sans TC,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:140%}.body-small{color:#757575;font-family:Inter,Noto Sans TC,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}a{color:#fff;text-decoration:underline;font-style:italic}.thirdTitle{color:#fff;text-align:center;font-family:"Cactus Classical Serif";font-size:1.6rem;font-style:normal;font-weight:400;line-height:120%;letter-spacing:-.03rem;margin-top:1rem;text-align:left}.app-container[data-v-8baa45f3]{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;position:relative}.heroPage-container[data-v-522a973e]{position:relative;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;cursor:none;transition:opacity .5s ease;opacity:1}.svgs[data-v-522a973e],.svgs-hover[data-v-522a973e]{position:absolute;width:100%;height:100%;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-between;padding:.75rem .75rem 1.31rem;box-sizing:border-box!important}.hide[data-v-522a973e]{opacity:0;cursor:auto}.svgs-hover[data-v-522a973e]{clip-path:url(#circle-clip)}.top[data-v-522a973e],.bottom[data-v-522a973e]{width:100%;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-grow:0}.top[data-v-522a973e]>*:not(.line),.bottom[data-v-522a973e]>*:not(.line){flex-shrink:0;flex-grow:0}.top>.line[data-v-522a973e],.bottom>.line[data-v-522a973e]{width:100%;flex-shrink:1;height:.13rem;background-color:#000;margin:0 1rem}.bottom>.line[data-v-522a973e]{transform:rotate(10deg)}.top>.line[data-v-522a973e]{transform:rotate(-10deg)}.mid[data-v-522a973e]{height:100%;width:100%;display:flex;justify-content:flex-end;padding:0 20rem 0rem 0rem;flex-shrink:1}.mid>.line[data-v-522a973e]{height:100%;width:.13rem;background-color:#000;transform:rotate(-10deg)}.bottom>svg[data-v-522a973e]:nth-child(1){align-self:flex-start}.custom-cursor[data-v-522a973e]{position:fixed;width:20rem;height:20rem;pointer-events:none;z-index:9999}.custom-cursor>svg[data-v-522a973e]{animation:15s linear spin-522a973e infinite reverse}@keyframes spin-522a973e{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.texts[data-v-522a973e]{position:absolute;bottom:2.5rem;left:1.5rem}.texts>p[data-v-522a973e]{color:gray}@media screen and (max-width:1399.98px),screen and (max-height:899.98px){.svgs[data-v-522a973e],.svgs-hover[data-v-522a973e],.custom-cursor[data-v-522a973e]{display:none!important}.heroPage-container[data-v-522a973e]{cursor:auto}}.projectCardTag-container[data-v-995fee78]{display:flex;padding:0 .5625rem;justify-content:center;align-items:center;gap:.625rem;border-radius:1rem;border:.5px solid #808080}span[data-v-995fee78]{color:gray;font-family:Inter,Noto Sans TC,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:140%}.projectCard-container[data-v-9d076f65]{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;border-radius:1rem;border:1px solid #bbb;width:19rem;height:29rem;cursor:pointer}.projectCard-container[data-v-9d076f65]>*{flex-shrink:0}.content-container[data-v-9d076f65]{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;height:100%}.thumbnail[data-v-9d076f65]{width:100%;aspect-ratio:15/11.25;background-color:#000;border-radius:1rem 1rem 0 0;margin-bottom:1rem}h1[data-v-9d076f65],p[data-v-9d076f65]{width:100%;text-align:left;padding:0 2rem}p[data-v-9d076f65]{height:5rem;margin-bottom:.5rem}.tags-container[data-v-9d076f65]{display:flex;align-items:flex-start;justify-content:flex-start;gap:.5rem;width:100%;flex-wrap:wrap;padding:0 2rem 2rem;align-content:flex-start}.typeCheckbox-container[data-v-2105ebe6]{display:flex;min-width:7.5rem;align-items:center;gap:.75rem;padding:1rem 2rem;transition:all .1s ease;cursor:pointer;border-radius:1rem;opacity:1}.typeCheckbox-container.unable[data-v-2105ebe6]{opacity:.3}.typeCheckbox-container[data-v-2105ebe6]:hover{background-color:#8080801a}.typeCheckbox-container>svg[data-v-2105ebe6]{width:1rem;height:1rem}.myWorks-container[data-v-a4c2b70a]{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:3rem;padding:4rem 4rem 0;height:max-content;min-height:100vh}.top[data-v-a4c2b70a]{display:flex;flex-direction:column;gap:2rem;transform:translateY(calc(50vh - 4rem - 50%));transition:1s ease}.animate2 .top[data-v-a4c2b70a],.animate3 .top[data-v-a4c2b70a]{transform:none;margin-top:4rem}.placeholder[data-v-a4c2b70a]{height:1.375rem}.projectCards-container[data-v-a4c2b70a]{width:100%;display:flex;justify-content:center;align-items:flex-start;gap:2rem;flex-wrap:wrap;padding-bottom:10rem}.projectCard[data-v-a4c2b70a]{opacity:0}.animate3 .projectCard[data-v-a4c2b70a]{animation:fadeIn-a4c2b70a 1s forwards ease}@keyframes fadeIn-a4c2b70a{0%{opacity:0}to{opacity:1}}.myWorks-container.hideCursor[data-v-a4c2b70a]{cursor:none}.checkboxes[data-v-a4c2b70a]{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;height:1.375rem;pointer-events:none}.animate2 .checkboxes[data-v-a4c2b70a],.animate3 .checkboxes[data-v-a4c2b70a]{pointer-events:all}.animate1 .checkboxes>.checkbox[data-v-a4c2b70a]{transition:all .5s ease}.animate1 .checkboxes .checkbox[data-v-a4c2b70a]:nth-child(1){transition-delay:0s}.animate1 .checkboxes .checkbox[data-v-a4c2b70a]:nth-child(2){transition-delay:.5s}.animate1 .checkboxes .checkbox[data-v-a4c2b70a]:nth-child(3){transition-delay:1s}.animate1 .checkboxes .checkbox[data-v-a4c2b70a]:nth-child(4){transition-delay:1.5s}.animate0 .checkboxes>.checkbox[data-v-a4c2b70a]{opacity:0}.custom-cursor[data-v-a4c2b70a]{position:fixed;width:20rem;height:20rem;pointer-events:none;z-index:9999;transform:scale(1);transform-origin:top left;transition:transform .2s ease}.custom-cursor.hide[data-v-a4c2b70a]{transform:scale(0)}.custom-cursor>svg[data-v-a4c2b70a]{animation:15s linear spin-a4c2b70a infinite reverse}@keyframes spin-a4c2b70a{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media screen and (max-width:999.98px){.checkboxes[data-v-a4c2b70a],.custom-cursor[data-v-a4c2b70a]{display:none!important}.myWorks-container.hideCursor[data-v-a4c2b70a]{cursor:auto!important}}.renderHTML[data-v-91535c31] p{color:#fff;font-family:Inter,Noto Sans TC,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.05rem;width:100%}.contentImage[data-v-91535c31]{width:100%;display:block;cursor:zoom-in}.videoItem[data-v-91535c31]{width:100%}.videoWrapper[data-v-91535c31]{width:100%;position:relative;cursor:zoom-in}.videoFrame[data-v-91535c31]{position:relative;width:100%}.videoWrapper.expanded[data-v-91535c31]{position:fixed;inset:0;z-index:102;display:flex;align-items:center;justify-content:center;cursor:default}.videoWrapper.expanded .videoFrame[data-v-91535c31]{width:auto;max-width:90vw;max-height:90vh}.contentVideo[data-v-91535c31]{width:100%;display:block}.videoWrapper.expanded .contentVideo[data-v-91535c31]{width:auto;max-width:90vw;max-height:90vh;object-fit:contain}.videoBackdrop[data-v-91535c31]{position:fixed;inset:0;background-color:#000000d9;z-index:101}.closeVideoButton[data-v-91535c31]{position:absolute;top:.75rem;right:.75rem;width:2.25rem;height:2.25rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#0009;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;z-index:1;transition:background-color .2s ease}.closeVideoButton[data-v-91535c31]:hover{background:#000c}.projectPage-container[data-v-fb07b4c6]{display:grid;width:100%;max-width:100%;padding:5.5rem 2rem;grid-template-columns:1fr 1fr 1fr;background-color:#000}.bannerDiv[data-v-fb07b4c6]{width:100%;grid-column:span 4;display:flex;justify-content:center;align-items:center;overflow:hidden}.banner[data-v-fb07b4c6]{width:100%;height:auto}.left[data-v-fb07b4c6]{grid-column:1/2;padding-top:2rem}.projectNameDiv[data-v-fb07b4c6]{display:flex;flex-direction:column;align-items:start;gap:1rem;position:sticky;top:4.5rem}.left .title[data-v-fb07b4c6]{text-align:left;letter-spacing:7%;color:#f4f3f1}.category[data-v-fb07b4c6]{text-align:left;opacity:.5;color:#f4f3f1}.right[data-v-fb07b4c6]{grid-column:2/4;padding-top:2rem}.description[data-v-fb07b4c6]{column-count:1;column-gap:2rem}.description[data-v-fb07b4c6] p{color:#f4f3f1;font-family:Inter,Noto Sans TC,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.6;letter-spacing:.05rem;width:100%}.infos[data-v-fb07b4c6]{padding-top:2rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.infoGroup[data-v-fb07b4c6]{width:100%;grid-column:span(1)}.infoGroup p[data-v-fb07b4c6]{color:#f4f3f1;font-family:Inter,Noto Sans TC,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.6;letter-spacing:.05rem;width:100%;opacity:.7}.infoGroup h2[data-v-fb07b4c6]{padding-top:.5rem;color:#f4f3f1}.infoGroup p[data-v-fb07b4c6],.infoGroup h2[data-v-fb07b4c6]{text-align:left}.contents[data-v-fb07b4c6]{display:flex;flex-direction:column;width:100%;gap:1rem;border-top:#353535 .13rem solid;margin-top:2rem;padding-top:2rem}.links[data-v-fb07b4c6]{margin-top:2rem;width:100%;display:flex;gap:1rem}.linkBtn[data-v-fb07b4c6]{height:3rem;width:100%;border:#9f9f9f .065rem solid;border-radius:.1rem;color:#fff;display:flex;justify-content:start;align-items:center;padding:.5rem 0rem .5rem 1rem;gap:1rem;text-decoration:none;cursor:pointer;transition:all .2s ease}.linkBtn[data-v-fb07b4c6]:hover{background-color:#353535}.linkBtn svg[data-v-fb07b4c6]{height:70%;aspect-ratio:1/1;width:auto}.imageModal[data-v-fb07b4c6]{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:101}.imageModalContent[data-v-fb07b4c6]{position:relative;max-width:90vw;max-height:90vh}.modalImage[data-v-fb07b4c6]{display:block;max-width:90vw;max-height:90vh;object-fit:contain}.closeImageButton[data-v-fb07b4c6]{position:absolute;top:.75rem;right:.75rem;width:2.25rem;height:2.25rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#0009;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;z-index:1;transition:background-color .2s ease}.closeImageButton[data-v-fb07b4c6]:hover{background:#000c}@media screen and (max-width:1099px){.projectPage-container[data-v-fb07b4c6]{display:flex;flex-direction:column;padding:4.5rem 1rem}.projectNameDiv[data-v-fb07b4c6]{position:static;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem}.description[data-v-fb07b4c6]{column-count:1}.infos[data-v-fb07b4c6]{display:flex;flex-direction:column;gap:1.5rem}.infoGroup[data-v-fb07b4c6]{display:flex;flex-direction:column;gap:0rem}.links[data-v-fb07b4c6]{flex-direction:column}}.projectPage-container[data-v-9d9d2e94]{display:grid;width:100%;max-width:100%;padding:5.5rem 2rem;grid-template-columns:1fr 1fr 1fr;background-color:#000}.banner[data-v-9d9d2e94]{width:100%;grid-column:span 4}.left[data-v-9d9d2e94]{grid-column:1/2;padding-top:2rem}.projectNameDiv[data-v-9d9d2e94]{display:flex;flex-direction:column;align-items:start;gap:1rem;position:sticky;top:4.5rem}.left .title[data-v-9d9d2e94]{text-align:left;letter-spacing:7%;color:#f4f3f1}.category[data-v-9d9d2e94]{text-align:left;opacity:.5;color:#f4f3f1}.right[data-v-9d9d2e94]{grid-column:2/4;padding-top:2rem}.description[data-v-9d9d2e94]{column-count:1;column-gap:2rem}.description[data-v-9d9d2e94] p{color:#f4f3f1;font-family:Inter,Noto Sans TC,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.6;letter-spacing:.05rem;width:100%}.infos[data-v-9d9d2e94]{padding-top:2rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.infoGroup[data-v-9d9d2e94]{width:100%;grid-column:span(1)}.infoGroup p[data-v-9d9d2e94]{color:#f4f3f1;font-family:Inter,Noto Sans TC,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.6;letter-spacing:.05rem;width:100%;opacity:.7}.infoGroup h2[data-v-9d9d2e94]{padding-top:.5rem;color:#f4f3f1}.infoGroup p[data-v-9d9d2e94],.infoGroup h2[data-v-9d9d2e94]{text-align:left}.contents[data-v-9d9d2e94]{display:flex;flex-direction:column;width:100%;gap:1rem;border-top:#353535 .13rem solid;margin-top:2rem;padding-top:2rem}.links[data-v-9d9d2e94]{margin-top:2rem;width:100%;display:flex;gap:1rem}.linkBtn[data-v-9d9d2e94]{height:3rem;width:100%;border:#9f9f9f .065rem solid;border-radius:.1rem;color:#fff;display:flex;justify-content:start;align-items:center;padding:.5rem 0rem .5rem 1rem;gap:1rem;text-decoration:none;cursor:pointer;transition:all .2s ease}.linkBtn[data-v-9d9d2e94]:hover{background-color:#353535}.linkBtn svg[data-v-9d9d2e94]{height:70%;aspect-ratio:1/1;width:auto}.imageModal[data-v-9d9d2e94]{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:101}.imageModalContent[data-v-9d9d2e94]{position:relative;max-width:90vw;max-height:90vh}.modalImage[data-v-9d9d2e94]{display:block;max-width:90vw;max-height:90vh;object-fit:contain}.closeImageButton[data-v-9d9d2e94]{position:absolute;top:.75rem;right:.75rem;width:2.25rem;height:2.25rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#0009;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;z-index:1;transition:background-color .2s ease}.closeImageButton[data-v-9d9d2e94]:hover{background:#000c}@media screen and (max-width:1099px){.projectPage-container[data-v-9d9d2e94]{display:flex;flex-direction:column;padding:4.5rem 1rem}.projectNameDiv[data-v-9d9d2e94]{position:static;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem}.description[data-v-9d9d2e94]{column-count:1}.infos[data-v-9d9d2e94]{display:flex;flex-direction:column;gap:1.5rem}.infoGroup[data-v-9d9d2e94]{display:flex;flex-direction:column;gap:0rem}.links[data-v-9d9d2e94]{flex-direction:column}}