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

.mast{padding-bottom:clamp(26px,3.6vh,44px)}

.pickq{padding:clamp(34px,6vh,72px) 0 clamp(18px,3vh,32px);display:flex;
  justify-content:space-between;align-items:flex-start;gap:clamp(20px,4vw,60px);flex-wrap:wrap}
.pickq h2{font-family:var(--f-titres),ui-serif,Georgia,serif;font-weight:var(--w-titres-demi,600);
  font-size:clamp(24px,3.2vw,42px);letter-spacing:-.04em;line-height:1;margin:0}
.pickq p{font-size:var(--t-md,15px);color:var(--mute);margin-top:12px;max-width:96ch;line-height:1.5}
.pickq .tout,.pickq .rz{flex:none;margin-top:6px}

.pickq .tout a{border-radius:var(--btn-r,30px);display:inline-block;border:1.5px solid var(--ink);padding:14px 26px;font-size:var(--t-xs,12px);
  font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;
  transition:background .2s,color .2s;white-space:nowrap}
.pickq .tout a:hover{background:var(--ink);color:var(--paper,#FBF7EE)}
@media(max-width:700px){.pickq .tout a{white-space:normal}}

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



.uintro{font-size:clamp(16px,1.7vw,20px);line-height:1.55;color:var(--ink);max-width:62ch;
  margin:clamp(28px,4vh,48px) 0 0}
.ulongwrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:clamp(26px,4vw,64px);align-items:start;margin-top:clamp(34px,5vh,64px)}

.ucote{position:sticky;top:24px}

@media(max-width:900px){
  .ulongwrap{grid-template-columns:1fr}
  .ucote{order:-1;position:static;margin-bottom:8px}
}
.uusage{padding:18px 20px;font-size:var(--t-md,15px);line-height:1.5;font-weight:650;margin:0;
  background:color-mix(in srgb,var(--uc,#2E5E45) 16%,transparent)}
.uusage b{display:block;font-size:var(--t-xxs,11px);font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  color:var(--mute);margin-bottom:6px}
.ulong{font-size:var(--t-md,15px);line-height:1.62;color:var(--mute)}
.ulong h2{font-family:var(--f-titres),ui-serif,Georgia,serif;font-weight:var(--w-titres-demi,600);color:var(--ink);
  font-size:clamp(21px,2.6vw,31px);letter-spacing:-.03em;line-height:1.06;
  margin:clamp(26px,3.6vh,42px) 0 12px}
.ulong h2:first-child{margin-top:0}
.ulong p{margin:0 0 15px}

.ufaq{margin-top:clamp(34px,5vh,64px);border-top:1.5px solid var(--ink)}
.ufaq h2{font-family:var(--f-titres),ui-serif,Georgia,serif;font-size:clamp(26px,3.4vw,40px);
  font-weight:var(--w-titres-demi,600);letter-spacing:-.03em;line-height:1;margin:26px 0 18px}
.ufaq details{border-bottom:1px solid var(--line);padding:14px 0}
.ufaq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.ufaq summary h3{font-family:inherit;font-size:var(--t-lg,17px);font-weight:650;letter-spacing:-.01em;margin:0}
.ufaq summary::-webkit-details-marker{display:none}
.ufaq summary::after{content:"+";font-family:var(--f-titres),ui-serif,Georgia,serif;font-size:22px;
  color:var(--mute);line-height:1}
.ufaq details[open] summary::after{content:"–"}
.ufaq p{font-size:var(--t-md,15px);color:var(--mute);line-height:1.62;margin-top:10px;max-width:78ch}


.pf{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e10);margin:var(--e12) 0 var(--e14)}
.pf .grp{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.pf .nb{font-size:var(--t-sm,13px);color:var(--mute);margin-left:auto}

.pf .rz{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pf .rz .nb{margin-left:0}
a.chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;
  border-radius:calc(var(--arrondi)*1.375);padding:6px 13px;font-size:var(--t-sm,13px);font-weight:600;
  text-decoration:none;color:inherit;transition:border-color .12s}
a.chip:hover{border-color:#bbb}
a.chip.on{border-color:var(--ink,#1c1c1c)}
a.chip .d{width:11px;height:11px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}

@media(max-width:700px){
  .pf .grp{flex:1 1 100%;min-width:0;flex-wrap:nowrap;overflow-x:auto;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
    margin:0 calc(-1*var(--e10));padding:2px var(--e10)}
  .pf .grp::-webkit-scrollbar{display:none}
  .pf .grp a.chip{flex:none;white-space:nowrap}
  .pf .nb,.pf .rz{margin-left:0}
}