.porte{border-color:color-mix(in oklab, var(--color-gold) 45%, transparent);background:radial-gradient(120% 140% at 100% 50%, color-mix(in oklab, var(--color-gold) 13%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in oklab, var(--color-gold) 7%, var(--color-surface)), var(--color-ink-2));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.2rem 2rem;margin-bottom:1.5rem;padding:1.5rem 1.6rem;display:grid}.porte__texte{justify-items:start;gap:.7rem;display:grid}.porte__titre{font-family:var(--font-display);color:var(--color-ivory);margin:0;font-size:1.7rem}.porte__lead{max-inline-size:36rem;color:var(--color-parchment);margin:0;font-size:.95rem;line-height:1.5}.porte__actions{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:.3rem;display:flex}.porte__prix{justify-items:center;gap:.7rem;padding-inline:.6rem;display:grid}.mini-sachet.porte__sachet{inline-size:4.6rem;animation:porte-flotte 5.5s var(--ease-in-out-soft) infinite;border-radius:.55rem}@keyframes porte-flotte{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.mini-sachet.porte__sachet{animation:none;transform:rotate(-2deg)}}.arene__tuto{margin:.2rem 0 0}.arene__tuto a{letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold);align-items:center;gap:.5rem;font-size:.78rem;text-decoration:none;display:inline-flex}.arene__tuto a:hover{color:var(--color-gold-bright)}@media (max-width:34rem){.porte{grid-template-columns:1fr;gap:.8rem;margin-bottom:.8rem;padding:1rem 1.05rem}.porte__prix{order:-1;grid-auto-flow:column;justify-content:start;align-items:center;padding-inline:0}.mini-sachet.porte__sachet{inline-size:2.9rem}.porte__titre{font-size:1.35rem}.porte__lead{font-size:.9rem}}