/* Local review candidate. Contacts only; desktop >= 901px. */
@media (min-width:901px) {
  .contactHero.sectionWrap,
  .contactGrid.sectionWrap,
  .contactNote.sectionWrap { width:min(1180px,calc(100% - 96px)); }
  .contactHero { padding:56px 0 40px; }
  .contactHero .eyebrow { margin-bottom:22px; }
  .contactHero h1 {
    max-width:1000px;
    font-size:clamp(44px,3.35vw,50px);
    font-weight:500;
    line-height:1.04;
    letter-spacing:-.052em;
  }
  .contactHero>p:not(.eyebrow) {
    max-width:660px;
    margin:24px 0;
    font-size:17px;
    line-height:1.5;
  }
  .contactHero .primaryButton {
    min-height:48px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    font:650 13px/1.2 "Onest",Arial,sans-serif;
  }
  .contactGrid article { min-height:180px; padding:26px 28px; gap:12px; }
  .contactGrid .eyebrow { margin-bottom:8px; }
  .contactGrid a { font-size:18px; line-height:1.4; }
  .contactGrid span { font-size:14px; line-height:1.5; }
  .contactNote { padding:30px 0 48px; }
  .contactNote p {
    max-width:850px;
    font-family:"Onest",Arial,sans-serif;
    font-size:18px;
    font-weight:400;
    line-height:1.5;
    color:var(--muted);
  }
}

/* Approved desktop typography alignment. Editorial and localized accents keep their own scale. */
@media (min-width:901px) {
  :root {
    --font-size-page-title:clamp(52px,4.8vw,76px);
    --font-size-intro:17px;
    --line-height-intro:1.55;
    --font-size-action:13px;
    --font-weight-action:650;
    --line-height-action:1.2;
    --height-action:48px;
  }

  .casesShowcaseRu .casesShowcaseIntro h1,
  .servicesEditorialRu .servicesHero h1,
  .aiPracticePage .aiPracticeHero h1,
  .caseDetailPage .caseDetailHero h1,
  .marketingCheckRu .marketingCheckIntro h1 {
    font-size:var(--font-size-page-title);
    line-height:.96;
    letter-spacing:-.052em;
  }

  .editorialHome .heroLead,
  .aboutEditorial .aboutEditorialHeroText,
  .servicesEditorial .servicesHeroAside>p,
  .casesShowcase .casesShowcaseIntro>p,
  .aiPracticePage .aiPracticeHeroAside>p,
  .caseDetailPage .caseDetailHeroCopy>p:last-child,
  .marketingCheckRu .marketingCheckIntroCopy>p {
    font-size:var(--font-size-intro);
    line-height:var(--line-height-intro);
  }

  .editorialHome .heroActions .primaryButton,
  .editorialHome .finalCtaForm button,
  .servicesEditorialRu .primaryButton,
  .servicesEditorialRu .secondaryButton,
  .aiPracticePage .primaryButton,
  .aiPracticePage .secondaryButton,
  .marketingCheckRu .marketingCheckPrimary,
  .marketingCheckRu .marketingCheckSecondary,
  .contactHero .primaryButton {
    min-height:var(--height-action);
    font-size:var(--font-size-action);
    font-weight:var(--font-weight-action);
    line-height:var(--line-height-action);
  }

  .editorialHome .heroCasesLink {
    font-size:14px;
    font-weight:650;
    line-height:1.25;
  }
}

/* Services: constrain emphasis and grid columns to the viewport without changing typography. */
@media (max-width:560px) {
  .marketingServiceList>article.isEmphasis { margin-inline:-16px; padding-inline:16px; }
  .marketingServiceHead { grid-template-columns:28px minmax(0,1fr); }
}
@media (min-width:901px) and (max-width:950px) {
  .digitalDirectionList article { grid-template-columns:36px minmax(0,1fr); }
  .digitalDirectionList article>p,.digitalDirectionList article>strong { grid-column:2; text-align:left; }
}