/*
Journal — a showcase index, not a real WP blog loop. Per newpage/Journal.docx
this should be an archive page (intro + category filters + latest articles),
but this theme has no post/CineFrame infrastructure behind it: wp_posts has
no real published articles, and the ~14 existing pieces in the project root
(cineframe-demo-article-*.html, The Best 70s Desert and Road Thrillers.html)
were written for a CineFrame shortcode plugin that isn't installed here and
were never published as live pages anywhere on this site. Client's explicit
call (2026-08-10) when asked: build this as a teaser/showcase grid only —
real titles and descriptions pulled from those existing files, grouped into
the 5 categories the docx named, each card marked "Coming Soon" instead of
linking anywhere. Don't invent article URLs for content that isn't actually
published yet.

Hero reuses the shared .bsw-hero.bsw-hero--full (zero new CSS there — same
component as /about/, /cast/, /press/). Only genuinely new here: the
category filter pills (vanilla-JS toggle, assets/js/journal-filter.js,
same minimal-script convention as nav-toggle.js/trailer.js) and the article
card itself. The grid mechanic reuses .bsw-grid-auto (03-layout.css) rather
than inventing another auto-fit grid variant.
*/

.bsw-journal-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 50px}
.bsw-journal-filter{font-family:var(--bsw-font-support);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--bsw-text);background:transparent;border:1.5px solid var(--bsw-border);border-radius:30px;padding:9px 20px;cursor:pointer;transition:all .2s}
.bsw-journal-filter:hover{border-color:var(--bsw-red);color:var(--bsw-red)}
.bsw-journal-filter.is-active{background:var(--bsw-red);border-color:var(--bsw-red);color:#fff}

.bsw-journal-grid{--bsw-grid-min:280px}

.bsw-journal-card{display:flex;flex-direction:column;background:var(--bsw-card-bg);border:1px solid var(--bsw-border);border-radius:var(--bsw-radius-lg);padding:28px 26px;box-shadow:var(--bsw-shadow-card);transition:opacity .2s,transform .2s}
.bsw-journal-card.is-hidden{display:none}
.bsw-journal-card .cat{align-self:flex-start;color:var(--bsw-red);font-family:var(--bsw-font-support);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin:0 0 14px}
.bsw-journal-card h3{color:var(--bsw-text-bright);font-size:19px;line-height:1.3;margin:0 0 12px}
.bsw-journal-card p{color:var(--bsw-text-muted);font-size:14px;line-height:1.65;margin:0;flex-grow:1}
.bsw-journal-card .soon{align-self:flex-start;margin-top:20px;color:var(--bsw-text-ghost);font-family:var(--bsw-font-support);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--bsw-border-soft);border-radius:4px;padding:6px 14px}

@media (max-width:600px){
	.bsw-journal-filters{gap:8px;margin-bottom:36px}
	.bsw-journal-filter{padding:8px 16px;font-size:11px}
}