/* WRAPS STUDIO extras (22 Oct 2026): the 3D museum banner on the home page, "Starting From" price slots and the
   "Wrap Jobs in Nellore" gallery on the service pages. Brand: blue #1E8FE1, orange #F26B1D, black. */
.museum-banner { padding: 8px 0 0; }
.museum-banner a.mb { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; padding: 18px 22px; border-radius: 22px; text-decoration: none; color: #fff; background: linear-gradient(110deg, #0b0d12 0%, #12263f 60%, #1E8FE1 140%); border: 1px solid rgba(255, 255, 255, .14); box-shadow: 0 16px 40px -18px rgba(30, 143, 225, .6); }
.museum-banner .mb-ic { width: 64px; height: 64px; border-radius: 16px; display: grid; place-items: center; background: #F26B1D; color: #0b0d12; font: 800 22px/1 Sora, Arial, sans-serif; }
.museum-banner .mb-t { display: block; font: 800 clamp(20px, 3vw, 26px)/1.15 Sora, Arial, sans-serif; }
.museum-banner .mb-s { display: block; margin-top: 4px; color: #cdd5df; font-size: 15px; }
.museum-banner .mb-go { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; border-radius: 999px; background: #F26B1D; color: #0b0d12; font: 700 15px Sora, Arial, sans-serif; white-space: nowrap; }
.museum-banner a.mb:hover .mb-go, .museum-banner a.mb:focus-visible .mb-go { background: #fff; }
.museum-banner a.mb:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 640px) { .museum-banner a.mb { grid-template-columns: auto 1fr; gap: 12px 14px; padding: 16px; } .museum-banner .mb-ic { width: 48px; height: 48px; border-radius: 12px; font-size: 18px; } .museum-banner .mb-s { font-size: 14px; } .museum-banner .mb-go { grid-column: 1 / -1; justify-content: center; } }

.price-from { display: inline-block; margin: 6px 0 12px; padding: 6px 14px; border-radius: 999px; background: rgba(242, 107, 29, .16); border: 1px solid #F26B1D; color: #ffd2b8; font: 700 16px Sora, Arial, sans-serif; }
.price-from[hidden], [data-wrap-jobs][hidden] { display: none; }
.jobs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin-top: 14px; }
.jobs-grid .job { margin: 0; border-radius: 16px; overflow: hidden; background: #121620; border: 1px solid rgba(255, 255, 255, .12); }
.jobs-grid .job img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.jobs-grid .job figcaption { padding: 8px 12px; font-size: 14px; color: #cdd5df; }