.brand-surface{--orange:#ff4d00;--orange-deep:#3c1800;--paper:#fffaf8;--paper-2:#f7f3ee;--paper-3:#efe8e1;--ink:#1f1e1c;--ink-2:#514c47;--ink-3:#7d756d;--line:#1f1e1c1c;--line-strong:#1f1e1c2e;--sans:var(--font-delight), system-ui, sans-serif;--display:var(--font-rinter), var(--font-delight), sans-serif;--label:var(--font-ao-mono), ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--s1:#ff4d00;--s2:#0587ce;--s3:#b48c00;--s4:#0a9d99;--s5:#9278da;--s6:#9a3975;--s7:#489136;--surface:#fffaf8;--grid:#ede6de;--axis:#d8cec3;--t-hero:clamp(32px, 4.9vw, 64px);--t-h2:clamp(21px, 2.3vw, 31px);--t-h3:15px;--t-body:13.5px;--t-small:12.5px;--t-label:10.5px;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);letter-spacing:.01em;-webkit-font-smoothing:antialiased;line-height:1.55}.brand-surface .display,.brand-surface .display-1,.brand-surface .display-2,.brand-surface .display-3{font-family:var(--display);letter-spacing:-.03em;font-weight:400;line-height:1.05}.brand-surface .display-1{font-size:var(--t-hero);letter-spacing:-.042em;line-height:1.02}.brand-surface .display-2{font-size:var(--t-h2)}.brand-surface .display-3{font-size:var(--t-h3);letter-spacing:-.015em}.brand-surface .label{font-family:var(--label);text-transform:uppercase;font-size:var(--t-label);letter-spacing:.1em;color:var(--ink-3)}.brand-surface .muted{color:var(--ink-3)}.brand-surface .btn{font-size:var(--t-small);cursor:pointer;background:var(--ink);color:#fff;transition:background .18s var(--ease), transform .18s var(--ease);border:0;border-radius:0;align-items:center;gap:8px;padding:9px 17px;font-weight:500;text-decoration:none;display:inline-flex}.brand-surface .btn:hover{background:#35322e;transform:translateY(-1px)}.brand-surface .btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.brand-surface .btn.ghost:hover{background:var(--paper-2)}.brand-surface .btn.on-dark{color:var(--ink);background:#fff}.brand-surface .btn.on-dark:hover{background:var(--paper-2)}.brand-surface .btn.ghost.on-dark{color:#fff;background:0 0;box-shadow:inset 0 0 0 1px #ffffff59}.brand-surface .btn.ghost.on-dark:hover{background:#ffffff1a}.brand-surface .plate,.plate.brand-surface{isolation:isolate;position:relative;overflow:hidden}.plate>canvas{z-index:-2;width:100%;height:100%;display:block;position:absolute;inset:0}.plate>.scrim{z-index:-1;pointer-events:none;position:absolute;inset:0}.geo{--sw:1;overflow:visible}.geo .stroke{stroke:currentColor;fill:none;stroke-width:var(--sw);stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .95s var(--ease)}.geo.on .stroke{stroke-dashoffset:0}.geo .node{transform-origin:50%;transition:transform .45s var(--ease) .4s;transform:scale(0)}.geo.on .node{transform:scale(1)}@media (prefers-reduced-motion:reduce){.brand-surface *,.geo *{transition-duration:.01ms!important;animation:none!important}}
.brand-surface{--house-0:#100804;--house-1:#3a180a;--house-2:#8a3812;--house-3:#d8b898;--visibility-0:#102722;--visibility-1:#006d77;--visibility-2:#83c5be;--visibility-3:#eeece2;--sidekick-0:#29201d;--sidekick-1:#7b4233;--sidekick-2:#b97768;--sidekick-3:#f2e1da;--relay-0:#2e1a22;--relay-1:#66374d;--relay-2:#a66e88;--relay-3:#e9dae0}[data-palette=house]{--pc-0:var(--house-0);--pc:var(--house-1);--pc-2:var(--house-2);--pc-3:var(--house-3)}[data-palette=visibility]{--pc-0:var(--visibility-0);--pc:var(--visibility-1);--pc-2:var(--visibility-2);--pc-3:var(--visibility-3)}[data-palette=sidekick]{--pc-0:var(--sidekick-0);--pc:var(--sidekick-1);--pc-2:var(--sidekick-2);--pc-3:var(--sidekick-3)}[data-palette=relay]{--pc-0:var(--relay-0);--pc:var(--relay-1);--pc-2:var(--relay-2);--pc-3:var(--relay-3)}.plate>.scrim{background:linear-gradient(180deg, color-mix(in srgb, var(--pc-0,#100804) 48%, transparent) 0%, color-mix(in srgb, var(--pc-0,#100804) 74%, transparent) 100%)}