/* Mobile type follows the width of each title's longest deliberate line. */
.industry-page .button.arrow::after { content: none; }
@media (max-width: 760px) {
  body { --mobile-title-gutter: 36px; }
  body.industry-page { --mobile-title-gutter: 44px; }
  main h1[style*="--mobile-title-scale"] {
    font-size: clamp(38px, calc((100vw - var(--mobile-title-gutter)) * var(--mobile-title-scale)), 82px) !important;
    line-height: 1.06; letter-spacing: -.3px; max-width: 100%;
    text-wrap: balance; overflow-wrap: normal;
  }
  main h2[style*="--mobile-title-scale"] {
    font-size: clamp(38px, calc((100vw - var(--mobile-title-gutter)) * var(--mobile-title-scale)), 68px) !important;
    line-height: 1.07; letter-spacing: -.3px; max-width: 100%;
    text-wrap: balance; overflow-wrap: normal;
  }
  .industry-card h2[style*="--mobile-title-scale"] {
    font-size: 17px !important; line-height: 1.25; text-wrap: balance;
  }
  .home-trades .trade-links { gap: 10px; }
  .home-trades .trade-links a { font-size: 14px; line-height: 1.35; padding: 12px 14px; }
}
@media (max-width: 370px) {
  body.industry-page { --mobile-title-gutter: 36px; }
}
@supports (width: 1cqw) {
  @media (max-width: 760px) {
    main .wrap { container-type: inline-size; }
    main h1[style*="--mobile-title-scale"] {
      font-size: clamp(38px, calc(100cqw * var(--mobile-title-scale)), 82px) !important;
    }
    main h2[style*="--mobile-title-scale"] {
      font-size: clamp(38px, calc(100cqw * var(--mobile-title-scale)), 68px) !important;
    }
    .industry-card h2[style*="--mobile-title-scale"] { font-size: 17px !important; }
  }
}