/* Tablet-only refinements requested for the v60 release.
   Scope is deliberately limited to 721–1024px so desktop and mobile layouts
   remain unchanged. */
@media (min-width: 721px) and (max-width: 1024px) {
  /* Shared tablet footer rhythm. */
  .site-footer .footer-brand-col > p,
  footer .footer-brand-col > p { max-width: 700px !important; }

  /* Homepage */
  .ceo-quote-section .serif { font-size: 40px !important; }
  .hero-section-1 .hero-left-1 { text-align: center !important; }
  .hero-section-1 .hero-left-1 > p,
  .hero-section-1 .hero-left-1 h1,
  .hero-section-1 .hero-left-1 .hero-copy,
  .hero-section-1 .hero-left-1 .hero-copy p { margin-left: auto !important; margin-right: auto !important; }
  .hero-section-1 .hero-left-1 .hero-actions { justify-content: center !important; }
  .hero-section-1 .hero-left-1 .hero-actions a { margin-left: 0 !important; margin-right: 0 !important; }
  .home-quote-strip { padding: clamp(220px, 10vw, 160px) clamp(24px, 6vw, 120px) !important; }
  .why-copy-4,
  .why-copy-4 .mono,
  .why-copy-4 h2,
  .why-copy-4 > p { text-align: center !important; }
  .why-copy-4 h2,
  .why-copy-4 > p { margin-left: auto !important; margin-right: auto !important; }

  /* Services */
  .services-hero-v1__intro,
  .services-hero-v1__intro .eyebrow,
  .services-hero-v1__title,
  .services-hero-v1__lede { text-align: center !important; }
  .services-hero-v1__intro .eyebrow,
  .services-hero-v1__title,
  .services-hero-v1__lede { margin-left: auto !important; margin-right: auto !important; }
  .services-capabilities-v1__header,
  .services-capabilities-v1__eyebrow,
  .services-capabilities-v1__title { text-align: center !important; }
  .services-capabilities-v1__header,
  .services-capabilities-v1__title { margin-left: auto !important; margin-right: auto !important; }
  .client-testimonial-v1 { padding: clamp(50px, 100vw, 100px) 50px !important; }
  .client-testimonial-v1__quote { font-size: 40px !important; }
  .fractional-capability__items { position: relative; top: -36px; }
  .how-we-work-v1 { padding-top: 120px !important; }
  .how-we-work-v1__sticky { top: 120px !important; height: min(620px, calc(100vh - 152px)) !important; }
  .how-we-work-v1__steps {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 3.6em, #000 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 3.6em, #000 100%);
  }

  /* Recruitment */
  .hiring-hero-1__grid > .hero-left-1,
  .hiring-hero-1__grid > .hero-left-1 .hiring-hero-1__eyebrow,
  .hiring-hero-1__grid > .hero-left-1 .hiring-hero-1__title,
  .hiring-hero-1__grid > .hero-left-1 .hiring-hero-1__lede { text-align: center !important; }
  .hiring-hero-1__lede { margin-left: auto !important; margin-right: auto !important; }
  .hiring-hero-1__actions { justify-content: center !important; }
  .hiring-darkblock-1__eyebrow,
  .hiring-darkblock-1__heading { text-align: center !important; }
  .hiring-darkblock-1__eyebrow,
  .hiring-darkblock-1__heading { margin-left: auto !important; margin-right: auto !important; }
  .hiring-homepage-cta__heading { text-align: center !important; }
  .hiring-homepage-cta__link { margin-left: auto !important; margin-right: auto !important; }

  /* AI */
  .ai-page .hero-left-1,
  .ai-page .hero-left-1 .eyebrow,
  .ai-page .hero-left-1 h1,
  .ai-page .hero-left-1 .hero-copy { text-align: center !important; }
  .ai-page .hero-left-1 .hero-copy,
  .ai-page .hero-left-1 .hero-copy p { margin-left: auto !important; margin-right: auto !important; }
  .ai-page .hero-left-1 .hero-actions { justify-content: center !important; }

  /* M&A */
  .ma-hero__copy,
  .ma-hero__eyebrow,
  .ma-hero__title,
  .ma-hero__body { text-align: center !important; }
  .ma-hero__body { margin-left: auto !important; margin-right: auto !important; }
  .ma-hero__button { margin-left: auto !important; margin-right: auto !important; }
  .ma-workforce__copy,
  .ma-workforce__eyebrow,
  .ma-workforce__title,
  .ma-workforce__body { text-align: center !important; }
  .ma-workforce__copy,
  .ma-workforce__body { margin-left: auto !important; margin-right: auto !important; }

  /* About */
  .about-page .about-focus-hero__content,
  .about-page .about-focus-hero .eyebrow,
  .about-page .about-focus-hero h1,
  .about-page .about-focus-hero__copy { text-align: center !important; }
  .about-page .about-focus-hero__content,
  .about-page .about-focus-hero__copy,
  .about-page .about-focus-hero__copy p { margin-left: auto !important; margin-right: auto !important; }
  .about-page .about-focus-hero__cta { margin-left: auto !important; margin-right: auto !important; }
  .about-page .about-focus-hero__media {
    order: -1;
    max-width: none !important;
    width: 100% !important;
    aspect-ratio: 3 / 2 !important;
  }
  .about-page .about-focus-hero__media img { object-position: 50% 80% !important; }
  .about-problems-v1,
  .about-problems-v1__content,
  .about-problems-v1__eyebrow,
  .about-problems-v1__title,
  .about-problems-v1__copy { text-align: center !important; }
  .about-problems-v1__media,
  .about-problems-v1__content,
  .about-problems-v1__title,
  .about-problems-v1__copy { margin-left: auto !important; margin-right: auto !important; }
  .about-problems-v1__cta { margin-left: auto !important; margin-right: auto !important; }
  .about-team-v1__header,
  .about-team-v1__eyebrow,
  .about-team-v1__title,
  .about-team-v1__copy { text-align: center !important; }
  .about-team-v1__header,
  .about-team-v1__title,
  .about-team-v1__copy { margin-left: auto !important; margin-right: auto !important; }
}

