/* Visual audit, 15 September 2026. Loaded after the Figma adaptation.
   Content and intentional HTML compositions remain in place. */
html.lang-fr body main .en,
html.lang-en body main .fr { display: none !important; }
body { font-family: Manrope, sans-serif; }
body main :is(p,li,address) { font-family: Manrope, sans-serif; }
main :is(.section-inner,.terrain-layout,.growth-layout,.experience-layout,.orchestration,.integration,.home-profile-grid) > * { min-width: 0; }
body.visual-audit .page-hero h1 { line-height: 1.12 !important; }
body.visual-audit .section h2 { line-height: 1.16 !important; }
body.visual-audit .section h3 { line-height: 1.2 !important; }
body.visual-audit .section p, body.visual-audit .section li { line-height: 1.6; }
body.visual-audit .section-inner > h2 { margin-bottom: 20px !important; }
.home-scroll-header { background: #fff; }
.home-scroll-brand { flex-shrink: 0; }
.home-scroll-cta { visibility: hidden; }
.home-scroll-header.has-cta .home-scroll-cta { visibility: visible; }

/* Composite layouts occupy the whole outer grid, then manage their own columns. */
.section:not(.carousel-section) > .section-inner > :is(.terrain-layout,.growth-layout,.experience-layout,.orchestration,.integration,.comparison,.proof-strip) {
  grid-column: 1 / -1 !important;
}
.page-strategie-de-marque [data-section="2"] .proof-strip,
.page-strategie-de-marque .partner-line,
.page-strategie-de-marque .experience-ticker {
  width: calc(100% + 2 * var(--figma-gutter)) !important;
  margin-left: calc(-1 * var(--figma-gutter)) !important;
}
.page-strategie-de-marque .situation::before,
.page-benjamin-warlop .situation::before,
.page-strategie-de-marque .execution-row h3::before,
.page-strategie-de-marque .direction-row h3::before { content: none !important; }
.page-strategie-de-marque .execution-row h3,
.page-strategie-de-marque .execution-row p,
.page-strategie-de-marque .direction-row h3,
.page-strategie-de-marque .direction-row p { padding-left: 0 !important; }

/* Natural card height prevents clipped bottoms and long translations. */
body.visual-audit .carousel-section { height: auto !important; padding-bottom: 28px !important; }
body.visual-audit .carousel-section > .section-inner { display: flex !important; flex-direction: column; gap: 20px; }
body.visual-audit .carousel-section > .section-inner > h2 { margin: 0 !important; }
body.visual-audit .carousel-section :is(.offer-detail,.work-streams,.direction-list,.method,.scope-grid) {
  height: auto !important; align-items: stretch; min-width: 0;
  padding-bottom: 4px !important; order: 3;
}
body.visual-audit .carousel-section :is(.offer-detail-item,.work-stream,.direction-row,.method > article,.scope-card) {
  display: flex !important; flex-direction: column; gap: 0 !important;
  flex-basis: min(480px, 80vw) !important;
  height: auto !important; min-height: 330px !important;
  padding: 28px !important;
}
body.visual-audit .carousel-section :is(.offer-detail-item,.work-stream,.direction-row,.method > article,.scope-card) :is(h2,h3) {
  margin: 0 0 20px !important; font-size: 34px !important; line-height: 1.16 !important;
}
body.visual-audit .carousel-section :is(.offer-detail-list,.scope-card ul,.work-stream ul) {
  padding-left: 20px !important; list-style: disc outside !important;
}
body.visual-audit .carousel-section :is(.offer-detail-list,.scope-card ul,.work-stream ul) li {
  display: list-item !important; margin-bottom: 6px !important;
  color: #171918; font-size: 17px !important; line-height: 1.5 !important;
}
body.visual-audit .carousel-section .pillar-more { color: var(--figma-blue) !important; margin: auto 0 0 !important; padding-top: 24px; }
body.visual-audit .carousel-section .figma-carousel-controls {
  display: flex !important; position: static !important; inset: auto !important;
  order: 4 !important; width: 100% !important; height: auto !important;
  min-height: 28px; margin: 0 !important; padding: 0 !important;
  justify-content: center; align-items: center; transform: none !important; pointer-events: auto !important;
}
body.visual-audit .carousel-section .figma-carousel-controls > button { display: none !important; }
body.visual-audit .carousel-section .figma-carousel-controls .ios-carousel-dots {
  display: flex !important; position: static !important; inset: auto !important;
  width: auto !important; height: auto !important; gap: 0 !important; margin: 0 !important;
  transform: none !important; pointer-events: auto !important;
}
body.visual-audit .carousel-section .figma-carousel-controls .ios-carousel-dot {
  position: relative; display: grid !important; place-items: center;
  flex: 0 0 28px !important; width: 28px !important; height: 28px !important;
  min-height: 28px; padding: 0 !important; background: transparent !important; border: 0 !important;
}
body.visual-audit .carousel-section .figma-carousel-controls .ios-carousel-dot::after {
  content: ''; width: 6px; height: 6px; border-radius: 50%; background: #ffffff70;
}
body.visual-audit .carousel-section .figma-carousel-controls .ios-carousel-dot.is-active::after { background: #fff; }
body.visual-audit .carousel-section .carousel-actions { order: 5 !important; }
.page-home .home-profile-title { margin-bottom: 28px !important; font-size: 42px !important; }
.page-home .home-profile-lead { font-size: 32px !important; line-height: 1.22 !important; }
.page-home .home-profile-grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 56px; }
.page-home .context-section h2 { font-size: clamp(34px, 6.2vw, 88px) !important; line-height: 1.18 !important; max-width: none; }
.page-home .home-context-pillars { line-height: 1.3 !important; }
.proof-strip-list li::after { background: currentColor; }
.footer-email { line-height: 1.15; overflow-wrap: anywhere; }
.footer-nav a, .footer-nav button { font-size: 13px !important; line-height: 1.6; }
body.visual-audit .footer-nav > span { display: none; }
body.visual-audit .footer-actions { flex-wrap: wrap; }
body.visual-audit .resource-form-row .button { background: var(--figma-blue) !important; border-color: var(--figma-blue) !important; color: #fff !important; }

@media (min-width: 801px) and (max-width: 1200px) {
  :root { --figma-gutter: 40px; }
  body.visual-audit .section, body.visual-audit .page-hero, .page-home .background-section { padding-left: 40px !important; padding-right: 40px !important; }
  .section:not(.carousel-section) > .section-inner,
  .page-benjamin-warlop .integration,
  .page-cmo-part-time .cmo-situations > .section-inner,
  .page-adoption-ia [data-section="6"] > .section-inner,
  .page-adoption-ia [data-section="9"] > .section-inner,
  .page-strategie-de-marque [data-section="2"] .terrain-layout,
  .page-strategie-de-marque [data-section="5"] .growth-layout,
  .page-strategie-de-marque [data-section="6"] .section-inner,
  .page-strategie-de-marque [data-section="8"] .orchestration,
  .page-strategie-de-marque [data-section="9"] .experience-layout,
  .page-strategie-de-marque [data-section="10"] .section-inner,
  .page-strategie-de-marque [data-section="7"] .execution-row {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) !important; column-gap: 32px !important;
  }
  .page-home .home-hero-grid > div { grid-template-columns: minmax(0, 1fr) 30%; column-gap: 24px; }
  .page-home .baseline { font-size: clamp(64px, 7.4vw, 90px) !important; line-height: 1.08 !important; }
  .page-home .baseline .accent-text { min-width: 0; }
  .page-home .hero-job-stack { width: 100% !important; height: 450px !important; }
  .page-home .experience-proof { grid-template-columns: 1fr !important; }
  .page-home .experience-proof > p:not(.eyebrow) { grid-column: 1; }
  .page-adoption-ia [data-section="6"] .evidence-grid,
  .page-adoption-ia [data-section="9"] .people-stats { grid-template-columns: 1fr !important; }
  .page-benjamin-warlop [data-section="4"] .proof-strip { width: calc(100% + 80px); margin-left: -40px !important; margin-right: -40px !important; }
}
@media (max-width: 800px) {
  :root { --figma-gutter: 20px; }
  body.visual-audit .section:not(.carousel-section) > .section-inner,
  .page-cmo-part-time .cmo-situations > .section-inner,
  .page-adoption-ia [data-section="6"] > .section-inner,
  .page-adoption-ia [data-section="9"] > .section-inner,
  .page-strategie-de-marque [data-section="2"] .terrain-layout,
  .page-strategie-de-marque [data-section="5"] .growth-layout,
  .page-strategie-de-marque [data-section="6"] .section-inner,
  .page-strategie-de-marque [data-section="8"] .orchestration,
  .page-strategie-de-marque [data-section="9"] .experience-layout,
  .page-strategie-de-marque [data-section="10"] .section-inner {
    display: flex !important; flex-direction: column; gap: 24px !important;
  }
  body.visual-audit .section:not(.carousel-section) > .section-inner > h2 { margin-bottom: 0 !important; }
  body.visual-audit .section, body.visual-audit .page-hero { padding-left: 20px !important; padding-right: 20px !important; }
  body.visual-audit .page-hero h1 { font-size: clamp(34px, 9.5vw, 46px) !important; }
  body.visual-audit .section h2 { font-size: 30px !important; }
  body.visual-audit .page-hero :is(.hero-lead,.hero-copy,.hero-subtitle), body.visual-audit .section :is(p,li) { font-size: 16px; line-height: 1.6; }
  .page-home .home-profile-grid { display: flex; flex-direction: column; gap: 28px; }
  .page-home .home-profile-lead { font-size: 26px !important; line-height: 1.25 !important; }
  .page-home .home-profile-sticker { width: min(340px, 100%); margin: 24px auto 0; }
  body.visual-audit .carousel-section :is(.offer-detail-item,.work-stream,.direction-row,.method > article,.scope-card) {
    flex-basis: min(320px, calc(100vw - 64px)) !important;
    min-height: 0 !important; padding: 24px !important;
  }
  body.visual-audit .carousel-section :is(.offer-detail-item,.work-stream,.direction-row,.method > article,.scope-card) :is(h2,h3) { font-size: 30px !important; }
  .page-home .context-section { padding: 22px 16px !important; }
  .page-home .context-section h2 { font-size: clamp(21px, 5.8vw, 44px) !important; letter-spacing: -.7px !important; }
  .page-home .home-context-main { font-size: 19px !important; line-height: 1.45 !important; }
  .page-home .home-context-pillars { font-size: 26px !important; }
  body.visual-audit .home-scroll-header { padding-left: 16px; padding-right: 12px; gap: 8px; }
  body.visual-audit .home-scroll-brand { width: clamp(106px, 31vw, 132px); }
  body.visual-audit .home-scroll-actions { gap: 0; }
  body.visual-audit .home-scroll-actions .figma-icon-link { width: 32px; }
  body.visual-audit .home-scroll-actions .home-scroll-cta { width: 132px; min-width: 0; height: 44px; font-size: 11.5px !important; }
  body.visual-audit.page-home .hero-actions .button.primary[href*="calendly.com"] {
    width: 190px !important;
    min-height: 56px !important;
    padding: 16px 24px !important;
    font-size: 14px !important;
  }
  body.visual-audit .page-hero .hero-actions, .page-benjamin-warlop .offer-links { gap: 12px !important; }
  body.visual-audit .page-hero .hero-actions .button.secondary,
  .page-benjamin-warlop .offer-links a:last-child {
    width: auto !important; min-width: 0 !important; min-height: 44px !important; padding: 10px 4px !important;
    border: 0 !important; background: transparent !important; color: var(--figma-blue) !important;
    text-decoration: underline !important; text-underline-offset: 4px;
  }
  .page-adoption-ia .hero-conversion .hero-actions { width: 100%; align-items: center !important; }
  .page-adoption-ia .hero-conversion .button.primary { width: auto !important; min-width: 0 !important; }
  .page-strategie-de-marque [data-section="7"] .execution-row { display: block !important; }
  .page-strategie-de-marque [data-section="7"] .execution-row h3 { margin-bottom: 16px !important; }
  .page-adoption-ia .evidence-grid, .page-adoption-ia .people-stats { grid-template-columns: 1fr !important; }
  body.visual-audit .footer-contact { grid-template-columns: minmax(0,1fr) 88px; gap: 16px; }
  body.visual-audit .footer-email { grid-column: 1 / -1; font-size: clamp(25px, 7.2vw, 44px); letter-spacing: -.8px; }
  body.visual-audit .footer-contact > div { display: contents; }
  body.visual-audit .footer-actions { grid-column: 1; gap: 8px; }
  body.visual-audit .footer-actions .button { padding: 12px 16px !important; min-height: 44px; min-width: 0 !important; }
  body.visual-audit .footer-sticker { grid-column: 2; grid-row: 2; width: 88px; margin: 0; }
}
@media (max-width: 380px) {
  .page-home .baseline { font-size: 46px !important; line-height: 1.12 !important; }
  .page-home .baseline .accent-text { font-size: 38px !important; }
  body.visual-audit .home-scroll-brand { width: 100px; }
  body.visual-audit .home-scroll-actions .figma-icon-link { width: 28px; }
  body.visual-audit .home-scroll-actions .home-scroll-cta { width: 118px; padding: 0 6px !important; }
}
/* Keep the visible pagination dot small while enlarging its clickable area. */
body.visual-audit .carousel-section .figma-carousel-controls .ios-carousel-dots .ios-carousel-dot,
body.visual-audit .carousel-section .figma-carousel-controls .ios-carousel-dots .ios-carousel-dot.is-active {
  width: 28px !important; height: 28px !important; background: transparent !important;
}
body.visual-audit.page-home .expertise-section .offer-detail-item { height: auto !important; min-height: 0 !important; }
body.visual-audit.page-home .background-section .home-profile-title { margin-bottom: 24px !important; }
body.visual-audit.page-home .background-section .home-profile-grid > div { min-width: 0; }
body.visual-audit.page-strategie-de-marque .section :is(.growth-layout,.orchestration,.experience-layout) { grid-column: 1 / -1 !important; }
@media (min-width:801px) and (max-width:1200px) {
  body.visual-audit.page-strategie-de-marque .section,
  body.visual-audit.page-benjamin-warlop .section:not(.carousel-section),
  body.visual-audit.page-home .background-section { padding-left:40px !important; padding-right:40px !important; }
}

/* Final responsive reading rhythm. */
body.visual-audit .proof-strip li::after { display: inline-block; flex: none; }
@media (min-width:801px) {
  body.visual-audit.page-adoption-ia .resource-wrap > h2,
  body.visual-audit.page-adoption-ia .section-inner.body-copy > h2,
  body.visual-audit.page-cmo-part-time .format-copy > h2 { grid-row: 1 / span 3; }
  body.visual-audit.page-adoption-ia .resource-wrap > :is(.resource-points,.resource-form) { margin-top: 0 !important; }
  body.visual-audit.page-adoption-ia .section-inner.body-copy > p,
  body.visual-audit.page-cmo-part-time .format-copy > p { margin: 0 !important; }
}
@media (max-width:800px) {
  body.visual-audit.page-home .context-section h2 { font-size: clamp(19px, 5.8vw, 44px) !important; }
}

@media (min-width:801px) {
  body.visual-audit.page-strategie-de-marque .section .growth-layout > .growth-heading,
  body.visual-audit.page-strategie-de-marque .section .orchestration > .orchestration-lead,
  body.visual-audit.page-strategie-de-marque [data-section="6"] .section-inner > div:first-child { grid-column: 1 !important; grid-row: 1 !important; }
  body.visual-audit.page-strategie-de-marque .section .growth-layout > .growth-copy,
  body.visual-audit.page-strategie-de-marque .section .orchestration > .orchestration-copy { grid-column: 2 !important; grid-row: 1 !important; }
  body.visual-audit.page-strategie-de-marque .section .orchestration > .orchestration-lead { grid-row: 1 / span 2 !important; }
  body.visual-audit.page-strategie-de-marque .section .orchestration > .decision-list { grid-column: 2 !important; grid-row: 2 !important; }
  body.visual-audit.page-strategie-de-marque .section .orchestration > .partner-line,
  body.visual-audit.page-strategie-de-marque .section .experience-layout > .experience-ticker { grid-column: 1 / -1 !important; }
}

@media (min-width:801px) {
  body.visual-audit.page-strategie-de-marque [data-section="6"] .section-inner { grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr) !important; align-items: center !important; }
  body.visual-audit.page-strategie-de-marque [data-section="6"] .midpage-actions { margin-top: 0 !important; }
}

