@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 Neon;src:url(/fonts/MonaspaceNeonVar.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:#1a1d1e;--line:#343b3c;--dot:#2e3536;--ash:#858c89;--bone:#e7e5dd;--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);--glyph:"Neon","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:16px}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:16px;--voice-features:"cv11" 1,"ss01" 1,"cv05" 1,"cv12" 1,"cv13" 1}html[data-voice=satoshi]{--voice:"Satoshi",system-ui,sans-serif;--voice-stretch:100%;--voice-weight:700;--voice-tracking:-0.01em;--read:"Satoshi",system-ui,sans-serif;--read-size:16px}.pdesc,.principle h3,.principle p,.ptitle,.wabout,.wline,.wordmark,.wtitle{font-feature-settings:var(--voice-features,normal)}html[data-voice=neon]{--voice:"Monaspace Neon","Neon",monospace;--voice-weight:500;--voice-words:-0.4em;--voice-case:lowercase;--wordmark:calc(var(--mark) * 40 / 48);--wordmark-tracking:calc(var(--voice-tracking) - 0.03em);--voice-features:"calt" 1;--read:"Monaspace Neon","Neon",monospace;--read-size:15px}html[data-voice=xenon]{--voice:"Monaspace Xenon",monospace;--voice-weight:500;--voice-words:-0.4em;--voice-case:lowercase;--wordmark:calc(var(--mark) * 40 / 48);--wordmark-tracking:calc(var(--voice-tracking) - 0.03em);--voice-features:"calt" 1;--read:"Monaspace Xenon",monospace;--read-size:15px}*{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 15px/24px Neon,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:48px;--brand-open:.3}.brand{position:fixed;z-index:4;left:var(--pad-x);top:var(--pad-y);display:flex;align-items:center;gap:calc(var(--mark) * .375);transform-origin:0 0;transition:transform .85s var(--ease)}body.open .brand{transform:scale(var(--brand-open))}.markbox{position:relative;display:block;flex:none;line-height:0}.brand svg{display:block;width:calc(var(--mark) * .9);height:calc(var(--mark) * .89)}.markfx{position:absolute;left:-12px;top:-12px;pointer-events:none}.wordmark{font-family:var(--voice);font-size:var(--wordmark,var(--mark));line-height:var(--mark);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}.index header{display:grid;grid-template-columns:1fr auto;align-items:end;height:calc(var(--mark) + 21px);padding-bottom:20px;border-bottom:1px solid var(--line)}.meta-grid{display:grid;grid-template-columns:9ch auto;grid-column-gap:1ch;column-gap:1ch}.meta-grid span:nth-child(odd){color:var(--ash)}.index main{display:grid;grid-template-columns:1fr min(624px,39vw);min-height:0}.record{padding:32px 48px 0 0}.command{margin-bottom:24px}.row,.th{display:grid;grid-template-columns:9ch 3ch 17ch 21ch 1fr}.th{color:var(--ash);margin-bottom:8px}.th span{font-size:13px}.row{position:relative;width:100%;padding:6px 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:28px;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}.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 .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:40px;line-height:1;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:9ch 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;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(20 22 23/94%) 0,rgb(20 22 23/80%) 40%,rgb(20 22 23/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}.wtop{position:absolute;top:var(--pad-y);left:calc(var(--pad-x) + var(--brand-w, 160px) + 28px);right:var(--pad-x);display:flex;justify-content:space-between;line-height:20px}.wcat,.wnav{color:var(--ash)}.wnav{display:flex;gap:4ch}.wnav a:hover,.wnav button:hover{color:var(--bone)}.display{position:absolute;left:calc(var(--pad-x) - 10px);bottom:calc(var(--pad-y) + 92px)}.wtitle{font-size:clamp(72px,8.25vw,132px);line-height:1;transform-origin:0 0}.wline,.wtitle{white-space:nowrap}.wline{margin:4px 0 0 6px;font-size:clamp(30px,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(231 229 221/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:960px){.index main{grid-template-columns:1fr}.preview{display:none}.record{padding-right:0}.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(64px,19vw,132px)}.wline{margin-left:4px;font-size:clamp(22px,6.2vw,44px);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,40px);--brand-open:.5}.meta-grid{display:none}.record{padding-top:24px}.row,.th{grid-template-columns:8ch 2ch 1fr auto;font-size:14px}.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}.wtop{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.brand,.enter,.fade,.reg{transition-duration:1ms!important}}body.instant,body.instant *{transition:none!important}.xh.boot{visibility:hidden}.enter[hidden],.popen[hidden]{display:none}