.c-video-grid{display:grid;grid-template-columns:1fr;gap:28px}.c-video-card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.c-video-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.c-video-card__thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-light)}.c-video-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.c-video-card:hover .c-video-card__thumb img{transform:scale(1.05)}.c-video-card__play{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;color:var(--color-white);background:rgb(13 148 136 / .9);border:none;border-radius:50%;transform:translate(-50%,-50%);transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.c-video-card__play:hover{background:var(--color-accent-dark);transform:translate(-50%,-50%) scale(1.08)}.c-video-card__play svg{width:26px;height:26px;fill:currentColor;margin-left:3px}.c-video-card__body{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}.c-video-card__title{margin:0;font-size:1.02rem;font-weight:700}.c-video-card__duration{flex-shrink:0;font-size:.85rem;color:var(--color-muted)}.c-modal--center{right:auto;bottom:auto;inset:0;display:flex;align-items:center;justify-content:center;padding:24px}.c-modal--center .c-modal__overlay{background:rgb(6 18 30 / .86)}.c-modal__dialog--video{width:min(960px, 100%);max-height:calc(100vh - 48px);padding:0;background:#06121e;overflow:hidden}.c-modal__dialog--video .c-modal__close{z-index:2;top:12px;right:12px;background:rgb(255 255 255 / .14);color:var(--color-white)}.c-modal__dialog--video .c-modal__close:hover{background:var(--color-primary);color:var(--color-white)}.c-video-frame,.c-modal__dialog--video iframe{width:100%;aspect-ratio:16 / 9;display:block;border:0;background:#000}@media (min-width:600px){.c-video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.c-video-grid{grid-template-columns:repeat(3,1fr)}}