/* journal — every post as one card grid, built from the site's own
       primitives (.label/.dsp/.body, the gold accent, the pkgCard-style
       badge). A chip bar above it both filters by category and, via
       ?cat=, doubles as the page's category landing links. */
    .jrnHead{max-width:56ch;margin-bottom:clamp(28px,3.4vw,40px)}
    .jrnFilters{margin-bottom:clamp(32px,4vw,48px)}
    .jrnGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:clamp(28px,3vw,40px)}

    .jrnCard--featured .jrnCard__media{aspect-ratio:16/9}
    .jrnCard--featured .jrnCard__title{font-size:clamp(22px,2.4vw,30px);margin-bottom:12px}
    .jrnCard--featured .jrnCard__desc{font-size:15px;max-width:60ch}

    .jrnCard__media{
      position:relative;display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;
      background:var(--ink-lift);margin-bottom:16px;
    }
    .jrnCard__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
    .jrnCard:hover .jrnCard__media img{transform:scale(1.05)}
    .jrnCard__brand{
      position:absolute;left:12px;top:12px;z-index:1;display:flex;align-items:center;gap:6px;
      font-size:11.5px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);
    }
    .jrnCard__brand img{width:18px;height:18px;display:block}
    .jrnCard__badge{
      position:absolute;right:12px;top:12px;z-index:1;
      background:var(--gold);color:var(--ink);font-size:10px;font-weight:700;
      letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:999px;
    }
    .jrnCard__title{margin:0 0 8px;font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.25;color:var(--ink)}
    .jrnCard__title a{color:inherit;text-decoration:none}
    .jrnCard__title a:hover{text-decoration:underline}
    .jrnCard__desc{margin:0 0 12px;font-size:14px;line-height:1.6;color:#555A64}
    .jrnCard__link{font-size:13.5px;font-weight:700;color:#BF2E2B;text-decoration:none}
    .jrnCard__link:hover{text-decoration:underline}

    .jrnSide__block + .jrnSide__block{margin-top:clamp(28px,3.6vw,40px)}
    .jrnSide__h{margin:0 0 18px;font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
    .jrnChips{display:flex;flex-wrap:wrap;gap:9px}
    .jrnChip{
      border:1px solid rgba(34,54,69,.22);background:#fff;color:#223645;
      font-family:var(--f);font-size:12.5px;font-weight:600;text-decoration:none;
      padding:8px 15px;border-radius:999px;transition:border-color .25s var(--ease),color .25s var(--ease);
    }
    .jrnChip:hover{border-color:#BF2E2B;color:#BF2E2B}
    .jrnChip.is-current{background:var(--gold);border-color:var(--gold);color:#fff}
    .jrnPopular{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
    .jrnPopular a{display:flex;align-items:center;gap:12px;text-decoration:none}
    .jrnPopular__img{width:64px;height:52px;flex:none;border-radius:8px;overflow:hidden;background:var(--ink-lift)}
    .jrnPopular__img img{width:100%;height:100%;object-fit:cover;display:block}
    .jrnPopular__title{font-size:13.5px;font-weight:700;line-height:1.4;color:var(--ink)}
    .jrnPopular a:hover .jrnPopular__title{color:#BF2E2B}

    /* the closing CTA doesn't need the full-viewport-ish height .band
       defaults to elsewhere on the site — this page's own content is
       short enough that the tall band read as an oversized full stop. */
    .jrnCta{height:clamp(500px,75vh,760px)}