.motion-title[data-astro-cid-kmt76zle]{justify-content:space-between;align-items:center;gap:var(--space-2);scroll-margin-top:var(--space-6);display:flex}.motion-title__text[data-astro-cid-kmt76zle]{min-width:0;font-family:var(--font-family-enfasis);font-size:var(--text-title);font-weight:var(--font-weight-medium);letter-spacing:normal;color:var(--color-text-heading);text-wrap:balance;flex:0 auto;margin:0}.motion-title[data-astro-cid-kmt76zle] .copy-btn--inline{flex-shrink:0;align-self:center;transform:translateY(-3px)}.motion-block[data-astro-cid-klgsrlop]{gap:var(--space-5);width:100%;scroll-margin-top:var(--space-6);flex-direction:column;margin-bottom:2rem;display:flex}.motion-block--card[data-astro-cid-klgsrlop]{border:1px solid var(--color-border-soft);border-radius:var(--radius-base);background:var(--color-surface-2);padding-block:1rem 1.5rem;padding-inline:18px}.motion-block[data-astro-cid-klgsrlop] .motion-desc{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-weight-light);margin:0}.motion-block[data-astro-cid-klgsrlop] .motion-desc code{color:var(--color-text-heading);background:var(--color-surface-3);border-radius:4px;padding:.1em .4em;font-family:monospace;font-size:.9em}.keyframes-intro[data-astro-cid-jsaa3wqq]{gap:var(--space-1);flex-direction:column;margin-bottom:1rem;display:flex}.keyframes-intro__description[data-astro-cid-jsaa3wqq]{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-weight-light);margin:0}.keyframes-intro__description[data-astro-cid-jsaa3wqq] code{color:var(--color-text-heading);background:var(--color-surface-3);border-radius:4px;padding:.1em .4em;font-family:monospace;font-size:.9em}.orbit[data-astro-cid-xvuq73pu]{--orbit-size:262px;gap:var(--space-4);flex-direction:column;width:100%;display:flex}.orbit[data-astro-cid-xvuq73pu] [data-astro-cid-xvuq73pu][hidden]{display:none!important}.orbit-tabs[data-astro-cid-xvuq73pu]{align-items:center;gap:var(--space-2);display:flex}.orbit-controls[data-astro-cid-xvuq73pu]{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.orbit-types[data-astro-cid-xvuq73pu]{gap:var(--space-2);display:flex}.orbit-tab[data-astro-cid-xvuq73pu]{border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-surface-2);height:32px;color:var(--color-text-muted);font-size:var(--text-sm);padding:0 var(--space-3);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.orbit-tab[data-astro-cid-xvuq73pu]:hover{border-color:var(--color-text-muted);color:var(--color-text-heading)}.orbit-tab[data-astro-cid-xvuq73pu].is-active,.orbit-tab[data-astro-cid-xvuq73pu].is-active:hover{color:var(--color-text-heading);background:var(--color-surface-3)}.orbit-tab--icon[data-astro-cid-xvuq73pu]{width:32px;padding:0;position:relative}.orbit-tab__img[data-astro-cid-xvuq73pu]{filter:brightness(0)invert();opacity:.6;width:16px;height:16px;transition:opacity .14s}.orbit-tab[data-astro-cid-xvuq73pu]:hover .orbit-tab__img[data-astro-cid-xvuq73pu],.orbit-tab[data-astro-cid-xvuq73pu].is-active .orbit-tab__img[data-astro-cid-xvuq73pu]{opacity:1}.orbit-tab[data-astro-cid-xvuq73pu]:disabled{opacity:.4;cursor:default}.orbit-tab[data-astro-cid-xvuq73pu]:disabled:hover{border-color:var(--color-border-soft);color:var(--color-text-muted)}.orbit-tab__icon[data-astro-cid-xvuq73pu]{filter:brightness(0)invert();width:16px;height:16px;transition:opacity .14s,transform .14s,filter .14s;position:absolute}.orbit-tab__icon--pause[data-astro-cid-xvuq73pu]{opacity:1;transform:scale(1)}.orbit-tab__icon--play[data-astro-cid-xvuq73pu]{opacity:0;filter:brightness(0)invert()blur(3px);transition-delay:0s;transform:scale(.5)}.orbit-tab--icon[data-astro-cid-xvuq73pu].is-paused .orbit-tab__icon--pause[data-astro-cid-xvuq73pu]{opacity:0;filter:brightness(0)invert()blur(3px);transform:scale(.5)}.orbit-tab--icon[data-astro-cid-xvuq73pu].is-paused .orbit-tab__icon--play[data-astro-cid-xvuq73pu]{opacity:1;filter:brightness(0)invert()blur();transition-delay:40ms;transform:scale(1)}.orbit-tab--icon[data-astro-cid-xvuq73pu]:not(.is-paused) .orbit-tab__icon--pause[data-astro-cid-xvuq73pu]{transition-delay:40ms}.orbit-body[data-astro-cid-xvuq73pu]{align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.orbit-code[data-astro-cid-xvuq73pu]{box-sizing:border-box;min-width:min(240px,100%);height:var(--orbit-size);font-family:monospace;font-size:var(--text-xs);background:var(--color-surface-3);border:1px solid var(--color-border-softer);border-radius:var(--radius-sm);padding:var(--space-3);flex-direction:column;flex:1;justify-content:center;display:flex;overflow-x:auto}.orbit-line[data-astro-cid-xvuq73pu]{white-space:pre;padding:1px var(--space-2);color:var(--color-text-muted);border-radius:4px;transition:none;display:block;position:relative}.orbit-line--indent[data-astro-cid-xvuq73pu],.orbit-line--indent-static[data-astro-cid-xvuq73pu]{padding-left:calc(var(--space-2) + 1.5em)}.orbit-line--gap[data-astro-cid-xvuq73pu]{margin-top:var(--space-3)}.orbit-line--static[data-astro-cid-xvuq73pu]{color:var(--color-text)}.orbit-line--indent[data-astro-cid-xvuq73pu]:before{content:"";left:var(--space-2);background:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)scale(0)}.orbit-line[data-astro-cid-xvuq73pu].is-active{color:var(--color-text-heading);background:var(--color-surface-1);transition:color .15s,background-color .15s}.orbit-line--indent[data-astro-cid-xvuq73pu].is-active:before{transition:transform .2s cubic-bezier(.34,1.56,.64,1);transform:translateY(-50%)scale(1)}.orbit-stage[data-astro-cid-xvuq73pu]{box-sizing:border-box;width:100%;max-width:var(--orbit-size);aspect-ratio:1;border:1px solid var(--color-border-softer);border-radius:var(--radius-sm);background:var(--color-surface-3);flex-shrink:0;position:relative}.orbit-box[data-astro-cid-xvuq73pu]{border-radius:var(--radius-sm);background:var(--color-primary);z-index:1;width:40px;height:40px;position:absolute;top:10px;left:10px}.orbit[data-astro-cid-xvuq73pu][data-kind=transition] .orbit-stage[data-astro-cid-xvuq73pu]{cursor:pointer}.orbit[data-astro-cid-xvuq73pu][data-kind=transition] .orbit-box[data-astro-cid-xvuq73pu]{transition:transform var(--tdur,1.8s) ease-in-out}.orbit[data-astro-cid-xvuq73pu][data-kind=transition] .orbit-box[data-astro-cid-xvuq73pu].is-moved{transform:translate(var(--tx), var(--ty))}.orbit-hint[data-astro-cid-xvuq73pu]{font-size:var(--text-xs);color:var(--color-text-muted);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}@media (width<=560px){.orbit-stage[data-astro-cid-xvuq73pu]{aspect-ratio:auto;max-width:none;height:200px}.orbit-code[data-astro-cid-xvuq73pu]{height:auto}.orbit-tab[data-astro-cid-xvuq73pu]{padding:0 var(--space-2)}.orbit-tab--icon[data-astro-cid-xvuq73pu]{padding:0}.orbit-tabs[data-astro-cid-xvuq73pu]{display:contents}.orbit-types[data-astro-cid-xvuq73pu]{order:0}.orbit-body[data-astro-cid-xvuq73pu]{order:1}.orbit-controls[data-astro-cid-xvuq73pu]{order:2;justify-content:center;width:100%;margin-left:0}}.keyframes-notes[data-astro-cid-l7e2ez26]{gap:var(--space-3);flex-direction:column;margin-top:1rem;display:flex}.keyframes-notes__text[data-astro-cid-l7e2ez26]{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-weight-light);margin:0}.keyframes-notes__text[data-astro-cid-l7e2ez26] code{color:var(--color-text-heading);background:var(--color-surface-3);border-radius:4px;padding:.1em .4em;font-family:monospace;font-size:.9em}.triggers-intro[data-astro-cid-fp6wnwbn]{gap:var(--space-1);flex-direction:column;display:flex}.triggers-intro__description[data-astro-cid-fp6wnwbn]{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-weight-light);margin:0}.triggers-intro__description[data-astro-cid-fp6wnwbn] code{color:var(--color-text-heading);background:var(--color-surface-3);border-radius:4px;padding:.1em .4em;font-family:monospace;font-size:.9em}.trigger-card[data-astro-cid-d3eens5y]{justify-content:center;align-items:center;width:auto;display:inline-flex}.triggers-group[data-astro-cid-uc6p7h4f]{gap:var(--space-3);flex-direction:column;width:100%;display:flex;overflow:visible}.triggers-group__title[data-astro-cid-uc6p7h4f]{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin:0}.triggers-group__cards[data-astro-cid-uc6p7h4f]{justify-content:flex-start;align-items:flex-start;gap:var(--space-12);padding-left:var(--space-2);flex-wrap:wrap;display:flex;overflow:visible}.demo-iconbtn[data-astro-cid-uc6p7h4f]{border-radius:var(--radius-sm);border:1px solid var(--color-border-soft);background:var(--color-surface-2);width:44px;height:44px;color:var(--color-text);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.demo-iconbtn__icon[data-astro-cid-uc6p7h4f]{filter:brightness(0)invert();width:20px;height:20px;transition:var(--transition-base)}.demo-iconbtn[data-astro-cid-uc6p7h4f]:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-5px)rotate(-8deg)}.demo-glow-btn[data-astro-cid-uc6p7h4f]{height:44px;padding:0 var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--color-border-soft);background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.demo-glow-btn[data-astro-cid-uc6p7h4f]:hover{box-shadow:0 0 10px .5px var(--color-primary-soft);border-color:var(--color-primary)}.demo-avatar[data-astro-cid-uc6p7h4f]{border:1px solid var(--color-border-soft);border-radius:50%;width:48px;height:48px;overflow:hidden}.demo-avatar__img[data-astro-cid-uc6p7h4f]{object-fit:cover;width:100%;height:100%;display:block}.demo-status[data-astro-cid-uc6p7h4f]{display:inline-flex;position:relative;overflow:visible}.demo-avatar-wrap[data-astro-cid-uc6p7h4f]{display:inline-flex;position:relative}.demo-status__dot[data-astro-cid-uc6p7h4f]{background:var(--color-text-muted);border:2px solid var(--color-surface-2);z-index:1;border-radius:50%;width:15px;height:15px;position:absolute;bottom:0;right:0}.demo-status__tooltip[data-astro-cid-uc6p7h4f]{z-index:10;background:var(--color-surface-3);border:1px solid var(--color-border-soft);min-width:max-content;color:var(--color-text);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-base);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.demo-status[data-astro-cid-uc6p7h4f]:hover .demo-status__tooltip[data-astro-cid-uc6p7h4f]{opacity:1;transform:translate(-50%)}.triggers-group[data-astro-cid-6qcani7b]{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.triggers-group__title[data-astro-cid-6qcani7b]{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin:0}.triggers-group__cards[data-astro-cid-6qcani7b]{justify-content:flex-start;align-items:center;gap:var(--space-12);padding-left:var(--space-2);flex-wrap:wrap;display:flex;overflow:visible}.switch[data-astro-cid-6qcani7b]{cursor:pointer;align-items:center;width:44px;height:22px;display:inline-flex;position:relative}.switch[data-astro-cid-6qcani7b] input[data-astro-cid-6qcani7b]{opacity:0;width:0;height:0}.slider[data-astro-cid-6qcani7b]{cursor:pointer;border:2px solid var(--color-border-soft);border-radius:var(--radius-full);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;inset:0}.slider[data-astro-cid-6qcani7b]:before{content:"";background-color:var(--color-text-heading);border-radius:inherit;width:14px;height:14px;transition:all .4s cubic-bezier(.23,1,.32,1);position:absolute;bottom:2px;left:2px}.switch[data-astro-cid-6qcani7b] input[data-astro-cid-6qcani7b]:checked+.slider[data-astro-cid-6qcani7b]{box-shadow:0 0 12px var(--color-primary-soft);border-color:var(--color-primary)}.switch[data-astro-cid-6qcani7b] input[data-astro-cid-6qcani7b]:checked+.slider[data-astro-cid-6qcani7b]:before{transform:translate(20px)}@media (prefers-reduced-motion:reduce){.slider[data-astro-cid-6qcani7b],.slider[data-astro-cid-6qcani7b]:before{transition:none}}.demo-ripple[data-astro-cid-6qcani7b]{border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);cursor:pointer;position:relative;overflow:hidden}.demo-ripple__layer[data-astro-cid-6qcani7b]{opacity:0;pointer-events:none;background:oklch(100% 0 0/.5);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.demo-ripple__layer[data-astro-cid-6qcani7b].is-pop{animation:.5s ease-out ripple-burst}@keyframes ripple-burst{0%{opacity:.6;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(14)}}.demo-chevron[data-astro-cid-6qcani7b]{border:1px solid var(--color-border-soft);border-radius:var(--radius-full);background:var(--color-surface-2);width:36px;height:36px;color:var(--color-text);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.demo-chevron[data-astro-cid-6qcani7b].is-active{transform:rotate(180deg)}.t-tabs[data-astro-cid-kc5jfozm]{--tabs-dur:.25s;--tabs-ease:cubic-bezier(.22, 1, .36, 1);border-radius:var(--radius-full);background:var(--color-surface-3);align-items:center;gap:3px;padding:3px;display:inline-flex;position:relative}.t-tab[data-astro-cid-kc5jfozm]{appearance:none;height:30px;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);z-index:1;transition:color var(--tabs-dur) var(--tabs-ease);background:0 0;border:0;padding:4px 14px;position:relative}.t-tab[data-astro-cid-kc5jfozm]:not([aria-selected=true]):hover,.t-tab[data-astro-cid-kc5jfozm][aria-selected=true]{color:var(--color-text-heading)}.t-tabs-pill[data-astro-cid-kc5jfozm]{background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:var(--radius-full);width:0;height:30px;transition:transform var(--tabs-dur) var(--tabs-ease), width var(--tabs-dur) var(--tabs-ease);will-change:transform, width;z-index:0;pointer-events:none;position:absolute;top:3px;left:0;transform:translate(0)}@media (prefers-reduced-motion:reduce){.t-tabs-pill[data-astro-cid-kc5jfozm],.t-tab[data-astro-cid-kc5jfozm]{transition:none!important}}.delete-btn[data-astro-cid-lprmvtpm]{cursor:pointer;border:1px solid var(--color-border);background:0 0;border-radius:5px;align-items:center;width:150px;height:50px;display:flex;position:relative;overflow:hidden;box-shadow:1px 1px 3px #00000026}.delete-btn[data-astro-cid-lprmvtpm],.delete-btn__text[data-astro-cid-lprmvtpm],.delete-btn__icon[data-astro-cid-lprmvtpm]{transition:all .2s}.delete-btn__text[data-astro-cid-lprmvtpm]{color:#fff;font-weight:700;transform:translate(35px)}.delete-btn__icon[data-astro-cid-lprmvtpm]{justify-content:center;align-items:center;width:40px;height:100%;display:flex;position:absolute;top:0;right:0}.delete-btn[data-astro-cid-lprmvtpm] svg[data-astro-cid-lprmvtpm]{fill:#fa0000;width:14px}.delete-btn[data-astro-cid-lprmvtpm]:hover{background:0 0}.delete-btn[data-astro-cid-lprmvtpm]:hover .delete-btn__text[data-astro-cid-lprmvtpm]{color:#0000}.delete-btn__icon[data-astro-cid-lprmvtpm]:before{content:"";background:#e6e3e32c;width:1px;transition:all .2s;position:absolute;top:0;bottom:0;left:0}.delete-btn[data-astro-cid-lprmvtpm]:hover .delete-btn__icon[data-astro-cid-lprmvtpm]{width:100%;padding-left:6px}.delete-btn[data-astro-cid-lprmvtpm]:hover .delete-btn__icon[data-astro-cid-lprmvtpm]:before{opacity:0}.delete-btn[data-astro-cid-lprmvtpm]:focus{outline:none}.delete-btn[data-astro-cid-lprmvtpm]:active .delete-btn__icon[data-astro-cid-lprmvtpm] svg[data-astro-cid-lprmvtpm]{transform:scale(.8)}.triggers-group[data-astro-cid-lumvoaqi]{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.triggers-group__title[data-astro-cid-lumvoaqi]{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin:0}.triggers-group__cards[data-astro-cid-lumvoaqi]{justify-content:flex-start;align-items:center;gap:var(--space-12);padding-left:var(--space-2);flex-wrap:wrap;display:flex}.triggers-group[data-astro-cid-yzhb765j]{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.triggers-group__title[data-astro-cid-yzhb765j]{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin:0}.scroll-zone[data-astro-cid-yzhb765j]{--h:99px;height:var(--h);scroll-snap-type:y mandatory;overscroll-behavior-y:auto;scrollbar-width:none;width:100%;overflow-y:auto}.scroll-zone[data-astro-cid-yzhb765j]::-webkit-scrollbar{display:none}.scroll-zone__slide[data-astro-cid-yzhb765j]{height:var(--h);scroll-snap-align:start;box-sizing:border-box;justify-content:center;align-items:center;display:flex}.scroll-zone__text[data-astro-cid-yzhb765j]{font-size:clamp(1.2rem,2.2vw,1.375rem);font-weight:var(--font-weight-medium);color:var(--color-text-heading);text-wrap:balance;text-align:center;max-width:35ch;line-height:1.35}.scroll-zone__word[data-astro-cid-yzhb765j]{opacity:1;transition:opacity .4s,transform .4s;transition-delay:calc(var(--i,0) * 35ms);margin-right:.3em;display:inline-block;transform:none}.scroll-zone[data-astro-cid-yzhb765j].is-js .scroll-zone__slide[data-astro-cid-yzhb765j]:not(.is-in) .scroll-zone__word[data-astro-cid-yzhb765j]{opacity:0;transform:translateY(.4em)}@media (prefers-reduced-motion:reduce){.scroll-zone__word[data-astro-cid-yzhb765j]{transition:none;opacity:1!important;transform:none!important}}.triggers-grid[data-astro-cid-aj7w4an3]{gap:var(--space-12);flex-direction:column;display:flex}.principles__container{width:100%}.principles__intro{flex-direction:column;padding-bottom:.5rem;display:flex}.motion-desc{margin-bottom:.7rem!important}.principles__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding-bottom:2rem;display:grid}@media (width<=1024px){.principles__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.principles__grid{grid-template-columns:1fr}}.principles__card{all:unset;cursor:pointer;perspective:800px;border-radius:var(--radius-base);height:135px;display:block}.principles__card:focus-visible{outline:2px solid var(--color-primary,currentColor);outline-offset:2px}.principles__card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.principles__card.is-flipped .principles__card-inner{transform:rotateY(180deg)}.principles__card-face{background-color:var(--color-surface-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-base);padding:var(--space-3);backface-visibility:hidden;flex-direction:column;display:flex;position:absolute;inset:0}.principles__card-face--back{justify-content:center;transform:rotateY(180deg)}.principles__code{font-size:var(--text-sm);font-family:var(--font-mono,ui-monospace, monospace);background-color:var(--color-surface-1,#1e1e1e);border-radius:4px;margin:0;padding:.35rem;line-height:1.5}.principles__code-line{white-space:pre-wrap;display:block}.principles__code-prop{color:#7dd3fc}.principles__code-value{color:#fca5a5}.principles__code-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:10px;line-height:1;font-family:var(--font-mono,ui-monospace, monospace);opacity:.7;position:absolute;top:.5rem;right:.6rem}.principles__card-face h3{font-size:var(--text-base);color:var(--color-text-heading);font-weight:var(--font-weight-medium);margin:0;padding-left:.35rem}.principles__card-face p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;padding-left:.35rem;line-height:1.2}.principles__stage{perspective:300px;justify-content:center;align-items:center;height:72px;padding-left:0;display:flex;overflow:visible}.principles__shape{--color-primary:oklch(72% .13 39.865);--color-blue:#4fd3ff;background-color:var(--color-primary);width:36px;height:30px;transform-style:preserve-3d;border-radius:8px;position:relative}.principles__card--translation .principles__shape{animation:2s ease-in-out infinite principle-translate}.principles__card--rotation .principles__shape{animation:2s linear infinite principle-rotate}.principles__card--scaling .principles__shape{animation:2s ease-in-out infinite principle-scale}.principles__card--skew .principles__shape{animation:2s ease-in-out infinite principle-skew}.principles__card--opacity .principles__shape{animation:2s ease-in-out infinite principle-opacity}.principles__card--blur .principles__shape{animation:2s ease-in-out infinite principle-blur}.principles__card--glow .principles__shape{animation:2s ease-in-out infinite principle-glow}.principles__card--color .principles__shape{animation:2s ease-in-out infinite principle-color}.principles__card--clip .principles__shape{animation:2s ease-in-out infinite principle-clip}.principles__card--perspective .principles__shape{animation:2s ease-in-out infinite principle-perspective}@keyframes principle-translate{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes principle-scale{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes principle-skew{0%,to{transform:skew(0deg)}50%{transform:skew(-14deg)}}@keyframes principle-opacity{0%,to{opacity:1}50%{opacity:var(--opacity-faint)}}@keyframes principle-blur{0%,to{filter:blur()}50%{filter:blur(3px)}}@keyframes principle-glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 20px 4px var(--color-primary-soft)}}@keyframes principle-color{0%,to{background-color:var(--color-primary)}50%{background-color:var(--color-blue)}}@keyframes principle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes principle-clip{0%,to{clip-path:circle(0%)}50%{clip-path:circle(75%)}}@keyframes principle-perspective{0%,to{transform:rotateX(0)translateZ(0)}50%{transform:rotateX(20deg)translateZ(-50px)}}@keyframes combo-translate-glow{0%,to{transform:translate(0);box-shadow:0 0 #0000}50%{box-shadow:0 0 20px 4px var(--color-primary-soft);transform:translate(14px)}}@media (prefers-reduced-motion:reduce){.principles__shape{animation:none!important}.principles__card-inner{transition:none}}.timing-intro[data-astro-cid-3eg5vqvl]{gap:var(--space-1);flex-direction:column;display:flex}.timing-intro__description[data-astro-cid-3eg5vqvl]{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-weight-light);margin:0}.timing-preview[data-astro-cid-sio6lw7y]{align-items:flex-start;gap:var(--space-1);flex-direction:column;width:100%;margin-top:.3rem;display:flex}.timing-preview__track[data-astro-cid-sio6lw7y]{width:100%;max-width:220px;height:34px;position:relative}.timing-preview__line[data-astro-cid-sio6lw7y]{border-radius:var(--radius-full);background:var(--color-border-soft);height:15.5px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timing-preview__dot[data-astro-cid-sio6lw7y]{border-radius:var(--radius-full);background:var(--color-primary);width:14px;height:14px;position:absolute;top:calc(50% - 7px);left:0}.timing-preview__label[data-astro-cid-sio6lw7y]{color:var(--color-text-heading);font-size:var(--text-sm);text-align:left;order:-1}.presets-grid[data-astro-cid-ippxzm2m]{gap:var(--space-3);grid-template-columns:1fr;width:100%;display:grid}.presets-grid__note[data-astro-cid-ippxzm2m]{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-light);line-height:var(--leading-relaxed)}.bezier__graph-wrap[data-astro-cid-pmdhbw7t]{aspect-ratio:1;flex:0 0 280px;width:280px;position:relative}.bezier__graph[data-astro-cid-pmdhbw7t]{touch-action:pan-y;width:100%;height:100%;display:block;overflow:visible}.bezier__grid[data-astro-cid-pmdhbw7t] line[data-astro-cid-pmdhbw7t]{stroke:var(--color-border-softer);stroke-width:.3px}.bezier__reference[data-astro-cid-pmdhbw7t]{stroke:var(--color-border-soft);stroke-width:.7px;stroke-dasharray:3 3}.bezier__curve[data-astro-cid-pmdhbw7t]{fill:none;stroke:var(--color-primary);stroke-width:1px;stroke-linecap:round}.bezier__handle-line[data-astro-cid-pmdhbw7t]{stroke:var(--color-border-soft);stroke-width:.8px}.bezier__endpoint[data-astro-cid-pmdhbw7t]{fill:var(--color-text-muted)}.bezier__handle[data-astro-cid-pmdhbw7t]{fill:var(--color-primary);stroke:var(--color-surface-1);stroke-width:1.5px;cursor:grab;touch-action:none;transition:r var(--transition-fast), stroke-width var(--transition-fast)}.bezier__handle[data-astro-cid-pmdhbw7t]:hover{r:5}.bezier__handle[data-astro-cid-pmdhbw7t]:active{cursor:grabbing}.bezier__handle[data-astro-cid-pmdhbw7t]:focus-visible{stroke:var(--color-focus);stroke-width:2px;r:5;outline:none}@media (width<=560px){.bezier__graph-wrap[data-astro-cid-pmdhbw7t]{flex:none;width:min(68vw,270px);margin-inline:auto}}@media (prefers-reduced-motion:reduce){.bezier__handle[data-astro-cid-pmdhbw7t]{transition:none}}.bezier__right[data-astro-cid-kacnovcz]{justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.bezier__preview-label[data-astro-cid-kacnovcz]{color:var(--color-text-muted);font-size:var(--text-xs)}.bezier__preview-track[data-astro-cid-kacnovcz]{width:100%;max-width:187px;height:225px;position:relative}.bezier__preview-line[data-astro-cid-kacnovcz]{width:100%;height:100%;position:absolute;inset:0}.bezier__preview-line[data-astro-cid-kacnovcz] line[data-astro-cid-kacnovcz]{stroke:var(--color-border-soft);stroke-width:1.5px}.bezier__preview-dot[data-astro-cid-kacnovcz]{border-radius:var(--radius-full);background:var(--color-primary);width:17px;height:17px;position:absolute;bottom:0;left:0;transform:translate(0)}@media (width<=560px){.bezier__right[data-astro-cid-kacnovcz]{width:100%}.bezier__preview-track[data-astro-cid-kacnovcz]{max-width:none;height:160px}}.bezier__values[data-astro-cid-flyesbd4]{justify-content:space-evenly;gap:var(--space-2);width:100%;margin-top:var(--space-3);display:flex}.bezier__field[data-astro-cid-flyesbd4]{text-align:center;flex-direction:column;width:65px;display:flex}.bezier__field[data-astro-cid-flyesbd4] span[data-astro-cid-flyesbd4]{color:var(--color-text-muted);font-size:var(--text-xs)}.bezier__field[data-astro-cid-flyesbd4] input[data-astro-cid-flyesbd4]{border:1px solid var(--color-border-softer);border-radius:var(--radius-sm);background:var(--color-surface-3);width:100%;min-width:0;color:var(--color-text-heading);font-family:monospace;font-size:var(--text-sm);transition:border-color var(--transition-fast);outline:none;padding:.35rem .4rem}.bezier__field[data-astro-cid-flyesbd4] input[data-astro-cid-flyesbd4]:hover{border-color:var(--color-border)}.bezier__field[data-astro-cid-flyesbd4] input[data-astro-cid-flyesbd4]:focus-visible{border-color:var(--color-focus);outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}@media (width<=560px){.bezier__values[data-astro-cid-flyesbd4]{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:nowrap;max-width:340px;margin-inline:auto}.bezier__field[data-astro-cid-flyesbd4]{flex:none;align-items:center;width:68px}.bezier__field[data-astro-cid-flyesbd4] input[data-astro-cid-flyesbd4]{text-align:center;padding:.3rem .25rem}}.bezier[data-astro-cid-tjceahcd]{width:100%;padding-top:var(--space-5);scroll-margin-top:var(--space-6)}.bezier__header[data-astro-cid-tjceahcd]{gap:var(--space-1);margin-bottom:var(--space-5);flex-direction:column;display:flex}.bezier__toolbar[data-astro-cid-tjceahcd]{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px dotted var(--color-border-softer);width:100%;padding-bottom:var(--space-4);display:flex}.bezier__presets[data-astro-cid-tjceahcd]{align-items:center;row-gap:var(--space-3);column-gap:var(--space-2);flex-wrap:wrap;display:flex}.bezier__preset[data-astro-cid-tjceahcd]{background:var(--color-surface-3);border:none;border:1px solid var(--color-border-softer);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:color var(--transition-fast);padding:.35rem .45rem;font-family:monospace}.bezier__preset[data-astro-cid-tjceahcd]:hover,.bezier__preset[data-astro-cid-tjceahcd]:focus-visible{border:1px solid var(--color-border)}.bezier__preset[data-astro-cid-tjceahcd]:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:2px}.bezier__toolbar-right[data-astro-cid-tjceahcd]{align-items:center;gap:var(--space-3);margin-top:0;display:flex}.bezier__duration[data-astro-cid-tjceahcd]{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.1px;display:flex}.bezier__duration-label[data-astro-cid-tjceahcd]{display:none}.bezier__duration-icon[data-astro-cid-tjceahcd]{filter:invert(.7)brightness(1.2);opacity:.85;flex-shrink:0;width:14px;height:14px;display:block}.bezier__duration[data-astro-cid-tjceahcd] input[data-astro-cid-tjceahcd]{border:1px solid var(--color-border-softer);border-radius:var(--radius-sm);background:var(--color-surface-3);width:62px;color:var(--color-text-heading);font-family:monospace;font-size:var(--text-sm);transition:border-color var(--transition-fast);outline:none;padding:.35rem .4rem}.bezier__duration[data-astro-cid-tjceahcd] input[data-astro-cid-tjceahcd]:hover{border-color:var(--color-border)}.bezier__duration[data-astro-cid-tjceahcd] input[data-astro-cid-tjceahcd]:focus-visible{border-color:var(--color-focus);outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.bezier__play[data-astro-cid-tjceahcd]{border:1px solid var(--color-border-softer);border-radius:var(--radius-sm);letter-spacing:.02em;background:var(--color-surface-3);color:var(--color-text-heading);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);align-items:center;gap:.45rem;padding:.4rem .725rem;display:inline-flex}.bezier__play[data-astro-cid-tjceahcd]:hover{border-color:var(--color-primary-soft)}.bezier__play[data-astro-cid-tjceahcd]:active{opacity:.9}.bezier__play[data-astro-cid-tjceahcd]:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.bezier__play[data-astro-cid-tjceahcd] svg[data-astro-cid-tjceahcd]{fill:currentColor;width:11.5px;height:11.5px}.bezier__workspace[data-astro-cid-tjceahcd]{align-items:stretch;gap:var(--space-3);width:100%;display:flex}.bezier__code[data-astro-cid-tjceahcd]{width:100%;margin-top:var(--space-5);border:1px solid var(--color-border-softer);border-radius:var(--radius-base);background:var(--color-surface-3);overflow:hidden}.bezier__code-header[data-astro-cid-tjceahcd]{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border-softer);justify-content:space-between;align-items:center;display:flex}.bezier__code-title[data-astro-cid-tjceahcd]{color:var(--color-text-muted);font-family:monospace;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.bezier__code-copy[data-astro-cid-tjceahcd]{transform-origin:100%;width:27px;height:27px;position:relative;transform:scale(.91)}.bezier__code-block[data-astro-cid-tjceahcd]{padding:var(--space-3);margin:0;overflow-x:auto}.bezier__code-block[data-astro-cid-tjceahcd] code[data-astro-cid-tjceahcd]{color:var(--color-text);font-family:monospace;font-size:var(--text-xs);white-space:pre;display:block}.bezier__note[data-astro-cid-tjceahcd]{width:100%;margin:var(--space-5) 0 0;color:var(--color-text);font-size:var(--text-base);line-height:var(--leading-relaxed)}.bezier__note[data-astro-cid-tjceahcd] code[data-astro-cid-tjceahcd]{color:var(--color-text-heading);font-family:monospace;font-size:var(--text-base);padding-inline:1px}@media (width<=560px){.bezier__toolbar[data-astro-cid-tjceahcd]{row-gap:var(--space-4);flex-wrap:wrap}.bezier__presets[data-astro-cid-tjceahcd]{flex:100%;order:1}.bezier__toolbar-right[data-astro-cid-tjceahcd]{order:2;justify-content:flex-end;width:100%;margin-top:2px;margin-left:auto}.bezier__workspace[data-astro-cid-tjceahcd]{flex-direction:column;align-items:center}}@media (prefers-reduced-motion:reduce){.bezier__play[data-astro-cid-tjceahcd],.bezier__preset[data-astro-cid-tjceahcd],.bezier__duration[data-astro-cid-tjceahcd] input[data-astro-cid-tjceahcd]{transition:none}}.svg-intro[data-astro-cid-avc2ufwr]{gap:var(--space-1);flex-direction:column;display:flex}.svg-intro__description[data-astro-cid-avc2ufwr]{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-weight-light);margin:0}.example[data-astro-cid-6n7la4g3]{border:1px solid var(--color-border-soft);border-radius:var(--radius-inner);background:var(--color-surface-3);width:100%;max-width:360px}svg[data-astro-cid-6n7la4g3]{width:100%;height:auto;display:block;overflow:visible}.example[data-astro-cid-byg7rasi]{border:1px solid var(--color-border-soft);border-radius:var(--radius-inner);width:100%;max-width:360px;padding:var(--space-2) var(--space-3);background:var(--color-surface-3)}svg[data-astro-cid-byg7rasi]{width:64px;height:64px;margin-inline:auto;display:block;overflow:visible}.example[data-astro-cid-2b2vy7k6]{border:1px solid var(--color-border-soft);border-radius:var(--radius-inner);width:100%;max-width:360px;padding:var(--space-2) var(--space-3);background:var(--color-surface-3)}svg[data-astro-cid-2b2vy7k6]{width:72px;height:72px;margin-inline:auto;display:block;overflow:visible}.morph[data-astro-cid-2b2vy7k6]{fill:var(--color-primary)}.svg-notes[data-astro-cid-xm2tkntp]{gap:var(--space-8);flex-direction:column;display:flex}.svg-notes__item[data-astro-cid-xm2tkntp]{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.svg-notes__text[data-astro-cid-xm2tkntp]{max-width:44ch;font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-weight-light);margin:0}.svg-notes__text[data-astro-cid-xm2tkntp] code{color:var(--color-text-heading);background:var(--color-surface-3);border-radius:var(--radius-sm);padding:.1em .4em;font-family:monospace;font-size:.9em}.showcase-intro[data-astro-cid-i2pi5y6w]{gap:var(--space-1);flex-direction:column;display:flex}.showcase-intro__description[data-astro-cid-i2pi5y6w]{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-weight-light);margin:0}.demo-social[data-astro-cid-iqjwjy5o]{--menu-distance-x:54px;--menu-distance-side-y:-46px;--menu-distance-top-y:-80px;--menu-open-duration:.42s;--menu-close-duration:.36s;--menu-stagger:.1s;width:44px;height:44px;margin-bottom:54px;position:relative}.demo-social__main[data-astro-cid-iqjwjy5o]{z-index:2;border:1px solid var(--color-border-soft);background:var(--color-surface-2);width:44px;height:44px;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-md);will-change:transform;backface-visibility:hidden;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.22,1,.36,1),background-color .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex;position:relative}.demo-social[data-astro-cid-iqjwjy5o]:hover .demo-social__main[data-astro-cid-iqjwjy5o]{border-color:var(--color-border);background:color-mix(in oklch, var(--color-surface-2) 85%, white 5%);box-shadow:var(--shadow-md)}.demo-social[data-astro-cid-iqjwjy5o].is-active .demo-social__main[data-astro-cid-iqjwjy5o]{background:var(--color-primary);color:var(--color-text-heading);border-color:var(--color-primary)}.demo-social[data-astro-cid-iqjwjy5o].is-closing .demo-social__main[data-astro-cid-iqjwjy5o]{transition:none;animation:.48s ease-out forwards demo-social-bounce}@keyframes demo-social-bounce{0%{transform:translateY(0)rotate(45deg)}30%{transform:translateY(4px)rotate(20deg)}to{transform:translateY(0)rotate(0)}}.demo-social__items[data-astro-cid-iqjwjy5o]{width:0;height:0;position:absolute;top:50%;left:50%}.demo-social__item[data-astro-cid-iqjwjy5o]{border:1px solid var(--color-border-soft);background:var(--color-surface-2);width:36px;height:36px;color:var(--color-text);opacity:0;box-shadow:var(--shadow-sm);transition:transform var(--menu-open-duration) cubic-bezier(.34, 1.56, .64, 1), opacity .12s ease, border-color .12s ease, background-color .12s ease, box-shadow .12s ease, scale .12s ease;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.72)}.demo-social__item[data-astro-cid-iqjwjy5o]:hover{border-color:var(--color-border);background:color-mix(in oklch, var(--color-surface-2) 85%, white 5%);box-shadow:var(--shadow-md)}.demo-social__item[data-astro-cid-iqjwjy5o]:active{scale:.99}.demo-social__icon[data-astro-cid-iqjwjy5o]{filter:brightness(0)invert();opacity:0;width:18px;height:18px;transition:opacity .18s,filter .18s}.demo-social__icon--main[data-astro-cid-iqjwjy5o]{opacity:1;filter:brightness(0)invert();width:18px;height:18px}.demo-social[data-astro-cid-iqjwjy5o].is-active .demo-social__item[data-astro-cid-iqjwjy5o]{opacity:1;pointer-events:auto;transition:transform var(--menu-open-duration) cubic-bezier(.34, 1.56, .64, 1), opacity .18s ease, filter .18s ease}.demo-social[data-astro-cid-iqjwjy5o].is-active .demo-social__item--1[data-astro-cid-iqjwjy5o]{opacity:1;pointer-events:auto;transform:translate(calc(-50% - var(--menu-distance-x)), calc(-50% + var(--menu-distance-side-y))) scale(1);transition-delay:0s}.demo-social[data-astro-cid-iqjwjy5o].is-active .demo-social__item--2[data-astro-cid-iqjwjy5o]{opacity:1;pointer-events:auto;transform:translate(-50%, calc(-50% + var(--menu-distance-top-y))) scale(1);transition-delay:var(--menu-stagger)}.demo-social[data-astro-cid-iqjwjy5o].is-active .demo-social__item--3[data-astro-cid-iqjwjy5o]{opacity:1;pointer-events:auto;transform:translate(calc(-50% + var(--menu-distance-x)), calc(-50% + var(--menu-distance-side-y))) scale(1);transition-delay:calc(var(--menu-stagger) * 2)}.demo-social[data-astro-cid-iqjwjy5o].is-active .demo-social__icon[data-astro-cid-iqjwjy5o]{opacity:1;filter:brightness(0)invert()blur();transition-delay:.12s}.demo-social[data-astro-cid-iqjwjy5o].is-closing .demo-social__item[data-astro-cid-iqjwjy5o]{opacity:0;pointer-events:none;transition:transform .22s ease-out,opacity .22s ease-out;transform:translate(-50%,-50%)}.demo-player[data-astro-cid-c2dijluz]{width:300px;max-width:100%;position:relative;overflow:visible}.demo-player__info[data-astro-cid-c2dijluz]{opacity:0;background:var(--color-surface-3);border-radius:var(--radius-base);pointer-events:none;height:57px;padding:7px 15px 4px 100px;transition:top .6s cubic-bezier(.22,1,.36,1),opacity .6s;position:absolute;top:0;left:10px;right:10px}.demo-player[data-astro-cid-c2dijluz].is-active .demo-player__info[data-astro-cid-c2dijluz]{opacity:1;top:-57.5px}.demo-player__artist[data-astro-cid-c2dijluz]{color:var(--color-text-heading);font-size:var(--text-sm);line-height:1.2;display:block}.demo-player__track[data-astro-cid-c2dijluz]{color:var(--color-text-muted);font-size:var(--text-xs);margin-bottom:6px;display:block}.demo-player__bar[data-astro-cid-c2dijluz]{background:var(--color-border-soft);width:100%;height:2px;position:relative}.demo-player__fill[data-astro-cid-c2dijluz]{background:var(--color-primary);width:10%;animation:35s linear infinite paused player-progress;position:absolute;top:0;bottom:0;left:0}.demo-player[data-astro-cid-c2dijluz].is-active .demo-player__fill[data-astro-cid-c2dijluz]{animation-play-state:running}@keyframes player-progress{0%{width:0%}to{width:100%}}.demo-player__panel[data-astro-cid-c2dijluz]{z-index:5;background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:var(--radius-base);width:100%;max-width:100%;height:80px;box-shadow:var(--shadow-soft-light);position:relative;overflow:visible}.demo-player__art[data-astro-cid-c2dijluz]{border:1px solid var(--color-border-soft);border-radius:50%;width:80px;height:80px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s;position:absolute;top:-15px;left:20px;overflow:hidden;transform:scale(1);box-shadow:0 0 #0000}.demo-player__art[data-astro-cid-c2dijluz]:after{content:"";background:var(--color-surface-2);z-index:5;border-radius:50%;width:15px;height:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-player[data-astro-cid-c2dijluz].is-active .demo-player__art[data-astro-cid-c2dijluz]{transform:scale(1.2);box-shadow:0 0 20px 5px oklch(0% 0 0/.25)}.demo-player__img[data-astro-cid-c2dijluz]{object-fit:cover;width:100%;height:100%;display:block}.demo-player[data-astro-cid-c2dijluz].is-active .demo-player__img[data-astro-cid-c2dijluz]{animation:3s linear infinite player-spin}@keyframes player-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-player__controls[data-astro-cid-c2dijluz]{justify-content:flex-end;align-items:center;gap:2px;height:80px;padding:0 15px;display:flex}.demo-player__btn[data-astro-cid-c2dijluz]{border-radius:var(--radius-sm);cursor:pointer;width:55px;height:48px;transition:var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.demo-player__btn[data-astro-cid-c2dijluz]:hover{background:var(--color-surface-3)}.demo-player__ico[data-astro-cid-c2dijluz]{filter:brightness(0)invert();width:22px;height:22px;display:block}.demo-player__ico--play[data-astro-cid-c2dijluz]{width:26px;height:26px}@media (width<=560px){.demo-player[data-astro-cid-c2dijluz]{width:100%;max-width:230px;margin-inline:auto}.demo-player__art[data-astro-cid-c2dijluz]{width:70px;height:70px;top:-10px;left:14px}.demo-player__info[data-astro-cid-c2dijluz]{padding-left:88px}.demo-player__controls[data-astro-cid-c2dijluz]{gap:0;padding:0 8px}.demo-player__btn[data-astro-cid-c2dijluz]{width:44px;height:44px}.demo-player__ico[data-astro-cid-c2dijluz]{width:20px;height:20px}.demo-player__ico--play[data-astro-cid-c2dijluz]{width:24px;height:24px}}.triggers-group[data-astro-cid-ziciqlh3]{padding:var(--space-16) var(--space-12) var(--space-12);align-items:center;gap:var(--space-5);flex-direction:row;width:100%;display:flex}.triggers-group__title[data-astro-cid-ziciqlh3]{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin:0}.triggers-group__row[data-astro-cid-ziciqlh3]{padding-left:var(--space-2);justify-content:flex-start;display:flex}.triggers-group__row--center[data-astro-cid-ziciqlh3]{padding-left:var(--space-6);margin-top:var(--space-6);justify-content:center}.triggers-group__player[data-astro-cid-ziciqlh3]{justify-content:center;width:100%;display:flex}@media (width<=560px){.triggers-group[data-astro-cid-ziciqlh3]{padding:var(--space-12) var(--space-4) var(--space-8);align-items:stretch;gap:var(--space-12);flex-direction:column}.triggers-group__player[data-astro-cid-ziciqlh3]{order:0}.triggers-group__row--center[data-astro-cid-ziciqlh3]{padding-left:0;padding-top:var(--space-12);order:1;justify-content:center;margin-top:0}}.showcase-transition[data-astro-cid-l4wuzswd]{font-size:var(--text-base);font-weight:var(--font-weight-light);color:var(--color-text);margin:0}.abduction{--cow-left:9%;--ground:20%;--cow-w:clamp(88px, 19%, 132px);--ship-home-left:80%;--ship-home-top:13%;--ship-home-w:clamp(64px, 14%, 104px);--ship-hover-left:19%;--ship-hover-top:20%;--ship-hover-w:clamp(104px, 23%, 168px);--ease-approach:cubic-bezier(.33, .02, .18, 1);--ease-leave:cubic-bezier(.55, 0, .9, .28);--ease-abduct:cubic-bezier(.5, 0, .85, .3);contain:paint;aspect-ratio:16/10;isolation:isolate;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;min-height:300px;position:relative;overflow:hidden}.abduction__ground{left:6%;right:6%;bottom:var(--ground);background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--color-text) 28%, transparent) 22%, color-mix(in oklch, var(--color-text) 28%, transparent) 78%, transparent);z-index:4;height:2px;position:absolute}.abduction__hint{--hint-x:27%;--hint-y:42%;left:var(--hint-x);top:var(--hint-y);pointer-events:none;color:var(--color-text-muted);flex-direction:column;align-items:flex-start;transition:opacity .3s;display:flex;position:absolute}.abduction__hint-text{font-family:var(--font-family-enfasis);font-style:italic;font-size:var(--text-lg,1.25rem);transform-origin:0 100%;margin-left:2.5rem;transform:rotate(-6deg)}.abduction__hint svg{width:56px;height:auto;margin-left:.5rem;overflow:visible;transform:scaleX(-1)}.abduction__hint-line,.abduction__hint-head{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round}.abduction__hint-line{stroke-linecap:butt}.abduction__hint-head{stroke-linecap:round}.abduction.is-running .abduction__hint{opacity:0}.abduction.is-done .abduction__hint{display:none}@keyframes hint-draw{0%{stroke-dashoffset:1px}18%,38%{stroke-dashoffset:0}56%,to{stroke-dashoffset:-1px}}@keyframes hint-head{0%,14%{opacity:0}20%,50%{opacity:1}56%,to{opacity:0}}@media (prefers-reduced-motion:no-preference){.abduction__hint-line{stroke-dasharray:1;animation:5s ease-in-out infinite hint-draw}.abduction__hint-head{animation:5s ease-in-out infinite hint-head}}.abduction__cow{left:var(--cow-left);bottom:var(--ground);width:var(--cow-w);cursor:pointer;z-index:1;transform-origin:50%;filter:drop-shadow(0 8px 10px oklch(0% 0 0/.45));transition:transform 2s var(--ease-abduct), opacity 2s ease-in, filter 2s ease-in;background:0 0;border:0;margin:0;padding:0;position:absolute}.abduction__cow:before{content:"";border-radius:var(--radius-sm);position:absolute;inset:-12px -10px}.abduction__cow svg{width:100%;height:auto;display:block;overflow:visible}.abduction__cow:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:6px;border-radius:var(--radius-sm)}.abduction__ship{left:var(--ship-home-left);top:var(--ship-home-top);width:var(--ship-home-w);z-index:3;pointer-events:none;filter:drop-shadow(0 10px 18px oklch(0% 0 0/.5));transition:left 2.8s var(--ease-approach), top 2.8s var(--ease-approach), width 2.8s var(--ease-approach), transform 2.8s var(--ease-approach), opacity .45s ease;position:absolute;transform:translate(-50%,-50%)scale(1)}.abduction__ship svg{width:100%;height:auto;display:block;overflow:visible}@keyframes abduction-ship-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4%)}}.abduction__ship-lights circle{animation:1.6s ease-in-out infinite abduction-blink}.abduction__ship-lights circle:nth-child(2){animation-delay:.18s}.abduction__ship-lights circle:nth-child(3){animation-delay:.36s}.abduction__ship-lights circle:nth-child(4){animation-delay:.54s}.abduction__ship-lights circle:nth-child(5){animation-delay:.72s}@keyframes abduction-blink{0%,to{opacity:.45}50%{opacity:1}}.abduction__beam{left:var(--ship-hover-left);top:calc(var(--ship-hover-top) + 7%);transform-origin:50% 0;opacity:0;clip-path:polygon(43% 0%,57% 0%,100% 100%,0% 100%);filter:blur(.6px);pointer-events:none;z-index:2;background:linear-gradient(oklch(92% .16 150/.85) 0%,oklch(82% .22 148/.45) 42%,oklch(79% .24 143/.12) 78%,oklch(79% .24 143/0) 100%);width:clamp(130px,28%,210px);height:0;transition:height .8s cubic-bezier(.22,1,.36,1),opacity .5s;position:absolute;transform:translate(-50%)}.abduction__beam:after{content:"";filter:blur(3px);background:radial-gradient(closest-side,oklch(79% .24 143/.4),#0000);border-radius:50%;width:130%;height:26px;position:absolute;bottom:0;left:50%;transform:translate(-50%,45%)}.abduction__trail{transform-origin:50%;pointer-events:none;z-index:-1;opacity:0;width:100%;height:100%;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-35deg)}.abduction__trail span{transform-origin:100%;will-change:transform, opacity;background:linear-gradient(90deg,#0000 0%,oklch(96% .08 220/0) 5%,oklch(96% .1 220/.7) 40%,oklch(98% .14 220/.95) 75%,#0000 100%);border-radius:2px;height:2.5px;position:absolute;top:50%;right:70%;transform:translateY(-50%)scaleX(0)}.abduction__trail span:first-child{width:120px;height:1.5px;top:42%}.abduction__trail span:nth-child(2){width:160px;height:1px;top:50%}.abduction__trail span:nth-child(3){width:100px;height:1.2px;top:58%}.abduction__trail span:nth-child(4){width:80px;height:.8px;top:34%}.abduction__trail span:nth-child(5){width:90px;height:.8px;top:66%}.abduction.is-leaving .abduction__trail{opacity:1;transition:opacity 50ms}.abduction.is-leaving .abduction__trail span{animation:1.4s cubic-bezier(.15,.5,.3,1) forwards abduction-trail}.abduction.is-leaving .abduction__trail span:first-child{animation-delay:0s}.abduction.is-leaving .abduction__trail span:nth-child(2){animation-delay:30ms}.abduction.is-leaving .abduction__trail span:nth-child(3){animation-delay:60ms}.abduction.is-leaving .abduction__trail span:nth-child(4){animation-delay:20ms}.abduction.is-leaving .abduction__trail span:nth-child(5){animation-delay:50ms}@keyframes abduction-trail{0%{opacity:0;transform:translateY(-50%)scaleX(.05)}12%{opacity:1;transform:translateY(-50%)scaleX(1)}80%{opacity:1;transform:translateY(-50%)scaleX(1)}to{opacity:0;transform:translateY(-50%)scaleX(1.05)}}.abduction.is-resetting .abduction__trail{opacity:0;transition:none}.abduction.is-resetting .abduction__trail span{animation:none}.abduction.is-approaching .abduction__ship,.abduction.is-hovering .abduction__ship,.abduction.is-beaming .abduction__ship,.abduction.is-abducting .abduction__ship{left:var(--ship-hover-left);top:var(--ship-hover-top);width:var(--ship-hover-w);transform:translate(-50%,-50%)scale(1.06)}.abduction.is-beaming .abduction__beam,.abduction.is-abducting .abduction__beam{opacity:1;height:52%}.abduction.is-abducting .abduction__cow{opacity:0;filter:blur(2px)drop-shadow(0 0 18px oklch(79% .24 143/.6));transform:translateY(-160%)scale(.22)rotate(-10deg)}.abduction.is-leaving .abduction__ship{left:var(--ship-home-left);top:var(--ship-home-top);width:var(--ship-home-w);opacity:0;transition:left 1.5s var(--ease-leave), top 1.5s var(--ease-leave), width 1.5s var(--ease-leave), transform 1.5s var(--ease-leave), opacity 1.5s ease-in;transform:translate(-50%,-50%)scale(.85)rotate(6deg)}.abduction.is-leaving .abduction__beam{opacity:0;height:0;transition:height .3s ease-in,opacity .25s ease-in}.abduction.is-leaving .abduction__speedlines span{animation:.6s cubic-bezier(.15,.9,.3,1) forwards abduction-speedline}.abduction.is-leaving .abduction__speedlines span:first-child{animation-delay:0s}.abduction.is-leaving .abduction__speedlines span:nth-child(2){animation-delay:40ms}.abduction.is-leaving .abduction__speedlines span:nth-child(3){animation-delay:20ms}.abduction.is-leaving .abduction__speedlines span:nth-child(4){animation-delay:60ms}.abduction.is-leaving .abduction__speedlines span:nth-child(5){animation-delay:30ms}.abduction.is-leaving .abduction__speedlines span:nth-child(6){animation-delay:50ms}@keyframes abduction-speedline{0%{opacity:0;transform:scaleX(0)}30%{opacity:1}60%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.15)}}.abduction.is-resetting .abduction__beam,.abduction.is-resetting .abduction__speedlines span{transition:none;animation:none}.abduction.is-resetting .abduction__cow{transition:opacity 1.6s ease-out}.abduction__star{left:var(--ship-home-left);top:var(--ship-home-top);opacity:0;pointer-events:none;z-index:6;width:26px;height:26px;position:absolute;transform:translate(-50%,-50%)scale(0)}.abduction__star:before,.abduction__star:after{content:"";background:#fff;border-radius:50%;position:absolute;top:50%;left:50%}.abduction__star:before{width:100%;height:2px;transform:translate(-50%,-50%);box-shadow:0 0 10px 2px #ffffffd9}.abduction.is-resetting .abduction__ship{transition:opacity 1.2s}.abduction__star:after{width:2px;height:100%;transform:translate(-50%,-50%);box-shadow:0 0 10px 2px #ffffffd9}.abduction.is-star .abduction__star{animation:3s ease-out .5s forwards abduction-star}@keyframes abduction-star{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}4%{opacity:1;transform:translate(-50%,-50%)scale(1.45)rotate(35deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(80deg)}85%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(260deg)}to{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(300deg)}}@media (prefers-reduced-motion:reduce){.abduction__star{animation-duration:.6s!important}.abduction__cow,.abduction__ship,.abduction__beam{transition-duration:.35s!important}.abduction__ship-inner,.abduction__ship-lights circle{animation:none}.abduction__speedlines span{animation-duration:.3s!important}}@media (width<=560px){.abduction{--cow-left:8%;--cow-w:clamp(72px, 22%, 100px);--ship-hover-left:calc(var(--cow-left) + 11%);--ship-hover-w:clamp(92px, 30%, 130px);--ship-home-left:82%;--ship-home-w:clamp(56px, 16%, 84px)}}.summary-rows__list[data-astro-cid-yuuvctzl]{gap:var(--space-6);flex-direction:column;margin:0;padding-left:1.1em;display:flex}.summary-rows__item[data-astro-cid-yuuvctzl]{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-weight-light)}.summary-rows__item[data-astro-cid-yuuvctzl]::marker{color:var(--color-primary)}.summary-rows__outro[data-astro-cid-yuuvctzl]{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-light);margin:0;padding-top:1rem}.summary-rows__list[data-astro-cid-yuuvctzl] code{color:var(--color-text-heading);background:var(--color-surface-3);border-radius:4px;padding:.1em .4em;font-family:monospace;font-size:.9em}.summary-rows__list[data-astro-cid-yuuvctzl] .summary-tool,.summary-rows__outro[data-astro-cid-yuuvctzl] .summary-tool{white-space:nowrap;display:inline}.summary-rows__list[data-astro-cid-yuuvctzl] .summary-tool img,.summary-rows__outro[data-astro-cid-yuuvctzl] .summary-tool img{object-fit:contain;vertical-align:-.2em;width:1em;height:1em;margin-left:.1em;margin-right:.3em;display:inline-block}.page[data-astro-cid-2jh4bx4g]{max-width:var(--content-max-width);margin-inline:auto;margin-bottom:6rem;position:relative;overflow:visible}[data-astro-cid-2jh4bx4g][data-reveal]{scroll-margin-top:var(--space-6)}.skills-header__title[data-astro-cid-2jh4bx4g]{margin:0 0 var(--space-1);font-family:var(--font-family-enfasis);font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--color-text-heading);line-height:var(--leading-tight)}.skills-header__intro[data-astro-cid-2jh4bx4g]{font-size:var(--text-md);font-weight:var(--font-weight-light);color:var(--color-text);margin:0}@media (width<=768px){.page[data-astro-cid-2jh4bx4g]{padding-inline:calc(var(--space-4) + var(--space-1))}.skills-header__title[data-astro-cid-2jh4bx4g],.skills-header__intro[data-astro-cid-2jh4bx4g]{margin-bottom:var(--space-2)}}@media (width>=1101px){.page[data-astro-cid-2jh4bx4g]{padding-top:6rem}}