/* The journal: editorial browsing and quiet, navigable reading pages. */
.journal-index .page-head{padding-block:56px 48px}
.journal-index .page-head__title{font-size:clamp(3.5rem,7.5vw,7.5rem);line-height:1.02;max-width:16ch}
.journal-index .page-head__foot{justify-content:flex-end;padding-top:24px}
.journal-index .page-head__lede{max-width:44ch;font-size:16px;line-height:1.7}
.journal-index .lead-post{display:grid;grid-template-columns:1.1fr 1fr;gap:0;padding:0;background:#29362e;color:#f3f0e9;margin-bottom:64px}
.journal-index .lead-post__plate{margin:0;min-height:100%;overflow:hidden}
.journal-index .lead-post__plate picture{height:100%;display:block}
.journal-index .lead-post__plate img{height:100%;width:100%;min-height:480px;object-fit:cover;aspect-ratio:auto}
.journal-index .lead-post__copy{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;align-items:start}
.journal-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:36px;color:#d7caa8}
.journal-index .lead-post__copy h2{font:400 clamp(2.25rem,3.5vw,3.8rem)/1.12 var(--serif);letter-spacing:-.02em;text-transform:none;color:inherit;margin-block:16px}
.journal-index .lead-post__body{font-size:15px;color:#d4d9d0;line-height:1.75;padding-bottom:24px}
.journal-index .lead-post .post__meta{color:#d4d9d0;font-size:10px}
.journal-index .lead-post .link{margin-top:auto;color:#f3f0e9;font-size:13px;display:flex;justify-content:space-between;align-self:stretch;border-bottom:1px solid #7d897c;padding-bottom:12px}
.journal-index .archive{padding-top:0}
.journal-index .rule-head{align-items:end;gap:32px}
.journal-index .rule-head h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1.1}
.journal-index .rule-head p{font-size:14px;max-width:28ch}
.journal-index .filters{gap:24px;border-bottom:1px solid var(--line);padding:24px 0 0;margin-bottom:0}
.journal-index .filters button{border:0;border-bottom:2px solid transparent;padding:12px 0;border-radius:0;background:none;color:var(--ink-2);font-size:13px;min-height:44px}
.journal-index .filters button[aria-pressed=true]{color:var(--clay);border-bottom-color:var(--clay);background:none}
.journal-index .journal__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;grid-auto-rows:auto}
.journal-index .journal__grid .post{display:grid;grid-template-columns:1fr 120px;grid-template-rows:auto auto auto;column-gap:24px;position:relative;padding:32px 0 32px 28px;border-bottom:1px solid var(--line);align-content:start}
.post__number{position:absolute;top:34px;left:0;font-size:10px;color:var(--clay)}
.journal-index .post__plate{grid-column:2;grid-row:1/4;align-self:center;margin:0}
.journal-index .journal__grid .post .post__plate img{aspect-ratio:1;width:120px;object-fit:cover}
.journal-index .post__meta{grid-column:1;grid-row:1;font-size:9px;gap:12px;margin:0 0 10px;padding:0}
.journal-index .post h3{grid-column:1;grid-row:2;font-size:22px;line-height:1.25;letter-spacing:-.03em;margin:0 0 12px}
.journal-index .post__body{grid-column:1;grid-row:3;font-size:13px;line-height:1.6;padding:0;margin:0;color:var(--ink-2)}
.article-back{display:flex;justify-content:space-between;gap:20px;padding-block:30px;font-size:11px;color:var(--ink-2)}
.article-back a{color:var(--ink)}
.article-opening{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center;padding-block:24px 64px;border-bottom:1px solid var(--line)}
.article-opening .page-head{padding:0;min-width:0}
.article-opening .tagline{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;margin-bottom:24px}
.article-opening .tagline__place{font-size:10px}
.article .article-opening .page-head__title{font-size:clamp(2.5rem,4.2vw,4.5rem);line-height:1.08;max-width:22ch;letter-spacing:-.045em}
.article-opening .page-head__foot{padding-top:24px;display:block}
.article-opening .page-head__lede{font-size:16px;line-height:1.7;max-width:48ch;color:var(--ink-2)}
.article-image{margin:0;overflow:hidden;background:var(--paper-sink)}
.article-image img{width:100%;aspect-ratio:4/5;max-height:520px;object-fit:cover}
.article-reading{display:grid;grid-template-columns:240px minmax(0,700px);gap:clamp(40px,8vw,120px);justify-content:space-between;align-items:start;padding-block:64px 80px}
.article-guide{position:sticky;top:120px;border-top:2px solid var(--clay);padding-top:20px}
.article-guide summary{font-size:12px;font-weight:600;cursor:pointer}
.article-guide nav{display:grid;gap:14px;margin-block:24px}
.article-guide nav a{font-size:12px;line-height:1.5;color:var(--ink-2);text-decoration:none}
.article-guide nav a:hover{color:var(--clay)}
.article-guide>p{font-size:11px;line-height:1.8;color:var(--ink-2);padding-top:24px;border-top:1px solid var(--line)}
.article-guide strong{font-size:13px;color:var(--ink);font-weight:500}
.article-reading .prose{max-width:none;width:100%;padding:0;margin:0}
.article-reading .prose p,.article-reading .prose li{font-size:17px;line-height:1.9;color:#41463d}
.article-reading .prose>p:first-child{font-size:21px;line-height:1.65;color:var(--ink);padding-top:0}
.article-reading .prose h2{font:400 clamp(1.9rem,3vw,2.7rem)/1.18 var(--serif);margin-top:48px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:120px;color:var(--ink)}
.article-reading .prose a{ text-underline-offset:4px }
.article .enquire h2{font-size:clamp(2.8rem,5vw,5rem)}
@media(max-width:1000px){.journal-index .journal__grid{gap:0 28px}.journal-index .journal__grid .post{grid-template-columns:1fr 80px;column-gap:16px}.journal-index .journal__grid .post .post__plate img{width:80px}.article-opening{gap:32px}.article-reading{grid-template-columns:190px minmax(0,1fr);gap:40px}}
@media(max-width:700px){
 .journal-index .page-head{padding-block:32px}.journal-index .tagline__place{display:none}
 .journal-index .lead-post{grid-template-columns:1fr;margin-bottom:40px}.journal-index .lead-post__plate img{min-height:0;aspect-ratio:16/10}.journal-index .lead-post__copy{padding:28px}.journal-kicker{margin-bottom:24px}
 .journal-index .rule-head{display:block}.journal-index .rule-head p{margin-top:16px;max-width:none}
 .journal-index .filters{gap:8px 20px;flex-wrap:wrap}.journal-index .filters button{font-size:12px}
 .journal-index .journal__grid{grid-template-columns:1fr}.journal-index .journal__grid .post{grid-template-columns:1fr 90px;padding-block:26px}.post__number{top:28px}.journal-index .journal__grid .post .post__plate img{width:90px}.journal-index .post h3{font-size:21px}
 .article-back{padding-block:22px}.article-back>span{display:none}.article-opening{grid-template-columns:1fr;gap:28px;padding-block:12px 32px}.article .article-opening .page-head__title{font-size:clamp(2.35rem,8vw,3.5rem)}.article-image img{aspect-ratio:16/9;max-height:300px}
 .article-reading{grid-template-columns:1fr;gap:32px;padding-block:32px 48px}.article-guide{position:static}.article-guide>p{display:none}.article-guide nav{grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:0}.article-reading .prose p,.article-reading .prose li{font-size:16px;line-height:1.85}.article-reading .prose>p:first-child{font-size:19px}.article-reading .prose h2{margin-top:32px}
}
@media(prefers-reduced-motion:reduce){.journal-index .post__plate img,.journal-index .lead-post__plate img{transition:none;transform:none}}
.journal-index .lead-post .post__meta span{color:#d4d9d0}
.journal-index .lead-post .link::after{display:none}
.journal-index .post__body{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.journal-index .journal__grid{padding-top:0}
.article-image figcaption{font-size:11px;line-height:1.6;padding:12px 16px;color:var(--ink-2)}
.article-answer{padding:24px;border-left:3px solid var(--clay);background:var(--paper-sink);margin-bottom:32px}
.article-reading .article-answer p{padding:0;margin:0;font-size:17px;line-height:1.75}
.article-reading .prose .article-source{font-size:13px;color:var(--ink-2);border-top:1px solid var(--line);padding-top:24px}

.article-updated{display:block;margin-top:12px;font-size:10px}

@media(max-width:700px){
 .journal-kicker,.journal-index .post__meta,.journal-index .lead-post .post__meta,.post__number,.article-back,.article-opening .tagline,.article-opening .tagline__place,.article-updated,.article-image figcaption{font-size:.875rem;line-height:1.5;letter-spacing:.02em}
 .journal-index .lead-post__body,.journal-index .post__body,.journal-index .rule-head p{font-size:1rem;line-height:1.65}
 .journal-index .lead-post .link,.journal-index .filters button,.article-guide summary,.article-guide nav a{font-size:1rem}
 .journal-index .filters{gap:4px 20px}
 .journal-index .journal__grid .post{grid-template-columns:minmax(0,1fr);padding:24px 0 24px 28px;row-gap:12px}
 .journal-index .post__plate{grid-column:1;grid-row:2}
 .journal-index .journal__grid .post .post__plate img{width:100%;aspect-ratio:16/9}
 .journal-index .post h3{grid-row:3;font-size:1.5rem;margin:0}
 .journal-index .post__body{grid-row:4;display:block;overflow:visible}
 .journal-index .post__meta{flex-wrap:wrap;margin:0}
 .article-guide nav{grid-template-columns:1fr;gap:0}
 .article-guide nav a{padding-block:.5rem}
 .article-reading .prose .article-source{font-size:.9375rem;line-height:1.65}
}

/* Give mobile article previews and long-form reading distinct pauses. */
@media(max-width:700px){
 .journal-index .page-head{padding-block:3rem 4rem}
 .journal-index .lead-post{margin-bottom:4rem}
 .journal-index .lead-post__copy{padding:2.5rem 1.75rem}
 .journal-index .lead-post__copy h2{margin-block:1.5rem}
 .journal-index .lead-post__body{padding-bottom:2rem;line-height:1.75}
 .journal-index .filters{gap:.75rem 1.5rem;padding-top:1.5rem;padding-bottom:1rem}
 .journal-index .journal__grid .post{padding-block:2.5rem;row-gap:1.5rem}
 .post__number{top:2.5rem}
 .journal-index .post__body{line-height:1.75}
 .article-opening{gap:2.5rem;padding-bottom:3rem}
 .article-opening .page-head__foot{padding-top:2rem}
 .article-reading{gap:3rem;padding-block:3rem 4rem}
 .article-guide nav a{padding-block:.75rem}
 .article-reading .prose h2{margin-top:3rem;padding-block:2rem 1.5rem}
 .article-reading .prose p{padding-bottom:2rem}
 .article-reading .article-answer p{padding:0}
 .article-answer{margin-bottom:2.5rem}
}