/* Phone readability floor. The phone breakpoints in styles.css and stack.css shrink the
   uppercase labels to 6-8px, too small to read on a handset; this keeps them legible.
   Loaded last on both pages so it wins over the earlier phone rules. */
@media(max-width:700px){
.eyebrow,.hero-heading .eyebrow,.tags,.experience-controls,.small-label,.project-total,.service-eg b,footer{font-size:10px}
.spark-caption,.hero-edge,.tech-category{font-size:9px}
}
/* the two hero-edge labels share one line; on screens 380px and narrower they only fit at 8px */
@media(max-width:380px){.hero-edge{font-size:8px}}