:root{
  --paper:#eee9df;
  --ink:#171614;
  --quiet:#716c63;
  --line:#c8c0b3;
  --wine:#6f2831;
  --night:#11110f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Libre Franklin",Arial,sans-serif}
img{display:block;max-width:100%}
a{color:inherit}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:#b98f51;z-index:100}
.book-nav{position:fixed;inset:0 0 auto 0;z-index:60;color:#fff;background:linear-gradient(rgba(10,10,9,.78),transparent);transition:background .3s ease}
.book-nav>div{width:min(1320px,calc(100% - 36px));margin:auto;display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:24px}
.brand{font-family:"Engravers' Old English BT","Old English Text MT",Georgia,serif;font-size:1.65rem;text-decoration:none}
.book-nav nav{display:flex;gap:18px;font-size:.69rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.book-nav nav a{text-decoration:none;border-bottom:1px solid transparent;padding-bottom:4px}
.book-nav nav a:hover,.book-nav nav a:focus-visible{border-color:currentColor}
.cover{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden;background:#151513;color:#fff}
.cover-media{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(115deg,#0d0d0c 0 48%,#27241f 48%)}
.cover-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,9,.97) 0%,rgba(10,10,9,.72) 42%,rgba(10,10,9,.13) 72%),linear-gradient(to top,rgba(10,10,9,.86),transparent 55%)}
.cover-media img{grid-column:2;width:100%;height:100%;object-fit:contain;object-position:center 54%;padding:8vh 7vw 5vh;filter:saturate(.88) contrast(1.04)}
.cover-copy{position:relative;z-index:2;width:min(1320px,calc(100% - 36px));margin:auto;padding:150px 0 9vh}
.eyebrow{margin:0 0 18px;font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#d7b879}
.cover h1{font:500 clamp(4.2rem,10.4vw,10.5rem)/.82 "Cormorant Garamond",Georgia,serif;letter-spacing:-.058em;margin:0;max-width:8ch}
.cover-deck{font:400 clamp(1.15rem,2vw,1.72rem)/1.45 Georgia,serif;max-width:650px;color:#eee7db;margin:30px 0 14px}
.cover-meta{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#c7c0b6}
.scroll-cue{display:inline-flex;align-items:center;gap:10px;margin-top:45px;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#ded5c8}
.scroll-cue::before{content:"";width:36px;height:1px;background:currentColor}
.chapter{padding:clamp(80px,11vw,150px) 24px}
.measure{width:min(760px,100%);margin:auto}
.chapter-number{font-size:.67rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--wine)}
.chapter h2{font:500 clamp(3rem,7vw,6.7rem)/.9 "Cormorant Garamond",Georgia,serif;letter-spacing:-.045em;margin:.2em 0 .32em}
.chapter p{font:400 clamp(1.08rem,1.5vw,1.32rem)/1.72 Georgia,serif;color:#36332e}
.chapter .standfirst{font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.52;color:#191816}
.curator-note{border-left:2px solid var(--wine);margin:55px 0 0;padding:3px 0 3px 24px;font:italic 1.14rem/1.62 Georgia,serif;color:#5d342f}
.work{padding:0 24px clamp(100px,14vw,190px)}
.work-stage{width:min(1280px,100%);min-height:78vh;margin:auto;background:var(--night);display:grid;place-items:center;position:relative;overflow:hidden}
.work-stage button{appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:zoom-in;display:grid;place-items:center;width:100%;height:100%}
.work-stage img{max-width:min(78vw,1000px);max-height:74vh;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 28px 55px rgba(0,0,0,.34))}
.work-stage.landscape img{max-width:min(88vw,1120px);max-height:70vh}
.work-count{position:absolute;left:22px;top:20px;color:#cfc7ba;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase}
.work-info{width:min(980px,100%);margin:32px auto 0;display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(30px,6vw,90px);align-items:start}
.object-label{font-size:.74rem;line-height:1.65;color:#5d5850}
.object-label strong{display:block;font:600 clamp(1.75rem,3vw,2.8rem)/1.02 "Cormorant Garamond",Georgia,serif;color:#1a1917;margin-bottom:12px}
.object-label em{font-family:Georgia,serif}
.observation{font:400 clamp(1.08rem,1.5vw,1.28rem)/1.72 Georgia,serif;color:#33302b;margin:0}
.diptych{width:min(1280px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#141412;padding:12px}
.diptych .work-stage{width:100%;min-height:72vh}
.diptych .work-stage img{max-width:90%;max-height:68vh}
.diptych-info{width:min(1100px,100%);margin:34px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px)}
.transition-quote{background:#171614;color:#f2ede4;padding:clamp(100px,14vw,190px) 24px;text-align:center}
.transition-quote blockquote{font:italic 500 clamp(2.5rem,6vw,6.2rem)/1.02 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em;max-width:1030px;margin:auto}
.transition-quote cite{display:block;margin-top:28px;font:700 .67rem/1.5 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#c9b384}
.context{background:#e3ddd2}
.links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:44px}
.resource{padding:20px;border-top:1px solid #9d958a;text-decoration:none;transition:background .2s ease}
.resource:hover,.resource:focus-visible{background:#f2eee7}
.resource b{display:block;font:600 1.24rem/1.2 "Cormorant Garamond",Georgia,serif;margin-bottom:7px}
.resource span{font-size:.75rem;color:#625d55}
.method{padding:70px 24px;background:#161614;color:#d8d1c5}
.method .measure{width:min(900px,100%)}
.method h2{font:500 2.5rem/1 "Cormorant Garamond",Georgia,serif;color:#fff;margin:.1em 0 .6em}
.method p,.method li{font:400 .92rem/1.65 Arial,sans-serif;color:#beb7ac}
.method a{color:#fff}
.storynav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin-top:34px}.storynav a{padding:12px;border:1px solid #555;text-align:center;text-decoration:none;font-size:.72rem}.storynav a:hover,.storynav a:focus-visible{border-color:#ddd;background:#222}
.book-footer{padding:35px 24px 55px;background:#0c0c0b;color:#d9d2c6}
.book-footer>div{width:min(1180px,100%);margin:auto;display:flex;justify-content:space-between;gap:30px;align-items:center}
.book-footer a{text-decoration:none;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.lightbox{border:0;padding:0;background:transparent;max-width:94vw;max-height:94vh}
.lightbox::backdrop{background:rgba(0,0,0,.94)}
.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}
.lightbox-close{position:fixed;right:22px;top:18px;border:1px solid #aaa;background:#111;color:#fff;width:42px;height:42px;border-radius:50%;font-size:1.25rem;cursor:pointer}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}
.js .reveal.is-visible{opacity:1;transform:none}
@media(max-width:800px){
  .book-nav nav a:not(:last-child){display:none}
  .cover-media{grid-template-columns:1fr}.cover-media img{grid-column:1;opacity:.6;padding:11vh 3vw 3vh;object-position:76% center}.cover-copy{padding-top:120px}
  .cover h1{font-size:clamp(4rem,18vw,7rem)}
  .work{padding-inline:12px}.work-stage{min-height:68vh}.work-stage img{max-width:91vw;max-height:62vh}
  .work-info,.diptych-info{grid-template-columns:1fr}.diptych{grid-template-columns:1fr}.diptych .work-stage{min-height:62vh}
  .links{grid-template-columns:1fr}.book-footer>div{align-items:flex-start;flex-direction:column}
  .storynav{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}}