/* Hors cadre: an exhibition wall, not a product gallery. */
html{scroll-behavior:auto;scroll-padding-top:125px}
.book-body{--book-rail:clamp(178px,17vw,238px);background:#e9e7df;color:#222a25}
.book-body .topbar{background:#f4f3ebed}
.book-body main{min-width:0}
.book-prologue,.book-pages,.book-colophon{margin-left:var(--book-rail)}
.book-body .footer{margin-left:var(--book-rail)}
.book-prologue{min-height:min(820px,calc(100svh - 86px));padding:clamp(25px,3vw,48px) clamp(25px,5vw,90px) 30px;display:flex;flex-direction:column;justify-content:space-between;background:#e9e7df;position:relative;overflow:hidden}
.book-prologue::before{content:"";position:absolute;width:min(52vw,700px);aspect-ratio:1;right:-12%;top:4%;border:1px solid #b1b4a9;border-radius:50%;opacity:.55;pointer-events:none}
.book-prologue::after{content:"";position:absolute;width:min(35vw,450px);aspect-ratio:1;right:2%;top:22%;border:1px solid #b1b4a9;border-radius:50%;opacity:.4;pointer-events:none}
.book-prologue__meta,.chapter-opening__meta,.chapter-opening__rule{display:flex;justify-content:space-between;gap:20px;font:600 10px/1.5 var(--body);letter-spacing:.12em;text-transform:uppercase}
.book-prologue__meta{border-bottom:1px solid #a9aea4;padding-bottom:15px;position:relative;z-index:1}
.book-prologue__main{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(160px,230px);align-items:end;column-gap:5vw}
.book-prologue h1{grid-column:1/-1;font:clamp(125px,19vw,310px)/.64 var(--display);letter-spacing:-.085em;margin:.12em 0 .16em;animation:book-rise 1.2s cubic-bezier(.2,.7,.2,1) both}
.book-prologue h1 em{display:block;font-weight:400;font-style:italic;margin-left:17%;white-space:nowrap}
.book-prologue__side{grid-column:1/-1;align-self:start;font:600 10px/1.7 var(--body);text-transform:uppercase;letter-spacing:.15em}
.book-prologue__intro{grid-column:2;max-width:270px;justify-self:end;font-size:13px;line-height:1.75}
.book-prologue__intro a{display:flex;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding:12px 0;margin-top:24px;font-size:11px;font-weight:700}
.book-prologue__intro a span{font-size:19px;line-height:1}
.chapter-index{position:fixed;z-index:20;left:0;top:86px;bottom:0;width:var(--book-rail);padding:35px 24px 22px clamp(20px,3vw,50px);display:flex;flex-direction:column;gap:0;background:#e9e7df;border-right:1px solid #b6baae}
.chapter-index__label{font:600 10px var(--body);letter-spacing:.15em;text-transform:uppercase;margin-bottom:auto}
.chapter-index>a{display:flex;align-items:baseline;gap:12px;padding:13px 0;border-bottom:1px solid #c6c9bf;font:clamp(18px,2vw,27px)/1 var(--display);transition:padding .25s,color .25s}
.chapter-index>a:first-of-type{border-top:1px solid #c6c9bf}
.chapter-index>a span{font:600 9px var(--body)}
.chapter-index>a:hover,.chapter-index>a.is-active{color:#9c482e;padding-left:7px}
.chapter-index__end{font:600 9px var(--body);letter-spacing:.1em;text-transform:uppercase;margin-top:auto}
.book-chapter{--chapter-bg:#e5e4dc;--chapter-ink:#253027;--chapter-line:#b9bdb1;background:var(--chapter-bg);color:var(--chapter-ink);padding-bottom:clamp(90px,12vw,180px)}
.book-chapter--marques{--chapter-bg:#dce6e6;--chapter-ink:#133944;--chapter-line:#a9bdc0}
.book-chapter--portraits{--chapter-bg:#e9dfd0;--chapter-ink:#453327;--chapter-line:#c4b7a7}
.book-chapter--foule{--chapter-bg:#292d2b;--chapter-ink:#eeeae1;--chapter-line:#747d77}
.chapter-opening{padding:clamp(30px,4vw,65px) clamp(25px,5vw,90px) 0}
.chapter-opening__meta,.chapter-opening__rule{border-top:1px solid var(--chapter-line);padding-top:12px}
.chapter-opening__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(30px,6vw,100px);align-items:center;min-height:clamp(500px,65vw,900px);padding:clamp(35px,5vw,75px) 0}
.chapter-opening__words{position:relative;z-index:1}
.chapter-opening__number{display:block;font:italic clamp(80px,11vw,190px)/.8 var(--display);opacity:.17;letter-spacing:-.1em}
.chapter-opening h2{font:clamp(78px,10.3vw,180px)/.8 var(--display);letter-spacing:-.075em;hyphens:auto;overflow-wrap:anywhere;margin:-.13em 0 .18em}
.book-chapter--marques h2{font-size:clamp(68px,7vw,105px);white-space:nowrap}
.book-chapter--portraits h2{font-size:clamp(72px,7vw,115px)}
.book-chapter--foule h2{font-size:clamp(75px,8vw,130px)}
.chapter-opening__subtitle{font:italic clamp(27px,3.1vw,52px)/1 var(--display);letter-spacing:-.03em}
.chapter-opening__intro{max-width:360px;margin-top:40px;font-size:12px;line-height:1.85}
.chapter-opening__next{display:inline-flex;gap:40px;align-items:center;margin-top:30px;padding-bottom:6px;border-bottom:1px solid currentColor;font-size:11px;font-weight:700}
.chapter-opening__body>.folio-photo{min-width:0;margin:0;transform:rotate(1deg)}
.chapter-opening__body>.folio-photo img{width:100%;max-height:72vh;object-fit:contain;object-position:center}
.chapter-opening__rule{border-bottom:1px solid var(--chapter-line);padding-bottom:12px}
.chapter-gallery{padding:clamp(65px,9vw,135px) clamp(25px,5vw,90px) 0}
.folio-spread{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(8px,1.5vw,24px);row-gap:clamp(45px,6vw,100px);align-items:start;margin:0 auto clamp(100px,12vw,200px);max-width:1300px}
.folio-spread:last-child{margin-bottom:0}
.folio-spread--1>.folio-photo:nth-child(1){grid-column:1/8}
.folio-spread--1>.folio-photo:nth-child(2){grid-column:9/13;margin-top:clamp(80px,12vw,180px)}
.folio-spread--1>.folio-photo:nth-child(3){grid-column:4/12;margin-top:clamp(0px,3vw,40px)}
.folio-spread--2>.folio-photo:nth-child(1){grid-column:5/13}
.folio-spread--2>.folio-photo:nth-child(2){grid-column:1/6;margin-top:clamp(35px,5vw,85px)}
.folio-spread--2>.folio-photo:nth-child(3){grid-column:8/13;margin-top:clamp(20px,4vw,65px)}
.folio-spread--3>.folio-photo:nth-child(1){grid-column:1/7}
.folio-spread--3>.folio-photo:nth-child(2){grid-column:8/13;margin-top:clamp(110px,15vw,230px)}
.folio-spread--3>.folio-photo:nth-child(3){grid-column:2/11;margin-top:clamp(20px,4vw,55px)}
.folio-photo{min-width:0}
.folio-photo__link{display:block;cursor:zoom-in;background:#0001;overflow:hidden}
.folio-photo__link img{display:block;width:100%;height:auto;max-height:min(78vh,900px);object-fit:contain;object-position:left center;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s}
.folio-photo__link:hover img{transform:scale(1.018);filter:contrast(1.03)}
.book-colophon{min-height:75vh;padding:clamp(50px,7vw,100px) clamp(25px,5vw,90px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#b8cfad;color:#1e3327}
.book-colophon>span{font:600 10px var(--body);letter-spacing:.15em;text-transform:uppercase}
.book-colophon h2{font:clamp(80px,12vw,190px)/.75 var(--display);letter-spacing:-.075em;margin:60px 0 40px}
.book-colophon h2 em{font-weight:400}
.book-colophon p{font-size:13px;max-width:330px}
.book-colophon>a:not(.book-colophon__top){display:flex;justify-content:space-between;gap:50px;border-bottom:1px solid currentColor;padding:10px 0;margin-top:30px;font-weight:700;font-size:12px}
.book-colophon__top{margin-top:100px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.book-lightbox{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;border:0;background:#171c19ed;color:#f8f7f1;padding:60px 24px 25px;text-align:center}
.book-lightbox::backdrop{background:#111c18e8}
.book-lightbox img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 125px);margin:auto;object-fit:contain}
.book-lightbox__close{position:absolute;right:25px;top:16px;background:none;border:0;color:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.book-lightbox__close span{font-size:24px;vertical-align:middle;margin-left:15px}
@keyframes book-rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.book-body{--book-rail:175px}.chapter-index{padding-left:22px;padding-right:15px}.chapter-opening__body{gap:25px}.chapter-opening h2{font-size:clamp(60px,9vw,105px)}}
@media(min-width:761px) and (max-width:1000px){.book-body .footer__inner{grid-template-columns:1fr;gap:36px}.book-body .footer__brand{font-size:30px}}
@media(max-width:760px){
  .book-prologue,.book-pages,.book-colophon{margin-left:0}
  .book-body .footer{margin-left:0}
  .chapter-index{position:sticky;top:66px;bottom:auto;width:100%;height:auto;padding:0 18px;display:flex;flex-direction:row;align-items:center;gap:22px;overflow-x:auto;white-space:nowrap;border-right:0;border-bottom:1px solid #b6baae;scrollbar-width:none}
  .chapter-index::-webkit-scrollbar{display:none}
  .chapter-index__label,.chapter-index__end{display:none}
  .chapter-index>a,.chapter-index>a:first-of-type{font-size:19px;flex-shrink:0;padding:14px 0;border:0}
  .chapter-index>a:hover,.chapter-index>a.is-active{padding-left:0;border-bottom:2px solid #9c482e}
  .book-prologue{min-height:calc(100svh - 66px);padding:26px 20px 25px}
  .book-prologue__meta{font-size:8px}
  .book-prologue__main{display:block}
  .book-prologue h1{font-size:clamp(100px,24vw,190px);margin:.25em 0 .4em}
  .book-prologue h1 em{margin-left:7%}
  .book-prologue__intro{max-width:320px;margin-left:auto}
  .chapter-opening{padding:22px 20px 0}
  .chapter-opening__body{grid-template-columns:1fr;gap:40px;padding:45px 0}
  .chapter-opening h2{font-size:clamp(82px,17vw,145px);overflow-wrap:normal}
  .book-chapter--marques h2{font-size:clamp(66px,14vw,105px)}
  .book-chapter--portraits h2{font-size:clamp(70px,14vw,110px)}
  .book-chapter--foule h2{font-size:clamp(70px,15vw,120px)}
  .chapter-opening__intro{margin-top:25px}
  .chapter-opening__body>.folio-photo{width:80%;margin-left:auto}
  .chapter-gallery{padding:70px 20px 0}
  .folio-spread{row-gap:55px;margin-bottom:110px}
  .folio-spread--1>.folio-photo:nth-child(1),.folio-spread--2>.folio-photo:nth-child(1),.folio-spread--3>.folio-photo:nth-child(1){grid-column:1/11;margin-top:0}
  .folio-spread--1>.folio-photo:nth-child(2),.folio-spread--2>.folio-photo:nth-child(2),.folio-spread--3>.folio-photo:nth-child(2){grid-column:4/13;margin-top:0}
  .folio-spread--1>.folio-photo:nth-child(3),.folio-spread--2>.folio-photo:nth-child(3),.folio-spread--3>.folio-photo:nth-child(3){grid-column:1/12;margin-top:0}
  .folio-photo__link img{max-height:none}
  .book-colophon{min-height:70vh}
  .book-colophon h2{font-size:clamp(76px,16vw,135px)}
}
@media(max-width:440px){.book-prologue__meta span:last-child{display:none}.book-prologue h1{font-size:27vw}.chapter-opening h2{font-size:19vw}.book-chapter--portraits h2{font-size:15vw}.book-chapter--foule h2{font-size:16vw}.chapter-opening__body>.folio-photo{width:95%}.book-colophon h2{font-size:17vw}}
@media(prefers-reduced-motion:reduce){.book-prologue h1{animation:none}.folio-photo__link img,.chapter-index>a{transition:none}}