/* Reusable long-form journal elements. Keep the studio's obsidian finish. */
.journal-feature{--journal-ink:#eef0f2;--journal-muted:#b5b6bd;--journal-line:#ffffff20}
.journal-heading{padding:20px 0 55px;max-width:1050px}
.journal-heading .eyebrow,.journal-chapter .eyebrow,.journal-platforms .eyebrow,.journal-closing .eyebrow{color:#b7b8bf;font-size:.75rem;letter-spacing:.14em;margin-bottom:24px}
.journal-feature-page .journal-heading h1{font-size:clamp(3.3rem,6.6vw,7rem);line-height:1.02;letter-spacing:-.045em;font-weight:600}
.journal-heading h1 em{font-style:normal;color:#a6a8b0}
.journal-deck{font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.6;color:var(--journal-muted);max-width:54ch;margin-top:30px}
.journal-byline{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:.8rem;color:#9699a2;margin-top:28px}
.journal-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.journal-lineup>a{display:block;position:relative;overflow:hidden;background:#111;min-width:0}
.journal-lineup img{width:100%;height:clamp(240px,27vw,375px);object-fit:cover;transition:transform .4s ease}
.journal-lineup>a::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000e);pointer-events:none}
.journal-lineup>a>span{position:absolute;inset:auto 24px 25px;z-index:1;display:grid;grid-template-columns:1fr auto;gap:9px}
.journal-lineup small{grid-column:1/-1;color:#d7d8dc;font-size:.63rem;letter-spacing:.1em}
.journal-lineup strong{font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:500;line-height:1.1}
.journal-lineup b{font-size:1.5rem;font-weight:400}.journal-lineup a:hover img{transform:scale(1.025)}
.journal-event{display:grid;grid-template-columns:1fr 1.6fr;gap:12px 32px;align-items:center;padding:32px 0;border-bottom:1px solid var(--journal-line)}
.journal-event>span{font-size:.7rem;letter-spacing:.12em;color:#979aa3}.journal-event strong{font-size:1.4rem;font-weight:500}
.journal-event p{grid-column:2;color:var(--journal-muted);font-size:.9rem;line-height:1.6}.journal-event>a{grid-column:2;font-size:.85rem;text-decoration:underline;text-underline-offset:5px;padding:8px 0}
.journal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px;padding-top:65px}
.journal-toc{position:sticky;top:135px;align-self:start;display:flex;flex-direction:column;gap:0}
.journal-toc p{color:#83868f;font-size:.65rem;letter-spacing:.12em;margin-bottom:18px}
.journal-toc a{font-size:.85rem;color:#a9acb4;line-height:1.4;padding:10px 0}
.journal-toc a:hover{color:white}.journal-body{min-width:0}
.journal-feature :is(section,h2){scroll-margin-top:135px}
.journal-prose{max-width:68ch;font-size:1.08rem;color:var(--journal-muted);line-height:1.85}
.journal-prose p{margin:22px 0;line-height:1.85}.journal-prose strong{font-weight:500;color:#e1e2e6}
.journal-body h2{color:var(--journal-ink);font-size:clamp(2.2rem,3.8vw,3.7rem);line-height:1.12;letter-spacing:-.025em;font-weight:500}
.journal-prose h2{font-size:clamp(1.8rem,2.8vw,2.6rem);max-width:22ch;margin-bottom:28px}
.journal-prose a,.journal-note a,.journal-table-scroll a{text-decoration:underline;text-underline-offset:4px;color:#e2e4e9}
.journal-chapter{margin:75px 0;padding-top:45px;border-top:1px solid var(--journal-line)}
.journal-chapter-deck{margin-top:18px;color:var(--journal-muted);font-size:1.2rem;line-height:1.5}
.journal-figure{margin:30px 0}.journal-figure img{width:100%;height:auto;display:block}.journal-figure figcaption{margin-top:12px;color:#9699a2;font-size:.75rem;line-height:1.55}
.journal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 25px;margin-top:28px}
.journal-feature-page #main .journal-actions .button{display:inline-flex;gap:22px;justify-content:space-between;padding:15px 22px;font-size:.9rem}
.journal-actions .quiet-link{color:#d2d3d9;text-decoration:underline;text-underline-offset:5px;line-height:1.5}
.journal-platforms{border-top:1px solid var(--journal-line);padding-top:42px;margin-bottom:80px}
.journal-table-scroll{overflow-x:auto;margin-top:28px}.journal-table-scroll table{border-collapse:collapse;width:100%;text-align:left;font-size:.85rem;line-height:1.6;min-width:660px}
.journal-table-scroll caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.journal-table-scroll :is(th,td){border-bottom:1px solid var(--journal-line);padding:19px 14px 19px 0;vertical-align:top;color:#b5b6bd}
.journal-table-scroll thead th{font-size:.7rem;color:#91949e;font-weight:400;letter-spacing:.03em}.journal-table-scroll tbody th{color:#eef0f2;font-weight:500}
.journal-note{font-size:.8rem;color:#979aa3;line-height:1.65;margin-top:18px;max-width:70ch}
.journal-closing{padding-bottom:35px}.journal-signoff{font-size:1.3rem;color:#eef0f2}.journal-signoff span{font-size:.8rem;color:#9699a2}
.journal-sources{border-top:1px solid var(--journal-line);padding:25px 0 70px;display:flex;flex-wrap:wrap;gap:16px 25px;font-size:.75rem;color:#abaeb7}.journal-sources>p{width:100%;font-size:.65rem;letter-spacing:.1em;color:#858893}
.journal-feature>.article-end{max-width:none;border-top:1px solid var(--journal-line);padding-top:30px;color:#c0c3cc}.journal-feature a:focus-visible{outline:2px solid white;outline-offset:5px}
@media(max-width:1100px){.journal-layout{grid-template-columns:165px minmax(0,1fr);gap:35px}.journal-lineup>a>span{inset:auto 16px 20px}.journal-lineup small{font-size:.56rem}}
@media(max-width:760px){.journal-heading{padding:5px 0 35px}.journal-feature-page .journal-heading h1{font-size:clamp(2.5rem,9.5vw,4rem)}.journal-deck{font-size:1.06rem;margin-top:23px}.journal-byline{gap:10px 20px;font-size:.75rem}.journal-heading .eyebrow{font-size:.65rem;letter-spacing:.1em}.journal-lineup{grid-template-columns:1fr}.journal-lineup img{height:235px}.journal-lineup>a>span{inset:auto 20px 22px}.journal-lineup small{font-size:.65rem}.journal-lineup strong{font-size:1.8rem}.journal-event{grid-template-columns:1fr;padding:28px 0;gap:10px}.journal-event p,.journal-event>a{grid-column:1}.journal-event strong{font-size:1.35rem}.journal-layout{display:block;padding-top:30px}.journal-toc{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 20px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--journal-line)}.journal-toc p{width:100%;margin-bottom:10px}.journal-toc a{font-size:.78rem;padding:9px 0}.journal-prose{font-size:1rem}.journal-prose p{margin-block:20px}.journal-prose h2{font-size:2rem}.journal-chapter{margin-block:50px;padding-top:30px}.journal-chapter-deck{font-size:1.06rem}.journal-figure{margin-block:25px}.journal-body h2{font-size:2.6rem}.journal-prose h2{font-size:2rem}.journal-platforms{margin-bottom:50px;padding-top:30px}.journal-platforms h2{font-size:2rem}.journal-actions{align-items:stretch;flex-direction:column;gap:5px}.journal-actions .quiet-link{font-size:.85rem}.journal-feature :is(section,h2){scroll-margin-top:105px}.journal-sources{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.journal-lineup img{transition:none}.journal-lineup a:hover img{transform:none}}