/* Journal archive and article reading experience; scoped to blog routes. */
.blog-journal .blog-journal-hero {
  padding-block: 72px;
  color: #fff;
  background: #20231f;
}
.blog-journal .blog-journal-hero .page-kicker { color: #d5d4ca; }
.blog-journal .blog-journal-hero .page-kicker::before { background: var(--color-accent-primary); }
.blog-journal .blog-journal-hero__grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 72px;
  align-items: end;
}
.blog-journal .blog-journal-hero h1 {
  color: #fff;
  font: 500 clamp(3rem, 5vw, 4.7rem)/1.05 var(--font-sans);
  letter-spacing: -.045em;
}
.blog-journal .blog-journal-hero h1 span {
  color: #f2d66a;
  font: italic 400 1.04em/1.1 var(--font-serif);
}
.blog-journal .blog-journal-hero__grid > div > p {
  max-width: 40ch;
  color: #dedfd7;
  font: 400 1.25rem/1.65 var(--font-serif);
}
.blog-journal .blog-journal-hero__jump {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 28px;
  padding: 10px 0;
  border-bottom: 1px solid #72766c;
  color: #fff;
  font-size: .8rem;
  text-decoration: none;
}
.blog-journal .blog-journal-hero__jump:hover { border-color: var(--color-accent-primary); }
.blog-journal .blog-archive { padding-block: 64px; }
.blog-journal .blog-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 26px;
}
.blog-journal .blog-section-heading .page-kicker { margin: 0; }
.blog-journal .blog-section-heading > span { color: var(--page-muted); font-size: .75rem; }
.blog-journal .blog-section-heading--all { margin-top: 56px; }
.blog-journal .blog-lead-story {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  overflow: hidden;
  border: 1px solid var(--page-line);
  border-radius: 12px;
}
.blog-journal .blog-lead-story__visual { display: block; color: inherit; text-decoration: none; }
.blog-journal .blog-lead-story__visual .content-image { height: 100%; min-height: 390px; aspect-ratio: auto; }
.blog-journal .blog-lead-story__content { display: flex; flex-direction: column; justify-content: center; padding: 42px; }
.blog-journal .blog-story-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-bottom: 18px;
  color: var(--page-muted);
  font-size: .7rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.blog-journal .blog-lead-story h2 { font: 500 clamp(1.8rem, 3vw, 2.5rem)/1.18 var(--font-sans); letter-spacing: -.035em; }
