.toy[data-astro-cid-m3h6efwn]{background:var(--surface);border-radius:var(--radius-lg);margin:0 0 var(--space-xl);padding:clamp(20px,4vw,40px);display:block}.controls[data-astro-cid-m3h6efwn]{gap:var(--space-lg);flex-wrap:wrap;align-items:end;display:flex}label[data-astro-cid-m3h6efwn]{gap:var(--space-sm);display:grid}output[data-astro-cid-m3h6efwn]{font:400 12px/1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink)}input[data-astro-cid-m3h6efwn][type=text]{font:500 16px/1.4 var(--f-ui);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-md);width:min(320px,80vw);padding:10px 12px}input[data-astro-cid-m3h6efwn][type=range]{accent-color:var(--mark);width:150px}.styles[data-astro-cid-m3h6efwn]{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.styles[data-astro-cid-m3h6efwn] button[data-astro-cid-m3h6efwn]{font:500 13px/1 var(--f-ui);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:8px 12px;transition:border-color .1s ease-out,color .1s ease-out}.styles[data-astro-cid-m3h6efwn] button[data-astro-cid-m3h6efwn]:hover{border-color:var(--mark);color:var(--mark)}.styles[data-astro-cid-m3h6efwn] button[data-astro-cid-m3h6efwn][aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.stage[data-astro-cid-m3h6efwn]{font-family:var(--f-niubility);margin:var(--space-xl) 0 var(--space-md);min-height:1.1em;line-height:1.05}@media (width<=860px){.controls[data-astro-cid-m3h6efwn]{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.text[data-astro-cid-m3h6efwn],input[data-astro-cid-m3h6efwn][type=text]{grid-column:1/-1;width:100%}input[data-astro-cid-m3h6efwn][type=range]{width:100%}}.live[data-astro-cid-3bc4moae]{margin:0 0 var(--space-xl)}.viewport[data-astro-cid-3bc4moae]{--base:1440px;--scale:.6;aspect-ratio:16/10;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);position:relative;overflow:hidden}iframe[data-astro-cid-3bc4moae]{width:var(--base);height:calc(100% / var(--scale));transform:scale(var(--scale));transform-origin:0 0;pointer-events:none;border:0;position:absolute;top:0;left:0}.veil[data-astro-cid-3bc4moae]{padding-bottom:var(--space-xl);background:linear-gradient(to top, color-mix(in srgb, var(--paper) 92%, transparent) 0 96px, transparent 96px);place-items:end center;display:grid;position:absolute;inset:0}.is-live[data-astro-cid-3bc4moae] iframe[data-astro-cid-3bc4moae]{pointer-events:auto}.is-live[data-astro-cid-3bc4moae] .veil[data-astro-cid-3bc4moae]{display:none}.try[data-astro-cid-3bc4moae],.stop[data-astro-cid-3bc4moae]{font:500 15px/1 var(--f-ui);border-radius:var(--radius-md);cursor:pointer;transition:background-color .1s ease-out,color .1s ease-out,border-color .1s ease-out}.try[data-astro-cid-3bc4moae]{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 20px}.try[data-astro-cid-3bc4moae]:hover{background:var(--mark);border-color:var(--mark);color:var(--on-mark)}.stop[data-astro-cid-3bc4moae]{color:var(--ink);border:1px solid var(--rule);background:0 0;padding:8px 12px;font-size:13px}.stop[data-astro-cid-3bc4moae]:hover{border-color:var(--mark);color:var(--mark)}figcaption[data-astro-cid-3bc4moae]{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:12px;display:flex}.actions[data-astro-cid-3bc4moae]{align-items:center;gap:var(--space-lg);display:flex}.actions[data-astro-cid-3bc4moae] a[data-astro-cid-3bc4moae]{font:500 15px/1 var(--f-ui);padding-bottom:3px;box-shadow:inset 0 -1px}.actions[data-astro-cid-3bc4moae] a[data-astro-cid-3bc4moae]:hover{color:var(--mark)}.dot[data-astro-cid-3bc4moae]{background:var(--ink);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.is-live[data-astro-cid-3bc4moae] .dot[data-astro-cid-3bc4moae]{background:var(--mark)}@media (width<=860px){.viewport[data-astro-cid-3bc4moae]{aspect-ratio:auto;height:72svh}figcaption[data-astro-cid-3bc4moae]{flex-direction:column;align-items:flex-start}}.specimen[data-astro-cid-pd3igicy]{margin:0 0 var(--space-xl);background:var(--surface);border-radius:var(--radius-lg);font-family:var(--f-niubility);padding:clamp(24px,5vw,64px);overflow:hidden}.sweep[data-astro-cid-pd3igicy]{font-size:min(158px, calc((100vw - 2 * var(--gutter) - 2 * clamp(24px, 5vw, 64px)) / 6.8));white-space:nowrap;font-variation-settings:"wght" 900, "wdth" 100;margin:0;line-height:1}html.motion .sweep[data-astro-cid-pd3igicy]{animation:6s ease-in-out infinite alternate sweep}@keyframes sweep{0%{font-variation-settings:"wght" 300, "wdth" 100}50%{font-variation-settings:"wght" 900, "wdth" 100}to{font-variation-settings:"wght" 900, "wdth" 75}}.axes[data-astro-cid-pd3igicy]{margin:var(--space-md) 0 var(--space-2xl)}.styles[data-astro-cid-pd3igicy]{margin:0 0 var(--space-2xl);border-top:1px solid var(--rule);padding:0;list-style:none}.styles[data-astro-cid-pd3igicy] li[data-astro-cid-pd3igicy]{align-items:baseline;gap:var(--space-lg);border-bottom:1px solid var(--rule);grid-template-columns:140px minmax(0,1fr);padding:12px 0;display:grid}.sample[data-astro-cid-pd3igicy]{overflow-wrap:anywhere;font-size:clamp(28px,4.4vw,60px);line-height:1.1}.sets[data-astro-cid-pd3igicy] p[data-astro-cid-pd3igicy]{font-variation-settings:"wght" 500, "wdth" 100;overflow-wrap:anywhere;margin:0;font-size:clamp(28px,4.6vw,64px);line-height:1.2}@media (width<=640px){.styles[data-astro-cid-pd3igicy] li[data-astro-cid-pd3igicy]{grid-template-columns:1fr;gap:4px}}.head[data-astro-cid-tppuoed2]{margin:40px 0 48px}h1[data-astro-cid-tppuoed2]{font:400 clamp(40px, 7vw, 96px) / 1.05 var(--f-optotype);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere;margin:12px 0 20px}.summary[data-astro-cid-tppuoed2]{font:400 20px/1.7 var(--f-cn);color:var(--ink-muted);max-width:var(--measure);margin:var(--space-lg) 0}.open[data-astro-cid-tppuoed2]{font:500 15px/1 var(--f-ui);background:var(--ink);color:var(--paper);border-radius:var(--radius-md);padding:13px 20px;display:inline-block}.open[data-astro-cid-tppuoed2]:hover{background:var(--mark);color:var(--on-mark)}.actions[data-astro-cid-tppuoed2]{gap:var(--space-md);flex-wrap:wrap;display:flex}.open[data-astro-cid-tppuoed2].ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:0 0}.open[data-astro-cid-tppuoed2].ghost:hover{color:var(--mark);box-shadow:inset 0 0 0 1px var(--mark);background:0 0}#try[data-astro-cid-tppuoed2]{scroll-margin-top:var(--space-lg)}.cover[data-astro-cid-tppuoed2]{margin:0 0 var(--space-xl);background:var(--paper);border:1px solid var(--rule);padding:clamp(16px,4vw,56px)}.cover[data-astro-cid-tppuoed2] img{width:100%;height:auto;display:block}.body[data-astro-cid-tppuoed2]{margin-top:var(--space-xl)}.posters[data-astro-cid-tppuoed2]{margin:0 0 var(--space-xl)}.posters[data-astro-cid-tppuoed2] ol[data-astro-cid-tppuoed2]{gap:var(--space-xl) var(--space-lg);grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.posters[data-astro-cid-tppuoed2] a[data-astro-cid-tppuoed2]{gap:4px;display:grid}.posters[data-astro-cid-tppuoed2] img{aspect-ratio:3/4;width:100%;height:auto;margin-bottom:8px;transition:transform .25s ease-out;display:block}.posters[data-astro-cid-tppuoed2] a[data-astro-cid-tppuoed2]:hover img{transform:translateY(-6px)}.poster-name[data-astro-cid-tppuoed2]{font:600 16px/1.3 var(--f-cn);transition:color .1s ease-out}.posters[data-astro-cid-tppuoed2] a[data-astro-cid-tppuoed2]:hover .poster-name[data-astro-cid-tppuoed2]{color:var(--mark)}@media (width<=1080px){.posters[data-astro-cid-tppuoed2] ol[data-astro-cid-tppuoed2]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.posters[data-astro-cid-tppuoed2] ol[data-astro-cid-tppuoed2]{grid-template-columns:repeat(2,minmax(0,1fr))}}