/* Long-form stories */
#reader.story-reader{width:min(1380px,calc(100vw - 32px));height:96svh;max-height:96svh;overscroll-behavior:contain}
.reader-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--clay);width:0;transition:width .12s}
.story-article{padding:0 5% 60px}
.article-masthead{padding:65px 0 45px;max-width:1060px;margin:auto}
.article-meta{display:flex;flex-wrap:wrap;gap:15px 35px;font:9px var(--sans);letter-spacing:1.5px;color:#616a58}
.article-meta span:first-child{color:var(--clay)}
.article-masthead h2{font:400 clamp(64px,7vw,112px)/.94 var(--serif);letter-spacing:-.05em;max-width:1000px;margin:35px 0}
.article-dek{font:25px/1.5 var(--serif);max-width:720px;margin:0}
.article-permalink{display:inline-block;font:8px var(--sans);letter-spacing:1.4px;border-bottom:1px solid var(--line);padding:8px 0;margin-top:22px}
.article-figure{margin:45px 0}
.article-figure img{height:auto;aspect-ratio:3/2;object-fit:cover;background:#d6d3c3}
.article-lead{max-width:1120px;margin:0 auto 75px}
.article-lead img{max-height:680px}
.article-figure figcaption{display:grid;grid-template-columns:170px 1fr;gap:25px;margin-top:14px;font:10px/1.6 var(--sans);letter-spacing:0;color:#626958}
.figure-tag{font-size:7px;letter-spacing:1.1px;line-height:1.7}
.article-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:50px;max-width:1120px;margin:auto;align-items:start}
.article-contents{position:sticky;top:95px;padding-top:8px}
.article-contents .eyebrow{font-size:8px}
.article-contents nav{margin:20px 0}
.article-contents button,.article-contents nav>a{display:flex;text-align:left;gap:10px;width:100%;padding:12px 0;border-top:1px solid var(--line);font:11px/1.5 var(--sans);color:#6b705e}
.article-contents button span,.article-contents nav>a span{font-size:8px;padding-top:2px}
.article-contents button.active,.article-contents button:hover{color:var(--clay)}
.article-contents>p{font:9px/1.7 var(--sans);color:#737666;max-width:150px}
.article-main{min-width:0}
.reading-section{padding-bottom:55px;margin-bottom:55px;border-bottom:1px solid var(--line);scroll-margin-top:95px}
.section-index{font:8px var(--sans);letter-spacing:1.6px;color:var(--clay);margin-bottom:20px}
.reading-section h3{font:400 clamp(36px,4vw,59px)/1.05 var(--serif);letter-spacing:-1.4px;max-width:700px;margin-bottom:30px}
.reading-section>p{font:19px/1.85 Georgia,serif;max-width:680px;margin:0 0 25px;color:#344031}
.reading-section>p:first-of-type:first-letter{font-size:1.35em}
.article-inline{margin:42px 0 38px}
.section-sources{font:11px var(--sans);margin-top:34px;max-width:680px}
.section-sources summary{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;font-size:10px}
.section-sources summary:before{content:'+';margin-right:12px}
.section-sources[open] summary:before{content:'−'}
.section-sources summary>span{color:#79806c;font-size:9px;margin-left:auto}
.section-sources ol{padding-left:18px;margin:15px 0}
.section-sources li{font-size:11px;line-height:1.6;margin:0 0 15px}
.section-sources li>a{text-decoration:underline;text-underline-offset:3px}
.section-sources li>span{display:block;color:#727969;font-size:9px;margin-top:3px}
.article-research-note{max-width:680px}
.article-research-note>p{font:11px/1.9 var(--sans);margin:18px 0}
.article-research-note>a{display:inline-block;font-size:10px;margin:0 20px 12px 0;text-decoration:underline;text-underline-offset:4px}
.article-next{max-width:1120px;padding:55px 0 10px;border-top:1px solid var(--line);margin:70px auto 0}
.article-next>button,.article-next>a{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;font:54px/1.05 var(--serif);letter-spacing:-1.3px;margin:20px 0}
.article-next>p{font:13px/1.8 var(--sans);max-width:650px}
.article-next>h3{font:60px var(--serif);margin:25px 0}
.gallery-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 6%;margin-top:45px}
.gallery-directory button{display:flex;align-items:center;gap:20px;width:100%;border-top:1px solid #b5baa6;text-align:left;padding:24px 0}
.gallery-directory .num{font:9px var(--sans);color:var(--clay)}
.gallery-directory strong{font:27px/1.15 var(--serif);display:block;font-weight:400}
.gallery-directory small{font:8px var(--sans);letter-spacing:1px;display:block;margin-top:10px}
.gallery-directory .arrow{margin-left:auto;font-size:22px}
.archive-page .story-article{padding-top:40px;border-top:1px solid var(--line);margin-top:90px;scroll-margin-top:25px}
.archive-masthead{padding:75px 6%;max-width:1100px}
.archive-masthead h1{font:100px/.95 var(--serif);letter-spacing:-4px;margin:35px 0}
.archive-masthead>p{font-size:14px;max-width:580px;margin:30px 0}
.archive-masthead ol{padding-left:20px;columns:2;column-gap:50px}
.archive-masthead li{font-size:13px;line-height:1.6;margin-bottom:15px}
.archive-masthead a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){
.article-layout{grid-template-columns:140px minmax(0,1fr);gap:30px}
.article-figure figcaption{grid-template-columns:1fr;gap:6px}
.reading-section>p{font-size:18px}
.article-masthead h2{font-size:82px}
}
@media(max-width:600px){
#reader.story-reader{width:100vw;height:100svh;max-height:100svh}
.story-article{padding:0 6% 40px}
.article-masthead{padding:40px 0 30px}
.article-meta{font-size:7px;letter-spacing:1px;gap:12px}
.article-meta span:nth-child(2){flex-basis:100%;order:3}
.article-masthead h2{font-size:58px;margin:25px 0;letter-spacing:-2px}
.article-dek{font-size:22px;line-height:1.5}
.article-permalink{font-size:7px;margin-top:20px}
.article-lead{margin-bottom:35px}
.article-lead img{aspect-ratio:4/3}
.article-figure figcaption{font-size:9px;line-height:1.6;margin-top:11px}
.figure-tag{font-size:6px}
.article-layout{display:block}
.article-contents{position:static;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0 8px;margin-bottom:40px}
.article-contents nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:15px 0 0}
.article-contents button,.article-contents nav>a{font-size:10px;padding:11px 0}
.article-contents>p{display:none}
.reading-section{padding-bottom:35px;margin-bottom:40px;scroll-margin-top:85px}
.reading-section h3{font-size:39px;letter-spacing:-.7px;margin-bottom:25px}
.reading-section>p{font-size:18px;line-height:1.85;margin-bottom:23px}
.section-index{font-size:7px;line-height:1.8;margin-bottom:16px}
.article-inline{margin:32px -6.8% 30px}
.article-inline img{aspect-ratio:4/3}
.article-inline figcaption{margin-left:6%;margin-right:6%}
.article-next{margin-top:45px;padding-top:35px}
.article-next>button,.article-next>a{font-size:38px;letter-spacing:-.6px;gap:20px}
.article-next>p{font-size:12px}
.gallery-directory{grid-template-columns:1fr;margin-top:30px}
.gallery-directory strong{font-size:27px}
.gallery-directory button{padding:22px 0}
.archive-masthead{padding:50px 6%}
.archive-masthead h1{font-size:68px;letter-spacing:-2px}
.archive-masthead ol{columns:1}
}