:root{--ink: #8c8c8c;--ink-strong: #e6e6e6;--ink-faint: #707070;--panel: rgba(8, 8, 8, .82);--rule: #262626;--gutter: clamp(16px, 3vw, 32px);--font: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--ink);font:12px/1.5 var(--font);letter-spacing:.06em}#stage,#stage>canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100vh}.name{position:fixed;top:var(--gutter);left:var(--gutter);color:var(--ink-strong);text-transform:uppercase}.bar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:48px var(--gutter) var(--gutter);background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7))}.line{grid-column:2;display:flex;align-items:center;gap:18px}.numbers{display:flex;gap:14px}.bar a,.bar button{color:var(--ink-faint);text-decoration:none;transition:color .25s ease}.bar a:hover,.bar button:hover,.bar button:focus-visible{color:var(--ink-strong)}.numbers a[aria-current=page]{color:var(--ink-strong)}.arrow{font-size:14px}.details-button{grid-column:1;justify-self:start}.contact-button{grid-column:3;justify-self:end}.bar button{padding:0;border:0;background:none;font:inherit;letter-spacing:inherit;text-transform:uppercase;cursor:pointer}.details-button:after{content:" +"}:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.panel{position:fixed;margin:0;max-width:min(360px,calc(100vw - 2 * var(--gutter)));padding:20px 22px;border:1px solid var(--rule);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);font:inherit;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease,display .3s allow-discrete,overlay .3s allow-discrete}.panel:popover-open{opacity:1;transform:none}@starting-style{.panel:popover-open{opacity:0;transform:translateY(6px)}}.details{inset:auto auto calc(var(--gutter) + 32px) var(--gutter)}.contact{inset:auto var(--gutter) calc(var(--gutter) + 32px) auto;width:min(280px,calc(100vw - 2 * var(--gutter)))}.panel h2{margin:0 0 12px;color:var(--ink-strong);font:inherit;text-transform:uppercase}.details p{margin:0;font-size:13px;letter-spacing:.02em;line-height:1.7}.contact-form{display:grid}.contact-form label{margin-top:6px;text-transform:uppercase;font-size:11px}.contact-form input,.contact-form textarea{margin-top:4px;padding:6px 8px;border:1px solid var(--rule);background:#050505;color:var(--ink-strong);font:inherit;letter-spacing:.02em;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--ink)}.contact-form .error,.contact-form .form-status{min-height:1.5em;margin:0;color:#c98a8a;font-size:11px}.contact-form button{justify-self:start;margin-top:4px;padding:6px 12px;border:1px solid var(--rule);background:none;color:var(--ink-strong);font:inherit;letter-spacing:inherit;text-transform:uppercase;cursor:pointer;transition:border-color .25s ease}.contact-form button:hover{border-color:var(--ink)}.contact-form .form-success{margin:0;color:var(--ink-strong)}@media (prefers-reduced-motion: reduce){.panel,.bar a,.bar button,.contact-form button{transition:none}}