.video-catalog-body{--video-ink:#f6f8fb;--video-dim:rgba(238,243,250,.68);background:#0b0f15;color:var(--video-ink)}.video-catalog-body .site-bg{background:radial-gradient(circle at 72% 12%,rgba(23,105,224,.18),transparent 34%),linear-gradient(#0b0f15,#0f141d)}.video-catalog{position:relative;z-index:1;padding:88px clamp(18px,4vw,64px) 80px}.video-hero{position:relative;min-height:min(72vh,760px);border-radius:34px;overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;background:#161d28;box-shadow:0 34px 80px rgba(0,0,0,.32)}.video-hero-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,#30465e,#111720);background-position:center;background-size:cover;transform:scale(1.025);z-index:-3;transition:background-image .45s ease}.video-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,8,12,.92) 4%,rgba(5,8,12,.65) 42%,rgba(5,8,12,.08) 76%),linear-gradient(0deg,rgba(5,8,12,.78),transparent 58%)}.video-hero-copy{width:min(680px,86%);padding:clamp(34px,7vw,88px);display:grid;gap:17px}.video-kicker,.video-section-head span{font-size:.69rem;letter-spacing:.26em;font-weight:800;color:#79b7ff}.video-hero h1{margin:0;font-size:clamp(2.35rem,6vw,5.9rem);line-height:.99;letter-spacing:-.055em;text-wrap:balance}.video-hero p{margin:0;max-width:580px;color:var(--video-dim);font-size:clamp(.98rem,1.5vw,1.2rem);line-height:1.8}.video-hero-actions{display:flex;align-items:center;gap:18px;margin-top:8px}.video-watch-btn{display:inline-flex;align-items:center;gap:9px;border-radius:999px;background:#fff;color:#111820;padding:13px 20px;font-weight:800;text-decoration:none;box-shadow:0 12px 34px rgba(0,0,0,.22)}.video-watch-btn [data-icon]{width:17px}.video-hero-meta{font-size:.8rem;color:var(--video-dim)}.video-hero-index{position:absolute;right:32px;bottom:30px;display:grid;text-align:right;color:rgba(255,255,255,.58)}.video-hero-index span{letter-spacing:.22em;font-size:.62rem}.video-hero-index strong{font-size:2.3rem;font-weight:400}.video-section{padding-top:clamp(56px,8vw,100px)}.video-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.video-section-head h2{margin:5px 0 0;font-size:clamp(1.65rem,3vw,2.6rem);letter-spacing:-.04em}.video-section-head small{color:var(--video-dim)}.video-grid,.video-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,28px)}.video-rail{grid-auto-flow:column;grid-auto-columns:minmax(280px,34vw);grid-template-columns:none;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.video-card{position:relative;display:block;color:inherit;text-decoration:none;scroll-snap-align:start}.video-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:#17202d}.video-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.video-card:hover img{transform:scale(1.035)}.video-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,13,.68),transparent 50%);opacity:.75}.video-card-play{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.93);color:#101722;transform:translateY(4px);opacity:0;transition:.25s}.video-card:hover .video-card-play{opacity:1;transform:none}.video-card-copy{padding:14px 3px 0;display:grid;grid-template-columns:1fr auto;gap:5px 14px}.video-card-copy strong{font-size:1.04rem;letter-spacing:-.015em}.video-card-copy small,.video-card-copy time{font-size:.76rem;color:var(--video-dim)}.video-card-copy small{grid-column:1}.video-card-copy time{grid-column:2;grid-row:1/3}.video-card.is-skeleton{min-height:280px;border-radius:20px;background:linear-gradient(110deg,#141b24 20%,#202a37 40%,#141b24 60%);background-size:220% 100%;animation:video-shimmer 1.5s infinite}.video-empty{text-align:center;padding:70px 20px;color:var(--video-dim)}.video-empty strong{display:block;color:var(--video-ink);font-size:1.4rem}.video-load-more{display:block;margin:36px auto 0;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;border-radius:999px;padding:12px 24px}.video-catalog-body .footer{position:relative;z-index:1;color:rgba(255,255,255,.68)}@keyframes video-shimmer{to{background-position:-220% 0}}@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-hero{min-height:610px}.video-hero-shade{background:linear-gradient(0deg,rgba(5,8,12,.9) 5%,rgba(5,8,12,.35) 72%)}.video-hero-copy{padding:38px}}@media(max-width:600px){.video-catalog{padding:74px 14px 60px}.video-hero{min-height:69vh;border-radius:24px}.video-hero-copy{width:100%;padding:28px 23px 34px}.video-hero h1{font-size:2.65rem}.video-hero-index{display:none}.video-grid{grid-template-columns:1fr}.video-rail{grid-auto-columns:84vw}.video-card-play{opacity:1;transform:none}.video-section{padding-top:58px}}

:root[data-theme="light"] body.video-catalog-body {
  --video-ink: #1d1d1f;
  --video-dim: #6e6e73;
  color: var(--video-ink);
  background: #f5f5f7;
}

.video-catalog-body .site-bg,
:root[data-theme="light"] .video-catalog-body .site-bg {
  background: transparent;
}

main[data-page-key="video"].video-catalog .video-hero h1,
main[data-page-key="video"].video-catalog .video-hero p {
  color: #fff;
}

main[data-page-key="video"].video-catalog .video-hero p,
main[data-page-key="video"].video-catalog .video-hero-meta {
  color: rgba(238,243,250,.72);
}

:root[data-theme="light"] .video-catalog-body .video-section-head h2,
:root[data-theme="light"] .video-catalog-body .video-card-copy strong,
:root[data-theme="light"] .video-catalog-body .video-empty strong {
  color: #1d1d1f;
}

:root[data-theme="light"] .video-catalog-body :is(.video-section-head small,.video-card-copy small,.video-card-copy time,.video-empty) {
  color: #6e6e73;
}

:root[data-theme="light"] .video-catalog-body .video-card.is-skeleton {
  background: linear-gradient(110deg,#e8e8ed 20%,#f5f5f7 40%,#e8e8ed 60%);
  background-size: 220% 100%;
}

:root[data-theme="light"] .video-catalog-body .video-load-more {
  border-color: rgba(29,29,31,.16);
  color: #1d1d1f;
  background: #fff;
}

:root[data-theme="light"] .video-catalog-body .footer {
  color: #6e6e73;
}

:root[data-theme="dark"] body.video-catalog-body {
  --video-ink: #f5f5f7;
  --video-dim: #a1a1a6;
  color: var(--video-ink);
  background: #000;
}

:root[data-theme="dark"] .video-catalog-body .site-bg {
  background: transparent;
}

:root[data-theme="dark"] .video-catalog-body .footer {
  color: #a1a1a6;
}
.video-load-more[hidden],.video-empty[hidden],[data-video-featured-section][hidden]{display:none!important}