:root{color-scheme:dark;--paper:#fff;--ink:#1b1b1a;--ink-strong:#0b0b0b;--ink-2:#52514e;--ink-3:#898781;--rule:#e1e0d9;--wash:#f5f4f0;--danger:#c03b3b;--ok:#1f7a46;--shadow:0 24px 80px #0000002e;--script-font:"Orch SC";--text:"Orch Text", var(--script-font), system-ui, sans-serif;--display:"Orch Display", var(--script-font), system-ui, sans-serif;--mono:"Orch Mono", ui-monospace, monospace;--margin:48px;--bar-top:32px;--field-top:.382;--field-bottom:64px;--enter-fade:.55s;--enter-names:.4s;--enter-rest:1.15s}:root[data-script=alphabet]{--script-font:"Orch Text"}:root[data-script=tc]{--script-font:"Orch TC"}:root[data-script=jp]{--script-font:"Orch JP"}:root[data-script=kr]{--script-font:"Orch KR"}:root[data-script=arabic]{--script-font:"Orch Arabic"}:root[data-script=devanagari]{--script-font:"Orch Deva"}:root[data-script=thai]{--script-font:"Orch Thai"}:root{--words-drop:.05em;--lang-drop:.085em;--paper:#121211;--ink:#e6e5df;--ink-strong:#fff;--ink-2:#c3c2b7;--ink-3:#898781;--rule:#2c2c2a;--wash:#1d1d1c;--danger:#f08a87;--ok:#6fd39a;--shadow:0 24px 80px #0009}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:var(--paper);min-height:100svh;color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;overflow:hidden}html{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}a,button,label,input,textarea{touch-action:manipulation}html,body{touch-action:none}.stage,.entry textarea{touch-action:pan-y}.hero .btn,.bar .btn,.bar .logo,.foot button{touch-action:none}html.js:not(.is-in) .bar,html.js:not(.is-in) .foot,html.js:not(.is-in) .hero .cta{pointer-events:none}:focus{outline:none}.field{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.bar{top:var(--bar-top);inset-inline:var(--margin);z-index:2;justify-content:space-between;align-items:center;display:flex;position:fixed}.logo{font-family:var(--display);letter-spacing:-.02em;color:var(--ink-strong);font-size:20px;font-weight:700;text-decoration:none}.btn{background:var(--ink-strong);color:var(--paper);font:500 14px/1.2 var(--text);letter-spacing:.02em;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;padding:11px 22px;transition:opacity .15s,transform .15s;display:inline-flex}@media (hover:hover){.btn:hover{opacity:.88}}.btn:active{transform:scale(.98)}.bar .btn,.foot .btn,.cta .btn{padding-block:calc(11px + var(--words-drop)) calc(11px - var(--words-drop))}.btn.ghost{background:color-mix(in srgb, var(--paper) 40%, transparent);color:var(--ink-strong);box-shadow:inset 0 0 0 1px var(--ink-3)}html.is-keys .btn:focus-visible,html.is-keys .logo:focus-visible,html.is-keys .lang:focus-visible,html.is-keys .aside a:focus-visible{outline:2px solid var(--ink-3);outline-offset:3px}.hero{left:0;right:0;bottom:calc(50% - var(--cta-gap) / 2 - 38.8px);z-index:2;text-align:center;pointer-events:none;--brand-size:min(164px, 11.4vw, 18.2svh);--en-size:clamp(12px, 1.04vw, 15px);--cta-gap:34px;position:fixed}.hero .cta{pointer-events:auto}.hero>*{transition:opacity .5s}.js .hero>*,.js .bar,.js .foot{transition:opacity var(--enter-fade) cubic-bezier(.45, 0, .55, 1)}.js .hero>.name,.js .hero>.name-en{transition-delay:var(--enter-names)}.js .hero>.cta,.js .bar,.js .foot{transition-delay:var(--enter-rest)}html.js.is-opening .hero>*,html.js.is-opening .bar,html.js.is-opening .foot,html.js.is-entering .hero>*,html.js.is-entering .bar,html.js.is-entering .foot{opacity:0;transition:none}html.js.is-entering .slogan{opacity:0!important}.js .hero:not(.is-fitted)>:not(.brand){opacity:0}html.js.is-lang-pending .hero>:not(.brand),html.js.is-lang-pending .bar,html.js.is-lang-pending .foot{opacity:0;pointer-events:none;transition:none}.brand{font-family:var(--display);font-weight:700;font-size:var(--brand-size);letter-spacing:-.04em;translate:calc(var(--brand-size) * -.0215);color:var(--ink-strong);margin:0;line-height:1}.name{margin:calc(var(--brand-size) * .161) 0 0;font-family:var(--text);font-weight:500;font-size:calc(var(--en-size) * 1.7167);letter-spacing:var(--name-spacing,.42em);color:var(--ink-strong);padding-inline-start:var(--name-spacing,.42em)}.name,.name-en{white-space:nowrap}.name-en{font-family:var(--display);font-weight:300;font-size:var(--en-size);color:var(--ink-2);margin:10px 0 0}.name-en.solo{margin-top:calc(var(--brand-size) * .161);font-size:calc(var(--en-size) * 1.2);color:var(--ink-strong)}.cta{width:calc(var(--en-size) * 23.5 + 2.7px);margin:var(--cta-gap) auto 0;grid-template-columns:1fr 1fr;gap:14px;display:grid}.solo+.cta{width:calc(var(--en-size) * 28.2 + 2.7px)}.cta .btn{font-size:calc(14px * var(--cta-fit,1));padding-inline:calc(22px * var(--cta-fit,1));justify-content:center;line-height:16.8px}.slogan{z-index:2;font:400 28px/1 var(--text);letter-spacing:.01em;white-space:nowrap;color:var(--ink-strong);pointer-events:none;opacity:0;margin:0;transition:opacity .15s;position:fixed;top:0;left:0}.slogan.is-on{opacity:1;transition-duration:80ms}.slogan.is-measuring{transition:none}.slogan.is-leaving{transition-duration:.6s}html:root .slogan.is-en{letter-spacing:.01em;font-weight:400}:root[data-script=sc] .slogan,:root[data-script=tc] .slogan,:root[data-script=jp] .slogan,:root[data-script=kr] .slogan{letter-spacing:.06em;font-weight:500}:root[data-script=arabic] .slogan,:root[data-script=devanagari] .slogan,:root[data-script=thai] .slogan{letter-spacing:0}.cursor-none,.cursor-none *{cursor:none!important}.cursor{--grow:cubic-bezier(.34, 1.56, .64, 1);z-index:2147483647;width:28px;height:28px;color:var(--paper);pointer-events:none;will-change:transform, opacity;justify-content:center;align-items:center;transition:opacity .18s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)translate(-200px,-200px)}.cursor:before{content:"";background:var(--ink);transition:transform .32s var(--grow), border-radius .32s var(--grow), background-color .22s ease;border-radius:8px;position:absolute;inset:0;transform:scale(.5)}.cursor svg{fill:currentColor;opacity:0;width:8px;height:8px;transition:opacity .18s ease-out, transform .28s var(--grow);position:relative;transform:scale(.45)rotate(-8deg)}.cursor.is-rest:before{border-radius:calc(4px / var(--rest,.6429));transform:scale(var(--rest,.6429))}.cursor.is-rest svg{opacity:1;transform:scale(calc(var(--rest,.6429) * 1.5556));transition-delay:80ms}.cursor.is-link:before{border-radius:4px;transform:scale(1)}.cursor.is-link svg{opacity:1;transition-delay:80ms;transform:none}.cursor.is-hidden{opacity:0}.cursor.is-touch{transition:opacity .3s cubic-bezier(.37,0,.63,1)}.foot{inset-inline:var(--margin);height:var(--field-bottom);z-index:2;letter-spacing:.04em;color:var(--ink-3);justify-content:space-between;align-items:center;font-size:12px;line-height:1;display:flex;position:fixed;bottom:0}.langs{position:relative}.lang{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;display:inline-flex;position:relative}.lang:before{content:"";position:absolute;inset:-5px -22px}@media (hover:hover){.lang:hover{color:var(--ink-strong)}}.globe{fill:none;stroke:currentColor;stroke-width:1.15px;width:13px;height:13px}.lang>span{translate:0 var(--lang-drop)}@media (aspect-ratio<=3/4){:root{--field-top:.5;--field-bottom:72px}.hero{--brand-size:15.5vw;--en-size:11px}}@media (width<=640px){:root{--margin:20px;--bar-top:20px}.foot{font-size:11px}}.hero,html.is-entered .hero>*,html.is-entered .bar,html.is-entered .foot{transition:opacity .5s cubic-bezier(.4,0,.2,1),filter .5s cubic-bezier(.4,0,.2,1),scale .5s cubic-bezier(.4,0,.2,1)}html.is-staged .hero{opacity:0;filter:blur(8px);scale:.97}html.is-staged .slogan{opacity:0!important}.corner{place-items:center end;display:grid}.corner>*,html[data-pane=contact] .bar [data-face=send],html.is-staged .foot [data-face=back]{opacity:1;visibility:visible;pointer-events:auto;grid-area:1/1;transition:opacity .3s cubic-bezier(.4,0,.2,1) .2s}.bar [data-face=send],.foot [data-face=back],html[data-pane=contact] .bar [data-face=contact],html.is-staged .foot .credit{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility 0s .2s}.foot>*{transition:translate .45s cubic-bezier(.45,0,.55,1)}html.is-staged .foot>*{translate:0 calc(var(--field-bottom) / 2 - var(--bar-top) - (22px + 14px * 1.2) / 2);transition-duration:.6s}.tip{top:calc(100% + 12px);width:max-content;max-width:calc(100vw - 2 * var(--margin));letter-spacing:.04em;text-align:center;color:var(--ink-2);pointer-events:none;opacity:0;margin:0;font-size:12px;line-height:1.5;transition:opacity .2s;position:absolute;inset-inline-end:0}.tip.is-on{opacity:1;pointer-events:auto;cursor:pointer;transition:none}.tip-line{white-space:nowrap;display:block}.tip-rest{visibility:hidden}.stage{z-index:1;scrollbar-width:none;padding:96px var(--margin) calc(var(--bar-top) + 38.8px + 16px);color:var(--ink);--lag:.2s;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.stage::-webkit-scrollbar{display:none}.stage[hidden]{display:none}.stage.is-over{--lag:50ms}.stage .pane>*{opacity:0;filter:blur(6px);transition:opacity .25s,filter .25s,translate .25s;translate:0 8px}.stage.is-on .pane>*{opacity:1;filter:none;transition:opacity .55s cubic-bezier(.2,.7,.2,1),filter .55s cubic-bezier(.2,.7,.2,1),translate .55s cubic-bezier(.2,.7,.2,1);translate:none}.stage.is-on .pane>:first-child{transition-delay:var(--lag)}.stage.is-on .pane>:nth-child(2){transition-delay:calc(var(--lag) + 70ms)}.stage.is-on .pane>:nth-child(3){transition-delay:calc(var(--lag) + .14s)}.stage.is-on .pane>:nth-child(4){transition-delay:calc(var(--lag) + .21s)}.stage.is-on .pane>:nth-child(5){transition-delay:calc(var(--lag) + .28s)}.pane{text-align:center;width:min(440px,100%);margin-block:auto}.pane[hidden]{display:none}.pane h2{font:500 calc(15px * 1.618)/1.35 var(--text);letter-spacing:.06em;white-space:nowrap;color:var(--ink-strong);outline:none;margin:0 0 28px}.pane h2 .say{transition:opacity .3s cubic-bezier(.2,.7,.2,1),filter .3s cubic-bezier(.2,.7,.2,1);display:inline-block}.pane h2 .say.is-out{opacity:0;filter:blur(6px);transition:opacity .18s,filter .18s}.say[data-script=arabic],.say[data-script=devanagari],.say[data-script=thai]{letter-spacing:0}.code input,.entry input,.entry textarea{box-sizing:border-box;width:100%;min-width:0;padding:calc(8px * var(--fit,1)) 0;border:0;border-bottom:1px solid var(--ink-3);color:var(--ink-strong);font:400 calc(15px * var(--fit,1))/1.5 var(--text);background:0 0;border-radius:0;outline:none;transition:border-color .2s}.code{width:61.8047%;margin:0 auto;position:relative}.code input{text-align:center;font:400 calc(15px * var(--fit,1))/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding-inline:0}.code.has-code input{padding-inline:calc(36px * var(--fit,1))}.code input::placeholder{color:var(--ink-3);letter-spacing:.04em;text-transform:none;font-family:var(--text);font-size:calc(var(--ask,15px) * var(--fit,1))}.code input:focus,.entry input:focus,.entry textarea:focus{border-bottom-color:var(--ink-strong)}.code .go{top:calc((8px + 12px - 13px) * var(--fit,1));width:calc(26px * var(--fit,1));height:calc(26px * var(--fit,1));color:var(--ink-3);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:0;border-radius:50%;padding:0;transition:opacity .2s,visibility 0s .2s,color .15s;position:absolute;inset-inline-end:0}.code.has-code .go{opacity:1;visibility:visible;transition:opacity .2s,color .15s}.code.is-checking .go{opacity:.4;cursor:default}.code .go svg{width:calc(26px * var(--fit,1));height:calc(26px * var(--fit,1));fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;display:block}.code .go .tick,.code.is-done .go .arrow{display:none}.code.is-done .go .tick{display:inline}.code.is-done .go,html.is-keys .code .go:focus-visible{color:var(--ink-strong)}html.is-keys .code .go:focus-visible{outline:2px solid var(--ink-3);outline-offset:2px}@media (hover:hover){.code .go:hover{color:var(--ink-strong)}}.code.is-wrong{animation:.42s cubic-bezier(.36,.07,.19,.97) wrong}.code.is-wrong input{border-bottom-color:var(--danger)}@keyframes wrong{0%,to{transform:none}15%{transform:translate(-8px)}35%{transform:translate(7px)}55%{transform:translate(-5px)}75%{transform:translate(3px)}90%{transform:translate(-1px)}}.pane[data-pane=access] .status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.bar .btn:disabled{opacity:.45;cursor:default}.status{min-height:calc(21px * var(--fit,1));margin:calc(18px * var(--fit,1)) 0 0;font-size:calc(13px * var(--fit,1));color:var(--ink-2);line-height:1.6}.status.is-error{color:var(--danger)}.status.is-ok{color:var(--ink-strong)}.aside{margin:calc(22px * var(--fit,1)) 0 0;font-size:calc(12px * var(--fit,1));color:var(--ink-3);line-height:1.6;position:relative}.aside a{color:var(--ink-strong);text-underline-offset:3px;text-decoration:underline 1px}.form{gap:calc(18px * var(--fit,1));text-align:start;display:grid}.pair{gap:0 calc(24px * var(--fit,1));grid-template-columns:1fr auto;align-items:start;display:grid}.pick{border:0;min-width:0;margin:0;padding:0}.pick legend{margin:0 0 calc(4px * var(--fit,1));font-size:calc(12px * var(--fit,1));color:var(--ink-3);padding:0}.pair .pick legend{margin-bottom:calc(2px * var(--fit,1))}.pair .choices span{padding:calc(8px * var(--fit,1)) 0;font-size:calc(15px * var(--fit,1));line-height:1.5}.choices{gap:calc(2px * var(--fit,1)) calc(22px * var(--fit,1));flex-wrap:wrap;display:flex}.choices label{position:relative}.choices input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choices span{padding:calc(6px * var(--fit,1)) 0;font-size:calc(14px * var(--fit,1));color:var(--ink-3);border-bottom:1px solid #0000;transition:color .15s,border-color .15s;display:inline-block}@media (hover:hover){.choices input:hover+span{color:var(--ink-2)}}.choices input:checked+span{color:var(--ink-strong);border-bottom-color:var(--ink-strong)}html.is-keys .choices input:focus-visible+span{outline:2px solid var(--ink-3);outline-offset:4px}.entry{gap:calc(2px * var(--fit,1));font-size:calc(12px * var(--fit,1));color:var(--ink-3);display:grid}.entry textarea{resize:none;overflow-y:auto}@supports not selector(::-webkit-scrollbar){.entry textarea{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink-3) 60%, transparent) transparent}}.entry textarea::-webkit-scrollbar{width:5px}.entry textarea::-webkit-scrollbar-track{background:0 0}.entry textarea::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--ink-3) 60%, transparent);border-radius:3px}.entry textarea::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.trap{opacity:0;width:1px;height:1px;position:absolute;inset-inline-start:-9999px}.lang-list{--rows:7;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(var(--rows), auto);column-gap:calc(24px * var(--fit,1));letter-spacing:0;grid-auto-flow:column;width:max-content;margin:0 auto;padding:0;list-style:none;display:grid}.lang-list button{width:100%;font:inherit;padding:calc(6px * var(--fit,1)) 0;color:var(--ink-2);font-size:calc(15px * var(--fit,1));line-height:calc(24px * var(--fit,1));text-align:center;white-space:nowrap;background:0 0;border:0;outline:none;margin:0;text-decoration:none;transition:color .15s;display:block}html.is-keys .lang-list button:focus-visible{color:var(--ink-strong)}@media (hover:hover){.lang-list button:hover{color:var(--ink-strong)}}.lang-list button[aria-current]{color:var(--ink-strong);font-weight:500}.lang-list button[data-script=sc],.say[data-script=sc]{font-family:Orch Text,Orch SC,system-ui,sans-serif}.lang-list button[data-script=tc],.say[data-script=tc]{font-family:Orch Text,Orch TC,system-ui,sans-serif}.lang-list button[data-script=jp],.say[data-script=jp]{font-family:Orch Text,Orch JP,system-ui,sans-serif}.lang-list button[data-script=kr],.say[data-script=kr]{font-family:Orch Text,Orch KR,system-ui,sans-serif}.lang-list button[data-script=arabic],.say[data-script=arabic]{font-family:Orch Text,Orch Arabic,system-ui,sans-serif}.lang-list button[data-script=devanagari],.say[data-script=devanagari]{font-family:Orch Text,Orch Deva,system-ui,sans-serif}.lang-list button[data-script=thai],.say[data-script=thai]{font-family:Orch Text,Orch Thai,system-ui,sans-serif}.lang-list button[data-script=alphabet],.say[data-script=alphabet]{font-family:Orch Text,system-ui,sans-serif}@media (width<=640px){.stage{padding:72px var(--margin) calc(var(--bar-top) + 38.8px + 16px)}.tip{font-size:11px}.code.has-code input{padding-inline:calc(32px * var(--fit,1))}.lang-list{--rows:11;grid-template-columns:repeat(2,1fr)}}.opening{display:none}.js .opening{z-index:1000;display:block;position:fixed;inset:0}.opening .paper{background-color:var(--paper);background-size:var(--film-size) var(--film-size);position:absolute;inset:0}.opening.has-film .paper{background-image:var(--film-paper)}.opening .lines{position:absolute;inset:0}.opening .line{opacity:0;transform-origin:50%;will-change:transform, opacity;-webkit-mask-image:linear-gradient(to right, transparent calc(50% - var(--len,0px) / 2 - 1px), #000 calc(50% - var(--len,0px) / 2 + 1px), #000 calc(50% + var(--len,0px) / 2 - 1px), transparent calc(50% + var(--len,0px) / 2 + 1px));mask-image:linear-gradient(to right, transparent calc(50% - var(--len,0px) / 2 - 1px), #000 calc(50% - var(--len,0px) / 2 + 1px), #000 calc(50% + var(--len,0px) / 2 - 1px), transparent calc(50% + var(--len,0px) / 2 + 1px));background-repeat:no-repeat;background-size:100% 100%;position:absolute}.opening.is-done{opacity:0;pointer-events:none;transition:opacity var(--opening-fade,.12s) ease}html.is-opening.field-on-page .cursor{opacity:0!important}html.is-opening.field-on-page,html.is-opening.field-on-page *{cursor:auto!important}
