.porte{color:var(--white);aspect-ratio:105/160;cursor:pointer;outline:none;text-decoration:none;display:block;position:relative}button.porte{width:100%;font:inherit;text-align:center;background:0 0;border:0;border-radius:0;padding:0}.porte-int{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.3,1);display:block;position:relative}.porte-face,.porte-dos{backface-visibility:hidden;text-align:center;border:1px solid color-mix(in srgb,var(--white)63%,transparent);box-shadow:0 6px 18px color-mix(in srgb,var(--deep)50%,transparent),4px 4px 0 color-mix(in srgb,var(--deep)63%,black);flex-direction:column;align-items:center;padding:10px 7px;display:flex;position:absolute;inset:0}.porte-face{background:linear-gradient(150deg,var(--blue),var(--deep));justify-content:space-between}@supports (color:color-mix(in srgb,red,blue)){.porte-face{background:linear-gradient(150deg,var(--blue),color-mix(in srgb,var(--ink)55%,var(--deep)))}}.porte-face:before,.porte-dos:before{content:"";border:1px solid color-mix(in srgb,var(--white)25%,transparent);pointer-events:none;position:absolute;inset:5px}.porte-romain{font:500 11px/1 var(--sans);letter-spacing:1.6px}.porte-symbole{width:58%;height:46%;filter:blur(.45px)drop-shadow(0 0 3px color-mix(in srgb,var(--white)40%,transparent))}.porte-titre{font-family:var(--serif);font-size:15px;line-height:1.15}.porte-bas{flex-direction:column;align-items:center;display:flex}.porte-micro{font:500 9px/1.3 var(--sans);letter-spacing:1.2px;text-transform:uppercase;margin-top:5px;display:block}.porte-nombre{width:1.25em;height:1.25em;font-family:var(--serif);justify-content:center;align-items:center;font-size:40px;line-height:1;display:flex;position:relative}.porte-nombre:before{content:"";border:1px solid;position:absolute;inset:0;transform:rotate(45deg)}.porte-dos{background:var(--white);min-height:100%;color:var(--ink);pointer-events:none;justify-content:center;gap:8px;inset:50% 0 auto;transform:translateY(-50%)rotateY(180deg)}.porte-dos:before{border-color:color-mix(in srgb,var(--ink)25%,transparent)}.porte-dos-titre{font-family:var(--serif);font-size:16px;line-height:1.1}.porte-dos-texte{font:400 12px/1.35 var(--sans)}.porte-ouvrir{font:700 13px/1 var(--sans);background:var(--ink);color:var(--white);margin-top:4px;padding:8px 10px}.porte-mention{font:650 10px/1.3 var(--sans);letter-spacing:1.2px;text-transform:uppercase;margin-top:4px}.porte-principale .porte-face{outline:3px solid var(--white);outline-offset:3px}@media (hover:hover){.porte:hover{z-index:3}.porte:hover .porte-int{transform:rotateY(180deg)translateY(-6px)}.porte:hover .porte-dos{pointer-events:auto}}.porte:focus-visible,.porte.porte-retournee{z-index:3}.porte:focus-visible .porte-int,.porte.porte-retournee .porte-int{transform:rotateY(180deg)translateY(-6px)}.porte:focus-visible .porte-dos,.porte.porte-retournee .porte-dos{pointer-events:auto}.porte:focus-visible .porte-face,.porte:focus-visible .porte-dos{outline:3px solid var(--ink);outline-offset:4px}.portes{perspective:900px;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 8px;display:grid}.portes .porte-int{animation:porte-vague 1.4s ease calc(.6s + var(--i)*.25s)1 backwards}@keyframes porte-vague{0%,to{transform:none}35%,60%{transform:rotateY(180deg)}}@media (max-width:360px){.portes{gap:6px}.portes .porte-titre{font-size:13px}.portes .porte-dos-texte{font-size:11px}}@media (min-width:700px){.hero-main .portes{grid-area:3/1/auto/-1;gap:22px;width:100%;max-width:540px;margin:26px auto 4px}.portes .porte-titre{font-size:19px}.portes .porte-dos-titre{font-size:20px}.portes .porte-dos-texte{font-size:14px}.portes .porte-romain{font-size:13px}.hero-main .honest{text-align:center;grid-area:4/1/auto/-1;max-width:none}.hero-copy{grid-column:1/-1}}.cartes-grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px;margin:22px 0 6px;display:grid}@media (min-width:560px){.cartes-grille{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px}}.cartes-grille.cartes-trois{grid-template-columns:repeat(6,minmax(0,1fr))}.cartes-trois>.porte{grid-column:span 2}.cartes-trois>.porte:nth-child(3n+1):last-child{grid-column:3/span 2}.cartes-trois>.porte:nth-child(3n+1):nth-last-child(2){grid-column:2/span 2}.cartes .porte{container-type:inline-size}.cartes .porte-romain{letter-spacing:1.2px;font-size:10px}.cartes .porte-titre{font-size:13px}.cartes .porte-micro{letter-spacing:.8px;font-size:8px}.cartes .porte-nombre{font-size:32px}.cartes .porte-dos{gap:6px;padding:9px 6px}.cartes .porte-dos-titre{font-size:13px;line-height:1.15}.cartes .porte-dos-texte{font-size:11px;line-height:1.35}.cartes .porte-ouvrir{padding:7px 9px;font-size:12px}@container (min-width:100px){.cartes .porte-romain{font-size:11px}.cartes .porte-titre{font-size:15px}.cartes .porte-micro{letter-spacing:1.1px;font-size:9px}.cartes .porte-nombre{font-size:38px}.cartes .porte-dos-titre{font-size:15px}.cartes .porte-dos-texte{font-size:12px}}@container (min-width:140px){.cartes .porte-romain{letter-spacing:1.5px;font-size:12px}.cartes .porte-titre{font-size:18px}.cartes .porte-micro{font-size:10px}.cartes .porte-nombre{font-size:46px}.cartes .porte-dos{gap:8px;padding:12px 10px}.cartes .porte-dos-titre{font-size:18px}.cartes .porte-dos-texte{font-size:13px;line-height:1.4}.cartes .porte-ouvrir{padding:8px 11px;font-size:13px}}.pu-signes .pu-lire.jeu-lien{margin-top:10px}@media (prefers-reduced-motion:reduce){.porte-int,.portes .porte-int{transition:none;animation:none}}