.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:18px;list-style:none;margin:0;padding:0;width:100%}.video-grid-item{min-width:0;list-style:none}.video-frame{margin:0;min-width:0;display:flex;flex-direction:column;gap:10px}.video-frame-stage{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;max-width:calc(min(60vh, 460px) * 16 / 9);margin-inline:auto;border-radius:var(--r-md);background:linear-gradient(135deg,#2c3724,#141810);box-shadow:var(--shadow-card)}.video-frame-stage.is-playing{overflow:hidden}@supports not (aspect-ratio:16/9){.video-frame-stage:before{content:"";display:block;padding-top:56.25%}}.video-frame-player,.video-frame-trigger{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--r-md)}.video-frame-player{border:0;display:block;background:#000}.video-frame-trigger{margin:0;padding:0;border:0;background:transparent;font:inherit;color:inherit;text-align:left;display:block;overflow:hidden;cursor:pointer;min-height:44px;-webkit-tap-highlight-color:transparent}.video-frame-trigger:focus-visible{outline:3px solid var(--c-primary);outline-offset:3px;border-radius:var(--r-md)}.video-frame-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .32s ease,filter .32s ease}.video-frame-trigger:focus-visible .video-frame-poster,.video-frame-trigger:hover .video-frame-poster{transform:scale(1.03);filter:brightness(.9)}.video-frame-trigger:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,11,0) 45%,rgba(12,14,11,.5));pointer-events:none}.video-frame-play{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.94);color:var(--c-primary);box-shadow:0 6px 20px rgba(0,0,0,.34);pointer-events:none;transition:transform .2s ease,background-color .2s ease}.video-frame-play svg{width:30px;height:30px;margin-left:3px}.video-frame-trigger:focus-visible .video-frame-play,.video-frame-trigger:hover .video-frame-play{transform:translate(-50%,-50%) scale(1.08);background:#ffffff}.video-frame-duration{position:absolute;right:10px;bottom:10px;z-index:1;padding:3px 8px;border-radius:6px;background:rgba(12,14,11,.82);color:#ffffff;font-family:var(--font-mono);font-size:12px;line-height:1.5;letter-spacing:.02em;pointer-events:none}.video-frame-poster-ph{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.5)}.video-frame-poster-ph svg{width:46px;height:46px}@media (max-width:420px){.video-grid{gap:14px}.video-frame-play{width:56px;height:56px}.video-frame-play svg{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.video-frame-play,.video-frame-poster{transition:none}.video-frame-trigger:focus-visible .video-frame-poster,.video-frame-trigger:hover .video-frame-poster{transform:none}.video-frame-trigger:focus-visible .video-frame-play,.video-frame-trigger:hover .video-frame-play{transform:translate(-50%,-50%)}}