@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700;800&display=swap");
:root{--paper:#f5f2e9;--ink:#263c34;--green:#26342f;--sand:#e7dfcf;--line:#c8c9be;--rust:#a5563b;--serif:'Bodoni Moda',Georgia,serif;--sans:'Manrope',Arial,sans-serif;scroll-behavior:smooth;scroll-padding-top:135px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:400 17px/1.85 var(--sans)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}[hidden]{display:none!important}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}p{margin:0 0 24px}h1,h2,h3,h4,blockquote{font-family:var(--serif);font-weight:400;line-height:1.03;letter-spacing:-.045em;margin:0}h2{font-size:clamp(48px,6vw,94px)}h3{font-size:clamp(34px,3.1vw,50px)}em{font-family:var(--serif);font-weight:400}section[id]{scroll-margin-top:132px}.wrap{width:calc(100% - 120px);max-width:1480px;margin:auto}.eyebrow,.tag{font:700 11px/1.6 var(--sans);letter-spacing:.15em;text-transform:uppercase}.eyebrow{margin-bottom:24px}.tag{display:block;margin-bottom:15px}.caption{font:500 12px/1.7 var(--sans);margin:12px 0 0;color:#687267}.caption a{text-decoration:underline}.text-link{font:700 12px/1.6 var(--sans);display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid currentColor;margin-top:12px;gap:25px}.reading{max-width:680px}.reading p:last-child{margin-bottom:0}.fine{font-size:12px;line-height:1.7;color:#67736c}.skip{position:fixed;left:230px;top:-100px;background:var(--paper);padding:12px;z-index:100}.skip:focus{top:20px}
.fold{position:fixed;left:0;top:0;width:198px;height:164px;z-index:50;filter:drop-shadow(2px 3px 2px #132c2926)}.fold-paper{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(141deg,#26342f 0%,#26342f 70%,#17251f 73%,#3e5146 76%,#26342f 79%)}.fold-logo{position:absolute;left:17px;top:18px;width:104px;height:36px;background:#f6f3ec;mask:url("https://media.base44.com/images/public/6abe08877f5a7d8b12eee400/db2dd4213_ocho-logo.png") center/contain no-repeat;-webkit-mask:url("https://media.base44.com/images/public/6abe08877f5a7d8b12eee400/db2dd4213_ocho-logo.png") center/contain no-repeat}.fold-journal{position:absolute;left:17px;top:63px;color:var(--paper);font:italic 15px/1 var(--serif)}.masthead{min-height:96px;padding:22px 4% 22px 225px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;gap:20px}.preview-note{color:#7b5540;font-size:10px}.hero{height:calc(100svh - 96px);min-height:660px;max-height:1050px;position:relative;color:#fff8eb;isolation:isolate}.hero>img{position:absolute;inset:0;z-index:-2;object-position:50% 48%}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#111b1b35 5%,#0f202000 35%,#10221ed4 100%)}.hero-top{position:absolute;top:35px;left:6%;right:5%;display:flex;justify-content:space-between;gap:30px;font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 2px 12px #0007}.hero-top em{font-size:25px;letter-spacing:0;text-transform:none}.hero-content{position:absolute;left:6%;right:6%;bottom:65px}.hero h1{font-size:clamp(100px,13.7vw,230px);line-height:.88;letter-spacing:-.055em;max-width:1250px}.hero h1 em{display:block}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:32px}.hero-bottom p{max-width:510px;font-size:17px;line-height:1.7;margin:0}.hero-bottom a{font:700 11px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid #fff8eb90;padding:10px 0;white-space:nowrap}.hero-credit{position:absolute;right:20px;bottom:12px;font-size:9px;letter-spacing:.06em}
.edition-bar{position:sticky;top:0;z-index:30;background:#f5f2e9f7;backdrop-filter:blur(12px);box-shadow:0 2px 14px #182c2110}.edition-title{height:63px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #26342f20;position:relative}.edition-title>a{font:400 29px/1.1 var(--serif);letter-spacing:-.025em}.edition-title>span{position:absolute;right:4%;font:700 10px/1 var(--sans);letter-spacing:.14em}.nav{padding:0 4% 0 215px;display:flex;gap:30px;overflow:auto;scrollbar-width:none;min-height:55px;align-items:center;justify-content:space-between}.nav::-webkit-scrollbar{display:none}.nav a{font:700 10px/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;min-height:55px;border-bottom:3px solid transparent}.nav a.active{border-color:var(--rust);color:var(--rust)}.progress-track{height:5px;background:#d9d9ce}.progress{height:100%;width:0;background:var(--rust)}
.intro{display:grid;grid-template-columns:1fr 2.3fr .6fr;gap:6%;padding-top:110px;padding-bottom:120px}.byline{border-top:1px solid;padding-top:20px;font-size:12px;line-height:1.8}.byline strong{display:block}.byline p{margin-bottom:25px}.intro-lead{font:400 clamp(32px,3.3vw,49px)/1.3 var(--serif);letter-spacing:-.035em;margin-bottom:32px}.margin-note{font:italic 29px/1.2 var(--serif);color:var(--rust);padding-top:100px;transform:rotate(-5deg)}.margin-note span{display:block;font-size:40px}.share{border-top:1px solid var(--line);padding-top:24px}.share h3{font-size:25px;margin-bottom:13px;line-height:1.18}.share .buttons{display:flex;flex-wrap:wrap;gap:6px}.share button{background:transparent;border:1px solid var(--line);color:inherit;padding:9px 12px;font-size:11px;min-height:44px}.share-status{font-size:11px;margin:12px 0 0}.signature{border-left:2px solid var(--rust);padding-left:25px;margin-top:35px}.signature p{font:italic 29px/1.4 var(--serif);margin:0}
.chapter-head{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:end;margin-bottom:55px}.chapter-head>p{font-size:17px;line-height:1.8;padding-left:28px;border-left:2px solid var(--rust);margin:0;max-width:580px}.chapter-head h2{max-width:800px}