.motion-page{color:#efeff0;background:#101012;min-height:100vh;margin-bottom:-140px;padding-bottom:90px}.motion-shell{width:min(100%,1440px);margin:0 auto;padding:0 clamp(20px,4vw,64px)}.motion-nav{color:#8f8f98;font:12px var(--mono);letter-spacing:.03em;align-items:center;gap:13px;padding:30px 0;display:flex}.motion-nav a{color:#d4d4da}.motion-nav a:hover{color:#fff}.motion-hero{max-width:980px;padding:clamp(28px,5vw,64px) 0 48px}.motion-kicker{color:#b7b7bf;font:600 12px var(--mono);letter-spacing:.18em}.motion-hero h1{font:400 clamp(56px, 8vw, 106px)/.91 var(--display);letter-spacing:-.045em;text-wrap:balance;margin-top:18px}.motion-period{color:#d2d2d8}.motion-intro{color:#a8a8b0;max-width:660px;margin-top:22px;font-size:clamp(17px,2vw,21px);line-height:1.5}.motion-hero-meta{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.motion-hero-meta span{color:#b9b9c1;font:12px var(--mono);border:1px solid #34343b;border-radius:6px;padding:9px 13px}.motion-library{border-top:1px solid #36363c;padding-top:28px}.motion-tools{justify-content:space-between;align-items:center;gap:18px;display:flex}.motion-filters{flex-wrap:wrap;gap:5px;display:flex}.motion-filters button{color:#a3a3ab;font:500 13px var(--sans);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:10px 15px}.motion-filters button:hover{color:#fff;background:#202024}.motion-filters button.active{color:#151517;background:#e8e8eb}.motion-search{flex:0 260px}.motion-search input{color:#fff;width:100%;min-height:42px;font:14px var(--sans);background:#19191d;border:1px solid #3b3b42;border-radius:7px;outline:none;padding:0 13px}.motion-search input::placeholder{color:#8b8b95}.motion-search input:focus-visible{border-color:#e8e8eb;box-shadow:0 0 0 2px #101012,0 0 0 4px #e8e8eb}.motion-count{color:#85858e;font:12px var(--mono);margin:24px 0 16px}.motion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.motion-card{background:#19191d;border:1px solid #34343a;border-radius:10px;min-width:0;overflow:hidden}.motion-poster{color:#fff;background:radial-gradient(circle at 50% 45%,#31313a,#141417 64%);border-bottom:1px solid #34343a;width:100%;height:320px;position:relative;overflow:hidden}.motion-poster.metallic,.motion-poster.metallic .motion-preview-stage{background:#08090b}.motion-poster-fallback,.motion-card-preview{width:100%;height:100%;position:absolute;inset:0}.motion-poster-fallback img,.motion-preview-poster{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.motion-poster-open{color:#fff;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.motion-play{opacity:0;background:#0c0c0ebf;border:1px solid #c6c6cf;border-radius:50%;place-items:center;width:54px;height:54px;margin:-27px 0 0 -27px;padding-left:3px;font-size:18px;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:50%;left:50%;transform:scale(.9);box-shadow:0 8px 30px #0008}:is(.motion-poster:hover .motion-play,.motion-poster-open:focus-visible .motion-play){opacity:1;transform:scale(1)}.motion-poster-caption{color:#d0d0d5;font:600 10px var(--mono);letter-spacing:.14em;opacity:0;background:#111b;border-radius:3px;padding:6px 8px;transition:opacity .2s;position:absolute;bottom:16px;left:17px}:is(.motion-poster:hover .motion-poster-caption,.motion-poster-open:focus-visible .motion-poster-caption){opacity:1}.motion-card-body{padding:20px 21px 22px}.motion-card-meta{color:#96969f;font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:8px;display:flex}.motion-card h2{font:400 29px/1.05 var(--display);letter-spacing:-.015em;margin-top:13px}.motion-card-body>p{color:#a5a5ae;min-height:44px;margin-top:9px;font-size:13px;line-height:1.45}.motion-actions{border-top:1px solid #35353b;flex-wrap:wrap;align-items:center;gap:11px 17px;margin-top:18px;padding-top:17px;display:flex}.motion-actions a{color:#f1f1f2;font-size:13px;font-weight:600}.motion-actions a:hover{text-decoration:underline}.motion-actions button{color:#a8a8b2;font:13px var(--sans);cursor:pointer;background:0 0;border:0;padding:0}.motion-actions button:hover{color:#fff}.motion-actions :is(a,button):focus-visible{outline-offset:-3px;outline:2px solid #fff}.motion-filters button:focus-visible{outline-offset:-3px;outline:2px solid #fff}.motion-poster-open:focus-visible{outline-offset:-3px;outline:2px solid #fff}.motion-empty{text-align:center;color:#a8a8b2;border:1px dashed #4b4b53;border-radius:10px;padding:45px 20px}.motion-footnote{color:#8f8f98;margin-top:35px;font-size:13px}.motion-modal-backdrop{z-index:100;background:#000000d1;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.motion-modal{background:#19191d;border:1px solid #45454c;border-radius:12px;width:min(100%,960px);max-height:calc(100dvh - 36px);overflow-y:auto;box-shadow:0 30px 100px #000b}.motion-modal-head{border-bottom:1px solid #38383f;justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 25px;display:flex}.motion-modal-head span{color:#a5a5ae;font:10px var(--mono);letter-spacing:.16em}.motion-modal-head h2{font:400 33px var(--display);margin-top:5px}.motion-modal-head button{color:#fff;cursor:pointer;background:#26262b;border:1px solid #54545c;border-radius:5px;width:35px;height:35px;font-size:25px;line-height:1}.motion-modal-content{grid-template-columns:minmax(0,1.5fr) minmax(220px,.85fr);gap:25px;padding:25px;display:grid}.motion-preview-stage{background:radial-gradient(circle,#31313a,#101013 65%);max-height:58vh;margin:auto;display:block;position:relative;overflow:hidden}.motion-preview-stage:not(.motion-card-preview){width:min(100%, var(--motion-stage-width))}.motion-preview-stage iframe{transform-origin:0 0;pointer-events:none;border:0;position:absolute;inset:0 auto auto 0}.motion-modal-info{color:#b7b7bf;flex-direction:column;align-items:stretch;gap:17px;font-size:14px;line-height:1.5;display:flex}.motion-modal-info dl{border-top:1px solid #393940;border-bottom:1px solid #393940;padding:10px 0}.motion-modal-info dl div{justify-content:space-between;gap:15px;margin:7px 0;display:flex}.motion-modal-info dt{color:#8d8d97}.motion-modal-info dd{color:#d9d9df;text-align:right}.motion-modal-info a,.motion-modal-info button{text-align:center;color:#171719;width:100%;font:600 13px var(--sans);cursor:pointer;background:#e6e6eb;border:1px solid #e6e6eb;border-radius:6px;padding:12px 14px;display:block}.motion-modal-info button{color:#f0f0f2;background:0 0}.motion-prompt{color:#b7b7bf;border-top:1px solid #393940;padding-top:14px}.motion-prompt summary{cursor:pointer;color:#e6e6eb;font-size:13px}.motion-prompt p{overflow-wrap:anywhere;margin-top:10px;font-size:12px;line-height:1.5}:is(.motion-modal-info :is(a,button):focus-visible,.motion-modal-head button:focus-visible){outline-offset:3px;outline:2px solid #fff}@media (max-width:1000px){.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:670px){.motion-hero{padding:24px 0 38px}.motion-tools{flex-direction:column;align-items:stretch}.motion-search{flex:none}.motion-grid{grid-template-columns:minmax(0,1fr)}.motion-modal-content{grid-template-columns:1fr}.motion-preview-stage{max-height:45vh}.motion-preview-stage:not(.motion-card-preview){width:min(100%, var(--motion-stage-mobile-width))}.motion-modal-info{gap:12px}}@media (prefers-reduced-motion:reduce){.motion-poster img,.motion-play{transition:none}}.motion-page{overflow-x:clip}.motion-refs{width:100vw;margin:0 calc(50% - 50vw) 56px}.motion-belt{grid-template-columns:minmax(0,1fr);gap:18px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.motion-belt-row{min-width:0;margin-block:-8px -20px;padding-block:8px 20px;overflow:hidden}.motion-belt-track{width:max-content;animation:motion-belt var(--belt-dur,70s) linear infinite;display:flex}.motion-belt-set{flex:none;gap:18px;padding-right:18px;display:flex}.motion-belt-row.rev .motion-belt-track{animation-direction:reverse}.motion-belt:hover .motion-belt-track,.motion-belt.paused .motion-belt-track{animation-play-state:paused}@keyframes motion-belt{to{transform:translateX(calc(-1 * var(--belt-shift,50%)))}}.motion-belt-tile{aspect-ratio:16/9;cursor:zoom-in;background:#0b0b0b;border:1px solid #34343a;border-radius:16px;flex:none;width:360px;margin:0;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 14px 30px -18px #00000073}.motion-belt-tile:hover{transform:scale(1.03)}.motion-belt-tile video{object-fit:cover;width:100%;height:100%;display:block}.motion-belt-tile figcaption{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#0a0a0a9e;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:10px;left:10px;transform:translateY(4px)}.motion-belt-tile:hover figcaption{opacity:1;transform:none}.motion-ref-modal{color:#fff;background:#0b0b0b;border:1px solid #2a2a2a;border-radius:18px;width:min(1040px,100vw - 32px);height:fit-content;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 40px 120px -20px #000000b3}.motion-ref-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050505b8}.motion-ref-modal[open]{animation:.28s cubic-bezier(.2,.7,.2,1) motion-ref-in}@keyframes motion-ref-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}.motion-ref-modal video{aspect-ratio:16/9;background:#000;width:100%;display:block}.motion-ref-cap{color:#bdbdb8;margin:0;padding:14px 18px;font-size:14px}.motion-ref-cap b{color:#fff;margin-right:8px;font-weight:600}.motion-ref-close{z-index:1;color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;width:36px;height:36px;font-size:22px;line-height:1;position:absolute;top:10px;right:10px}.motion-ref-close:hover{color:#0b0b0b;background:#e8e8eb}@media (prefers-reduced-motion:reduce){.motion-belt-track{animation:none}.motion-belt-row{overflow-x:auto}}@media (max-width:720px){.motion-belt-tile{border-radius:12px;width:240px}.motion-belt{gap:12px}.motion-belt-set{gap:12px;padding-right:12px}.motion-refs{margin-bottom:40px}}