.motion-trend-directory{width:100%}.motion-trend-directory-top{width:100%;max-width:1440px;margin:0 auto;padding:32px 24px 72px}.motion-trend-directory h1{font-size:clamp(28px,3vw,40px);font-weight:650;letter-spacing:-.03em}.motion-trend-directory-guides,.motion-trend-directory-header p{max-width:640px;margin-top:12px;color:var(--muted-foreground);line-height:1.7}.motion-trend-directory-guides a{color:var(--foreground);text-decoration:underline;text-underline-offset:3px}.motion-trend-directory-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.motion-trend-directory-toolbar input{flex:1 1 220px;min-height:40px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--foreground);padding:0 14px;font:inherit;font-size:14px}.motion-trend-directory-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0;border:0;padding:0;min-inline-size:0}.motion-trend-directory-empty button,.motion-trend-directory-filters button{min-height:40px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--foreground);padding:0 14px;font:inherit;font-size:13px}.motion-trend-directory-filters button[aria-pressed=true]{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.motion-trend-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:24px}@media (min-width:768px){.motion-trend-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.motion-trend-directory-card{position:relative;min-width:0}.motion-trend-directory-media{display:block;padding:0;border:0;cursor:pointer;position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:12px;background:transparent}.motion-trend-directory-media:focus-visible{outline:3px solid var(--foreground);outline-offset:4px}.motion-trend-directory-media img{display:block;width:100%;height:100%;object-fit:cover}.motion-trend-directory-hover{position:absolute;inset:0;overflow:hidden;background:var(--motion-media)}.motion-trend-directory-hover video{display:block;width:100%;height:100%;object-fit:contain}.motion-trend-directory-dialog{width:min(720px,calc(100vw - 32px));max-width:min(720px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow-y:auto;padding:24px}.motion-trend-directory-dialog h2{padding-right:24px}.motion-trend-directory-dialog video{display:block;width:auto;height:auto;max-width:100%;max-height:62svh;margin:auto;border-radius:12px}.motion-trend-directory-dialog .motion-trend-cta{display:flex;justify-content:center;border-radius:999px;padding:12px 18px;background:var(--motion-highlight);color:var(--motion-highlight-ink);font-weight:600}.motion-trend-directory-play{pointer-events:none;position:absolute;left:8px;bottom:8px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:999px;background:rgb(0 0 0/62%);color:#fff}.motion-trend-directory-play svg{width:16px;height:16px}.motion-trend-directory-title{display:block;margin-top:8px;color:var(--foreground);font-size:13px;font-weight:600;line-height:1.35}.motion-trend-directory-aliases{display:flex;flex-wrap:wrap;gap:4px 10px;margin:4px 0 0;padding:0;list-style:none}.motion-trend-directory-aliases a{color:var(--muted-foreground);font-size:12px;line-height:1.4}.motion-trend-directory-empty{display:block;margin-top:28px;color:var(--muted-foreground)}.motion-trend-directory-empty button{margin-top:12px}@media (hover:hover) and (pointer:fine){.motion-trend-directory-card:not(:hover):not(:focus-within) .motion-trend-directory-play{opacity:0}}@media (max-width:767px){.motion-trend-directory-top{padding-inline:20px}}.motion-trend-directory-story .motion-task-link img{aspect-ratio:16/9;object-fit:cover}.motion-trend-directory-story .motion-landing-header{margin-bottom:32px}.motion-trend-directory-story .motion-landing-header p{max-width:760px;margin-inline:auto}.motion-trend-directory-story .motion-feature-copy>p{color:var(--muted-foreground);font-size:16px;line-height:1.75}.motion-trend-directory-story .motion-feature-copy .motion-text-link{display:inline-flex;gap:12px;margin-top:20px;color:var(--foreground);font-size:15px;font-weight:600}.motion-trend-directory-story .motion-feature-media{box-shadow:none}.motion-trend-directory-top{scroll-margin-top:84px}@media (prefers-reduced-motion:reduce){.motion-trend-directory-play{opacity:1}}.motion-trend-directory-story #call-to-action .motion-cta-panel{max-width:1120px;padding:56px;border:0;border-radius:24px;background:var(--motion-media);color:#fff;text-align:left}.motion-trend-directory-story #call-to-action .motion-cta-copy p{max-width:720px;margin-inline:0;color:rgb(255 255 255/78%)}.motion-trend-directory-story #call-to-action .motion-cta-copy a+a{border:1px solid rgb(255 255 255/40%);background:transparent;color:#fff}@media (max-width:767px){.motion-trend-directory-story #call-to-action .motion-cta-panel{padding:32px 24px}}