:root{--g:1rem;--m-x:1rem;--m-y:1rem;--white:#fff;--black:#000;--gray:#c9c9c9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;font-size:.694444vw}body{background:var(--white);color:var(--black);letter-spacing:-.01em;overscroll-behavior:none;cursor:none;width:100vw;height:100svh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.1rem;line-height:1.2;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:none;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{display:none}*{scrollbar-width:none}img,svg{width:100%;height:auto;display:block}#cursor{pointer-events:none;z-index:99999;mix-blend-mode:difference;will-change:left,top;background:#fff;width:7px;height:7px;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),opacity .25s;position:fixed;transform:translate(-50%,-50%)rotate(45deg)}#cursor.big{width:10px;height:10px}#cursor.off{opacity:0}#cursor-outline{display:none}#page-fade{z-index:9800;opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}body.dark #page-fade,.dark-init #page-fade{background:#0a0a0a}#page-fade.in{opacity:1;pointer-events:all}#preloader{z-index:9999;pointer-events:all;position:fixed;inset:0;overflow:hidden}#preloader-bg{background:var(--black);position:absolute;inset:0}#prg{z-index:9999;width:100%;height:2.5px;position:fixed;top:0;left:0;overflow:hidden}#prg>div{background:var(--white);will-change:transform;width:100%;height:100%;transform:translate(-100.1%)}#logo{z-index:10000;pointer-events:none;will-change:transform;mix-blend-mode:difference;color:#fff;width:13rem;height:13rem;transition:width 1.6s cubic-bezier(.19,1,.22,1),height 1.6s cubic-bezier(.19,1,.22,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#logo>svg{z-index:1;width:100%;height:100%;display:block;position:relative;overflow:visible}#logo.is-small{width:4rem;height:4rem;transition:none}#logo #logo-l,#logo #logo-r{transition:transform 1.1s cubic-bezier(.22,1.2,.36,1)}#logo.is-closing #logo-l,#logo.is-closing #logo-r{transition:transform .9s cubic-bezier(.4,0,.2,1)}#logo.is-spread #logo-l{transform:translate(-137%)}#logo.is-spread #logo-r{transform:translate(137%)}#header{top:var(--m-y);left:var(--m-x);right:var(--m-x);color:#fff;mix-blend-mode:difference;pointer-events:none;z-index:9997;white-space:nowrap;justify-content:space-between;align-items:center;display:flex;position:fixed}#header-title{pointer-events:all;letter-spacing:-.03em;flex-shrink:0;font-size:1.4rem;font-weight:500;line-height:1}#header-right{flex-shrink:0;align-items:center;gap:2.4rem;display:flex}#header-menu{pointer-events:all;flex-shrink:0;gap:2.4rem;display:flex}#header-menu>a{flex-shrink:0;align-items:center;font-size:1.3rem;line-height:1;display:inline-flex;position:relative}#header-menu>a:not(:last-child):after{content:none}#header-menu>a span{line-height:1;display:inline-block;position:relative}#header-menu>a span:before{content:"";transform-origin:100%;border-bottom:.1rem solid;width:100%;transition:transform .8s cubic-bezier(.19,1,.22,1);position:absolute;bottom:-.15rem;left:0;transform:scaleX(0)}#header-menu>a.is-on span:before,#header-menu>a:hover span:before{transform-origin:0;transform:scaleX(1)}#header-contact_{pointer-events:all;flex-shrink:0;align-items:center;display:inline-flex}#header-contact{pointer-events:all;cursor:none;white-space:nowrap;font-size:1.3rem;line-height:1}#header-time{white-space:nowrap;flex-shrink:0;align-items:center;font-size:1.3rem;line-height:1;display:inline-flex}#fix{z-index:9997;text-align:left;visibility:hidden;width:18vw;position:fixed;top:5rem}#fix.is-positioned{visibility:visible}#fix-de{color:#222;margin-bottom:1.3rem;font-size:1.1rem;line-height:1.65}#fix-co-em{text-decoration:underline;display:inline-block;position:relative}main{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.page_{width:100%;height:100svh;position:absolute;top:0;left:0;overflow:hidden}.page{height:100svh;position:relative;overflow:hidden}#ho-wo{width:100%;height:100svh;position:absolute;top:0;left:0}body.dark{--white:#0a0a0a;--black:#f0f0f0;--gray:#555;background:var(--white);color:var(--black)}body.dark #preloader-bg{background:#0a0a0a}body.dark .ho-wo-img-block{background:#1a1a1a}body.dark #fix-de{color:#888}#dark-toggle{left:var(--g);bottom:var(--g);z-index:5;width:36px;height:36px;color:var(--black);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;overflow:hidden}#dark-toggle svg{flex-shrink:0;width:18px;height:18px;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s;position:absolute}#dark-toggle .ico-sun{opacity:0;transform:rotate(-90deg)scale(.6)}#dark-toggle .ico-moon,#dark-toggle.is-dark .ico-sun{opacity:1;transform:rotate(0)scale(1)}#dark-toggle.is-dark .ico-moon{opacity:0;transform:rotate(90deg)scale(.6)}#ho-cp{bottom:var(--g);right:var(--g);color:var(--gray);position:absolute}.ho-wo-s_{width:100%;height:100svh;position:absolute;top:0;left:0}#ho-wo-0>.ho-wo-s{justify-content:center;width:100%;height:100%;display:flex;position:absolute}#ho-wo-0>.ho-wo-s>div{flex-direction:column;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}#ho-wo-0-me_{pointer-events:none;height:4lh;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}#ho-wo-0-me{will-change:transform;position:absolute;inset:0}#ho-wo-0-me>div{opacity:0;align-items:center;width:100%;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}#ho-wo-0-me>div.is-on{opacity:1}#ho-wo-0-me>div>span:first-child{left:calc(18vw + var(--g));text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;position:absolute;right:68%;overflow:hidden}#ho-wo-0-me>div>span:nth-child(2){color:#888;white-space:normal;max-width:20vw;font-size:1.1rem;line-height:1.5;position:absolute;left:68%}#ho-wo-0-me>div>span:nth-child(3){color:#888;right:var(--g);white-space:nowrap;font-size:1.1rem;position:absolute}.ho-wo-s-imgs{will-change:transform;flex-direction:column;align-items:center;gap:3px;width:250px;display:flex}.ho-wo-img-block{background:#f0f0f0;flex-shrink:0;width:250px;position:relative;overflow:hidden}.ho-wo-img-block img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .6s,transform .5s cubic-bezier(.16,1,.3,1);display:block}.ho-wo-img-block:hover img,.ho-wo-img-block.is-on img{filter:grayscale(15%)}#proj-list{top:50%;left:var(--g);pointer-events:all;width:18vw;max-height:30rem;position:absolute;overflow:hidden;transform:translateY(-50%)}#proj-list-inner{flex-direction:column;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex}.proj-li{color:var(--gray);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;padding:4px 0;font-size:1.1rem;line-height:1;transition:color .3s,opacity .3s;overflow:hidden}.proj-li:hover{color:#555}.proj-li.is-on{color:var(--black);font-weight:500}#wo{opacity:0;pointer-events:none;justify-content:space-between;align-items:center;height:100svh;transition:opacity .4s;display:flex;position:relative}#wo.vis{opacity:1;pointer-events:auto}#wo-back{bottom:var(--g);left:var(--g);color:var(--gray);font-size:1.1rem;position:absolute}#wo-back .l{transform-origin:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:inline-block}#wo-back:hover .l{transform:scaleX(0)}#wo-back:not(:hover) .l{transform-origin:0}#wo-info{padding-left:var(--g);flex-direction:column;flex-shrink:0;justify-content:center;width:18vw;height:100%;padding-top:5rem;display:flex}.wo-ti{color:#000;margin-bottom:.8rem;font-size:1.1rem;font-weight:500}.wo-meta{color:#000;font-size:1rem;line-height:1.6}.wo-meta-label{color:var(--gray);margin-top:1rem;margin-bottom:.2rem;font-size:.85rem}.wo-link{margin-top:1.1rem;display:inline-block}.wo-link a{font-size:1rem;text-decoration:underline;display:inline-block}#wo-ga{flex:1;align-items:center;height:100svh;display:flex;position:relative;overflow:hidden}#wo-ga-scroll{will-change:transform;width:100%;position:absolute;top:0;left:0}.wo-ga-block{flex-shrink:0;width:100%;position:relative;overflow:visible}.wo-ga-inner{will-change:width;background:#111;width:200px;height:100%;margin-left:auto;margin-right:0;transition:width .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.wo-ga-block img{object-fit:cover;filter:grayscale(70%)brightness(.55);width:100%;height:100%;transition:filter .6s;display:block}.wo-ga-block.expanded img{filter:none}.wo-ga-block.type-slide .wo-ga-inner{background:#0a0a0a}.wo-ga-block.type-slide .wo-ga-frame{justify-content:center;align-items:center;padding:5% 6%;display:flex;position:absolute;inset:0}.wo-ga-block.type-slide .wo-ga-frame-win{background:#f5f5f5;border-radius:4px;flex-direction:column;width:100%;max-height:100%;display:flex;overflow:hidden;box-shadow:0 20px 80px #0009}.wo-ga-block.type-slide .wo-ga-frame-bar{background:#e8e8e8;flex-shrink:0;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.wo-ga-block.type-slide .wo-ga-frame-dot{background:#ccc;border-radius:50%;width:10px;height:10px}.wo-ga-block.type-slide .wo-ga-frame-img{flex:1;position:relative;overflow:hidden}.wo-ga-block.type-slide .wo-ga-frame-img img{object-fit:cover;height:100%;filter:none!important}.logo-svg{width:100%;height:100%;overflow:visible}#header-title{top:var(--m-y);left:var(--m-x);z-index:9998;pointer-events:all;align-items:center;height:48px;display:flex;position:fixed}#header-logo{width:auto;height:70px;transition:transform 1.2s cubic-bezier(.16,1,.3,1);display:block}#header-logo:hover{transform:rotate(360deg)scale(1.1)}