/* Sticker alignment pass, 15 September: preserve intrinsic proportions. */
body.visual-audit > footer .footer-sticker {
  height: auto !important;
  min-height: 0 !important;
  max-width: 100%;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  align-self: center;
  justify-self: center;
  flex-shrink: 0;
}
@media (min-width:801px) {
  body.visual-audit :is(.home-profile-sticker,.hero-title-sticker,.cmo-anarchy-sticker,.ia-houston-sticker,.growth-sticker,.orchestration-illu),
  body.visual-audit.page-benjamin-warlop .section:not(.carousel-section) > .integration.integration > .integration-mark {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-self: center !important;
  }
  body.visual-audit.page-home .hero-job-stack {
    justify-self: center !important;
    background-position: center !important;
    max-width: 100%;
  }
  body.visual-audit.page-adoption-ia .hero-conversion { justify-content: center !important; }
  body.visual-audit > footer .footer-contact { grid-template-columns: minmax(0, 1fr) minmax(224px, .55fr); }
  body.visual-audit > footer .footer-sticker { width: 224px !important; }
}

/* Homepage narrative and strategic working method, 22 September 2026. */
body.visual-audit.page-home .home-introduction {
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  gap: 64px !important;
  align-items: start;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

body.visual-audit.page-home .home-introduction > p {
  margin: 0 !important;
  color: var(--figma-black) !important;
}

body.visual-audit.page-home .home-introduction-lead {
  grid-column: 1;
  font-family: var(--figma-serif) !important;
  font-size: clamp(30px, 2.6vw, 38px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.02em;
}

body.visual-audit.page-home .home-introduction-copy {
  grid-column: 2;
  font-family: Manrope, sans-serif !important;
  font-size: clamp(18px, 1.55vw, 22px) !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}

body.visual-audit.page-home .home-introduction a {
  color: inherit;
  text-decoration-color: var(--figma-orange);
  text-decoration-thickness: .12em;
  text-underline-offset: .13em;
}

body.visual-audit.page-home .workflow-section {
  width: auto !important;
  margin: 0 !important;
  padding: 0 var(--figma-gutter) !important;
  border: 0 !important;
  border-bottom: 0 !important;
  background: var(--figma-white) !important;
}

body.visual-audit.page-home .workflow-section > .section-inner {
  display: block !important;
  border-top: 0;
}

.workflow-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(270px, .85fr);
  gap: 28px 72px;
  align-items: end;
  padding: 64px 0 52px;
}

body.visual-audit.page-home .workflow-title {
  max-width: 820px !important;
  margin: 0 !important;
  color: var(--figma-black) !important;
  font-size: clamp(54px, 5.8vw, 84px) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
}

.workflow-intro {
  grid-column: 1 / -1;
  width: min(100%, 1040px);
  margin: 8px 0 0 !important;
  color: var(--figma-black) !important;
  font-size: clamp(19px, 1.65vw, 23px) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.workflow-sticker {
  width: min(100%, 330px);
  margin: 0 8px 0 auto;
  justify-self: end;
  filter: none !important;
}

.workflow-sticker img {
  display: block;
  width: 100%;
  height: auto;
}

.sticker-fold {
  --fold-progress: 0;
  position: relative;
  isolation: isolate;
}

.sticker-fold > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity .15s linear;
}

.sticker-fold > canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none;
}

