/* Sentio Journal: shared layout for the index and individual articles. */
.journal-main { padding-top: 116px; }
.journal-main a:focus-visible { outline: 2px solid var(--brown); outline-offset: 5px; }
.journal-intro,.journal-article-header { width: min(1120px,calc(100% - 96px)); margin: 65px auto 60px; }
.journal-eyebrow { display: block; color: var(--brown); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; line-height: 1.8; }
.journal-intro h1 { font-size: clamp(64px,7vw,110px); line-height: .98; font-weight: 300; margin: 26px 0; color: var(--brown); }
.journal-intro h1 em { color: #9a7446; font-weight: 300; }
.journal-intro > p { font-size: 18px; line-height: 1.85; max-width: 560px; color: var(--text); }
.journal-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; max-width: 1280px; margin: 0 auto; padding: 0 48px; }
.journal-card { min-width: 0; border-bottom: 1px solid #d8c8b4; }
.journal-card > a { color: inherit; text-decoration: none; display: block; height: 100%; }
.journal-card-image { overflow: hidden; aspect-ratio: 1.25; background: var(--sand); }
.journal-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.journal-card a:hover img { transform: scale(1.035); }
.journal-card-copy { padding: 25px 0 30px; }
.journal-card h2 { font-size: clamp(29px,2.5vw,38px); line-height: 1.12; color: var(--brown); margin: 15px 0; }
.journal-card p { font-size: 15px; line-height: 1.85; }
.journal-read { display: flex; justify-content: space-between; align-items: center; font-size: 11px; text-transform: uppercase; letter-spacing: .16em; margin-top: 26px; color: var(--brown); }
.journal-read > span { font-size: 23px; }
.journal-cta { background: var(--sand); text-align: center; padding: 65px 32px; margin: 85px auto; width: min(1184px,calc(100% - 96px)); }
.journal-cta h2 { font-size: clamp(36px,4vw,54px); line-height: 1.1; color: var(--brown); margin: 16px 0; }
.journal-cta p { font-size: 16px; line-height: 1.8; max-width: 560px; margin: 0 auto 28px; }
.journal-cta .btn-primary { white-space: normal; text-align: center; justify-content: center; max-width: 100%; }
.journal-back { display: inline-block; color: var(--brown); font-size: 12px; letter-spacing: .08em; text-decoration: none; margin-bottom: 35px; }
.journal-article-header { max-width: 920px; }
.journal-article-header h1 { font-size: clamp(46px,5.6vw,78px); line-height: 1.03; color: var(--brown); margin: 20px 0 26px; font-weight: 300; }
.journal-article-header > p { font-size: 20px; line-height: 1.75; max-width: 760px; }
.journal-byline { display: block; font-size: 12px; color: var(--brown); margin-top: 28px; }
.journal-hero { width: min(1280px,calc(100% - 96px)); margin: 0 auto 65px; }
.journal-hero img { width: 100%; height: auto; aspect-ratio: 2.05; object-fit: cover; display: block; background: var(--sand); }
.journal-hero figcaption { font-size: 12px; color: var(--brown); margin-top: 12px; line-height: 1.7; }
.journal-reading-layout { display: grid; grid-template-columns: 220px minmax(0,700px); gap: 65px; justify-content: center; margin: 0 auto; padding: 0 48px; max-width: 1184px; align-items: start; }
.journal-contents { position: sticky; top: 110px; border-top: 1px solid #d8c8b4; padding-top: 20px; }
.journal-contents a { display: block; font-size: 13px; line-height: 1.6; color: var(--brown); margin-top: 15px; text-decoration: none; }
.journal-contents a:hover { text-decoration: underline; }
.journal-prose { min-width: 0; font-size: 17px; line-height: 1.95; }
.journal-prose p { margin-bottom: 24px; }
.journal-prose h2 { font-size: clamp(30px,3vw,40px); line-height: 1.15; color: var(--brown); margin: 48px 0 22px; scroll-margin-top: 110px; }
.journal-prose a { color: var(--brown); text-decoration-color: #b89970; text-underline-offset: 4px; }
.journal-prose strong { font-weight: 500; }
.journal-route { padding-left: 24px; margin: 0 0 30px; }
.journal-route li { padding-left: 8px; margin-bottom: 18px; }
.journal-related { margin: 0 auto 85px; max-width: 1280px; }
.journal-related > .journal-eyebrow { margin: 0 48px 28px; }
.journal-related .journal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
@media(max-width: 1000px) {
 .journal-grid { gap: 22px; }
 .journal-reading-layout { grid-template-columns: 180px minmax(0,1fr); gap: 35px; }
}
@media(max-width: 760px) {
 .journal-main { padding-top: 80px; }
 .journal-intro,.journal-article-header { width: calc(100% - 40px); margin: 45px auto 38px; }
 .journal-intro h1 { font-size: clamp(55px,12vw,82px); }
 .journal-grid,.journal-related .journal-grid { grid-template-columns: 1fr; padding: 0 20px; gap: 38px; }
 .journal-card h2 { font-size: 36px; }
 .journal-hero { width: calc(100% - 40px); margin-bottom: 40px; }
 .journal-hero img { aspect-ratio: 1.3; }
 .journal-reading-layout { display: block; padding: 0 20px; }
 .journal-contents { position: static; padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #d8c8b4; }
 .journal-contents a { margin-top: 10px; }
 .journal-prose { font-size: 16px; }
 .journal-article-header > p { font-size: 18px; }
 .journal-cta { width: calc(100% - 40px); padding: 44px 22px; margin: 55px auto; }
 .journal-related > .journal-eyebrow { margin-left: 20px; }
}
@media(prefers-reduced-motion: reduce) { .journal-card-image img { transition: none; } html { scroll-behavior: auto; } }

/* Editorial image breaks: local, replaceable photographs. */
.journal-inline-image { margin: 40px 0 44px; }
.journal-inline-image img { display: block; width: 100%; height: auto; background: var(--sand); }
.journal-inline-image figcaption { font-size: 13px; line-height: 1.65; color: var(--brown); padding-top: 13px; }
.journal-image-credit { display: block; font-size: 10px; line-height: 1.6; margin-top: 5px; overflow-wrap: anywhere; opacity: .85; }
.journal-image-credit a { text-underline-offset: 2px; }
@media (max-width: 760px) {
 .journal-inline-image { margin: 30px 0 34px; }
 .journal-inline-image figcaption { font-size: 12px; }
 .journal-image-credit { font-size: 10px; }
}