/* Final UX refinements shared by the public site. */
html body.site-page :where(.btn, .button, .local-beyonds-btn, .magic-intro__cta, .magic-intro__secondary) {
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  min-height: 3rem;
  text-align: center;
}

html body.site-page .site-header .header-cta {
  justify-content: center;
  min-width: 11rem;
  overflow: visible;
  white-space: nowrap;
}

html body.site-page .magic-header .magic-header__right a.magic-talk {
  min-width: 12rem !important;
  overflow: visible !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  white-space: nowrap !important;
}

html body.site-page.page-home .magic-home-v3 .magic-final__links,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final__links,
html body.site-page.page-home .magic-home-v3 .magic-final-form,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final-form {
  border-radius: 8px !important;
}

html body.site-page.page-home .magic-home-v3 .magic-final-form__grid,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final-form__grid {
  gap: 1rem !important;
}

html body.site-page.page-home .magic-home-v3 .magic-final__owner,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final__owner {
  text-align: center !important;
}

html body.site-page.page-realisations .realisations-clean-hero {
  min-height: 0 !important;
  padding-bottom: 5rem !important;
  padding-top: calc(var(--header-height, 82px) + 5rem) !important;
}

html body.site-page.page-a-propos .about-one-photo img {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-form {
  max-width: 54rem !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock :is(
  .audit-intro-panel,
  .audit-summary-panel,
  .audit-unlock-panel,
  .audit-wizard-shell
) {
  border-radius: 8px !important;
}

html body.site-page.page-audit-gratuit .audit-unlock-panel .audit-consent,
html body.site-page.page-audit-gratuit .audit-unlock-panel .checkbox {
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

@media (min-width: 1024px) {
  html body.site-page.page-home .magic-home-v3 .magic-intro,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro,
  html body.site-page.page-home .magic-home-v3 .magic-intro__sticky,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__sticky {
    min-height: 100vh !important;
    min-height: 100svh !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-intro__line,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__line {
    font-size: clamp(2.9rem, 3.8vw, 4rem) !important;
    max-width: min(100%, 65rem) !important;
    overflow-wrap: normal !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-final h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final h2 {
    font-size: 2.5rem !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero h1#coachvisible-title {
    font-size: 3rem !important;
    line-height: 1.05 !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  html body.site-page.page-home .magic-home-v3 :is(
    .magic-who__title,
    .magic-proof-layer__heading h2,
    .magic-work__heading h2,
    .magic-services__heading h2,
    .magic-local-links__heading h2,
    .magic-method__heading h2
  ) {
    font-size: 2.75rem !important;
    line-height: 1.08 !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__inner {
    gap: 2rem !important;
    grid-template-columns: 1fr !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__heading {
    justify-items: center !important;
    margin: 0 auto !important;
    max-width: 56rem !important;
    text-align: center !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__heading h2 {
    font-size: 2.75rem !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__heading p {
    max-width: 50rem !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__grid {
    margin: 0 auto !important;
    width: min(100%, 56rem) !important;
  }

  html body.site-page.page-a-propos .about-one-copy {
    max-width: 62rem !important;
  }

  html body.site-page.page-a-propos .about-one-copy h1 {
    font-size: 4rem !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  html body.site-page.page-a-propos .about-one-block h2 {
    font-size: 2rem !important;
    line-height: 1.12 !important;
  }

  html body.site-page.page-a-propos .about-one-block--service h2 {
    font-size: 1.45rem !important;
    line-height: 1.15 !important;
  }

  html body.site-page.page-a-propos .about-one-photo {
    max-width: 31.25rem !important;
    width: 100% !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-intro-panel h2 {
    font-size: 2.35rem !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  html body.site-page .ww-follow-showcase .ww-follow-hero h1 {
    font-size: 3rem !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  html body.site-page .ww-follow-showcase .ww-follow-section-heading h2 {
    font-size: 2.75rem !important;
    line-height: 1.08 !important;
  }

  html body.site-page.page-local-city-clone .cv-next-hero__grid {
    gap: 2.5rem !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(28rem, 0.9fr) !important;
    max-width: 80rem !important;
  }

  html body.site-page.page-local-city-clone .cv-next-hero__copy {
    max-width: none !important;
  }

  html body.site-page.page-local-city-clone #local-city-title {
    font-size: 2.75rem !important;
    line-height: 1.08 !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  html body.site-page.page-local-city-clone .coachvisible-next h2 {
    font-size: 2rem !important;
    line-height: 1.12 !important;
  }
}

html body.site-page .ww-follow-showcase .local-beyonds-strip__item {
  background: #ffffff !important;
  color: #07111f !important;
}

html body.site-page .ww-follow-showcase .local-beyonds-strip__item strong {
  color: #07111f !important;
}

html body.site-page .ww-follow-showcase .local-beyonds-strip__item p {
  color: #4a6072 !important;
}

html body.site-page .ww-follow-showcase .local-beyonds-strip__item span {
  color: #0b8fa4 !important;
}

html body.site-page.page-ia-automatisations .ww-follow-showcase section.local-beyonds-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body.site-page.page-ia-automatisations .ww-follow-showcase section.local-beyonds-strip .local-beyonds-strip__item > strong {
  color: #07111f !important;
}

html body.site-page.page-ia-automatisations .ww-follow-showcase section.local-beyonds-strip .local-beyonds-strip__item > p {
  color: #4a6072 !important;
}

html body.site-page.page-ia-automatisations .ww-follow-showcase section.local-beyonds-strip .local-beyonds-strip__item > span {
  color: #0b8fa4 !important;
}

@media (max-width: 1023px) {
  html body.site-page .site-header .header-cta {
    min-width: 0;
  }

  html body.site-page .magic-header .magic-header__right a.magic-talk {
    min-width: 10rem !important;
  }

  html body.site-page.page-ia-automatisations .ww-follow-showcase section.local-beyonds-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-final h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final h2,
  html body.site-page.page-a-propos .about-one-copy h1,
  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-intro-panel h2,
  html body.site-page .ww-follow-showcase .ww-follow-hero h1,
  html body.site-page.page-local-city-clone #local-city-title {
    white-space: normal !important;
  }

  html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero h1#coachvisible-title {
    white-space: normal !important;
  }

  html body.site-page.page-local-city-clone #local-city-title {
    font-size: 2.35rem !important;
    line-height: 1.1 !important;
  }

  html body.site-page.page-local-city-clone .coachvisible-next h2 {
    font-size: 1.8rem !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 640px) {
  html body.site-page.page-realisations .realisations-clean-hero {
    padding-bottom: 3.5rem !important;
    padding-top: calc(var(--header-height, 72px) + 3rem) !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-form {
    max-width: calc(100vw - 1.5rem) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__heading h2 {
    white-space: normal !important;
  }

  html body.site-page.page-local-city-clone #local-city-title {
    font-size: 1.75rem !important;
  }

  html body.site-page.page-local-city-clone .coachvisible-next h2 {
    font-size: 1.6rem !important;
  }

  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .cv-next-hero__copy h1#local-city-title + p.cv-next-lead {
    display: block !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    margin: 0 auto !important;
    max-width: 21rem !important;
    text-align: center !important;
  }

  html body.site-page .magic-header .magic-header__right a.magic-talk {
    min-width: 0 !important;
  }

  html body.site-page.page-ia-automatisations .ww-follow-showcase section.local-beyonds-strip {
    grid-template-columns: 1fr !important;
  }

  html body.site-page.page-audit-rapport .audit-access-hero h1 {
    font-size: 2.25rem !important;
    line-height: 1.05 !important;
  }
}

/* Homepage visual stability: equal cards, contained copy and a complete gallery. */
html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem {
  display: block !important;
}

html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__trust,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__trust {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  max-width: 70rem !important;
}

html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__trust-card,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__trust-card {
  align-content: start !important;
  grid-template-rows: auto auto auto !important;
  justify-items: center !important;
  min-height: 0 !important;
  text-align: center !important;
}

html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__trust-card > :is(span, strong, p),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__trust-card > :is(span, strong, p) {
  align-self: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: center !important;
  max-width: 100% !important;
  white-space: normal !important;
}

html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__trust-card strong,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__trust-card strong {
  font-size: clamp(1.04rem, 1.25vw, 1.22rem) !important;
  overflow-wrap: break-word !important;
  text-wrap: balance !important;
  white-space: normal !important;
}

html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__response-list,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__response-list {
  display: grid !important;
  gap: 0.65rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  list-style: none !important;
  margin: 0 auto !important;
  max-width: 46rem !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__response-list li,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__response-list li {
  align-items: center !important;
  background: rgba(101, 216, 255, 0.08) !important;
  border: 1px solid rgba(101, 216, 255, 0.24) !important;
  border-radius: 999px !important;
  color: inherit !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 2.75rem !important;
  padding: 0.55rem 0.9rem !important;
  text-align: center !important;
}

html body.site-page.page-home .magic-home-v3 > section.magic-section.magic-work.magic-work--maquettes,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 > section.magic-section.magic-work.magic-work--maquettes {
  height: auto !important;
  min-height: 0 !important;
  overflow: clip !important;
  padding: clamp(5rem, 8vw, 7rem) clamp(1.5rem, 4vw, 4rem) !important;
  padding-inline: clamp(1.5rem, 4vw, 4rem) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__sticky,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__sticky {
  gap: clamp(2.25rem, 4vw, 4rem) !important;
  height: auto !important;
  max-width: 82.5rem !important;
  min-height: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: auto !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__heading,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__heading {
  gap: clamp(0.9rem, 1.8vw, 1.4rem) !important;
  margin-inline: auto !important;
  max-width: 58rem !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__heading h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__heading h2 {
  font-size: clamp(2.35rem, 4.3vw, 4.15rem) !important;
  line-height: 1 !important;
  max-width: min(100%, 20ch) !important;
  overflow-wrap: normal !important;
  text-wrap: balance !important;
  white-space: normal !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__heading p,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__heading p {
  max-width: min(100%, 48rem) !important;
  overflow-wrap: break-word !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes :is(.magic-work__stage, .magic-work__viewport),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes :is(.magic-work__stage, .magic-work__viewport) {
  height: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__stage,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__stage {
  overflow: visible !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__viewport,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__viewport {
  overflow: visible !important;
  padding: 0 !important;
  scroll-snap-type: none !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__rail,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__rail {
  display: grid !important;
  gap: clamp(1.1rem, 2vw, 1.6rem) !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  max-width: none !important;
  min-width: 0 !important;
  transform: none !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card,
html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card.is-active,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card.is-active {
  align-self: stretch !important;
  flex: 0 1 auto !important;
  grid-column: span 2 !important;
  height: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  transform: none !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(4),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(4) {
  grid-column: 2 / span 2 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(5),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(5) {
  grid-column: 4 / span 2 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card > img,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card > img {
  aspect-ratio: 16 / 10 !important;
  height: auto !important;
  max-height: none !important;
  min-width: 0 !important;
  object-fit: cover !important;
  object-position: top center !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card :is(h3, p, a),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card :is(h3, p, a) {
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  text-align: center !important;
  white-space: normal !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__body,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__body,
html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__actions,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__actions {
  justify-items: center !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__indicator,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__indicator {
  display: none !important;
}

@media (max-width: 1100px) {
  html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__trust,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 50rem !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__trust-card,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__trust-card {
    min-height: 0 !important;
  }
}

@media (max-width: 1024px) {
  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__rail,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__sticky,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__sticky {
    margin-inline: auto !important;
    max-width: 70rem !important;
    width: calc(100% - 3rem) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card,
  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card.is-active,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card.is-active,
  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(4),
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(4),
  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(5),
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(5) {
    grid-column: auto !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(5),
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(5),
  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(5).is-active,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(5).is-active {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: calc((100% - clamp(1.1rem, 2vw, 1.6rem)) / 2) !important;
  }

}

@media (max-width: 700px) {
  html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__trust,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__trust {
    display: flex !important;
    gap: 1rem !important;
    justify-content: flex-start !important;
    margin-inline: 0 !important;
    max-width: none !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    padding: 0.15rem 0 0.65rem !important;
    scroll-padding-inline: 0 !important;
    scroll-snap-type: inline mandatory !important;
    scrollbar-width: none !important;
    width: 100% !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__rail,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__rail {
    display: flex !important;
    gap: 1rem !important;
    margin-inline: 0 !important;
    max-width: none !important;
    min-width: max-content !important;
    width: max-content !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__trust::-webkit-scrollbar,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__trust::-webkit-scrollbar,
  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__viewport::-webkit-scrollbar,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__viewport::-webkit-scrollbar {
    display: none !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__response-list,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__response-list {
    grid-template-columns: 1fr !important;
    max-width: min(100%, 23rem) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__response-list li,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__response-list li {
    white-space: nowrap !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__trust-card,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__trust-card {
    flex: 0 0 min(82vw, 22rem) !important;
    justify-items: center !important;
    min-height: 0 !important;
    scroll-snap-align: start !important;
    text-align: center !important;
    width: min(82vw, 22rem) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(5),
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(5),
  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(5).is-active,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card:nth-child(5).is-active {
    grid-column: auto !important;
    justify-self: stretch !important;
    width: min(84vw, 23rem) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__viewport,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__viewport {
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    scroll-snap-type: inline mandatory !important;
    scrollbar-width: none !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card,
  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card.is-active,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card.is-active {
    flex: 0 0 min(84vw, 23rem) !important;
    scroll-snap-align: start !important;
    width: min(84vw, 23rem) !important;
  }

  html body.site-page.page-home .magic-home-v3 > section.magic-section.magic-work.magic-work--maquettes,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 > section.magic-section.magic-work.magic-work--maquettes {
    padding-block: clamp(3.5rem, 14vw, 4.75rem) !important;
    padding-inline: 0 !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__sticky,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__sticky {
    margin-inline: auto !important;
    max-width: 27.5rem !important;
    width: calc(100% - 2.25rem) !important;
  }
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-home-v3 > section.magic-section.magic-proof-layer,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 > section.magic-section.magic-proof-layer {
    display: none !important;
    padding: 0 !important;
  }

  html body.site-page.page-home .magic-home-v3 > section.magic-section.magic-work.magic-work--maquettes,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 > section.magic-section.magic-work.magic-work--maquettes {
    padding-bottom: 0 !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__sticky,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-services__sticky {
    padding-top: 1rem !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card .magic-card-link,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card .magic-card-link {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
    white-space: normal !important;
  }
}

@media (max-width: 640px) {
}

/* The production theme uses highly specific responsive selectors. */
@media (min-width: 1024px) {
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 h2#worker-title,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 h2#proof-layer-title,
  html body.site-page.page-home .magic-home-v3 h2#worker-title,
  html body.site-page.page-home .magic-home-v3 h2#proof-layer-title {
    font-size: 2.75rem !important;
    line-height: 1.08 !important;
    max-width: none !important;
  }

  html body.site-page.page-services .local-beyonds-section h2#services-faq-title,
  html body.site-page.page-realisations .realisations-page-routes h2#realisations-cases-title,
  html body.site-page.page-realisations .realisations-page-routes h2#pages-completes-title {
    font-size: 2.5rem !important;
    line-height: 1.1 !important;
  }

  html body.site-page.page-a-propos .about-one-grid .about-one-block h2 {
    font-size: 1.75rem !important;
    line-height: 1.12 !important;
  }

  html body.site-page.page-a-propos .about-one-grid .about-one-block.about-one-block--service h2 {
    font-size: 1.125rem !important;
    line-height: 1.15 !important;
    max-width: none !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  html body.site-page.page-a-propos .about-one-grid .about-one-block.about-one-block--wide h2,
  html body.site-page.page-a-propos .about-one-grid .about-one-block.about-one-block--result h2 {
    font-size: 1.5rem !important;
    max-width: none !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .cv-next-hero .cv-next-hero__grid {
    gap: 2.5rem !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(25rem, 0.75fr) !important;
    max-width: 80rem !important;
  }

  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .cv-next-hero h1#local-city-title {
    font-size: 2.5rem !important;
    line-height: 1.08 !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next h2 {
    font-size: 2rem !important;
    line-height: 1.12 !important;
  }

  html body.site-page.page-coachvisible.page-local-city-clone.magic-scroll-active .coachvisible-next .cv-next-problem .cv-next-split__copy h2,
  html body.site-page.page-coachvisible.page-local-city-clone.magic-scroll-active .coachvisible-next .cv-next-signals .cv-next-heading h2,
  html body.site-page.page-coachvisible.page-local-city-clone.magic-scroll-active .coachvisible-next .cv-next-seo .cv-next-split__copy h2,
  html body.site-page.page-coachvisible.page-local-city-clone.magic-scroll-active .coachvisible-next .cv-next-trust .cv-next-faq__copy h2,
  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .cv-next-problem .cv-next-split__copy h2,
  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .cv-next-signals .cv-next-heading h2,
  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .cv-next-seo .cv-next-split__copy h2,
  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .cv-next-trust .cv-next-faq__copy h2 {
    font-size: 2rem !important;
    line-height: 1.12 !important;
  }
}

@media (max-width: 1023px) {
  html body.site-page.page-a-propos .about-one-grid .about-one-block h2 {
    white-space: normal !important;
  }

  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .cv-next-hero h1#local-city-title {
    font-size: 2.35rem !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }

  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next h2 {
    font-size: 1.8rem !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 640px) {
  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .cv-next-hero h1#local-city-title {
    font-size: 1.75rem !important;
  }

  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next h2 {
    font-size: 1.6rem !important;
  }
}

/* Desktop overflow guards validated across the public routes. */
@media (min-width: 1024px) {
  html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .cv-next-hero h1#local-city-title {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  html body.site-page.page-coachvisible .coachvisible-next :is(
    .cv-next-card,
    .cv-next-step,
    .cv-next-panel,
    .cv-next-seo-panel
  ) h3 {
    font-size: clamp(1.25rem, 1.5vw, 1.375rem) !important;
    hyphens: auto !important;
    overflow-wrap: anywhere !important;
  }
}

html body.site-page.page-realisations section.realisations-clean-hero h1#realisations-title,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-hero h1#realisations-title {
  max-width: min(100%, 20ch) !important;
  overflow-wrap: normal !important;
  text-wrap: balance !important;
  white-space: normal !important;
}

/* Local-city hero: one clear message, without a decorative column or empty visual panel. */
html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .local-city-clone__hero .cv-next-hero__grid,
html body.site-page.page-coachvisible.page-local-city-clone.magic-scroll-active .coachvisible-next .local-city-clone__hero .cv-next-hero__grid {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  margin-inline: auto !important;
  max-width: min(64rem, calc(100vw - 2rem)) !important;
  width: 100% !important;
}

html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .local-city-clone__hero .cv-next-hero__copy,
html body.site-page.page-coachvisible.page-local-city-clone.magic-scroll-active .coachvisible-next .local-city-clone__hero .cv-next-hero__copy {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-items: center !important;
  margin-inline: auto !important;
  max-width: min(56rem, 100%) !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .local-city-clone__hero .cv-next-hero__visual,
html body.site-page.page-coachvisible.page-local-city-clone.magic-scroll-active .coachvisible-next .local-city-clone__hero .cv-next-hero__visual {
  display: none !important;
}

html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .local-city-clone__hero :is(
  .cv-next-brand-lockup,
  .cv-next-eyebrow,
  #local-city-title,
  .cv-next-lead,
  .cv-next-price-card,
  .cv-next-short
),
html body.site-page.page-coachvisible.page-local-city-clone.magic-scroll-active .coachvisible-next .local-city-clone__hero :is(
  .cv-next-brand-lockup,
  .cv-next-eyebrow,
  #local-city-title,
  .cv-next-lead,
  .cv-next-price-card,
  .cv-next-short
) {
  margin-inline: auto !important;
  text-align: center !important;
}

html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .local-city-clone__hero #local-city-title,
html body.site-page.page-coachvisible.page-local-city-clone.magic-scroll-active .coachvisible-next .local-city-clone__hero #local-city-title {
  max-width: min(100%, 22ch) !important;
  overflow-wrap: normal !important;
  text-wrap: balance !important;
  white-space: normal !important;
}

html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .local-city-clone__hero .cv-next-lead,
html body.site-page.page-coachvisible.page-local-city-clone.magic-scroll-active .coachvisible-next .local-city-clone__hero .cv-next-lead {
  max-width: min(100%, 48rem) !important;
}

html body.site-page.page-coachvisible.page-local-city-clone .coachvisible-next .local-city-clone__hero :is(.cv-next-actions, .cv-next-tags),
html body.site-page.page-coachvisible.page-local-city-clone.magic-scroll-active .coachvisible-next .local-city-clone__hero :is(.cv-next-actions, .cv-next-tags) {
  justify-content: center !important;
  margin-inline: auto !important;
  width: 100% !important;
}

/* Standalone section headings should read as centred landmarks; split copy stays editorially aligned. */
html body.site-page.page-coachvisible .coachvisible-next section > .container > .cv-next-heading,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next section > .container > .cv-next-heading,
html body.site-page.page-coachvisible .coachvisible-next .ww-expertise-links__heading,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .ww-expertise-links__heading {
  align-items: center !important;
  justify-items: center !important;
  margin-inline: auto !important;
  max-width: min(64rem, 100%) !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-coachvisible .coachvisible-next section > .container > .cv-next-heading :is(.cv-next-eyebrow, h2, p),
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next section > .container > .cv-next-heading :is(.cv-next-eyebrow, h2, p),
html body.site-page.page-coachvisible .coachvisible-next .ww-expertise-links__heading :is(.cv-next-eyebrow, h2, p),
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .ww-expertise-links__heading :is(.cv-next-eyebrow, h2, p) {
  margin-inline: auto !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body.site-page.page-coachvisible .coachvisible-next section > .container > .cv-next-heading > p:not(.cv-next-eyebrow),
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next section > .container > .cv-next-heading > p:not(.cv-next-eyebrow),
html body.site-page.page-coachvisible .coachvisible-next .ww-expertise-links__heading > p:not(.cv-next-eyebrow),
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .ww-expertise-links__heading > p:not(.cv-next-eyebrow) {
  max-width: min(100%, 48rem) !important;
}

/* Heroes without a companion visual have no reason to drift left. */
html body.site-page.page-not-found .hero-simple .narrow,
html body.site-page:is(.page-legal, .page-privacy, .page-cookies) .legal-hero .narrow {
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
}

html body.site-page.page-not-found .hero-simple .narrow :is(.eyebrow, h1, .hero-lead),
html body.site-page:is(.page-legal, .page-privacy, .page-cookies) .legal-hero .narrow :is(.eyebrow, h1, .hero-lead) {
  margin-inline: auto !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body.site-page.page-not-found .hero-simple .page-intro__actions {
  justify-content: center !important;
  margin-inline: auto !important;
}

/* Unified navigation contract: one WeWorkWeb shell on every public route. */
html body.site-page {
  --ww-menu-page-start: #06111e !important;
  --ww-menu-page-end: #08314d !important;
  --ww-menu-page-accent: #65d8ff !important;
  --ww-menu-page-soft: rgba(101, 216, 255, 0.18) !important;
  --ww-menu-button-bg: rgba(255, 255, 255, 0.94) !important;
  --ww-menu-button-border: rgba(6, 17, 30, 0.12) !important;
  --ww-menu-button-ink: #06111e !important;
}

html body.site-page .magic-menu-overlay,
html body.site-page.page-coachvisible .magic-menu-overlay,
html body.site-page.page-local-city-clone .magic-menu-overlay {
  background:
    radial-gradient(circle at 10% 0%, rgba(101, 216, 255, 0.26), transparent 18rem),
    radial-gradient(circle at 92% 18%, rgba(255, 182, 110, 0.22), transparent 17rem),
    linear-gradient(145deg, rgba(5, 12, 23, 0.96), rgba(8, 27, 43, 0.92)) !important;
}

html body.site-page .magic-menu-btn.open-overlay,
html body.site-page.page-coachvisible .magic-menu-btn.open-overlay,
html body.site-page.page-local-city-clone .magic-menu-btn.open-overlay {
  --ww-menu-button-border: rgba(6, 17, 30, 0.12) !important;
  --ww-menu-button-ink: #06111e !important;
}

html body.site-page .magic-menu-overlay__cta,
html body.site-page.page-coachvisible .magic-menu-overlay__cta,
html body.site-page.page-local-city-clone .magic-menu-overlay__cta {
  background: linear-gradient(135deg, #65d8ff 0%, #19f5ba 100%) !important;
  border-color: transparent !important;
  color: #06111e !important;
}

/* Content lists use compact numbered rows instead of decorative round bullets. */
html body.site-page.page-services .local-beyonds-deliverables article > ul,
html body.site-page.page-a-propos .about-one-list {
  counter-reset: ww-content-list !important;
  display: grid !important;
  gap: 0.55rem !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.site-page.page-services .local-beyonds-deliverables article > ul > li,
html body.site-page.page-a-propos .about-one-list > li {
  align-items: center !important;
  border: 1px solid rgba(6, 17, 30, 0.1) !important;
  border-radius: 12px !important;
  counter-increment: ww-content-list !important;
  display: grid !important;
  gap: 0.7rem !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  min-height: 2.8rem !important;
  padding: 0.55rem 0.7rem !important;
  position: static !important;
  text-align: left !important;
  width: 100% !important;
}

html body.site-page.page-services .local-beyonds-deliverables article > ul > li {
  background: rgba(6, 17, 30, 0.035) !important;
  color: #284455 !important;
}

html body.site-page.page-a-propos .about-one-list > li {
  background: rgba(255, 255, 255, 0.7) !important;
  color: var(--about-muted) !important;
  padding-left: 0.7rem !important;
}

html body.site-page.page-services .local-beyonds-deliverables article > ul > li::before,
html body.site-page.page-a-propos .about-one-list > li::before {
  align-items: center !important;
  background: rgba(20, 92, 255, 0.09) !important;
  border: 1px solid rgba(20, 92, 255, 0.13) !important;
  border-radius: 8px !important;
  color: #0b6f94 !important;
  content: counter(ww-content-list, decimal-leading-zero) !important;
  display: inline-flex !important;
  font-size: 0.68rem !important;
  font-weight: 850 !important;
  height: 1.75rem !important;
  justify-content: center !important;
  left: auto !important;
  line-height: 1 !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  width: 2rem !important;
}

/* On phones, the existing Réalisations card rows become swipeable without
   changing their cards, content or desktop layout. */
@media (max-width: 760px) {
  html body.site-page.page-realisations :is(
    .realisations-principles,
    .realisations-mockups__grid
  ),
  html body.site-page.site-page.page-realisations section.realisations-page-routes > .realisations-page-routes__grid {
    -webkit-overflow-scrolling: touch !important;
    display: flex !important;
    gap: 1rem !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    padding: 0 2.625rem 1.125rem 1.125rem !important;
    scroll-padding-inline: 1.125rem !important;
    scroll-snap-type: inline mandatory !important;
    scrollbar-width: none !important;
    width: 100vw !important;
  }

  html body.site-page.page-realisations :is(
    .realisations-principles,
    .realisations-mockups__grid
  )::-webkit-scrollbar,
  html body.site-page.site-page.page-realisations section.realisations-page-routes > .realisations-page-routes__grid::-webkit-scrollbar {
    display: none !important;
  }

  html body.site-page.page-realisations :is(
    .realisations-principles,
    .realisations-mockups__grid
  ) > :is(article, a),
  html body.site-page.site-page.page-realisations section.realisations-page-routes > .realisations-page-routes__grid > a {
    flex: 0 0 min(82vw, 21.25rem) !important;
    max-width: min(82vw, 21.25rem) !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
}