.sticker-fold.is-webgl > img {
  opacity: 0;
}

.workflow-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-block: 1px solid var(--figma-blue);
  list-style: none;
}

.workflow-steps li {
  min-height: 330px;
  padding: 28px 24px 34px;
  border-left: 1px solid var(--figma-line);
}

.workflow-steps li:first-child {
  border-left: 0;
}

.workflow-number {
  display: block;
  margin-bottom: 52px;
  color: var(--figma-orange);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}

body.visual-audit.page-home .workflow-steps h3 {
  margin: 0 0 18px !important;
  color: var(--figma-black) !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
}

body.visual-audit.page-home .workflow-steps p {
  margin: 0 !important;
  color: var(--figma-black) !important;
  font-size: 15px !important;
  line-height: 1.58 !important;
}

.agency-partner {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.05fr) 280px;
  gap: 42px;
  margin-top: 48px;
  padding: 48px;
  background: var(--figma-blue);
  color: var(--figma-white);
}

.agency-partner-sticker {
  width: 280px;
  aspect-ratio: 800 / 307;
  align-self: center;
  justify-self: center;
}

body.visual-audit.page-home .agency-partner h3 {
  margin: 0 !important;
  color: var(--figma-white) !important;
  font-size: clamp(33px, 3vw, 43px) !important;
  line-height: 1.06 !important;
}

