.video-page{display:flex;flex-direction:column;gap:20px}.video-hero{padding:20px 22px 22px;border-radius:26px;background:radial-gradient(circle at top left,#fdf7ec 0,#f7efe3 35%,#f5ede4 65%,#f2ebe4 100%);border:1px solid #efe3d5;box-shadow:0 18px 45px rgba(0,0,0,.04)}.video-hero-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--ink-muted);margin-bottom:6px}.video-hero-title{font-size:28px;line-height:1.25;margin:0 0 6px;font-weight:700}.video-hero-text{margin:0;font-size:14px;color:#4b5563}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:4px}.video-empty{grid-column:1/-1;padding:16px 0;color:var(--ink-muted)}.video-card{display:flex;flex-direction:column;background:#f9f4eb;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid #efe3d5;box-shadow:0 18px 32px rgba(0,0,0,.03);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.video-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px rgba(0,0,0,.06);border-color:#e6d5c2}.video-thumb-wrap{position:relative;overflow:hidden;aspect-ratio:16/9;background:#e5e7eb}.video-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .22s ease}.video-card:hover .video-thumb-wrap img{transform:scale(1.06)}.video-thumb-overlay{position:absolute;inset:0;display:flex;justify-content:flex-start;align-items:flex-end;padding:10px;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent)}.video-play-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:hsla(0,0%,100%,.9);color:#111827;font-size:16px;font-weight:700;box-shadow:0 10px 20px rgba(0,0,0,.35)}.video-duration{margin-left:auto;padding:3px 7px;border-radius:999px;font-size:11px;color:#f9fafb;background:rgba(15,23,42,.85)}.video-meta{padding:10px 13px 12px;display:flex;flex-direction:column;gap:4px}.video-category-pill{align-self:flex-start;padding:3px 10px;border-radius:999px;background:#fef6e7;color:#92400e;font-size:11px;font-weight:600;border:1px solid #f5e0b8}.video-title{font-size:15px;line-height:1.35;margin:2px 0 0;font-weight:700}.video-excerpt{margin:2px 0 0;font-size:13px;color:#4b5563}.video-date{margin-top:4px;font-size:12px;color:#9ca3af}@media (max-width:1024px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.video-hero{padding:16px 16px 18px;border-radius:20px}.video-hero-title{font-size:22px}.video-grid{grid-template-columns:1fr;gap:16px}}