@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap");

/* V1.4.10 Android-only typography.
   Desktop and iOS remain on the V1.4.7 base styles.
   Android keeps Inter Tight for both solid and outlined display words.
   The outlined words use open tracking and no kerning so adjacent stroked
   glyphs do not intersect (the box/cross artefacts seen at E-X, R-I, A-L). */
html.is-android .hero h1,
html.is-android .work-head h2,
html.is-android .cap-heading h2,
html.is-android .method h2,
html.is-android .archive-hero h1,
html.is-android .inner-hero h1,
html.is-android .contact h2,
html.is-android .inner-cta h2,
html.is-android .contact-page h1,
html.is-android .museum-track h2 {
  font-family: "Inter Tight", "Arial Narrow", Arial, sans-serif;
  font-synthesis: none;
}

html.is-android .hero h1 em,
html.is-android .work-head h2 em,
html.is-android .cap-heading h2 em,
html.is-android .method h2 em,
html.is-android .archive-hero h1 em,
html.is-android .inner-hero h1 em,
html.is-android .contact h2 em,
html.is-android .inner-cta h2 em,
html.is-android .contact-page h1 em,
html.is-android .museum-track h2 em {
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .7px rgba(255,255,255,.72);
  font-kerning: none;
  font-feature-settings: "kern" 0;
  letter-spacing: .018em;
  word-spacing: .05em;
  text-rendering: geometricPrecision;
}

@media (max-width: 650px) {
  html.is-android .hero h1,
  html.is-android .work-head h2,
  html.is-android .cap-heading h2,
  html.is-android .method h2,
  html.is-android .archive-hero h1,
  html.is-android .inner-hero h1,
  html.is-android .contact h2,
  html.is-android .contact-page h1,
  html.is-android .museum-track h2 {
    line-height: .96;
    letter-spacing: -.044em;
    word-spacing: .018em;
    font-kerning: normal;
    font-feature-settings: "kern" 1;
  }

  html.is-android .hero h1 em,
  html.is-android .work-head h2 em,
  html.is-android .cap-heading h2 em,
  html.is-android .method h2 em,
  html.is-android .archive-hero h1 em,
  html.is-android .inner-hero h1 em,
  html.is-android .contact h2 em,
  html.is-android .contact-page h1 em,
  html.is-android .museum-track h2 em {
    line-height: 1.04;
    letter-spacing: .024em;
    word-spacing: .06em;
    font-kerning: none;
    font-feature-settings: "kern" 0;
    -webkit-text-stroke-width: .65px;
  }

  html.is-android .inner-cta h2 {
    line-height: 1.1;
    letter-spacing: -.038em;
    word-spacing: .035em;
  }

  html.is-android .inner-cta h2 em {
    margin-left: .08em;
    line-height: 1.08;
    letter-spacing: .026em;
    word-spacing: .1em;
    font-kerning: none;
    font-feature-settings: "kern" 0;
    -webkit-text-stroke-width: .65px;
  }
}


/* V1.4.10 — narrow Android landing-page fit.
   EXPERIENCES. is the longest single display word in the mobile hero.
   Reduce only that outlined hero line on narrow Android viewports so the
   complete word remains inside the content frame. Desktop and iOS untouched. */
@media (max-width: 430px) {
  html.is-android .hero h1 em {
    display: block;
    font-size: .84em;
    letter-spacing: .006em;
    word-spacing: 0;
    white-space: nowrap;
  }
}