.gdx-examples{background:#fff;padding:54px clamp(18px,5vw,95px) 83px;color:#213448}
.gdx-examples-intro{max-width:1360px;margin:0 auto 30px;text-align:center}
.gdx-examples-intro h3{font-family:Baskerville,Georgia,serif!important;font-size:clamp(27px,2.5vw,38px)!important;font-weight:400!important;letter-spacing:-.025em!important;color:#213448!important;margin:11px 0!important}
.gdx-examples-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(14px,3.2vw,48px);row-gap:30px}
.gdx-example{margin:0;text-align:center;min-width:0}
.gdx-example-img{height:245px;display:flex;align-items:center;justify-content:center;padding:9px 8px;background:transparent}
.gdx-example-img img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;transition:transform .65s ease;filter:drop-shadow(0 10px 12px rgba(42,49,52,.07))}
.gdx-example:hover img{transform:translateY(-5px)}
.gdx-example figcaption{font-family:Baskerville,Georgia,serif;font-size:clamp(16px,1.6vw,21px);line-height:1.2;padding:14px 0 0;color:#253441}
@media(max-width:730px){.gdx-examples{padding:40px 17px 60px}.gdx-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.gdx-example-img{height:190px}.gdx-example figcaption{font-size:17px;padding-top:10px}}
@media(max-width:390px){.gdx-example-img{height:165px}}
@media(prefers-reduced-motion:reduce){.gdx-example-img img{transition:none!important}}