:root{--bg:#d8dbde;--ink:#15181b;--muted:#3a4047;--faint:#5a6068;--display:"Archivo", "Arial Black", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased}.page{min-height:100svh;padding:max(28px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));grid-template-rows:auto 1fr auto;grid-template-areas:"copy""stage""foot";gap:16px;display:grid}.copy{flex-direction:column;grid-area:copy;align-items:flex-start;gap:16px;display:flex}.wordmark{font-variation-settings:"wdth" 125;letter-spacing:-.015em;font-size:clamp(52px,15vw,150px);font-weight:800;line-height:.88}.line{color:var(--muted);max-width:30ch;font-size:clamp(16px,4.2vw,21px);font-weight:450;line-height:1.4}.mail{font-family:var(--mono);color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px;font-size:clamp(13px,3.4vw,15px);text-decoration:none}.mail:hover{border-bottom-width:2px}.mail:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.stage{grid-area:stage;min-height:300px;position:relative}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.foot{font-family:var(--mono);color:var(--faint);grid-area:foot;justify-content:space-between;align-items:flex-end;gap:16px;font-size:11px;display:flex}.readout{white-space:pre;font-variant-numeric:tabular-nums}.copyright{white-space:nowrap}@media (width<=420px){.readout{display:none}}@media (width>=900px){.page{grid-template:"copy stage"1fr"foot foot"/minmax(0,1fr) minmax(0,1.1fr);gap:24px 4vw;padding:40px 6vw 32px}.copy{justify-content:center;gap:24px}.wordmark{font-size:clamp(72px,8vw,150px)}.line{font-size:clamp(17px,1.5vw,22px)}.mail{font-size:15px}.foot{font-size:12px}}