.gallery-search{display:flex;align-items:center;gap:16px;margin:38px 0 24px}.gallery-search label{font-size:12px;font-weight:600}.gallery-search input{border:1px solid #ccd7ce;background:#fff;border-radius:7px;padding:12px 15px;width:310px;font:13px inherit;color:#304a37}.gallery-search>span{font-size:12px;color:#879589;margin-left:auto}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gallery-card{border:1px solid #d8e1d8;border-radius:10px;overflow:hidden;background:#fff;transition:transform .15s,box-shadow .15s}.gallery-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px #193f2410}.card-preview{height:170px;background:#111820;position:relative;color:#a3d8b9;display:grid;place-content:center;font:25px ui-monospace,monospace}.card-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left}.card-content{padding:22px}.card-meta{font:10px ui-monospace,monospace;color:#7c9682;display:flex;justify-content:space-between;align-items:center}.relay-badge{padding:3px 5px;border-radius:3px;background:#fbf0d6;color:#9c7c2e;font-size:9px}.card-content h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:13px 0 9px}.card-content p{font-size:12px;color:#738377;min-height:58px}.card-content a{display:inline-block;font-size:12px;font-weight:600;margin-top:9px;text-decoration:none}.gallery-note{font-size:12px;color:#829183;margin-top:32px}@media(max-width:950px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.gallery-grid{grid-template-columns:1fr}.gallery-search{flex-wrap:wrap;gap:10px;margin:27px 0 20px}.gallery-search input{width:100%;order:3}.card-preview{height:190px}.card-content p{min-height:0}.card-content{padding:20px}}