:root{--paper:#faf9f6;--ink:#211f1d;--muted:#77736e;--line:#d8d4cd;--accent:#796b59;--serif:"Baskerville","Iowan Old Style","Palatino Linotype",Georgia,serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
img{display:block;max-width:100%}
::selection{background:#c7b49e;color:#171512}
.skip-link{position:absolute;z-index:10;top:-100px;left:16px;background:var(--ink);color:#fff;padding:12px 16px}
.skip-link:focus{top:12px}
.journal-nav{height:86px;border-bottom:1px solid var(--line);padding:0 clamp(20px,4.8vw,88px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}
.journal-nav a{text-decoration:none}
.journal-brand,.footer-brand{font-family:var(--serif);font-size:clamp(24px,2.2vw,32px);letter-spacing:-.055em;white-space:nowrap}
.journal-brand span{font-style:italic}
.nav-issue,.nav-return,.eyebrow,.hero-overline,.hero-side-note,.hero-byline,.tone-study figcaption,.intro-marker,.chapter-index,.related-number,.related-link small,.journal-footer p,.journal-footer>span{font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.17em;text-transform:uppercase}
.nav-issue{text-align:center}
.nav-separator{padding:0 .55em;color:var(--muted)}
.nav-return{text-align:right;transition:color .25s ease}
.nav-return:hover,.author-note a:hover{color:var(--accent)}
.nav-return span{margin-left:9px;font-size:16px}
.journal-hero{padding:45px clamp(20px,4.8vw,88px) 74px}
.hero-overline{display:flex;justify-content:space-between;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:14px}
.hero-title-grid{display:grid;grid-template-columns:20% 1fr;align-items:end;padding:67px 0 57px}
.hero-side-note{margin:0 22px 16px 0;color:var(--muted);line-height:1.8}
h1,h2,p,figure{margin-top:0}
h1,h2,.intro-statement,.pullquote p{font-family:var(--serif);font-weight:400}
h1{font-size:clamp(70px,8.45vw,150px);letter-spacing:-.08em;line-height:.88;margin:0;max-width:1150px}
h1 em,.chapter h2 em,.related h2 em{font-weight:400}
.hero-bottom{display:grid;grid-template-columns:20% minmax(0,640px) 1fr;gap:0;align-items:end;border-top:1px solid var(--line);padding-top:27px}
.hero-deck{grid-column:2;font-family:var(--serif);font-size:clamp(21px,2.4vw,34px);line-height:1.25;letter-spacing:-.028em;max-width:620px;margin:0}
.hero-deck em{font-weight:400}
.hero-byline{justify-self:end;margin:0;color:var(--muted);line-height:2}
.hero-byline a{text-underline-offset:3px;color:var(--ink)}
.journal-spread{max-width:1440px;margin:0 auto;padding:18px clamp(20px,4.8vw,88px) 118px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(56px,6vw,100px);align-items:center}
.tone-study{min-width:0;margin:0;padding:0}
.tone-study-image{display:block;width:max-content;max-width:100%;cursor:zoom-in}
.tone-study img{width:auto;max-width:100%;max-height:min(74vh,630px);height:auto}
.tone-study figcaption{display:grid;gap:3px;color:var(--muted);border-bottom:1px solid var(--line);padding:16px 0}
.tone-study-zoom{display:none}
.caption-rule{margin:0 5px}
.article-intro{min-width:0;margin:0;padding:0;display:block}
.intro-marker{color:var(--accent);padding:0 0 30px}
.intro-marker span{font-size:17px;margin-left:12px}
.intro-statement{font-size:clamp(34px,4.15vw,64px);line-height:1.13;letter-spacing:-.05em;max-width:940px;margin:0}
.intro-statement strong{font-weight:500}
.article-body{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4.8vw,88px)}
.chapter{display:grid;grid-template-columns:25% 1fr;gap:20px;border-top:1px solid var(--line);padding:65px 0 100px;scroll-margin-top:30px}
.chapter-index{color:var(--accent);padding-top:11px;display:flex;align-items:flex-start;gap:16px;white-space:nowrap}
.chapter-line{height:1px;max-width:80px;flex:1;background:var(--line);margin-top:7px}
.chapter-content{max-width:740px}
.chapter h2{font-size:clamp(43px,5.2vw,78px);letter-spacing:-.065em;line-height:.99;margin-bottom:44px}
.chapter h2 em{display:block;color:var(--accent)}
.chapter-content p{font-family:var(--serif);font-size:clamp(19px,1.58vw,23px);line-height:1.62;letter-spacing:-.012em;margin-bottom:1.35em}
.chapter-content p:last-child{margin-bottom:0}
.chapter-content a{text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:4px}
.chapter-content a:hover{color:var(--accent)}
.pullquote{display:grid;grid-template-columns:25% 1fr;gap:20px;padding:80px 0 100px;border-top:1px solid var(--line);margin:0}
.pullquote>span{font-family:var(--serif);font-size:155px;line-height:.7;color:#b9a994}
.pullquote p{max-width:800px;font-size:clamp(31px,3.7vw,58px);line-height:1.16;letter-spacing:-.045em;margin:0;color:#6c5d4b}
.related{max-width:1440px;margin:20px auto 0;padding:90px clamp(20px,4.8vw,88px) 118px;border-top:1px solid var(--line);display:grid;grid-template-columns:25% 1fr;gap:20px}
.eyebrow{color:var(--accent);display:block;margin-bottom:25px}
.related h2{font-size:clamp(38px,4vw,60px);letter-spacing:-.055em;line-height:1.04;margin:0}
.related h2 em{display:block;color:var(--accent)}
.related-grid{border-top:1px solid var(--line)}
.related-link{display:grid;grid-template-columns:44px 1fr 30px;gap:20px;align-items:start;padding:27px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .25s ease,color .25s ease}
.related-link:hover{padding-left:12px;color:var(--accent)}
.related-number{color:var(--accent);padding-top:8px}
.related-link strong{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.3vw,34px);letter-spacing:-.045em;line-height:1.1}
.related-link small{display:block;color:var(--muted);margin-top:8px;letter-spacing:.11em}
.related-arrow{justify-self:end;font-size:22px}
.author-note{background:#ece8e0;padding:84px clamp(20px,4.8vw,88px);display:grid;grid-template-columns:25% minmax(0,650px);gap:20px}
.author-note h2{font-size:clamp(50px,5vw,76px);letter-spacing:-.065em;line-height:1;margin-bottom:19px}
.author-note p:not(.eyebrow){font-family:var(--serif);font-size:clamp(19px,1.65vw,24px);line-height:1.5;margin-bottom:30px}
.author-note a{display:inline-block;margin:0 32px 14px 0;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:6px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;transition:color .25s ease}
.journal-footer{min-height:160px;background:#111310;color:#e8e6df;padding:48px clamp(20px,4.8vw,88px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}
.journal-footer .footer-brand{text-decoration:none}
.journal-footer p{margin:0;text-align:center;color:#a7a9a0}
.journal-footer>span{text-align:right;color:#a7a9a0}
.reveal{opacity:0;transform:translateY(23px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){
  .hero-title-grid{grid-template-columns:1fr;padding:55px 0 45px}.hero-side-note{display:none}
  .hero-bottom{grid-template-columns:1fr 1fr;gap:24px}.hero-deck{grid-column:1}.hero-byline{align-self:start}
  .journal-spread{display:block;padding:0 clamp(20px,4.8vw,88px) 105px}
  .tone-study{max-width:560px;margin-inline:auto}.tone-study-image{width:100%}.tone-study img{width:100%;max-height:none}
  .tone-study figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px}.tone-study figcaption>span:nth-child(2){display:none}
  .tone-study-zoom{display:inline;white-space:nowrap;color:var(--ink);text-underline-offset:3px}
  .article-intro{max-width:720px;margin:75px auto 0}
  .chapter,.pullquote,.related,.author-note{grid-template-columns:22% 1fr}
  .chapter-line{display:none}
}
@media(max-width:600px){
  .journal-nav{height:66px;padding:0 20px;grid-template-columns:1fr auto}.journal-brand{font-size:26px}.nav-issue{display:none}.nav-return{font-size:9px;letter-spacing:.08em}
  .journal-hero{padding:29px 20px 45px}.hero-overline{font-size:9px;letter-spacing:.12em}.hero-overline span:last-child{display:none}
  .hero-title-grid{padding:55px 0 49px}h1{font-size:clamp(52px,13.9vw,74px);line-height:.95;letter-spacing:-.075em}
  .hero-bottom{grid-template-columns:1fr;gap:28px;padding-top:23px}.hero-deck{font-size:24px;max-width:340px}.hero-byline{justify-self:start;font-size:9px}
  .journal-spread{padding:0 12px 72px}.tone-study figcaption{padding:13px 8px;font-size:9px;letter-spacing:.08em}.tone-study-zoom{font-size:9px;letter-spacing:.08em}
  .article-intro{margin:54px 10px 0}.intro-marker{padding:0;margin-bottom:25px}.intro-statement{font-size:clamp(28px,7.2vw,37px);line-height:1.18}
  .article-body{padding:0 22px}.chapter{display:block;padding:37px 0 78px}.chapter-index{margin-bottom:34px}.chapter h2{font-size:clamp(46px,12vw,60px);margin-bottom:30px}.chapter-content p{font-size:20px;line-height:1.58}
  .pullquote{display:block;padding:60px 0 75px}.pullquote>span{font-size:110px;display:block;height:56px}.pullquote p{font-size:37px}
  .related{display:block;margin:0;padding:65px 22px 85px}.related h2{margin-bottom:36px}.related-link{grid-template-columns:25px 1fr 20px;gap:9px}.related-link strong{font-size:26px}.related-link small{font-size:9px;line-height:1.5}.related-number{font-size:9px}
  .author-note{display:block;padding:64px 22px}.author-note .eyebrow{margin-bottom:32px}.author-note p:not(.eyebrow){font-size:21px}.author-note a{font-size:10px;margin-right:16px}
  .journal-footer{grid-template-columns:1fr;gap:16px;padding:43px 22px}.journal-footer p,.journal-footer>span{text-align:left;font-size:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.related-link,.nav-return,.author-note a{transition:none}}
