.jeu-hero{background:var(--fond-rose);min-height:92svh;color:var(--creme);isolation:isolate;z-index:3;place-items:center;padding-block:clamp(9rem,20vh,13rem) clamp(7rem,14vh,11rem);display:grid;position:relative}.jeu-hero__scene{z-index:2;text-align:center;justify-items:center;gap:clamp(1.25rem,2.5vh,2rem);display:grid;position:relative}.jeu-hero__oeil{font-size:var(--t-menu);letter-spacing:.18em;text-transform:uppercase;color:#fffaf6c7;font-weight:700}.jeu-hero__titre{font-size:var(--t-geant);max-width:16ch}.jeu-hero__accroche{font-size:var(--t-intro);color:#fffaf6e0;max-width:44ch}.jeu-hero__repere{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffaf61f;border:1px solid #fffaf633;border-radius:999px;align-items:center;gap:.85rem;margin-top:clamp(.5rem,2vh,1.25rem);padding:.65rem 1.5rem .65rem 1.25rem;display:inline-flex}.jeu-hero__repere strong{font-family:var(--police-titre);color:var(--jaune);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:600;line-height:1}.jeu-hero__repere span{color:#fffaf6d9;text-align:left;font-size:.9375rem;font-weight:600}.lots{z-index:2;isolation:isolate;padding-block:var(--pile);background:radial-gradient(60% 45% at 88% 4%, #ffd7e8 0%, transparent 58%), linear-gradient(180deg, var(--rose-brume) 0%, var(--rose-voile) 100%);position:relative}.lots .gouttes{color:var(--rose-voile)}.lots__entete{gap:1.25rem;max-width:56rem;margin-bottom:clamp(2.5rem,6vh,4.5rem);display:grid}.lots__oeil{font-size:var(--t-menu);letter-spacing:.18em;text-transform:uppercase;color:var(--rose);font-weight:700}.lots__titre{font-size:var(--t-titre)}.lots__intro{font-size:var(--t-intro);color:var(--encre-douce);max-width:46ch}.lots__grille{perspective:1200px;grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:clamp(1rem,2vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.lot{border-radius:var(--rayon);background:var(--blanc);min-height:clamp(9rem,16vw,12rem);box-shadow:var(--ombre-douce);transform-style:preserve-3d;transition:transform .5s var(--ease-sortie), box-shadow .5s var(--ease-doux), border-color .5s var(--ease-doux);border:1px solid #2b142012;grid-template-rows:auto 1fr auto;align-content:stretch;gap:.4rem;padding:clamp(1.25rem,2.5vw,1.75rem);display:grid;position:relative;overflow:hidden}.lot:before{content:"";background:radial-gradient(closest-side, var(--accent,var(--rose)), transparent);opacity:.28;transition:opacity .5s var(--ease-doux), transform .6s var(--ease-sortie);position:absolute;inset:-40% 40% 55% -40%}.lot:hover{box-shadow:var(--ombre-flottante);border-color:color-mix(in oklab, var(--accent,var(--rose)) 45%, transparent);transform:translateY(-8px)}.lot:hover:before{opacity:.55;transform:scale(1.25)}.lot__icone{color:color-mix(in oklab, var(--accent,var(--rose)) 78%, var(--encre));align-self:end;margin-top:clamp(.75rem,2vw,1.25rem);display:block;position:relative}.lot__icone svg{width:clamp(2.25rem,4vw,3rem);height:clamp(2.25rem,4vw,3rem)}.lot--large .lot__icone svg{width:clamp(3rem,5.5vw,4.25rem);height:clamp(3rem,5.5vw,4.25rem)}.lot--suite .lot__icone{color:var(--rose-vif)}.lot__categorie{letter-spacing:.08em;text-transform:uppercase;color:var(--encre);background:var(--accent,var(--rose));border-radius:999px;place-self:start;padding:.25rem .65rem;font-size:.7rem;font-weight:700;position:relative}.lot__nom{font-size:clamp(1.25rem,2vw,1.6rem);position:relative}.lot--large{grid-column:span 2}.lot--large .lot__nom{font-size:clamp(1.75rem,3.5vw,2.75rem)}.lot--suite{background:var(--prune);color:var(--creme);border-color:#0000}.lot--suite:before{background:radial-gradient(closest-side, var(--rose-vif), transparent);opacity:.4}.lot--suite .lot__categorie{background:var(--rose-vif);color:var(--creme)}@media (max-width:34rem){.lot--large{grid-column:span 1}}.appel{z-index:1;padding-block:calc(var(--pile) + clamp(4rem, 9vw, 8rem)) var(--pile);text-align:center;background:var(--fond-sombre);color:var(--creme);position:relative}.appel__titre{font-size:var(--t-titre);margin-bottom:1.25rem}.appel__texte{font-size:var(--t-intro);color:#fffaf6c7;max-width:40ch;margin:0 auto 2rem}.appel__cta{background:var(--rose-profond);color:var(--creme);transition:transform .4s var(--ease-sortie), background .4s var(--ease-doux);border-radius:999px;padding:1rem 2rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 1rem 2rem #dd3c8059}.appel__cta:hover,.appel__cta:focus-visible{background:var(--creme);color:var(--rose-profond);transform:translateY(-3px)}
