:root{color:#23262d;font-synthesis:none;background:#f7f8fa;font-family:DM Sans,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #ed693f}button{color:inherit}.shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e9ebef;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:34px 22px;display:flex;position:sticky;top:0;overflow:auto}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:750;display:flex}.brand-icon{color:#fff;background:#ed693f;border-radius:9px;place-items:center;width:30px;height:32px;padding-left:2px;font-size:13px;display:grid}.brand-dot{color:#ec683e}.sidebar-label{letter-spacing:1.7px;color:#9b9fa8;margin:23px 0 30px;font-size:9px;font-weight:650}.company-label{letter-spacing:.5px;justify-content:space-between;margin:28px 12px 13px;font-size:11px;display:flex}.company-link{color:#68707d;border-radius:7px;align-items:center;gap:12px;margin:3px 0;padding:11px 12px;font-size:13px;transition:background .15s;display:flex}.company-link:hover{background:#f5f6f8}.company-link.active{color:#d86036;background:#fff0e9;font-weight:650}.count{color:#989ca5;margin-left:auto;font-size:11px}.active .count{color:#d86036}.company-mark{text-align:center;letter-spacing:-1px;width:21px;font-size:17px;font-weight:750}.grid-icon{width:21px;font-size:23px;line-height:20px}.sidebar-note{color:#6a707b;margin-top:auto;padding:30px 9px 0;font-size:11px}.sidebar-note p{color:#a3a7af;margin:9px 0;font-size:10px}.live-dot,.green-dot{background:#6ca68d;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.main-wrap{flex:1;min-width:0}header{color:#9399a3;background:#ffffffa8;border-bottom:1px solid #e9ebef;justify-content:space-between;align-items:center;height:78px;padding:0 44px;font-size:11px;display:flex}header a{color:#737985}header a span{margin-left:10px}main{max-width:1440px;margin:auto;padding:0 44px}h1{letter-spacing:-1.8px;overflow-wrap:break-word;max-width:100%;margin:20px 0 16px;font-size:clamp(32px,3.2vw,49px);font-weight:800;line-height:1.55;position:relative}.directory{padding-top:32px}.directory-heading{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.section-kicker{color:#a0a5ae;letter-spacing:1.9px;margin-bottom:9px;font-size:8px;font-weight:650}h2{letter-spacing:-.6px;margin:0;font-size:21px;font-weight:700}.directory-heading h1>span{color:#7b828d;vertical-align:middle;letter-spacing:0;background:#e9ecf0;border-radius:5px;margin-left:10px;padding:3px 7px;font-size:10px;font-weight:500;display:inline-block}.search-bar{background:#fff;border:1px solid #e3e6eb;border-radius:9px;align-items:center;gap:12px;padding:7px 8px 7px 16px;display:flex;box-shadow:0 2px 4px #20252d02}.search-bar>span{color:#929aa8;font-size:25px;line-height:1}.search-bar input:not([type=hidden]){background:0 0;border:0;outline:none;flex:1;min-width:0;height:34px;font-size:12px}.search-bar input::placeholder{color:#a3a9b2}.search-submit{color:#fff;background:#2d343b;border:0;border-radius:6px;padding:10px 17px;font-size:11px}.search-submit>span{color:#aeb4b9;margin-left:20px}.clear{color:#8c929a;background:0 0;border:0;font-size:20px}.results-info{color:#949ba6;justify-content:space-between;margin:21px 0 18px;font-size:10px;display:flex}.results-info>span:last-child{font-size:9px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;display:grid}.video-card{background:#fff;border:1px solid #e6e9ed;border-radius:11px;transition:transform .18s,box-shadow .18s;overflow:hidden}.video-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #202d3a0a}.thumbnail{aspect-ratio:16/9;background:#dce1e8;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.thumbnail:hover img{transform:scale(1.035)}.thumbnail-shade{background:linear-gradient(#0000 50%,#0005);position:absolute;inset:0}.video-company{color:#40454e;background:#fffffff0;border-radius:4px;padding:5px 8px;font-size:9px;font-weight:650;position:absolute;top:11px;left:11px}.video-company>span{margin-right:3px;font-size:8px}.play-icon{color:#303942;background:#ffffffed;border-radius:50%;place-items:center;width:38px;height:38px;padding-left:2px;font-size:13px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 9px #0002}.card-body{padding:16px 16px 12px}.card-tag{color:#9298a2;font-size:9px}.card-tag span{color:#bec3cb;margin:0 7px}.card-body :is(h2,h3){-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px;margin:10px 0 8px;font-size:13px;font-weight:650;line-height:1.6;display:-webkit-box;overflow:hidden}.card-body :is(h2,h3) a{text-align:left;font-weight:inherit;font-size:inherit;line-height:inherit;background:0 0;border:0;padding:0}.card-body>p{color:#989da6;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:38px;margin:0;font-size:10px;line-height:1.9;display:-webkit-box;overflow:hidden}.card-bottom{border-top:1px solid #f0f1f4;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:12px;display:flex}.creator{color:#858c98;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:9px;display:flex;overflow:hidden}.avatar{border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.card-bottom>a{color:#949ba5;padding:3px 4px}.pagination{color:#777e89;justify-content:space-between;align-items:center;margin:31px 0 44px;font-size:10px;display:flex}.pagination>div{gap:6px;display:flex}.pagination a{border-radius:5px;padding:8px 11px}.pagination a.current{color:#fff;background:#2f363d}.pagination a:not(.disabled):hover{background:#e8ebef}.pagination a.current:hover{background:#48505a}.pagination .disabled{opacity:.35;pointer-events:none}.about{background:#f0f1ee;border:1px solid #e5e7e1;border-radius:10px;align-items:center;gap:20px;margin:38px 0 0;padding:24px;display:flex}.about-icon{color:#99a596;background:#e5e9df;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:26px;display:grid}.about h2{letter-spacing:0;font-size:13px}.about p{color:#8d948d;max-width:520px;margin:7px 0 0;font-size:10px;line-height:1.9}.about-note{color:#a6ada2;letter-spacing:1px;white-space:nowrap;margin-left:auto;font-size:8px}footer{color:#a5aab3;justify-content:space-between;align-items:center;gap:12px;padding:30px 0;font-size:8px;display:flex}footer>a{color:#868c95;letter-spacing:-.4px;font-size:12px;font-weight:700}footer>a span{color:#eb764d}.empty{text-align:center;background:#fff;border:1px dashed #dfe3e8;border-radius:10px;padding:70px 20px}.empty>span{color:#c0c6cf;font-size:40px}.empty h3{font-size:18px}.empty p{color:#939aa4;font-size:12px}.reset{color:#d56b45;margin-top:17px;font-size:12px;display:inline-block}iframe{aspect-ratio:16/9;background:#111;border:0;width:100%;min-height:200px;display:block}@media (width>=1550px){main{padding:0 65px}.card-body :is(h2,h3){height:48px;font-size:15px}.card-body>p{height:46px;font-size:12px}}@media (width<=1150px){.sidebar{width:210px;padding:30px 16px}main,header{padding:0 28px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-note{display:none}}@media (width<=760px){.shell{display:block}.sidebar{border-bottom:1px solid #e9ebef;border-right:0;width:100%;height:auto;padding:18px 20px 12px;display:block;position:static}.brand{font-size:19px}.sidebar>.sidebar-label,.sidebar-note,.all-link{display:none}.sidebar nav{scrollbar-width:thin;gap:7px;margin-top:18px;padding-bottom:4px;display:flex;overflow:auto}.company-link{border:1px solid #edf0f3;flex-shrink:0;gap:6px;margin:0;padding:8px 10px;font-size:11px}.company-mark{width:17px;font-size:13px}.company-link .count{font-size:9px}.sidebar nav:before{content:""}.main-wrap header{height:48px;padding:0 22px;font-size:9px}main{padding:0 22px}h1{letter-spacing:-1.5px;margin-top:15px;font-size:29px}h2{font-size:18px}.section-kicker{font-size:7px}.search-bar{gap:7px;padding-left:10px}.search-submit{padding:10px 13px}.search-submit>span{display:none}.search-bar input:not([type=hidden]){font-size:11px}.results-info>span:last-child{display:none}.video-grid{gap:17px 13px}.card-body{padding:12px}.card-body :is(h2,h3){height:38px;font-size:12px}.card-body>p{font-size:10px}.card-tag{font-size:8px}.video-company{padding:4px 6px;font-size:8px;top:7px;left:7px}.play-icon{width:32px;height:32px;font-size:11px}.card-bottom{gap:5px}.creator{font-size:8px}.about{gap:12px;padding:18px}.about p{font-size:9px}.about-icon{width:32px;height:32px;font-size:22px}footer{flex-wrap:wrap;font-size:7px}footer>span:nth-child(2){order:3;width:100%}}@media (width<=440px){.video-grid{grid-template-columns:1fr}.thumbnail{aspect-ratio:16/9}.card-body :is(h2,h3){height:auto;min-height:22px;font-size:14px}.card-body>p{height:auto;max-height:38px}.card-tag,.creator{font-size:10px}.card-body{padding:16px}.directory-heading{align-items:center}.pagination a{padding:7px 9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.pagination-gap{place-items:center;padding:0 3px;display:grid}@media (width<=440px){.pagination>a span{display:none}.pagination>div{gap:2px}}.directory-heading h1{letter-spacing:-.8px;margin:0;font-size:28px;font-weight:700;line-height:1.3}.directory-heading p{color:#858d99;margin:9px 0 0;font-size:12px;line-height:1.7}@media (width<=760px){.directory{padding-top:24px}.directory-heading h1{font-size:24px}}