:root{--ombre:#16190f;--parchemin:#ede3c8;--ambre:#f0a83a;--carte:#16190fbf;--trait:#f0a83a40}*{box-sizing:border-box}html{color-scheme:dark}body{min-height:100vh;color:var(--parchemin);background:radial-gradient(ellipse at 50% 0%, #f6d58a24, transparent 60%), var(--ombre);flex-direction:column;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;display:flex}main{text-align:center;flex-direction:column;flex:1;align-items:center;gap:10px;padding:5vh 16px 32px;display:flex}.logo{filter:drop-shadow(0 0 28px #f6d58a33);width:clamp(88px,12vw,132px);height:auto}h1{margin:6px 0 0;line-height:0}h1 img{width:auto;max-width:100%;height:clamp(28px,5vw,50px)}.tagline{opacity:.88;margin:2px 0 0;font:italic 400 clamp(17px,2.2vw,22px)/1.2 Georgia,Times New Roman,serif}.pitch{max-width:34em;color:var(--ambre);margin:4px 0 18px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;max-width:1100px;display:grid}.card{aspect-ratio:3/4;perspective:1200px;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:0;position:relative}.card:focus-visible{outline:2px solid var(--ambre);outline-offset:4px}.flip{transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.1,.2,1);position:absolute;inset:0}.card.back .flip{transform:rotateY(180deg)}.face{backface-visibility:hidden;border:1px solid var(--trait);background:var(--carte);border-radius:3px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.face.b{transform:rotateY(180deg)}.face .img{background:radial-gradient(circle at 40% 35%,#f6d58a38,#34492a59 45%,#16190f00 75%);flex:1;place-items:center;display:grid}.face img{object-fit:contain;filter:drop-shadow(0 10px 18px #0000008c);width:88%;height:88%}.face .cap{padding:10px 14px 14px;font:600 17px/1.2 Georgia,serif}footer{text-align:center;opacity:.5;padding:16px;font-size:13px}@media (width<=900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width<=380px){.cards{gap:10px}.face .cap{font-size:15px}}@media (prefers-reduced-motion:reduce){.flip{transition:none}.card.back .flip{transform:none}.face{backface-visibility:visible;transition:opacity .6s}.face.b{opacity:0;transform:none}.card.back .face.a{opacity:0}.card.back .face.b{opacity:1}}