
.journal-body{background:#f0efeb;color:#141a23;min-height:calc(100vh - 90px);padding-top:94px}
.journal-hero{padding:clamp(70px,10vw,150px) max(28px,6vw) 80px;background:#101721;color:#f5f3ee;position:relative;overflow:hidden}
.journal-hero:after{content:'✳';position:absolute;right:-.02em;top:-.35em;font-size:clamp(210px,45vw,680px);color:rgba(255,255,255,.036);pointer-events:none}
.journal-kicker,.journal-row,.journal-card-meta,.journal-article-meta{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.journal-kicker{color:#879aff;display:flex;align-items:center;gap:12px}
.journal-hero h1{font-size:clamp(51px,9vw,140px);font-weight:700;letter-spacing:-.09em;line-height:.92;margin:42px 0 30px;position:relative;z-index:1}
.journal-hero h1 em{font-style:normal;color:#879aff}
.journal-hero p{max-width:590px;color:#aeb9c4;line-height:1.65;font-size:clamp(15px,1.65vw,20px)}
.journal-feed{padding:70px max(28px,6vw) 120px}
.journal-row{display:flex;justify-content:space-between;border-bottom:1px solid #a9b0b3;padding-bottom:16px;color:#737e84}
.journal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:30px}
.journal-card{min-height:330px;display:flex;flex-direction:column;align-items:start;border:1px solid #d0d2d1;background:#fffefa;padding:27px 24px 25px;transition:transform .2s,border-color .2s}
.journal-card:hover{transform:translateY(-4px);border-color:#879aff}
.journal-card-meta{color:#4a61d7}
.journal-card h2{font-size:clamp(21px,2.3vw,33px);line-height:1.11;letter-spacing:-.06em;margin:24px 0 12px;font-weight:700}
.journal-card p{color:#67717a;line-height:1.5;font-size:14px;margin:0 0 32px}
.journal-card-more{margin-top:auto;font-weight:700;font-size:12px;border-bottom:1px solid #4a61d7;padding-bottom:6px}
.journal-actions{display:flex;justify-content:center;margin-top:40px}
.journal-actions button{padding:15px 28px;border:1px solid #13191f;color:#13191f;background:none;font-weight:700;cursor:pointer}
.journal-actions button:hover{background:#13191f;color:#fff}
.journal-state{font-family:'DM Mono',monospace;color:#7c858c;padding:30px 0}
.journal-article{padding:55px max(26px,10vw) 110px;max-width:1290px;margin:auto}
.journal-back{display:inline-block;font-family:'DM Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.07em;color:#4a61d7;margin-bottom:65px}
.journal-article-meta{color:#838a90;margin-bottom:20px}
.journal-article-title{font-size:clamp(38px,6.8vw,94px);line-height:1.04;letter-spacing:-.07em;margin:0 0 26px;max-width:1040px}
.journal-article-excerpt{max-width:800px;font-size:clamp(17px,2vw,24px);line-height:1.45;color:#58616b;margin-bottom:50px}
.journal-article-body{max-width:790px;font-size:18px;line-height:1.78;color:#252f3a}
.journal-article-body h2,.journal-article-body h3{line-height:1.1;letter-spacing:-.04em;margin-top:45px}
.journal-article-body p{margin:18px 0}
.journal-article-body img,.journal-cover{max-width:100%;height:auto;display:block;margin:28px auto}
.journal-article-body a{color:#4a61d7;text-decoration:underline}
.journal-article-body ul,.journal-article-body ol{padding-left:30px}
.insight-graphic-real{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,50px);font-weight:700;letter-spacing:-.07em;color:#c2c7c8}
.insights-loading{grid-column:1/-1;font-family:'DM Mono',monospace;padding:25px;color:#52616b}
@media(max-width:1000px){.journal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.journal-body{padding-top:75px}.journal-hero{padding:65px 24px 55px}.journal-hero h1{font-size:clamp(48px,10vw,65px)}.journal-feed{padding:37px 18px 80px}.journal-cards{grid-template-columns:1fr}.journal-card{min-height:260px}.journal-article{padding:32px 21px 70px}.journal-back{margin-bottom:38px}.journal-article-body{font-size:16px}}


/* C&C readability pass — 2026-11-10: monumental titles */
.journal-hero h1{font-size:clamp(49px,8.7vw,132px);letter-spacing:-.038em;line-height:1.02}
.journal-article-title{letter-spacing:-.033em;line-height:1.10}
.journal-card h2{letter-spacing:-.025em;line-height:1.15}
.journal-article-body h2,.journal-article-body h3{letter-spacing:-.015em;line-height:1.18}
@media(max-width:600px){.journal-hero h1{font-size:clamp(45px,9.35vw,63px);letter-spacing:-.025em;line-height:1.05}}
