@font-face{font-family:Neon;src:url(/fonts/MonaspaceNeonVar-Terminal.woff2) format("woff2");font-weight:200 800;font-stretch:100% 125%;font-display:swap}@font-face{font-family:Monaspace Xenon;src:url(/fonts/MonaspaceXenonVar.woff2) format("woff2");font-weight:200 800;font-stretch:100% 125%;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/ArchivoVar-latin.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:InterVariable;src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/SatoshiVar.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--ground:#171918;--line:#373b39;--dot:#2e3130;--ash:#717d79;--bone:#e8e2d9;--signal:#9d86ff;--accent:#9d86ff;--ease:cubic-bezier(.65,0,.15,1);--pad-x:clamp(20px,2.5vw,40px);--pad-y:clamp(20px,3.6vh,32px);--mono:"Neon";--glyph:var(--mono),"Yu Mincho","Hiragino Mincho ProN","MS Mincho",serif;--voice:"Archivo",system-ui,sans-serif;--voice-stretch:125%;--voice-weight:800;--voice-case:uppercase;--voice-tracking:0.01em;--voice-words:normal;--read:"Archivo",system-ui,sans-serif;--read-size:19px}html[data-voice=inter]{--voice:"InterVariable","Inter",system-ui,sans-serif;--voice-stretch:100%;--voice-weight:700;--voice-tracking:-0.02em;--read:"InterVariable","Inter",system-ui,sans-serif;--read-size:19px;--voice-features:"cv11" 1,"ss01" 1,"cv05" 1,"cv12" 1,"cv13" 1}html[data-voice=satoshi]{--mono:"Monaspace Xenon";--voice:"Satoshi",system-ui,sans-serif;--voice-stretch:100%;--voice-weight:700;--voice-tracking:-0.01em;--read:"Satoshi",system-ui,sans-serif;--read-size:19px}.pdesc,.principle h3,.principle p,.ptitle,.wabout,.wline,.wordmark,.wtitle{font-feature-settings:var(--voice-features,normal)}*{box-sizing:border-box}body,html{margin:0;height:100%}#grid{position:fixed;inset:0;z-index:0;pointer-events:none}body{overflow:hidden;color:var(--bone);background:var(--ground);font:500 16px/24px var(--mono),ui-monospace,monospace;font-feature-settings:"calt" 1,"liga" 1}h1,h2,ol,p{margin:0;padding:0;list-style:none;font-weight:inherit}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.p{color:var(--signal)}.p,.sq{margin-right:1ch}.sq{display:inline-block;width:8px;height:8px;background:currentColor;vertical-align:1px}.sw{white-space:nowrap}.sc{display:inline-block;text-align:center}.sc.u{font-family:var(--glyph);font-weight:400;font-stretch:100%;color:var(--ash);font-feature-settings:"calt" 0,"liga" 0}.reg{position:fixed;z-index:5;width:5px;height:5px;background:color-mix(in srgb,var(--ash) 55%,var(--ground));transition:background-color .7s var(--ease)}body.open .reg{background:var(--accent)}:root{--mark:39px;--brand-open:.3;--header-height:max(var(--mark),48px)}.site-header{position:fixed;z-index:4;top:var(--pad-y);left:var(--pad-x);right:var(--pad-x);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;grid-column-gap:28px;column-gap:28px;align-content:center;align-items:baseline;height:var(--header-height);transition:height .85s var(--ease)}body.open .site-header{height:20px}.brand{grid-area:1/1/2/-1;justify-self:start;display:flex;align-items:baseline;gap:.375em;font-size:var(--mark);line-height:1;transition:font-size .85s var(--ease)}body.open .brand{grid-column-end:2;font-size:calc(var(--mark) * var(--brand-open))}.markbox{position:relative;display:block;flex:none;align-self:center;line-height:0}.brand svg{display:block;width:.9em;height:.89em}.markfx{position:absolute;left:-12px;top:-12px;pointer-events:none}.wordmark{font-family:var(--voice);font-size:inherit;line-height:1;white-space:nowrap;font-weight:var(--voice-weight);font-stretch:var(--voice-stretch);text-transform:var(--voice-case);letter-spacing:var(--wordmark-tracking,var(--voice-tracking));word-spacing:var(--voice-words)}.index{position:fixed;z-index:1;inset:var(--pad-y) var(--pad-x);display:grid;grid-template-rows:auto 1fr auto}.fade{transition:opacity .32s ease}body.open .index .fade{opacity:0;pointer-events:none}body.closing .index .fade{transition-delay:.42s}.header-space{height:calc(var(--header-height) + 21px);border-bottom:1px solid var(--line)}.meta-grid{position:absolute;grid-area:1/3/2/4;width:max-content;justify-self:end;align-self:center;display:grid;grid-template-columns:9ch auto;grid-column-gap:2ch;column-gap:2ch;transition:opacity .32s ease,visibility 0s}body.open .meta-grid{opacity:0;visibility:hidden;transition:opacity .32s ease,visibility 0s .32s}body.closing .meta-grid{transition:opacity .32s ease .42s,visibility 0s .42s}.meta-grid span:nth-child(odd){color:var(--ash)}.index main{display:grid;grid-template-columns:1fr 39vw;min-height:0}.record{padding:32px 52px 0 0}.command{margin-bottom:24px}.row,.th{display:grid;grid-template-columns:14.882ch 2ch 16.882ch 22.366ch 1fr}.th{color:var(--ash);margin-bottom:12px}.th span{font-size:13px;line-height:20px}.row{position:relative;width:100%;padding:12px 0;color:var(--ash)}.row .n{color:var(--bone)}.row .m{color:var(--line);transition:color .3s ease}.row:after,.row:before{content:"";position:absolute;top:0;bottom:0;width:8px;border:1px solid var(--ash);opacity:0;transition:opacity .2s ease}.row:before{left:-1.5ch;border-right:0}.row:after{right:-1.5ch;border-left:0}.row.active{color:var(--bone)}.row.active .m{color:var(--work)}.row.active:after,.row.active:before{opacity:1}.view,.xh:not([data-view=index]) .preview,.xh:not([data-view=index]) .record{display:none}.view{grid-column:1/-1;min-height:0;overflow:auto;padding-top:32px}.xh[data-view=about] #view-about,.xh[data-view=approach] #view-approach,.xh[data-view=contact] #view-contact{display:block}.principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:64px;column-gap:64px}.principle{padding:20px 0 24px;border-top:1px solid var(--line)}.principle h3{margin:0 0 10px;font-size:22px;line-height:32px;font-family:var(--voice);font-weight:var(--voice-weight);font-stretch:var(--voice-stretch);letter-spacing:calc(var(--voice-tracking) - .01em);word-spacing:var(--voice-words)}.principle p{max-width:56ch;color:var(--ash);font-family:var(--read);font-size:var(--read-size);font-weight:400;line-height:24px}.credit,.credits-th{display:grid;grid-template-columns:16ch 26ch 1fr 10ch}.credits-th{color:var(--ash);margin-bottom:8px}.credits-th span{font-size:13px;line-height:20px}.credit{padding:6px 0;color:var(--ash)}.credit .c{color:var(--bone)}.credit.first{margin-top:6px;padding-top:12px;border-top:1px solid var(--line)}.contact{display:grid;grid-template-columns:9ch auto auto;justify-content:start;align-items:baseline;grid-column-gap:3ch;column-gap:3ch;grid-row-gap:8px;row-gap:8px}.contact .k{color:var(--ash)}.contact .copy{color:var(--signal)}.links button{color:var(--bone);transition:color .2s ease}.links button.on,.links button:hover{color:var(--signal)}.preview{position:relative;padding:32px 0 0 32px;--work:var(--signal)}.preview .divider{position:absolute;left:0;top:0;bottom:0;border-left:1px solid var(--line)}.shot{position:relative;aspect-ratio:16/9}.shot .img{position:absolute;inset:0;background:50%/cover no-repeat}.shot .vid,.stage .vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .38s ease}.shot .vid.on,.stage .vid.on{opacity:1}.vid.anim{background:50%/cover no-repeat}.stage .vid.anim{image-rendering:pixelated}.shot .reg{position:absolute;z-index:1;width:5px;height:5px;background:var(--work);transition:background-color .4s ease}.ptitle-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:24px}.ptitle{font-size:39px;line-height:44px;transform-origin:0 0}.pcat,.pdesc{color:var(--ash)}.pdesc{margin-top:14px;max-width:48ch;min-height:48px;font-family:var(--read);font-size:var(--read-size);font-weight:400;line-height:24px}.facts{display:grid;grid-template-columns:22.47ch 1fr;margin-top:16px}.facts span:nth-child(odd){color:var(--ash)}.popen{display:inline-block;margin-top:16px;color:var(--work);transition:color .4s ease}.index footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);font-size:13px;line-height:20px;color:var(--ash)}.index footer b{color:var(--bone);font-weight:500}.index footer .review{color:var(--signal);margin-right:4ch}.ptitle,.wline,.wtitle{font-family:var(--voice);font-stretch:var(--voice-stretch);letter-spacing:calc(var(--voice-tracking) - .03em);word-spacing:var(--voice-words)}.ptitle,.wtitle{font-weight:var(--voice-weight)}.wline{font-weight:300}.stage{position:fixed;z-index:2;inset:0;visibility:hidden;pointer-events:none}.stage .img{position:absolute;inset:0;background:50%/cover no-repeat;transform-origin:0 0}.stage .scrim{position:absolute;inset:auto 0 0 0;height:64%;opacity:0;background:linear-gradient(0deg,rgb(16 18 17/94%) 0,rgb(16 18 17/80%) 40%,rgb(16 18 17/0))}.work{position:fixed;z-index:3;inset:0;visibility:hidden}body.closing .work,body.open .work{visibility:visible}.work .later{opacity:0;transition:opacity .24s ease}body.settled .work .later{opacity:1}.wcat,.wnav{visibility:hidden;opacity:0;pointer-events:none;line-height:20px;transition:opacity .24s ease}body.closing .wcat,body.closing .wnav,body.open .wcat,body.open .wnav{visibility:visible}body.settled .wcat,body.settled .wnav{opacity:1;pointer-events:auto}.work:before{content:"";position:absolute;inset:0 0 auto 0;height:calc(var(--pad-y) * 2 + 64px);pointer-events:none;background:linear-gradient(180deg,rgb(16 18 17/72%) 0,rgb(16 18 17/40%) 55%,rgb(16 18 17/0));opacity:0;transition:opacity .24s ease}body.settled .work:before{opacity:1}.wcat{grid-area:1/2}.wcat,.wnav{color:var(--bone)}.wnav{grid-area:1/3;justify-self:end;display:flex;align-items:baseline;gap:4ch}.wnav a:hover,.wnav button:hover{color:var(--accent)}.display{position:absolute;left:calc(var(--pad-x) - 10px);bottom:calc(var(--pad-y) + 92px)}.wtitle{font-size:clamp(67px,8.25vw,116px);line-height:1;transform-origin:0 0}.wline,.wtitle{white-space:nowrap}.wline{margin:4px 0 0 6px;font-size:clamp(32px,3.5vw,56px);line-height:1.15;color:var(--ash)}.about{position:absolute;right:var(--pad-x);bottom:calc(var(--pad-y) + 108px);width:min(46ch,30vw)}.about .label{color:var(--ash);margin-bottom:8px}.wabout{font-family:var(--read);font-size:var(--read-size);font-weight:400;line-height:24px}.wmeta{position:absolute;left:var(--pad-x);right:var(--pad-x);bottom:var(--pad-y);display:flex;align-items:center;gap:48px;padding-top:14px;border-top:1px solid rgb(232 226 217/24%)}.wmeta .k{color:var(--ash);margin-right:1ch}.wmeta .enter{margin-left:auto;color:var(--accent);transition:color .7s var(--ease)}@media (max-width:1096px){.index main{grid-template-columns:1fr}.preview{display:none}.record{padding-right:0}.row,.th{grid-template-columns:calc(100% * 14.882 / 111.96) calc(100% * 2 / 111.96) calc(100% * 16.882 / 111.96) calc(100% * 22.366 / 111.96) 1fr}.work{display:flex;flex-direction:column;justify-content:flex-end;gap:20px;padding:var(--pad-y) var(--pad-x)}.about,.display,.wmeta{position:static;width:auto}.display{margin-left:-6px}.wtitle{font-size:clamp(67px,19vw,116px)}.wline{margin-left:4px;font-size:clamp(19px,6.2vw,39px);white-space:normal}.about{max-width:52ch}.about .label{display:none}.wmeta{flex-wrap:wrap;gap:6px 24px}.wmeta .enter{margin-left:0;flex-basis:100%;padding-top:8px}.stage .scrim{height:85%}}@media (max-width:600px){:root{--mark:clamp(26px,8.4vw,39px);--brand-open:.5;--header-height:var(--mark)}.meta-grid{display:none}.record{padding-top:24px}.row,.th{grid-template-columns:8ch 2ch 1fr auto;font-size:13px;line-height:20px}.row .f,.th span:nth-child(4){display:none}.row{padding:10px 0}.row:before{left:-1ch}.row:after{right:-1ch}.view{padding-top:24px}.principles{grid-template-columns:1fr}.credit,.credits-th{grid-template-columns:14ch 1fr}.credit .k,.credits-th .k,.credits-th .r{display:none}.credit .w{grid-row:span 2}.credit .c,.credit .r{grid-column:2}.contact{grid-template-columns:8ch 1fr}.contact .copy{grid-column:2;justify-self:start}.index footer{flex-wrap:wrap;gap:4px 16px}.index footer .year,.wcat{display:none}}@media (prefers-reduced-motion:reduce){.brand,.enter,.fade,.meta-grid,.reg,.site-header,.wcat,.wnav{transition-duration:1ms!important;transition-delay:0s!important}}body.instant,body.instant *{transition:none!important}.xh.boot{visibility:hidden}.enter[hidden],.popen[hidden]{display:none}