/* Studio Notes: the studio palette, with a quiet page for long reading. */
.notes-preview{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,110px);padding-top:85px;padding-bottom:95px}
.notes-preview h2{font:normal clamp(45px,5.5vw,80px)/.96 var(--serif);letter-spacing:-.05em;margin:19px 0 25px}
.notes-preview h2 em{color:var(--blush);font-weight:normal}
.notes-preview>div>p,.note-preview-card>p{color:var(--muted);max-width:460px;font-size:17px}
.note-preview-card{padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-self:center}
.note-preview-card h3{font:normal clamp(30px,3.3vw,46px)/1.08 var(--serif);letter-spacing:-.025em;margin:20px 0}
.note-preview-card h3 a{text-decoration:none}
.note-preview-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.editorial-page{background:var(--paper);color:var(--ink)}
.editorial-page .site-header{position:relative;background:var(--ink);color:var(--paper);border-bottom-color:var(--line)}
.editorial-page .primary-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.editorial-page main{min-height:65vh}
.journal-header{padding-top:80px;padding-bottom:60px}
.journal-header .chapter,.journal-copy .chapter{color:#784031;font-size:14px}
.journal-header h1{font:normal clamp(76px,10vw,140px)/.85 var(--serif);letter-spacing:-.055em;margin:24px 0 30px}
.journal-header h1 em{color:#794438;font-weight:normal}
.journal-header>p:last-child{font-size:20px;line-height:1.6;max-width:640px;margin:0;color:#59473a}
.journal-entries{padding-bottom:100px}
.journal-feature{display:grid;grid-template-columns:40% 60%;border:1px solid #ad927a;background:#eadbc8}
.journal-image{display:block;overflow:hidden;min-height:470px;background:#a77c5b}
.journal-image img{width:100%;height:100%;object-fit:cover;object-position:center 48%;max-height:600px;transition:transform .25s}
.journal-image:hover img{transform:scale(1.025)}
.journal-copy{padding:clamp(28px,4vw,60px);align-self:center}
.journal-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font:14px/1.5 var(--mono);color:#625043;margin:16px 0}
.journal-copy h2{font:normal clamp(34px,3.8vw,55px)/1.03 var(--serif);letter-spacing:-.035em;margin:25px 0}
.journal-copy h2 a{text-decoration:none}
.journal-copy h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.journal-copy>p:not(.chapter){font-size:18px;line-height:1.65;color:#534335}
.editorial-page .text-link:hover{color:#7b3e2f}
.article-header{background:var(--ink);color:var(--paper);padding:36px 24px 62px}
.article-header-inner{width:min(1120px,100%);margin:auto}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font:14px/1.5 var(--mono);color:var(--cream);margin-bottom:45px}
.breadcrumbs a{text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.article-header .chapter{font-size:14px}
.article-header h1{font:normal clamp(43px,5.6vw,78px)/1.04 var(--serif);letter-spacing:-.043em;max-width:1040px;margin:22px 0 25px;text-wrap:balance}
.article-header h1 em{color:#ddb9a9;font-weight:normal}
.article-deck{font-size:clamp(19px,2.2vw,24px);color:var(--cream);margin-bottom:30px}
.article-byline{display:flex;flex-wrap:wrap;gap:10px 25px;font:14px/1.55 var(--mono);color:#ccb7a1}
.article-byline a{color:var(--paper);text-underline-offset:4px}
.article-layout{display:grid;grid-template-columns:205px minmax(0,745px);justify-content:center;gap:65px;max-width:1200px;margin:auto;padding:65px 24px 95px}
.article-toc nav{position:sticky;top:30px;border-top:1px solid #b9a38b;padding-top:18px}
.article-toc p{font:14px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#7a4436;margin-bottom:18px}
.article-toc a{display:block;color:#584637;text-decoration:none;font-size:16px;line-height:1.4;padding:8px 0}
.article-toc a:hover{text-decoration:underline;text-underline-offset:4px}
.article-body{min-width:0;font-size:18px;line-height:1.8;color:#30251d}
.article-body p{margin-bottom:1.3em}
.article-body a{color:#783d2e;text-decoration-thickness:1px;text-underline-offset:4px}
.article-body a:hover{color:#351e17;text-decoration-thickness:2px}
.article-lead{font:normal clamp(23px,2.6vw,29px)/1.5 var(--serif);color:var(--ink)}
.article-body h2{font:normal clamp(30px,3vw,40px)/1.15 var(--serif);letter-spacing:-.025em;color:var(--ink);margin:55px 0 22px;scroll-margin-top:28px}
.article-body h3{font:normal clamp(23px,2.2vw,29px)/1.25 var(--serif);letter-spacing:-.01em;margin:32px 0 14px;color:#69382d}
.table-scroll{overflow-x:auto;margin:30px 0}
.article-body table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.55;text-align:left}
.article-body caption{font:14px/1.5 var(--mono);text-transform:uppercase;text-align:left;margin-bottom:12px;color:#765542}
.article-body th,.article-body td{padding:14px 12px;vertical-align:top;border-bottom:1px solid #c4ac92;overflow-wrap:break-word}
.article-body thead{background:#dfcdb6}
.article-body tbody th{font-weight:600;width:28%}
.article-body .editorial-note{border-left:3px solid #a56f5d;padding:8px 0 8px 18px;font-size:15px;line-height:1.65;color:#635040}
.article-figure{margin:30px 0 35px}
.article-figure img{width:100%;height:450px;object-fit:cover;object-position:center 53%;background:#a57d5a}
.article-figure figcaption{font:14px/1.65 var(--mono);color:#665242;margin-top:12px}
.brief-list{padding:25px 25px 25px 50px;background:#e4d3bd;border-top:1px solid #b59a7f;border-bottom:1px solid #b59a7f}
.brief-list li{padding:5px 0 9px 4px}
.article-cta{background:#6e2f2b;color:var(--paper);padding:35px;margin-top:55px}
.article-cta .chapter{color:#f3ceb0;font-size:14px}
.article-cta h2{color:var(--paper);margin:18px 0 20px;font-size:36px}
.article-cta a,.article-cta a:hover{color:var(--paper)}
.article-cta .button{background:var(--paper);color:var(--ink);font-size:14px;text-decoration:none;max-width:100%}
.article-cta .button:hover{background:var(--cream);color:var(--ink)}
.author-bio{margin:48px 0 12px;padding:28px 0;border-top:1px solid #b9a38b;border-bottom:1px solid #b9a38b;font-size:16px;line-height:1.7}
.author-bio h2{font-size:26px;margin:0 0 15px}
.author-bio p{margin-bottom:12px}
@media(max-width:950px){.article-layout{grid-template-columns:minmax(0,745px);gap:30px;padding-top:35px}.article-toc nav{position:static;display:flex;flex-wrap:wrap;gap:4px 22px}.article-toc p{flex-basis:100%;margin:0}.article-toc a{font-size:15px}}
@media(max-width:780px){.notes-preview{grid-template-columns:1fr;gap:15px;padding-top:65px;padding-bottom:75px}.notes-preview h2{font-size:55px}.journal-header{padding-top:55px;padding-bottom:40px}.journal-feature{grid-template-columns:1fr}.journal-image{min-height:0;height:360px}.journal-copy{padding:30px}.journal-entries{padding-bottom:65px}.article-header{padding-bottom:42px}.breadcrumbs{margin-bottom:28px}.article-layout{padding-bottom:65px}}
@media(max-width:520px){.journal-header h1{font-size:80px}.journal-header>p:last-child{font-size:18px}.journal-image{height:290px}.journal-copy{padding:27px 23px}.journal-copy h2{font-size:35px}.article-header{padding-inline:22px}.article-header h1{font-size:43px;letter-spacing:-.035em}.article-byline{gap:8px 20px}.article-byline>span:first-of-type{flex-basis:100%}.article-layout{padding-left:22px;padding-right:22px}.article-body{font-size:17px;line-height:1.78}.article-body h2{margin-top:42px;font-size:32px}.article-body table{font-size:15px;min-width:390px}.article-body th,.article-body td{padding:11px 9px}.article-figure img{height:340px}.article-cta{padding:26px 22px}.article-cta h2{font-size:32px}.brief-list{padding:20px 18px 20px 35px}}
@media(prefers-reduced-motion:reduce){.journal-image img{transition:none}}