.ds[data-astro-cid-std4wme7]{padding-bottom:var(--s-24)}.top[data-astro-cid-std4wme7]{gap:var(--s-6);padding-block:var(--s-16) var(--s-12);justify-items:start;display:grid}h1[data-astro-cid-std4wme7]{max-width:14ch;font-size:clamp(2.6rem,1rem + 7vw,6.5rem)}.lede[data-astro-cid-std4wme7]{max-width:42rem;color:var(--text-muted);font-size:var(--fs-lg);line-height:1.5}code[data-astro-cid-std4wme7]{color:var(--accent-bright);font:500 .85em/1.4 ui-monospace,Cascadia Code,Consolas,monospace}.jump[data-astro-cid-std4wme7]{gap:var(--s-2);flex-wrap:wrap;display:flex}.jump[data-astro-cid-std4wme7] a[data-astro-cid-std4wme7]{text-transform:capitalize}.body[data-astro-cid-std4wme7]{gap:var(--s-24);display:grid}section[data-astro-cid-std4wme7]{gap:var(--s-6);scroll-margin-top:var(--s-8);display:grid}h2[data-astro-cid-std4wme7]{font-size:var(--fs-xl);padding-top:var(--s-8);border-top:1px solid var(--line)}h3[data-astro-cid-std4wme7]{font:600 var(--fs-lg) / 1.2 var(--font-display);letter-spacing:-.02em}.note[data-astro-cid-std4wme7]{color:var(--text-muted);max-width:44rem}.muted[data-astro-cid-std4wme7]{color:var(--text-muted)}.principles[data-astro-cid-std4wme7]{gap:var(--s-4);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.principles[data-astro-cid-std4wme7] li[data-astro-cid-std4wme7]{gap:var(--s-2);align-content:start;display:grid}.principles[data-astro-cid-std4wme7] b[data-astro-cid-std4wme7]{font:600 var(--fs-md) / 1.2 var(--font-display)}.principles[data-astro-cid-std4wme7] p[data-astro-cid-std4wme7]{color:var(--text-muted);font-size:var(--fs-sm)}.swatches[data-astro-cid-std4wme7]{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin:0;padding:0;list-style:none;display:grid}.swatches[data-astro-cid-std4wme7] li[data-astro-cid-std4wme7]{gap:var(--s-4);padding:var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid}.sw[data-astro-cid-std4wme7]{border:1px solid var(--line-strong);border-radius:10px;height:84px}.swatches[data-astro-cid-std4wme7] div[data-astro-cid-std4wme7]{gap:var(--s-1);display:grid}.swatches[data-astro-cid-std4wme7] b[data-astro-cid-std4wme7]{font:600 var(--fs-sm) / 1.2 var(--font-body)}.role[data-astro-cid-std4wme7]{color:var(--text-muted);font-size:var(--fs-sm)}.ratio[data-astro-cid-std4wme7]{margin-top:var(--s-2);font:600 var(--fs-xs) / 1.3 var(--font-body);letter-spacing:.04em}.ratio[data-astro-cid-std4wme7] small[data-astro-cid-std4wme7]{color:var(--text-faint);letter-spacing:0;margin-left:.4em;font-weight:400}.ratio[data-astro-cid-std4wme7].aaa,.ratio[data-astro-cid-std4wme7].aa{color:#34d399}.ratio[data-astro-cid-std4wme7].large-only{color:#fbbf24}.ratio[data-astro-cid-std4wme7].fail{color:#f87171}.faces[data-astro-cid-std4wme7]{gap:var(--s-4);grid-template-columns:repeat(2,1fr);display:grid}.faces[data-astro-cid-std4wme7] .card[data-astro-cid-std4wme7]{gap:var(--s-2);display:grid}.face[data-astro-cid-std4wme7]{font:500 clamp(2rem, 1rem + 4vw, 3.5rem) / 1 var(--font-body);letter-spacing:-.02em}.face[data-astro-cid-std4wme7].display{font-family:var(--font-display);font-weight:600}.scale[data-astro-cid-std4wme7]{margin:0;padding:0;list-style:none}.scale[data-astro-cid-std4wme7] li[data-astro-cid-std4wme7]{gap:var(--s-6);padding:var(--s-4) 0;border-top:1px solid var(--line);grid-template-columns:11rem 1fr;align-items:baseline;display:grid}.scale[data-astro-cid-std4wme7] .meta[data-astro-cid-std4wme7]{gap:2px;display:grid}.scale[data-astro-cid-std4wme7] .meta[data-astro-cid-std4wme7] b[data-astro-cid-std4wme7]{font:600 var(--fs-sm) / 1.2 var(--font-body)}.scale[data-astro-cid-std4wme7] p[data-astro-cid-std4wme7]{overflow-wrap:anywhere;margin:0;line-height:1.1}.scale[data-astro-cid-std4wme7] .disp[data-astro-cid-std4wme7]{font-family:var(--font-display);letter-spacing:-.03em;font-weight:600}.space[data-astro-cid-std4wme7]{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.space[data-astro-cid-std4wme7] li[data-astro-cid-std4wme7]{gap:var(--s-4);grid-template-columns:5rem 9rem 1fr;align-items:center;display:grid}.space[data-astro-cid-std4wme7] b[data-astro-cid-std4wme7]{font:600 var(--fs-sm) / 1 var(--font-body)}.bar[data-astro-cid-std4wme7]{background:linear-gradient(90deg, var(--accent-solid), var(--accent-bright));border-radius:4px;height:14px}.shapes[data-astro-cid-std4wme7]{gap:var(--s-4);margin-top:var(--s-4);grid-template-columns:repeat(3,1fr);display:grid}.shapes[data-astro-cid-std4wme7] .card[data-astro-cid-std4wme7]{gap:var(--s-2);align-content:start;display:grid}.shapes[data-astro-cid-std4wme7] p[data-astro-cid-std4wme7]{color:var(--text-muted);font-size:var(--fs-sm)}.demo-r[data-astro-cid-std4wme7]{height:64px;margin-top:var(--s-2);border:2px solid var(--accent-bright);border-radius:var(--radius)}.motion[data-astro-cid-std4wme7]{gap:var(--s-4);padding:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-items:start;display:grid}.lane[data-astro-cid-std4wme7]{gap:var(--s-4);grid-template-columns:8rem 13rem 1fr;align-items:center;width:100%;display:grid}.lane[data-astro-cid-std4wme7] b[data-astro-cid-std4wme7]{font:600 var(--fs-sm) / 1 var(--font-body)}.track[data-astro-cid-std4wme7]{background:var(--bg);border:1px solid var(--line);border-radius:99px;height:34px;position:relative}.track[data-astro-cid-std4wme7] i[data-astro-cid-std4wme7]{background:var(--accent-bright);width:24px;height:24px;box-shadow:0 0 16px var(--glow);transition:transform var(--d) var(--e);border-radius:50%;position:absolute;top:4px;left:4px}.motion[data-astro-cid-std4wme7].on .track[data-astro-cid-std4wme7] i[data-astro-cid-std4wme7]{transform:translateX(calc(var(--track-w,300px) - 36px))}.durations[data-astro-cid-std4wme7]{gap:var(--s-4);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.durations[data-astro-cid-std4wme7] li[data-astro-cid-std4wme7]{gap:var(--s-2);align-content:start;display:grid}.durations[data-astro-cid-std4wme7] p[data-astro-cid-std4wme7]{color:var(--text-muted);font-size:var(--fs-sm)}.demo[data-astro-cid-std4wme7]{gap:var(--s-4);padding:var(--s-6);border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 50%, transparent);display:grid}.demo[data-astro-cid-std4wme7] header[data-astro-cid-std4wme7]{gap:var(--s-1);display:grid}.demo[data-astro-cid-std4wme7] header[data-astro-cid-std4wme7] p[data-astro-cid-std4wme7]{color:var(--text-muted);font-size:var(--fs-sm)}.stage[data-astro-cid-std4wme7]{padding:var(--s-8);background:var(--bg);border:1px dashed var(--line-strong);border-radius:10px}.row[data-astro-cid-std4wme7]{gap:var(--s-3);flex-wrap:wrap;align-items:center;margin:0;display:flex}.stage[data-astro-cid-std4wme7] dl[data-astro-cid-std4wme7]{margin:0}details[data-astro-cid-std4wme7] summary[data-astro-cid-std4wme7]{cursor:pointer;color:var(--text-muted);font-size:var(--fs-sm);width:max-content}details[data-astro-cid-std4wme7] summary[data-astro-cid-std4wme7]:hover{color:var(--accent-bright)}pre[data-astro-cid-std4wme7]{margin:var(--s-3) 0 0;padding:var(--s-4);background:var(--bg);border:1px solid var(--line);border-radius:10px;overflow-x:auto}pre[data-astro-cid-std4wme7] code[data-astro-cid-std4wme7]{color:var(--text-muted);font-size:var(--fs-sm)}@media (width<=900px){.principles[data-astro-cid-std4wme7],.shapes[data-astro-cid-std4wme7],.durations[data-astro-cid-std4wme7],.faces[data-astro-cid-std4wme7]{grid-template-columns:1fr}.scale[data-astro-cid-std4wme7] li[data-astro-cid-std4wme7]{gap:var(--s-2);grid-template-columns:1fr}.space[data-astro-cid-std4wme7] li[data-astro-cid-std4wme7]{grid-template-columns:4rem 1fr}.space[data-astro-cid-std4wme7] .bar[data-astro-cid-std4wme7]{grid-column:1/-1}.lane[data-astro-cid-std4wme7]{grid-template-columns:1fr}.body[data-astro-cid-std4wme7]{padding-bottom:5rem}}