.pattern-intro{margin:34px 0 44px}
.pattern-intro-heading{margin-bottom:20px}
.pattern-intro-heading h3{color:var(--deep);font-size:clamp(22px,2.8vw,30px);letter-spacing:-.03em;margin:0 0 8px}
.pattern-intro-heading p{font-size:14px;line-height:1.8;margin:0;color:#52636b}
.pattern-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pattern-intro-grid figure{min-width:0;margin:0;background:#fffdfa;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pattern-intro-grid a{display:flex;justify-content:center;align-items:center;background:#202123;padding:12px;min-height:300px}
.pattern-intro-grid a:focus-visible{outline:3px solid #7299b8;outline-offset:-3px}
.pattern-intro-grid img{display:block;max-width:100%;width:auto;height:auto;max-height:560px;object-fit:contain}
.pattern-intro-grid figcaption{display:grid;gap:8px;padding:17px 19px 19px;font-size:13px;line-height:1.8;color:#52636b}
.pattern-intro-grid figcaption strong{font-size:16px;line-height:1.5;color:var(--deep)}
@media(max-width:700px){.pattern-intro-grid{grid-template-columns:1fr}.pattern-intro-grid a{min-height:220px}.pattern-intro-grid img{max-height:490px}}