.kbl-wrap { max-width: 1100px; margin: 0 auto; padding: 0 18px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color: #222; }
.kbl-hero {
border-radius: 18px;
overflow: hidden;
position: relative;
margin: 28px 0 34px;
background: #111;
}
.kbl-hero img { width: 100%; height: 420px; object-fit: cover; display: block; filter: saturate(1.05) contrast(1.05); }
.kbl-hero::after {
content: “”;
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.55) 50%, rgba(0,0,0,.70) 100%);
}
.kbl-hero-content {
position: absolute; inset: 0;
display: flex; flex-direction: column; justify-content: center;
padding: 34px;
z-index: 2;
}
.kbl-title { color: #fff; font-size: clamp(30px, 4vw, 52px); line-height: 1.05; margin: 0 0 10px; letter-spacing: -0.02em; }
.kbl-sub { color: rgba(255,255,255,.88); font-size: clamp(15px, 1.6vw, 18px); max-width: 52ch; margin: 0 0 18px; }
.kbl-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px; }
.kbl-btn {
display: inline-block; text-decoration: none; font-weight: 650;
padding: 12px 16px; border-radius: 10px;
transition: transform .05s ease-in-out, opacity .15s ease-in-out;
}
.kbl-btn:active { transform: translateY(1px); }
.kbl-btn-primary { background: #d40000; color: #fff; }
.kbl-btn-secondary { background: rgba(255,255,255,.08); color: #fff; border: 1px solid rgba(255,255,255,.25); }
.kbl-section { margin: 34px 0; }
.kbl-h2 { font-size: 22px; margin: 0 0 12px; letter-spacing: -0.01em; }
.kbl-muted { color: #555; margin: 0 0 18px; }
.kbl-grid { display: grid; gap: 14px; }
.kbl-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kbl-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.kbl-card {
border: 1px solid rgba(0,0,0,.08);
border-radius: 14px;
padding: 14px;
background: #fff;
}
.kbl-card a { color: inherit; text-decoration: none; }
.kbl-card a:hover { text-decoration: underline; }
.kbl-pill {
display: inline-block;
font-size: 12px; font-weight: 650;
padding: 6px 10px;
border-radius: 999px;
background: rgba(0,0,0,.04);
margin-bottom: 10px;
}
.kbl-rating {
background: #fafafa;
border: 1px solid rgba(0,0,0,.06);
border-radius: 16px;
padding: 18px;
}
.kbl-rating ul { margin: 10px 0 0; padding-left: 18px; }
.kbl-about { display: grid; grid-template-columns: 160px 1fr; gap: 16px; align-items: center; }
.kbl-avatar { width: 160px; height: 160px; border-radius: 18px; object-fit: cover; background: #eee; }

/* Mobile tweaks */
@media (max-width: 860px) {
.kbl-grid-3 { grid-template-columns: 1fr; }
.kbl-grid-4 { grid-template-columns: 1fr 1fr; }
.kbl-hero img { height: 460px; }
.kbl-hero-content { padding: 22px; }
.kbl-about { grid-template-columns: 1fr; }
.kbl-avatar { width: 100%; height: 220px; }
}