.role-library[data-astro-cid-afcpux57]{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px;display:grid}.role-group[data-astro-cid-afcpux57]{background:#ffffff85;border:1px solid #ffffffe0;border-radius:18px;padding:20px;box-shadow:0 10px 30px -20px #14121c3d}.role-group[data-astro-cid-afcpux57] h3[data-astro-cid-afcpux57]{margin-bottom:14px;font-size:18px}.role-chips[data-astro-cid-afcpux57]{flex-wrap:wrap;gap:7px;display:flex}.role-chip[data-astro-cid-afcpux57]{color:var(--ink-1);background:#14121c0b;border:1px solid #14121c0f;border-radius:999px;padding:7px 10px;font-size:12px}@media (width<=980px){.role-library[data-astro-cid-afcpux57]{grid-template-columns:1fr 1fr}}@media (width<=660px){.role-library[data-astro-cid-afcpux57]{grid-template-columns:1fr}}.gallery-head[data-astro-cid-ukxesqus]{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.gallery-head[data-astro-cid-ukxesqus] h2[data-astro-cid-ukxesqus]{max-width:760px;margin-top:12px;font-size:clamp(32px,4vw,52px)}.gallery-head[data-astro-cid-ukxesqus] p[data-astro-cid-ukxesqus]{max-width:650px;color:var(--ink-2);margin-top:12px;font-size:16px}@media (width<=980px){.gallery-head[data-astro-cid-ukxesqus]{flex-direction:column;align-items:start}}@media (width<=660px){.gallery-head[data-astro-cid-ukxesqus] h2[data-astro-cid-ukxesqus]{font-size:32px}}.examples-intro[data-astro-cid-ytniwh25]{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}.example-principle[data-astro-cid-ytniwh25]{background:#ffffff8a;border:1px solid #ffffffe6;border-radius:14px;padding:18px}.example-principle[data-astro-cid-ytniwh25] strong[data-astro-cid-ytniwh25]{font-size:14px;display:block}.example-principle[data-astro-cid-ytniwh25] span[data-astro-cid-ytniwh25]{color:var(--ink-2);margin-top:6px;font-size:13px;line-height:1.45;display:block}.featured-block[data-astro-cid-ytniwh25]{box-shadow:var(--glass-shadow);background:#ffffff94;border:1px solid #fffffff2;border-radius:20px;grid-template-columns:1fr 1.1fr;align-items:center;gap:34px;margin-top:32px;padding:34px;display:grid}.featured-list[data-astro-cid-ytniwh25]{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.featured-list[data-astro-cid-ytniwh25] li[data-astro-cid-ytniwh25]{color:var(--ink-1);grid-template-columns:18px 1fr;gap:10px;line-height:1.5;display:grid}.featured-list[data-astro-cid-ytniwh25] li[data-astro-cid-ytniwh25]:before{content:">";color:#6d28d9;font-weight:700}@media (width<=980px){.examples-intro[data-astro-cid-ytniwh25]{grid-template-columns:1fr}.featured-block[data-astro-cid-ytniwh25]{grid-template-columns:1fr;padding:24px}}@media (width<=660px){.featured-block[data-astro-cid-ytniwh25]{border-radius:16px;padding:20px}}.ex-preview[data-astro-cid-zhq2ipqe]{aspect-ratio:8.5/11;color:var(--ink-0);background:#fff;border-radius:10px;flex-direction:column;padding:14px 13px;font-size:7.7px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px -8px #14121c2e}.ex-preview[data-astro-cid-zhq2ipqe] .h[data-astro-cid-zhq2ipqe]{border-bottom:1px solid #14121c1a;justify-content:space-between;align-items:end;gap:8px;padding-bottom:7px;display:flex}.ex-preview[data-astro-cid-zhq2ipqe] .nm[data-astro-cid-zhq2ipqe]{letter-spacing:-.02em;font-size:12.7px;font-weight:600}.ex-preview[data-astro-cid-zhq2ipqe] .rl[data-astro-cid-zhq2ipqe]{font-family:var(--font-mono);color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:5.9px}.ex-preview[data-astro-cid-zhq2ipqe] .mt[data-astro-cid-zhq2ipqe]{color:var(--ink-2);text-align:right;font-size:5.7px;line-height:1.35}.ex-preview[data-astro-cid-zhq2ipqe] h6[data-astro-cid-zhq2ipqe]{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin:7px 0 3px;font-size:5.8px;font-weight:500}.ex-preview[data-astro-cid-zhq2ipqe] .jr[data-astro-cid-zhq2ipqe]{min-width:0;font-size:7.4px;font-weight:600}.ex-preview[data-astro-cid-zhq2ipqe] .jd[data-astro-cid-zhq2ipqe]{font-family:var(--font-mono);color:var(--ink-2);white-space:nowrap;font-size:5.6px}.ex-preview[data-astro-cid-zhq2ipqe] .jc[data-astro-cid-zhq2ipqe]{color:var(--ink-1);margin:1px 0 2px;font-size:6.3px}.ex-preview[data-astro-cid-zhq2ipqe] .blt[data-astro-cid-zhq2ipqe]{color:var(--ink-1);margin-bottom:1px;padding-left:7px;font-size:5.9px;line-height:1.31;position:relative}.ex-preview[data-astro-cid-zhq2ipqe] .blt[data-astro-cid-zhq2ipqe]:before{content:"-";color:var(--ink-3);position:absolute;left:0}.ex-preview[data-astro-cid-zhq2ipqe] .row[data-astro-cid-zhq2ipqe]{justify-content:space-between;gap:8px;min-width:0;display:flex}.ex-preview[data-astro-cid-zhq2ipqe] .sk[data-astro-cid-zhq2ipqe]{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.ex-preview[data-astro-cid-zhq2ipqe] .skp[data-astro-cid-zhq2ipqe]{font-family:var(--font-mono);color:var(--ink-1);background:#14121c0f;border-radius:999px;padding:1px 5px;font-size:5.8px}.ex-preview[data-astro-cid-zhq2ipqe].editorial{background:#f7f1e3}.ex-preview[data-astro-cid-zhq2ipqe].editorial .nm[data-astro-cid-zhq2ipqe]{font-family:Georgia,serif;font-size:14px}.ex-preview[data-astro-cid-zhq2ipqe].editorial h6[data-astro-cid-zhq2ipqe]{color:#6d28d9}.ex-preview[data-astro-cid-zhq2ipqe].dark{color:#fff;background:#14121c}.ex-preview[data-astro-cid-zhq2ipqe].dark .h[data-astro-cid-zhq2ipqe]{border-bottom-color:#ffffff26}.ex-preview[data-astro-cid-zhq2ipqe].dark h6[data-astro-cid-zhq2ipqe]{color:#ffffff8c}.ex-preview[data-astro-cid-zhq2ipqe].dark .jc[data-astro-cid-zhq2ipqe],.ex-preview[data-astro-cid-zhq2ipqe].dark .blt[data-astro-cid-zhq2ipqe],.ex-preview[data-astro-cid-zhq2ipqe].dark .mt[data-astro-cid-zhq2ipqe]{color:#ffffffc7}.ex-preview[data-astro-cid-zhq2ipqe].dark .jd[data-astro-cid-zhq2ipqe],.ex-preview[data-astro-cid-zhq2ipqe].dark .rl[data-astro-cid-zhq2ipqe]{color:#ffffff80}.ex-preview[data-astro-cid-zhq2ipqe].dark .skp[data-astro-cid-zhq2ipqe]{color:#ffffffd9;background:#ffffff1a}.ex-preview[data-astro-cid-zhq2ipqe].accent-violet .nm[data-astro-cid-zhq2ipqe]{color:#6d28d9}.ex-preview[data-astro-cid-zhq2ipqe].accent-pink h6[data-astro-cid-zhq2ipqe]{color:#be185d}.ex-preview[data-astro-cid-zhq2ipqe].accent-cyan h6[data-astro-cid-zhq2ipqe]{color:#0e7490}.ex-card[data-astro-cid-yfxzzp44]{-webkit-backdrop-filter:blur(20px)saturate(160%);box-shadow:var(--glass-shadow);content-visibility:auto;contain-intrinsic-size:860px;background:#ffffff94;border:1px solid #ffffffe6;border-radius:20px;flex-direction:column;min-width:0;padding:22px;display:flex}.ex-card[data-astro-cid-yfxzzp44].is-hidden{display:none}.ex-meta[data-astro-cid-yfxzzp44]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.ex-meta[data-astro-cid-yfxzzp44] .ex-role[data-astro-cid-yfxzzp44]{font-family:var(--font-mono);color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase;text-align:right;font-size:10.5px}.section-map[data-astro-cid-yfxzzp44]{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.section-pill[data-astro-cid-yfxzzp44]{color:var(--ink-2);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:#14121c0b;border:1px solid #14121c0f;border-radius:999px;padding:5px 8px;font-size:10px}.ex-brief[data-astro-cid-yfxzzp44]{gap:12px;margin-top:16px;display:grid}.ex-name[data-astro-cid-yfxzzp44]{font-size:15px;font-weight:650}.ex-target[data-astro-cid-yfxzzp44]{color:var(--ink-2);margin-top:3px;font-size:12.5px;line-height:1.45}.ex-note[data-astro-cid-yfxzzp44]{background:#14121c09;border:1px solid #14121c0f;border-radius:12px;padding:12px}.ex-note[data-astro-cid-yfxzzp44] strong[data-astro-cid-yfxzzp44]{font-family:var(--font-mono);color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10.5px;display:block}.ex-note[data-astro-cid-yfxzzp44] p[data-astro-cid-yfxzzp44]{color:var(--ink-1);margin:0;font-size:12.5px;line-height:1.45}.ex-copy[data-astro-cid-yfxzzp44]{gap:7px;margin:0;padding:0;list-style:none;display:grid}.ex-copy[data-astro-cid-yfxzzp44] li[data-astro-cid-yfxzzp44]{color:var(--ink-1);grid-template-columns:14px 1fr;gap:7px;font-size:12.3px;line-height:1.4;display:grid}.ex-copy[data-astro-cid-yfxzzp44] li[data-astro-cid-yfxzzp44]:before{content:"";background:#15803d;border-radius:999px;width:7px;height:7px;margin-top:5px}.gallery-head[data-astro-cid-zfujv2qc]{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.gallery-head[data-astro-cid-zfujv2qc] h2[data-astro-cid-zfujv2qc]{max-width:760px;margin-top:12px;font-size:clamp(32px,4vw,52px)}.gallery-head[data-astro-cid-zfujv2qc] p[data-astro-cid-zfujv2qc]{max-width:650px;color:var(--ink-2);margin-top:12px;font-size:16px}.result-count[data-astro-cid-zfujv2qc]{font-family:var(--font-mono);color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;flex:none;padding-bottom:8px;font-size:12px}.gallery[data-astro-cid-zfujv2qc]{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.empty-state[data-astro-cid-zfujv2qc]{color:var(--ink-2);text-align:center;background:#ffffff94;border:1px solid #ffffffe6;border-radius:18px;margin-top:22px;padding:22px}@media (width<=980px){.gallery[data-astro-cid-zfujv2qc]{grid-template-columns:1fr 1fr}.gallery-head[data-astro-cid-zfujv2qc]{flex-direction:column;align-items:start}.result-count[data-astro-cid-zfujv2qc]{padding-bottom:0}}@media (width<=660px){.gallery[data-astro-cid-zfujv2qc]{grid-template-columns:1fr}.gallery-head[data-astro-cid-zfujv2qc] h2[data-astro-cid-zfujv2qc]{font-size:32px}}.example-toolbar[data-astro-cid-cnrfrdiz]{justify-items:center;gap:16px;margin-top:32px;display:grid}.example-search[data-astro-cid-cnrfrdiz]{width:min(620px,100%);position:relative}.example-search[data-astro-cid-cnrfrdiz] input[data-astro-cid-cnrfrdiz]{width:100%;min-height:54px;color:var(--ink-0);background:#ffffff9e;border:1px solid #ffffffe6;border-radius:999px;outline:none;padding:0 22px;box-shadow:inset 0 1px #ffffffeb,0 12px 28px -18px #14121c47}.example-search[data-astro-cid-cnrfrdiz] input[data-astro-cid-cnrfrdiz]::placeholder{color:var(--ink-3)}.example-search[data-astro-cid-cnrfrdiz] input[data-astro-cid-cnrfrdiz]:focus{border-color:#8b5cf680;box-shadow:inset 0 1px #ffffffeb,0 0 0 4px #8b5cf61f,0 12px 28px -18px #14121c47}.filter-row[data-astro-cid-cnrfrdiz]{flex-wrap:wrap;justify-content:center;gap:8px;max-width:980px;display:flex}.fp[data-astro-cid-cnrfrdiz]{-webkit-backdrop-filter:blur(18px)saturate(160%);color:var(--ink-1);cursor:pointer;background:#ffffff80;border:1px solid #ffffffd9;border-radius:999px;padding:8px 15px;font-size:13.5px;transition:background .15s,color .15s,border-color .15s}.fp[data-astro-cid-cnrfrdiz]:hover{background:#ffffffbf}.fp[data-astro-cid-cnrfrdiz].on{background:var(--ink-0);color:#fff;border-color:var(--ink-0)}.example-stats[data-astro-cid-cnrfrdiz]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(620px,100%);display:grid}.example-stat[data-astro-cid-cnrfrdiz]{text-align:left;background:#ffffff80;border:1px solid #ffffffd1;border-radius:14px;padding:12px 14px}.example-stat[data-astro-cid-cnrfrdiz] strong[data-astro-cid-cnrfrdiz]{letter-spacing:-.02em;font-size:22px;display:block}.example-stat[data-astro-cid-cnrfrdiz] span[data-astro-cid-cnrfrdiz]{color:var(--ink-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10.5px;display:block}@media (width<=660px){.example-toolbar[data-astro-cid-cnrfrdiz]{justify-items:stretch}.filter-row[data-astro-cid-cnrfrdiz]{justify-content:flex-start}.fp[data-astro-cid-cnrfrdiz]{padding:8px 12px;font-size:12.5px}.example-stats[data-astro-cid-cnrfrdiz]{grid-template-columns:1fr}}