/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
/*!r:1785684195175*/
.hero__copy{min-inline-size:0}.showcase{margin-block-start:var(--space-xl)}@media (min-width:60rem){.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26rem);align-items:center;gap:var(--space-2xl)}.showcase{margin-block-start:0}}.showcase__viewport{position:relative;min-block-size:16rem;padding:var(--space-s);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line)}.showcase__slide{position:absolute;inset:var(--space-s);opacity:0;visibility:hidden;transition:opacity .5s}.showcase__slide.is-active{opacity:1;visibility:visible}.showcase__link{display:flex;flex-direction:column;gap:var(--space-s);block-size:100%;text-decoration:none;color:inherit}.showcase__scene{position:relative;flex:1 1 auto;min-block-size:0;overflow:hidden;border-radius:var(--radius-m);background:var(--paper);border:1px solid var(--line)}.showcase__caption{display:grid;grid-template-columns:1fr auto;align-items:baseline;align-content:start;column-gap:var(--space-s);row-gap:.3rem;min-block-size:4.25rem}.showcase__cat{grid-column:1/-1;color:var(--accent-strong)}.showcase__term{font-family:var(--font-display);font-size:var(--step-2);font-weight:600;line-height:var(--leading-tight);color:var(--ink)}.showcase__cue{align-self:center;font-size:var(--step--1);font-weight:600;white-space:nowrap;color:var(--accent-strong);transition:transform .15s}.showcase__link:hover .showcase__term{color:var(--accent-strong)}.showcase__link:hover .showcase__cue{transform:translateX(3px)}.showcase__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);margin-block-start:var(--space-s);padding-inline:var(--space-3xs)}.showcase__toggle{display:inline-flex;align-items:center;gap:.6ch;padding:var(--space-3xs) var(--space-xs);border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font-family:var(--font-body);font-size:var(--step--1);font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}.showcase__toggle:hover{color:var(--ink);border-color:var(--divider)}.showcase__toggle-icon{inline-size:9px;block-size:10px;border-inline:3px solid currentColor}.showcase__toggle.is-paused .showcase__toggle-icon{inline-size:0;block-size:0;border:5px solid transparent;border-inline-start:8px solid currentColor;border-inline-end:0}@media (prefers-reduced-motion:reduce){.showcase__toggle{display:none}}.showcase__dots{display:flex;gap:0}.showcase__dot{inline-size:1.5rem;block-size:1.5rem;display:grid;place-items:center;padding:0;border:0;background:0 0;cursor:pointer}.showcase__dot::before{content:"";inline-size:8px;block-size:8px;border-radius:50%;background:var(--divider);transition:background .15s,transform .15s}.showcase__dot:hover::before{background:var(--muted)}.showcase__dot.is-active::before{background:var(--accent);transform:scale(1.3)}.fx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.fx-fitts__cursor,.fx-fitts__target{position:absolute;inset-block-start:50%;inset-inline-start:50%;border-radius:50%}.fx-fitts__target{inline-size:60px;block-size:60px;background:var(--accent-soft);border:2px solid var(--accent);transform:translate(calc(-50% - 70px),calc(-50% - 24px)) scale(1.1);animation:4.6s ease-in-out infinite fxFittsTarget}.fx-fitts__cursor{inline-size:12px;block-size:12px;background:var(--accent-strong);transform:translate(calc(-50% - 70px),calc(-50% - 24px));animation:4.6s ease-in-out infinite fxFittsCursor}.fx-fitts__cursor::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:12px;block-size:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid var(--accent-strong);opacity:0;animation:4.6s ease-out infinite fxFittsRipple}@keyframes fxFittsTarget{0%,100%,16%,90%{transform:translate(calc(-50% - 70px),calc(-50% - 24px)) scale(1.1)}44%,62%{transform:translate(calc(-50% + 66px),calc(-50% + 28px)) scale(.42)}}@keyframes fxFittsCursor{0%,100%,6%,96%{transform:translate(calc(-50% - 70px),calc(-50% - 24px))}40%,66%{transform:translate(calc(-50% + 66px),calc(-50% + 28px))}}@keyframes fxFittsRipple{0%,38%{opacity:0;transform:scale(.5)}42%{opacity:.85;transform:scale(.5)}100%,58%{opacity:0;transform:scale(2.6)}}.fx-vr{display:flex;flex-direction:column;gap:12px;inline-size:58%}.fx-vr__bar{block-size:14px;border-radius:999px;background:var(--surface-2)}.fx-vr__bar--isolate{background:var(--accent);transform-origin:left center;animation:3.4s ease-in-out infinite fxVrPop}@keyframes fxVrPop{0%,100%{transform:scaleX(1);filter:brightness(1)}45%,60%{transform:scaleX(1.06);filter:brightness(1.12)}}.fx-ws{inline-size:62%;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--radius-s);background:var(--surface);border:1px solid var(--line);animation:4.6s ease-in-out infinite fxWsBreathe}.fx-ws__row{block-size:9px;border-radius:999px;background:var(--surface-2)}.fx-ws__row--title{inline-size:60%;block-size:12px;background:var(--accent)}.fx-ws__row--short{inline-size:72%}@keyframes fxWsBreathe{0%,100%,14%{gap:14px;padding:18px}48%,64%{gap:4px;padding:7px}}.fx-prox{display:flex;align-items:center;justify-content:center;gap:14px;animation:4.4s ease-in-out infinite fxProxOuter}.fx-prox__grp{display:flex;gap:14px;animation:4.4s ease-in-out infinite fxProxInner}.fx-prox__dot{inline-size:16px;block-size:16px;border-radius:50%;background:var(--accent)}@keyframes fxProxOuter{0%,100%,14%{gap:14px}50%,66%{gap:46px}}@keyframes fxProxInner{0%,100%,14%{gap:14px}50%,66%{gap:6px}}