/* Desktop-look on mobile: keep layout 1:1 like desktop */
:root {
  --desktop-width: 1280px;
}

/* Base safe tweaks */
html, body {
  max-width: 100%;
  overflow-x: clip !important;
}
img, video, canvas, svg { max-width: 100%; height: auto; }

/* Phones: don't reflow the layout, just scale the whole page down */
@media (max-width: 900px) {
  /* Do NOT change the layout/grid – only scale it */
  .container {
    /* make the desktop canvas fixed-width so it can be uniformly scaled */
    width: var(--desktop-width);
    max-width: var(--desktop-width) !important;
  }
}