.blog-journal :is(.blog-lead-story, .blog-story-card) h2 a { color: inherit; text-decoration: none; }
.blog-journal :is(.blog-lead-story, .blog-story-card) h2 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.blog-journal .blog-lead-story__content > p { margin-top: 20px; color: var(--page-muted); line-height: 1.75; }
.blog-journal .blog-read-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid var(--page-line);
  color: inherit;
  font-size: .82rem;
  font-weight: 500;
  text-decoration: none;
}
.blog-journal .blog-read-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.blog-journal .blog-story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.blog-journal .blog-story-card { overflow: hidden; border: 1px solid var(--page-line); border-radius: 10px; background: #fff; }
.blog-journal .blog-story-card__visual { display: block; color: inherit; text-decoration: none; }
.blog-journal .blog-story-card__content { padding: 26px; }
.blog-journal .blog-story-card h2 { font: 500 1.4rem/1.3 var(--font-sans); letter-spacing: -.025em; }
.blog-journal .blog-story-card__content > p { margin-top: 14px; color: var(--page-muted); font-size: .92rem; line-height: 1.7; }
.blog-journal .blog-empty-state {
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: 64px;
  align-items: center;
  padding: 52px;
  border: 1px solid var(--page-line);
  border-radius: 12px;
  background: var(--color-surface);
}
.blog-journal .blog-empty-state h2 { max-width: 20ch; font: 500 2.4rem/1.15 var(--font-sans); letter-spacing: -.035em; }
.blog-journal .blog-empty-state > div:first-child > p:not(.page-kicker) { max-width: 48ch; margin-top: 18px; color: var(--page-muted); line-height: 1.75; }
.blog-journal .blog-empty-state .btn { margin-top: 28px; }
.blog-journal .blog-empty-state__topics { border-top: 1px solid #d5d2c7; }
.blog-journal .blog-empty-state__topics > span { display: grid; grid-template-columns: 36px 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid #d5d2c7; color: var(--page-muted); font-size: .72rem; }
.blog-journal .blog-empty-state__topics strong { color: var(--page-ink); font-size: .92rem; font-weight: 500; }
.blog-journal .blog-pagination { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--page-line); }
.blog-journal .blog-pagination :is(a, span) { color: var(--page-muted); font-size: .78rem; text-decoration: none; }
.blog-journal .blog-pagination a { color: var(--page-ink); font-weight: 500; }
.blog-article .blog-article-hero { padding-block: 30px 60px; border-bottom: 1px solid var(--page-line); background: var(--color-surface); }
.blog-article .blog-article-hero h1 { max-width: 22ch; font: 500 clamp(2.7rem, 4.8vw, 4.35rem)/1.08 var(--font-sans); letter-spacing: -.045em; }
.blog-article .blog-article-standfirst { max-width: 58ch; margin-top: 26px; color: #50534c; font: 400 1.32rem/1.65 var(--font-serif); }
.blog-article .blog-article-byline { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 30px; color: var(--page-muted); font-size: .75rem; }
.blog-article .blog-article-byline strong { color: var(--page-ink); font-weight: 500; }
.blog-article .blog-article-image { aspect-ratio: 16/8; overflow: hidden; margin-top: 48px; border-radius: 10px; }
.blog-article .blog-article-image img { width: 100%; height: 100%; object-fit: cover; }
.blog-article .blog-article-content { padding-block: 64px; }
.blog-article .blog-article-content__grid { display: grid; grid-template-columns: 200px minmax(0, 680px); justify-content: center; align-items: start; gap: 72px; }
.blog-article .blog-article-aside { position: sticky; top: 116px; padding-top: 4px; border-top: 2px solid var(--color-accent-primary); }
.blog-article .blog-article-aside .page-kicker { margin: 18px 0 14px; }
.blog-article .blog-topic-list { display: flex; flex-wrap: wrap; gap: 8px; }
.blog-article .blog-topic-list span { padding: 6px 9px; border: 1px solid var(--page-line); border-radius: 4px; color: var(--page-muted); font-size: .7rem; }
.blog-article .blog-updated { margin-top: 22px; color: var(--page-muted); font-size: .75rem; line-height: 1.65; }
.blog-article .blog-article-aside .text-link { margin-top: 22px; }
.blog-article .blog-article-reading .reading-copy { color: #41443e; font-family: var(--font-serif); font-size: 1.25rem; line-height: 1.85; }
.blog-article .reading-copy > * + * { margin-top: 1.35em; }
.blog-article .reading-copy :is(h2,h3,h4,h5,h6) { color: var(--page-ink); font-family: var(--font-sans); font-weight: 600; letter-spacing: -.02em; text-wrap: balance; }
.blog-article .reading-copy h2 { margin-top: 2.6rem; font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2rem); line-height: 1.22; }
.blog-article .reading-copy h3 { margin-top: 2.2rem; font-size: clamp(1.25rem, 1.1rem + .6vw, 1.5rem); line-height: 1.3; }
.blog-article .reading-copy h4 { margin-top: 1.9rem; font-size: 1.15rem; line-height: 1.4; }
.blog-article .reading-copy :is(h5,h6) { margin-top: 1.7rem; font-size: 1rem; line-height: 1.45; }
.blog-article .reading-copy > :first-child { margin-top: 0; }
.blog-article .reading-copy :is(h2,h3,h4,h5,h6) + * { margin-top: .7rem; }
.blog-article .reading-copy li + li { margin-top: .35em; }
.blog-article .reading-copy :is(ul,ol) { padding-left: 1.4em; }
.blog-article .reading-copy blockquote { padding: 20px 24px; border-left: 4px solid var(--color-accent-primary); background: #faf8ed; font-style: italic; }
.blog-article .reading-copy :is(img,video) { display: block; width: 100%; height: auto; border-radius: 8px; }
.blog-article .reading-copy figcaption { margin-top: 8px; color: var(--page-muted); font: .72rem/1.5 var(--font-sans); }
.blog-article .reading-copy a { text-decoration-thickness: 1px; text-underline-offset: 4px; }
.case-study-article .blog-article-aside > p:not(.page-kicker) { margin: 16px 0; color: var(--page-muted); font-size: .8rem; line-height: 1.65; }
.case-study-outcome { margin-top: 52px; padding: 28px; border: 1px solid #e3dcbf; border-radius: 8px; background: #f8f3dc; }
.case-study-outcome > p:last-child { margin-top: 12px; font: 1.12rem/1.7 var(--font-serif); }

/* Long-form case study: visual-first, top-to-bottom project narrative. */
.case-study-detail { color: var(--page-ink); background:#fff; }
.case-study-detail__header { padding:24px 0 0; background:var(--color-surface); }
.case-study-detail__crumbs { margin-bottom:30px; }
.case-study-detail__header--without-cover :is(.case-study-detail__crumbs,.breadcrumbs) { margin-bottom:0; }
.case-study-cover { position:relative; aspect-ratio:16/8; overflow:hidden; margin:0; border:1px solid #dedbd2; border-radius:14px; background:#e9e8e3; box-shadow:0 18px 55px rgba(25,27,30,.08); }
.case-study-cover img { width:100%; height:100%; object-fit:cover; }
.case-study-cover--placeholder { display:grid; place-items:center; color:#fff; border-color:#252820; background:linear-gradient(135deg,#20231f 0%,#30352d 66%,#44493d 100%); }
.case-study-cover--placeholder::before { content:""; position:absolute; width:420px; aspect-ratio:1; right:-80px; top:-180px; border:1px solid rgba(243,201,40,.35); border-radius:50%; box-shadow:0 0 0 55px rgba(243,201,40,.04),0 0 0 110px rgba(243,201,40,.025); }
.case-study-cover--placeholder > div { position:relative; z-index:1; max-width:720px; padding:50px; text-align:center; }
.case-study-cover--placeholder span { display:block; margin-bottom:18px; color:#f1d35e; font-size:.7rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.case-study-cover--placeholder strong { font:500 clamp(2.3rem,5vw,5rem)/1.04 var(--font-sans); letter-spacing:-.045em; text-wrap:balance; }
.case-study-intro { position:relative; overflow:hidden; padding:clamp(64px,7vw,94px) 0 clamp(58px,6vw,80px); border-bottom:4px solid var(--color-accent-primary); background:#202a31; color:#f8faf8; }
.case-study-intro::after { content:""; position:absolute; right:-170px; top:-230px; width:520px; height:520px; border:1px solid rgba(255,203,18,.13); border-radius:50%; box-shadow:0 0 0 70px rgba(255,203,18,.025),0 0 0 140px rgba(255,203,18,.018); pointer-events:none; }
.case-study-intro__inner { position:relative; z-index:1; max-width:1200px; }
.case-study-intro__title { display:grid; grid-template-columns:190px minmax(0,1fr); gap:46px; align-items:start; }
.case-study-intro__title .page-kicker { align-items:flex-start; margin:10px 0 0; color:#f3d45a; line-height:1.55; }
.case-study-intro__title .page-kicker::before { margin-top:.48em; background:#ffcb12; }
.case-study-intro h1 { max-width:16ch; margin:0; color:#fff; font:500 clamp(3rem,5vw,4.9rem)/1.03 var(--font-sans); letter-spacing:-.052em; text-wrap:balance; }
.case-study-intro__summary { max-width:700px; margin:32px 0 0 236px; color:#d9e0e2; font:400 1.3rem/1.66 var(--font-serif); }
.case-study-facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; margin:48px 0 0 236px; border:0; }
.case-study-facts > div { min-width:0; padding:18px 19px; border:1px solid rgba(255,255,255,.15); border-radius:8px; background:rgba(255,255,255,.055); }
.case-study-facts > div + div { padding-left:19px; border-left:1px solid rgba(255,255,255,.15); }
.case-study-facts dt { color:#abb8bd; font-size:.63rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.case-study-facts dd { margin:8px 0 0; color:#fff; font-size:.8rem; line-height:1.5; }
.case-study-story { padding:84px 0 96px; overflow:hidden; }
.case-study-story__inner { display:grid; grid-template-columns:150px minmax(0,720px); justify-content:center; gap:72px; align-items:start; }
.case-study-story__rail { position:sticky; top:112px; padding-top:18px; border-top:2px solid var(--color-accent-primary); }
.case-study-story__rail span { color:#9a7f14; font:500 1.5rem/1 var(--font-serif); }
.case-study-story__rail p { margin:8px 0 28px; font-size:.68rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.case-study-story__rail a { color:#686b65; font-size:.7rem; text-decoration:none; }
.case-study-story__rail a:hover { color:#171917; text-decoration:underline; text-underline-offset:4px; }
.case-study-story__content .reading-copy { color:#41443e; font:400 1.18rem/1.85 var(--font-serif); }
.case-study-story__content .reading-copy > * + * { margin-top:1.35em; }
.case-study-story__content .reading-copy :is(h2,h3,h4) { color:var(--page-ink); font-family:var(--font-sans); font-weight:500; line-height:1.2; letter-spacing:-.03em; }
.case-study-story__content .reading-copy h2 { margin-top:2.4em; font-size:clamp(1.8rem,3vw,2.35rem); }
.case-study-story__content .reading-copy h3 { margin-top:2em; font-size:1.55rem; }
.case-study-story__content .reading-copy h4 { margin-top:1.8em; font-size:1.2rem; line-height:1.35; }.case-study-story__content .reading-copy :is(h2,h3,h4) + * { margin-top:.6em; }
.case-study-story__content .reading-copy :is(ul,ol) { padding-left:1.3em; }
.case-study-story__content .reading-copy blockquote { margin:2.4em 0; padding:26px 30px; border-left:4px solid var(--color-accent-primary); background:#faf8ed; font-style:italic; }
.case-study-story__content .reading-copy figure { width:min(1040px,calc(100vw - 48px)); margin:70px 0 70px 50%; padding:16px; transform:translateX(-50%); border-radius:12px; background:#f0efeb; }
.case-study-story__content .reading-copy :is(img,video) { display:block; width:100%; height:auto; border-radius:7px; }
.case-study-story__content .reading-copy figcaption { padding:10px 2px 0; color:#747771; font:400 .7rem/1.5 var(--font-sans); }
.case-study-story__content .reading-copy a { text-decoration-thickness:1px; text-underline-offset:4px; }
.case-study-detail .case-study-outcome { position:relative; margin-top:76px; padding:38px 42px; overflow:hidden; border-color:#e1d69e; border-radius:12px; background:#fbf4d5; }
.case-study-detail .case-study-outcome::after { content:"↗"; position:absolute; right:30px; top:24px; color:#a78910; font-size:1.4rem; }
.case-study-detail .case-study-outcome > p:last-child { max-width:34ch; margin-top:18px; color:#292b27; font:400 1.35rem/1.65 var(--font-serif); }
.blog-article .blog-article-reading .blog-article-lead::first-letter { float: left; margin: .1em .12em 0 0; color: var(--page-ink); font: 500 4rem/.75 var(--font-sans); }
.blog-article .blog-related { border-top: 1px solid var(--page-line); background: #faf9f5; }
@media (max-width: 920px) {
  .blog-journal .blog-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blog-journal .blog-lead-story__content { padding: 32px; }
  .blog-article .blog-article-content__grid { gap: 40px; }
  .case-study-intro__inner { max-width:none; }.case-study-intro__title { grid-template-columns:150px minmax(0,1fr); gap:32px; }.case-study-intro__summary,.case-study-facts { margin-left:182px; }.case-study-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .case-study-story__inner { grid-template-columns:130px minmax(0,1fr); gap:42px; }
}
@media (max-width: 680px) {
  .blog-journal .blog-journal-hero { padding-block: 44px; }
  .blog-journal .blog-journal-hero__grid { grid-template-columns: 1fr; gap: 28px; }
  .blog-journal .blog-journal-hero h1 { font-size: 2.9rem; }
  .blog-journal .blog-journal-hero__grid > div > p { font-size: 1.15rem; }
  .blog-journal .blog-archive { padding-block: 40px; }
  .blog-journal .blog-lead-story, .blog-journal .blog-story-grid, .blog-journal .blog-empty-state { grid-template-columns: 1fr; }
  .blog-journal .blog-lead-story__visual .content-image { min-height: 0; aspect-ratio: 16/10; }
  .blog-journal .blog-lead-story__content, .blog-journal .blog-empty-state { padding: 26px; }
  .blog-journal .blog-story-grid { gap: 20px; }
  .blog-journal .blog-empty-state { gap: 32px; }
  .blog-journal .blog-section-heading { align-items: start; }
  .blog-article .blog-article-hero { padding-block: 24px 40px; }
  .blog-article .blog-article-hero h1 { font-size: 2.55rem; }
  .blog-article .blog-article-standfirst { font-size: 1.17rem; }
  .blog-article .blog-article-content { padding-block: 40px; }
  .blog-article .blog-article-content__grid { grid-template-columns: 1fr; gap: 34px; }
  .blog-article .blog-article-aside { position: static; }
  .blog-article .blog-article-reading .reading-copy { font-size: 1.12rem; line-height: 1.8; }
  .case-study-detail__header { padding-top:16px; }.case-study-detail__crumbs { margin-bottom:20px; }.case-study-cover { aspect-ratio:4/3; border-radius:9px; }.case-study-cover--placeholder > div { padding:28px; }.case-study-intro { padding:46px 0 50px; }.case-study-intro::after { right:-250px; top:-300px; }.case-study-intro__title { grid-template-columns:1fr; gap:14px; }.case-study-intro__title .page-kicker { justify-content:center; margin:0; }.case-study-intro h1 { max-width:13ch; margin-inline:auto; font-size:clamp(2.45rem,12vw,3.2rem); }.case-study-intro__summary,.case-study-facts { margin-left:0; }.case-study-intro__summary { margin:24px auto 0; color:#d9e0e2; font-size:1.16rem; }.case-study-facts { margin-top:34px; grid-template-columns:1fr 1fr; }.case-study-facts > div,.case-study-facts > div + div { padding:15px 12px; border:1px solid rgba(255,255,255,.15); }.case-study-story { padding:50px 0 62px; }.case-study-story__inner { grid-template-columns:1fr; gap:32px; }.case-study-story__rail { position:static; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding-top:12px; }.case-study-story__rail p { margin:0; }.case-study-story__content .reading-copy { font-size:1.08rem; line-height:1.8; }.case-study-story__content .reading-copy figure { width:100%; margin:42px 0; padding:8px; transform:none; }.case-study-detail .case-study-outcome { margin-top:50px; padding:28px 24px; }.case-study-detail .case-study-outcome::after { right:22px; top:20px; }
}
@media print {
  .blog-journal .blog-journal-hero, .blog-article .blog-article-hero { color: #222; background: #fff; }
  .blog-journal .blog-journal-hero :is(h1, h1 span, p) { color: #222; }
  .blog-article .blog-article-aside, .blog-article .page-closing { display: none; }
  .blog-article .blog-article-content__grid { display: block; }
  .case-study-story__rail,.case-study-detail .page-closing { display:none; }.case-study-cover { box-shadow:none; }.case-study-story__inner { display:block; }
}

/* Blog engagement keeps the existing editorial visual language. */
.blog-engagement{padding:72px 0;background:#f7f5ef}.blog-engagement__inner{max-width:920px}.blog-like{display:flex;align-items:center;gap:14px;margin-bottom:44px}.blog-like button{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px;padding:14px 20px;border:1px solid #d8d2c4;border-radius:999px;background:#fff;color:#171717;cursor:pointer}.blog-like button>span{grid-row:span 2;color:#a14a3d;font-size:1.35rem}.blog-like button strong{font-size:.82rem}.blog-like button small{color:#77736a;font-size:.67rem;text-align:left}.blog-like button[aria-pressed=true]{border-color:#a14a3d;background:#fff7f4}.blog-like p{margin:0;color:#5e625f;font-size:.76rem}.blog-comments>header{max-width:650px;margin-bottom:28px}.blog-comments>header h2{margin:7px 0 8px;font-size:2rem}.blog-comments>header p{color:#625f58}.comment-edit-notice{margin:0 0 26px;padding:18px 20px;border-left:4px solid #f4c515;background:#fff}.comment-edit-notice p{margin:5px 0;font-size:.82rem}.comment-list{display:grid;gap:14px;margin:0 0 34px;padding:0;list-style:none}.comment-list article{padding:22px;border:1px solid #ddd8cd;border-radius:9px;background:#fff}.comment-list article header{display:flex;justify-content:space-between;gap:20px}.comment-list time,.comment-list small{color:#76736d;font-size:.72rem}.comment-list p{margin:12px 0 0;white-space:normal}.comment-form{padding:28px;border:1px solid #d9d4c8;border-radius:10px;background:#fff}.comment-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comment-edit-page .comment-edit-card{max-width:760px}.comment-edit-card form{padding:28px;border:1px solid var(--color-border);border-radius:10px;background:#fff}@media(max-width:680px){.blog-engagement{padding:50px 0}.blog-like{align-items:flex-start;flex-direction:column}.comment-form{padding:20px}.comment-form__fields{grid-template-columns:1fr}.comment-list article header{align-items:flex-start;flex-direction:column;gap:3px}}

/* Public article conversation */
.blog-engagement__inner{max-width:1040px}.conversation-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;max-width:none!important;margin-bottom:34px!important;padding-bottom:28px;border-bottom:1px solid #d9d4c8}.conversation-heading h2{margin:8px 0 9px!important;font:500 clamp(2rem,4vw,3rem)/1.08 var(--font-sans)!important;letter-spacing:-.04em}.conversation-heading>div>p:last-child{max-width:570px;margin:0;color:#62645e;font-size:.92rem;line-height:1.65}.conversation-count{display:flex;align-items:baseline;gap:7px;padding-bottom:4px;color:#72746e;font-size:.72rem}.conversation-count strong{color:#1f211e;font:500 2rem/1 var(--font-serif)}
.comment-list{gap:12px;margin-bottom:34px}.comment-list article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;padding:21px 23px;border-color:#dedbd2;border-radius:11px;box-shadow:0 6px 20px rgba(34,34,28,.025)}.comment-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#20231f;color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.05em}.comment-body{min-width:0}.comment-body header{align-items:baseline}.comment-body header strong{font-size:.82rem;font-weight:600}.comment-list .comment-body time{color:#83857e;font-size:.65rem}.comment-list .comment-body p{margin:10px 0 0;color:#3f423d;font:400 1rem/1.7 var(--font-serif)}
.conversation-empty{display:flex;align-items:center;gap:15px;margin-bottom:28px;padding:18px 20px;border:1px dashed #d4cfc2;border-radius:10px;color:#666961;background:rgba(255,255,255,.45)}.conversation-empty>span{font:500 2rem/1 var(--font-serif);color:#ac8d13}.conversation-empty strong{display:block;color:#292b27;font-size:.78rem}.conversation-empty p{margin:3px 0 0;font-size:.72rem}
.comment-form{padding:0;border:0;border-radius:0;background:transparent}.comment-composer{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:23px;border:1px solid #d7d2c6;border-radius:12px;background:#fff;box-shadow:0 12px 35px rgba(38,37,30,.045)}.comment-composer__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f5cd34;color:#31290c;font-size:1.25rem}.comment-composer .form-group{margin:0}.comment-composer .form-label{font-size:.76rem;font-weight:600}.comment-composer .form-textarea{min-height:132px;margin-top:8px;padding:16px;border-color:#dfdcd3;border-radius:8px;background:#fcfbf8;font:400 1rem/1.65 var(--font-serif);resize:vertical}.comment-composer .form-textarea::placeholder{color:#999990}.comment-composer footer{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:3px}.comment-composer footer p{margin:0;color:#7a7c76;font-size:.68rem}.comment-composer footer .btn{min-width:154px}.comment-edit-notice{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:24px;padding:15px 17px;border:1px solid #cde8db;border-left:3px solid #279865;border-radius:8px;background:#f3fbf7}.comment-edit-notice>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#18764d;background:#d9f2e6}.comment-edit-notice strong{font-size:.76rem}.comment-edit-notice p{margin:3px 0 0;font-size:.68rem}.comment-edit-notice a{color:#275a44;font-size:.68rem;font-weight:600}
.comment-identity-modal{position:fixed;inset:0;width:min(620px,calc(100% - 32px));max-width:none;max-height:min(760px,calc(100dvh - 32px));margin:auto;padding:0;overflow:auto;border:0;border-radius:14px;background:#fff;color:#272924;box-shadow:0 28px 90px rgba(20,22,19,.3)}.comment-identity-modal::backdrop{background:rgba(20,23,20,.62);backdrop-filter:blur(4px)}.comment-identity-modal__panel{padding:0}.comment-identity-modal__panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:27px 29px 23px;border-bottom:1px solid #e5e1d8;background:#faf9f5}.comment-identity-modal__panel>header h3{margin:6px 0 8px;font:500 1.65rem/1.18 var(--font-sans);letter-spacing:-.035em}.comment-identity-modal__panel>header p:last-child{max-width:460px;margin:0;color:#696b65;font-size:.76rem;line-height:1.55}.comment-identity-modal__panel>header>button{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid #d8d5cd;border-radius:50%;background:#fff;color:#62645f;font-size:1.2rem}.comment-identity-modal__fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:25px 29px 8px}.comment-identity-modal__fields .form-group{margin:0}.comment-identity-modal__fields .form-label{font-size:.7rem;font-weight:600}.comment-identity-modal__fields .form-input{min-height:48px;margin-top:7px;border-radius:8px;background:#fcfbf8}.comment-identity-modal>.comment-identity-modal__panel>.contact-guard{margin:15px 29px}.comment-identity-modal__privacy{display:flex;align-items:flex-start;gap:11px;margin:17px 29px 23px;padding:13px 14px;border-radius:8px;background:#f4f2eb}.comment-identity-modal__privacy>span{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border:1px solid #c8c4b9;border-radius:50%;color:#77766e}.comment-identity-modal__privacy p{margin:0;color:#70726c;font-size:.67rem;line-height:1.55}.comment-identity-modal__privacy strong{display:block;color:#393b37;font-size:.7rem}.comment-identity-modal__panel>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 29px;border-top:1px solid #e5e1d8;background:#faf9f5}.comment-identity-modal__panel>footer>p{margin:0;color:#777973;font-size:.63rem}.comment-identity-modal__panel>footer>div{display:flex;gap:8px}.comment-identity-modal__panel>footer .btn{min-height:42px;padding:9px 16px}.comment-identity-modal[open]{animation:comment-modal-in .18s ease-out}@keyframes comment-modal-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.comment-identity-modal[open]{animation:none}}
@media(max-width:680px){.conversation-heading{grid-template-columns:1fr;gap:15px}.conversation-count{padding:0}.comment-list article{grid-template-columns:38px minmax(0,1fr);padding:18px}.comment-avatar{width:38px;height:38px}.comment-body header{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}.comment-composer{grid-template-columns:1fr;padding:18px}.comment-composer__mark{display:none}.comment-composer footer{grid-column:1;align-items:stretch;flex-direction:column}.comment-composer footer .btn{width:100%}.comment-edit-notice{grid-template-columns:32px 1fr}.comment-edit-notice>a{grid-column:2}.comment-identity-modal{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:11px}.comment-identity-modal__panel>header{padding:22px 20px 18px}.comment-identity-modal__panel>header h3{font-size:1.4rem}.comment-identity-modal__fields{grid-template-columns:1fr;padding:21px 20px 5px}.comment-identity-modal>.comment-identity-modal__panel>.contact-guard{margin-inline:20px}.comment-identity-modal__privacy{margin:16px 20px 20px}.comment-identity-modal__panel>footer{align-items:stretch;flex-direction:column;padding:16px 20px}.comment-identity-modal__panel>footer>div{display:grid;grid-template-columns:1fr 1fr}.comment-identity-modal__panel>footer .btn{width:100%}}

/* Preserve editorial artwork in both archive and article contexts. */
.blog-journal .blog-lead-story__visual .content-image{display:grid;place-items:center;padding:18px;background:#f4f3ef}
.blog-journal .blog-lead-story__visual .content-image img,.blog-journal .blog-story-card__visual .content-image img{object-fit:contain}
.blog-journal .blog-story-card__visual .content-image{background:#f4f3ef}
.blog-article .blog-article-image{aspect-ratio:8/5;display:grid;place-items:center;padding:clamp(8px,1.4vw,18px);border:1px solid var(--page-line);background:#f5f4f0}
.blog-article .blog-article-image img{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
.blog-article .blog-article-content__grid{grid-template-columns:minmax(0,680px) 280px;gap:56px}
.blog-article .blog-article-aside{display:grid;gap:16px;padding:0;border:0}
.blog-article .blog-article-aside .page-kicker{margin-top:0}
.blog-like{padding:22px 24px;border:1px solid #dfd3a5;border-radius:12px;background:#fff9df}
.blog-like:before{content:"Enjoyed this perspective?";margin-right:auto;color:#29291f;font:500 1.1rem/1.3 var(--font-sans)}
.blog-like button{min-width:205px;border-color:#b8900e;border-radius:8px;background:#f6ca2e;box-shadow:0 5px 14px rgba(171,128,0,.12)}
.blog-like button:hover{background:#ffd642}.blog-like button>span{font-size:1.5rem}.blog-like button[aria-pressed=true]{border-color:#794036;background:#fff}
.case-study-story__inner{grid-template-columns:minmax(0,720px) 280px;gap:56px}.case-study-story__rail{display:grid;gap:16px;padding:0;border:0}.case-study-story__rail .sidebar-card--about>span{color:#9a7f14;font:500 1.5rem/1 var(--font-serif)}.case-study-story__rail .sidebar-card--about>p{margin:8px 0 20px}
@media(max-width:920px){.blog-article .blog-article-content__grid,.case-study-story__inner{grid-template-columns:minmax(0,1fr) 250px;gap:34px}}
@media(max-width:680px){.blog-article .blog-article-content__grid,.case-study-story__inner{grid-template-columns:1fr}.blog-like:before{margin-right:0}.blog-like button{width:100%}.blog-article .blog-article-image{aspect-ratio:4/3;padding:7px}}

/* Article masthead */
.blog-article .blog-article-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:28px 64px;border-bottom:0;color:#fff;background:#20231f}
.blog-article .blog-article-hero:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-120px;bottom:-265px;border:62px solid #f2cc3d;border-radius:50%;opacity:.08}
.blog-article .blog-article-hero .breadcrumbs{margin-bottom:50px;color:#bfc3b9}.blog-article .blog-article-hero .breadcrumbs a{color:#e4e6df;text-decoration-color:#777d71}.blog-article .blog-article-hero .breadcrumbs li:last-child{color:#9fa59a}
.blog-article .blog-article-hero__layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.55fr);gap:70px;align-items:end}
.blog-article .blog-article-hero__story{min-width:0}.blog-article .blog-article-hero .page-kicker{margin-bottom:24px;color:#d8dacd}.blog-article .blog-article-hero h1{max-width:18ch;color:#fff;font-size:clamp(3rem,5.2vw,5.35rem);line-height:1.01;letter-spacing:-.052em}
.blog-article .blog-article-standfirst{max-width:54ch;margin-top:28px;color:#d7d9d1;font-size:1.22rem;line-height:1.65}
.blog-article .blog-article-author{display:flex;align-items:center;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid #42483f}.blog-article .blog-article-author__avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#27250f;background:#f2cc3d;font-size:.78rem;font-weight:700}.blog-article .blog-article-author>span:last-child{display:grid;gap:2px}.blog-article .blog-article-author small{color:#9fa49b;font-size:.64rem}.blog-article .blog-article-author strong{color:#fff;font-size:.8rem;font-weight:500}
.blog-article .blog-article-hero__meta{padding:24px;border:1px solid #464b43;border-radius:10px;background:rgba(255,255,255,.035)}.blog-article .blog-article-hero__meta>p{margin:0 0 17px;padding-bottom:14px;border-bottom:1px solid #464b43;color:#f2cc3d;font-size:.62rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.blog-article .blog-article-hero__meta dl{display:grid;gap:14px}.blog-article .blog-article-hero__meta dl>div{display:grid;grid-template-columns:86px 1fr;gap:12px}.blog-article .blog-article-hero__meta dt{color:#969c92;font-size:.63rem}.blog-article .blog-article-hero__meta dd{margin:0;color:#eef0e9;font-size:.73rem;line-height:1.45}.blog-article .blog-article-hero__topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;padding-top:16px;border-top:1px solid #464b43}.blog-article .blog-article-hero__topics span{padding:5px 8px;border-radius:4px;color:#dadccf;background:#343831;font-size:.61rem}
@media(max-width:900px){.blog-article .blog-article-hero__layout{grid-template-columns:minmax(0,1fr) 240px;gap:38px}.blog-article .blog-article-hero h1{font-size:clamp(2.75rem,7vw,4.5rem)}}
@media(max-width:680px){.blog-article .blog-article-hero{padding-block:20px 42px}.blog-article .blog-article-hero .breadcrumbs{margin-bottom:34px}.blog-article .blog-article-hero__layout{grid-template-columns:1fr;gap:30px}.blog-article .blog-article-hero h1{font-size:clamp(2.55rem,12vw,3.5rem);line-height:1.04}.blog-article .blog-article-author{margin-top:28px}.blog-article .blog-article-hero__meta{padding:19px}.blog-article .blog-article-hero__meta dl>div{grid-template-columns:92px 1fr}}

/* Quieter article header: one title and one compact metadata line. */
.blog-article .blog-article-hero{padding-block:34px 58px}
.blog-article .blog-article-hero .breadcrumbs{margin-bottom:42px}
.blog-article .blog-article-hero__back{display:inline-flex;align-items:center;gap:9px;margin-bottom:42px;color:#c8cbc2;font-size:.72rem;font-weight:500;text-decoration:none}.blog-article .blog-article-hero__back:hover{color:#fff}.blog-article .blog-article-hero__story{max-width:1020px}.blog-article .blog-article-hero h1{max-width:20ch;font-size:clamp(3rem,5vw,4.85rem);line-height:1.04}
.blog-article .blog-article-byline{display:flex;align-items:center;gap:12px 22px;margin-top:32px;padding-top:22px;border-top:1px solid #42483f;color:#aeb3a9;font-size:.7rem}.blog-article .blog-article-byline .blog-article-author__avatar{width:36px;height:36px}.blog-article .blog-article-byline strong{color:#fff;font-size:.76rem;font-weight:500}.blog-article .blog-article-byline time,.blog-article .blog-article-byline>span:last-child{position:relative;padding-left:22px}.blog-article .blog-article-byline time:before,.blog-article .blog-article-byline>span:last-child:before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:#70766d}
@media(max-width:680px){.blog-article .blog-article-hero{padding-block:22px 38px}.blog-article .blog-article-hero__back{margin-bottom:30px}.blog-article .blog-article-hero h1{font-size:clamp(2.45rem,11.5vw,3.25rem)}.blog-article .blog-article-byline{gap:10px 14px}.blog-article .blog-article-byline time,.blog-article .blog-article-byline>span:last-child{padding-left:14px}}

/* Author-led horizontal journal index */
.blog-journal--author-list .blog-archive{padding-block:58px 76px}.blog-journal--author-list .blog-section-heading{margin-bottom:14px;padding-bottom:20px;border-bottom:1px solid var(--page-line)}
.blog-author-list{display:grid}.blog-author-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:28px;padding:38px 0;border-bottom:1px solid var(--page-line)}
.blog-author-row__portrait{position:relative;width:68px;height:68px;flex:0 0 68px;margin-top:3px;overflow:hidden;border:3px solid #efb92b;border-radius:14px;background:#20231f;box-shadow:0 8px 18px rgba(26,29,25,.12)}.blog-author-row__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.2);transform-origin:50% 25%;backface-visibility:hidden}.blog-author-row__portrait>span{display:grid;place-items:center;width:100%;height:100%;color:#fff;font:500 1.25rem/1 var(--font-serif)}
.blog-author-row__body{min-width:0}.blog-author-row__byline{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:9px;font:400 1rem/1.3 var(--font-serif)}.blog-author-row__byline strong{color:#b33a2f;font-family:var(--font-sans);font-size:.93rem;font-weight:600;border-bottom:1px solid currentColor}.blog-author-row__byline span{color:#777970;font-style:italic}.blog-author-row__byline em{margin-left:auto;padding:5px 8px;border-radius:4px;color:#6e5a18;background:#fbf1c8;font:500 .61rem/1 var(--font-sans);font-style:normal;letter-spacing:.05em;text-transform:uppercase}
.blog-author-row h2{max-width:38ch;font:500 clamp(1.65rem,2.6vw,2.35rem)/1.17 var(--font-sans);letter-spacing:-.035em}.blog-author-row h2 a{color:inherit;text-decoration:none}.blog-author-row h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.blog-author-row__body>p{max-width:76ch;margin-top:17px;color:#565951;font:400 1.08rem/1.72 var(--font-serif)}
.blog-author-row__footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px}.blog-author-row__footer>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;color:#777a72;font-size:.67rem;text-transform:uppercase;letter-spacing:.045em}.blog-author-row__footer>div>*+*{position:relative;padding-left:14px}.blog-author-row__footer>div>*+*:before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:#b6a255}.blog-author-row__footer>a{display:inline-flex;align-items:center;gap:18px;flex:0 0 auto;padding:10px 14px;border:1px solid #c9c5b9;border-radius:6px;color:#292b27;font-size:.72rem;font-weight:600;text-decoration:none}.blog-author-row__footer>a:hover{border-color:#20231f;background:#20231f;color:#fff}
@media(max-width:680px){.blog-journal--author-list .blog-archive{padding-block:40px 54px}.blog-author-row{grid-template-columns:54px minmax(0,1fr);gap:17px;padding:28px 0}.blog-author-row__portrait{width:50px;height:50px;border-width:2px;border-radius:11px}.blog-author-row__byline{margin-bottom:8px;font-size:.88rem}.blog-author-row__byline strong{font-size:.76rem}.blog-author-row__byline em{display:none}.blog-author-row h2{font-size:1.55rem}.blog-author-row__body>p{margin-top:13px;font-size:.98rem}.blog-author-row__footer{align-items:flex-start;flex-direction:column;gap:16px}.blog-author-row__footer>div{gap:7px 13px;font-size:.58rem}.blog-author-row__footer>a{width:100%;justify-content:space-between}.blog-journal--author-list .blog-section-heading{align-items:flex-start;flex-direction:column;gap:8px}}

/* Quiet author enquiry card: useful context without competing with the article. */
.blog-author-card{overflow:hidden;border:1px solid #dedbd2;border-radius:11px;background:#faf9f5;color:#262824;box-shadow:0 7px 20px rgba(30,33,29,.045)}
.blog-author-card__portrait{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;padding:10px;border-bottom:1px solid #e2dfd6;background:linear-gradient(145deg,#eeece5,#f8f6f0)}
.blog-author-card__portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:7px}
.blog-author-card__portrait>span{display:grid;place-items:center;width:62px;height:62px;border:1px solid #b79a2a;border-radius:50%;color:#7f6a18;background:#f8f4df;font:500 1.55rem/1 var(--font-serif)}
.blog-author-card__content{padding:20px}
.blog-author-card__content>p:first-child{margin:0 0 7px;color:#827026;font-size:.56rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.blog-author-card__content h2{margin:0;color:#262824;font-size:1.12rem;letter-spacing:-.02em}
.blog-author-card__content>p:not(:first-child){margin:10px 0 17px;color:#666961;font-size:.72rem;line-height:1.6}
.blog-author-card__content .btn{width:100%;min-height:40px;justify-content:space-between;padding:8px 12px;border-color:#c9c5bb;color:#343631;background:#fff;box-shadow:none;font-size:.66rem}
.blog-author-card__content .btn:hover{border-color:#8d8e87;color:#20221f;background:#f3f1ea}
@media(max-width:680px){.blog-author-card{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr)}.blog-author-card__portrait{height:auto;aspect-ratio:1;border-right:1px solid #e2dfd6;border-bottom:0}.blog-author-card__portrait>span{width:52px;height:52px;font-size:1.3rem}.blog-author-card__content{display:flex;flex-direction:column;justify-content:center;padding:20px}.blog-author-card__content h2{font-size:1.04rem}.blog-author-card__content>p:not(:first-child){font-size:.68rem}}
@media(max-width:430px){.blog-author-card{grid-template-columns:1fr}.blog-author-card__portrait{width:100%;max-width:280px;margin-inline:auto;aspect-ratio:1;border-right:0;border-bottom:1px solid #e2dfd6}.blog-author-card__portrait>span{width:48px;height:48px;font-size:1.2rem}}

/* On smaller screens the journal portrait leads each story instead of sitting beside it. */
@media(max-width:1024px){
  .blog-journal--author-list .blog-author-row{grid-template-columns:1fr;justify-items:center;gap:18px;text-align:center}
  .blog-journal--author-list .blog-author-row__portrait{grid-row:1;width:72px;height:72px;margin:0 auto;transform:none;border-radius:50%}
  .blog-journal--author-list .blog-author-row__portrait img{object-position:center top}
  .blog-journal--author-list .blog-author-row__body{grid-row:2;width:100%;text-align:center}
  .blog-journal--author-list .blog-author-row__byline,.blog-journal--author-list .blog-author-row__footer>div{justify-content:center}
  .blog-journal--author-list .blog-author-row__byline em{margin-left:0}
  .blog-journal--author-list .blog-author-row h2,.blog-journal--author-list .blog-author-row__body>p{margin-inline:auto}
}
@media(max-width:680px){
  .blog-journal--author-list .blog-author-row{gap:15px;padding:28px 0}
  .blog-journal--author-list .blog-author-row__portrait{width:68px;height:68px;border-width:3px}
  .blog-journal--author-list .blog-author-row__footer{align-items:center}
}

/* CMS-controlled case study result panel. */
.case-study-detail .case-study-result { margin-top:56px; padding:clamp(24px,4vw,40px); border:1px solid #263f50; border-radius:16px; background:#203747; color:#f4f8fb; }
.case-study-detail .case-study-result h2 { margin:0 0 18px; font-size:clamp(24px,3vw,32px); line-height:1.25; color:inherit; }
.case-study-detail .case-study-result p { margin:0; max-width:65ch; font-size:17px; line-height:1.8; color:inherit; white-space:pre-line; }
.case-study-detail .case-study-result__action { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; max-width:100%; margin-top:28px; padding:13px 18px; border:1px solid #dce8ef; border-radius:7px; background:#f4f8fb; color:#203747; font-size:14px; font-weight:600; text-decoration:none; overflow-wrap:anywhere; }
.case-study-detail .case-study-result__action:hover { text-decoration:underline; }
.case-study-detail .case-study-result__action:focus-visible { outline:3px solid #63c5ff; outline-offset:5px; }
.case-study-detail .case-study-result--light { background:#edf3f7; border-color:#cbd8e1; color:#203747; }
.case-study-detail .case-study-result--light .case-study-result__action { background:#203747; color:#f4f8fb; border-color:#203747; }
.case-study-detail .case-study-story__inner--single { display:block; max-width:920px; }
.case-study-detail .case-study-story__inner--single .case-study-story__content { width:100%; }

/* Single article on tablet and mobile: the sidebar closes the article instead
   of sitting beside it. Details and recent perspectives pair up; the author
   card spans the row. Desktop keeps the right-hand sidebar. */
@media (max-width: 1024px) {
  .blog-article .blog-article-content__grid { grid-template-columns: minmax(0, 680px); gap: 48px; }
  .blog-article .blog-article-aside { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: dense; align-items: start; gap: 16px; padding-top: 40px; border-top: 1px solid var(--page-line); }
  .blog-article .blog-article-aside > .blog-author-card { grid-column: 1 / -1; display: grid; grid-template-columns: 180px minmax(0, 1fr); }
  .blog-article .blog-article-aside > .blog-author-card .blog-author-card__portrait { width: 100%; max-width: none; margin: 0; border-right: 1px solid #e2dfd6; border-bottom: 0; }
  .blog-article .blog-article-aside > .blog-author-card .blog-author-card__content { display: flex; flex-direction: column; justify-content: center; }
}
@media (max-width: 680px) {
  .blog-article .blog-article-aside { grid-template-columns: minmax(0, 1fr); padding-top: 32px; }
  .blog-article .blog-article-aside > .blog-author-card { grid-template-columns: 140px minmax(0, 1fr); }
}
@media (max-width: 430px) {
  .blog-article .blog-article-aside > .blog-author-card { grid-template-columns: minmax(0, 1fr); }
  .blog-article .blog-article-aside > .blog-author-card .blog-author-card__portrait { max-width: 280px; margin-inline: auto; border-right: 0; border-bottom: 1px solid #e2dfd6; }
}
@media print {
  .blog-article .blog-article-aside { display: none; }
}