
.journal-page{background:#fff;color:#171516;padding:64px 40px 100px;font:400 16px/1.7 Manrope,Arial,sans-serif;min-height:70vh}
.journal-intro{max-width:760px;margin:0 auto 56px;text-align:center}.journal-eyebrow{color:#720113;font-size:11px;letter-spacing:1.4px;line-height:1.6;margin:0 0 18px}
.journal-page h1,.journal-page h2,.journal-page blockquote{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.08;letter-spacing:-.02em}
.journal-page h1{font-size:62px;margin:0 0 24px}.journal-intro>p:last-child{color:#625852;margin:0}.journal-card{display:grid;grid-template-columns:1.15fr 1fr;max-width:1120px;margin:auto;color:inherit;text-decoration:none;align-items:center;gap:64px}
.journal-image,.article-image{overflow:hidden;border-radius:8px;background:#f7f3ed}.journal-image{height:420px}.journal-image img,.article-image img{height:100%;width:100%;object-fit:cover;object-position:70% center;display:block}.journal-card h2{font-size:46px;margin:0 0 22px}.journal-card-copy>p:not(.journal-eyebrow){color:#625852;margin:0 0 28px}.journal-read{font-size:14px;color:#720113;border-bottom:1px solid #720113;padding-bottom:5px}.journal-back{display:block;max-width:1120px;margin:0 auto 36px;font-size:13px;color:#720113;text-decoration:none}.article-heading{max-width:780px;margin:0 auto 40px;text-align:center}.article-lead{color:#625852;max-width:620px;margin:auto}.article-image{max-width:1120px;height:430px;margin:0 auto 56px}.article-body{max-width:700px;margin:auto}.article-body>p{margin:0 0 24px;color:#554e49}.article-body h2{font-size:34px;margin:44px 0 18px}.article-body blockquote{font-size:38px;margin:44px 0;padding:28px 0;border-block:1px solid #e8ded7;color:#720113}.article-body .article-sources{font-size:12px;color:#625852;line-height:1.8}.article-sources a{color:#720113}.article-contact{margin-top:48px;padding:32px;background:#f7f3ed;border-radius:8px}.article-contact h2{margin:0 0 22px}.article-contact>a{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 22px;background:#720113;color:#fff;border-radius:6px;text-decoration:none;font:400 14px/20px Manrope,Arial,sans-serif}.journal-page a:focus-visible{outline:2px solid #720113;outline-offset:5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.journal-image img{transition:transform 500ms cubic-bezier(.215,.61,.355,1)}.journal-card:hover img{transform:scale(1.05)}}
@media(max-width:800px){.journal-card{gap:32px}.journal-page h1{font-size:50px}.journal-card h2{font-size:38px}}
@media(max-width:600px){.journal-page{padding:40px 24px 56px;font-size:15px}.journal-intro{text-align:left;margin-bottom:32px}.journal-page h1{font-size:44px}.journal-card{grid-template-columns:1fr;gap:24px}.journal-image{height:280px}.journal-card h2{font-size:36px}.journal-eyebrow{font-size:10px}.article-heading{text-align:left}.article-image{height:260px;margin-bottom:32px}.article-body h2{font-size:30px;margin-top:32px}.article-body blockquote{font-size:32px}.article-contact{padding:24px}.article-contact>a{min-height:48px}}

/* Journal index: quiet introduction and a compact editorial card. */
.journal-listing{padding:0 0 100px}
.journal-listing .journal-intro{max-width:none;margin:0 0 64px;padding:64px max(40px,calc((100% - 1120px)/2));text-align:left;background:#f7f3ed}
.journal-listing .journal-intro h1{font-size:60px;margin-bottom:16px}
.journal-listing .journal-intro>p:last-child{max-width:470px}
.journal-listing .journal-card{display:flex;flex-direction:column;align-items:stretch;gap:0;width:calc((100% - 80px)/3);max-width:352px;margin-left:max(40px,calc((100% - 1120px)/2));margin-right:0;background:#fff;border-radius:0;overflow:visible}
.journal-listing .journal-image{height:auto;aspect-ratio:1.5;border-radius:12px}
.journal-listing .journal-card-copy{padding:20px 0 0}
.journal-listing .journal-card h2{font-size:30px;line-height:1.12;margin-bottom:14px}
.journal-listing .journal-card-copy>p:not(.journal-eyebrow){font-size:13px;line-height:21px;margin-bottom:20px}
.journal-listing .journal-eyebrow{font-size:10px;letter-spacing:1px}
.journal-listing .journal-read{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;border-bottom:0;border-top:1px solid #eee7e3;padding:16px 0 0}
.journal-read-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(114,1,19,.22);border-radius:50%;transition:background-color 350ms ease,color 350ms ease,border-color 350ms ease}
.journal-card:focus-visible .journal-read-icon{background:#720113;border-color:#720113;color:#fff}
@media(hover:hover){.journal-card:hover .journal-read-icon{background:#720113;border-color:#720113;color:#fff}}
@media(prefers-reduced-motion:reduce){.journal-read-icon{transition:none}}
@media(max-width:900px){.journal-listing .journal-card{width:calc((100% - 104px)/2)}}
@media(max-width:600px){.journal-listing{padding-bottom:56px}.journal-listing .journal-intro{padding:40px 24px;margin-bottom:32px}.journal-listing .journal-intro h1{font-size:46px}.journal-listing .journal-card{width:calc(100% - 48px);max-width:none;margin-inline:24px}.journal-listing .journal-image{height:auto}.journal-listing .journal-card-copy{padding:20px 0 0}}

/* Match the homepage hero typography. */
.journal-listing .journal-intro h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:58px;line-height:1.05;letter-spacing:0}
.journal-listing .journal-intro .journal-eyebrow{font:400 14px/20px Manrope,Arial,sans-serif;letter-spacing:1px}
.journal-listing .journal-intro>p:last-child{font:400 16px/26px Manrope,Arial,sans-serif;color:#080808;max-width:440px}
@media(min-width:601px) and (max-width:1100px){.journal-listing .journal-intro h1{font-size:48px;line-height:1.08}}
@media(max-width:600px){.journal-listing .journal-intro h1{font-size:clamp(29px,8.2vw,38px);line-height:1.02}.journal-listing .journal-intro .journal-eyebrow{font-size:clamp(8px,2.5vw,10px);line-height:16px;letter-spacing:.45px}.journal-listing .journal-intro>p:last-child{font-size:15px;line-height:24px}}

.journal-listing .journal-intro>p:last-child{color:#625852}

/* Text navigation follows the homepage arrow treatment. */
.journal-listing .journal-read{justify-content:flex-start;gap:6px;font:400 14px/20px Manrope,Arial,sans-serif}
.journal-read-icon{width:11px;height:11px;flex:0 0 11px;border:0;border-radius:0;background:transparent;position:relative;top:1px;transition:transform 450ms ease-in-out}
.journal-read-icon svg,.journal-back-icon svg{display:block;width:11px;height:11px}
.journal-card:hover .journal-read-icon,.journal-card:focus-visible .journal-read-icon{background:transparent;color:inherit;transform:translateX(4px)}
.journal-back{display:flex;align-items:center;gap:6px;font:400 14px/20px Manrope,Arial,sans-serif}
.journal-back-icon{display:inline-flex;transform:rotate(180deg);transition:transform 450ms ease-in-out}
.journal-back:hover .journal-back-icon,.journal-back:focus-visible .journal-back-icon{transform:translateX(-4px) rotate(180deg)}
@media(prefers-reduced-motion:reduce){.journal-read-icon,.journal-back-icon{transition:none}}

/* A quieter editorial feature with a unified photo and copy surface. */
.journal-listing .journal-card{border-radius:10px;overflow:hidden;background:#f7f3ed}
.journal-listing .journal-image{border-radius:0}
.journal-listing .journal-card-copy{padding:24px}
.journal-listing .journal-card-copy .journal-eyebrow{margin:0 0 14px;font:400 10px/16px Manrope,Arial,sans-serif;letter-spacing:.7px;color:#720113}
.journal-listing .journal-card h2{font-size:32px;line-height:1.05;margin:0 0 14px;text-wrap:balance}
.journal-listing .journal-card-copy>p:not(.journal-eyebrow){font-size:14px;line-height:22px;margin:0 0 16px}
.journal-listing .journal-read{display:inline-flex;align-items:center;min-height:40px;padding:0;border:0;margin:0}
@media(max-width:600px){
.journal-listing{padding-bottom:48px}
.journal-listing .journal-intro{margin-bottom:28px}
.journal-listing .journal-card{width:calc(100% - 48px);max-width:none;margin:0 24px}
.journal-listing .journal-image{height:auto;aspect-ratio:1.6}
.journal-listing .journal-image img{object-position:70% 45%}
.journal-listing .journal-card-copy{padding:20px}
.journal-listing .journal-card h2{font-size:30px;line-height:1.05}
.journal-listing .journal-card-copy>p:not(.journal-eyebrow){font-size:13px;line-height:21px}
}
