.nav-back { border-radius: 30px; font-size: 13px; padding: 10px 22px; cursor: pointer; }
.page-header { padding: 152px 5% 54px; background: linear-gradient(120deg,#f8f7fa,#eeebf5); }
.ph-eyebrow { font-size: 11px; margin-bottom: 24px; }
.ph-title { font-size: clamp(38px,4.4vw,64px); font-weight: 600; letter-spacing: -.025em; }
.page-subtitle { display: block; font-family: var(--fn); font-size: 15px; font-weight: 400; color: var(--muted); letter-spacing: .04em; margin-top: 22px; line-height: 1.8; }
.page-subtitle { max-width: 620px; }
.ph-stat { font-size: 46px; font-weight: 400; }
.ph-stat-label { font-size: 12px; margin-top: 12px; }
.filter-bar { top: 80px; padding: 18px 5%; background: #f8f7faf5; backdrop-filter: blur(12px); }
.filter-label { font-size: 12px; }
.filter-btn { font-size: 13px; padding: 9px 20px; border-radius: 25px; cursor: pointer; }
.filter-btn.active, .filter-btn:hover { background: #e9e4f0; }
.video-section, .series-wrap { padding: 48px 5% 70px; }
.vs-eyebrow { font-size: 11px; }
.vc, .lc { grid-template-columns: minmax(0,1.35fr) minmax(280px,1fr); background: #eeecf3; border-radius: 8px; margin-bottom: 30px; cursor: pointer; }
.vc:hover, .lc:hover { box-shadow: 0 12px 32px #2723320d; }
.vc-media, .lc-thumb { min-height: 0; aspect-ratio: 16/10; background: #25222c; }
.vc-media img, .lc-thumb img { object-fit: contain; }
.vc-panel, .lc-panel { padding: 32px; border: 0; min-width: 0; }
.vc-name, .lc-name { font-size: clamp(20px,1.9vw,28px); font-weight: 600; letter-spacing: 0; line-height: 1.5; }
.vc-tag, .lc-tag { font-size: 11px; }
.vc-meta, .lc-meta { font-size: 12px; margin: 12px 0 24px; }
.vc-comm, .lc-comm { padding-top: 14px; }
.ci { padding: 9px 0; }
.ci-label { font-size: 11px; }
.ci-val, .ci-note { font-size: 14px; line-height: 1.6; }
.vc-play-btn { opacity: 1; transform: none; background: #27233266; }
.series { scroll-margin-top: 100px; }
.series-header { margin-bottom: 26px; padding-bottom: 20px; }
.series-name { font-size: 25px; letter-spacing: 0; }
.series-count, .series-tag { font-size: 12px; }
.lc-platform, .lc-platform-name { font-size: 11px; }
.lc-footer { margin-top: 20px; }
.modal-close { cursor: pointer; }
.modal-inner { max-height: 94svh; }
.modal video { max-height: 74svh; object-fit: contain; }
@media(max-width:900px) {
 .filter-bar { top: 74px; }
 .vc,.lc { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
 .vc-panel,.lc-panel { padding: 24px; }
}
@media(max-width:640px) {
 .nav-back { display: none; }
 .page-header { padding: 140px 20px 34px; gap: 20px; }
 .ph-title { font-size: 36px; }
 .page-subtitle { font-size: 13px; margin-top: 16px; }
 .ph-stat { font-size: 34px; }
 .ph-stat-label { font-size: 10px; }
 .filter-bar { top: 94px; padding: 12px 20px; }
 .video-section,.series-wrap { padding: 32px 20px 50px; }
 .vc,.lc { grid-template-columns: 1fr; margin-bottom: 24px; }
 .vc-media,.lc-thumb { height: auto; min-height: 0; aspect-ratio: 16/10; }
 .vc-panel,.lc-panel { padding: 24px; }
 .series-left { flex-wrap: wrap; gap: 8px; }
 .series-name { font-size: 21px; }
 .series-count { font-size: 11px; }
 .series-tag { display: none; }
 .modal-inner { width: 100%; }
}