:root{color-scheme:light;--green:#28cb25;--ink:#10120f;--line:rgba(16,18,15,.35);font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--green);color:var(--ink)}
body{overflow-x:hidden}
button,a{-webkit-tap-highlight-color:transparent}
.page{min-height:100vh;min-height:100svh;max-width:1600px;margin:auto;padding:56px clamp(28px,7vw,116px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:1fr auto auto 1fr;column-gap:32px;align-items:center}
.identity{grid-column:1;grid-row:2;z-index:1}
h1{margin:0;font-size:clamp(64px,7.3vw,114px);font-weight:700;line-height:.91;letter-spacing:-.068em}
.ticker{font-size:clamp(18px,2vw,24px);margin:26px 0 0;letter-spacing:-.02em}
.sculpture{grid-column:2;grid-row:1/-1;position:relative;width:100%;aspect-ratio:1;max-height:min(78svh,760px);align-self:center;isolation:isolate}
.sculpture img,.sculpture canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.sculpture img{pointer-events:none;user-select:none}
.sculpture canvas{opacity:0;cursor:grab;touch-action:pan-y;outline:none}
.sculpture.ready canvas{opacity:1}
.sculpture.ready img{visibility:hidden}
.sculpture canvas:active{cursor:grabbing}
.sculpture canvas:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:8px}
.actions{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;z-index:2}
.action{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);height:48px;min-width:76px;border-radius:6px;padding:0 21px;font:inherit;font-size:15px;font-weight:600;white-space:nowrap;text-decoration:none;background:transparent;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s}
.primary{background:var(--ink);border-color:var(--ink);color:var(--green)}
.action:hover{border-color:var(--ink);background:rgba(16,18,15,.07)}
.primary:hover{background:#252822}
.action:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.action[aria-disabled=true],.action:disabled{cursor:default}
.social{min-width:48px;padding-inline:16px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){
  .page{min-height:100svh;padding:32px 24px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(180px,1fr) auto;gap:18px;text-align:center;align-content:center}
  .identity{grid-column:1;grid-row:1;align-self:end}
  h1{font-size:clamp(48px,13.3vw,82px);line-height:.94;letter-spacing:-.06em}
  h1 br{display:none}
  .ticker{margin-top:12px;font-size:18px}
  .sculpture{grid-column:1;grid-row:2;width:min(100%,480px,53svh);max-height:none;justify-self:center;align-self:center}
  .actions{grid-column:1;grid-row:3;margin:0;justify-content:center;gap:8px;align-self:start}
  .action{padding-inline:19px;height:46px}
}
@media(max-height:560px) and (min-width:761px){.page{padding-block:24px}h1{font-size:68px}.ticker{margin-top:16px}.actions{margin-top:24px}.sculpture{max-height:88svh}}
@media(prefers-reduced-motion:reduce){.action{transition:none}}