:root{--paper: #ffffff;--ink: #141414;--muted: #9b9b9b;--line: #ececec;--stage: #f3f3f3;--accent: #141414;--wa: #1a8a4c;--font: "Nunito Sans", "Helvetica Neue", Arial, sans-serif;--fs-logo: 2.1rem;--fs-nav: 1.06rem;--fs-body: .94rem;--fs-small: .8rem;--logo-height: 56px;--sidebar: 260px;--gap: 12px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #0f0f10;--ink: #ececec;--muted: #7b7b7f;--line: #232325;--stage: #18181a;--accent: #ececec;--wa: #4cc985;color-scheme:dark}}:root[data-theme=dark]{--paper: #0f0f10;--ink: #ececec;--muted: #7b7b7f;--line: #232325;--stage: #18181a;--accent: #ececec;--wa: #4cc985;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);line-height:1.6;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}h1,h2{font-weight:600;font-size:var(--fs-nav);margin:0;letter-spacing:.01em}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:40px;max-width:1700px;margin:0 auto}main{padding-block:48px 64px;min-width:0}.sidebar{position:sticky;top:0;height:100vh;padding:56px 0 32px 20px;display:flex;flex-direction:column;gap:30px;overflow-y:auto}.brand{display:inline-block}.brand img{height:var(--logo-height);width:auto}.brand .wordmark{font-size:2.1rem;font-weight:800;letter-spacing:-.04em;line-height:1}.who{font-size:var(--fs-small);color:var(--muted);margin-top:14px;letter-spacing:.02em}.nav-main,.nav-pages,.nav-social{display:flex;flex-direction:column}.nav-main a{font-size:var(--fs-nav);padding-block:5px}.nav-pages a{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;padding-block:4px}.nav-social a{font-size:var(--fs-body);padding-block:5px}.sidebar a:hover,.sidebar a.active{color:var(--muted)}.prefs{margin-top:auto;display:flex;gap:14px;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.prefs button[aria-pressed=true]{color:var(--ink)}.menu-btn{display:none}.top{display:flex;justify-content:space-between;align-items:flex-start}.grid{column-count:3;column-gap:var(--gap)}@media (max-width:1100px){.grid{column-count:2}}@media (max-width:560px){.grid{column-count:1}}.tile{display:block;width:100%;break-inside:avoid;margin-bottom:var(--gap);position:relative;cursor:zoom-in;text-align:left}.tile img{width:100%;height:auto;background:var(--stage);transition:opacity .25s}.tile:hover img{opacity:.88}.tile .cap{position:absolute;left:12px;bottom:10px;font-size:var(--fs-small);color:#fff;opacity:0;transition:opacity .25s;text-shadow:0 1px 6px rgba(0,0,0,.45)}.tile:hover .cap,.tile:focus-visible .cap{opacity:1}.tile.three{cursor:grab;aspect-ratio:4/5;max-width:100%;background:var(--stage)}.tile.three canvas{touch-action:none}.tile.three .cap{opacity:1;color:var(--muted);text-shadow:none;pointer-events:none}.tile.three .go{position:absolute;right:12px;bottom:10px;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--paper);display:grid;place-items:center;padding:48px 16px 32px}.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%}.lightbox img{max-width:100%;max-height:80vh;width:auto;height:auto}.lightbox figcaption{font-size:var(--fs-small);color:var(--muted)}.lightbox .close{position:absolute;top:18px;right:20px;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em}.stage{position:relative;background:var(--stage);aspect-ratio:16/10;max-width:100%}.stage canvas{touch-action:none;cursor:grab}.stage .hint{position:absolute;left:14px;bottom:10px;font-size:var(--fs-small);color:var(--muted);pointer-events:none}.stage .loader{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:var(--fs-small)}.stage .load-btn{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:max-content;height:max-content;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid currentColor}.under{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:18px}.under>div{min-width:0}.alist{display:flex;flex-direction:column}.alist button{text-align:left;font-size:var(--fs-nav);padding-block:4px}.alist button[aria-pressed=true]{color:var(--muted)}.alist small{font-size:var(--fs-small);color:var(--muted);margin-left:8px}.ctrl{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right}.modes{display:flex;gap:14px;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em}.modes button{color:var(--muted)}.modes button[aria-pressed=true]{color:var(--ink)}.specs{font-size:var(--fs-small);color:var(--muted);font-variant-numeric:tabular-nums}.toggle{font-size:var(--fs-small);color:var(--muted);display:flex;gap:6px;align-items:center}@media (max-width:640px){.ctrl{align-items:flex-start;text-align:left}}.prose{max-width:58ch;display:flex;flex-direction:column;gap:16px}.prose p{margin:0}.label{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.links{display:flex;flex-direction:column;gap:4px;margin-top:8px}.links a{font-size:var(--fs-nav)}.links a span{color:var(--muted);font-size:var(--fs-small);margin-left:8px}.links a:hover{color:var(--muted)}.block{display:flex;flex-direction:column;gap:6px}.big{font-size:clamp(1.4rem,5vw,var(--fs-logo));font-weight:600;letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.txtbtn{align-self:flex-start;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid currentColor;padding-bottom:1px}.txtbtn.wa{color:var(--wa)}.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--gap);margin-top:24px}.logo-tile{aspect-ratio:3/2;max-width:100%;background:var(--stage);display:grid;place-items:center;padding:16px;font-size:var(--fs-small);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:center}.logo-tile img{max-height:56px;width:auto;filter:grayscale(1);opacity:.8;transition:filter .25s,opacity .25s}.logo-tile:hover img{filter:none;opacity:1}@media (max-width:860px){.shell{grid-template-columns:1fr;gap:0}.sidebar{position:static;height:auto;padding:24px 0 8px;gap:18px}.menu-btn{display:block;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;padding-top:8px}.collapsible{display:none;flex-direction:column;gap:22px}.sidebar.open .collapsible{display:flex}.prefs{margin-top:0}main{padding-block:16px 48px}.brand img{height:calc(var(--logo-height) * .75)}}@media (min-width:861px){.collapsible{display:contents}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}