.bhff-portfolio-single{–bhff-red:#E31837;–bhff-gold:#D4A857;–bhff-cream:#F7F1E4;–bhff-ink:#050505;background:#050505;color:#f4f4f4;font-family:Inter,-apple-system,BlinkMacSystemFont,”Segoe UI”,sans-serif;margin:0;padding:0}
.bhff-portfolio-single *{box-sizing:border-box}
.bhff-portfolio-single a{color:inherit}
.bhff-portfolio-hero{min-height:620px;padding:86px clamp(24px,7vw,112px);display:grid;align-items:center;background-image:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.76) 42%,rgba(5,5,5,.22) 100%),radial-gradient(ellipse at 78% 34%,rgba(227,24,55,.34),transparent 58%),url(https://www.blackhistoryfilmfestival.com/wp-content/uploads/2024/01/20180217_192436-1536×1152.jpg);background-size:cover;background-position:center}
.bhff-portfolio-kicker{font-family:”JetBrains Mono”,monospace;text-transform:uppercase;letter-spacing:.24em;color:rgba(255,255,255,.62);font-weight:700;font-size:13px;margin-bottom:20px}
.bhff-portfolio-title{font-family:”Playfair Display”,Georgia,serif;font-weight:800;font-size:clamp(48px,7vw,104px);line-height:.96;letter-spacing:-.02em;max-width:980px;margin:0 0 24px;color:#fff}
.bhff-portfolio-title em{color:var(–bhff-gold);font-style:italic}
.bhff-portfolio-lede{font-size:clamp(20px,2.3vw,31px);line-height:1.45;color:rgba(255,255,255,.82);max-width:960px;margin:0}
.bhff-portfolio-meta{padding:36px clamp(24px,7vw,112px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:linear-gradient(180deg,#080808,#050505);border-top:1px solid rgba(227,24,55,.35)}
.bhff-portfolio-cell{border:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(212,168,87,.05));border-radius:18px;padding:24px}
.bhff-portfolio-label{font-family:”JetBrains Mono”,monospace;text-transform:uppercase;letter-spacing:.22em;color:var(–bhff-gold);font-weight:700;font-size:12px;margin-bottom:10px}
.bhff-portfolio-value{font-family:”Playfair Display”,Georgia,serif;font-weight:800;font-size:28px;color:#fff;line-height:1.12}
.bhff-portfolio-body{padding:62px clamp(24px,7vw,112px) 80px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:42px;background:radial-gradient(ellipse at 85% 0%,rgba(212,168,87,.12),transparent 42%),#050505}
.bhff-portfolio-body h2{font-family:”Playfair Display”,Georgia,serif;font-size:clamp(34px,4vw,58px);line-height:1.05;margin:0 0 22px;color:#fff}
.bhff-portfolio-body p{font-size:20px;line-height:1.7;color:rgba(255,255,255,.78);margin:0 0 22px}
.bhff-portfolio-tags{display:flex;gap:10px;flex-wrap:wrap}
.bhff-portfolio-tags span{font-family:”JetBrains Mono”,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;border:1px solid rgba(227,24,55,.42);border-radius:999px;padding:11px 14px;background:rgba(227,24,55,.10)}
.bhff-portfolio-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.bhff-portfolio-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:12px;text-decoration:none;font-family:”Oswald”,Impact,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-weight:700;background:var(–bhff-red);color:#fff;box-shadow:0 18px 38px rgba(227,24,55,.22)}
.bhff-portfolio-btn–ghost{background:transparent;border:1px solid rgba(255,255,255,.22)}
@media(max-width:760px){.bhff-portfolio-hero{min-height:520px;padding:52px 22px;background-position:center}.bhff-portfolio-title{font-size:44px}.bhff-portfolio-lede{font-size:19px}.bhff-portfolio-meta{grid-template-columns:1fr;padding:22px}.bhff-portfolio-body{grid-template-columns:1fr;padding:42px 22px 56px}.bhff-portfolio-cell{padding:20px}.bhff-portfolio-value{font-size:24px}}