/* Final tablet alignment pass: these selectors are deliberately limited to
   721–1024px and make the requested headings/eyebrows explicit. */
@media (min-width: 721px) and (max-width: 1024px) {
  /* The homepage action row is an inline-styled div without a utility class. */
  .hero-section-1 .hero-left-1 > div:has(> .btn-primary) {
    justify-content: center !important;
    width: 100% !important;
  }
  .hero-section-1 .hero-actions { justify-content: center !important; }

  .services-hero-v1__intro,
  .services-hero-v1__intro .eyebrow,
  .services-hero-v1__title,
  .hiring-darkblock-1__eyebrow,
  .hiring-darkblock-1__heading,
  .hiring-homepage-cta__heading,
  .ai-page .hero-left-1 .eyebrow,
  .ma-hero__eyebrow,
  .ma-hero__title,
  .ma-workforce__eyebrow,
  .ma-workforce__title,
  .about-problems-v1__eyebrow,
  .about-problems-v1__title,
  .about-team-v1__eyebrow,
  .about-team-v1__title {
    text-align: center !important;
  }

  .services-hero-v1__intro,
  .services-hero-v1__intro .eyebrow,
  .services-hero-v1__title,
  .hiring-darkblock-1__eyebrow,
  .hiring-darkblock-1__heading,
  .hiring-homepage-cta__heading,
  .ma-hero__eyebrow,
  .ma-hero__title,
  .ma-workforce__eyebrow,
  .ma-workforce__title,
  .about-problems-v1__eyebrow,
  .about-problems-v1__title,
  .about-team-v1__eyebrow,
  .about-team-v1__title {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .services-hero-v1__intro,
  .services-hero-v1__intro > .eyebrow,
  .services-hero-v1__title,
  .hiring-darkblock-1__eyebrow,
  .hiring-darkblock-1__heading,
  .hiring-homepage-cta__heading,
  .ai-page .hero-left-1,
  .ai-page .hero-left-1 > .eyebrow,
  .ai-page .hero-left-1 > h1,
  .ai-page .hero-left-1 .hero-copy,
  .ma-hero__copy,
  .ma-hero__copy > .ma-hero__eyebrow,
  .ma-hero__copy > .ma-hero__title,
  .ma-hero__copy > .ma-hero__body,
  .ma-workforce__copy,
  .ma-workforce__eyebrow,
  .ma-workforce__title,
  .about-problems-v1__content,
  .about-problems-v1__eyebrow,
  .about-problems-v1__title,
  .about-problems-v1__copy,
  .about-team-v1__header,
  .about-team-v1__eyebrow,
  .about-team-v1__title {
    text-align: center !important;
  }

  .hiring-darkblock-1__eyebrow,
  .hiring-darkblock-1__heading,
  .hiring-homepage-cta__heading,
  .ma-hero__copy,
  .ma-hero__eyebrow,
  .ma-hero__title,
  .ma-hero__body,
  .ma-workforce__copy,
  .ma-workforce__eyebrow,
  .ma-workforce__title,
  .about-problems-v1__content,
  .about-problems-v1__eyebrow,
  .about-problems-v1__title,
  .about-team-v1__header,
  .about-team-v1__eyebrow,
  .about-team-v1__title {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Keep the About hero frame, but show a slightly smaller, less-tight crop. */
  .about-page .about-focus-hero__media img {
    /* Fill the existing frame edge-to-edge; the previous tablet scale exposed
       the media background as an unintended coloured border. */
    transform: none !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    /* Bias the portrait upward within the unchanged tablet frame so the
       women’s hands, arms and the desk remain visible. */
    object-position: 50% 100% !important;
  }
}

/* Tablet-only alignment guarantees for the requested sections.  Keep this
   scoped to the tablet breakpoint so mobile and desktop typography/layouts
   remain unchanged. */
@media (min-width: 721px) and (max-width: 1024px) {
  .services-hero-v1__title,
  .services-capabilities-v1__eyebrow,
  .services-capabilities-v1__title,
  .hiring-darkblock-1__eyebrow,
  .hiring-darkblock-1__heading,
  .hiring-homepage-cta__heading,
  .ai-page .hero-left-1 > .eyebrow,
  .ma-workforce__eyebrow,
  .ma-workforce__title,
  .about-problems-v1__eyebrow,
  .about-problems-v1__title,
  .about-team-v1__eyebrow,
  .about-team-v1__title {
    text-align: center !important;
  }

  .services-hero-v1__title,
  .services-capabilities-v1__eyebrow,
  .services-capabilities-v1__title,
  .hiring-darkblock-1__eyebrow,
  .hiring-darkblock-1__heading,
  .hiring-homepage-cta__heading,
  .ai-page .hero-left-1 > .eyebrow,
  .ma-workforce__eyebrow,
  .ma-workforce__title,
  .about-problems-v1__eyebrow,
  .about-problems-v1__title,
  .about-team-v1__eyebrow,
  .about-team-v1__title {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Final tablet-only alignment override.  The Services page contains a later
   page-local tablet rule that intentionally left-aligns its hero intro; these
   higher-specificity selectors make the requested tablet centring definitive
   without changing desktop or mobile layouts. */
@media (min-width: 721px) and (max-width: 1024px) {
  html body .services-hero-v1__intro { text-align: center !important; }
  html body .services-hero-v1__intro .eyebrow,
  html body .services-hero-v1__title { text-align: center !important; }
  html body .services-hero-v1__title,
  html body .services-capabilities-v1__eyebrow,
  html body .services-capabilities-v1__title,
  html body .hiring-darkblock-1__eyebrow,
  html body .hiring-darkblock-1__heading,
  html body .hiring-homepage-cta__heading,
  html body .ai-page .hero-left-1 > .eyebrow,
  html body .ma-workforce__eyebrow,
  html body .ma-workforce__title,
  html body .about-problems-v1__eyebrow,
  html body .about-problems-v1__title,
  html body .about-team-v1__eyebrow,
  html body .about-team-v1__title {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .services-capabilities-v1__eyebrow,
  html body .services-capabilities-v1__title,
  html body .hiring-darkblock-1__eyebrow,
  html body .hiring-darkblock-1__heading,
  html body .hiring-homepage-cta__heading,
  html body .ai-page .hero-left-1 > .eyebrow,
  html body .ma-workforce__eyebrow,
  html body .ma-workforce__title,
  html body .about-problems-v1__eyebrow,
  html body .about-problems-v1__title,
  html body .about-team-v1__eyebrow,
  html body .about-team-v1__title {
    text-align: center !important;
  }
}