:root{--ink: #111214;--ink-dim: rgba(17, 18, 20, .5);--halo: 0 0 2px rgba(255, 255, 255, .9), 0 0 10px rgba(255, 255, 255, .55);--mono: ui-monospace, "SF Mono", Menlo, monospace}.after-dark :is(.brand,.weather,.sound,.menu){--ink: rgb(242, 244, 247);--ink-dim: rgba(242, 244, 247, .55);--halo: 0 0 2px rgba(0, 0, 0, .8), 0 0 10px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#cfd9e3;color:var(--ink);font-family:var(--mono)}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.veil{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0}.veil.fade{animation:veil-fade .4s ease-out both}@keyframes veil-fade{0%{opacity:1}}.brand{color:var(--ink);position:fixed;top:26px;left:28px;font-size:22px;font-weight:700;letter-spacing:.02em;text-shadow:var(--halo);-webkit-user-select:none;user-select:none;cursor:pointer}.brand:not(.ready) .cursor{visibility:hidden}.cursor{display:inline-block;width:.55em;height:.95em;margin-left:.12em;vertical-align:-.1em;background:var(--ink);box-shadow:var(--halo);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.menu{position:fixed;left:28px;bottom:30px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.menu button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--ink);font:inherit;font-size:15px;font-weight:600;letter-spacing:.01em;padding:5px 0;cursor:pointer;text-shadow:var(--halo);transform-origin:0 50%;transition:transform .25s cubic-bezier(.2,.7,.2,1),scale .16s ease-out}.menu .no{display:inline-block;width:3.2ch;color:var(--ink-dim);font-weight:400;font-size:12px;transition:color .2s}.menu button:focus-visible{transform:translate(6px);outline:none}.menu button[aria-current=true] .no{color:var(--ink)}@media(hover:hover)and (pointer:fine){.menu button:hover{transform:translate(6px)}.menu button:hover .no{color:var(--ink)}}.menu button:active,.weather:active,.sound:active{scale:.97}.menu button[aria-current=true]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.weather{position:fixed;top:28px;right:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:4px 0;color:var(--ink-dim);font:inherit;font-size:13px;font-weight:600;text-shadow:var(--halo);cursor:pointer;transform-origin:100% 50%;transition:scale .16s ease-out}.weather .slash{margin:0 .6ch;font-weight:400}.weather .sun,.weather[aria-pressed=true] .rain{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.weather[aria-pressed=true] .sun{color:var(--ink-dim);text-decoration:none}.weather:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.sound{position:fixed;top:58px;right:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:4px 0;color:var(--ink-dim);font:inherit;font-size:13px;font-weight:600;text-shadow:var(--halo);cursor:pointer;transform-origin:100% 50%;transition:scale .16s ease-out}.sound[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.sound:focus-visible{outline:2px solid var(--ink);outline-offset:4px}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-content:center;justify-items:center;gap:4px;background:#0b0d11}#boot.open{opacity:0;transition:none}#hdd{width:360px;height:360px;image-rendering:pixelated}#boot.done #hdd,#boot.done .boot-line{opacity:0;transition:opacity .5s ease .15s}.logo-fish{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:11;pointer-events:none}.boot-line{margin:0;color:#eceae48c;font-size:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.cursor{animation:none}.menu button{transition:none}}@media(max-width:600px){.brand{top:18px;left:18px}.menu{left:18px;bottom:22px}.weather{top:20px;right:18px}.sound{top:48px;right:18px}}.client-work{position:fixed;left:28px;top:84px;width:40rem;margin:0;--ink: rgb(242, 244, 247);--cw-body: rgba(242, 244, 247, .86);--cw-dim: rgba(242, 244, 247, .6);color:var(--ink);font:500 12.5px/1.65 Menlo,"M PLUS 1 Code",sans-serif;word-break:auto-phrase;pointer-events:none;transform:translate3d(var(--cw-px, 0px),var(--cw-py, 0px),0)}.client-work .win{position:absolute;border-radius:10px;padding:12px 16px 17px;line-height:1.6;transform-origin:0 50%;transform:translate(var(--vx, 0px),var(--vy, 0px)) perspective(1300px) translate(calc(-1 * var(--vx, 0px)),calc(-1 * var(--vy, 0px))) translate(var(--dx, 0px),var(--dy, 0px)) translate(calc(var(--pivot, 0) * 100%)) rotateY(calc(var(--ry, 10deg) * var(--k, 0))) rotateX(calc(var(--rx, 0deg) * var(--k, 0))) translateZ(calc(var(--z, 0px) * var(--k, 0))) translate(calc(var(--pivot, 0) * -100%))}.client-work.on .win{pointer-events:auto}@media(min-width:601px){.client-work.on.open .win{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.client-work.on.open .win.held{cursor:grabbing}}.client-work .win:nth-child(1){left:0;top:0;width:26rem;--z: 0px}.client-work .win:nth-child(2){left:318px;top:112px;width:18rem;--z: -40px}.client-work .win:nth-child(3){left:30px;top:150px;width:18rem;--z: 10px}.client-work .win:nth-child(4){left:284px;top:296px;width:18rem;--z: -30px}.client-work .win:nth-child(1){animation:cw-float 7.3s ease-in-out infinite}.client-work .win:nth-child(2){animation:cw-float 8.9s ease-in-out infinite -2s}.client-work .win:nth-child(3){animation:cw-float 6.1s ease-in-out infinite -4s}.client-work .win:nth-child(4){animation:cw-float 7.9s ease-in-out infinite -1s}@keyframes cw-float{0%,to{translate:0 0}35%{translate:.6px -2.4px}70%{translate:-.4px -.8px}}.client-work .pane,.contact .pane{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;opacity:var(--fill, 0);background:linear-gradient(112deg,transparent 34%,rgba(255,255,255,.08) 44%,transparent 54%) no-repeat calc(40% - var(--cw-px, 0px) * 6) 0 / 260% 100%,linear-gradient(155deg,#24283047,#0c0e148c);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1px #ffffff42,0 24px 50px -24px #0009}.client-work .grain{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:no-repeat 0 0 / 100% 100%;image-rendering:pixelated;opacity:.06}.client-work .rain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;border-radius:inherit;pointer-events:none;opacity:var(--fill, 0)}.client-work.leaving .win{scale:1 0;transition:scale .22s cubic-bezier(.5,0,.75,0)}.client-work .draft{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:var(--cw-draw, #111214);opacity:0}.client-work .draft path,.client-work .draft rect{fill:none;stroke:currentColor;stroke-width:1;filter:drop-shadow(0 0 1px var(--cw-halo))}.client-work .draft .faint{stroke-dasharray:2 3;opacity:.5}.client-work .draft text{fill:currentColor;font:400 9px Menlo,monospace;letter-spacing:.04em;paint-order:stroke;stroke:var(--cw-halo);stroke-width:3px;stroke-linejoin:round}.client-work .bar{display:flex;align-items:center;gap:10px;margin:-12px -16px 10px;padding:6px 12px 5px 16px;border-bottom:1px solid rgba(255,255,255,.09);font:400 8.5px/1 Menlo,monospace;letter-spacing:.12em;color:var(--cw-dim);opacity:var(--fill, 0)}.client-work .bar .at{flex:1;min-width:0;overflow:hidden;white-space:pre;letter-spacing:.04em}.client-work .bar .pad{width:8px;height:8px;fill:currentColor}.client-work .label{margin:0;font:400 17px/1 LunaChord,Menlo,monospace;letter-spacing:.06em}.client-work h2{margin:6px 0 2px;font:400 36px/1.1 Menlo,Ronde,sans-serif;letter-spacing:-.1em}.client-work .lead{margin:0;font-size:13px}.client-work .row{display:grid;grid-template-columns:3.2ch 1fr;row-gap:3px;align-items:baseline;margin-bottom:4px}.client-work .no{font:400 12px/1 Menlo,monospace;color:var(--cw-dim)}.client-work h3{margin:0;font:400 15px/1.4 Menlo,Ronde,sans-serif;letter-spacing:-.07em}.client-work .en{grid-column:2;font:400 8.5px/1 LunaChord,Menlo,monospace;white-space:nowrap;color:var(--cw-dim)}.client-work .item p{margin:0 0 0 3.2ch;color:var(--cw-body)}.client-work .set{white-space:nowrap}.client-work .ch{position:relative}.client-work .ch.wait{visibility:hidden}.client-work .ch.noise{opacity:.5}.client-work .ch.hit{text-shadow:-1.5px 0 rgba(0,214,255,.85),1.5px 0 rgba(255,46,92,.85)}.client-work-said{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.client-work-tags{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;color:var(--cw-ink);transition:opacity .3s}.client-work-tags.gone{opacity:0}.client-work-tags text{font:700 10.5px Menlo,monospace;letter-spacing:.08em;fill:currentColor}.client-work-tags text.note{font-weight:400;fill:var(--cw-dim)}.client-work-tags polyline{stroke:currentColor;stroke-width:1;fill:none}.client-work-tags .ring{stroke:currentColor;fill:none}@media(prefers-reduced-motion:reduce){.client-work .win:nth-child(n){animation:none}.client-work.leaving .win{scale:none;transition:none}}@media(max-width:600px){.client-work{left:18px;top:64px;width:calc(100vw - 36px)}.client-work{display:grid}.client-work .win:nth-child(n){position:relative;left:auto;top:auto}.client-work .win:nth-child(1){grid-area:1 / 1;width:min(19rem,100%);--z: 0px}.client-work .win:nth-child(n+2){grid-area:2 / 1;width:auto;margin:-12px 0 0 14px;top:calc(var(--slot, 0) * 22px);z-index:calc(var(--slot, 0) + 1);transition:top .32s cubic-bezier(.23,1,.32,1)}.client-work.on.open .win:nth-child(n+2){touch-action:none}.client-work h2{font-size:30px}.client-work .en{letter-spacing:.03em}}.contact{position:fixed;left:28px;top:84px;width:26rem;margin:0;--ink: rgb(242, 244, 247);--cw-dim: rgba(242, 244, 247, .62);--fill: 1;color:var(--ink);font:500 12.5px/1.65 Menlo,"M PLUS 1 Code",sans-serif;max-height:calc(100dvh - 284px);overflow:auto;overscroll-behavior:contain;opacity:var(--in, 0);transform:perspective(1300px) rotateY(10deg) translateY(calc((1 - var(--in, 0)) * 16px));transform-origin:0 50%}.contact[hidden]{display:none}.contact .win{position:relative;border-radius:10px;padding:14px 18px 18px}.contact .label{margin:0;font:400 17px/1 LunaChord,Menlo,monospace;letter-spacing:.06em}.contact h2{margin:6px 0 12px;font:400 28px/1.1 Menlo,Ronde,sans-serif;letter-spacing:-.1em}.contact .field{margin:0 0 10px;padding:0;border:0;min-width:0}.contact label,.contact legend{display:block;padding:0;margin:0 0 4px;font-size:12px;color:var(--cw-dim)}.contact input:not([type=radio]),.contact textarea{display:block;width:100%;padding:8px 10px;border:0;border-radius:6px;background:#080a0e6b;box-shadow:inset 0 0 0 1px #ffffff1a;color:var(--ink);font:500 14px/1.5 Menlo,"M PLUS 1 Code",sans-serif;transition:box-shadow .15s ease,background-color .15s ease}.contact textarea{resize:vertical;min-height:6.5em}.contact input:not([type=radio]):focus,.contact textarea:focus{outline:none;background:#080a0e8c;box-shadow:inset 0 0 0 1px #ffffff73}.contact .bad input:not([type=radio]),.contact .bad textarea{box-shadow:inset 0 0 0 1px #ff8c96cc}.contact .topics{display:flex;flex-wrap:wrap;gap:4px 16px}.contact .topics label{display:inline-flex;margin:0;padding:4px 0;color:var(--cw-dim);font-size:13px;cursor:pointer}.contact .topics input{position:absolute;opacity:0;width:1px;height:1px}.contact .topics label:has(:checked){color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.contact .topics label:has(:focus-visible){outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}.contact .err{margin:3px 0 0;min-height:0;font-size:11.5px;color:#ffaab2}.contact .err:empty{display:none}.contact .note{margin:4px 0 12px;font-size:11.5px;color:var(--cw-dim)}.contact .send{display:flex;align-items:center;gap:14px}.contact button[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:8px 22px;background:var(--ink);color:#111214;font:600 13px/1.4 Menlo,"M PLUS 1 Code",sans-serif;cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1),opacity .15s ease}.contact button[type=submit]:active{transform:scale(.97)}.contact button[type=submit][aria-disabled=true]{opacity:.6;cursor:progress}.contact button[type=submit]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.contact .status{margin:0;font-size:11.5px;color:#ffaab2}.contact .trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact.sent .win,.contact.leaving .win{scale:1 0;transition:scale .22s cubic-bezier(.5,0,.75,0)}.contact .done{outline:none}.contact .done-line{margin:0 0 6px;font:400 28px/1.2 Menlo,Ronde,sans-serif;letter-spacing:-.1em}.contact .done p:last-child{margin:0;color:var(--cw-dim)}.contact .done-line .ch{display:inline-block;animation:contact-drop .26s cubic-bezier(.23,1,.32,1) both}@keyframes contact-drop{0%{opacity:0;transform:translateY(-.7em)}}.client-work .ask{margin:8px 0 0;font-size:12.5px}.client-work .ask a{color:var(--ink);text-underline-offset:4px}@media(prefers-reduced-motion:reduce){.contact{transform:perspective(1300px) rotateY(10deg)}.contact.sent .win,.contact.leaving .win{scale:none;transition:none}.contact .done-line .ch{animation:none}}@media(max-width:600px){.contact{left:18px;right:18px;top:76px;width:auto;max-height:calc(100dvh - 266px);transform:perspective(1300px) rotateY(5deg) translateY(calc((1 - var(--in, 0)) * 16px))}.contact input:not([type=radio]),.contact textarea{font-size:16px;padding:6px 10px}.contact .win{padding:12px 14px 14px}.contact h2{margin:4px 0 8px;font-size:22px}.contact .field{margin-bottom:8px}.contact textarea{min-height:4.6em}}@media(max-width:600px)and (max-height:700px){.contact{max-height:calc(100dvh - 254px)}.contact .win{padding:10px 14px}.contact h2{margin:2px 0 6px}.contact .field{margin-bottom:4px}.contact label,.contact legend{margin-bottom:2px}.contact .topics label{padding:2px 0}.contact textarea{min-height:0;height:calc(3lh + 12px)}.contact .note{margin:2px 0 5px}}.about{position:fixed;left:max(28px,5vw);top:25vh;width:36rem;margin:0;z-index:3;pointer-events:none;color:var(--ab-ink);font:500 14px/1.75 Menlo,"M PLUS 1 Code",sans-serif;word-break:auto-phrase;transform-origin:0 50%;transform:perspective(1300px) rotateY(var(--ab-turn, 10deg));text-shadow:0 0 2px var(--ab-halo),0 0 8px var(--ab-halo),0 0 16px var(--ab-halo)}.about:before{content:"";position:absolute;top:-56px;right:-96px;bottom:-48px;left:-72px;z-index:-1;background:radial-gradient(closest-side,var(--ab-veil, transparent) 45%,transparent)}.about[hidden]{display:none}.about .label{margin:0;font:400 17px/1 LunaChord,Menlo,monospace;letter-spacing:.06em}.about h2{margin:10px 0 8px;font:400 48px/1.1 Menlo,Ronde,sans-serif;letter-spacing:-.04em}.about .lead{margin:0 0 20px}.about .row{display:grid;grid-template-columns:3.2ch 15.5em 1fr;align-items:baseline;margin-bottom:6px}.about .no{font:400 12px/1 Menlo,monospace;opacity:.8}.about .k{font:400 14px/1.5 Menlo,Ronde,sans-serif;white-space:nowrap}.about .k i{font:400 10px/1 LunaChord,Menlo,monospace;font-style:normal;opacity:.8;margin-left:.8em}.about .ch{position:relative}.about .ch.wait,.about .ch.glyph{color:transparent;text-shadow:none}.about .ch.glyph:after{content:attr(data-g);position:absolute;left:50%;top:0;translate:-50% 0;color:var(--ab-fish);font-family:Menlo,monospace;font-weight:400;text-shadow:none}.about .ch.font{animation:ab-focus .38s cubic-bezier(.2,.7,.2,1) both}.about .ch.bleed{animation:ab-bleed .9s ease-out both}@keyframes ab-focus{0%{filter:blur(3px);opacity:.35}}@keyframes ab-bleed{0%{filter:none}18%{filter:blur(1.6px);opacity:.55}to{filter:none;opacity:1}}.about-ink{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}@media(max-width:600px){.about{left:20px;top:76px;width:calc(100vw - 40px);font-size:12px}.about h2{font-size:30px}.about .row{grid-template-columns:3.2ch 6.5em 1fr}.about .k i{display:none}}#gate{--dot: 5px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#fff;color:transparent;outline:none;overflow:hidden;-webkit-tap-highlight-color:transparent}#gate .gate-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#gate .gate-logo{position:absolute;top:26px;left:28px;margin:0;font:700 22px var(--mono);letter-spacing:.02em}#gate .gate-body{position:relative;display:grid;justify-items:center;gap:18px;padding-bottom:4vh}#gate .gate-stage{width:calc(128 * var(--dot));height:calc(60 * var(--dot));margin-bottom:6px}#gate .gate-q{margin:0;font:400 21px/1.3 Menlo,Ronde,sans-serif;letter-spacing:-.08em}#gate .gate-vol{display:flex;align-items:flex-end;gap:14px;height:30px}#gate .gate-vol-label{width:72px;height:14px;font-size:0;margin-bottom:1px}#gate .gate-vol-no{width:28px;height:22px;font-size:0}#gate .gate-bars{position:relative;display:block;width:210px;height:30px}#gate .gate-bars input{position:absolute;top:-8px;right:0;bottom:-8px;left:0;width:100%;height:calc(100% + 16px);margin:0;opacity:0;cursor:pointer}#gate .gate-vol:has(input:focus-visible){outline:1px dashed #111214;outline-offset:8px}#gate .gate-choices{display:flex;gap:36px;margin-top:6px}#gate .gate-choices button{min-width:88px;padding:10px 14px;border:0;background:none;color:transparent;font:400 17px/1 Menlo,Ronde,sans-serif;letter-spacing:-.06em;cursor:pointer}#gate .gate-choices button:focus-visible{outline:1px dashed #111214;outline-offset:4px}#gate .gate-choices button[hidden],#gate [hidden]{display:none}@media(max-width:560px){#gate .gate-logo{top:18px;left:18px;font-size:19px}#gate .gate-q{font-size:18px}#gate .gate-bars{width:170px}#gate .gate-choices{gap:20px}}.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.noscript{position:fixed;inset:auto 24px 24px;z-index:50;margin:0;font:400 14px/1.8 Menlo,monospace;color:#111214}