.ec{--ec-border:var(--border);--ec-muted:var(--muted-foreground);--ec-accent:var(--vn-brand-blue);--ec-accent-soft:var(--vn-brand-blue-soft);max-width:78rem;margin-inline:auto;padding-inline:1.25rem}@media (min-width:640px){.ec{padding-inline:2rem}}.ec-filters{flex-wrap:wrap;gap:.5rem;padding-block:.25rem 1.35rem;display:flex}.ec-filter{border:1px solid var(--ec-border);background:var(--card);color:var(--foreground);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.9rem;font-weight:600;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.ec-filter i{color:var(--ec-muted);font-size:.78rem;font-style:normal;font-weight:600}.ec-filter:hover{border-color:color-mix(in oklch, var(--ec-accent) 45%, var(--ec-border))}.ec-filter[data-active]{border-color:var(--ec-accent);background:var(--ec-accent);color:#fff}.ec-filter[data-active] i{color:#ffffffc7}.ec-grid{grid-template-columns:1fr;gap:1.5rem 1.25rem;display:grid}@media (min-width:640px){.ec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ec-card[data-beyond]{display:none}.ec-more{justify-content:center;margin-top:1.25rem;display:flex}.ec-more-btn{border:1px solid var(--color-border);background:var(--color-card);min-height:2.75rem;color:var(--vn-brand-blue);cursor:pointer;border-radius:9999px;padding:.5rem 1.1rem;font-size:.875rem;font-weight:600;transition:border-color .18s,background-color .18s}.ec-more-btn:hover{border-color:color-mix(in oklch, var(--vn-brand-blue) 30%, var(--color-border));background:var(--vn-brand-blue-soft)}.ec-more-btn:focus-visible{outline:2px solid var(--vn-accent);outline-offset:2px}.ec-card{flex-direction:column;gap:.65rem;min-width:0;display:flex}.ec-card-frame{aspect-ratio:16/9;border:1px solid color-mix(in oklch, var(--ec-border) 76%, #b9c9e7);cursor:pointer;background:#eef1f7;border-radius:14px;width:100%;padding:0;transition:box-shadow .2s,transform .2s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 26px #1824371f;box-shadow:0 10px 26px lab(13.9286% -.222996 -14.2876/.12)}.ec-card-frame:hover,.ec-card-frame:focus-visible{transform:translateY(-2px);box-shadow:0 16px 38px #18243733;box-shadow:0 16px 38px lab(13.9286% -.222996 -14.2876/.2)}.ec-card-slide{display:block;position:absolute;inset:0}.ec-card-slide .vn-slide{width:100%;height:100%;display:block}.ec-card-scrim{opacity:0;background:linear-gradient(#0000 60%,#0f172a61);transition:opacity .22s;position:absolute;inset:0}.ec-card-eye{z-index:3;color:#fff;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab8;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;transition:opacity .22s,transform .22s;display:inline-flex;position:absolute;bottom:.6rem;right:.6rem;transform:translateY(4px)}.ec-card-frame:hover .ec-card-scrim,.ec-card-frame:focus-visible .ec-card-scrim,.ec-card-frame:hover .ec-card-eye,.ec-card-frame:focus-visible .ec-card-eye{opacity:1;transform:none}.ec-card-meta h3{font-size:1.02rem;font-weight:650;line-height:1.25}.ec-card-meta p{color:var(--ec-muted);margin-top:.2rem;font-size:.86rem;line-height:1.4}.ec-card-tags{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.ec-card-tags i{background:var(--vn-marketing-bg);color:var(--foreground);opacity:.85;border-radius:999px;padding:.2rem .6rem;font-size:.74rem;font-style:normal;font-weight:600}.ec-lightbox{z-index:var(--vn-z-modal);background:#04070f9e;background:lab(1.93535% .0462234 -3.63726/.62);justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.ec-lightbox-panel{background:#f5f7fb;border-radius:16px;flex-direction:column;width:min(58rem,100%);max-height:calc(100dvh - 2.5rem);display:flex;overflow:hidden;box-shadow:0 30px 80px #00000059;box-shadow:0 30px 80px lab(0% 0 0/.35)}.ec-lightbox-head{border-bottom:1px solid var(--ec-border);background:#fff;align-items:center;gap:.9rem;padding:.8rem 1.1rem;display:flex}.ec-lightbox-title{flex:1;min-width:0}.ec-lightbox-title b{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:650;display:block;overflow:hidden}.ec-lightbox-title small{-webkit-line-clamp:3;line-clamp:3;color:var(--ec-muted);-webkit-box-orient:vertical;font-size:.78rem;line-height:1.3;display:-webkit-box;overflow:hidden}.ec-lightbox-cta,.ec-lightbox-close{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;height:2.5rem;display:inline-flex}.ec-lightbox-cta{background:var(--ec-accent);color:#fff;border:0;gap:.4rem;padding-inline:1.1rem;font-size:.88rem;font-weight:650}.ec-lightbox-close{border:1px solid var(--ec-border);width:2.5rem;color:var(--ec-muted);background:#fff;border-radius:999px;flex:none}.ec-lightbox-body{overscroll-behavior:contain;flex-direction:column;gap:.9rem;padding:1.1rem;display:flex;overflow-y:auto}.ec-lightbox-slide{border-radius:10px;flex:none;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000001a,0 0 0 1px #0000000f;box-shadow:0 6px 20px lab(0% 0 0/.1),0 0 0 1px lab(0% 0 0/.06)}.ec-lightbox-num{z-index:3;color:#fff;background:#0000008c;background:lab(0% 0 0/.55);border-radius:7px;padding:.08rem .5rem;font-size:.72rem;font-weight:650;position:absolute;top:.5rem;left:.5rem}.ec-lightbox-foot{border-top:1px solid var(--ec-border);color:var(--ec-muted);background:#fff;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1.1rem;font-size:.8rem;line-height:1.4;display:flex}@media (max-width:759px){.ec-lightbox{padding:0}.ec-lightbox-panel{border-radius:0;width:100%;max-height:100dvh}.ec-lightbox-cta{padding-inline:.85rem}.ec-esc{display:none}}@media (max-width:559px){.ec-lightbox-head{flex-wrap:wrap;gap:.6rem}.ec-lightbox-title{flex-basis:calc(100% - 3.3rem);order:1}.ec-lightbox-close{order:2}.ec-lightbox-cta{flex-basis:100%;order:3}}