/* The Journal (posts page + archives). Ported from design-src/blog/page.css. */

/* ===== journal index ===== */
.p-hero > img{object-position:50% 55%}
.feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);background:var(--ivory);border-top:3px solid var(--gold);margin-bottom:64px;box-shadow:0 40px 70px -50px rgba(47,36,31,.45)}
.feature .img{overflow:hidden;min-height:420px}
.feature .img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.feature:hover .img img{transform:scale(1.04)}
.feature .txt{padding:48px 48px 44px;display:flex;flex-direction:column;justify-content:center}
.badge{align-self:flex-start;background:var(--brown);color:var(--white);padding:6px 12px;font-size:10px;margin-bottom:18px}
.feature .cat{color:var(--gold-deep)}
.feature h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,2.8vw,38px);line-height:1.12;color:var(--brown);margin:8px 0 14px}
.feature p{color:var(--brown-mid);margin-bottom:18px}
.by{display:flex;flex-wrap:wrap;gap:4px 0;font-size:13px;color:var(--brown-mid);margin-bottom:18px}
.by span+span::before{content:"";display:inline-block;width:4px;height:4px;background:var(--gold);transform:rotate(45deg);margin:0 10px 2px}
.feature .read{align-self:flex-start;color:var(--brown);border-bottom:1px solid var(--gold);padding-bottom:3px}
.feature:hover .read{color:var(--gold-deep)}

.jtabs{display:flex;justify-content:center;margin-bottom:44px}
.jtabs a{font:700 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--gold-soft);margin-left:-1px;padding:12px 24px;color:var(--brown-mid);transition:.2s}
.jtabs a:hover{background:var(--ivory);color:var(--brown)}
.jtabs a.on{background:var(--brown);border-color:var(--brown);color:var(--white);position:relative}
.jposts{row-gap:56px}
.jposts .post .by{margin:-4px 0 14px}
.jposts .post.hide{display:none}
.jposts .post{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}

.journal-cta{background:var(--linen)}

@media (max-width:1060px){
  .feature{grid-template-columns:1fr}
  .feature .img{min-height:0;aspect-ratio:3/2}
  .feature .txt{padding:34px 30px 32px}
}
@media (max-width:640px){
  .feature .txt{padding:28px 20px 26px}
  .jtabs{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .jtabs a{padding:11px 14px;white-space:nowrap}
}

/* theme additions */
.jposts .post .by{margin:-4px 0 14px}
.journal-index .nav-links{display:flex;justify-content:center;gap:0;margin-top:50px}
.journal-index .page-numbers{display:block;min-width:44px;padding:10px 12px;border:1px solid var(--gold-soft);margin-left:-1px;text-align:center;color:var(--brown);font-size:14px}
.journal-index .page-numbers.current{background:var(--brown);border-color:var(--brown);color:var(--white)}
.journal-index .none{text-align:center;color:var(--brown-mid)}
.t-head .crumbs-in a{color:var(--brown-mid)}