body.visual-audit.page-home .agency-partner-copy p {
  margin: 0 !important;
  color: var(--figma-white) !important;
  font-size: 16px !important;
  line-height: 1.58 !important;
}

body.visual-audit.page-home .agency-partner-copy p + p {
  margin-top: 20px !important;
}

.home-closing-line {
  padding: 64px var(--figma-gutter) 72px;
  background: var(--figma-white);
}

.home-closing-line > .section-inner {
  max-width: 1180px;
  margin: 0 auto;
}

body.visual-audit.page-home .workflow-conclusion {
  width: min(100%, 920px);
  margin: 0 !important;
  padding: 0;
  color: var(--figma-black) !important;
  font-family: var(--figma-serif) !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.025em;
}

/* A sticker bends into the page as its section crosses the viewport. */
.sticker-glue {
  --glue: 0;
  --glue-x: -34px;
  --glue-y: -22px;
  --glue-rotate: -7deg;
  --glue-tilt: 18deg;
  --glue-fold-scale: 1;
  --glue-fold-opacity: 1;
  --glue-fold-rotate: 12deg;
  --glue-shadow-y: 18px;
  --glue-shadow-blur: 14px;
  --glue-shadow-alpha: .26;
  position: relative;
  transform-origin: 18% 88%;
  transform: perspective(900px)
    translate3d(var(--glue-x), var(--glue-y), 0)
    rotateZ(var(--glue-rotate))
    rotateX(var(--glue-tilt)) !important;
  filter: drop-shadow(0 var(--glue-shadow-y) var(--glue-shadow-blur) rgba(0, 0, 0, var(--glue-shadow-alpha))) !important;
  will-change: transform, filter;
}

