/* Page collection : quatre collections (trois permanentes + l'éphémère), on en ouvre une */
.choix-coll{padding:24px 0 8px;}
.choix-grille{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;}
@media(max-width:1180px){.choix-grille{grid-template-columns:1fr 1fr;gap:40px 48px;}}
.choix{display:block;text-decoration:none;color:inherit;border-top:1px solid var(--filet-fort);padding-top:26px;transition:opacity .5s var(--douce);}
.choix .cadre{margin-bottom:24px;max-height:52vh;}
.choix .cadre img{transition:transform 1.2s var(--douce);}
.choix:hover .cadre img{transform:scale(1.04);}
.choix .fond-sauge{background:#DCE6E2;} .choix .fond-sauge img{object-fit:contain;padding:8%;}
.choix h2{font-size:var(--h-3);margin:4px 0 12px;}
.choix p{max-width:44ch;}
.choix .lien{margin-top:18px;}
.choix .ouverte{display:none;}
.choix[aria-expanded="true"] .ouvrir{display:none;} .choix[aria-expanded="true"] .ouverte{display:inline;}
.choix[aria-expanded="true"]{border-top-width:2px;}
.choix-coll.choisi .choix[aria-expanded="false"]{opacity:.55;} .choix-coll.choisi .choix[aria-expanded="false"]:hover{opacity:1;}
.vitrine-section[hidden]{display:none!important;}
@media(max-width:820px){.choix-grille{grid-template-columns:1fr;gap:36px;} .choix .cadre{max-height:none;aspect-ratio:4/3;}}

/* Survol des cartes de collection (08/10/2026) : le filet se trace en or, un voile crème monte, la carte se soulève, une flèche apparaît */
.choix{position:relative;padding:26px 18px 30px;margin:0 -18px;border-top:none;isolation:isolate;
  transition:transform .6s var(--douce);}
.choix::before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:var(--filet-fort);}
.choix::after{content:"";position:absolute;left:18px;top:0;height:2px;width:calc(100% - 36px);background:var(--or);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--douce);}
.choix .voile-c{display:none;}
.choix > *{position:relative;}
.choix{background:linear-gradient(to top,var(--creme) 0,var(--creme) 100%) no-repeat 0 100% / 100% 0;transition:transform .6s var(--douce),background-size .6s var(--douce);}
.choix:hover,.choix:focus-visible{transform:translateY(-4px);background-size:100% 100%;}
.choix:hover::after,.choix:focus-visible::after,.choix[aria-expanded="true"]::after{transform:scaleX(1);}
.choix h2{display:flex;align-items:baseline;gap:.3em;flex-wrap:wrap;}
.choix-fl{font-family:'Raleway',sans-serif;font-size:.6em;color:var(--or);opacity:0;transform:translateX(-8px);transition:opacity .4s,transform .6s var(--douce);}
.choix:hover .choix-fl,.choix:focus-visible .choix-fl{opacity:1;transform:none;}
.choix[aria-expanded="true"] h2{color:var(--sapin);}
.choix-coll.choisi .choix[aria-expanded="false"]{opacity:.6;}
@media (hover:none){.choix-fl{opacity:1;transform:none;}}
@media (prefers-reduced-motion: reduce){.choix,.choix::after,.choix-fl{transition:none;} .choix:hover{transform:none;}}
/* Titres sur deux lignes réservées : les quatre cartes s'alignent (photo, titre, texte) quel que soit le nom */
@media(min-width:821px){.choix h2{min-height:calc(2 * 1.04em + .3em);align-content:flex-start;}}   /* deux lignes + l’écart de .3em entre elles */

/* Image de chaque collection au-dessus de sa carte (09/10/2026) : l'état final de la vitrine 3D, rendu sans cotes ni textes
   (_outils/capture_nu.sh), sur fond transparent ; le fond crème → sauge de la vitrine est posé ici. Le filet fin
   (et son trait d'or au survol) passe désormais entre l'image et les textes : il est porté par .choix-txt. */
.choix{padding-top:18px;}
.choix::before,.choix::after{content:none;}
.choix-img{display:block;aspect-ratio:4/3;overflow:hidden;
  background:linear-gradient(180deg,var(--creme) 0%,var(--creme) 14%,#DCE4E1 46%,#B9CBC5 84%,#A3B9B2 100%);}
.choix-img img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 1.2s var(--douce);}
.choix:hover .choix-img img,.choix:focus-visible .choix-img img{transform:scale(1.03);}
.choix-txt{display:block;position:relative;margin-top:22px;padding-top:24px;}
.choix-txt::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--filet-fort);}
.choix-txt::after{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:var(--or);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--douce);}
.choix:hover .choix-txt::after,.choix:focus-visible .choix-txt::after,.choix[aria-expanded="true"] .choix-txt::after{transform:scaleX(1);}
@media(max-width:820px){.choix-txt{margin-top:18px;padding-top:20px;}}
@media (prefers-reduced-motion: reduce){.choix-img img,.choix-txt::after{transition:none;} .choix:hover .choix-img img{transform:none;}}