.cp-section{--cp-red: #c00d0e;--cp-red-dark: #8a0a0b;--cp-clay: #c9922e;--cp-ink: #1e293b;--cp-muted: #64748b;--cp-line: rgba(192, 13, 14, .12);--cp-ease: cubic-bezier(.22, 1, .36, 1);max-width:72rem;margin:0 auto;padding:2.5rem 1rem 3.5rem}@media (min-width: 768px){.cp-section{padding:3rem 1.5rem 4rem}}.cp-toolbar{display:grid;gap:1.25rem;margin-bottom:2rem;align-items:end}@media (min-width: 768px){.cp-toolbar{grid-template-columns:1fr minmax(220px,320px)}}.cp-kicker{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--cp-clay)}.cp-heading{margin:.35rem 0 0;font-family:Amiri,serif;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:700;color:var(--cp-red-dark);line-height:1.25}.cp-lead{margin:.5rem 0 0;color:var(--cp-muted);font-size:.95rem;line-height:1.7;max-width:36rem}.cp-search{position:relative;display:block}.cp-search-icon{position:absolute;inset-inline-start:.9rem;top:50%;transform:translateY(-50%);color:var(--cp-muted);pointer-events:none}.cp-search-input{width:100%;border:1px solid var(--cp-line);border-radius:999px;background:#fff;padding:.85rem 1rem .85rem 2.6rem;font:inherit;color:var(--cp-ink);box-shadow:0 8px 24px #0f172a0a;transition:border-color .2s var(--cp-ease),box-shadow .2s var(--cp-ease)}.cp-search-input:focus{outline:none;border-color:#c00d0e73;box-shadow:0 0 0 3px #c00d0e1f}.cp-grid{display:grid;gap:1.35rem;grid-template-columns:1fr}@media (min-width: 640px){.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.cp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cp-card{display:flex;flex-direction:column;overflow:hidden;border-radius:1.35rem;background:#fff;border:1px solid var(--cp-line);box-shadow:0 12px 30px #0f172a0d;opacity:0;transform:translateY(18px);transition:opacity .55s var(--cp-ease),transform .55s var(--cp-ease),box-shadow .3s var(--cp-ease)}.cp-card.is-visible{opacity:1;transform:translateY(0)}.cp-card:hover{box-shadow:0 18px 40px #8a0a0b1f}.cp-card-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,#8a0a0b,#c00d0e 55%,#a00b0c)}.cp-card-img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--cp-ease)}.cp-card:hover .cp-card-img{transform:scale(1.04)}.cp-card-fallback{width:100%;height:100%;display:grid;place-items:center}.cp-card-fallback-icon{opacity:.95}.cp-card-badge{position:absolute;inset-inline-start:.85rem;top:.85rem;border-radius:999px;background:#0000008c;color:#fff;font-size:.72rem;font-weight:800;padding:.35rem .7rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cp-card-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(15,23,42,.28));pointer-events:none}.cp-card-body{display:flex;flex:1;flex-direction:column;padding:1.15rem 1.2rem 1.25rem;gap:.65rem}.cp-card-title{margin:0;font-family:Amiri,serif;font-size:1.2rem;line-height:1.4;color:var(--cp-red-dark)}.cp-card-desc{margin:0;flex:1;font-size:.9rem;line-height:1.7;color:var(--cp-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cp-card-spacer{flex:1}.cp-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.35rem}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:.85rem;padding:.7rem .75rem;font-size:.82rem;font-weight:800;text-decoration:none;transition:transform .2s var(--cp-ease),filter .2s var(--cp-ease),background .2s}.cp-btn:focus-visible{outline:2px solid var(--cp-clay);outline-offset:2px}.cp-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.cp-btn-youtube{background:#dc2626;color:#fff}.cp-btn-site{background:var(--cp-red);color:#fff}.cp-btn-disabled{background:#f1f5f9;color:#94a3b8;border:1px dashed #cbd5e1;cursor:default}.cp-empty{margin:0;padding:2.5rem 1.5rem;text-align:center;border-radius:1.25rem;border:1px dashed var(--cp-line);background:#fff;color:var(--cp-muted)}