/* v8: original approved phone (hero-phone-v2.svg) restored in hero and closing; v5 composition. */
.hero-art .hero-canvas { container-type: normal; }
.hero-art .hero-phone { shape-rendering: geometricPrecision; }
/* Closing: same vector asset, inlined so page fonts apply; straight, crisp, v5 size. */
.join-phone { display: flex; justify-content: center; margin: 0; }
.join-phone-svg { display: block; width: min(300px, 100%); height: auto; aspect-ratio: 360 / 750; overflow: visible;
  filter: drop-shadow(0 40px 60px rgb(0 0 0 / .6)); text-rendering: geometricPrecision; shape-rendering: geometricPrecision; }
@media (max-width: 700px) { .join-phone-svg { width: 210px; } }