.sticker-glue--right {
  --glue-x: 34px;
  --glue-rotate: 7deg;
  --glue-fold-rotate: -12deg;
  transform-origin: 82% 88%;
}

.sticker-glue-fold {
  position: absolute;
  top: 2%;
  right: 2%;
  width: 24%;
  aspect-ratio: 1;
  border-radius: 0 14% 8% 28%;
  background: linear-gradient(135deg, rgba(255,255,255,.98) 0 46%, rgba(218,218,215,.96) 47% 60%, rgba(255,255,255,0) 61%);
  clip-path: polygon(100% 0, 100% 100%, 0 0);
  opacity: var(--glue-fold-opacity);
  transform: scale(var(--glue-fold-scale)) rotate(var(--glue-fold-rotate));
  transform-origin: top right;
  pointer-events: none;
}

.sticker-glue--right .sticker-glue-fold {
  right: auto;
  left: 2%;
  transform-origin: top left;
  transform: scale(var(--glue-fold-scale)) rotate(var(--glue-fold-rotate));
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

@media (max-width: 800px) {
  body.visual-audit.page-home .home-introduction {
    display: block !important;
    padding: 52px 20px !important;
  }

  body.visual-audit.page-home .home-introduction-lead {
    grid-column: 1;
    font-size: 27px !important;
    line-height: 1.2 !important;
  }

  body.visual-audit.page-home .home-introduction-copy {
    grid-column: 1;
    margin-top: 24px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }

  body.visual-audit.page-home .workflow-section {
    margin: 0 !important;
    padding: 0 20px !important;
  }

  .workflow-heading {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 44px 0 36px;
  }

  body.visual-audit.page-home .workflow-title {
    font-size: clamp(44px, 13vw, 60px) !important;
    line-height: .98 !important;
  }

  .workflow-sticker {
    grid-row: 2;
    width: min(70vw, 250px);
    margin: 0 auto;
    justify-self: center;
  }

  .workflow-intro {
    grid-column: 1;
    margin-top: 4px !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
  }

  .workflow-steps {
    grid-template-columns: 1fr;
  }

  .workflow-steps li {
    min-height: 0;
    padding: 24px 0 30px;
    border-left: 0;
    border-top: 1px solid var(--figma-line);
  }

  .workflow-steps li:first-child {
    border-top: 0;
  }

  .workflow-number {
    margin-bottom: 18px;
  }

  body.visual-audit.page-home .workflow-steps h3 {
    font-size: 28px !important;
  }

  body.visual-audit.page-home .workflow-steps p {
    font-size: 16px !important;
  }

  .agency-partner {
    display: block;
    margin-top: 32px;
    padding: 28px 24px;
  }

  .agency-partner-sticker {
    width: min(82vw, 300px);
    margin: 28px auto 0;
  }

  body.visual-audit.page-home .agency-partner h3 {
    margin-bottom: 28px !important;
    font-size: 30px !important;
  }

  .home-closing-line {
    padding: 44px 20px 52px;
  }

  body.visual-audit.page-home .workflow-conclusion {
    font-size: 28px !important;
    line-height: 1.12 !important;
  }
}

@property --cta-halo-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

/* A brief reflected edge makes the booking CTA feel active without becoming noisy. */
:is(.page-home .hero-actions .button.primary[href*="calendly.com"], .home-scroll-cta) {
  position: relative;
  isolation: isolate;
  overflow: visible;
}

:is(.page-home .hero-actions .button.primary[href*="calendly.com"], .home-scroll-cta)::before {
  content: "";
  position: absolute;
  inset: -3px;
  z-index: 1;
  padding: 3px;
  border-radius: inherit;
  pointer-events: none;
  opacity: 1;
  background: conic-gradient(
    from var(--cta-halo-angle),
    transparent 0 72%,
    rgba(255, 177, 50, .12) 77%,
    rgba(255, 224, 151, .46) 83%,
    #fff 88%,
    rgba(255, 194, 69, .8) 91%,
    transparent 95% 100%
  );
  filter: drop-shadow(0 0 7px rgba(246, 139, 49, .58));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: cta-halo-orbit 4.8s linear infinite;
  transition: opacity .2s ease, filter .2s ease;
}

:is(.page-home .hero-actions .button.primary[href*="calendly.com"], .home-scroll-cta):hover::before,
:is(.page-home .hero-actions .button.primary[href*="calendly.com"], .home-scroll-cta):focus-visible::before {
  opacity: 1;
  filter: drop-shadow(0 0 9px rgba(246, 139, 49, .72));
}

@keyframes cta-halo-orbit {
  to { --cta-halo-angle: 360deg; }
}

@media (prefers-reduced-motion: reduce) {
  :is(.page-home .hero-actions .button.primary[href*="calendly.com"], .home-scroll-cta)::before {
    animation: none;
  }

  .sticker-glue {
    --glue: 1;
    transform: none !important;
    filter: none !important;
    will-change: auto;
  }

  .sticker-glue-fold {
    display: none;
  }
}

/* Homepage proof line, 23 September: light editorial treatment. */
body.visual-audit.page-home .home-hero {
  padding-bottom: 24px !important;
}

body.visual-audit.page-home .proof-strip + .home-introduction {
  padding-top: 32px !important;
}

/* Shared light ticker language across public pages. */
body.visual-audit .proof-strip,
body.visual-audit.page-strategie-de-marque [data-section="2"] .proof-strip,
body.visual-audit.page-strategie-de-marque .partner-line,
body.visual-audit.page-strategie-de-marque .experience-ticker {
  height: 52px !important;
  border: 0 !important;
  background: var(--figma-white) !important;
  color: var(--figma-blue) !important;
}

/* Restore the CMO proof ticker hidden by the legacy Figma preview stylesheet. */
body.visual-audit.page-cmo-part-time #experience.cmo-proof-strip {
  display: block !important;
}

