.pattern-example[data-v-4d2f5c76]{background-color:#f2eee4;background-image:linear-gradient(#52644d0a 1px,#0000 0),linear-gradient(90deg,#52644d0a 1px,#0000 0);background-size:14px 14px;border:1px solid #e2ddcf;border-radius:24px;grid-template-columns:1fr 1fr;gap:20px;padding:28px;display:grid;box-shadow:0 12px 32px #2f3b2f08}.pattern-example>div[data-v-4d2f5c76]{min-width:0}.pattern-example span[data-v-4d2f5c76]{letter-spacing:.04em;color:#65715f;margin-bottom:16px;font-size:10px;font-weight:600;display:block}.pattern-example img[data-v-4d2f5c76]{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;background:#fcf9f2;border:1px solid #ded9c9;border-radius:10px;width:100%;height:auto;box-shadow:0 4px 12px #2f3b2f08}.pattern-example figcaption[data-v-4d2f5c76]{color:#65715f;grid-column:1/-1;padding-top:4px;font-size:11px;line-height:1.7}@media (width<=600px){.pattern-example[data-v-4d2f5c76]{gap:12px;padding:16px}.pattern-example span[data-v-4d2f5c76]{font-size:9px}}