@import url(https://use.typekit.net/act7zch.css);*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(min-width:48em){:root{font-size:calc(.66669rem + .6944vw);min-height:0}}@media(min-width:120em){:root{font-size:1.5rem}}body{min-height:calc(var(--vh, vh)*100);margin:0}a{color:inherit;text-decoration:none}#app,h1,h2,h3,h4,h5,h6{font-weight:300;margin:0;padding:0}#app{font-family:proxima-nova,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;display:block;top:0;left:0;width:100%;height:calc(var(--vh, vh)*100)}.fade-enter-active,.fade-leave-active{transition:opacity .6s}.fade-enter-from,.fade-leave-to{opacity:0}ul[data-v-6245ec8f]{z-index:-1}ul[data-v-6245ec8f],ul li[data-v-6245ec8f]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0}ul li[data-v-6245ec8f]{opacity:0;background-position:center top 20%;background-size:cover;background-repeat:no-repeat;transition-property:opacity;transition-duration:1.5s;transition-timing-function:ease-in-out}ul li[data-v-6245ec8f] :before{display:block;padding-top:100%;content:""}ul .show[data-v-6245ec8f]{opacity:1}.about-block[data-v-36da697e]{position:fixed;top:.1rem;margin:0;padding:0;font-size:1rem;z-index:80}.about-block.mouse .about-text[data-v-36da697e]{display:block;margin:0;padding:0 0 0 .3rem;transform:translateX(-100%);transition-property:transform;transition-duration:.4s;transition-timing-function:cubic-bezier(.39,.575,.565,1)}.about-block.mouse .about-text.is-show[data-v-36da697e]{transform:translateX(0)}.about-block.mouse .about-text[data-v-36da697e]:after{position:absolute;bottom:.2rem;left:0;content:"";width:100%;height:1px;background-color:currentColor;will-change:transform;transform:scaleX(0);transform-origin:left top;transition-property:transform;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-duration:.4s}.about-block.mouse .about-text[data-v-36da697e]:hover:after{transform:scale(1)}.about-block.mouse svg[data-v-36da697e],.about-block.touch .about-text[data-v-36da697e]{display:none}.about-block.touch svg[data-v-36da697e]{display:block;margin-left:.1rem;width:1.8rem;height:1.8rem}.home[data-v-5255c8b6]{display:block;position:relative;top:0;left:0;width:100%;height:calc(var(--vh, vh)*100);color:hsla(0,0%,100%,.8);overflow:hidden}.home .site-title[data-v-5255c8b6]{position:absolute;display:flex;justify-content:center;align-items:center;top:50%;width:100%;transform:translateY(-50%);will-change:background-color;background-color:transparent;transition:background-color .6s cubic-bezier(.39,.575,.565,1)}.home .site-title.is-show-background[data-v-5255c8b6]{background-color:rgba(51,51,51,.4)}.home .site-title .site-title-name[data-v-5255c8b6]{position:relative;display:block;text-align:center;will-change:opacity;mix-blend-mode:screen;cursor:pointer}.home .site-title .site-title-name h1[data-v-5255c8b6]{display:block;position:relative;margin:0;padding:0;letter-spacing:.2rem;font-size:2rem}.home .site-title .site-title-name h1[data-v-5255c8b6]:after{position:absolute;bottom:.46rem;left:0;content:"";width:100%;height:2px;background-color:currentColor;will-change:transform;transform:scaleX(0);transform-origin:center top;transition-property:transform;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-duration:.4s}.home .site-title .site-title-name.is-title-splash h1[data-v-5255c8b6]:after{transform:scale(1)}.home .site-title .site-title-name h2[data-v-5255c8b6]{position:relative;display:block;margin:-.2rem 0 0 .8rem;padding:0;letter-spacing:.8rem;font-size:1rem}.home .site-title .site-title-name .tap-notice[data-v-5255c8b6]{display:none}.home .site-title .site-title-name.touch .tap-notice[data-v-5255c8b6]{display:block;margin-top:2rem;font-size:1.2rem;letter-spacing:.1rem;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-duration:.4s;transition-delay:.4s}.home .portfolio-link[data-v-5255c8b6]{position:absolute;display:block;top:0;right:0;margin:0;padding:0 .2rem;font-size:1.2rem}.home .portfolio-link[data-v-5255c8b6]:after{position:absolute;bottom:.2rem;left:0;content:"";width:100%;height:2px;background-color:currentColor;will-change:transform;transform:scaleX(0);transform-origin:right top;transition-property:transform;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-duration:.4s}.home .portfolio-link[data-v-5255c8b6]:hover:after{transform:scale(1)}.home .copyright-block[data-v-5255c8b6]{position:absolute;display:block;bottom:0;width:100%;margin:0;padding:0}.home .copyright-block .copyright-notice[data-v-5255c8b6]{position:relative;display:inline-block;text-align:center;bottom:0;width:100%;margin:0;padding:0}.home .copyright-block .copyright-notice h3[data-v-5255c8b6]{position:relative;display:block;text-align:center;padding:.1rem;font-size:.8rem;font-weight:100}.is-title-blink[data-v-5255c8b6]{-webkit-animation-name:blink-5255c8b6;animation-name:blink-5255c8b6;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:cubic-bezier(.4,0,.4,1);animation-timing-function:cubic-bezier(.4,0,.4,1);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes blink-5255c8b6{0%{opacity:1}to{opacity:.3}}@keyframes blink-5255c8b6{0%{opacity:1}to{opacity:.3}}.side-menu[data-v-6e3e0e39]{position:fixed;top:.8rem;right:0;height:100%;z-index:60;text-align:right}.side-menu[data-v-6e3e0e39]:after,.side-menu[data-v-6e3e0e39]:before{position:absolute;content:"";display:block;width:4.6vw;height:2px;right:0;top:50%;background-color:rgba(51,51,51,.9);visibility:visible}.side-menu[data-v-6e3e0e39]:after{width:100%;transform:translateX(-100%)}.side-menu .menu-bar[data-v-6e3e0e39]{list-style-type:none;color:rgba(51,51,51,.9);position:absolute;visibility:hidden;top:10%;right:5.1vw;width:10.08rem;margin:0;padding:0;transition-property:top;transition-duration:.7s;transition-timing-function:ease-in-out}.side-menu .menu-bar .group-item[data-v-6e3e0e39]{display:flex;flex-flow:column}.side-menu .menu-bar .group-item[data-v-6e3e0e39]:nth-child(n+2){margin-top:1em}.side-menu .menu-bar .group-item .group-title[data-v-6e3e0e39]{display:inline-block;font-weight:400;font-size:1.2rem;margin:.2rem 0;padding:0}.side-menu .menu-bar .group-item .group-title.jcrane[data-v-6e3e0e39]:first-letter{color:red}.side-menu .menu-bar .group-item .group-project-list[data-v-6e3e0e39]{list-style-type:none;margin:0;padding:0}.side-menu .menu-bar .group-item .group-project-list li[data-v-6e3e0e39]{margin:0}.side-menu .menu-bar .group-item .group-project-list .cover-list-item[data-v-6e3e0e39]{position:relative;display:inline-block;margin:0;padding:.2rem .1rem;cursor:pointer;transition-property:color,font-weight;transition-duration:.3s;transition-property:opacity;transition-duration:.7s;transition-timing-function:cubic-bezier(.39,.575,.565,1)}.side-menu .menu-bar .group-item .group-project-list .cover-list-item.selected[data-v-6e3e0e39],.side-menu .menu-bar .group-item .group-project-list .cover-list-item[data-v-6e3e0e39]:hover{color:rgba(0,0,0,.95);font-weight:400}@media screen and (orientation:portrait){.side-menu .menu-bar .group-item .group-project-list .cover-list-item.selected[data-v-6e3e0e39]{height:58.66667vw;opacity:0;visibility:hidden}}.cover-list[data-v-59a5a4d0]{position:relative;display:block;top:0;max-width:80%;width:calc(var(--vh, vh)*100*3/2*0.8 - 2.4rem);height:100%;margin:auto;padding:0;color:hsla(0,0%,100%,.95);list-style-type:none;overflow:hidden}.cover-list .cover-list-item[data-v-59a5a4d0]{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;margin:0;padding:0;text-align:center;visibility:hidden}.cover-list .cover-list-item .cover-item-frame[data-v-59a5a4d0]{position:relative;display:inline-block;top:calc(50% + .8rem);transform:translateY(-50%);width:100%;max-width:calc(var(--vh, vh)*134 - 1.6rem);margin:0;padding:0}.cover-list .cover-list-item .cover-item-frame[data-v-59a5a4d0]:before{display:block;padding-top:66.67%;content:""}.cover-list .cover-list-item .cover-item-frame .project-cover[data-v-59a5a4d0]{position:absolute;display:inline-flex;flex-direction:column;text-align:center;top:0;left:0;width:100%;height:100%;background-position:50%;background-size:cover;background-repeat:no-repeat;cursor:pointer;box-sizing:border-box}.cover-list .cover-list-item .cover-item-frame .project-cover .project-title[data-v-59a5a4d0]{position:relative;display:inline-block;top:13%;max-width:100%;margin:0}@media screen and (orientation:portrait){.cover-list .cover-list-item .cover-item-frame .project-cover .project-title[data-v-59a5a4d0]{top:15%}}.cover-list .cover-list-item .cover-item-frame .project-cover .project-title h3[data-v-59a5a4d0]{position:relative;display:inline-block;font-size:2rem;letter-spacing:.14rem;mix-blend-mode:color-dodge;margin:0;padding:0 .2rem 0 .36rem}@media screen and (max-device-width:680px){.cover-list .cover-list-item .cover-item-frame .project-cover .project-title h3[data-v-59a5a4d0]{font-size:1.8rem}}.cover-list .cover-list-item .cover-item-frame .project-cover .project-title h3[data-v-59a5a4d0]:after{position:absolute;bottom:.36rem;left:0;content:"";width:100%;height:2px;background-color:currentColor;transform:scaleX(0);transform-origin:center top;transition:transform .4s cubic-bezier(.39,.575,.565,1)}.cover-list .cover-list-item .cover-item-frame .project-cover:hover h3[data-v-59a5a4d0]:after{transform:scale(1)}.cover-list .cover-list-item .cover-item-frame .project-cover .project-description[data-v-59a5a4d0]{position:relative;display:inline-block;top:40%;margin:0 10%;padding:.54rem;transform:translateY(-50%);font-size:.9rem;line-height:120%;letter-spacing:.04rem;mix-blend-mode:hard-light;background-color:rgba(0,0,0,.3);border-radius:3px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-duration:.4s}.cover-list .cover-list-item.selected .cover-item-frame .project-cover .project-description[data-v-59a5a4d0]{opacity:1;-webkit-animation-name:project_description_up-59a5a4d0;animation-name:project_description_up-59a5a4d0;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(.39,.575,.565,1);animation-timing-function:cubic-bezier(.39,.575,.565,1)}@-webkit-keyframes project_description_up-59a5a4d0{0%{top:46%}to{top:40%}}@keyframes project_description_up-59a5a4d0{0%{top:46%}to{top:40%}}.portfolio-back[data-v-672ad8b0]{position:absolute;top:0;bottom:0;width:100%;height:calc(var(--vh, vh)*100);margin:0;padding:0;opacity:0;-webkit-animation-name:fadeIn-672ad8b0;animation-name:fadeIn-672ad8b0;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeIn-672ad8b0{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-672ad8b0{0%{opacity:0}to{opacity:1}}.portfolio-back canvas[data-v-672ad8b0]{position:absolute;top:0;bottom:0;left:0;right:0}.close-button[data-v-7390b3e5]{display:flex;position:absolute;top:0;right:0;margin:.4rem;opacity:.2;transition-property:opacity;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-duration:.3s}.close-button.show[data-v-7390b3e5]{opacity:.6}.close-button[data-v-7390b3e5]:hover{opacity:1}.close-button svg[data-v-7390b3e5]{width:3rem;height:3rem}.photo-frame[data-v-d8b1a49c]{position:relative;display:block;top:50%;margin:0 auto;transform:translateY(-50%);box-sizing:border-box}.photo-frame.square[data-v-d8b1a49c]:before{display:block;padding-top:100%;content:""}.photo-frame.square[data-v-d8b1a49c]{max-width:calc(var(--vmin, vmin)*84);max-height:calc(var(--vmin, vmin)*84)}.photo-frame.landscape[data-v-d8b1a49c]:before{display:block;padding-top:66.7%;content:""}.photo-frame.landscape[data-v-d8b1a49c]{max-height:100%;max-width:calc(var(--vmin, vmin)*150*0.84)}.photo-frame.portrait[data-v-d8b1a49c]:before{display:block;padding-top:150%;content:""}.photo-frame.portrait[data-v-d8b1a49c]{width:calc(var(--vh, vh)*84*2/3);max-width:100%}.photo-frame .frame-matt[data-v-d8b1a49c]{display:inline-block;position:absolute;top:0;left:0;right:0;bottom:0;margin:0;box-sizing:border-box;background-image:var(--url-mat);outline:.9vmin solid silver;border-style:solid;border-width:2px;border-color:hsla(0,0%,50.2%,.7)}.photo-frame .frame-matt.square[data-v-d8b1a49c]{padding:11%}.photo-frame .frame-matt.landscape[data-v-d8b1a49c]{padding:7.2% 10.8%}.photo-frame .frame-matt.portrait[data-v-d8b1a49c]{padding:12% 9%}.photo-frame .frame-matt[data-v-d8b1a49c]:after{display:inline-block;position:absolute;content:"";bottom:2%;right:2%;width:10%;height:10%;background-image:var(--url-sig);background-repeat:no-repeat;background-position:100% 100%;background-size:contain}.photo-frame .frame-matt.square[data-v-d8b1a49c]:after{width:15%}.photo-frame .frame-matt.portrait[data-v-d8b1a49c]:after{bottom:1%;right:1%;width:20%}.photo-frame .frame-matt .photo[data-v-d8b1a49c]{position:relative;display:inline-block;top:50%;left:0;padding:0;min-width:50%;min-height:50%;transform:translateY(-50%);box-sizing:border-box;border-style:groove ridge ridge groove;border-width:4px;border-color:#eee}.photo-frame .frame-matt .photo.square[data-v-d8b1a49c]{width:100%;height:100%}.photo-frame .frame-matt .photo.landscape[data-v-d8b1a49c]{width:100%}.photo-frame .frame-matt .photo.portrait[data-v-d8b1a49c]{height:100%}.project-work-list[data-v-baf1f05c]{position:absolute;top:0;left:0;width:100%;height:calc(var(--vh, vh)*100);margin:0;padding:0;background-color:rgba(51,51,51,.8);list-style-type:none}.project-work-list .project-work-item[data-v-baf1f05c]{position:absolute;display:block;top:0;left:0;width:100%;height:calc(var(--vh, vh)*100);margin:0;padding:calc(var(--vmin, vmin)*8);box-sizing:border-box;visibility:hidden}.button-area[data-v-a34e60c8]{position:absolute;top:0;bottom:0;width:7rem;font-size:0;opacity:0;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.39,.575,.565,1)}.button-area.left[data-v-a34e60c8]{left:0;text-align:left}.button-area.right[data-v-a34e60c8]{right:0;text-align:right}.button-area.show[data-v-a34e60c8]{opacity:.8}.button-area[data-v-a34e60c8]:before{display:inline-block;height:100%;content:"";vertical-align:middle}.button-area .button[data-v-a34e60c8]{display:inline-block;position:relative;vertical-align:middle;margin:0;padding:0;width:5rem;height:5rem;background:rgba(51,51,51,.5);background-blend-mode:difference;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.39,.575,.565,1)}.button-area .button svg[data-v-a34e60c8]{display:block;position:absolute;width:100%;height:100%;fill-opacity:.4}.button-area .button svg[data-v-a34e60c8]:hover{fill-opacity:1}.button-area.hide[data-v-a34e60c8]{display:none}.wheel-swipe-notice[data-v-2293dc86]{display:flex;position:absolute;justify-content:center;margin:.2rem;padding:.4rem;color:#fff;left:50%;transform:translateX(-50%);bottom:6%;background-color:rgba(51,51,51,.9);opacity:0;transition-property:opacity;transition-duration:.4s;transition-timing-function:ease-out;border-style:solid;border-color:#fff;border-width:2px;border-radius:.6rem}.wheel-swipe-notice.show[data-v-2293dc86]{opacity:.9}.wheel-swipe-notice svg[data-v-2293dc86]{margin:0;width:4rem;height:4rem}.wheel-swipe-notice span[data-v-2293dc86]{margin-top:auto;margin-bottom:auto}.notice[data-v-30d8d034]{display:flex;position:absolute;justify-content:center;top:60%;margin:.2rem;padding:.4rem;background-color:rgba(51,51,51,.9);opacity:0;transition-property:opacity;transition-duration:.4s;transition-timing-function:ease-out;border-style:solid;border-color:currentColor;border-width:2px;border-radius:.6rem}.notice.show[data-v-30d8d034]{opacity:.9}.notice span[data-v-30d8d034]{margin-top:auto;margin-bottom:auto}.notice svg[data-v-30d8d034]{margin:0;width:1.4rem;height:1.4rem;fill:currentColor}.notice.first[data-v-30d8d034]{left:0}.notice.last[data-v-30d8d034]{right:0}.photo-desc[data-v-e005c0ea]{position:absolute;bottom:1%;left:1%;padding:.4em 1em;background-color:hsla(0,0%,60%,.8);opacity:0;transition-property:opacity;transition-duration:.8s;transition-timing-function:ease-out}.photo-desc.show[data-v-e005c0ea]{opacity:1}.photo-desc .numbering[data-v-e005c0ea]{font-size:.8em}.gallery[data-v-33d03c3c]{height:calc(var(--vh, vh)*100);color:hsla(0,0%,100%,.9);text-align:center;box-sizing:border-box;z-index:300}.gallery[data-v-33d03c3c],.site-title-name[data-v-0fd0586f]{position:absolute;display:block;top:0;left:0;width:100%;margin:0;padding:0}.site-title-name[data-v-0fd0586f]{z-index:60}.site-title-name.single-row h1[data-v-0fd0586f]{position:relative;display:inline-block;text-align:center;font-size:1.6rem;letter-spacing:.1rem}.site-title-name.single-row h1[data-v-0fd0586f]:after{position:absolute;bottom:.4rem;left:0;content:"";width:100%;height:2px;background-color:currentColor;will-change:transform;transform:scaleX(0);transform-origin:center top;transition-property:transform;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-duration:.4s}.site-title-name.single-row h1[data-v-0fd0586f]:hover:after{transform:scale(1)}.site-title-name.single-row h1 .sub-title[data-v-0fd0586f]:before{content:" "}.site-title-name.double-row h1[data-v-0fd0586f]{position:relative;display:inline-flex;justify-content:center;flex-direction:column;margin:0;padding:0;letter-spacing:.1rem;z-index:60}.site-title-name.double-row h1 .main-title[data-v-0fd0586f]{position:relative;display:inline-block;margin:0;padding:0;font-size:1.6rem;letter-spacing:.1rem}.site-title-name.double-row h1 .main-title[data-v-0fd0586f]:after{position:absolute;bottom:.4rem;left:0;content:"";width:100%;height:2px;background-color:currentColor;will-change:transform;transform:scaleX(0);transform-origin:center top;transition-property:transform;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-duration:.4s}.site-title-name.double-row h1:hover .main-title[data-v-0fd0586f]:after{transform:scale(1)}.site-title-name.double-row h1 .sub-title[data-v-0fd0586f]{display:block;font-size:1rem;letter-spacing:.3rem;margin:0;padding:0;transform:translateY(-20%)}.portfolio[data-v-56b67a9e]{position:absolute;display:block;top:0;left:0;width:100%;height:calc(var(--vh, vh)*100);margin:0;padding:0;box-sizing:border-box;overflow:hidden}.portfolio .project-cover-list[data-v-56b67a9e]{position:relative;display:inline-block;text-align:center;color:rgba(51,51,51,.9);top:0;left:0;height:100%;width:calc(100% - 8.4rem - 5.1vw)}@media(orientation:portrait){.portfolio .project-cover-list[data-v-56b67a9e]{width:100%}}.portfolio .project-cover-list .copyright-notice[data-v-56b67a9e]{position:absolute;display:block;bottom:0;width:100%;margin:0;padding:.1rem}.portfolio .project-cover-list .copyright-notice h3[data-v-56b67a9e]{position:relative;display:block;text-align:center;font-size:.8rem;font-weight:100}@media screen and (orientation:portrait){.portfolio .project-cover-list .copyright-notice h3[data-v-56b67a9e]{margin-left:.1rem;text-align:left}}.portfolio .project-gallery[data-v-56b67a9e]{position:fixed;display:block;top:0;left:0;right:0;bottom:0;margin:0;padding:0;box-sizing:border-box;z-index:-1;background-color:rgba(51,51,51,.9);opacity:0;transition-property:opacity,z-index;transition-duration:.4s;transition-timing-function:ease-in}.portfolio .project-gallery.show[data-v-56b67a9e]{z-index:300;opacity:1}.about[data-v-44dcdd5e]{position:absolute;display:flex;flex-direction:column;align-content:center;top:0;left:0;margin:0;padding:0;width:100%;text-align:center}.about .site-title-name[data-v-44dcdd5e]{position:relative!important;margin-bottom:1rem}.about .content[data-v-44dcdd5e]{margin:0 10%;padding:0}.about .content h2[data-v-44dcdd5e]{margin:.2rem 0 1rem;padding:0}.about .content h3[data-v-44dcdd5e]{margin:1.2rem 0 .6rem;padding:0}.about .content .content-block[data-v-44dcdd5e]{text-align:left;margin:.4rem 0}.about .content .icon-block[data-v-44dcdd5e]{margin:0;padding:0}.about .content .icon-block svg[data-v-44dcdd5e]{display:inline;vertical-align:text-bottom;width:1.4rem;height:1.4rem;margin:0 .4rem}.about a[data-v-44dcdd5e]{position:relative;display:inline-block;font-weight:400}.about a[data-v-44dcdd5e]:after{position:absolute;bottom:.14em;left:0;content:"";width:100%;height:2px;background-color:currentColor;will-change:opacity;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-duration:.24s}.about a[data-v-44dcdd5e]:hover:after{opacity:1}