nav[data-v-30f10d54]{position:fixed;bottom:0;left:0;right:0;z-index:999;background-color:hsla(0,0%,100%,.98);padding:0 5%;width:100%;height:54px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}h4[data-v-30f10d54]{font:1.125rem/54px Replica-Bold,Helvetica Neue,Helvetica,sans-serif;color:#1a1a1a;margin-right:2rem;text-transform:uppercase}p[data-v-30f10d54]{line-height:54px;color:#98b3b3}.github[data-v-30f10d54]{width:54px;height:54px;margin:0 0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#twitterPath[data-v-30f10d54]{fill:#6774e4}h5[data-v-30f10d54]{line-height:54px;color:#6774e4;margin:0 0 0 1.5vw}nav .highlighter[data-v-30f10d54]:after{top:70%}@media(max-width:960px){p[data-v-30f10d54]{display:none}}@media(max-width:500px){nav[data-v-30f10d54]{padding:0 5%}h4[data-v-30f10d54]{font-size:1rem;margin-right:0}h5[data-v-30f10d54]{font-size:1rem}}@media(max-width:320px){.twitter[data-v-30f10d54]{display:none}}.headroom[data-v-30f10d54]{will-change:transform;-webkit-box-shadow:0 1px 10px rgba(76,49,129,.15);box-shadow:0 1px 10px rgba(76,49,129,.15);-webkit-transition:-webkit-transform .2s cubic-bezier(.25,.46,.45,.94);transition:-webkit-transform .2s cubic-bezier(.25,.46,.45,.94);transition:transform .2s cubic-bezier(.25,.46,.45,.94);transition:transform .2s cubic-bezier(.25,.46,.45,.94),-webkit-transform .2s cubic-bezier(.25,.46,.45,.94)}.headroom--unpinned[data-v-30f10d54]{-webkit-transform:translate3d(0,55px,0);transform:translate3d(0,55px,0)}.headroom--pinned[data-v-30f10d54]{-webkit-transform:translateZ(0);transform:translateZ(0)}.expanded.headroom--top[data-v-30f10d54]{-webkit-transform:translate3d(0,-12px,0);transform:translate3d(0,-12px,0);-webkit-box-shadow:none;box-shadow:none}footer[data-v-cdf18ccc]{height:100%;padding:5% 5% 15vh 5%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#f9fdff}.me[data-v-cdf18ccc]{width:300px;height:100%;margin-right:5vw}svg[data-v-cdf18ccc]{width:300px;height:300px}.row[data-v-cdf18ccc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.row.profile p+p[data-v-cdf18ccc]{margin-top:1rem}.row.profile[data-v-cdf18ccc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}p[data-v-cdf18ccc]{font-family:Replica-Mono,Helvetica Neue,Helvetica,sans-serif;font-size:1rem;line-height:1.4;margin-bottom:2rem;min-width:200px;max-width:540px}footer .row p[data-v-cdf18ccc]:first-child{margin-right:5vw}.title[data-v-cdf18ccc]{display:block;font-weight:400;font-style:normal;color:#98b3b3;margin-bottom:1em}.title[data-v-cdf18ccc]:after{display:block;content:"—"}.row:last-child p a[data-v-cdf18ccc]{margin-right:1rem}.tooltip[data-v-cdf18ccc]{display:inline-block;position:relative;cursor:help;-webkit-transition:color .15s cubic-bezier(.25,.46,.45,.94);transition:color .15s cubic-bezier(.25,.46,.45,.94)}.tooltip[data-v-cdf18ccc]:before{content:"";display:block;position:absolute;top:90%;background-color:rgba(194,194,214,.5);height:2px;width:100%}.tooltip[data-v-cdf18ccc]:after{display:inline-block;position:absolute;left:50%;bottom:0;opacity:0;background:linear-gradient(130deg,#fcfdfd,#f3f7f7);-webkit-box-shadow:0 10px 60px rgba(133,71,112,.2);box-shadow:0 10px 60px rgba(133,71,112,.2);padding:16px;border-radius:2px;font:14px/1.25 Replica-Regular,Helvetica Neue,Helvetica,sans-serif;color:#396060;text-align:center;pointer-events:none;-webkit-transform:translate(-50%,-24px);transform:translate(-50%,-24px);-webkit-transition:all .15s cubic-bezier(.25,.46,.45,.94);transition:all .15s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity}.tooltip.t00[data-v-cdf18ccc]:after{width:3em;content:"洪緯禎"}.tooltip.t01[data-v-cdf18ccc]:after{width:13em;content:"I embrace being a generalist."}.tooltip.t02[data-v-cdf18ccc]:after{width:14em;content:"…This is a popular term these days. It means that I will be responsible for the entire end-to-end design process."}.tooltip.t03[data-v-cdf18ccc]:after{width:15em;content:"Art Direction, Branding, Visual Design, UI/UX, Interaction, Animation, Prototyping, Illustration, User Research"}.tooltip.t04[data-v-cdf18ccc]:after{width:9em;content:"HTML/CSS/JS, React, Vue, SASS"}.tooltip[data-v-cdf18ccc]:hover{color:#8f91a3}.tooltip[data-v-cdf18ccc]:hover:after{opacity:1;-webkit-transform:translate(-50%,-30px);transform:translate(-50%,-30px)}@media(max-width:960px){footer[data-v-cdf18ccc]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 0 15vh 0;overflow:hidden}.me[data-v-cdf18ccc]{width:100%;height:300px;margin:0 0 5vh 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.row[data-v-cdf18ccc]{margin:2vh 10%}}@media(max-width:560px){.row[data-v-cdf18ccc]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}footer .row p[data-v-cdf18ccc]:first-child{margin-right:0}}@media(max-width:500px){.row[data-v-cdf18ccc]{margin:2vh 5%}}@media(max-width:420px){.t00[data-v-cdf18ccc]:after{left:140%}.t02[data-v-cdf18ccc]:after{left:80%}.t04[data-v-cdf18ccc]:after{left:-10%}}@media(max-width:375px){.t04[data-v-cdf18ccc]:after{left:110%}}@media(max-width:320px){.t03[data-v-cdf18ccc]:after{left:150%}.t04[data-v-cdf18ccc]:after{left:50%}}a,body,div,figure,h1,h2,h3,h4,h5,h6,html,li,main,nav,ol,p,section,ul{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary,video{display:block}a:focus{outline:none}a:active,a:hover{outline:0}img{border:0;width:100%;height:100%}svg:not(:root){overflow:hidden}ol,ul{list-style:none;padding:0}html{font:100%/1.4 Replica-Regular,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-smooth:always;text-rendering:auto;color:#1a1a1a;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;cursor:default;background-color:#fff}p a:focus,p a:hover{color:#6774e4}.highlighter{display:inline-block;position:relative}.highlighter:after{content:"";display:block;position:absolute;top:80%;background-color:#6774e4;height:2px;width:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .25s cubic-bezier(.25,.46,.45,.94);transition:-webkit-transform .25s cubic-bezier(.25,.46,.45,.94);transition:transform .25s cubic-bezier(.25,.46,.45,.94);transition:transform .25s cubic-bezier(.25,.46,.45,.94),-webkit-transform .25s cubic-bezier(.25,.46,.45,.94)}.highlighter:after p{top:90%}a:hover .highlighter:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.buttons{margin-top:2vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.highlighter:before p{content:"";display:block;position:absolute;background-color:rgba(194,194,214,.5);height:2px;width:100%}p .highlighter:after,p .highlighter:before{top:90%}@font-face{font-family:Replica-Regular;src:url(../fonts/RepRegular.15b67fd0.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Replica-Mono;src:url(../fonts/RepMo.0ce651f2.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Replica-Bold;src:url(../fonts/RepBold.a5eefc00.woff) format("woff");font-style:normal;font-weight:400}h3{font:2.5rem/.9 Replica-Bold,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#1a1a1a;margin-bottom:1rem;letter-spacing:-1.5px;text-rendering:optimizeLegibility}h4{font:1rem/1 Replica-Mono,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#396060}h5{font:1.125rem/1 Replica-Regular,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#98b3b3}article,p{font:1.125rem/1.4 Replica-Regular,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#396060;-ms-hyphens:auto;hyphens:auto}article{font-size:1.5rem;line-height:1.45;color:#1a1a1a;max-width:720px;margin:0 10% 10vw 30%}li{font:1rem/1 Replica-Regular,Helvetica Neue,Helvetica,sans-serif;font-weight:400}a{color:#6774e4;text-decoration:none}article a,p a{color:inherit;-ms-hyphens:none;hyphens:none}.content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:5vh 0}.content h3{width:15%;margin-left:10%;min-width:168px}.content p{width:40vw;max-width:580px;min-width:300px;margin-right:5vw}.content ul li h4{color:#98b3b3;line-height:25px}.gallery{width:100%;height:100%;z-index:1}.gallery:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";width:75%;height:100%;margin-left:25%;z-index:-1}.static{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.item{margin:5vh 5vw 10vh 0;overflow:hidden;border-radius:8px;z-index:2}.item:focus{outline:none}.gallery .item:last-of-type{margin-right:0}.desktop{width:1024px;height:768px}.portrait{width:576px;height:768px}.phone{width:375px;height:768px}.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-prev-next-button{position:absolute;top:0;width:33%;height:95%;border:none;background:none;z-index:888}.flickity-prev-next-button:focus{outline:none}.flickity-prev-next-button.previous{left:0;cursor:w-resize}.flickity-prev-next-button.next{right:0;cursor:e-resize}.flickity-prev-next-button:disabled{cursor:auto}.flickity-prev-next-button svg{display:none}.flickity-page-dots{position:absolute;width:100%;height:50px;bottom:0;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-page-dots .dot{display:inline-block;width:5%;height:100%;margin:0 5px;cursor:pointer}.flickity-page-dots .dot:before{content:"";display:block;width:100%;height:2px;margin-top:24px;background:rgba(41,61,61,.2);-webkit-transition:background .15s linear;transition:background .15s linear}.dark .flickity-page-dots .dot:before{background:rgba(194,214,214,.2)}.flickity-page-dots .dot:hover:before{background:rgba(41,61,61,.7)}.dark .flickity-page-dots .dot:hover:before{background:rgba(194,214,214,.7)}.flickity-page-dots .dot.is-selected:before{background:rgba(41,61,61,.7)}.dark .flickity-page-dots .dot.is-selected:before{background:rgba(194,214,214,.7)}@media(max-width:1024px){.flickity-prev-next-button{display:none!important}}@media(max-width:960px){.content{width:100%;padding:5vh 10%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content h3{width:100%;margin:0 0 5vh 0}.content p{width:100%;max-width:100%;margin:0}.gallery{margin-left:0}.gallery:before{width:100%;margin-left:0}article{margin:10vh 10%}}@media(max-width:680px){.desktop{width:576px;height:384px}.laptop{width:512px;height:320px}.tablet{width:512px;height:384px}.portrait{width:384px;height:512px}.iphonex{width:300px;height:614px}.iphone,.phone{width:300px;height:534px}}@media(max-width:560px){.desktop{width:540px;height:384px}.laptop{width:480;height:300px}.tablet{width:480px;height:360px}.portrait{width:360px;height:480px}.iphonex{width:280px;height:573px}.iphone,.phone{width:281px;height:500px}}@media(max-width:500px){.content{padding:5vh 5%}.desktop{width:468px;height:312px}.laptop{width:416px;height:260px}.tablet{width:416px;height:312px}.portrait{width:312px;height:416px}.iphonex{width:240px;height:491px}.iphone,.phone{width:240px;height:427px}article{margin:10vh 5%}}@media(max-width:420px){article{font-size:1.25rem}.desktop{width:360px;height:240px}.laptop{width:320px;height:200px}.tablet{width:320px;height:240px}.portrait{width:240px;height:320px}.iphonex{width:188px;height:385px}.iphone,.phone{width:188px;height:334px}}@media(max-width:320px){.desktop{width:288px;height:192px}.laptop{width:288px;height:180px}.tablet{width:288px;height:216px}.portrait{width:216px;height:288px}.iphonex{width:168px;height:344px}.iphone,.phone{width:167px;height:300px}.content p{min-width:280px}}header[data-v-7fca4736]{width:100%;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header section[data-v-7fca4736]{width:640px;height:356px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;-webkit-transform:scale(1.5);transform:scale(1.5)}@media(max-width:680px){header section[data-v-7fca4736]{-webkit-transform:scale(.8);transform:scale(.8)}}@media(max-width:560px){header section[data-v-7fca4736]{-webkit-transform:scale(.7);transform:scale(.7)}}@media(max-width:500px){header section[data-v-7fca4736]{-webkit-transform:scale(.65);transform:scale(.65)}}@media(max-width:420px){header section[data-v-7fca4736]{-webkit-transform:scale(.55);transform:scale(.55)}}@media(max-width:320px){header section[data-v-7fca4736]{-webkit-transform:scale(.45);transform:scale(.45)}}header section canvas[data-v-7fca4736]{position:absolute;top:2px;left:2px}header section svg[data-v-7fca4736]{position:absolute;top:0;left:0}header .container[data-v-7fca4736]{margin-top:10vw}header .container p[data-v-7fca4736]{width:40vw;margin-bottom:2vh}.caseStudy .card[data-v-0dfb7eb5]{margin-bottom:10vw}.caseStudy .content h3[data-v-0dfb7eb5]{width:20%;min-width:240px}.caseStudy .content p[data-v-0dfb7eb5]{margin-bottom:5vh}.caseStudy .gallery[data-v-0dfb7eb5]:before{width:70%;margin-left:30%}@media(max-width:960px){.caseStudy .gallery[data-v-0dfb7eb5]:before{width:100%;margin-left:0}}@media(max-width:420px){.caseStudy .content p[data-v-0dfb7eb5]{margin-bottom:3vh}}section[data-v-0dfb7eb5]{position:relative;width:100%;padding:5vh 0 10vh 0;margin:0 0 15vw 0;border-radius:2px 0 0 2px}section[data-v-0dfb7eb5]:before{content:"";position:absolute;left:5vw;right:0;top:0;bottom:0;z-index:-1}.light[data-v-0dfb7eb5]:before{background:linear-gradient(130deg,#f7f8f8,#edf3f3)}.dark[data-v-0dfb7eb5]:before{background:linear-gradient(130deg,#1d2020,#050505)}.dark .flickity-page-dots .dot[data-v-0dfb7eb5]:before{background:hsla(0,0%,100%,.2)}.dark .flickity-page-dots .dot[data-v-0dfb7eb5]::hover:before{background:hsla(0,0%,100%,.9)}@media(max-width:960px){section[data-v-0dfb7eb5]:before{left:0}}.h-right[data-v-0dfb7eb5]{background-image:-webkit-gradient(linear,left bottom,left top,from(#fdcaf1),to(#e6dee9));background-image:linear-gradient(0deg,#fdcaf1 0,#e6dee9)}.h-pic[data-v-0dfb7eb5]{width:1380px;height:750px;background-size:contain}.gallery[data-v-0dfb7eb5]:before{background-color:#fccff1;background-image:linear-gradient(340deg,#fccff1,#e7e0eb)}.tablet-video[data-v-0dfb7eb5],video[data-v-0dfb7eb5]{width:682px;height:512px}.picture[data-v-0dfb7eb5]{width:640px;height:572px;padding:30px;background-color:#fff}.item[data-v-0dfb7eb5]{-webkit-box-shadow:0 15px 60px rgba(153,51,119,.35);box-shadow:0 15px 60px rgba(153,51,119,.35)}@media(max-width:680px){.tablet-video[data-v-0dfb7eb5],video[data-v-0dfb7eb5]{width:512px;height:384px}.picture[data-v-0dfb7eb5]{width:580px;height:512px;padding:0}}@media(max-width:560px){.h-pic[data-v-0dfb7eb5]{margin-left:-18.5rem}.tablet-video[data-v-0dfb7eb5],video[data-v-0dfb7eb5]{width:480px;height:360px}.picture[data-v-0dfb7eb5]{width:464px;height:410px}}@media(max-width:500px){.tablet-video[data-v-0dfb7eb5],video[data-v-0dfb7eb5]{width:416px;height:312px}.picture[data-v-0dfb7eb5]{width:406px;height:358px}}@media(max-width:420px){.tablet-video[data-v-0dfb7eb5],video[data-v-0dfb7eb5]{width:320px;height:240px}.picture[data-v-0dfb7eb5]{width:290px;height:256px}}@media(max-width:320px){.tablet-video[data-v-0dfb7eb5],video[data-v-0dfb7eb5]{width:288px;height:216px}}a[data-v-6118716c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:.5rem 0;cursor:pointer;border-radius:2px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:2rem}span[data-v-6118716c]{font:1.25rem/2 Replica-Bold,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#1a1a1a}svg[data-v-6118716c]{margin-right:.5rem;fill:#98b3b3}.dark .highlighter[data-v-6118716c]{color:#f0f0f0}.light .highlighter[data-v-6118716c]{color:#666}@media(prefers-color-scheme:dark){span[data-v-6118716c]{color:#e4e7e7}svg[data-v-6118716c]{fill:#a1aaaa}}@media(max-width:480px){span[data-v-6118716c]{font:1rem/1.5 Replica-Bold,Helvetica Neue,Helvetica,sans-serif}}.content p span[data-v-2c930bdf]{color:#ffbc05;margin-right:1rem}ul[data-v-2c930bdf]{max-width:20vw}#lawyerbc .gallery[data-v-2c930bdf]:before{background-color:#cffced;background-image:linear-gradient(340deg,#bcd4dc,#e0ebe8)}#lawyerbc .item[data-v-2c930bdf]{-webkit-box-shadow:0 15px 60px rgba(10,60,51,.5);box-shadow:0 15px 60px rgba(10,60,51,.5)}#onlyPerps h3[data-v-2c930bdf],#onlyPerps p[data-v-2c930bdf]{color:#f0f0f0}#onlyPerps .gallery[data-v-2c930bdf]:before{background-color:#f280ff;background-image:linear-gradient(340deg,#732654,#f280ff)}#onlyPerps .item[data-v-2c930bdf]{-webkit-box-shadow:0 15px 60px rgba(60,10,41,.5);box-shadow:0 15px 60px rgba(60,10,41,.5)}#goPacket .gallery[data-v-2c930bdf]:before{background-color:#decffc;background-image:linear-gradient(340deg,#decffc,#e5e0eb)}#goPacket .item[data-v-2c930bdf]{-webkit-box-shadow:0 15px 60px rgba(60,50,155,.35);box-shadow:0 15px 60px rgba(60,50,155,.35)}#idHub h3[data-v-2c930bdf],#idHub p[data-v-2c930bdf]{color:#f0f0f0}#idHub .gallery[data-v-2c930bdf]:before{background-color:#133986;background-image:linear-gradient(340deg,#050e2e,#133986)}#idHub .item[data-v-2c930bdf]{-webkit-box-shadow:0 15px 60px rgba(0,0,0,.4);box-shadow:0 15px 60px rgba(0,0,0,.4)}#goExplorer .gallery[data-v-2c930bdf]:before{background-color:#b0dfe8;background-image:linear-gradient(340deg,#79c6ec,#b0e8e8)}#goExplorer .item[data-v-2c930bdf]{-webkit-box-shadow:0 15px 60px rgba(0,0,0,.4);box-shadow:0 15px 60px rgba(0,0,0,.4)}