.motion-video-hero{margin:22px 0 34px;min-width:0}
.motion-masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:21px}
.motion-masthead .hx-kick{color:#756d5b;font-size:10px;letter-spacing:.16em;margin:0 0 8px}
.motion-masthead h1{display:flex;align-items:center;gap:19px;margin:0;font-size:clamp(39px,4vw,58px);line-height:1.15;letter-spacing:-.045em;color:#151611}
.motion-count{display:inline-block;border:1px solid #dfd6ba;background:#ffefaf;padding:5px 8px;border-radius:5px;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.09em;line-height:1.4}
.motion-intro{padding-bottom:3px}
.motion-intro p{margin:0 0 5px;color:#28261f;font-size:19px;font-weight:700;line-height:1.6}
.motion-intro>span{font-size:12px;color:#756e60;line-height:1.7}
.motion-gallery{display:grid;grid-template-columns:1.12fr 1.12fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;height:clamp(320px,31vw,425px)}
.motion-tile{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0;border:0;padding:0;border-radius:12px;overflow:hidden;background:#e3dfd3;text-align:left;cursor:pointer;isolation:isolate}
.motion-tile-lead{grid-column:span 2;grid-row:span 2;border-radius:17px}
.motion-tile>.video-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.motion-tile::after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(13,17,15,.76));pointer-events:none}
.motion-tile:hover>.video-preview{transform:scale(1.025)}
.motion-tile-label{position:absolute;left:17px;right:17px;bottom:15px;z-index:1;color:#fff}
.motion-tile-label>b{display:block;font-size:14px;line-height:1.45;font-weight:700;letter-spacing:.015em;text-wrap:balance}
.motion-tile-label>small{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;font-size:10px;font-weight:500;color:#fffcf1d6;line-height:1.4}
.motion-tile-label>small>span{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#fffdf0;color:#171717;font-size:16px}
.motion-tile-lead .motion-tile-label{left:26px;right:25px;bottom:24px}
.motion-tile-lead .motion-tile-label>b{font-size:clamp(23px,2.5vw,34px);line-height:1.35;letter-spacing:-.025em}
.motion-tile-lead .motion-tile-label>small{font-size:12px;margin-top:10px}
.motion-tile-lead .motion-tile-label>small>span{width:34px;height:34px;font-size:22px;background:#f5cd38}
.motion-featured{display:inline-block;padding:5px 9px;margin-bottom:10px;border-radius:4px;color:#202015;background:#f5cd38;font-size:10px;font-weight:800;letter-spacing:.05em}
.motion-tile:focus-visible{outline:3px solid #d6a916;outline-offset:4px}
.motion-hero-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 1px 0;line-height:1.7}
.motion-hero-footer>a{display:flex;align-items:center;gap:8px;color:#16734a;font-size:11px;font-weight:600;text-decoration:none}
.motion-hero-footer>a:hover{text-decoration:underline;text-underline-offset:4px}
.motion-free-badge{display:inline-block;flex:none;padding:2px 6px;border-radius:4px;background:#e3f3e7;color:#16734a;font-size:10px;font-weight:700}
@media(min-width:761px) and (max-width:1050px){.motion-intro p{font-size:16px}.motion-intro>span{font-size:11px}.motion-gallery{height:330px}.motion-tile-label{left:12px;right:12px;bottom:12px}.motion-tile-label>b{font-size:12px}.motion-tile-label>small{font-size:9px}.motion-tile-lead .motion-tile-label>b{font-size:23px}}
@media(max-width:760px){.motion-video-hero{margin:17px 0 26px}.motion-masthead{display:block;margin-bottom:15px}.motion-masthead .hx-kick{font-size:9px;margin-bottom:7px}.motion-masthead h1{font-size:38px;gap:13px}.motion-count{font-size:9px;padding:4px 7px}.motion-intro{margin-top:12px;padding:0}.motion-intro p{font-size:15px;margin:0 0 3px}.motion-intro>span{font-size:11px}.motion-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;height:auto;gap:8px}.motion-tile{height:auto;aspect-ratio:1.3;border-radius:9px}.motion-tile-lead{grid-column:span 2;grid-row:auto;aspect-ratio:16/10;border-radius:12px}.motion-tile:nth-child(n+4){display:none}.motion-tile-label{left:11px;right:11px;bottom:10px}.motion-tile-label>b{font-size:12px}.motion-tile-label>small{margin-top:5px;font-size:9px}.motion-tile-label>small>span{width:20px;height:20px;font-size:14px}.motion-tile-lead .motion-tile-label{left:17px;right:17px;bottom:15px}.motion-tile-lead .motion-tile-label>b{font-size:22px}.motion-tile-lead .motion-tile-label>small{font-size:10px;margin-top:7px}.motion-tile-lead .motion-tile-label>small>span{width:29px;height:29px;font-size:20px}.motion-featured{font-size:8px;padding:3px 6px;margin-bottom:7px}.motion-hero-footer{display:block;padding-top:11px}.motion-hero-footer>a{align-items:flex-start;gap:6px;font-size:10px}.motion-free-badge{font-size:9px;line-height:1.5}.ai-video-list-head{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){.motion-tile>.video-preview{transition:none}.motion-tile:hover>.video-preview{transform:none}}

.motion-hero-footer{flex-wrap:wrap}.motion-plan-note{flex-basis:100%;font-size:10px;line-height:1.65;color:#736b5e;text-align:right}
@media(max-width:719px){.motion-plan-note{text-align:left;font-size:9px}}

.video-category-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 5px;margin:0 0 17px;overscroll-behavior-x:contain}.video-category-nav>a{flex:none;padding:8px 14px;border:1px solid #e1dbcb;border-radius:7px;background:#fffdf7;color:#625b4c;text-decoration:none;font-size:12px;font-weight:600;line-height:1.5}.video-category-nav>a:hover{background:#fff3bd}.video-category-nav>a.on{background:#f5cd38;border-color:#f5cd38;color:#252115}.video-category-nav>a:focus-visible{outline:2px solid #c5a01c;outline-offset:3px}
@media(max-width:719px){.video-category-nav{gap:6px;margin-bottom:14px}.video-category-nav>a{padding:7px 11px;font-size:11px}}
