*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}ol,ul{list-style:none}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}:root{--tp-base-background-color:rgba(26,26,26,.8);--tp-base-shadow-color:rgba(0,0,0,.2);--tp-button-background-color:#ccc;--tp-button-background-color-active:#fff;--tp-button-background-color-focus:#f2f2f2;--tp-button-background-color-hover:#d9d9d9;--tp-button-foreground-color:rgba(0,0,0,.8);--tp-container-background-color:rgba(0,0,0,.3);--tp-container-background-color-active:rgba(0,0,0,.6);--tp-container-background-color-focus:rgba(0,0,0,.5);--tp-container-background-color-hover:rgba(0,0,0,.4);--tp-container-foreground-color:hsla(0,0%,100%,.5);--tp-groove-foreground-color:rgba(0,0,0,.2);--tp-input-background-color:rgba(0,0,0,.3);--tp-input-background-color-active:rgba(0,0,0,.6);--tp-input-background-color-focus:rgba(0,0,0,.5);--tp-input-background-color-hover:rgba(0,0,0,.4);--tp-input-foreground-color:hsla(0,0%,100%,.5);--tp-label-foreground-color:hsla(0,0%,100%,.5);--tp-monitor-background-color:rgba(0,0,0,.3);--tp-monitor-foreground-color:hsla(0,0%,100%,.3)}::-moz-selection{background:transparent}::selection{background:transparent}*{box-sizing:border-box}html{font-size:100%}body{font-family:Zen Kaku Gothic New,sans-serif;color:#111;background-color:#f0f0f0}body.static{overflow:hidden}body.static footer{position:fixed;bottom:16px;padding-bottom:0}body.static footer .copyright{padding:0}h1,h2,h3,h4,h5,h6{font-family:EB Garamond,serif;font-weight:400}li,p,time{font-family:Zen Kaku Gothic New,sans-serif;font-weight:400}#container{margin:0 auto;max-width:960px;padding:0 16px}header.pageHead,header.siteHead{margin:3em 0;pointer-events:none;z-index:9999;position:relative}header.pageHead h1,header.siteHead h1{margin:0;padding:0;line-height:1;font-size:x-large;font-family:EB Garamond,serif;font-weight:400}footer{pointer-events:none;mix-blend-mode:difference;color:#fff;padding-bottom:16px}footer .copyright{margin:0;line-height:1;font-size:x-small}.tp-dfwv{display:none}body.debug .tp-dfwv{display:block}.mainNav,body.debug .tp-dfwv{z-index:9999;position:relative}.mainNav{display:inline-block;mix-blend-mode:difference;color:#fff;padding:16px 0;font-size:small;font-family:EB Garamond,serif;font-weight:400}.mainNav ul{display:flex;list-style:none;padding:0;margin:0}.mainNav ul li{margin-right:1rem}.mainNav ul li a{text-decoration:none;transition:color .3s ease}.works-list{margin-top:2rem}.works-list h2{font-size:2rem}.works-list ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.works-list li{position:relative}.works-list img{display:block;border-radius:3px;-o-object-fit:cover;object-fit:cover;box-shadow:0 0 4px #0000001a}.works-list .work-info{position:absolute;top:0;left:0;padding:10px}.works-list h2,.works-list p,.works-list time{mix-blend-mode:difference;color:#fff;filter:saturate(0) contrast(1) brightness(2)}.works-list h2{margin:0;font-size:1.25em}.works-list p,.works-list time{font-size:small}.works-list a{transition:transform .3s ease}.works-list a:hover img{transform:scale(1.05)}@media(max-width:768px){.works-list ul{display:block;grid-template-columns:none;gap:normal}.works-list ul li{margin-top:1em}.works-list ul li img{border-radius:8px}}.work-detail{position:fixed;bottom:42px;width:calc(100% - 32px);max-width:928px;pointer-events:none}.work-detail h1{font-family:EB Garamond,serif;font-weight:400;font-size:2.4em;margin:0 0 .25em;line-height:1}.work-detail time{font-size:small;margin-top:.25em;margin-bottom:.25em}.work-detail .tags{font-size:small}.work-detail .tags:before{content:"  |  ";opacity:.5}.work-detail .work-pager{margin-top:16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;pointer-events:auto}.work-detail .work-pager .newer,.work-detail .work-pager .older{font-family:EB Garamond,serif;font-weight:400;transition:opacity .3s ease;line-height:1}.work-detail .work-pager .newer a:hover,.work-detail .work-pager .older a:hover{opacity:.6}.work-detail .work-pager .newer{text-align:right}.work-detail .work-pager .current{font-family:EB Garamond,serif;font-weight:400;line-height:1;text-align:center;opacity:.5;font-size:small;white-space:nowrap}.about.info{margin:10em 0 5em}.about.info .ja{margin:3em 0}.about.info .ja p{line-height:1.5}.about.info .ja p.en,.back-to-top{font-size:small}.back-to-top{text-align:right;cursor:pointer!important;margin-bottom:1em}.back-to-top button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0}.back-to-top button:hover{opacity:.6}.webglview{position:fixed;top:0;left:0;width:100%;height:100dvh;display:block;z-index:-1}::view-transition-new(root),::view-transition-old(root){animation-duration:.4s}.card-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.card-container.sp{grid-template-columns:repeat(1,1fr);gap:10px}.card{position:fixed;cursor:pointer}.card .cardCore{position:relative}.card .cardWrapper{position:absolute;padding:5px;width:220px;height:80px;border:1px solid #ccc;background:#ffffffeb;box-shadow:0 2px 4px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card a{display:grid;grid-template-columns:68px 1fr;gap:10px;width:100%;height:100%}.card .info{display:flex;flex-direction:column;justify-content:space-between}.card img{width:68px;height:68px;-o-object-fit:cover;object-fit:cover;border:1px solid #fff;border-radius:3px;box-shadow:0 0 4px #0003}.card h2{font-size:small;line-height:1}.card p,.card time{display:block;font-size:x-small;line-height:1.4}.card p{align-self:start}.card time{align-self:end}.error-page[data-v-501450da]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;text-align:center}.error-page h1[data-v-501450da]{font-size:6rem}