/* Notes reuse the site's paper, ink, yellow and typography tokens. */
.journal-teaser{padding:70px 36px 100px;background:var(--paper)}
.journal-teaser .section-top a{display:inline-flex;gap:14px;align-items:center;min-height:44px;margin-top:-12px}
.journal-teaser-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:52px 0 40px}
.journal-teaser-heading h2{font-size:clamp(38px,5.5vw,80px);line-height:1.13;letter-spacing:-.065em;margin:0}
.journal-teaser-heading>p{font-size:15px;margin:0}
.note-feature{display:grid;grid-template-columns:1.12fr 1fr;border-block:1px solid var(--ink);gap:0;align-items:stretch}
.note-feature-art{position:relative;isolation:isolate;background:var(--yellow);min-height:340px;display:grid;place-items:center;overflow:hidden}
.note-feature-art>span{position:absolute;left:5%;top:4%;font:900 120px/1 Arial,sans-serif;letter-spacing:-.09em;opacity:.1;z-index:-1}
.note-feature-art img{width:94%;height:auto;transition:transform 420ms var(--ease)}
.note-feature-copy{padding:45px clamp(24px,4vw,64px);display:flex;align-items:start;flex-direction:column;justify-content:center}
.note-feature-copy h3{font-size:clamp(27px,3vw,44px);letter-spacing:-.06em;line-height:1.3;margin:24px 0}
.note-feature-copy p{font-size:15px;max-width:28em;margin:0 0 24px}
.note-read{display:flex;gap:32px;align-items:center;min-height:44px;font-size:14px;font-weight:700;border-bottom:1px solid}
.journal-page .icon-arrow{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.journal-header{padding:24px 36px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.journal-header nav{display:flex;gap:32px;align-items:center;font-size:13px}
.journal-header nav a{display:inline-flex;gap:12px;align-items:center;min-height:44px}
.journal-header nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.journal-hub{padding:0 36px 90px;max-width:1600px;margin:auto}
.journal-masthead{position:relative;padding:70px 0 60px}
.journal-masthead h1{font-size:clamp(72px,13vw,180px);line-height:1;margin:28px 0;letter-spacing:-.06em}
.journal-masthead h1 span{color:var(--red)}
.journal-masthead>p{font-size:18px;margin:0}
.journal-index-label{display:flex;justify-content:space-between;gap:20px;font:12px/1.6 "SFMono-Regular",Consolas,monospace;margin-bottom:18px}
.article-heading{max-width:1440px;padding:60px 36px 45px;margin:auto}
.article-back{font-size:13px;display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:6px}
.article-heading h1{font-size:clamp(36px,5.8vw,84px);line-height:1.2;letter-spacing:-.06em;margin:28px 0}
.article-heading h1>span{display:block}
.article-deck{font-size:clamp(15px,1.4vw,20px);margin-bottom:26px}
.article-byline{display:flex;gap:12px 28px;align-items:center;flex-wrap:wrap;font-size:12px;color:#656158}
.article-byline a{color:var(--ink);text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.article-cover{position:relative;background:var(--yellow);margin:0 36px;overflow:hidden;min-height:260px;padding:6% 10% 20px}
.article-cover>span{position:absolute;inset:20px 0 auto;text-align:center;font:900 clamp(65px,14vw,200px)/1 Arial,sans-serif;letter-spacing:-.08em;color:#17171512}
.article-cover img{position:relative;width:100%;height:auto;max-width:1200px;margin:0 auto}
.article-cover figcaption{position:relative;text-align:right;font-size:12px;margin-top:10px}
.article-layout{max-width:1300px;margin:0 auto;padding:80px 36px;display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,740px);gap:60px;align-items:start}
.article-toc{position:sticky;top:32px;display:grid;gap:8px}
.article-toc>.eyebrow{margin-bottom:16px}
.article-toc a{font-size:13px;line-height:1.6;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.article-body{font-size:17px;line-height:1.9;min-width:0}
.article-body p{line-height:1.95;margin-bottom:24px;text-wrap:pretty}
.article-body .article-lead{font-size:20px;line-height:1.85;font-weight:500;margin-bottom:54px}
.article-body section{margin-bottom:54px;scroll-margin-top:30px}
.article-body h2{font-size:26px;line-height:1.45;letter-spacing:-.04em;margin:0 0 24px;text-wrap:pretty}
.article-body blockquote{border-left:5px solid var(--red);font-size:clamp(25px,3vw,38px);line-height:1.5;letter-spacing:-.04em;font-weight:700;margin:36px 0;padding:0 0 0 24px}
.article-cut{background:#eee9df;padding:25px 15px 15px;margin:36px 0 56px}
.article-cut img{width:100%;height:auto}
.article-cut figcaption{font-size:12px;color:#656158;line-height:1.6;margin-top:20px}
.article-ending{font-size:28px;font-weight:700;letter-spacing:-.04em;padding-top:16px}
.article-author{border-top:1px solid var(--ink);padding-top:25px;margin-top:64px}
.article-author h3{font:700 25px/1.4 Arial,sans-serif;margin:16px 0}
.article-author p{font-size:14px;color:#656158}
.article-author>a{font-size:14px;display:inline-flex;gap:20px;min-height:44px;align-items:center;border-bottom:1px solid}
.article-next{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:25px}
.article-next a{padding:24px 0;border-top:1px solid;display:grid;gap:14px}
.article-next span{font-size:12px;color:#656158}.article-next strong{font-size:17px;line-height:1.7}
.journal-footer{padding:60px 36px 35px;background:var(--ink);color:var(--paper);text-align:center}
.journal-footer>a:first-child{display:inline-flex;min-height:48px;gap:20px;align-items:center;font-size:clamp(17px,2.5vw,26px);margin-bottom:30px}
.journal-footer p,.journal-icp{font-size:12px;color:#b6b3ac}.journal-footer p{margin-bottom:5px}.journal-icp{display:inline-flex;min-height:44px;align-items:center}
@media(hover:hover) and (pointer:fine){.note-feature:hover img{transform:rotate(-3deg) scale(1.04)}.article-toc a:hover,.article-back:hover{color:var(--blue)}.note-feature:hover .note-read{border-color:var(--red)}}
@media(max-width:900px){.article-layout{gap:36px;grid-template-columns:180px minmax(0,1fr)}.article-toc a{font-size:12px}.note-feature-art{min-height:290px}}
@media(max-width:760px){
 .journal-teaser{padding:50px 22px 65px}.journal-teaser-heading{display:block;margin:30px 0}.journal-teaser-heading h2{font-size:38px}.journal-teaser-heading>p{font-size:14px;margin-top:22px}
 .note-feature{grid-template-columns:1fr}.note-feature-art{min-height:230px}.note-feature-copy{padding:28px 0 36px}.note-feature-copy h3{font-size:30px;margin:18px 0}.note-feature-copy p{font-size:14px}
 .journal-header{padding:18px 20px;gap:14px}.journal-header nav{gap:16px;font-size:12px}.journal-header nav a:first-child{display:none}.journal-header nav .icon-arrow{display:none}
 .journal-header .brand{grid-template-columns:24px auto;gap:8px}.journal-header .brand-mark{width:24px;height:28px}.journal-header .brand-name{font-size:15px}.journal-header .brand-lab{font-size:7px}
 .journal-hub{padding:0 22px 55px}.journal-masthead{padding:50px 0 40px}.journal-masthead h1{font-size:92px}.journal-masthead>p{font-size:16px}.journal-index-label{font-size:10px}
 .article-heading{padding:26px 22px 30px}.article-heading h1{font-size:clamp(28px,8.4vw,53px);letter-spacing:-.065em;margin:22px 0}.article-deck br{display:none}.article-deck{font-size:15px;margin-bottom:12px}.article-byline{gap:6px 16px;font-size:11px}.article-byline>span{flex-basis:100%}
 .article-cover{margin:0 22px;padding:24% 3% 14px;min-height:0}.article-cover>span{top:13%;font-size:16vw}.article-cover figcaption{font-size:10px;padding-right:10px}
 .article-layout{display:block;padding:32px 22px 50px}.article-toc{position:static;margin-bottom:40px}.article-toc>.eyebrow{margin-bottom:5px}.article-toc a{font-size:13px}.article-body{font-size:16px}.article-body .article-lead{font-size:18px;margin-bottom:38px}.article-body h2{font-size:23px}.article-body blockquote{font-size:27px;padding-left:18px}.article-ending{font-size:25px}.article-next{grid-template-columns:1fr;gap:8px}
 .journal-footer{padding:40px 22px 24px}.journal-footer>a:first-child{font-size:18px;gap:12px}
}
@media(prefers-reduced-motion:reduce){.note-feature-art img{transition:none}.note-feature:hover img{transform:none}}