@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff)format("woff")}@font-face{font-family:Noto Sans JP;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/noto-sans-jp-subset-400.CWdeJhYZ.woff2)format("woff2")}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}html{-webkit-text-size-adjust:100%}img,canvas{display:block}button,input,textarea,select{font:inherit}}@layer base{:root{--color-background:#000;--color-text:#b3b3b3;--color-text-strong:#fff;--color-text-dim:#666;--color-error:#a05a4d;--color-focus-ring:#c96;--color-tap-highlight:#000;--color-panel-background:#0d0d0d;--color-panel-rule:#333;--font-family-body:"IBM Plex Mono", "Noto Sans JP", "Hiragino Kaku Gothic ProN", ui-monospace, monospace;--font-size-ui:.875rem;--line-height-ui:1.4;--space-page:20px;--space-header-gap:15px;--space-touch-y:4px;--space-thumb-gap:5px;--space-thumb-gap-mobile:10px;--space-thumb-inline-end:15px;--space-thumb-inline-start:25px;--space-thumb-max-height-offset:120px;--space-back-link-mobile-bottom:80px;--space-guide-gap:5px;--space-guide-gap-mobile:5px;--info-panel-column:calc((100vw - 13 * var(--space-page)) / 12);--info-panel-width:calc(3 * var(--info-panel-column));--duration-info-slide:.5s;--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--shadow-info-edge:24px 0 48px -12px #000000bf;--size-focus-ring:2px;--radius-focus:2px;--size-hairline:1px;--size-graph-button:30px;--size-guide:15px;--size-guide-mobile:10px;--size-thumb:50px;--size-thumb-mobile:60px;--size-viewer-error-max:500px;--z-gallery-effect:1;--z-gallery-ui:2;--z-transition-bridge:9;--z-header:10;--z-gallery-cover:11}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-ui);line-height:var(--line-height-ui);-webkit-tap-highlight-color:var(--color-tap-highlight);overflow:hidden}}@layer layout{.swup-container{background:var(--color-background);box-shadow:var(--shadow-info-edge);transition:transform var(--duration-info-slide) var(--ease-out-quint);position:fixed;inset:0}.transition-bridge{z-index:var(--z-transition-bridge);pointer-events:none;visibility:hidden;width:100%;height:100%;position:fixed;inset:0}}@layer components{.site-header{top:var(--space-page);left:var(--space-page);right:var(--space-page);z-index:var(--z-header);text-transform:uppercase;pointer-events:none;transition:opacity .5s ease, visibility .5s ease, transform var(--duration-info-slide) var(--ease-out-quint);justify-content:space-between;align-items:baseline;display:flex;position:fixed}.site-header__brand-group{align-items:baseline;gap:var(--space-header-gap);display:flex}.site-header__tagline{color:var(--color-text);user-select:none;display:block}.site-header a{pointer-events:auto;color:var(--color-text-strong);user-select:none;text-decoration:none;transition:opacity .25s}@media (hover:hover) and (pointer:fine){.site-header a:hover{opacity:.6}}.site-header a:focus-visible{box-shadow:0 0 0 var(--size-focus-ring) var(--color-focus-ring);border-radius:var(--radius-focus);outline:none}.info-panel{width:var(--info-panel-width);padding:var(--space-page);background:var(--color-panel-background);scrollbar-width:none;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.info-panel::-webkit-scrollbar{display:none}.info-panel:focus{outline:none}.info-content{flex-direction:column;gap:30px;display:flex}.info-content__label{color:var(--color-text-dim);font-size:var(--font-size-ui);text-transform:uppercase;border-bottom:var(--size-hairline) solid var(--color-panel-rule);user-select:none;margin-bottom:10px;padding-bottom:5px}.info-content__body{color:var(--color-text)}.info-content__name{color:var(--color-text);margin-bottom:5px}.info-content__links{flex-direction:column;list-style:none;display:flex}.info-content__links a{color:var(--color-text);user-select:none;text-decoration:none;transition:opacity .25s;display:inline-block}@media (hover:hover) and (pointer:fine){.info-content__links a:hover{opacity:.6}}.info-content__links a:focus-visible{box-shadow:0 0 0 var(--size-focus-ring) var(--color-focus-ring);border-radius:var(--radius-focus);outline:none}.gallery-graph{right:var(--space-page);z-index:var(--z-gallery-ui);flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.gallery-graph button{appearance:none;width:var(--size-graph-button);padding:var(--space-touch-y) 0;cursor:pointer;background:0 0;border:none;display:block}.gallery-graph__bar{width:var(--size-graph-button);height:var(--size-hairline);background:var(--color-text);transform-origin:100%;transition:transform .25s;display:block;transform:scaleX(.6667)}.gallery-graph button:focus-visible{box-shadow:0 0 0 var(--size-focus-ring) var(--color-focus-ring);border-radius:var(--radius-focus);outline:none}.gallery-cover{z-index:var(--z-gallery-cover);background:var(--color-background);transition:opacity .35s;position:fixed;inset:0}.gallery-cover__counter{left:var(--space-page);color:var(--color-text);font-variant-numeric:tabular-nums;position:fixed;top:50%;transform:translateY(-50%)}.gallery-cover__counter span{display:block}.gallery-cover__counter-track{transform:translateY(calc(50vh - var(--space-page) - 50%))}.viewer-thumbs{right:var(--space-thumb-inline-end);z-index:var(--z-gallery-ui);gap:var(--space-thumb-gap);padding:var(--space-touch-y) var(--space-touch-y) var(--space-touch-y) var(--space-thumb-inline-start);max-height:calc(100vh - var(--space-thumb-max-height-offset));scrollbar-width:none;flex-direction:column;list-style:none;display:flex;position:fixed;top:50%;overflow-y:auto;transform:translateY(-50%)}.viewer-thumbs::-webkit-scrollbar{display:none}.viewer-thumbs li{flex:none}.viewer-thumbs a{width:var(--size-thumb);opacity:.5;transition:opacity .25s;display:block;position:relative}.viewer-thumbs a[aria-current=page]{opacity:1}.viewer-thumbs a[aria-current=page]:before{content:"";top:50%;right:calc(100% + var(--space-guide-gap));width:var(--size-guide);height:var(--size-hairline);background:var(--color-text);pointer-events:none;position:absolute;transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){.viewer-thumbs a:hover{opacity:1}}.viewer-thumbs a:focus-visible{box-shadow:0 0 0 var(--size-focus-ring) var(--color-focus-ring);opacity:1;outline:none}.viewer-thumbs img{aspect-ratio:4/3;object-fit:cover;filter:grayscale();width:100%;height:auto}}@layer pages{.gallery-page{overscroll-behavior-y:none;scrollbar-width:none;height:100%;overflow-y:auto}.gallery-page::-webkit-scrollbar{display:none}.gallery{gap:var(--space-page);padding:var(--space-page);grid-template-columns:repeat(12,1fr);list-style:none;display:grid}.gallery__item{grid-column:6/span 4;position:relative}.gallery__item:before,.gallery__item:after{content:"";z-index:var(--z-gallery-ui);width:var(--size-guide);height:var(--size-hairline);background:var(--color-text);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.gallery__item:before{right:calc(100% + var(--space-guide-gap))}.gallery__item:after{left:calc(100% + var(--space-guide-gap))}.gallery__item a{display:block}.gallery__item a:focus-visible{box-shadow:0 0 0 var(--size-focus-ring) var(--color-focus-ring);outline:none}.gallery__item img{filter:grayscale();width:100%;height:auto}.gallery-page__effect{z-index:var(--z-gallery-effect);pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.gallery-page__meta{left:var(--space-page);color:var(--color-text);pointer-events:none;z-index:var(--z-gallery-ui);position:fixed;top:50%;transform:translateY(-50%)}.gallery-page__meta span{display:block}.info-page{height:100%;padding:100px var(--space-page) var(--space-page);overflow-y:auto}.info-page .info-content{max-width:600px;margin:0 auto}.viewer{position:absolute;inset:0}.viewer canvas{touch-action:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer__caption{left:var(--space-page);color:var(--color-text);opacity:0;pointer-events:none;transition:opacity .8s;position:fixed;top:50%;transform:translateY(-50%)}.viewer__caption span{display:block}.viewer__status{opacity:.3;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer__error{color:var(--color-error);opacity:.85;max-width:var(--size-viewer-error-max);text-align:center;padding:0 var(--space-page);position:fixed;top:56%;left:50%;transform:translate(-50%)}.viewer__back-link{left:var(--space-page);bottom:var(--space-page);color:var(--color-text);text-transform:uppercase;user-select:none;text-decoration:none;transition:opacity .25s;position:fixed}@media (hover:hover) and (pointer:fine){.viewer__back-link:hover{opacity:.6}}.viewer__back-link:focus-visible{box-shadow:0 0 0 var(--size-focus-ring) var(--color-focus-ring);border-radius:var(--radius-focus);outline:none}}@layer states{html[data-info-open] .swup-container,html[data-info-open] .site-header{transform:translateX(calc(-1 * var(--info-panel-width)))}html[data-info-open] .gallery-page{overflow:hidden}.site-header[data-intro-hidden]{opacity:0;visibility:hidden}.site-header__tagline[data-typing]:after{content:"_";animation:1s step-end infinite tagline-caret-blink}@keyframes tagline-caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.gallery-page[data-state=intro]{overflow-y:hidden}.gallery__item[data-active]:before,.gallery__item[data-active]:after{opacity:1}.gallery-graph button[aria-current=true] .gallery-graph__bar{transform:scaleX(1)}.gallery-graph[data-state=intro] .gallery-graph__bar{opacity:0;transition:opacity .3s,transform .25s}.gallery-graph[data-state=intro] button[data-passed] .gallery-graph__bar{opacity:1}.gallery-cover[data-state=open]{opacity:0;pointer-events:none}.viewer__caption[data-shown]{opacity:1}@media (prefers-reduced-motion:reduce){.gallery-graph__bar,.gallery__item:before,.gallery__item:after,.swup-container,.site-header{transition:none}.gallery-cover{display:none}}@media (width<=768px){:root{--info-panel-width:min(370px, calc(100vw - 60px))}.site-header__tagline{display:none}.gallery__item{grid-column:2/span 10}.gallery__item:before,.gallery__item:after{width:var(--size-guide-mobile)}.gallery__item:before{right:calc(100% + var(--space-guide-gap-mobile))}.gallery__item:after{left:calc(100% + var(--space-guide-gap-mobile))}.gallery-graph{display:none}.gallery-page__meta,.gallery-cover__counter{top:auto;bottom:var(--space-page);transform:none}.gallery-cover__counter-track{transform:none}.viewer-thumbs{top:auto;left:var(--space-page);right:var(--space-page);bottom:var(--space-page);gap:var(--space-thumb-gap-mobile);flex-direction:row;max-height:none;padding:0;overflow:auto hidden;transform:none}.viewer-thumbs a{width:var(--size-thumb-mobile)}.viewer-thumbs a[aria-current=page]:before{content:none}.viewer__back-link{bottom:var(--space-back-link-mobile-bottom)}}}