html{overflow-x:clip}
.pleine{width:100vw;margin-left:calc(50% - 50vw);
  --gut:max(clamp(20px,4.5vw,64px),calc((100vw - var(--page-large,1560px))/2))}

.shelf{background:#101014;color:#fff;padding:calc(clamp(60px,9vh,110px) * var(--eh,1)) 0 calc(clamp(60px,9vh,110px) * var(--eb,1))}
.shelf .head{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;
  padding:0 var(--gut) 34px;flex-wrap:wrap}
.shelf h2{color:#fff;font-family:var(--f-titres),ui-serif,Georgia,serif;font-weight:var(--w-titres-demi,600);
  font-size:clamp(30px,5vw,66px);letter-spacing:-.04em;line-height:.9;margin:0}
.shelf .head p{color:rgba(255,255,255,.6);font-size:var(--t-md,15px);max-width:34ch;margin:0}


.shelf .more{margin:34px var(--gut) 0}

.shelf .more a{border-radius:var(--btn-r,30px);display:inline-block;border:1.5px solid rgba(255,255,255,.55);color:#fff;
  padding:14px 26px;font-size:var(--t-xs,12px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;transition:background .2s,color .2s}
.shelf .more a:hover{background:#fff;color:#101014}