.journal-page .svc-hero h1 { margin-top:clamp(10px,.83vw,16px); }
.journal-page .svc-hero .lead { margin-top:28px; }
.journal-page .svc-hero .photo img { object-position:50% 50%; }
.journal-topics { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); background:var(--cream); }
.journal-topics .topics-photo { position:relative; overflow:hidden; }
.journal-topics .topics-photo img { position:absolute; inset:0; width:100%;height:100%;object-fit:cover;object-position:50% 45%; }
.journal-topics .topics-text { max-width:none; min-height:clamp(560px,48vw,850px); padding:var(--section-y) var(--gutter); }
.journal-topics .topics-text h2 { margin-top:0; }
.journal-topics .topics-text li+li { margin-top:1em; }
@media(max-width:900px) {
.journal-topics {grid-template-columns:1fr;}
.journal-topics .topics-photo {aspect-ratio:4/3;}
.journal-topics .topics-text {min-height:0;}
}

.journal-page .jc-card { background:var(--cream); }
.journal-page .jc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:0; }
@media(max-width:767px) { .journal-page .jc-grid { grid-template-columns:1fr; } }

.journal-page .svc-hero { background:var(--cream); }
.blog-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:400px;height:66svh;max-height:720px;color:var(--cream);background:var(--brown);overflow:hidden}
.blog-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-2}
.blog-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,20,12,.78),rgba(34,20,12,.42) 55%,rgba(34,20,12,.12));z-index:-1}
.blog-hero-copy{padding:48px var(--gutter);width:100%}.blog-hero h1{font-size:var(--fs-h1);line-height:1.08;font-weight:400;margin-top:22px;letter-spacing:-.02em}.blog-hero .lead{max-width:46em;margin-top:26px;font-size:clamp(17px,1.25vw,24px);line-height:1.5}.blog-articles{background:var(--sand);padding-top:32px}
@media(max-width:767px){.blog-hero{height:66svh;min-height:380px}.blog-hero-copy{padding-block:36px}.blog-hero h1{font-size:clamp(32px,7vw,48px)}.blog-hero-photo{object-position:60% center}.blog-hero::after{background:rgba(34,20,12,.58)}.blog-articles{padding-top:24px}}
/* Keep the book-shaped tea boxes in the wide hero crop. */
.blog-hero-photo{object-position:50% 57%}
@media(max-width:767px){.blog-hero-photo{object-position:50% 57%}}