.logo-gallery{margin:65px 0 85px}.logo-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:35px}.logo-demo{display:flex;flex-direction:column;text-decoration:none;color:#f3f5fc;border:1px solid #29466d;border-radius:16px;overflow:hidden;background:#0c121c;transition:transform .25s,border-color .25s,box-shadow .25s}.logo-demo:hover,.logo-demo:focus-visible{transform:translateY(-5px);border-color:#8daaff;box-shadow:0 15px 50px #a6bdff30}.logo-demo:focus-visible{outline:3px solid #b6c8ff;outline-offset:5px}.logo-demo-visual{display:flex;align-items:center;justify-content:center;min-height:280px;background:#fff9ef;padding:35px}.logo-demo img{display:block;width:100%;height:235px;object-fit:contain}.logo-demo-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;font-size:clamp(22px,1.3vw,32px);line-height:1.4}.logo-demo-caption>span{color:#b6c8ff}.logo-ligne{display:flex;align-items:center;gap:12px;color:#171717;font:800 clamp(40px,4vw,70px)/1 sans-serif;letter-spacing:-.06em}.logo-ligne i{font-style:normal;background:#df4d2f;color:white;border-radius:50%;padding:16px;font-size:.65em;letter-spacing:0}@media(min-width:2300px){.logo-demo-visual{min-height:350px}.logo-demo img{height:290px}}@media(max-width:1050px){.logo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(max-width:600px){.logo-gallery-grid{grid-template-columns:1fr;gap:24px}.logo-demo-visual{min-height:220px;padding:25px}.logo-demo img{height:190px}.logo-demo-caption{padding:20px;font-size:22px}.logo-gallery{margin:45px 0 55px}}@media(prefers-reduced-motion:reduce){.logo-demo{transition:none}.logo-demo:hover{transform:none}}