.gu-real-examples{margin-block:40px;min-width:0}.gu-real-examples header p,.gu-real-examples figcaption p{color:var(--muted,#b6becb);font-size:14px;line-height:1.5}.gu-real-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.gu-real-grid figure{margin:0;min-width:0;background:#10141c;border:1px solid #303644;border-radius:14px;overflow:hidden}.gu-real-grid figure>a{display:flex;align-items:center;justify-content:center;background:#080b10;padding:12px;height:280px}.gu-real-grid img{display:block;width:100%;height:100%;object-fit:contain}.gu-real-grid figcaption{padding:16px 18px}.gu-real-grid h3{font-size:18px;margin:0;display:flex;justify-content:space-between;gap:12px}.gu-real-grid figcaption p{margin:8px 0 0}.gu-real-grid a:focus-visible{outline:3px solid #c783bd;outline-offset:-4px}.gu-real-grid a:hover{background:#181b25}@media(min-width:1400px){.gu-real-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.gu-real-grid figure>a{height:240px}}