:root{color-scheme:dark;--bg: #080808;--ink: #f1f1ef;--quiet: #696969;--line: #474747;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body{min-width:320px;margin:0;background:var(--bg);color:var(--ink)}::selection{background:var(--ink);color:var(--bg)}.text-selection{background:var(--ink);color:var(--bg);box-decoration-break:clone;-webkit-box-decoration-break:clone}.entry:hover .text-selection,.catalog-entry:hover .text-selection{background:var(--bg);color:var(--ink)}.signal-noise{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;opacity:.11;image-rendering:pixelated;pointer-events:none}.site{position:relative;display:flex;flex-direction:column;min-height:100svh;padding:0 3.05vw;overflow:clip}.masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:2rem;min-height:88px;padding-top:22px;font-size:10px;font-weight:700;line-height:1.25;letter-spacing:.08em}.masthead p{margin:0}.wordmark{width:fit-content;font-size:27px;font-weight:800;line-height:1;letter-spacing:-.095em}.wordmark-dot{margin-left:1px}.masthead-center{justify-self:center;text-align:center}.domain-lockup{display:inline-flex;align-items:baseline;gap:7px;white-space:nowrap;font-weight:800;line-height:1}.domain-prefix{color:#777;font-size:10px;letter-spacing:.14em}.domain-name{font-size:20px;letter-spacing:-.065em}.masthead-caption{display:block;margin-top:7px;color:var(--quiet);font-size:9px;letter-spacing:.1em}.masthead-right{justify-self:end;text-align:right}.index-mark{padding-left:5px;font-size:15px}.top-rule{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:7px 0 9px;color:var(--quiet);font-size:9px;font-weight:700;letter-spacing:.13em}.index{display:grid;flex:1;grid-template-rows:repeat(3,minmax(180px,1fr))}.entry{--title-left: 12.5%;--english-left: 50%;--copy-left: 50%;--copy-width: 31.25%;--array-left: 87.5%;position:relative;display:block;min-height:0;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate;color:inherit;text-decoration:none;transition:background-color .22s ease,color .22s ease}.entry:focus-visible{outline:1px solid var(--ink);outline-offset:-4px}.entry-photos{--title-left: 58.333%;--english-left: 33.333%;--copy-left: 0%;--array-left: 33.333%}.entry-code{--title-left: 25%;--english-left: 66.667%;--copy-left: 66.667%;--copy-width: 27.083%;--array-left: 0%}.entry:hover{background:var(--ink);color:var(--bg)}.entry-small{position:absolute;z-index:2;top:15px;font-size:clamp(8px,.65vw,11px);font-weight:700;line-height:1.3;letter-spacing:.12em}.entry-small-left{left:0}.entry-heading{position:absolute;z-index:1;inset:0;margin:0;pointer-events:none}.entry-title{position:absolute;z-index:1;bottom:-.08em;left:var(--title-left);display:inline-flex;align-items:start;font-size:clamp(140px,14vw,270px);font-weight:800;line-height:1;letter-spacing:-.1em;white-space:nowrap;transition:transform .35s cubic-bezier(.19,1,.22,1)}.entry:hover .entry-title{transform:translate(2vw)}.entry-arrow{display:inline-block;margin:.18em 0 0 .24em;font-size:.2em;font-weight:400;letter-spacing:0;transition:transform .35s cubic-bezier(.19,1,.22,1)}.entry:hover .entry-arrow{transform:translate(8px,-8px)}.glitch-copy{position:absolute;top:0;left:0;width:max-content;opacity:0;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;pointer-events:none}.glitch-copy.is-glitching{animation:glitch-flash var(--glitch-duration) steps(1,end) 1}.entry-title-en.is-glitching,.catalog-entry-english.is-glitching{animation:glitch-echo var(--glitch-duration) steps(1,end) 1}@keyframes glitch-flash{0%,to{opacity:0}15%,72%{opacity:var(--glitch-opacity);clip-path:inset(var(--slice-top) 0 var(--slice-bottom) 0);transform:translate(var(--glitch-x),var(--glitch-y))}}@keyframes glitch-echo{0%,to{text-shadow:none}15%,72%{text-shadow:var(--echo-x) 0 #999}}.entry-title-en{position:absolute;top:6%;left:var(--english-left);font-size:clamp(54px,4vw,76px);font-weight:800;line-height:.95;letter-spacing:-.085em;white-space:nowrap}.entry-copy{position:absolute;z-index:2;top:41%;left:var(--copy-left);width:var(--copy-width);margin:0;color:#767676;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(8px,.55vw,10.5px);font-weight:700;line-height:1.18;letter-spacing:.01em;text-align:justify;text-align-last:justify;word-break:break-all}.entry:hover .entry-copy{color:#606060}.entry-texture{position:absolute;z-index:2;top:70%;left:var(--copy-left);width:var(--copy-width);margin:0;color:#545454;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(8px,.55vw,10.5px);font-weight:700;line-height:1.18;letter-spacing:.01em;text-align:justify;text-align-last:justify;word-break:break-all;animation:texture-pulse 6s steps(2,end) infinite}.entry-code .entry-texture{animation-delay:-4s}.entry:hover .entry-texture{color:#606060}.signal-field{position:absolute;z-index:2;top:41%;left:var(--array-left);display:grid;grid-template-columns:repeat(var(--columns),1em);grid-auto-rows:1em;gap:.16em;align-items:center;justify-items:center;color:#777;font-family:Arial,Hiragino Sans,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(9px,.55vw,11px);font-weight:400;line-height:1;pointer-events:none}.signal-field span{display:grid;width:1em;height:1em;place-items:center;color:#777}.entry:hover .signal-field span{color:var(--bg)}@keyframes texture-pulse{0%,to{opacity:.75}50%{opacity:1}}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:13px 0 18px;color:var(--quiet);font-size:9px;font-weight:700;letter-spacing:.1em;white-space:nowrap}.footer-repeat{max-width:45vw;overflow:hidden;text-align:center}@media(max-width:700px){.site{padding:0 5vw}.masthead{grid-template-columns:1fr auto;min-height:77px;padding-top:18px}.masthead-center{justify-self:end;text-align:right}.masthead-domain .domain-prefix{font-size:7px}.masthead-domain .domain-name{font-size:12px}.masthead-caption,.masthead-right{display:none}.wordmark{font-size:23px}.top-rule{font-size:7px}.top-rule>span:last-child{display:none}.index{flex:none;grid-template-rows:repeat(3,minmax(340px,40svh))}.entry-design,.entry-photos{--copy-left: 0%;--copy-width: calc(100% - 142px) ;--array-left: calc(100% - 130px) }.entry-code{--copy-left: calc(100% - 142px) ;--copy-width: 142px;--array-left: 0%}.entry-title{bottom:.03em;font-size:clamp(116px,22vw,146px)}.entry-title-en{top:18%;font-size:17px}.entry-design .entry-title{left:0}.entry-photos .entry-title{left:auto;right:7%}.entry-code .entry-title{left:4%}.entry-design .entry-title-en,.entry-photos .entry-title-en,.entry-code .entry-title-en{left:0}.entry-small{top:12px;font-size:8px}.entry-copy{top:31%;max-height:4.75em;overflow:hidden;color:#666;font-size:8px}.entry-texture{display:none}.signal-field{top:31%;color:#595959;font-size:5.5px}.signal-field span{color:inherit}.entry-code .signal-field{font-size:5.5px}.site-footer{flex-wrap:wrap;padding:12px 0 18px;font-size:7px;line-height:1.3;white-space:normal}.site-footer>span:last-child{margin-left:auto}.footer-repeat{display:none}}@media(max-height:700px)and (min-width:701px){.index{grid-template-rows:repeat(3,minmax(140px,1fr))}.entry-title{font-size:min(18vw,26vh)}}@media(prefers-reduced-motion:reduce){.entry,.entry-title,.entry-arrow{transition:none}.entry-texture,.glitch-copy.is-glitching,.entry-title-en.is-glitching,.catalog-entry-english.is-glitching{animation:none}}.site-footer a{color:inherit;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.site-footer [hidden]{display:none}@keyframes page-enter-forward{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes page-enter-back{0%{opacity:0;transform:translate3d(0,-24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes page-leave-forward{to{opacity:0;transform:translate3d(0,-18px,0)}}@keyframes page-leave-back{to{opacity:0;transform:translate3d(0,18px,0)}}main{animation:page-enter-forward .48s cubic-bezier(.2,.8,.2,1) both}html[data-nav-direction=back] main{animation-name:page-enter-back}html.is-leaving main{pointer-events:none;animation:page-leave-forward .28s ease-in both}html.is-leaving[data-nav-direction=back] main{animation-name:page-leave-back}