/* Phone readability: minimum 12px text and ~44px tap targets.
   Loaded last on every page so it overrides earlier size rules. */
@media screen{
.eyebrow,.label,.pill,.project-tags span,.step-number,.nav-end,.image-note,.preview-note,
.brand-line,.animation-caption,.animation-control,
.services-network .animation-caption,.services-network .animation-control,
.workflow-stages span,.workflow-video-copy .workflow-scenario-note,.workflow-video-meta,
.contact-dock a{font-size:12px}
.splash .eyebrow{font-size:13px;letter-spacing:.07em}

/* Contact details in the dark enquiry box */
.contact-status{font-size:13px}
.contact-status a{display:inline-block;padding:11px 0;line-height:22px}

/* Footer and small text links */
.footer-links a,.back-top{display:inline-flex;align-items:center;min-height:44px}
.footer-links{gap:2px}
.workflow-video-meta a,a.text-link{display:inline-flex;align-items:center;min-height:44px}
}