.hbnf-app-wrapper{position:relative;color:#d1d1d1;font-family:Roboto,sans-serif;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow-x:hidden}.hbnf-container{max-width:1600px;margin:2.5rem auto 0;padding:20px;width:100%;box-sizing:border-box}.hbnf-app-wrapper .main-title{font-family:Oswald,sans-serif;font-size:3.5rem;font-weight:500;text-align:center;color:#d1d1d1;letter-spacing:.3rem;margin:0;text-transform:uppercase;text-shadow:2px 2px 4px rgb(0 0 0 / .5);opacity:.61}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;gap:1.5rem}.loader-container p{font-style:italic;color:#888;font-size:1.1rem;text-align:center;margin:0}@keyframes progress-stripes{0%{background-position:40px 0}to{background-position:0 0}}.progress-bar-container{width:350px;max-width:80vw;height:15px;background-color:#111;border:1px solid #555;border-radius:4px;overflow:hidden;box-shadow:inset 0 2px 4px #0006}.progress-bar{height:100%;background:linear-gradient(90deg,#b71c1c,#d32f2f);transition:width .4s cubic-bezier(.25,.46,.45,.94);border-radius:3px;background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-size:40px 40px;animation:progress-stripes 2s linear infinite}.progress-bar.indeterminate{width:100%;transition:none}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:0}@media (max-width:1200px){.article-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.article-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.article-grid{grid-template-columns:1fr;gap:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-card,.single-post-content a.article-card,.entry-content a.article-card{background-color:#222;border:1px solid #555;border-radius:4px;overflow:hidden;text-decoration:none!important;color:#d1d1d1!important;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 5px 15px #00000080;opacity:0;animation:fadeInUp .4s ease-out forwards}.article-card:hover,.article-card:focus{transform:translateY(-5px);box-shadow:0 8px 20px #000000b3;border-color:#aaa}.image-container{height:200px;width:100%;overflow:hidden;background-color:#111;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(https://www.headbang.co.za/v4/wp-content/plugins/Home-News-Feed-Plugin/assets/%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E")}.image-container.fallback-image{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#2a2a2a}.article-image{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(80%) sepia(10%) brightness(.9);transition:transform .3s ease,filter .3s ease,opacity .5s ease-in-out}.article-card:hover .article-image{transform:scale(1.05);filter:none}.card-content{display:flex;flex-direction:column;flex-grow:1;padding:1.25rem}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.article-headline{font-size:1.2rem;font-weight:700;margin:0;line-height:1.4;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05rem;color:#d1d1d1;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.article-description{font-size:.9rem;color:#a0a0a0;line-height:1.5;margin-top:.75rem;text-decoration:none!important}.article-date{font-size:.75rem;color:#888;white-space:nowrap;text-transform:uppercase;flex-shrink:0}.source-badge{align-self:flex-start;background-color:#fff0;border:1px solid #777;color:#bbb;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:0;flex-shrink:0}.load-more-container{text-align:center;margin-top:3rem}.load-more-btn{font-family:Oswald,sans-serif;font-size:1.3rem;letter-spacing:.1rem;color:#d1d1d1;background:#fff0;border:1px solid #777;padding:.75rem 2.5rem;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;min-height:54px;display:inline-flex;justify-content:center;align-items:center}.load-more-btn:hover:not(:disabled),.load-more-btn:focus:not(:disabled){background:#d1d1d1;color:#1a1a1a;border-color:#d1d1d1}