/* Stable image slots keep illustrations inside their cards at every width. */
.service-card>.service-visual{display:grid;place-items:center;position:relative;isolation:isolate;width:128px;height:128px;max-width:100%;margin:5px 0 16px;padding:6px;overflow:hidden;border-radius:12px;object-fit:initial}
.service-visual>img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;margin:0;transform:none}
.delivery-card .delivery-visual{display:grid;place-items:center;position:relative;isolation:isolate;height:176px;min-width:0;padding:13px 18px;overflow:hidden}
.delivery-card .delivery-visual>img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none;margin:0}
.delivery-card:hover .delivery-visual>img{transform:none}
.packaging-card>div{position:relative;isolation:isolate;display:grid;place-items:center;height:210px;padding:17px;overflow:hidden}
.packaging-card>div>img{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center;margin:0;transform:none}
.packaging-card:hover>div{transform:none}
/* Elements remain visible unless progressive reveal enhancement is active. */
.reveal-enabled .reveal-pending{opacity:0;transform:translate3d(0,22px,0)}
@media(max-width:1190px){.service-card>.service-visual{width:118px;height:118px}.delivery-card .delivery-visual{height:158px;padding:12px 15px}.packaging-card>div{height:190px;padding:15px}}
@media(max-width:1000px){.delivery-card .delivery-visual{height:185px;padding:16px 21px}.packaging-card>div{height:170px;padding:13px}}
@media(max-width:720px){
  .service-card>.service-visual{width:96px;height:96px;margin:7px 0 12px;padding:5px;border-radius:8px}
  .service-card:last-child>.service-visual{grid-column:1;grid-row:1 / 4;width:80px;height:80px;margin:10px 0 0;padding:4px}
  .delivery-card .delivery-visual{height:135px;padding:12px 13px}
  .packaging-card>div{height:166px;padding:12px}
}
@media(max-width:380px){.service-card>.service-visual{width:88px;height:88px}.delivery-card .delivery-visual{height:122px;padding:10px}.packaging-card>div{height:148px;padding:10px}}
@media(prefers-reduced-motion:reduce){.reveal-enabled .reveal-pending{opacity:1!important;transform:none!important}}