body.visual-audit .proof-strip-track,
body.visual-audit.page-strategie-de-marque .partner-line-track,
body.visual-audit.page-strategie-de-marque .experience-ticker-track {
  height: 100% !important;
  align-items: center !important;
  animation-duration: 40s !important;
}

body.visual-audit .proof-strip-list,
body.visual-audit.page-strategie-de-marque [data-section="2"] .proof-strip-list,
body.visual-audit.page-strategie-de-marque .partner-line-list,
body.visual-audit.page-strategie-de-marque .experience-list {
  display: flex !important;
  flex: none !important;
  align-items: center !important;
  gap: 42px !important;
  width: max-content !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 34px !important;
  color: var(--figma-blue) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  list-style: none !important;
  white-space: nowrap;
}

body.visual-audit .proof-strip-list li,
body.visual-audit.page-strategie-de-marque [data-section="2"] .proof-strip-list li,
body.visual-audit.page-strategie-de-marque .partner-line-list li,
body.visual-audit.page-strategie-de-marque .experience-list li {
  display: flex !important;
  flex: none !important;
  align-items: center !important;
  gap: 42px !important;
  height: 100% !important;
  color: var(--figma-blue) !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  list-style: none !important;
  white-space: nowrap;
}

body.visual-audit.page-strategie-de-marque .experience-list strong {
  font-weight: inherit !important;
}

