.bas .court{display:none}
:root{--creme:#fefaf2;--beige:#f6ecdc;--rose:#e2557f;--rose-p:#f4a3bb;--rose-f:#b93a63;--turquoise:#2a9fa0;--turquoise-f:#1d7f80;--soleil:#ffd54f;--encre:#3a2633;--encre-d:#6a5562;--prune:#4a1a2f;
--f-titre:"Fraunces",Georgia,serif;--f-main:"Caveat","Segoe Print",cursive;--f-texte:"Nunito","Segoe UI",system-ui,sans-serif;color-scheme:light;
--crayon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='rotate%28135 16 16%29' stroke='%233a2633' stroke-width='1.35' stroke-linejoin='round' stroke-linecap='round'%3E %3Cpath d='M12.6 7.2 Q12.3 14.5 12.7 21.8 L19.4 21.6 Q19.8 14.4 19.3 7.3 Z' fill='%23ffd54f'/%3E %3Cpath d='M16 7.5 Q15.8 14 16.1 21.4' fill='none' stroke='%23e9b62e' stroke-width='1'/%3E %3Cpath d='M12.7 21.8 Q14.6 26 16 29.6 Q17.6 25.8 19.4 21.6 Q17.9 22.6 16.1 21.9 Q14.3 22.7 12.7 21.8Z' fill='%23f6dcb4'/%3E %3Cpath d='M14.9 27 Q15.5 28.6 16 29.6 Q16.6 28.4 17.1 27 Q16 27.5 14.9 27Z' fill='%23e2557f' stroke='%23b93a63' stroke-width='.9'/%3E %3Cpath d='M12.5 5.2 L19.4 5.1 L19.3 7.4 L12.6 7.3Z' fill='%23f4a3bb'/%3E %3Cpath d='M12.7 5.2 Q12.6 2.2 16 2.1 Q19.4 2.1 19.4 5.1Z' fill='%232a9fa0'/%3E %3C/g%3E%3C/svg%3E") 5 5}
*{box-sizing:border-box}
html{scrollbar-color:var(--rose) var(--beige);scrollbar-width:thin;overflow-x:clip}
::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--beige)}
::-webkit-scrollbar-thumb{background:var(--rose);border-radius:12px;border:3px solid var(--beige)}::-webkit-scrollbar-thumb:hover{background:var(--rose-f)}
body{margin:0;background:var(--creme);color:var(--encre);font:400 1.04rem/1.65 var(--f-texte)}
img{max-width:100%;height:auto;display:block}
body,main{overflow-x:clip}
a,button,.photo{cursor:var(--crayon),pointer}
:focus-visible{outline:3px dashed var(--rose);outline-offset:4px;border-radius:4px}
.swap:focus-visible,.zoom:focus-visible,[tabindex]:not(a,button,input,select,textarea,summary):focus-visible{outline:none}
h1{font-family:var(--f-titre);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:600;line-height:1.04;margin:0;text-wrap:balance;font-size:clamp(2.1rem,3.3vw,3.3rem);color:var(--prune)}
h1 em{font-style:italic;font-weight:500;color:var(--rose)}
p{margin:0;text-wrap:pretty}
.surtitre{font:800 .74rem/1.2 var(--f-texte);letter-spacing:.2em;text-transform:uppercase;color:var(--turquoise-f)}
/* papier déchiré */
.papier{position:relative;filter:drop-shadow(0 1px 1px rgba(80,50,30,.14)) drop-shadow(0 10px 14px rgba(80,50,30,.18))}
.papier::before{content:"";position:absolute;inset:0;border:38px solid transparent;border-image:url(../img/_r/bord-papier.webp) 90 fill round}
.papier>.f{-webkit-mask-box-image:url(../img/bord-masque.png) 90 / 38px round;mask-border:url(../img/bord-masque.png) 90 / 38px round}
.panneau{filter:none!important;-webkit-mask-image:radial-gradient(circle 8px at 30px 50%,transparent 96%,#000 100%),linear-gradient(#000,#000);-webkit-mask-size:60px 38px,calc(100% - 60px) 100%;-webkit-mask-position:0 18px,60px 0;-webkit-mask-repeat:repeat-y,no-repeat}
.bande-clip{overflow-x:clip;position:relative;z-index:3}.bande{margin-left:-40px;margin-right:-40px}
.bande::before{border-image:url(../img/bord-bande.webp) 110 fill round}
.note-collee::before{content:"";position:absolute;inset:0;border:0;border-image:none;background:#fbf6ec url(../img/_r/pap-ivoire-l.webp) center/400px;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(120,90,60,.12)}
.note-collee>.f{background:none!important;-webkit-mask-box-image:none!important;mask-border:none!important}
.bande>.f{-webkit-mask-box-image:url(../img/bord-bande-masque.png) 110 / 38px round;mask-border:url(../img/bord-bande-masque.png) 110 / 38px round}
@media (max-width:700px){.bande::before{border-image:url(../img/_r/bord-photo-l.webp) 110 fill stretch}.bande>.f{-webkit-mask-box-image:url(../img/bord-photo-masque.png) 110 / 38px stretch;mask-border:url(../img/bord-photo-masque.png) 110 / 38px stretch}}
.papier.bande>.f{padding-left:calc(40px + clamp(16px,3vw,40px));padding-right:calc(40px + clamp(16px,3vw,40px))}
main{overflow-x:clip}
.papier>.f{position:relative;background:#fffdf8 var(--img,url(../img/_r/pap-ivoire-l.webp)) center/cover}
/* ruban translucide */
.ruban{position:absolute;z-index:6;width:var(--w,110px);height:28px;transform:rotate(var(--r,-4deg));pointer-events:none;opacity:.86;mix-blend-mode:multiply;
clip-path:polygon(0 6%,3% 0,6% 9%,9% 1%,91% 0,94% 8%,97% 1%,100% 7%,98% 22%,100% 37%,97% 52%,100% 67%,97% 83%,100% 94%,96% 100%,92% 92%,8% 100%,4% 93%,0 100%,2% 82%,0 66%,3% 50%,0 34%,3% 18%);
background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 40%,rgba(0,0,0,.05)),var(--motif,var(--c,#ffd54f))}
.ruban::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 45%,transparent 60%)}
.r-pois{--motif:radial-gradient(rgba(255,255,255,.85) 2.2px,transparent 2.8px) 0 0/12px 12px,var(--c,#ff8796)}
.r-rayures{--motif:repeating-linear-gradient(135deg,rgba(255,255,255,.75) 0 4px,transparent 4px 11px),var(--c,#6ec6e8)}
.r-carreaux{--motif:linear-gradient(90deg,rgba(255,255,255,.55) 50%,transparent 0) 0 0/12px 12px,linear-gradient(rgba(255,255,255,.55) 50%,transparent 0) 0 0/12px 12px,var(--c,#f4a3bb)}
/* boutons pilule aquarelle */
.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 26px;max-width:100%;box-sizing:border-box;font:800 .95rem/1 var(--f-texte);text-decoration:none;color:#fff;border-radius:999px;white-space:nowrap;transition:transform .3s}
.btn::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:999px;
background:radial-gradient(38% 70% at 18% 62%,rgba(201,58,104,.55) 0,transparent 72%),radial-gradient(30% 80% at 64% 30%,rgba(236,112,150,.6) 0,transparent 70%),radial-gradient(34% 75% at 86% 70%,rgba(196,52,98,.45) 0,transparent 72%),radial-gradient(26% 60% at 42% 80%,rgba(240,128,162,.5) 0,transparent 70%),#df5683;
box-shadow:inset 0 0 0 1.4px rgba(160,38,80,.55),inset 0 0 7px 1px rgba(160,38,80,.38)}
button.btn::after{display:none}
button.btn{border-radius:999px;-webkit-appearance:none;appearance:none;background:#d9507d;background-clip:padding-box;border:0;box-shadow:none;cursor:var(--crayon),pointer}
.btn::after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:999px;background:url(../img/_r/pap-aquarelle-l.webp) center/700px;mix-blend-mode:multiply;opacity:.28}
.btn:hover{transform:translateY(-2px)}.btn{backface-visibility:hidden}
.btn svg{width:24px;height:14px}
.btn.creme{color:var(--rose-f)}
.btn.creme::before{background:radial-gradient(40% 80% at 22% 60%,rgba(244,163,187,.35) 0,transparent 72%),radial-gradient(34% 70% at 78% 35%,rgba(244,163,187,.28) 0,transparent 70%),#fdf1ec;box-shadow:inset 0 0 0 1.6px rgba(226,85,127,.6),inset 0 0 6px rgba(226,85,127,.25)}
.btn.creme::after{opacity:.2}
/* en-tête */
.entete{position:sticky;top:0;z-index:50}
.entete .couche,.entete .fibre{position:absolute;inset:0;pointer-events:none}
.entete .couche{clip-path:var(--clip-c);background:#f3dfc9 url(../img/_r/pap-aquarelle-l.webp) center/600px;background-blend-mode:multiply;filter:drop-shadow(0 6px 7px rgba(80,50,30,.18))}
.entete .ombre{position:absolute;inset:0;filter:drop-shadow(0 2px 2px rgba(80,50,30,.16)) drop-shadow(0 8px 10px rgba(80,50,30,.12));pointer-events:none}
.entete .fibre{clip-path:var(--clip-b);background:#fffefb}
.entete .fond{position:absolute;inset:0;clip-path:var(--clip);background:#fdf7ec url(../img/_r/papier-entete-v2-l.webp) center top/1400px auto;pointer-events:none}
.entete>.f{position:relative;padding-bottom:34px}
.entete .barre{display:flex;align-items:center;gap:22px;max-width:1400px;margin:0 auto;padding:14px clamp(16px,3vw,40px) 10px}
.entete .logo img{height:82px;width:auto}
.entete nav{flex:1}
.entete .niv1{display:flex;justify-content:center;gap:clamp(10px,1.6vw,28px);list-style:none;margin:0;padding:0}
.entete .niv1>li{position:relative}
.entete .niv1>li>a{position:relative;display:inline-flex;align-items:center;gap:5px;text-decoration:none;font:700 1.55rem/1 var(--f-main);color:var(--encre);padding:10px 2px;white-space:nowrap}
.entete .chev{width:12px;height:8px;opacity:.6;transition:transform .3s}
.entete .niv1>li>a::after{content:"";position:absolute;left:-4px;right:-4px;bottom:2px;height:8px;background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6 C25 2 55 3 98 5 M6 8 C40 5 70 6 94 7' fill='none' stroke='%23e2557f' stroke-width='2.6' stroke-linecap='round' opacity='.85'/%3E%3C/svg%3E");transform:scaleX(0);transform-origin:left;transition:transform .35s}
.entete .niv1>li:hover>a::after,.entete .niv1>li>a[aria-current=page]::after,.entete .niv1>li:focus-within>a::after{transform:scaleX(1)}
.entete .niv1>li:hover .chev,.entete .niv1>li:focus-within .chev{transform:rotate(180deg)}
/* sous-menu : fiche de papier quadrillé, bas déchiré, retenue par un ruban */
.entete .fiche{position:absolute;top:calc(100% + 4px);left:50%;width:310px;z-index:60;filter:drop-shadow(0 1px 1px rgba(80,50,30,.14)) drop-shadow(0 12px 14px rgba(80,50,30,.22));opacity:0;visibility:hidden;transform:translate(-50%,8px) rotate(-.7deg);transition:opacity .25s,transform .25s,visibility .25s}
.entete .fiche::before{display:none;content:"";position:absolute;z-index:2;top:-10px;left:50%;width:78px;height:22px;margin-left:-39px;background:rgba(244,163,187,.75);mix-blend-mode:multiply;transform:rotate(-3deg);clip-path:polygon(0 8%,4% 0,96% 4%,100% 0,98% 50%,100% 100%,4% 94%,0 100%,2% 50%)}
.entete .sous{list-style:none;margin:0;padding:20px 12px 22px;
background:#f9f0e1 url(../img/_r/pap-ivoire-l.webp) center/520px;background-blend-mode:multiply;
clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),97% calc(100% - 4px),93% calc(100% - 8px),88% calc(100% - 3px),83% calc(100% - 6px),77% calc(100% - 2px),71% calc(100% - 7px),65% calc(100% - 4px),58% calc(100% - 8px),52% calc(100% - 3px),46% calc(100% - 6px),40% calc(100% - 2px),33% calc(100% - 7px),27% calc(100% - 4px),20% calc(100% - 8px),14% calc(100% - 3px),8% calc(100% - 6px),3% calc(100% - 2px),0 calc(100% - 5px))}
.entete .niv1>li:hover>.fiche,.entete .niv1>li:focus-within>.fiche{opacity:1;visibility:visible;transform:translate(-50%,0) rotate(-.7deg)}
.entete .sous a{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:7px 10px;border-radius:10px;text-decoration:none;color:var(--encre)}
.entete .sous .ic{--s:42px}
.entete .sous .ic .cr{filter:none}
.entete .sous .txt{display:grid;gap:1px}
.entete .sous b{font:800 .93rem/1.25 var(--f-texte)}
.entete .sous small{font:400 .78rem/1.35 var(--f-texte);color:var(--encre-d)}
.entete .sous a:hover,.entete .sous a:focus-visible{background:rgba(251,230,236,.85)}.entete .sous a:hover b{color:var(--rose-f)}
.entete .outils{display:flex;align-items:center;gap:4px}
.entete .outils a{display:grid;place-items:center;width:46px;height:46px;position:relative}
.compte[hidden]{display:none}.compte{position:absolute;top:4px;right:2px;background:var(--rose);color:#fff;font:800 .62rem/1 var(--f-texte);border-radius:99px;padding:3px 5px}
.burger{display:none;border:0;background:none;padding:6px}
@media (max-width:1180px){.entete nav{display:none}.burger{display:grid}.entete .outils{margin-left:auto}
 .entete.ouvert nav{display:block;position:absolute;left:10px;right:10px;top:calc(100% - 29px);max-height:calc(100vh - 120px);overflow:auto;background:#fffdf8 url(../img/_r/pap-ivoire-l.webp) center/600px;border-radius:4px;box-shadow:0 18px 30px -14px rgba(80,50,30,.45);padding:14px 18px 20px;z-index:70}
 .entete.ouvert .niv1{display:block}
 .entete.ouvert .niv1>li{border-bottom:1px dashed #ead9c6}
 .entete.ouvert .niv1>li>a{font-size:1.6rem;padding:12px 2px}
 .entete.ouvert .chev{display:none}
 .entete.ouvert .fiche,.entete.ouvert .niv1>li:hover>.fiche,.entete.ouvert .niv1>li:focus-within>.fiche{position:static;width:auto;opacity:1;visibility:visible;transform:none;filter:none;transition:none}
 .entete.ouvert .fiche::before{display:none}
 .entete.ouvert .sous{background:none;clip-path:none;padding:0 0 10px 6px}
 .entete.ouvert .sous .ic{--s:30px}.entete.ouvert .sous a{grid-template-columns:30px 1fr}
 .entete.ouvert .sous small{display:none}
 .entete.ouvert .sous a{padding:6px 10px}}
@media (max-width:560px){.entete>.f{padding-bottom:26px}.entete .logo img{height:54px}.entete .outils a.cache-tel{display:none}}
/* icônes croquis -> couleur */
.ic{position:relative;display:inline-block;width:var(--s,76px);height:var(--s,76px);flex:none}
.ic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ic .co{clip-path:circle(0% at 25% 80%);transition:clip-path .12s ease-out;will-change:clip-path}
a:hover .ic .co,a:focus-visible .ic .co,a[aria-current] .ic .co{clip-path:circle(150% at 25% 80%)}
a:hover .ic{animation:frisson .5s}
@keyframes frisson{30%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}}
@media (hover:none){.univers .ic .co{clip-path:circle(150% at 25% 80%)}}
/* héros */
.hero{position:relative;margin-top:-34px;padding:0}
.hero .photo-cadre{position:relative}
.hero .photo{width:100%;aspect-ratio:2460/1243;max-height:calc(100vh - 60px);min-height:520px;object-fit:cover;object-position:50% 60%}
.panneau-ombre{position:absolute;left:clamp(16px,3vw,48px);top:70px;width:min(33%,520px);z-index:4}
.panneau-ombre{filter:drop-shadow(0 1px 1px rgba(80,50,30,.14)) drop-shadow(0 10px 14px rgba(80,50,30,.18))}
.panneau>.f{--pt:48px;--ligne:32px;--decal:calc(var(--pt) - 5px);
background:linear-gradient(90deg,transparent 79px,rgba(226,85,127,.45) 79px,rgba(226,85,127,.45) 80.5px,transparent 80.5px),repeating-linear-gradient(180deg,transparent 0 31px,rgba(95,165,200,.38) 31px 32px) 0 var(--decal)/100% 32px,#fffdf8 url(../img/_r/pap-ivoire-l.webp) center/700px;padding:var(--pt) clamp(24px,3vw,44px) 48px 104px;display:grid;gap:0;
}

.panneau .surtitre{line-height:32px}
.panneau h1{font-size:clamp(2rem,2.6vw,2.5rem);line-height:32px;margin-top:32px}.panneau h1 em{white-space:nowrap}
.panneau .intro{color:var(--encre-d);max-width:36ch;text-wrap:balance;line-height:32px;margin-top:32px}
.panneau .actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:24px}
.note-collee{position:absolute;z-index:5;left:35%;top:17%;width:clamp(150px,12vw,190px);transform:rotate(-8deg)}
.note-collee>.f{padding:30px 22px 28px;text-align:center}
.note-collee p{font:700 clamp(1.3rem,1.6vw,1.6rem)/1.08 var(--f-main);color:var(--prune);text-wrap:balance}
.note-collee p b{color:var(--rose)}
/* bande d'icônes */
.bande{position:relative;z-index:3;margin-top:-22px}
.bande>.f{background-color:#fbf1e3;background-blend-mode:multiply;padding:46px clamp(16px,3vw,40px) 40px}
.univers{max-width:1180px;margin:0 auto}
.univers ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.univers a{display:grid;justify-items:center;text-align:center;gap:2px;text-decoration:none;color:var(--encre);padding:8px 4px}
.univers b{font:700 1.65rem/1 var(--f-main);margin-top:4px}
.univers small{font-size:.86rem;color:var(--encre-d);line-height:1.3}
/* pied de page */
.pied{margin-top:0;position:relative}
.pied .scene{position:relative;max-width:1500px;margin:0 auto;background:#fefaf2}
.pied .scene>img{width:100%;filter:saturate(1.3) contrast(1.04);-webkit-mask:linear-gradient(180deg,transparent 0,#000 9%),linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);-webkit-mask-composite:source-in;mask:linear-gradient(180deg,transparent 0,#000 9%),linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-composite:intersect}
@media (min-width:1501px){.pied .scene{max-width:none}.pied .scene>img{display:block;height:min(33.34vw,780px);object-fit:cover;object-position:50% 55%;-webkit-mask:linear-gradient(180deg,transparent 0,#000 9%);mask:linear-gradient(180deg,transparent 0,#000 9%)}.pied .infolettre{width:540px}}
.infolettre{position:absolute;left:50%;top:4%;transform:translateX(-50%) rotate(-1deg);width:min(42%,540px);z-index:3}
.infolettre>.f{--pt:32px;--ligne:32px;--decal:calc(var(--pt) - 5px);
background:linear-gradient(90deg,transparent 79px,rgba(226,85,127,.45) 79px,rgba(226,85,127,.45) 80.5px,transparent 80.5px),repeating-linear-gradient(180deg,transparent 0 31px,rgba(95,165,200,.38) 31px 32px) 0 var(--decal)/100% 32px,#fffdf8 url(../img/_r/pap-ivoire-l.webp) center/700px;padding:var(--pt) 70px 60px 100px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr);gap:0;justify-items:start}
.papier.infolettre>.f{-webkit-mask-box-image:none;mask-border:none;-webkit-mask:url(../img/bord-masque.png) 0 0/100% 100% no-repeat;mask:url(../img/bord-masque.png) 0 0/100% 100% no-repeat}
.papier.infolettre::before{border-image:none;border:0;background:url(../img/_r/bord-papier.webp) 0 0/100% 100% no-repeat}
.infolettre h2 .coeur-logo{display:inline-block;height:.78em;width:auto;vertical-align:-.04em;margin-left:.12em;transform:rotate(8deg)}
.infolettre h2{margin:0;font:700 1.95rem/32px var(--f-main);color:var(--prune)}
.infolettre p{font-size:.92rem;line-height:32px;color:var(--encre-d);text-wrap:balance}
.infolettre form{display:flex;gap:8px;width:100%;margin-top:24px}
.infolettre input{flex:1;min-width:0;height:48px;box-sizing:border-box;border:2px solid #efd9c4;border-radius:999px;padding:0 16px;font:600 .92rem var(--f-texte);background:#fff}
.infolettre .btn{padding:0 20px;font-size:.9rem}
.pied .bande-turq{position:relative;background:#1d7f80;color:#fff;margin-top:-6px}
.pied .bande-turq::before{content:"";position:absolute;left:0;right:0;top:-14px;height:16px;background:#1d7f80;clip-path:polygon(0 60%,4% 30%,9% 55%,15% 20%,22% 50%,30% 25%,37% 60%,45% 30%,52% 55%,60% 15%,68% 50%,75% 30%,83% 60%,90% 25%,96% 50%,100% 35%,100% 100%,0 100%)}
.pied .contenu{max-width:1300px;margin:0 auto;padding:34px clamp(16px,3vw,40px) 22px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,3fr);gap:40px;align-items:start}
.pied .marque{display:grid;gap:14px;justify-items:start}
.pied .marque p{font-size:.9rem;line-height:1.55;opacity:.95;max-width:30ch}
.pied .logo-pied{background:#fffbf3;border-radius:14px;padding:10px 16px;transform:rotate(-1.5deg);box-shadow:0 6px 14px -8px rgba(0,0,0,.4)}
.pied .logo-pied img{height:74px;width:auto}
.pied .plan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.pied .col h3{margin:0 0 10px;font:700 1.6rem/1 var(--f-main);color:var(--soleil)}
.pied .col ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.pied .col a{color:#fff;text-decoration:none;font-size:.92rem;line-height:1.3;opacity:.95}
.pied .col a,.pied .bas a{position:relative;display:inline-block}
.pied .col a::after,.pied .bas a::after{content:"";position:absolute;left:-3px;right:-3px;bottom:-5px;height:7px;background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6 C25 2 55 3 98 5 M6 8 C40 5 70 6 94 7' fill='none' stroke='%23ffd54f' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E");transform:scaleX(0);transform-origin:left;transition:transform .3s}
.pied .col a:hover::after,.pied .bas a:hover::after,.pied .col a:focus-visible::after{transform:scaleX(1)}
.pied .reseaux{display:flex;gap:10px}
.pied .reseaux a{width:50px;height:50px;border-radius:50%;background:#fffbf3;display:grid;place-items:center;box-shadow:0 4px 10px -6px rgba(0,0,0,.4)}
.pied .bas{max-width:1300px;margin:0 auto;padding:10px clamp(16px,3vw,40px) 12px;border-top:1px dashed rgba(255,255,255,.35);display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;font-size:.78rem}
.pied .bas ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
.pied .bas a{color:#fff;text-decoration:none;opacity:.9}.pied .bas li+li::before{content:"·";margin-right:10px;opacity:.7}.pied .bas ul{gap:4px 10px}.pied .bas ul,.pied .bas p{white-space:nowrap}
/* ---------- sections de l'accueil ---------- */
.sec{position:relative;padding:76px clamp(16px,3vw,40px) 80px;overflow:clip}
.sec:has(.sticker){overflow-x:clip;overflow-y:visible}.sticker{z-index:8!important}
.sec-creme{background:#fefaf2}.sec-creme2{background:#fcf3e5}.sec-beige{background:#f6ead8}.sec-blanc{background:#fffdf9}
.sec>*{max-width:1180px;margin-left:auto;margin-right:auto}
.tete-sec{text-align:center;display:grid;gap:8px;justify-items:center;margin-bottom:44px}
.sec h2{margin:0;font-family:var(--f-titre);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:600;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.08;color:var(--prune);text-wrap:balance}
.sec h2 em{color:var(--rose);font-weight:500}
.tete-sec .sous{color:var(--encre-d);max-width:56ch;text-wrap:balance}
.lien-main{font:700 1.45rem/1 var(--f-main);color:var(--rose-f);text-decoration:none;background:linear-gradient(var(--soleil),var(--soleil)) 0 92%/100% 6px no-repeat;padding:0 2px;justify-self:start}
.centre{text-align:center;margin-top:34px}
.note-prix{text-align:center;font:600 1.15rem/1.3 var(--f-main);color:var(--encre-d);margin-top:18px}
/* autocollants découpés */
.sticker{position:absolute;max-width:none;filter:drop-shadow(0 2px 1px rgba(80,50,30,.25)) drop-shadow(0 10px 12px rgba(80,50,30,.22));pointer-events:none;z-index:2;transition:transform .4s}
.sk-laura{width:clamp(76px,6.1vw,96px);right:max(3.6vw,calc(50% - 668px));bottom:18px;transform:rotate(6deg)}
.sk-duo{width:clamp(130px,12vw,190px);right:max(1vw,calc(50% - 720px));top:116px;transform:rotate(5deg)}.sk-duo .bulle{bottom:calc(100% - 6px)!important;right:62%!important}
.sk-flamant{width:clamp(110px,11vw,170px);left:max(1vw,calc(50% - 700px));top:150px;transform:rotate(-9deg)}
/* bonjour */
.grille-2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}
.polaroid{position:relative;margin:0;background:#fffdf8;padding:14px 14px 12px;transform:rotate(var(--r));box-shadow:0 2px 3px rgba(80,50,30,.12),0 22px 34px -18px rgba(80,50,30,.5);max-width:420px;justify-self:center}
.polaroid figcaption{font:600 1.45rem/1.2 var(--f-main);text-align:center;color:var(--encre-d);padding-top:10px}
.carnet{transform:rotate(.6deg)}
.carnet>.f{--pt:32px;--decal:calc(var(--pt) - 5px);background:linear-gradient(90deg,transparent 79px,rgba(226,85,127,.45) 79px,rgba(226,85,127,.45) 80.5px,transparent 80.5px),repeating-linear-gradient(180deg,transparent 0 31px,rgba(95,165,200,.38) 31px 32px) 0 var(--decal)/100% 32px,#fffdf8 url(../img/_r/pap-ivoire-l.webp) center/700px;padding:var(--pt) clamp(22px,3vw,40px) 40px 100px;display:grid;gap:0}
.carnet .surtitre{line-height:32px}
.carnet h2{line-height:32px;margin-top:16px!important}
.carnet p{color:var(--encre-d);line-height:32px;margin-top:32px;font-size:1.05rem}
.carnet .surtitre+h2{margin-top:16px}
.carnet h2+p{margin-top:52px}
.carnet p{text-wrap:balance}
.carnet .lien-main{margin-top:32px;line-height:32px}
/* services */
.cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.carte-svc{position:relative;background:#fffdf8 url(../img/_r/pap-ivoire-l.webp) center/600px;padding:14px 14px 22px;transform:rotate(var(--r));box-shadow:0 2px 3px rgba(80,50,30,.12),0 18px 28px -18px rgba(80,50,30,.45);display:grid;gap:14px;transition:transform .35s}
.carte-svc:hover{transform:rotate(0) translateY(-5px)}
.carte-svc img{width:100%;aspect-ratio:4/3;object-fit:cover}
.carte-svc .txt{display:grid;gap:8px;padding:0 8px}
.carte-svc h3{margin:0;font:700 2rem/1 var(--f-main);color:var(--prune)}
.carte-svc .pour{font:800 .72rem/1 var(--f-texte);letter-spacing:.16em;text-transform:uppercase;color:var(--turquoise-f)}
.carte-svc p{font-size:.95rem;color:var(--encre-d)}
.carte-svc .lien-main{font-size:1.3rem}
/* livres */
.rangee-livres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;align-items:end}
.livre{margin:0;text-align:center;display:grid;gap:12px;justify-items:center}
.livre{max-width:290px;width:100%;justify-self:center}.livre img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#fff;padding:10px 10px 12px;box-sizing:border-box;transform:rotate(var(--r));box-shadow:0 4px 6px rgba(60,30,20,.18),0 24px 30px -16px rgba(60,30,20,.45);border-radius:3px;transition:transform .35s}
.livre:hover img{transform:rotate(0) translateY(-6px) scale(1.03)}
.livre b{font:700 1.6rem/1.1 var(--f-main);color:var(--prune);display:block}
.livre span{font-size:.85rem;color:var(--encre-d);text-wrap:balance;display:block}
/* boutique */
.produits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.produit{position:relative;display:grid;gap:8px;text-decoration:none;color:var(--encre);background:#fff;padding:12px 12px 16px;border-radius:4px;transform:rotate(var(--r));box-shadow:0 2px 3px rgba(80,50,30,.1),0 16px 24px -16px rgba(80,50,30,.4);transition:transform .35s}
.produit:hover{transform:rotate(0) translateY(-5px)}
.produit img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px}
.produit b{font:700 1.4rem/1.1 var(--f-main);color:var(--prune)}
.produit .prix{font:800 .9rem/1 var(--f-texte);color:var(--rose-f)}
.etiquette{position:absolute;z-index:2;top:20px;left:-8px;background:var(--turquoise);color:#fff;font:800 .7rem/1 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;transform:rotate(-5deg);box-shadow:0 3px 6px rgba(0,0,0,.18)}
/* témoignages */
.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.post-it{position:relative;margin:0;background:var(--c);padding:34px 28px 26px;transform:rotate(var(--r));box-shadow:0 2px 2px rgba(80,50,30,.1),0 16px 22px -14px rgba(80,50,30,.35);display:grid;gap:14px}
.post-it::before{content:"";position:absolute;top:-12px;left:50%;width:90px;height:26px;margin-left:-45px;background:rgba(255,255,255,.55);transform:rotate(-3deg);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.post-it p{font:600 1.45rem/1.25 var(--f-main);color:var(--encre)}
.post-it footer{font:800 .78rem/1 var(--f-texte);color:var(--encre-d);letter-spacing:.06em}.post-it footer .ed{display:block;margin-top:5px;font-weight:600;font-size:.72rem;letter-spacing:.03em;opacity:.8}
@media (max-width:980px){
 .grille-2{grid-template-columns:minmax(0,1fr)!important;gap:40px}.cartes,.notes{grid-template-columns:1fr;gap:34px}
 .rangee-livres{grid-template-columns:1fr;gap:36px}.produits{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .sk-laura{width:66px;bottom:8px;right:4px;transform:rotate(3deg)}.sec.bonjour{padding-bottom:156px}.carnet>.f{padding-right:62px}.br-tel{display:inline}.carnet .lm-2l{background:none;line-height:32px}.carnet .lm-2l span{background:linear-gradient(var(--soleil),var(--soleil)) 0 92%/100% 6px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
 .sk-flamant{width:88px;top:104px;left:10px}.sec.services{padding-top:72px}.services .tete-sec{padding-left:100px;justify-items:start;text-align:left;min-height:150px;align-content:end}
 .sk-duo{width:108px;top:108px;right:8px}.sec.livres{padding-top:72px}.livres .tete-sec{padding-right:114px;padding-top:34px;justify-items:start;text-align:left;min-height:192px;align-content:end}.livres .tete-sec .sous{margin-right:-114px;margin-top:10px}
 .sec{padding:64px 18px 70px}}
.poses{position:relative;display:block}
.poses img{display:block;width:100%}
.poses .p2{position:absolute;inset:0;opacity:0;animation:pose 6s steps(1) infinite}
@keyframes pose{0%,49%{opacity:0}50%,99%{opacity:1}}
.poses img:first-child{animation:pose1 6s steps(1) infinite}
@keyframes pose1{0%,49%{opacity:1}50%,99%{opacity:0}}
@media (prefers-reduced-motion:reduce){.poses .p2,.poses img:first-child{animation:none}}
/* bulles des personnages */
.sticker{pointer-events:auto}
.sticker img{width:100%;height:auto;display:block}
.bulle{position:absolute;bottom:calc(100% + 16px);white-space:nowrap;background:#fffdf8;border:2px solid var(--encre);border-radius:58% 42% 55% 45%/52% 48% 52% 48%;padding:9px 16px 7px;font:700 1.25rem/1.05 var(--f-main);color:var(--prune);box-shadow:0 6px 10px -6px rgba(80,50,30,.35);transform:scale(0) rotate(-4deg);transform-origin:var(--o,30% 100%);animation:parle 9s ease-in-out infinite;animation-delay:var(--dl,1s)}
.bulle::after{content:none}.bulle{isolation:isolate}.bulle{background:none!important;border:0!important;box-shadow:none!important}.bulle>.forme{position:absolute;left:0;top:0;width:100%;height:160%;z-index:-1;overflow:visible;filter:drop-shadow(0 4px 5px rgba(80,50,30,.22))}.b-d>.forme{transform:scaleX(-1)}.bulle>.forme path{fill:#fffdf8;stroke:var(--encre);stroke-width:2.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.b-g{right:40%;--o:85% 100%}.sk-laura .bulle{bottom:calc(100% - 8px);margin-right:-6px}.b-g::after{right:28%}
.b-d{left:40%;--o:15% 100%}.b-d::after{left:24%;transform:scaleX(-1)}
.sk-flamant .bulle{--dl:2.5s}.sk-duo .bulle::after{transform:scaleX(-1)}.sk-duo .bulle{--dl:4.5s}
@keyframes parle{0%,4%{transform:scale(0) rotate(-4deg)}8%{transform:scale(1.08) rotate(-4deg)}10%,38%{transform:scale(1) rotate(-4deg)}42%,100%{transform:scale(0) rotate(-4deg)}}
.sticker.parle .bulle,.sticker:hover .bulle{animation:none;transform:scale(1) rotate(-4deg)}
.sticker:hover{transform:rotate(0) scale(1.05)!important}
@media (prefers-reduced-motion:reduce){.bulle{animation:none;transform:scale(1) rotate(-4deg)}}
@media (max-width:980px){.bulle{font-size:1.05rem;padding:7px 12px 5px}}
/* papillons de l'illustration : les deux ailes se replient vers le corps */
.papillons{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}
.pap{position:absolute;perspective:220px}
.pap .aile{position:absolute;inset:0;width:100%;height:100%;max-width:none;transform-origin:var(--o);animation:var(--anim) var(--d,3.4s) ease-in-out infinite;animation-delay:var(--dl,0s)}
.pap .ag{--anim:aileG}.pap .ad{--anim:aileD}
.pp{--d:2.8s;--dl:-1.1s}
@keyframes aileG{0%,38%,100%{transform:rotate(var(--a)) rotateY(0) rotate(calc(-1*var(--a)))}44%,56%,68%{transform:rotate(var(--a)) rotateY(68deg) rotate(calc(-1*var(--a)))}50%,62%,74%{transform:rotate(var(--a)) rotateY(8deg) rotate(calc(-1*var(--a)))}}
@keyframes aileD{0%,38%,100%{transform:rotate(var(--a)) rotateY(0) rotate(calc(-1*var(--a)))}44%,56%,68%{transform:rotate(var(--a)) rotateY(-68deg) rotate(calc(-1*var(--a)))}50%,62%,74%{transform:rotate(var(--a)) rotateY(-8deg) rotate(calc(-1*var(--a)))}}
@media (prefers-reduced-motion:reduce){.pap .aile{animation:none}}
@media (max-width:980px){
 .hero .photo{aspect-ratio:4/3;min-height:0;max-height:none;object-position:88% 80%}
 .bande{margin-top:-26px}
 .panneau-ombre{position:relative;left:auto;top:auto;width:auto;margin:-14px 8px 0;transform:rotate(-.8deg)}
 .note-collee{left:2%;right:auto;top:52px;bottom:auto;width:96px;transform:rotate(-6deg);z-index:6}
 .pied{margin-top:40px}
 .infolettre .btn{justify-content:center}
 .note-collee p{font-size:1.02rem}.note-collee>.f{padding:18px 8px 14px}
 .bande{margin-top:-26px}
 .univers ul{grid-template-columns:repeat(2,minmax(0,1fr))}.univers li:last-child{grid-column:span 2}
 .infolettre{position:relative;left:auto;top:auto;transform:rotate(-1deg);width:auto;margin:0 14px -40px}
 .pied .contenu{grid-template-columns:1fr;gap:28px;padding-top:64px}.pied .marque{justify-items:center;text-align:center}.pied .marque p{max-width:none;text-wrap:balance}
 .pied .plan{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;text-align:center}
 .pied .bas{justify-content:center;text-align:center}.pied .bas ul{justify-content:center}
}
@media (max-width:560px){.infolettre>.f{padding-left:96px;padding-right:56px}.panneau>.f{--pt:32px;padding:var(--pt) 34px 40px 96px}.panneau h1{font-size:1.62rem;line-height:32px}.panneau .intro{margin-top:32px}.panneau h1{margin-top:16px}.panneau .actions{margin-top:24px}.panneau .actions{padding-right:6px}.panneau .actions .btn{width:100%;justify-content:center;padding:0 14px}.infolettre form{flex-direction:column}.infolettre input{flex:none;width:100%}}

@media all{
 .post-it:nth-child(1)::before{width:74px;margin-left:-30px;transform:rotate(-7deg);top:-11px}
 .post-it:nth-child(2)::before{width:112px;margin-left:-64px;transform:rotate(4deg);top:-13px;height:24px}
 .post-it:nth-child(3)::before{width:62px;margin-left:-18px;transform:rotate(-2deg);top:-10px;height:28px}
}
@media (min-width:640px) and (max-width:980px){
 .cartes,.notes,.rangee-livres{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .carte-svc h3{font-size:1.6rem}.carte-svc p{font-size:.88rem}.carte-svc .lien-main{font-size:1.1rem}
 .post-it{padding:30px 18px 22px}.post-it p{font-size:1.2rem}
 .produits{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.produit b{font-size:1.15rem}
 .grille-2{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center}
 .livre b{font-size:1.3rem}
}
.br-tel{display:none}.coeur-coin{display:none}
@media (max-width:980px){
 .hero .photo{aspect-ratio:390/315;object-position:86% 72%}
 .note-collee{left:auto;right:8px;top:32px;width:124px;transform:rotate(4deg)}.note-collee p{font-size:.92rem!important;line-height:1.15!important}.note-collee>.f{padding:16px 6px 12px!important}
 .hero .photo{object-position:82% 72%}
 .carnet>.f{padding-right:44px!important}
 .sk-laura .bulle{top:auto;bottom:47%;right:calc(100% - 10px);--o:95% 0%}
 .sk-laura .bulle>.forme{transform:scaleY(-1);transform-origin:50% 31.25%}
 .infolettre>.f{position:relative}.infolettre h2 .coeur-logo{display:none}.infolettre .coeur-coin{display:block!important;position:absolute;right:22px;top:30px;width:auto;height:32px;transform:rotate(12deg)}
 .pied .bas .long{display:none}.bas .court{display:inline}
 .ruban-pois-info{left:-2px!important}
 .note-collee .ruban{--w:50px!important;margin-left:-25px!important;height:22px!important;top:-9px!important}
 .ruban-hero{left:116px!important;--w:108px!important;height:24px!important;top:-3px!important;--r:-3deg!important}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (min-width:981px){.pied .marque p{max-width:none;font-size:.86rem;text-wrap:balance}}
@media (min-width:641px) and (max-width:980px){.infolettre h2 .coeur-logo{display:inline-block!important}.infolettre .coeur-coin{display:none!important}}
@media (max-width:640px){.pied .marque p{font-size:.84rem;letter-spacing:-.005em}}
@media (min-width:641px) and (max-width:980px){.pied .marque p{max-width:54ch}}
@media (min-width:981px) and (max-width:1300px){.sk-laura{bottom:-34px;right:1.2vw}.sec.bonjour{padding-bottom:110px}}
@media (min-width:1301px){.sk-laura .bulle.b-g{right:-12px}}
@media (min-width:981px) and (max-width:1300px){.sk-laura .bulle.b-g{bottom:auto;top:42%;right:90%;margin-right:0}}
@media (min-width:641px) and (max-width:980px){.note-collee{right:28px;top:40px;width:168px}.note-collee p{font-size:1.2rem!important}.note-collee>.f{padding:22px 10px 18px!important}.note-collee .ruban{--w:64px!important;margin-left:-32px!important}}
@media (min-width:641px) and (max-width:980px){.fiches>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 14px)}.crea .fiches>:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:auto}.chiffres:has(>.chiffre:nth-child(4):last-child){flex-wrap:nowrap!important;gap:14px!important}.chiffres:has(>.chiffre:nth-child(4):last-child)>.chiffre{flex:1 1 0!important;min-width:0!important}}
.entete .niv1>li.li-boutique>a{background:#1d7f80;color:#fff;border-radius:999px;padding:10px 18px 9px;box-shadow:0 4px 10px -6px rgba(29,127,128,.7);transition:background .2s,transform .2s}
.entete .niv1>li.li-boutique>a::after{display:none}.entete .niv1>li.li-boutique>a .chev{color:#fff}
.entete .niv1>li.li-boutique:hover>a,.entete .niv1>li.li-boutique:focus-within>a,.entete .niv1>li.li-boutique>a[aria-current=page]{background:#16696a;transform:translateY(-1px)}
/* sous-menu boutique centré sous le bouton, comme les autres */
.entete.ouvert .niv1>li.li-boutique>a{display:inline-flex;margin:10px 0}

/* maj80 : téléphone — le texte occupe toute la largeur; la petite fille s'appuie sur le coin du bloc Bonjour */
@media (max-width:640px){.carnet>.f{padding-right:38px;padding-bottom:56px}.carnet p,.infolettre p,.tete-sec .sous,.panneau .intro{text-wrap:pretty}.livres .tete-sec{min-height:0}.livres .tete-sec .sous{margin-top:40px}.sec.bonjour{padding-bottom:64px}.sk-laura{bottom:-46px;right:14px;width:50px}.sk-laura .bulle{display:none}}
/* maj86 : ourson de l accueil un peu plus haut */
.sk-duo{top:96px}
@media (max-width:980px){.sk-duo{top:82px}}