
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))}


.pickt{text-align:center;padding:calc(clamp(38px,6.5vh,86px) * var(--eh,1)) 0 clamp(18px,3vh,32px)}

.pickt .sur{display:block;font-family:var(--f-sur);color:color-mix(in srgb,var(--ch1,#E06950) 78%,#4a1a0c);
  font-size:clamp(19px,2.3vw,29px);line-height:1.1;text-transform:uppercase;
  letter-spacing:.02em;margin-bottom:6px}
.pickt h2{font-family:var(--f-titres),ui-serif,Georgia,serif;font-weight:var(--w-titres-demi,600);
  font-size:clamp(27px,4.2vw,56px);letter-spacing:-.03em;line-height:1;margin:0}


.pick{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,18px)}

@media(min-width:861px){
  .pick a:last-child:nth-child(3n+1){grid-column:span 3}
  .pick a:last-child:nth-child(3n+2){grid-column:span 2}
}
@media(max-width:860px){
  .pick a:last-child:nth-child(2n+1){grid-column:span 2}
}

.pick a{border-radius:20px;position:relative;background:var(--c);color:var(--ctx,#fff);text-decoration:none;
  min-height:clamp(150px,17vw,215px);padding:clamp(18px,2.2vw,28px);
  display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:filter .3s}
.pick a::before{content:"";position:absolute;right:-16%;top:-30%;width:62%;aspect-ratio:1;
  border-radius:50%;background:color-mix(in srgb,var(--ctx,#fff) 9%,transparent);transition:transform .5s}
.pick a:hover::before{transform:scale(1.3)}
.pick a:hover{filter:brightness(1.08)}
.pick .bt{position:absolute;right:-6%;bottom:-14%;width:46%;opacity:.2;color:var(--ctx,#fff)}
.pick .bt svg{width:100%;height:100%}
.pick .bt svg *{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;
  stroke-linejoin:round;vector-effect:non-scaling-stroke}
.pick .bt svg .fillx{fill:currentColor;stroke:none}
.pick .k{display:block;font-size:var(--t-xxs,11px);font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  opacity:.82;position:relative}
.pick .n{display:block;font-family:var(--f-titres),ui-serif,Georgia,serif;font-weight:var(--w-titres-demi,600);
  font-size:clamp(24px,3vw,40px);letter-spacing:-.04em;line-height:.94;position:relative}
.pick .g{display:block;font-size:var(--t-sm,13px);opacity:.9;margin-top:9px;position:relative;
  max-width:36ch;line-height:1.35}
@media(max-width:860px){.pick{grid-template-columns:repeat(2,1fr)}}


