/* Article pages share the portfolio's typography, colours and local fonts. */
.journal-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}
.journal-header .brand{color:var(--ink)}
.journal-header .brand-mark{background:var(--ink);color:var(--lime);display:grid;place-items:center;width:44px;height:44px;padding:0;font-size:32px;flex-shrink:0}
.journal-header .brand-mark>span{font-size:18px;top:-4px;right:-5px}
.journal-header nav{display:flex;align-items:center;gap:32px;font-size:11px;font-weight:700}
.journal-header nav a{padding-block:12px}
.journal-header nav a:last-child{border-bottom:1px solid var(--ink)}
.journal-intro{padding-top:42px;max-width:1320px}
.journal-back{display:inline-flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.08em;font-weight:700;padding-block:8px}
.journal-back span{font-size:20px}
.journal-intro>.section-label{margin-top:50px;margin-bottom:24px;color:#52654b;font-size:10px}
.journal-intro h1{font-size:clamp(58px,7.3vw,110px);line-height:.99;max-width:1130px;letter-spacing:-.02em}
.journal-intro h1>span{color:#667858}
.journal-standfirst{font-size:clamp(17px,1.6vw,22px);line-height:1.65;max-width:830px;margin-top:32px;color:#4b5c46}
.journal-byline{display:flex;align-items:center;gap:15px;margin-block:34px 40px;font-size:10px}
.journal-avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#17262b}
/* Display the original compact mark from the supplied brand artwork. */
.journal-avatar-mark{display:block;width:34px;height:24px;background-image:url('assets/eventred88-brand.png');background-size:261.12px 174.08px;background-position:-29.75px -107.1px;background-repeat:no-repeat}
.journal-byline>div{display:flex;flex-direction:column;gap:3px}
.journal-byline strong{font-size:12px}
.journal-byline>div>span{color:#617157}
.journal-byline>p{display:flex;flex-direction:column;gap:3px;padding-left:28px;border-left:1px solid #c6d0bd;margin-left:15px;color:#5c6f53}
.journal-photo img{width:100%;height:clamp(270px,42vw,590px);object-position:center 48%}
.journal-photo figcaption{padding-top:12px;color:#67775e;font-size:9px;line-height:1.7}
.journal-layout{display:grid;grid-template-columns:180px minmax(0,760px);gap:75px;justify-content:center;margin-top:68px;align-items:start;scroll-margin-top:40px}
.journal-aside{position:sticky;top:35px;padding-top:6px;font-size:10px;line-height:1.8}
.journal-aside>p{font-size:8px;font-weight:700;letter-spacing:.1em;margin-bottom:17px;color:#5d7052}
.journal-aside nav{display:flex;flex-direction:column;gap:12px;border-left:1px solid #b7c6a6;padding-left:18px}
.journal-aside nav a{padding-block:3px;color:#4c6044}
.journal-aside nav a:hover{text-decoration:underline;text-underline-offset:4px}
.journal-aside>span{display:block;margin-top:40px;font-size:7px;line-height:2;letter-spacing:.1em;color:#6a7d5f}
.journal-body{min-width:0;font-size:16px;line-height:1.95;color:#34472f}
.journal-body>p+p{margin-top:24px}
.journal-body .journal-opening{font-size:21px;line-height:1.75;letter-spacing:-.015em;color:var(--ink)}
.journal-body h2{font-size:42px;line-height:1.1;letter-spacing:-.015em;color:var(--ink);margin-block:46px 23px;scroll-margin-top:35px}
.journal-follow{margin-top:42px;padding:32px 34px;background:#e3ead6;border-left:3px solid #8aa549;scroll-margin-top:30px}
.journal-follow .section-label{font-size:8px;line-height:1.8;letter-spacing:.1em;margin-bottom:14px;color:#4d6540}
.journal-follow h2{margin:0 0 20px;font-size:43px}
.journal-follow>p:last-child{font-size:15px;line-height:1.9;margin-top:0}
.journal-follow+p{margin-top:32px}
.journal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 34px;margin-top:25px}
.journal-actions .text-link{font-size:11px;gap:24px;padding-block:10px}
.journal-copy-status{display:block;font-size:11px;color:#526b3e;flex-basis:100%;line-height:1.6}
.journal-copy-status:empty{display:none}
.journal-sources{border-block:1px solid #c5d0b9;margin-top:38px;padding-block:18px;font-size:12px;line-height:1.9}
.journal-sources summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:700}
.journal-sources summary::-webkit-details-marker{display:none}
.journal-sources summary>span{font-size:23px;line-height:1}
.journal-sources[open] summary>span{transform:rotate(45deg)}
.journal-sources>p{font-size:11px;margin-top:17px;color:#68785f}
.journal-sources ul{margin:13px 0 0;padding-left:19px}
.journal-sources li{margin-top:7px}
.journal-sources a{text-decoration:underline;text-decoration-color:#a7b899;text-underline-offset:3px}
.journal-body .journal-personal-note{font-size:11px;line-height:1.8;color:#6a7a60;margin-top:24px}
.journal-next{border-top:1px solid #c7d2bb;margin-top:80px;padding-block:44px 50px}
.journal-next .section-label{font-size:8px;letter-spacing:.1em;color:#607752;margin-bottom:23px}
.journal-next>a{font-family:var(--display);font-weight:700;font-size:clamp(40px,5vw,68px);line-height:1.1;display:flex;justify-content:space-between;align-items:center;gap:25px}
.journal-next>a>span{color:#718b4e;font-family:var(--body);font-weight:400}
.journal-next>p:last-child{font-size:12px;color:#5d7152;margin-top:16px}
.journal-footer{border-top:1px solid #c7d2bb;display:flex;justify-content:space-between;gap:25px;padding-block:26px;font-size:9px;line-height:1.8;color:#66795b}
.journal-footer>a{font-weight:700;color:var(--ink)}
@media(max-width:1100px){.journal-layout{grid-template-columns:155px minmax(0,730px);gap:40px}.journal-intro h1{font-size:clamp(60px,8vw,95px)}}
@media(max-width:800px){.journal-header{min-height:84px}.journal-header nav{gap:20px;font-size:10px}.journal-layout{grid-template-columns:minmax(0,740px);gap:0;margin-top:45px}.journal-aside{display:none}.journal-intro>.section-label{margin-top:35px}.journal-intro h1{font-size:clamp(57px,9vw,80px)}.journal-body{font-size:16px}.journal-byline{margin-block:30px 34px}.journal-photo img{height:clamp(280px,55vw,430px)}}
@media(max-width:560px){.journal-header{gap:16px}.journal-header .brand-name{font-size:10px}.journal-header .brand-name small{font-size:6px}.journal-header .brand-mark{width:35px;height:35px;font-size:15px}.journal-header nav a:first-child{display:none}.journal-header nav{font-size:9px;gap:0}.journal-intro{padding-top:23px}.journal-back{font-size:7px;gap:8px}.journal-intro>.section-label{font-size:8px;margin-top:28px;margin-bottom:18px}.journal-intro h1{font-size:clamp(48px,12.2vw,67px);line-height:1.02}.journal-intro h1 br{display:none}.journal-intro h1>span{display:block;margin-top:7px}.journal-standfirst{font-size:16px;line-height:1.75;margin-top:24px}.journal-byline{flex-wrap:wrap;gap:12px;margin-block:28px 28px}.journal-byline>div{font-size:9px}.journal-byline>p{margin:0;flex-basis:100%;flex-direction:row;gap:18px;padding:0;border:0;font-size:9px}.journal-photo img{height:270px}.journal-photo figcaption{font-size:8px}.journal-layout{margin-top:34px}.journal-body{font-size:15px;line-height:1.95}.journal-body .journal-opening{font-size:19px;line-height:1.75}.journal-body h2{font-size:35px;margin-block:35px 20px}.journal-follow{padding:25px 23px;margin-top:32px}.journal-follow h2{font-size:38px;margin:0 0 18px}.journal-follow>p:last-child{font-size:14px}.journal-actions{gap:12px 26px}.journal-actions .text-link{font-size:10px;gap:18px}.journal-sources{font-size:11px}.journal-next{margin-top:50px;padding-block:32px 35px}.journal-next>a{font-size:41px}.journal-next>p:last-child{font-size:11px}.journal-footer{display:block;font-size:8px;padding-block:22px}.journal-footer>p{margin-top:10px}}
@media(max-width:560px){.journal-header .brand-mark{font-size:27px}.journal-header .brand-mark>span{font-size:15px;top:-4px;right:-4px}}
@media print{.journal-header nav,.journal-back,.journal-aside,.journal-actions,.journal-next,.journal-footer{display:none}.journal-intro,.journal-photo,.journal-layout{width:100%;margin-inline:0}.journal-layout{display:block;margin-top:24px}.journal-photo img{height:250px}.journal-intro h1{font-size:45px}.journal-intro>.section-label{margin-top:15px}.journal-byline{margin-block:18px}.journal-body{font-size:11pt}.journal-body h2{font-size:24pt}.journal-follow{break-inside:avoid}.journal-sources{font-size:9pt}}