/* ── Cayenne Digital — mobilne odciążenie ambientu ──────────────────────────
   Desktop: bez zmian (animowane warstwy blur zostają).
   Telefon: ten sam obraz, ale wypalony w PNG — zero blura, zero animacji.
   Hook: każdy kontener ambientu ma class="amb" (+ .amb-hero / .amb-footer). */

@media (max-width: 900px) {
  .amb {
    background-image: url('assets/amb-section-m.png');
    background-size: cover;
    background-position: center top;
  }
  .amb.amb-hero   { background-image: url('assets/amb-hero-m.png'); }
  .amb.amb-footer { background-image: url('assets/amb-footer-m.png'); }
  .amb > * { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .amb {
    background-image: url('assets/amb-section-m.png');
    background-size: cover;
    background-position: center top;
  }
  .amb.amb-hero   { background-image: url('assets/amb-hero-m.png'); }
  .amb.amb-footer { background-image: url('assets/amb-footer-m.png'); }
  .amb > * { display: none !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

img, iframe, video { max-width: 100%; }