/* An open, unboxed journal: warm paper and photography with room to read. */
.yw-journal__shell,.yw-journal-article { width:calc(100% - 2 * var(--yw-gutter)); max-width:1320px; margin:auto; }
.yw-journal__masthead { position:relative; text-align:center; padding:65px 20px 45px; }
.yw-journal__title { font-size:clamp(40px,4.6vw,66px); letter-spacing:.22em; margin:0 0 22px; }
.yw-journal__lead { font-size:19px; line-height:1.9; max-width:38em; margin:0 auto; color:var(--yw-text-muted); }
.yw-journal-categories { display:flex; justify-content:center; gap:40px; flex-wrap:wrap; border-block:1px solid var(--yw-border); padding:6px 0; }
.yw-journal-categories a { display:inline-flex; align-items:center; min-height:48px; text-decoration:none; font-size:18px; letter-spacing:.08em; }
.yw-journal-categories a[aria-current] { border-bottom:1px solid #8e6f47; }
.yw-journal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:55px 45px; padding:45px 0 80px; }
.yw-journal-card { min-width:0; margin:0; }
.yw-journal-card__media { display:block; overflow:hidden; background:#2c2015; }
.yw-journal-card__media img { width:100%; aspect-ratio:1.55; object-fit:cover; transition:transform .65s; }
.yw-journal-card:hover .yw-journal-card__media img { transform:scale(1.025); }
.yw-journal-card__body { padding:26px 0 0; }
.yw-journal-meta { display:flex; align-items:center; gap:12px; color:#8b765a; font-size:13px; letter-spacing:.05em; }
.yw-journal-meta a { text-decoration:none; }
.yw-journal-card__title { font-size:30px; line-height:1.65; margin:17px 0; }
.yw-journal-card__title a { text-decoration:none; }
.yw-journal-card__excerpt { font-size:17px; line-height:1.95; color:var(--yw-text-muted); margin:0 0 25px; }
.yw-journal-card__link { display:flex; justify-content:space-between; align-items:center; min-height:44px; text-decoration:none; border-bottom:1px solid var(--yw-border); padding-bottom:10px; font-size:15px; }
.yw-journal-card--featured { grid-column:1/-1; display:grid; grid-template-columns:1.2fr 1fr; background:#251b12; color:#d8c4a4; }
.yw-journal-card--featured .yw-journal-card__media img { height:100%; min-height:440px; aspect-ratio:1.2; }
.yw-journal-card--featured .yw-journal-card__body { padding:45px; align-self:center; }
.yw-journal-card--featured .yw-journal-card__title { color:#ebd0a5; font-size:36px; }
.yw-journal-card--featured .yw-journal-meta,.yw-journal-card--featured .yw-journal-card__excerpt { color:#bfad90; }
.yw-journal-card--featured a:hover { color:#f8e6c9; }
.yw-journal-card--featured .yw-journal-card__link { border-color:#aa8f6255; }
.yw-journal-pagination { padding:0 0 60px; text-align:center; }
.yw-journal-pagination ul { display:flex; list-style:none; justify-content:center; gap:10px; margin:0; padding:0; }
.yw-journal-article { padding-block:55px 80px; }
.yw-journal-article__header { text-align:center; max-width:950px; margin:auto; }
.yw-journal-article__back { display:block; width:fit-content; margin:auto; text-decoration:none; font-size:14px; }
.yw-journal-article__title { font-size:clamp(34px,3.6vw,50px); letter-spacing:.09em; line-height:1.7; margin:35px 0 22px; }
.yw-journal-article__meta { justify-content:center; }
.yw-journal-article__hero { margin:45px 0 60px; }
.yw-journal-article__hero img { width:100%; max-height:650px; object-fit:cover; object-position:center; }
.yw-journal-article__body { max-width:760px; margin:auto; font-size:19px; line-height:2.15; }
.yw-journal-article__body h2 { font-size:31px; letter-spacing:.07em; margin:45px 0 24px; }
.yw-journal-article__body h3 { font-size:26px; margin-top:30px; }
.yw-journal-article__body p { margin-bottom:26px; }
.yw-journal-article__body blockquote { border-left:1px solid #ac8d5b; margin:35px 0; padding:10px 0 10px 28px; color:#7a5a35; font-style:normal; }
.yw-journal-adjacent { display:grid; grid-template-columns:1fr 1fr; gap:45px; margin:65px auto 0; max-width:960px; padding:35px 0; border-block:1px solid var(--yw-border); }
.yw-journal-adjacent a { text-decoration:none; }
.yw-journal-adjacent span { display:block; margin-bottom:10px; font-size:13px; color:#927951; }
.yw-journal-adjacent strong { font-size:21px; line-height:1.7; font-weight:400; }
.yw-journal-adjacent__item--next { text-align:right; }
.yw-journal-related { margin-top:65px; }
.yw-journal-related > h2 { text-align:center; font-size:33px; letter-spacing:.1em; margin-bottom:35px; }
.yw-journal-related > div { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.yw-journal-related a { text-decoration:none; }
.yw-journal-related img { width:100%; aspect-ratio:1.35; object-fit:cover; }
.yw-journal-related h3 { font-size:23px; line-height:1.65; margin:20px 0 0; }
.yw-journal-empty { text-align:center; padding:80px 0; }
@media(max-width:1000px) {
 .yw-journal-card--featured .yw-journal-card__body { padding:30px; }
 .yw-journal-card--featured .yw-journal-card__title { font-size:29px; }
}
@media(max-width:720px) {
 .yw-journal__masthead { padding:40px 0 30px; }
 .yw-journal__title { font-size:42px; }
 .yw-journal__lead { font-size:17px; }
 .yw-journal-categories { gap:24px; }
 .yw-journal-categories a { font-size:16px; }
 .yw-journal-grid { grid-template-columns:1fr; padding:28px 0 45px; gap:35px; }
 .yw-journal-card--featured { display:block; }
 .yw-journal-card--featured .yw-journal-card__media img { min-height:0; height:auto; aspect-ratio:1.4; }
 .yw-journal-card--featured .yw-journal-card__body { padding:25px; }
 .yw-journal-card__title,.yw-journal-card--featured .yw-journal-card__title { font-size:26px; line-height:1.65; }
 .yw-journal-card__excerpt { font-size:16px; }
 .yw-journal-article { padding-block:30px 50px; }
 .yw-journal-article__title { font-size:31px; letter-spacing:.05em; margin-block:25px 20px; }
 .yw-journal-article__hero { margin-block:30px; }
 .yw-journal-article__hero img { aspect-ratio:1.3; }
 .yw-journal-article__body { font-size:18px; line-height:2.1; }
 .yw-journal-article__body h2 { font-size:28px; margin-top:32px; }
 .yw-journal-adjacent { gap:25px; margin-top:40px; padding-block:25px; }
 .yw-journal-adjacent strong { font-size:18px; }
 .yw-journal-related { margin-top:40px; }
 .yw-journal-related > div { grid-template-columns:1fr; gap:30px; }
 .yw-journal-related a { display:grid; grid-template-columns:100px 1fr; gap:22px; align-items:center; }
 .yw-journal-related img { aspect-ratio:.9; }
 .yw-journal-related h3 { font-size:21px; margin:0; }
}