/* Service illustrations are 800 × 280 and stay uncropped in both placements. */
.example-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 14px}
.example-row .example:nth-child(n+3){display:block}
.example-image{position:relative;height:auto;aspect-ratio:20 / 7;overflow:hidden}
.example-image img{width:100%;height:100%;object-fit:contain;background:#e9ebed}
.example-demo,.detail-demo{position:absolute;bottom:8px;left:8px;max-width:calc(100% - 16px);border-radius:3px;background:rgba(24,26,35,.89);color:#fff;font-size:10px;font-weight:800;letter-spacing:.075em;padding:5px 7px;line-height:1.15;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}
.detail-media{position:relative;width:100%;height:auto;aspect-ratio:20 / 7}
.detail-media img{width:100%;height:100%;object-fit:contain}
.detail-demo{bottom:14px;left:16px;font-size:12px;padding:7px 10px}
@media(max-width:1100px){.example-row{grid-template-columns:repeat(2,minmax(0,1fr))}.example-row .example:nth-child(n+4){display:block}}
@media(max-width:760px){.example-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:12px;scrollbar-width:thin}.example-row .example{flex:0 0 min(82vw,420px);scroll-snap-align:start}.example-row .example:nth-child(n+3){display:block}.detail-demo{bottom:8px;left:8px;font-size:10px;padding:5px 7px}}