/* Saqafat journal */
.journal-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;padding:64px 0 56px}.journal-hero h1{font-size:clamp(3.2rem,5.4vw,5.7rem);margin:0 0 24px}.journal-hero h1 em{font-style:italic;color:var(--red)}.journal-hero .lead{max-width:480px;font-size:1.05rem;line-height:1.8}.journal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.journal-display{margin:0}.journal-display img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.journal-display figcaption{font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:12px}.journal-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid var(--rule);padding-top:32px}.journal-intro h2{font-size:clamp(2rem,3.3vw,3.4rem);margin:0}.journal-intro p{max-width:420px;margin:0}.journal-covers{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:36px 0 64px}.journal-cover-image{display:flex;align-items:center;justify-content:center;background:#e9e5dd;padding:36px;min-height:360px}.journal-cover-image img{width:auto;height:360px;max-width:100%;object-fit:contain;box-shadow:4px 12px 24px #29272628;transition:transform .2s}.journal-cover-image:hover img{transform:translateY(-4px)}.journal-covers h3{font-size:1.5rem;margin:20px 0 8px}.journal-covers p{font-size:.85rem;color:var(--muted)}.journal-bottom{border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0 64px}.journal-bottom h2{font-size:2rem;margin:0 0 10px}.journal-bottom p{margin:0}.journal-archive-note{margin-bottom:28px;padding:24px;border:1px solid var(--rule)}
@media(max-width:900px){.journal-hero{grid-template-columns:1fr;gap:28px;padding:40px 0}.journal-hero .lead{max-width:620px}.journal-intro{align-items:start;flex-direction:column;gap:18px}.journal-covers{gap:20px}.journal-cover-image{padding:24px}.journal-cover-image img{height:300px}.journal-bottom{align-items:start;flex-direction:column}}
@media(max-width:540px){.journal-covers{grid-template-columns:1fr;gap:32px}.journal-cover-image img{height:340px}.journal-hero h1{font-size:3.4rem}.journal-actions{gap:18px}.journal-display figcaption{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.journal-cover-image img{transition:none}}
