/* One authored 3D brick model, one camera, eight carrier decals.
   Static transparent renders avoid adding eight WebGL contexts to the page. */
.carriers{display:block;min-width:0;margin-top:24px;padding-top:18px}
.carriers>p{margin-bottom:8px;}
.carriers>p br{display:none}
.carrier-names{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 20px;align-items:center;min-width:0;margin:0;padding:0;opacity:1}
.carrier-brick{display:block;position:relative;min-width:0;aspect-ratio:9/4;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
.carrier-brick::before,.carrier-brick::after{content:none}
.carrier-brick picture{display:block;width:100%;height:100%}
/* Keep the layout/hit area still; lift only the existing transparent artwork. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .carrier-brick picture{
    transform-origin:50% 60%;
    transition:transform 220ms cubic-bezier(.2,.7,.2,1),filter 220ms ease;
  }
  .carrier-brick.is-tilting picture{
    transform:perspective(900px) translateY(-5px) rotateX(var(--carrier-rx,0deg)) rotateY(var(--carrier-ry,0deg)) scale(1.035);
    filter:drop-shadow(0 12px 8px #153e4929);
  }
}
.carrier-brick[data-carrier] img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;object-fit:contain;transform:none;filter:none}
@media(max-width:900px){.carrier-names{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 12px}}
@media(max-width:640px){.carriers{margin-top:24px;padding-top:16px}.carriers>p{margin-bottom:8px}.carrier-names{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}}