.motion-hero{display:grid;grid-template-columns:.95fr 1.15fr;align-items:center;gap:60px;padding:58px 0 52px}.eyebrow{font:10px/1.5 ui-monospace,monospace;color:#5c7c72;letter-spacing:.13em;margin:0 0 23px}.motion-hero h1{font-size:clamp(47px,5.1vw,72px);line-height:1.17;letter-spacing:-.045em;font-weight:500;margin:0}.motion-hero h1 em{font-style:normal;color:#087f75}.intro{font-size:13px;line-height:2;color:#527169;margin:23px 0}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:25px}.hero-actions a{text-decoration:none;font-size:12px}.primary-link{padding:12px 19px;background:#0c6055;color:#f0fff6;border-radius:8px}.source-link{color:#335d53;border-bottom:1px solid #9ab6a8;padding-bottom:3px}.format-line{font:8px/1.7 ui-monospace,monospace;color:#698578;letter-spacing:.09em;margin:26px 0 0}.reel-frame{border-radius:17px;overflow:hidden;background:#0c2b3b;box-shadow:0 16px 35px #123c3b13}.reel-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.reel-caption{display:flex;justify-content:space-between;font:8px/1.6 ui-monospace,monospace;letter-spacing:.11em;padding:15px 22px;color:#b2d3c4}#materials{scroll-margin-top:20px}.material-toolbar{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;align-items:center}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tabs button{font:12px/1.7 sans-serif;border:0;background:transparent;color:#52766a;padding:9px 14px;border-radius:7px;cursor:pointer}.filter-tabs button[aria-pressed=true]{background:#d6e7dc;color:#123f32}.filter-tabs span{font:9px/1.6 ui-monospace,monospace;opacity:.7;margin-left:5px}.search-wrap{display:flex;gap:10px;align-items:center;font-size:11px;color:#557568}.search-wrap input{border:1px solid #b7cbbf;background:#fafcf9;border-radius:7px;padding:9px 12px;max-width:210px;font:12px/1.5 sans-serif;color:var(--ink)}#result-count{font-size:10px;color:#6e8a7c;margin:13px 0 20px}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.material-card{min-width:0}.material-poster{border:0;padding:0;width:100%;display:block;aspect-ratio:16/9;position:relative;border-radius:13px;overflow:hidden;background:#dce9e1;cursor:pointer}.material-poster img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.material-poster:hover img{transform:scale(1.035)}.play-mark{position:absolute;right:14px;bottom:14px;width:34px;height:34px;border:1px solid #f0fff770;border-radius:50%;display:grid;place-items:center;color:#f4fff8;background:#0c2b3b80;font-size:11px;padding-left:2px;backdrop-filter:blur(8px)}.material-info{display:flex;justify-content:space-between;gap:12px;padding:12px 2px 5px}.material-info h3{font-size:14px;line-height:1.65;font-weight:500;margin:0}.material-info p{font:8px/1.6 ui-monospace,monospace;letter-spacing:.08em;color:#6a897b;margin:4px 0 0}.material-duration{font:9px/1.6 ui-monospace,monospace;white-space:nowrap;color:#6e897b;margin-top:5px}.material-links{display:flex;gap:18px;padding:3px 2px;font-size:10px}.material-links a{color:#477969;text-decoration:none;border-bottom:1px solid #a9c7b6;padding-bottom:2px}.usage-strip{display:grid;grid-template-columns:.7fr 1.2fr 1.3fr .8fr;gap:30px;align-items:center;margin:58px 0 40px;padding:37px 0;border-top:1px solid var(--line)}.usage-number{font:10px/1.5 ui-monospace,monospace;color:#739181}.usage-strip h2{font-size:23px;font-weight:500;line-height:1.6;margin:0}.usage-strip p{font-size:12px;color:#587668;line-height:2;margin:0}.usage-strip a,footer a{color:#386956;text-decoration:none;font-size:11px}dialog{padding:24px;border:1px solid #b6ccbd;border-radius:20px;background:#f1f4f2;color:#173f33;width:min(960px,calc(100% - 32px));max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 120px #001e2870}dialog::backdrop{background:#06262fc9;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}#dialog-type{font:9px/1.5 ui-monospace,monospace;color:#6f8e7e;letter-spacing:.1em}.dialog-top h2{font-size:22px;font-weight:500;margin:5px 0 0}.dialog-top button{border:0;background:#e0eae3;border-radius:50%;width:38px;height:38px;flex:none;cursor:pointer;color:#355f4e;font:26px/1 Arial}.preview-surface{border-radius:12px;overflow:hidden;aspect-ratio:16/9}.checker{background-color:#e5ece6;background-image:linear-gradient(45deg,#c8d5cc 25%,transparent 25%),linear-gradient(-45deg,#c8d5cc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c8d5cc 75%),linear-gradient(-45deg,transparent 75%,#c8d5cc 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}.preview-surface.light{background:#f9eee3}.preview-surface.dark{background:#18343f}.preview-surface video{width:100%;height:100%;display:block}.preview-settings{display:flex;justify-content:space-between;align-items:center;margin:15px 0;gap:15px}.format-switch{display:flex;gap:5px}.format-switch button{border:0;background:transparent;padding:8px 13px;border-radius:6px;color:#5e806d;cursor:pointer;font-size:11px}.format-switch button[aria-pressed=true]{background:#d5e6d9;color:#1d5941}.preview-settings label{font-size:11px;color:#63816c}.preview-settings select{font-size:11px;margin-left:8px;padding:5px;border:1px solid #b7cdbd;background:#f7faf5;border-radius:5px;color:#3e6b53}#dialog-description{font-size:12px;line-height:1.8;color:#5d7b67;margin:12px 0 20px}.dialog-downloads{display:flex;gap:24px;flex-wrap:wrap}.dialog-downloads a{font-size:12px;color:#216c51;text-decoration:none;border-bottom:1px solid #a7c7b3;padding-bottom:4px}#empty-state{text-align:center;padding:70px 20px;color:#567464;font-size:13px}.guide{max-width:880px;padding:45px 0}.guide h1{font-weight:500;font-size:38px;margin-top:0}.guide h2{font-weight:500;font-size:24px;margin-top:37px}.guide p,.guide li{font-size:14px;color:#4a6b60;line-height:2}.guide code{font-size:12px;background:#dfeae1;padding:3px 6px;border-radius:4px}.guide pre{padding:20px;background:#0c2b3b;color:#c7ead3;border-radius:10px;overflow:auto}.guide pre code{background:none;color:inherit;padding:0}.guide a{color:#087f75}@media(max-width:1000px){.motion-hero{gap:32px;padding:40px 0}.motion-hero h1{font-size:54px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-strip{grid-template-columns:1fr 1fr}.usage-number{display:none}.search-wrap>span{display:none}}@media(max-width:650px){.motion-hero{grid-template-columns:1fr;gap:28px}.motion-hero h1{font-size:57px}.eyebrow{font-size:9px;margin-bottom:20px}.reel-frame{border-radius:12px}.format-line{margin-top:21px}.material-toolbar{align-items:start;flex-direction:column;gap:13px}.filter-tabs button{padding:8px 11px;font-size:11px}.search-wrap,.search-wrap input{width:100%;max-width:none}.material-grid{gap:23px 12px}.material-poster{border-radius:9px}.material-info h3{font-size:12px}.material-duration{display:none}.material-info p{font-size:7px}.material-links{gap:12px;font-size:9px}.play-mark{right:9px;bottom:9px;width:26px;height:26px;font-size:9px}.usage-strip{grid-template-columns:1fr;gap:20px;margin:35px 0 25px;padding:25px 0}.usage-strip h2{font-size:24px}.preview-settings{align-items:start;flex-direction:column;gap:10px}dialog{padding:17px}.dialog-top h2{font-size:18px}.dialog-downloads{gap:15px}.dialog-downloads a{font-size:11px}.guide h1{font-size:30px}}@media(prefers-reduced-motion:reduce){.material-poster img{transition:none}}