/* wow.tadaxp.com : une expérience Ta·da! par semaine. La marque de tadaxp.com (crème, encre, vermillon, lilas; Fraunces et Figtree). */
:root{--creme:#FBF7F0;--papier:#fff;--encre:#1C1830;--encre-2:#4B4661;--muet:#6E6882;--ligne:#E7DFD2;--vermillon:#FF5B3A;--vermillon-t:#C23A18;--lilas:#ECE5FF;--lilas-p:#5B3FD0;--peche:#FFE3D4;
  --display:"Fraunces",Georgia,serif;--corps:"Figtree","Avenir Next",system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0}
body{font:16px/1.55 var(--corps);color:var(--encre);background:var(--creme);min-height:100vh;
  background-image:radial-gradient(90% 60% at 0% 0%,#F1EAFF 0%,transparent 60%),radial-gradient(70% 50% at 100% 0%,#FFE9DD 0%,transparent 60%);background-repeat:no-repeat}
a{color:inherit}
.page{max-width:1080px;margin:0 auto;padding:28px 16px 72px}
@media (min-width:700px){.page{padding:36px 40px 96px}}
.tete{display:flex;align-items:center;gap:12px}
.tete img{height:24px;display:block}
.tete .wow{font:italic 500 20px/1 var(--display);color:var(--vermillon-t)}
.intro{margin:56px 0 40px;max-width:720px}
.surtitre{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muet);font-weight:600}
h1{margin:10px 0 14px;font:500 clamp(36px,6vw,60px)/1.05 var(--display);letter-spacing:-.02em}
h1 em{color:var(--vermillon-t)}
.intro p{margin:0;color:var(--encre-2);font-size:18px;max-width:560px}
.liste{margin-top:48px!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:0;padding:0;list-style:none}
.carte{display:flex;flex-direction:column;background:var(--papier);border:1px solid var(--ligne);border-radius:22px;overflow:hidden;text-decoration:none;transition:transform .2s cubic-bezier(.2,.75,.2,1),box-shadow .2s}
.carte:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(28,24,48,.05),0 24px 48px -24px rgba(28,24,48,.35)}
.carte .apercu{aspect-ratio:16/9;background:var(--lilas);display:grid;place-items:center;font:italic 500 34px/1 var(--display);color:var(--lilas-p)}
.carte .apercu img{width:100%;height:100%;object-fit:cover;display:block}
.carte .corps{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.carte .quand{font-size:12.5px;color:var(--muet);font-weight:600;letter-spacing:.04em}
.carte h2{margin:0;font:600 19px/1.3 var(--corps)}
.carte p{margin:0;color:var(--encre-2);font-size:14.5px}
.carte .ouvrir{margin-top:auto;padding-top:8px;color:var(--vermillon-t);font-weight:600;font-size:14px}
.carte.nouvelle{border-color:var(--lilas-p);box-shadow:0 0 0 1px var(--lilas-p) inset}
.bientot{margin-top:48px;background:var(--papier);border:1px dashed var(--ligne);border-radius:22px;padding:28px;color:var(--muet);max-width:560px}
.pied{margin-top:72px;font-size:13px;color:var(--muet)}
.pied a{color:var(--lilas-p)}
.vide-404{min-height:100vh;display:grid;place-items:center;padding:16px}
.vide-404 .carte-404{background:var(--papier);border-radius:28px;padding:36px;max-width:480px;width:100%;box-shadow:0 2px 4px rgba(28,24,48,.05),0 40px 80px -30px rgba(28,24,48,.45);display:flex;flex-direction:column;gap:14px}
.vide-404 h1{font-size:34px;margin:0}
.bouton{align-self:flex-start;background:var(--vermillon);color:#fff;text-decoration:none;font-weight:600;border-radius:99px;padding:10px 20px}
/* La page de confidentialité */
.texte{max-width:720px}
.texte h1{margin:48px 0 4px}
.texte .maj{color:var(--muet);font-size:14px;margin:0 0 28px}
.texte h2{font:600 18px/1.3 var(--corps);margin:28px 0 6px}
.texte p{margin:0;color:var(--encre-2)}
.texte a{color:var(--lilas-p)}