.references{padding-block:80px;scroll-margin-top:100px}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reference-card{margin:0;overflow:hidden;border:1px solid #8debff30;border-radius:22px;background:linear-gradient(140deg,#0b2138,#040c18);box-shadow:0 18px 45px #0005}.reference-card a{display:block;position:relative;background:#020711;padding:12px}.reference-card img{display:block;width:100%;height:300px;object-fit:contain}.reference-card a span{display:block;text-align:center;color:#8debff;font-size:13px;padding:12px 0 2px}.reference-card figcaption{padding:18px 20px;color:#f5faff}.reference-card small{display:block;color:#a7bed2;margin-top:6px}.reference-card a:focus-visible{outline:3px solid #00bfff;outline-offset:-3px}.reference-viewer{padding:18px;border:1px solid #8debff55;border-radius:18px;background:#071426;color:#f5faff;width:min(850px,94vw);max-height:92dvh;overflow:auto}.reference-viewer::backdrop{background:#020711ed}.reference-viewer form{position:sticky;top:0;display:flex;justify-content:flex-end;margin:0 0 12px}.reference-viewer button{background:#087bff;color:white;border:0;border-radius:10px;padding:12px 20px;font:inherit;cursor:pointer}.reference-viewer img{display:block;width:100%;height:auto}.reference-viewer h3{font-size:20px;margin:8px 0 16px}@media(max-width:900px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.references{padding-block:48px}.reference-grid{grid-template-columns:1fr;gap:18px}.reference-card img{height:340px}}