.pattern-slide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.pattern-slide{min-width:0}.pattern-slide button{display:block;width:100%;padding:0;border:1px solid #315371;border-radius:10px;overflow:hidden;background:#06233e;color:white;text-align:left;cursor:zoom-in}.pattern-slide img{display:block;width:100%;height:auto}.pattern-slide button span{display:block;padding:12px 18px;font:600 14px Manrope,sans-serif}.pattern-slide details{padding:12px 0;font-size:16px;line-height:1.7}.pattern-slide summary{cursor:pointer}.pattern-slide button:focus-visible{outline:3px solid #22d5cc;outline-offset:4px}.pattern-dialog{width:min(1600px,96vw);max-width:96vw;padding:48px 0 0;border:0;background:#04172d;color:white;border-radius:10px;max-height:94vh;overflow:auto}.pattern-dialog::backdrop{background:rgba(0,10,24,.9)}.pattern-dialog img{width:100%;height:auto;display:block}.pattern-close{position:absolute;right:12px;top:8px;background:#fff;color:#06233e;padding:7px 16px;border:0;border-radius:5px;font:700 16px Manrope,sans-serif;cursor:pointer}@media(max-width:900px){.pattern-slide-grid{grid-template-columns:1fr}.pattern-dialog img{width:max(900px,100%);max-width:none}}
.pattern-slides-heading{text-align:center;font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,32px);line-height:1.35;margin:0 0 32px;color:inherit}