.mb-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,1.75rem)}.mb-video-card{background:var(--mb-surface-raised);border:1px solid var(--wp--preset--color--mb-line);border-radius:var(--mb-radius-md);overflow:hidden;transition:transform var(--mb-dur-base) var(--mb-ease),box-shadow var(--mb-dur-base) var(--mb-ease),border-color var(--mb-dur-base) var(--mb-ease);display:flex;flex-direction:column}.mb-video-card:not(.is-playing):hover{transform:translateY(-3px);box-shadow:var(--mb-shadow-md);border-color:var(--wp--preset--color--mb-blue-light)}.mb-video-card.is-playing{border-color:var(--wp--preset--color--mb-blue-light);box-shadow:var(--mb-shadow-md)}.mb-video-card__thumb{position:relative;aspect-ratio:16 / 9;background:var(--mb-grad-video);overflow:hidden;cursor:pointer}.mb-video-card.is-playing .mb-video-card__thumb{cursor:default}.mb-video-card__thumb::after{content:"";position:absolute;inset:0;background:var(--mb-radial-glow-mini);opacity:0.6;pointer-events:none;transition:opacity var(--mb-dur-base) var(--mb-ease)}.mb-video-card.is-playing .mb-video-card__thumb::after{opacity:0}.mb-video-card__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--mb-blue-900);display:block;opacity:0.86;transition:opacity var(--mb-dur-base) var(--mb-ease)}.mb-video-card.is-playing .mb-video-card__video{opacity:1;object-fit:contain;background:#000}.mb-video-card__video::-webkit-media-controls-panel{color-scheme:dark}.mb-video-card__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:64px;height:64px;padding:0;border:0;margin:0;border-radius:50%;background:var(--mb-glass-strong);display:flex;align-items:center;justify-content:center;color:var(--wp--preset--color--mb-blue-dark);box-shadow:var(--mb-shadow-lg);cursor:pointer;transition:transform var(--mb-dur-base) var(--mb-ease),opacity var(--mb-dur-base) var(--mb-ease),background-color var(--mb-dur-fast) var(--mb-ease),color var(--mb-dur-fast) var(--mb-ease)}.mb-video-card__play::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(var(--mb-blue-500-rgb),0.45);opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.mb-video-card:not(.is-playing):hover .mb-video-card__play::before{animation:mb-play-pulse 1.6s var(--mb-ease) infinite}}@keyframes mb-play-pulse{0%{opacity:0.9;transform:scale(0.92)}70%{opacity:0;transform:scale(1.18)}100%{opacity:0;transform:scale(1.18)}}.mb-video-card:not(.is-playing):hover .mb-video-card__play{transform:translate(-50%,-50%) scale(1.08);background:var(--wp--preset--color--mb-blue);color:#fff}.mb-video-card.is-playing .mb-video-card__play{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(0.85)}.mb-video-card__play svg{width:24px;height:24px;margin-left:3px}.mb-video-card__num{position:absolute;top:0.85rem;left:0.85rem;z-index:1;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,0.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-family:var(--mb-font-heading);font-weight:700;font-size:0.85rem;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity var(--mb-dur-base) var(--mb-ease)}.mb-video-card.is-playing .mb-video-card__num{opacity:0}.mb-video-card__loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,0.25);border-top-color:#fff;opacity:0;pointer-events:none;transition:opacity var(--mb-dur-fast) var(--mb-ease)}.mb-video-card.is-loading .mb-video-card__loading{opacity:1;animation:mb-spin 0.7s linear infinite}@keyframes mb-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.mb-video-card__body{padding:1rem 1.25rem 1.25rem;flex:1;display:flex;flex-direction:column}.mb-video-card__title{font-size:1rem;margin:0 0 0.4em;line-height:1.3}.mb-video-card__desc{font-size:0.88rem;color:var(--wp--preset--color--mb-text-muted);margin:0;line-height:1.5}@media (max-width:900px){.mb-videos{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.mb-videos{grid-template-columns:1fr}}