/* Kinder Journal — uses the theme's Forum and Figtree typefaces. */
body.blog, body.archive, body.single-post { background:#f2ede7; color:#423828; }
body.blog nav.absolute, body.archive nav.absolute, body.single-post nav.absolute { color:#423828; }
body.blog nav.absolute button, body.archive nav.absolute button, body.single-post nav.absolute button { color:#423828; }
body.blog nav.absolute button svg path, body.archive nav.absolute button svg path, body.single-post nav.absolute button svg path { fill:#423828 !important; }
body.blog nav.absolute a, body.archive nav.absolute a, body.single-post nav.absolute a { border-color:rgba(66,56,40,.65); color:#423828; }
body.blog nav.absolute a:hover, body.archive nav.absolute a:hover, body.single-post nav.absolute a:hover { background:#423828; color:#fff; }
.journal, .journal * { font-style:normal !important; }
.journal { background:#f2ede7; padding-top:50px; font-family:Figtree,sans-serif; }
.journal-wrap { width:min(1200px,calc(100% - 96px)); margin-left:auto; margin-right:auto; }
.journal-reading { width:min(820px,calc(100% - 48px)); margin-left:auto; margin-right:auto; }
.journal-intro { padding:72px 0 62px; }
.journal-eyebrow { display:flex; align-items:center; gap:14px; color:#a85436; font-size:11px; font-weight:500; letter-spacing:.23em; text-transform:uppercase; }
.journal-eyebrow span { width:28px; height:1px; background:currentColor; }
.journal-intro h1,.article-head h1 { max-width:800px; margin:25px 0 0; font-family:Forum,serif; font-size:var(--kr-type-display); font-weight:400; line-height:1.08; letter-spacing:-.015em; }
.journal-intro p { max-width:600px; margin:23px 0 0; color:#625646; font-size:16px; font-weight:300; line-height:1.75; }
.journal-filters { display:flex; flex-wrap:wrap; gap:12px; padding:24px 0 50px; border-top:1px solid rgba(66,56,40,.18); }
.journal-filters a { border:1px solid rgba(66,56,40,.35); color:#423828; padding:10px 18px; font-size:11px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; transition:.25s; }
.journal-filters a:hover,.journal-filters a.is-active { background:#423828; border-color:#423828; color:#fff; text-decoration:none; }
.journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 32px; padding-bottom:90px; }
.journal-card-image { display:block; aspect-ratio:4/3; overflow:hidden; background:#e7dac6; }
.journal-card-image img,.journal-image-placeholder { width:100%; height:100%; display:block; object-fit:cover; transition:transform .55s ease; }
.journal-card-image:hover img { transform:scale(1.035); }
.journal-card-copy { padding-top:20px; }
.journal-category { color:#a85436; font-size:11px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; }
.journal-card h2 { margin:10px 0 0; font-family:Forum,serif; font-size:27px; font-weight:400; line-height:1.15; }
.journal-card h2 a { color:#423828; text-decoration:none; }
.journal-card h2 a:hover { color:#a85436; }
.journal-card p { margin:11px 0 0; color:#625646; font-size:14.5px; font-weight:300; line-height:1.65; }
.journal-meta { display:flex; align-items:center; gap:9px; margin-top:20px; padding-top:14px; border-top:1px solid rgba(66,56,40,.15); color:#897a66; font-size:12px; }
.journal-meta b { width:3px; height:3px; border-radius:50%; background:currentColor; }
.journal-empty { grid-column:1/-1; padding:60px 0; text-align:center; font-family:Forum,serif; font-size:24px; }
.journal-pagination { padding-bottom:80px; text-align:center; }
.journal-pagination .nav-links { display:flex; justify-content:center; gap:8px; }
.journal-pagination a,.journal-pagination span { display:grid; place-items:center; min-width:38px; height:38px; border:1px solid rgba(66,56,40,.3); color:#423828; }
.journal-pagination .current { background:#423828; color:#fff; }
.article-head { padding:72px 0 55px; }
.article-back { display:inline-block; margin-bottom:32px; color:#7e705e; font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; }
.article-head h1 { max-width:none; margin-top:12px; }
.article-head .journal-meta { border:0; padding:0; margin-top:16px; }
.article-head .journal-meta span:first-child { color:#423828; font-weight:500; }
.article-hero { margin-top:0; margin-bottom:0; }
.article-hero img { display:block; width:100%; max-height:650px; aspect-ratio:2/1; object-fit:cover; }
.article-content-shell { position:relative; }
.article-content { padding:64px 0 100px; color:#4b4135; font-size:17px; font-weight:300; line-height:1.85; }
.article-decorations { display:none; pointer-events:none; }
.article-decoration { position:absolute; z-index:1; width:92px; height:auto; object-fit:contain; opacity:.9; }
.article-decoration-one { top:82px; left:38px; }
.article-decoration-two { top:370px; right:62px; }
.article-decoration-three { top:690px; left:30px; }
@media(min-width:1100px) {
 .article-decorations { display:block; }
}
.article-content > * { margin-top:0; margin-bottom:28px; }
.article-content h2,.article-content h3,.article-content h4 { margin-top:52px; font-family:Forum,serif; color:#423828; font-weight:400; line-height:1.18; }
.article-content h2 { font-size:38px; }.article-content h3 { font-size:30px; }
.article-content blockquote { width:min(1000px,calc(100vw - 48px)); margin:64px 50%; padding:48px 24px; transform:translateX(-50%); border:0; color:#a85436; text-align:center; font-family:Forum,serif; font-size:var(--kr-type-feature); line-height:1.4; }
.article-content blockquote p { margin:0; }
.article-content img { max-width:100%; height:auto; }
.article-content a { color:#a85436; text-decoration:underline; }
.journal-related { padding:70px 0 30px; border-top:1px solid rgba(66,56,40,.2); }
.journal-related > .journal-eyebrow { margin-bottom:40px; }
.journal-related .journal-grid { width:100%; }
.journal-related .journal-card h2 { font-size:25px; }
@media(max-width:800px){
 .journal { padding-top:50px; }.journal-wrap { width:calc(100% - 40px); }.journal-intro { padding:55px 0 42px; }
 .journal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.article-hero img { aspect-ratio:4/3; }
}
@media(max-width:560px){
 .journal { padding-top:50px; }.journal-intro h1,.article-head h1 { font-size:var(--kr-type-display); }.journal-filters { padding-bottom:38px; }
 .journal-grid { grid-template-columns:1fr; gap:44px; }.journal-card h2 { font-size:26px; }.article-content { padding-top:44px; font-size:16px; }
 .journal-related { padding-top:55px; }
}