.tf-hero-g{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:1rem clamp(2rem,5vw,4.5rem);margin-top:1.125rem;display:grid}.tf-hero h1{margin-top:0}.tf-hero .tete-lede{max-width:42ch;margin-top:0}.tf-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;margin-top:clamp(1.75rem,3.5vw,2.75rem);display:grid}.tf-modes button{border:1px solid var(--line);color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:#fff;border-radius:1.25rem;grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 1rem;padding:1.125rem 1.25rem;display:grid;position:relative}.tf-modes button:hover{border-color:#d9cfbf}.tf-modes button:focus-visible{outline:2px solid var(--red);outline-offset:2px}.tf-modes button[aria-selected=true]{border-color:var(--red);box-shadow:0 0 0 1px var(--red), 0 1.375rem 2.5rem -1.875rem #b23a3699}.tf-modes button[aria-selected=true]:after{content:"";border-right:1px solid var(--red);border-bottom:1px solid var(--red);width:.875rem;height:.875rem;box-shadow:1px 1px 0 var(--red);background:#fff;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)rotate(45deg)}.tf-zi{border:1.5px solid var(--red);width:3.5rem;height:3.5rem;font-family:var(--cjk);color:var(--red);border-radius:.625rem;grid-row:1/-1;place-items:center;font-weight:700;line-height:1;display:grid}.tf-zi[data-n="2"]{font-size:1.25rem}.tf-zi[data-n="3"]{font-size:.9375rem}.tf-modes button[aria-selected=true] .tf-zi{background:var(--red);color:var(--paper);transform:rotate(-6deg)}.tf-modes b{font-size:1.0625rem;line-height:1.3}.tf-modes small,.tf-des{color:var(--ink-3);font-size:.8438rem}.tf-des strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.1875rem}.tf-g{grid-template-columns:minmax(0,1.55fr) minmax(0,.8fr);align-items:start;gap:clamp(1.25rem,3vw,2.25rem);margin-top:1.625rem;display:grid}.tf-g[hidden]{display:none}@media (scripting:none){.tf-g[hidden]{display:grid}}.tf-feuille{border:1px solid var(--line);border-top:.25rem solid var(--red);background:#fffdf8;border-radius:.375rem .375rem 1.125rem 1.125rem;padding:clamp(1.375rem,3vw,2.25rem);position:relative;overflow:clip;box-shadow:0 1.875rem 3.75rem -2.75rem #1d1c1b8c}.tf-feuille:focus{outline:none}.tf-fh{border-bottom:1.5px dashed var(--line);justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1rem;display:flex}.tf-fh-t{letter-spacing:.08em;text-transform:uppercase;color:var(--red);font-size:.75rem;font-weight:700}.tf-fh h2{margin-top:.375rem;font-size:clamp(1.375rem,2.2vw,1.75rem)}.tf-fh-u{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);flex:none;font-size:.75rem;font-weight:700}.tf-opt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem 1.25rem;margin-top:1.125rem;display:flex}.tf-opt[hidden]{display:none}.tf-l{margin:.875rem 0 0;padding:0;list-style:none}.tf-l li{border-bottom:1px solid var(--paper-3)}.tf-l a{color:var(--ink);border-radius:.625rem;grid-template-columns:auto minmax(1rem,1fr) auto auto;align-items:baseline;column-gap:.75rem;margin:0 -.75rem;padding:.875rem .75rem;display:grid}.tf-l a:hover,.tf-l a:focus-visible{background:var(--paper);color:var(--ink)}.tf-l a:focus-visible{outline:2px solid var(--red);outline-offset:-2px}.tf-n{font-size:1.0313rem;font-weight:600}.tf-d{color:var(--ink-3);grid-area:2/1/auto/3;margin-top:2px;font-size:.8125rem}.tf-pt{border-bottom:2px dotted #d6ccbb;align-self:end;margin-bottom:.4375rem}.tf-p{white-space:nowrap;align-items:baseline;gap:.3125rem;display:flex}.tf-p strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.tf-p small{color:var(--ink-3);font-size:.8125rem}.tf-go{color:#b5aa98;font-weight:700}.tf-l a:hover .tf-go,.tf-l a:focus-visible .tf-go{color:var(--red)}.tf-ff{color:var(--ink-2);gap:.5rem;margin-top:1.25rem;padding-right:7.5rem;font-size:.875rem;display:grid}.tf-ff p:first-child{color:var(--ink);font-weight:600}.tf-sceau{mix-blend-mode:multiply;opacity:.85;pointer-events:none;width:5.5rem;position:absolute;bottom:1.125rem;right:1.5rem;transform:rotate(-10deg)}.tf-side{background:var(--ink);color:#fff;border-radius:1.375rem;flex-direction:column;gap:.875rem;padding:clamp(1.375rem,2.6vw,1.875rem);display:flex;position:sticky;top:6rem}.tf-side .ac-eyebrow{color:#f0b9b3}.tf-inc{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tf-inc li{color:#ffffffe6;gap:.625rem;font-size:.9375rem;line-height:1.45;display:flex}.tf-inc i{background:var(--red);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.375rem;height:1.375rem;margin-top:1px;display:grid}.tf-side-p{color:#fffc;border-top:1px solid #ffffff29;margin-top:.375rem;padding-top:1rem;font-size:.9063rem}.tf-side .btn{justify-content:center}.tf-side-t{color:#ffffffbf;font-size:.875rem}.tf-side-t a{color:#fff;font-weight:700}.tf-side-t a:hover{color:#fff;text-decoration:underline}@media (width<=1000px){.tf-g{grid-template-columns:minmax(0,1fr)}.tf-side{position:static}}@media (width<=760px){.tf-hero-g{grid-template-columns:minmax(0,1fr)}.tf-modes{gap:.5rem}.tf-modes button{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.875rem .75rem;display:flex}.tf-des{margin-top:auto;padding-top:.25rem}.tf-zi{grid-row:auto;width:2.625rem;height:2.625rem;margin-bottom:.375rem}.tf-zi[data-n="2"]{font-size:1rem}.tf-zi[data-n="3"]{font-size:.75rem}.tf-modes b{font-size:.9063rem}.tf-modes small{display:none}.tf-des strong{font-size:1rem}}@media (width<=640px){.tf-opt .pc-seg{width:100%;display:flex}.tf-opt .pc-seg label{text-align:center;flex:1;padding-inline:.5rem}.tf-p strong{font-size:1.25rem}.tf-n{font-size:.9688rem}.tf-l a{column-gap:.5rem}.tf-ff{padding-bottom:5.25rem;padding-right:0}.tf-sceau{width:4.5rem}}.tf-modes button{transition:border-color .2s, box-shadow .3s, transform .3s var(--ease)}.tf-modes button:hover{transform:translateY(-2px)}.tf-zi{transition:background .25s, color .25s, transform .35s var(--ease)}.tf-l li{animation:tf-in .4s var(--ease) both;animation-delay:calc(var(--i,0) * 35ms)}.tf-l a{transition:background .2s}.tf-go{transition:color .2s, transform .3s var(--ease)}.tf-l a:hover .tf-go,.tf-l a:focus-visible .tf-go{transform:translate(.25rem)}.tf-l strong.roule{color:var(--red-dk);transition:color .6s}.tf-inc li{animation:tf-in .4s var(--ease) both;animation-delay:calc(var(--i,0) * 50ms)}@media (scripting:enabled){.tf-feuille:not(.tamponne) .tf-sceau{opacity:0;transform:scale(1.7)rotate(-22deg)}}.tf-feuille.tamponne .tf-sceau{animation:.55s cubic-bezier(.2,.9,.3,1.25) forwards bon-tampon}@keyframes tf-in{0%{opacity:0;transform:translateY(.5rem)}}