/* Container */
.fsp-hero-grid{display:flex;flex-direction:column;gap:40px;padding:20px}

/* Hero */
.fsp-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;background:#f9fafb;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:28px}
.fsp-hero-body h2{font-size:1.9rem;line-height:1.25;margin:0 0 .4rem}
.fsp-meta{font-size:14px;color:#6b7280;margin-bottom:8px}

/* Buttons */
.fsp-btn,.fsp-btn.small{background:#0a1833;color:#fff!important;border:none;border-radius:999px;text-decoration:none;display:inline-block}
.fsp-btn{padding:10px 16px}
.fsp-btn.small{padding:6px 12px;font-size:14px}
.fsp-btn:hover,.fsp-btn.small:hover{background:#ffd43b;color:#0a1833!important}

/* Player */
.fsp-player{margin-top:10px}
.fsp-player iframe{width:100%;border-radius:10px}

/* Grid */
.fsp-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.fsp-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;transition:transform .2s,box-shadow .2s}
.fsp-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px rgba(0,0,0,.12)}
.fsp-card-media{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111}
.fsp-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.fsp-card-body{padding:16px}
.fsp-card-body h3{font-size:1.05rem;margin:.25rem 0 .35rem;line-height:1.35}

/* Responsive */
@media(max-width:900px){.fsp-hero{grid-template-columns:1fr}}