/* ===== Pinnacle Journal 2026 - premium overlay ===== */
.art-top{padding:76px 0 36px}
.art-top::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(27,25,22,.055) 1.1px,transparent 1.3px);background-size:23px 23px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%);pointer-events:none;z-index:0}
.art-top .wrap{position:relative;z-index:1}
.art-cat{margin-top:2px}
.art-title{font-size:clamp(44px,6.1vw,88px);line-height:.92;margin-top:18px}
.art-lede{font-size:clamp(19px,1.7vw,23px);color:var(--ink-mid);max-width:62ch}
.art-meta{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
/* lead paragraph */
.art-body>p:first-of-type{font-size:clamp(20px,1.75vw,23px);line-height:1.66;color:var(--ink)}
/* editorial pull-quote (Option C) */
.art-body .pull{position:relative;border:0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding:42px 0 40px 6px;margin:46px 0;text-transform:none;color:var(--ink)}
.art-body .pull::before{content:"\201C";position:absolute;top:2px;left:-8px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:120px;line-height:1;color:var(--accent);opacity:.15;pointer-events:none}
/* premium callout */
.art-body .callout{background:var(--paper-2,#F6F5F1);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:24px 28px;box-shadow:0 22px 48px -34px rgba(40,30,15,.32)}
/* dark dramatic CTA close (matches homepage) */
.cta{background:linear-gradient(158deg,#171411 0%,#0E0D0B 62%);border-top:0;color:#fff}
.cta::before{opacity:.45}
.cta::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(242,233,217,.06) 1.1px,transparent 1.3px);background-size:25px 25px;-webkit-mask-image:radial-gradient(closest-side at 50% 40%,#000,transparent 78%);mask-image:radial-gradient(closest-side at 50% 40%,#000,transparent 78%);pointer-events:none;z-index:0}
.cta .cta-inner{position:relative;z-index:1}
.cta .eyebrow{color:var(--accent-bright,#F08647)}
.cta .eyebrow::before{background:var(--accent-bright,#F08647)}
.cta h2,.cta .h2{color:#fff}
.cta h2 em,.cta .h2 em{color:var(--accent-bright,#F08647)}
.cta p{color:rgba(242,233,217,.74)}
.cta .btn.ghost{color:#fff;border-color:rgba(242,233,217,.34)}
.cta .btn.ghost:hover{background:#fff;color:#0E0D0B;border-color:#fff}
/* Keep reading */
.jrelated{background:var(--bg-2,#FAF8F3);border-top:1px solid var(--line);padding:78px 0 88px}
.jrelated .eyebrow{margin-bottom:18px}
.jrelated-h{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(30px,3.6vw,46px);line-height:.98;letter-spacing:-.006em;color:var(--ink);margin:0 0 36px}
.jrelated-h em{font-style:normal;color:var(--accent)}
.jrelated-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.jrcard{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 26px 24px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}
.jrcard::after{content:"";position:absolute;inset:0;background:radial-gradient(340px circle at 100% 0%,rgba(240,134,71,.09),transparent 60%);opacity:0;transition:opacity .35s;pointer-events:none}
.jrcard:hover{transform:translateY(-4px);box-shadow:0 30px 60px -40px rgba(40,30,15,.4);border-color:var(--line-2)}
.jrcard:hover::after{opacity:1}
.jrcard .jrk{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:600}
.jrcard h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:24px;line-height:1.02;letter-spacing:-.004em;color:var(--ink);margin:0}
.jrcard .jrgo{margin-top:auto;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:7px}
.jrcard .jrgo .arr{color:var(--accent);transition:transform .25s}
.jrcard:hover .jrgo .arr{transform:translateX(4px)}
.jrbrowse{margin-top:30px;display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-weight:600;padding-bottom:3px;border-bottom:2px solid var(--accent)}
.jrbrowse .arr{color:var(--accent);transition:transform .25s}
.jrbrowse:hover .arr{transform:translateX(4px)}
@media(max-width:900px){.jrelated-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.jrelated-grid{grid-template-columns:1fr}.jrelated{padding:60px 0 68px}}