*,:before,:after{box-sizing:inherit;user-select:inherit;-webkit-user-drag:inherit;-webkit-tap-highlight-color:inherit;backface-visibility:inherit}*{margin:0;padding:0}html{box-sizing:border-box;-webkit-user-drag:none;-webkit-tap-highlight-color:#0000;line-height:1}main,canvas{display:block}img,svg,video{width:100%;display:block}svg{user-select:none;pointer-events:none}h1,h2,h3,h4,h5,h6{font:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none}input,button,select,textarea{appearance:none;color:inherit;font:inherit;background:0 0;border:none;border-radius:0;outline:none}:root{--columns:12;--margin:10px;--gutter:10px;--column:calc((100vw - var(--margin) * 2 - var(--gutter) * (var(--columns) - 1)) / var(--columns))}@media (width>=960px){:root{--columns:24;--margin:16px;--gutter:16px}}@font-face{font-family:IvoryMonoLLWeb-Light;font-weight:300;src:url(/asset/font/IvoryMonoLLWeb-Light.woff2)format("woff2")}html,body{overscroll-behavior:none;height:100%}body{--background-color:#fff;--text-color:#000;--source-color:#000;--difference-color:#fff;--site-header-hover-background-color:#000;--site-header-hover-text-color:#fff;background-color:var(--background-color);color:var(--text-color);font-feature-settings:"palt";font-synthesis:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IvoryMonoLLWeb-Light,sans-serif;font-style:normal;font-weight:300}button{cursor:pointer}.f-mix{font-optical-sizing:auto;font-family:IvoryMonoLLWeb-Light,Noto Serif JP,serif;font-style:normal;font-weight:400}.layoutGuide{z-index:9999;padding-inline:var(--margin);pointer-events:none;display:none;position:fixed;inset:0}.layoutGuide.isActive{display:block}.layoutGuide__inner{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));column-gap:var(--gutter);width:100%;min-height:100%;display:grid}.layoutGuide__inner span{color:#ff0000b3;background:#ff00001f;justify-content:center;min-width:0;padding-top:4px;font-family:Arial,sans-serif;font-size:10px;line-height:1;display:flex}@media not all and (width>=960px){.layoutGuide__inner span.layoutGuide__column--landscapeOnly{display:none}}.siteHeader{z-index:10;padding:var(--margin);pointer-events:auto;opacity:1;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1);position:fixed;top:0;left:0}body[data-page=project] .siteHeader{opacity:0;pointer-events:none}.siteHeader_nav{line-height:1.75}@media not all and (width>=960px){.siteHeader_nav{font-size:11px}}@media (width>=960px){.siteHeader_nav{font-size:16px}}.siteHeader .btn{border:1px solid;border-radius:100px;margin:0 .5em;line-height:1.5;display:inline-block}@media not all and (width>=960px){.siteHeader .btn{padding:0 6px}}@media (width>=960px){.siteHeader .btn{padding:0 10px}}.siteHeader .btn.is-selected{color:var(--site-header-hover-text-color);background-color:var(--site-header-hover-background-color);border-color:#0000}@media (hover:hover){.siteHeader .btn:hover{color:var(--site-header-hover-text-color);background-color:var(--site-header-hover-background-color);border-color:#0000}}.siteHeader .category{align-items:center;column-gap:.5em;margin:0 .5em;display:inline-flex}.siteHeader .category.is-selected .count{color:var(--site-header-hover-text-color);background-color:var(--site-header-hover-background-color);border-color:#0000}@media (hover:hover){.siteHeader .category:hover .count{color:var(--site-header-hover-text-color);background-color:var(--site-header-hover-background-color);border-color:#0000}}.siteHeader .category .title{position:relative}.siteHeader .category .title:after{content:"";background-color:currentColor;width:100%;height:1px;display:block;position:absolute;bottom:.25em;left:0}.siteHeader .category .count{vertical-align:middle;border:1px solid;border-radius:50%;justify-content:center;align-items:center;margin-top:-2px;margin-left:-4px;font-size:10px;display:inline-flex}@media not all and (width>=960px){.siteHeader .category .count{width:16px;height:16px}}@media (width>=960px){.siteHeader .category .count{width:24px;height:24px}}.siteHeader .pm{margin-left:-.45em}#PageWrapper{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.top{width:100%;height:100%;position:absolute;top:0;left:0}.topVideo{z-index:1;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.topVideo_link{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.topVideo video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topTitle{z-index:2;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topTitle svg{width:auto}@media not all and (width>=960px){.topTitle svg{height:45px}}@media (width>=960px){.topTitle svg{height:84px}}.topProjectTitle{z-index:2;white-space:nowrap;pointer-events:none;position:absolute;left:50%}@media not all and (width>=960px){.topProjectTitle{top:calc(50% + 35px);transform:translate(-50%)}}@media (width>=960px){.topProjectTitle{top:calc(50% + 56px)}}.topProjectTitle p{align-items:center;display:flex}@media not all and (width>=960px){.topProjectTitle p{column-gap:4px;font-size:11px}}@media (width>=960px){.topProjectTitle p{column-gap:10px;font-size:16px}}.topThumbnails{z-index:2;width:100%;position:absolute;bottom:0;left:0}@media not all and (width>=960px){.topThumbnails{height:40px}}@media (width>=960px){.topThumbnails{height:80px}}.topThumbnails_inner{width:100%;height:100%;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1);position:relative;overflow:hidden}.topThumbnails_container{width:100%;height:100%;margin:0;padding:0;list-style:none;position:absolute;top:0;left:0}.topThumbnails_item{will-change:transform;height:100%;position:absolute;top:0;left:0}.topThumbnails_item.is-selected{z-index:1}.topThumbnails_item img{width:auto;height:100%;display:block}.topThumbnails_bar{z-index:3;pointer-events:none;background-color:currentColor;width:2px;height:100%;position:absolute;top:0;left:calc(50% - 1px)}.works{--ar:1.77778;width:100%;height:100%;position:absolute;top:0;left:0}.worksView{width:100%;height:100%;display:none;position:absolute;top:0;left:0;overflow:hidden}.worksView.is-active{display:block}.worksTitles{z-index:2;left:var(--margin);height:100%;position:absolute;top:0;overflow:hidden;mask-image:linear-gradient(#0000 15%,#0006 35%,#000 50%,#0006 65%,#0000 85%)}@media not all and (width>=960px){.worksTitles{width:calc(100% - var(--margin) * 2)}}@media (width>=960px){.worksTitles{width:calc(var(--column) * 15 + var(--gutter) * 14)}}.worksTitles_arrow{z-index:2;pointer-events:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media not all and (width>=960px){.worksTitles_arrow{font-size:12px}}@media (width>=960px){.worksTitles_arrow{font-size:24px}}.worksTitles_list{width:100%;height:100%;position:absolute;top:0;left:0}.worksTitles_item{white-space:nowrap;will-change:transform;width:100%;position:absolute;top:0;left:0}.worksTitles_item.is-filtered{display:none}.worksTitles_item .inner{color:inherit;opacity:.25;align-items:center;height:100%;transition-property:transform,opacity;transition-duration:.4s;transition-timing-function:cubic-bezier(.3,.1,.1,1);display:flex}@media not all and (width>=960px){.worksTitles_item .inner{column-gap:2px;height:24px;font-size:12px}}@media (width>=960px){.worksTitles_item .inner{column-gap:10px;height:40px;font-size:24px}}.worksTitles_item.is-selected .inner{opacity:1}@media not all and (width>=960px){.worksTitles_item.is-selected .inner{transform:translate(11px)}}@media (width>=960px){.worksTitles_item.is-selected .inner{transform:translate(28px)}}.worksVideos{z-index:1;height:100%;position:absolute;top:0;right:0;overflow:hidden}@media not all and (width>=960px){.worksVideos{width:calc(var(--margin) + var(--column) * 8 + var(--gutter) * 9)}}@media (width>=960px){.worksVideos{width:calc(var(--margin) + var(--column) * 9 + var(--gutter) * 8)}}.worksVideos_container{width:100%;height:100%;position:absolute;top:0;left:0}.worksVideos_item{width:100%;aspect-ratio:var(--ar);opacity:.2;will-change:transform;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.3,.1,.1,1);display:block;position:absolute;top:0;left:0;overflow:hidden}.worksVideos_item.is-filtered{display:none}.worksVideos_item.is-selected{opacity:1}.worksVideos_item video{object-fit:cover;width:100%;height:calc(100% + 2px);display:block;transform:translateY(-1px)}@media not all and (width>=960px){.worksGrid{padding:calc(50dvh - (100vw - var(--margin) * 2) / var(--ar) * .5) var(--margin);flex-direction:column;row-gap:84px;display:flex}}@media (width>=960px){.worksGrid{column-gap:var(--gutter);padding:184px var(--margin);grid-template-columns:repeat(4,1fr);row-gap:84px;display:grid}}.worksGrid_item{aspect-ratio:var(--ar);line-height:1.2;position:relative}.worksGrid_item.is-filtered{display:none}@media not all and (width>=960px){.worksGrid_item{font-size:12px}}@media (width>=960px){.worksGrid_item{font-size:13px}}.worksGrid_item a{height:100%;display:block}.worksGrid_offView{column-gap:var(--gutter);align-items:flex-end;height:100%;display:flex;position:relative}.worksGrid_offView .index{position:absolute;top:0;left:50%;transform:translate(-50%)}.worksGrid_offView img{width:calc(50% - var(--gutter) * .5);opacity:.5;filter:grayscale();height:auto}.worksGrid_offView p{width:calc(50% - var(--gutter) * .5)}.worksGrid_onView{width:100%;height:100%;display:none;position:absolute;top:0;left:0}.worksGrid_onView .index{position:absolute;top:calc(-1em - 8px);left:50%;transform:translate(-50%)}.worksGrid_onView video{object-fit:cover;object-position:center;width:100%;height:100%}.worksGrid_onView p{margin-top:10px}.worksGrid_item.is-selected .worksGrid_offView{display:none}.worksGrid_item.is-selected .worksGrid_onView{display:block}.worksViewSwitch{z-index:3;align-items:center;display:flex;position:absolute}@media not all and (width>=960px){.worksViewSwitch{left:var(--margin);bottom:var(--margin);column-gap:2px;font-size:11px}}@media (width>=960px){.worksViewSwitch{left:50%;bottom:var(--margin);font-size:13px;transform:translate(-50%)}}.worksViewSwitch button{padding:3px 8px}.worksViewSwitch button.is-current{border:1px solid;border-radius:100px}body.is-ui-hidden,body.is-ui-hidden *{cursor:none}.project{--cornerPad:16px}@media (width>=960px){.project{--cornerPad:30px}}.project{color:#fff;background-color:#000}.project.is-info-open .project_videoWrap{filter:blur(50px)}.project.is-info-open .project_close,.project.is-info-open .project_ui{opacity:0;pointer-events:none}.project.is-info-open .infoText{display:block}.project.is-ui-hidden .project_topArea,.project.is-ui-hidden .project_header,.project.is-ui-hidden .project_close,.project.is-ui-hidden .project_ui{opacity:0;pointer-events:none}.project_videoWrap{z-index:1;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}.project_videoWrap iframe{pointer-events:none;width:100%;height:100%;display:block}.project_topArea,.project_header,.project_close,.project_ui{opacity:1;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1)}.project_topArea{z-index:2;background:linear-gradient(#000000ad 0%,#0000 100%);width:100%;height:132px;position:absolute;top:0;left:0}.project_header{z-index:3;left:var(--cornerPad);top:var(--cornerPad);position:absolute}.project_header .title{font-size:13px;line-height:1.5}.project_header .infoText{white-space:pre-line;margin-top:12px;font-size:11px;line-height:1.5;display:none}.project_header .infoBtn{border:1px solid;border-radius:10px;margin-top:12px;padding:0 10px;font-size:13px;line-height:1.5}.project_close{z-index:3;right:var(--cornerPad);top:var(--cornerPad);font-size:13px;line-height:1.5;position:absolute}.project_close:before{content:"";pointer-events:none;transform-origin:100% 0;background-color:currentColor;width:100%;height:1px;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1);display:block;position:absolute;top:50%;left:0;transform:scaleX(0)}@media (hover:hover){.project_close:hover:before{transform-origin:0 0;transform:scaleX(1)}}.project_ui{z-index:3;width:100%;height:52px;padding:0 var(--cornerPad);background:linear-gradient(#0000 0%,#000000ad 100%);justify-content:space-between;align-items:center;font-size:13px;display:flex;position:absolute;bottom:0;left:0}@media (width>=960px){.project_ui{height:80px}}.project_ui .btnWrap{z-index:2;justify-content:space-between;align-items:center;column-gap:16px;display:flex;position:relative}.project_ui .soundStateBtn{position:relative}.project_ui .soundStateBtn:before{content:"";pointer-events:none;transform-origin:100% 0;background-color:currentColor;width:100%;height:1px;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1);display:block;position:absolute;top:50%;left:0;transform:scaleX(0)}.project_ui .soundStateBtn.is-muted:before{transform-origin:0 0;transform:scaleX(1)}.project_ui .playStateBtn>*{pointer-events:none}.project_ui .playStateBtn.is-paused .playBtn{display:flex}.project_ui .playStateBtn.is-paused .pauseBtn,.project_ui .playStateBtn.is-playing .playBtn{display:none}.project_ui .playStateBtn.is-playing .pauseBtn{display:flex}.project_ui .playStateBtn .icon{width:20px;height:20px}.project_ui .playStateBtn .icon svg{width:100%;height:auto}.project_ui .playStateBtn .text{justify-content:center;align-items:center;width:40px;height:20px;display:flex}.project_progressBar{--progress:0;z-index:1;cursor:pointer;width:100%;height:30px;position:absolute;top:0;left:0}@media (hover:hover){.project_progressBar:hover .current{height:6px}}.project_progressBar:before{content:"";z-index:1;pointer-events:none;background-color:#ffffff4d;width:100%;height:1px;display:block;position:absolute;top:0;left:0}.project_progressBar .current{z-index:2;transform-origin:0 0;width:100%;height:2px;transform:scaleX(var(--progress));pointer-events:none;background-color:currentColor;transition-property:height;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1);position:absolute;top:0;left:0}.profile{background-color:#cfbab4;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.profile_content{width:100%;position:absolute;top:0;left:0}@media not all and (width>=960px){.profile_content{padding:255px var(--margin) 0}}@media (width>=960px){.profile_content{padding:188px var(--margin) 0}}.profile_contact{z-index:2;padding:0 var(--margin);line-height:2;position:absolute;left:0}@media not all and (width>=960px){.profile_contact{font-size:11px;top:211px}}@media (width>=960px){.profile_contact{top:calc(188px + (var(--column) * 6 + var(--gutter) * 5) * .5 * 1.24242 - 30px);font-size:15px}}.profile_contact button{text-decoration:underline}.profile_image{z-index:1;width:calc(var(--column) * 6 + var(--gutter) * 5);margin:0 auto;position:relative}.profile_introduction{line-height:2}@media not all and (width>=960px){.profile_introduction{margin-top:84px;font-size:12px}}@media (width>=960px){.profile_introduction{width:calc(var(--column) * 12 + var(--gutter) * 11);margin-top:-2em;margin-left:auto;font-size:15px}}.profile_introduction .text{letter-spacing:.02em}@media (width>=960px){.profile_introduction .text{text-indent:calc(var(--column) * 3 + var(--gutter) * 3)}}.profile_introduction .showreel{margin-top:2em}.profile_introduction .showreel a{text-decoration:underline}@media not all and (width>=960px){.profile_mediaList{margin-top:84px}}@media (width>=960px){.profile_mediaList{margin-top:150px}}@media not all and (width>=960px){.profile_footer{padding:120px 0}}@media (width>=960px){.profile_footer{padding:240px 0}}.profile_footer svg{width:auto;margin:0 auto}@media not all and (width>=960px){.profile_footer svg{height:45px}}@media (width>=960px){.profile_footer svg{height:84px}}.profile_footer p{margin:12px auto 0;line-height:2}@media not all and (width>=960px){.profile_footer p{text-align:center;font-size:11px}}@media (width>=960px){.profile_footer p{padding-left:calc(50% + var(--gutter) * .5);font-size:13px}}@media not all and (width>=960px){.mediaList{font-size:12px}}@media (width>=960px){.mediaList{font-size:15px}}.mediaList_heading{line-height:2}.mediaList_categoryList{display:flex}@media not all and (width>=960px){.mediaList_categoryList{margin-top:36px}}@media (width>=960px){.mediaList_categoryList{width:calc(var(--column) * 16 + var(--gutter) * 15);margin:60px auto 0}}.mediaList_categoryItem{flex:1 0 auto;justify-content:center;align-items:center;height:2em;display:flex}.mediaList_categoryItem.is-selected button{border-bottom:1px solid}.mediaList_categoryItem button{position:relative}.mediaList_categoryItem button:before{content:"";width:calc(100% + 20px);height:calc(100% + 12px);display:block;position:absolute;top:-6px;left:-10px}@media not all and (width>=960px){.mediaList_list{margin-top:36px}}@media (width>=960px){.mediaList_list{margin-top:60px}}.mediaList_item{line-height:2}@media (width>=960px){.mediaList_item{justify-content:space-between;display:flex}}@media not all and (width>=960px){.mediaList_item+.mediaList_item{margin-top:20px}}.mediaList_item .meta{white-space:nowrap;column-gap:10px;display:flex}.mediaList_item .title{letter-spacing:.04em}@media (width>=960px){.mediaList_item .title{flex-basis:calc(var(--column) * 12 + var(--gutter) * 11)}}