/* Semantic mobile type scale. Loaded after tokens/base; owns font-size + align on ≤768.
   Big-site pattern: left-align content on phones; center only chips/filters/copyright. */
@media (max-width: 768px) {
  html.tvl-mobile h1,
  html.tvl-mobile h2,
  html.tvl-mobile h3,
  html.tvl-mobile h4,
  html.tvl-mobile p,
  html.tvl-mobile li,
  html.tvl-mobile blockquote,
  html.tvl-mobile [class*="__title"],
  html.tvl-mobile [class*="__subtitle"],
  html.tvl-mobile [class*="__lead"],
  html.tvl-mobile [class*="__intro"],
  html.tvl-mobile [class*="__text"],
  html.tvl-mobile [class*="__desc"],
  html.tvl-mobile [class*="__eyebrow"],
  html.tvl-mobile [class*="__name"],
  html.tvl-mobile [class*="__role"],
  html.tvl-mobile [class*="__label"],
  html.tvl-mobile .ra-hero__title,
  html.tvl-mobile .bs-hero__title,
  html.tvl-mobile .hero__title,
  html.tvl-mobile .case-study__name,
  html.tvl-mobile .case-study__desc,
  html.tvl-mobile .case-study__services,
  html.tvl-mobile .case-study__tag,
  html.tvl-mobile .section-trusted__title,
  html.tvl-mobile .section-connected__title,
  html.tvl-mobile .section-connected__subtitle,
  html.tvl-mobile .section-pillars__title,
  html.tvl-mobile .section-pillars__subtitle,
  html.tvl-mobile .section-contact-wrap__title,
  html.tvl-mobile .section-contact-wrap__subtitle,
  html.tvl-mobile .process-step,
  html.tvl-mobile .process-step__title,
  html.tvl-mobile .process-step__text,
  html.tvl-mobile .pillar-card,
  html.tvl-mobile .pillar-card__title,
  html.tvl-mobile .pillar-card__text,
  html.tvl-mobile .value-prop__title,
  html.tvl-mobile .value-prop__text,
  html.tvl-mobile .included__title,
  html.tvl-mobile .why-reddit__title,
  html.tvl-mobile .ad-formats__title,
  html.tvl-mobile .ad-formats__subtitle,
  html.tvl-mobile .industry__title,
  html.tvl-mobile .industry__subtitle,
  html.tvl-mobile .testimonials__title,
  html.tvl-mobile .testimonials__intro,
  html.tvl-mobile .faq__title,
  html.tvl-mobile .faq__intro,
  html.tvl-mobile .faq__trigger,
  html.tvl-mobile .faq__panel,
  html.tvl-mobile .niche-block__title,
  html.tvl-mobile .niche-block__text,
  html.tvl-mobile .philosophy__title,
  html.tvl-mobile .team__title,
  html.tvl-mobile .team__lead,
  html.tvl-mobile .studio-history__title,
  html.tvl-mobile .site-footer__heading,
  html.tvl-mobile .site-footer__tagline,
  html.tvl-mobile .site-footer__contact {
    text-align: left !important;
  }

  html.tvl-mobile .footer-chip,
  html.tvl-mobile .site-footer__copyright,
  html.tvl-mobile .blog-filter,
  html.tvl-mobile .contact-method,
  html.tvl-mobile .hero__stat,
  html.tvl-mobile .industry__label {
    text-align: center !important;
  }

  html.tvl-mobile h1,
  html.tvl-mobile .ra-hero__title,
  html.tvl-mobile .ra-hero__title .accent,
  html.tvl-mobile .ra-hero__title-line,
  html.tvl-mobile .bs-hero__title,
  html.tvl-mobile .hero__title,
  html.tvl-mobile .company-hero__title,
  html.tvl-mobile .work-hero__title,
  html.tvl-mobile .how-hero__title,
  html.tvl-mobile .cap-hero__title,
  html.tvl-mobile .case-study__name,
  html.tvl-mobile .section-trusted__title,
  html.tvl-mobile .section-connected__title,
  html.tvl-mobile .section-contact-wrap__title,
  html.tvl-mobile .capabilities-hero__title,
  html.tvl-mobile .blog-hero__title,
  html.tvl-mobile .hub-hero__title,
  html.tvl-mobile .contact-hero__title {
    font-size: var(--tvl-m-display) !important;
    line-height: var(--tvl-m-lh-display) !important;
  }

  html.tvl-mobile h2,
  html.tvl-mobile .why-reddit__title,
  html.tvl-mobile .why-sms__title,
  html.tvl-mobile .why-rcs__title,
  html.tvl-mobile .why-whatsapp__title,
  html.tvl-mobile .ad-formats__title,
  html.tvl-mobile .industry__title,
  html.tvl-mobile .testimonials__title,
  html.tvl-mobile .process__title,
  html.tvl-mobile .faq__title,
  html.tvl-mobile .niche-block__title,
  html.tvl-mobile .included__title,
  html.tvl-mobile .philosophy__title,
  html.tvl-mobile .team__title,
  html.tvl-mobile .studio-history__title,
  html.tvl-mobile .growth-services__title,
  html.tvl-mobile .approach__title,
  html.tvl-mobile .site-header__nav--main .site-header__link,
  html.tvl-mobile .site-header__nav--main .site-header__link--capabilities {
    font-size: var(--tvl-m-h2) !important;
    line-height: var(--tvl-m-lh-h2) !important;
  }

  html.tvl-mobile h3,
  html.tvl-mobile .benefit-card__body h3,
  html.tvl-mobile .format-card__title,
  html.tvl-mobile .value-prop__title,
  html.tvl-mobile .process-card h3,
  html.tvl-mobile .testimonials__name,
  html.tvl-mobile .faq__trigger,
  html.tvl-mobile .included__item-title,
  html.tvl-mobile .site-footer__heading {
    font-size: var(--tvl-m-h3) !important;
    line-height: var(--tvl-m-lh-h3) !important;
  }

  html.tvl-mobile p,
  html.tvl-mobile li,
  html.tvl-mobile .ra-hero__lead,
  html.tvl-mobile .bs-hero__lead,
  html.tvl-mobile .hero__lead,
  html.tvl-mobile .ad-formats__subtitle,
  html.tvl-mobile .industry__subtitle,
  html.tvl-mobile .testimonials__intro,
  html.tvl-mobile .testimonials__card--front blockquote,
  html.tvl-mobile .faq__intro,
  html.tvl-mobile .faq__panel p,
  html.tvl-mobile .section-contact-wrap__subtitle,
  html.tvl-mobile .niche-block__text,
  html.tvl-mobile .value-prop__text,
  html.tvl-mobile .benefit-card__body p,
  html.tvl-mobile .format-card__text,
  html.tvl-mobile .case-study__desc,
  html.tvl-mobile .site-footer__tagline,
  html.tvl-mobile .hero__services-lead-text,
  html.tvl-mobile input,
  html.tvl-mobile select,
  html.tvl-mobile textarea {
    font-size: var(--tvl-m-body) !important;
    line-height: var(--tvl-m-lh-body) !important;
  }

  html.tvl-mobile .site-header__cta,
  html.tvl-mobile .footer-chip,
  html.tvl-mobile .site-footer__cta,
  html.tvl-mobile .testimonials__role,
  html.tvl-mobile .industry__label,
  html.tvl-mobile .case-study__services,
  html.tvl-mobile .blog-filter {
    font-size: var(--tvl-m-label) !important;
    line-height: var(--tvl-m-lh-label) !important;
  }

  html.tvl-mobile .why-reddit__eyebrow,
  html.tvl-mobile .value-prop__eyebrow,
  html.tvl-mobile .case-study__tag,
  html.tvl-mobile [class$="__eyebrow"],
  html.tvl-mobile [class*="__eyebrow"] {
    font-size: var(--tvl-m-caption) !important;
    line-height: var(--tvl-m-lh-label) !important;
  }

  html.tvl-mobile .site-header__nav--main .site-header__link,
  html.tvl-mobile .site-header__nav--main .site-header__link--capabilities {
    font-size: var(--tvl-m-h2) !important;
    line-height: var(--tvl-m-lh-display) !important;
  }

  html.tvl-mobile .site-header__capabilities-mobile-overview,
  html.tvl-mobile .site-header__capabilities-mobile li a {
    font-size: var(--tvl-m-body) !important;
  }

  html.tvl-mobile .site-header__capabilities-mobile .nav-children a {
    font-size: var(--tvl-m-label) !important;
  }

  html.tvl-mobile .site-header__cta,
  html.tvl-mobile .landing-page .site-header__cta {
    font-size: var(--tvl-m-label) !important;
  }

  html.tvl-mobile a.tvl-nav-sheet-cta,
  html.tvl-mobile .site-header__nav--main .tvl-nav-sheet-cta,
  html.tvl-mobile .landing-page .tvl-nav-sheet-cta {
    font-size: var(--tvl-m-body) !important;
    line-height: 1.2 !important;
  }

  html.tvl-mobile :is(
    #meta-ads-page,
    #google-ads-page,
    #youtube-ads-page,
    #linkedin-ads-page,
    #chatgpt-ads-page,
    #reddit-ads-page,
    #instagram-page,
    #facebook-page,
    #twitter-page,
    #whatsapp-page,
    #sms-page,
    #email-page,
    #rcs-page,
    #b2b-lead-page,
    #abm-page
  )
    .ra-hero__title,
  html.tvl-mobile :is(
    #meta-ads-page,
    #google-ads-page,
    #youtube-ads-page,
    #linkedin-ads-page,
    #chatgpt-ads-page,
    #reddit-ads-page,
    #instagram-page,
    #facebook-page,
    #twitter-page,
    #whatsapp-page,
    #sms-page,
    #email-page,
    #rcs-page,
    #b2b-lead-page,
    #abm-page
  )
    .ra-hero__title
    .accent,
  html.tvl-mobile :is(
    #email-page,
    #sms-page,
    #rcs-page,
    #instagram-page,
    #facebook-page,
    #twitter-page,
    #whatsapp-page
  )
    .ra-hero__title {
    font-size: var(--tvl-m-display) !important;
    line-height: var(--tvl-m-lh-display) !important;
  }

  html.tvl-mobile :is(
    #meta-ads-page,
    #google-ads-page,
    #youtube-ads-page,
    #linkedin-ads-page,
    #chatgpt-ads-page,
    #reddit-ads-page,
    #instagram-page,
    #facebook-page,
    #twitter-page,
    #whatsapp-page,
    #sms-page,
    #email-page,
    #rcs-page,
    #b2b-lead-page,
    #abm-page
  )
    .ra-hero__title-line {
    font-size: var(--tvl-m-display) !important;
    line-height: var(--tvl-m-lh-display) !important;
  }

  html.tvl-mobile :is(
    #meta-ads-page,
    #google-ads-page,
    #youtube-ads-page,
    #linkedin-ads-page,
    #chatgpt-ads-page,
    #reddit-ads-page,
    #instagram-page,
    #facebook-page,
    #twitter-page,
    #whatsapp-page,
    #sms-page,
    #email-page,
    #rcs-page,
    #b2b-lead-page,
    #abm-page
  )
    .ra-hero__lead {
    font-size: var(--tvl-m-body) !important;
    line-height: var(--tvl-m-lh-body) !important;
  }
}