.content-section[data-astro-cid-2zsoc66g]{margin-bottom:var(--snyder-space-16, 4rem)}.content-section[data-astro-cid-2zsoc66g] h2[data-astro-cid-2zsoc66g]{margin-bottom:var(--snyder-space-4, 1rem)}.lead[data-astro-cid-2zsoc66g]{font-size:var(--snyder-text-xl, 1.25rem);color:var(--snyder-text-secondary, #666);margin-bottom:var(--snyder-space-8, 2rem);max-width:700px}.principles-grid[data-astro-cid-2zsoc66g]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--snyder-space-6, 1.5rem);margin-top:var(--snyder-space-8, 2rem)}.principle-card[data-astro-cid-2zsoc66g]{padding:var(--snyder-space-6, 1.5rem);background:var(--snyder-background-secondary, #f9f9f9);border-radius:var(--snyder-radius-lg, 8px)}.principle-demo[data-astro-cid-2zsoc66g]{height:60px;background:var(--snyder-background-primary, #fff);border-radius:var(--snyder-radius-md, 6px);margin-bottom:var(--snyder-space-4, 1rem);display:flex;align-items:center;padding:0 var(--snyder-space-4, 1rem)}.demo-dot[data-astro-cid-2zsoc66g]{width:12px;height:12px;background:var(--snyder-primary-500, #3b82f6);border-radius:50%}.demo-purposeful[data-astro-cid-2zsoc66g] .demo-dot[data-astro-cid-2zsoc66g]{animation:purposeful 2s ease-in-out infinite}.demo-natural[data-astro-cid-2zsoc66g] .demo-dot[data-astro-cid-2zsoc66g]{animation:natural 2s cubic-bezier(.4,0,.2,1) infinite}.demo-quick[data-astro-cid-2zsoc66g] .demo-dot[data-astro-cid-2zsoc66g]{animation:quick 1s cubic-bezier(.2,0,0,1) infinite}.demo-accessible[data-astro-cid-2zsoc66g] .demo-dot[data-astro-cid-2zsoc66g]{animation:accessible 2s ease infinite}@keyframes purposeful{0%,to{transform:translate(0)}50%{transform:translate(calc(100% - 12px))}}@keyframes natural{0%,to{transform:translate(0) scale(1)}50%{transform:translate(100px) scale(1.2)}}@keyframes quick{0%,to{transform:translate(0)}50%{transform:translate(100px)}}@keyframes accessible{0%,to{opacity:1}50%{opacity:.5}}.principle-card[data-astro-cid-2zsoc66g] h3[data-astro-cid-2zsoc66g]{font-size:var(--snyder-text-lg, 1.125rem);margin-bottom:var(--snyder-space-2, .5rem)}.principle-card[data-astro-cid-2zsoc66g] p[data-astro-cid-2zsoc66g]{font-size:var(--snyder-text-sm, .875rem);color:var(--snyder-text-secondary, #666);margin:0}.easing-demos[data-astro-cid-2zsoc66g]{display:flex;flex-direction:column;gap:var(--snyder-space-4, 1rem);margin-top:var(--snyder-space-8, 2rem)}.easing-item[data-astro-cid-2zsoc66g]{display:grid;grid-template-columns:200px 1fr;gap:var(--snyder-space-6, 1.5rem);align-items:center;padding:var(--snyder-space-4, 1rem);background:var(--snyder-background-secondary, #f9f9f9);border-radius:var(--snyder-radius-lg, 8px)}@media(max-width:600px){.easing-item[data-astro-cid-2zsoc66g]{grid-template-columns:1fr}}.easing-preview[data-astro-cid-2zsoc66g]{height:40px;background:var(--snyder-background-primary, #fff);border-radius:var(--snyder-radius-md, 6px);display:flex;align-items:center;padding:0 var(--snyder-space-4, 1rem)}.easing-dot[data-astro-cid-2zsoc66g]{width:20px;height:20px;background:var(--snyder-primary-500, #3b82f6);border-radius:50%}.easing-dot[data-astro-cid-2zsoc66g].animate{animation-duration:1s;animation-fill-mode:forwards}.easing-snappy[data-astro-cid-2zsoc66g].animate{animation-name:easing-move;animation-timing-function:cubic-bezier(.2,0,0,1)}.easing-smooth[data-astro-cid-2zsoc66g].animate{animation-name:easing-move;animation-timing-function:cubic-bezier(.4,0,.2,1)}.easing-bounce[data-astro-cid-2zsoc66g].animate{animation-name:easing-move;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}.easing-stroke[data-astro-cid-2zsoc66g].animate{animation-name:easing-move;animation-timing-function:cubic-bezier(.65,0,.35,1)}@keyframes easing-move{0%{transform:translate(0)}to{transform:translate(140px)}}.easing-info[data-astro-cid-2zsoc66g] h3[data-astro-cid-2zsoc66g]{font-size:var(--snyder-text-base, 1rem);margin-bottom:var(--snyder-space-1, .25rem)}.easing-info[data-astro-cid-2zsoc66g] code[data-astro-cid-2zsoc66g]{font-size:var(--snyder-text-sm, .875rem);display:block;margin-bottom:var(--snyder-space-2, .5rem)}.easing-info[data-astro-cid-2zsoc66g] p[data-astro-cid-2zsoc66g]{font-size:var(--snyder-text-sm, .875rem);color:var(--snyder-text-secondary, #666);margin:0}.play-button[data-astro-cid-2zsoc66g]{display:inline-flex;align-items:center;gap:var(--snyder-space-2, .5rem);padding:var(--snyder-space-3, .75rem) var(--snyder-space-6, 1.5rem);background:var(--snyder-primary-500, #3b82f6);color:#fff;border:none;border-radius:var(--snyder-radius-lg, 8px);font-weight:var(--snyder-font-weight-medium, 500);cursor:pointer;margin-top:var(--snyder-space-6, 1.5rem);transition:background-color var(--snyder-duration-fast, .15s) var(--snyder-ease-snappy, ease)}.play-button[data-astro-cid-2zsoc66g]:hover{background:var(--snyder-primary-600, #2563eb)}.play-button[data-astro-cid-2zsoc66g] svg[data-astro-cid-2zsoc66g]{width:16px;height:16px}.duration-grid[data-astro-cid-2zsoc66g]{display:flex;flex-wrap:wrap;gap:var(--snyder-space-4, 1rem);margin-top:var(--snyder-space-8, 2rem)}.duration-item[data-astro-cid-2zsoc66g]{display:flex;flex-direction:column;padding:var(--snyder-space-4, 1rem) var(--snyder-space-6, 1.5rem);background:var(--snyder-background-secondary, #f9f9f9);border-radius:var(--snyder-radius-lg, 8px);min-width:140px}.duration-value[data-astro-cid-2zsoc66g]{font-family:var(--snyder-font-mono);font-size:var(--snyder-text-2xl, 1.5rem);font-weight:var(--snyder-font-weight-bold, 700);color:var(--snyder-primary-500, #3b82f6)}.duration-name[data-astro-cid-2zsoc66g]{font-weight:var(--snyder-font-weight-medium, 500);margin:var(--snyder-space-1, .25rem) 0}.duration-use[data-astro-cid-2zsoc66g]{font-size:var(--snyder-text-sm, .875rem);color:var(--snyder-text-secondary, #666)}.patterns-grid[data-astro-cid-2zsoc66g]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--snyder-space-6, 1.5rem);margin-top:var(--snyder-space-8, 2rem)}.pattern-card[data-astro-cid-2zsoc66g]{padding:var(--snyder-space-4, 1rem);background:var(--snyder-background-secondary, #f9f9f9);border-radius:var(--snyder-radius-lg, 8px);text-align:center}.pattern-demo[data-astro-cid-2zsoc66g]{height:80px;display:flex;align-items:center;justify-content:center;background:var(--snyder-background-primary, #fff);border-radius:var(--snyder-radius-md, 6px);margin-bottom:var(--snyder-space-3, .75rem)}.pattern-button[data-astro-cid-2zsoc66g]{padding:var(--snyder-space-2, .5rem) var(--snyder-space-4, 1rem);background:var(--snyder-primary-500, #3b82f6);color:#fff;border:none;border-radius:var(--snyder-radius-md, 6px);cursor:pointer;transition:transform .15s cubic-bezier(.2,0,0,1),background-color .15s ease}.pattern-button[data-astro-cid-2zsoc66g]:hover{background:var(--snyder-primary-600, #2563eb);transform:translateY(-2px)}.pattern-fade[data-astro-cid-2zsoc66g]{width:40px;height:40px;background:var(--snyder-primary-500, #3b82f6);border-radius:var(--snyder-radius-md, 6px);animation:fade 2s ease infinite}@keyframes fade{0%,to{opacity:0}50%{opacity:1}}.pattern-slide[data-astro-cid-2zsoc66g]{width:40px;height:40px;background:var(--snyder-primary-500, #3b82f6);border-radius:var(--snyder-radius-md, 6px);animation:slide 2s cubic-bezier(0,0,.2,1) infinite}@keyframes slide{0%,to{transform:translateY(20px);opacity:0}50%{transform:translateY(0);opacity:1}}.pattern-scale[data-astro-cid-2zsoc66g]{width:40px;height:40px;background:var(--snyder-primary-500, #3b82f6);border-radius:var(--snyder-radius-md, 6px);animation:scale 1.5s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes scale{0%,to{transform:scale(.8)}50%{transform:scale(1.2)}}.pattern-card[data-astro-cid-2zsoc66g] h3[data-astro-cid-2zsoc66g]{font-size:var(--snyder-text-base, 1rem);margin-bottom:var(--snyder-space-1, .25rem)}.pattern-card[data-astro-cid-2zsoc66g] code[data-astro-cid-2zsoc66g]{font-size:var(--snyder-text-sm, .875rem);color:var(--snyder-text-secondary, #666);background:none;padding:0}.code-block[data-astro-cid-2zsoc66g]{margin-top:var(--snyder-space-6, 1.5rem)}.code-block[data-astro-cid-2zsoc66g] pre[data-astro-cid-2zsoc66g]{background:var(--snyder-grey-900, #1a1a1a);padding:var(--snyder-space-6, 1.5rem);border-radius:var(--snyder-radius-lg, 8px);overflow-x:auto}.code-block[data-astro-cid-2zsoc66g] code[data-astro-cid-2zsoc66g]{font-family:var(--snyder-font-mono);font-size:var(--snyder-text-sm, .875rem);color:var(--snyder-grey-100, #f5f5f5);background:none;padding:0}@media(prefers-reduced-motion:reduce){.demo-dot[data-astro-cid-2zsoc66g],.easing-dot[data-astro-cid-2zsoc66g],.pattern-fade[data-astro-cid-2zsoc66g],.pattern-slide[data-astro-cid-2zsoc66g],.pattern-scale[data-astro-cid-2zsoc66g]{animation:none!important}}