body.visual-audit .proof-strip-list li::after,
body.visual-audit.page-strategie-de-marque [data-section="2"] .proof-strip-list li::after,
body.visual-audit.page-strategie-de-marque .partner-line-list li::after,
body.visual-audit.page-strategie-de-marque .experience-list li::after {
  content: '' !important;
  display: inline-block !important;
  flex: none !important;
  width: 5px !important;
  height: 5px !important;
  margin: 0 !important;
  border-radius: 50%;
  background: var(--figma-orange) !important;
}

body.visual-audit > footer .footer-contact {
  grid-template-columns: minmax(0, 1fr) 168px !important;
}

body.visual-audit > footer .footer-sticker {
  width: 168px !important;
}

@media (max-width: 767px) {
  body.visual-audit.page-strategie-de-marque .orchestration-lead {
    width: 100% !important;
  }

  body.visual-audit.page-home .home-hero {
    padding-bottom: 12px !important;
  }

  body.visual-audit.page-home .proof-strip + .home-introduction {
    padding-top: 36px !important;
  }

  body.visual-audit .proof-strip,
  body.visual-audit.page-strategie-de-marque [data-section="2"] .proof-strip,
  body.visual-audit.page-strategie-de-marque .partner-line,
  body.visual-audit.page-strategie-de-marque .experience-ticker {
    height: 48px !important;
  }

  body.visual-audit .proof-strip-list,
  body.visual-audit.page-strategie-de-marque [data-section="2"] .proof-strip-list,
  body.visual-audit.page-strategie-de-marque .partner-line-list,
  body.visual-audit.page-strategie-de-marque .experience-list {
    gap: 28px !important;
    padding-inline: 22px !important;
    font-size: 13px !important;
  }

  body.visual-audit .proof-strip-list li,
  body.visual-audit.page-strategie-de-marque [data-section="2"] .proof-strip-list li,
  body.visual-audit.page-strategie-de-marque .partner-line-list li,
  body.visual-audit.page-strategie-de-marque .experience-list li {
    gap: 28px !important;
  }

  body.visual-audit > footer .footer-contact {
    grid-template-columns: minmax(0, 1fr) 72px !important;
  }

  body.visual-audit > footer .footer-sticker {
    width: 72px !important;
  }
}

body.visual-audit.page-strategie-de-marque [data-section="8"],
body.visual-audit.page-strategie-de-marque [data-section="9"] {
  padding-bottom: 64px !important;
}

body.visual-audit.page-strategie-de-marque [data-section="2"] {
  border-bottom: 0 !important;
}

@media (max-width: 767px) {
  body.visual-audit.page-strategie-de-marque [data-section="8"],
  body.visual-audit.page-strategie-de-marque [data-section="9"] {
    padding-bottom: 32px !important;
  }
}