.gp-examples{margin:42px 0;scroll-margin-top:110px}.gp-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.gp-heading h2{margin:6px 0 0}.gp-heading>a{white-space:nowrap;color:#23763b}.gp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gp-card{min-width:0;margin:0;border:1px solid #d5dfd7;border-radius:18px;overflow:hidden;background:#fff}.gp-photo{display:block;position:relative;height:280px;background:#e9ede8;overflow:hidden}.gp-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}.gp-photo:hover img{transform:scale(1.025)}.gp-photo:focus-visible{outline:3px solid #23763b;outline-offset:-3px}.gp-zoom{position:absolute;right:10px;bottom:10px;background:#fff;color:#16432b;padding:7px 12px;border-radius:30px;font-size:13px;box-shadow:0 2px 8px #0002}.gp-card figcaption{padding:18px}.gp-card strong{font-size:18px;line-height:1.35;display:block}.gp-card p{font-size:15px;line-height:1.5;margin:8px 0 0;color:#59665d}.gp-viewer{border:0;border-radius:16px;padding:16px;width:min(1040px,94vw);max-width:94vw;max-height:94dvh;background:#f4f6f1;color:#19392b}.gp-viewer::backdrop{background:#06120de8}.gp-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.gp-viewer button{width:48px;height:48px;border:1px solid #acbdaf;background:white;border-radius:12px;color:#19392b;font-size:24px;cursor:pointer}.gp-viewer button:focus-visible{outline:3px solid #23763b;outline-offset:2px}.gp-viewer img{display:block;width:100%;height:65dvh;object-fit:contain;margin:12px 0}.gp-viewer [hidden]{display:none}.gp-count{font-size:14px}.gp-viewer h2{font-size:18px;margin:0}.gp-grid:has(>.gp-card:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.gp-grid,.gp-grid:has(>.gp-card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.gp-heading{display:block}.gp-heading>a{display:inline-block;margin-top:14px}.gp-grid,.gp-grid:has(>.gp-card:nth-child(4)){grid-template-columns:1fr}.gp-photo{height:280px}.gp-card figcaption{padding:16px}.gp-examples{margin:28px 0}.gp-viewer img{height:58dvh}.gp-viewer{padding:12px}}@media(prefers-reduced-motion:reduce){.gp-photo img{transition:none}}