.letters-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.letters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px;margin-top:28px;align-items:start}
.lcard{cursor:zoom-in;background:#fff;border:1px solid #E3E9F0;border-radius:12px;overflow:hidden;padding:6px;transition:transform .18s,box-shadow .18s;margin:0}
.lcard:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(16,29,54,.16)}
.lcard img{width:100%;height:auto;display:block;background:#F4F8FC}
.lcard figcaption{padding:12px 14px;font-size:14px;font-weight:600;color:#3A4657}
#lightbox{display:none;position:fixed;inset:0;background:rgba(10,20,40,.9);z-index:9999;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
#lightbox img{max-width:96%;max-height:92vh;border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.55)}
#lightbox .lbx{position:absolute;top:18px;right:24px;color:#fff;font-size:34px;line-height:1;cursor:pointer;font-weight:300;opacity:.85}