/* WEB & PLATFORMS — bespoke editorial experience for expertise.html's
   "digital" tab only (internal id unchanged; only the user-facing pill
   label became "Web & Platforms"), shown via #web-experience
   (js/expertise.js hides the generic grid and swaps this in instead,
   exactly like #aiw-experience/#sm-experience do for their own tabs).

   Deliberately its own "web-" class namespace — this page stays
   independently editable without a future "small correction only to X"
   tweak on one silently touching another.

   Content is intentionally a single statement, not an article: one
   heading, one or two short paragraphs. No sections, cards, visuals or
   CTA below it — .expertise-detail__panel's own bottom padding (css/
   expertise.css) already provides the page's closing whitespace. */

.web[hidden] {
  display: none;
}

.web-hero {
  text-align: center;
}

.web-hero__heading {
  margin: var(--cb-space-3) auto 0;
  max-width: 22ch;
  font-family: var(--cb-font-sans);
  font-weight: var(--cb-weight-medium);
  font-size: var(--cb-text-page-heading-size);
  line-height: var(--cb-text-page-heading-leading);
  letter-spacing: var(--cb-text-page-heading-tracking);
  color: var(--cb-color-ink);
}

.web-hero__intro {
  margin: var(--cb-space-4) auto 0;
  max-width: 1000px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--cb-color-text-secondary);
}

@media (min-width: 50.0625rem) {
  .web-hero__intro {
    font-size: 18px;
  }
}