/* Malta 360 — decorative shapes. Geometry, colours and positions are the Figma
   values (1440 canvas); the vectors live in assets/shapes/*.svg and are inlined
   by malta360_shape(). Plain circles/ellipses are CSS (.m360-vshape--round). */

.m360-vshape {
  position: absolute;
  z-index: 0;
  display: block;
  transform: rotate(var(--r, 0deg));
  pointer-events: none;
}

.m360-vshape > svg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}

.m360-vshape--round {
  border-radius: 50%;
  background: var(--c);
}

/* Section content always sits above the shapes. */
.m360-section > .m360-container { position: relative; z-index: 1; }