:root{--ab-section-gap:clamp(1.25rem,2vw,2.25rem)}
main section:not([data-preserve-spacing]),.page-section:not([data-preserve-spacing]),.content-section:not([data-preserve-spacing]){margin-top:var(--ab-section-gap);margin-bottom:var(--ab-section-gap)}
main section:not([data-preserve-spacing])+section:not([data-preserve-spacing]){margin-top:0}
.axisbridge-mobile-call{display:none}
@media(max-width:767px){.axisbridge-mobile-call{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.6rem .9rem;border-radius:999px;text-decoration:none;font-weight:800;line-height:1;white-space:nowrap}}
/* AXISBRIDGE_DESKTOP_REFINEMENT_01_START
   Desktop-only: remove the legacy first-section gap below the normal-flow shared shell.
   Tablet/mobile (<=1050px) intentionally unchanged. */
@media(min-width:1051px){
  main>section:first-child:not([data-preserve-spacing]){margin-top:0}
}
/* AXISBRIDGE_DESKTOP_REFINEMENT_01_END */

/* AXISBRIDGE_VISUAL_V6_LAYOUT_START */
@media (min-width:1051px){
  :root{--ab-section-gap:.20rem !important}

  main#main > section:not([data-preserve-spacing]){
    margin-top:0 !important;margin-bottom:0 !important;
  }
  main#main > section.section:not(.cta-section){
    padding-top:8px !important;padding-bottom:8px !important;
  }
  main#main > section.page-hero{
    padding-top:12px !important;padding-bottom:10px !important;
    margin-top:0 !important;margin-bottom:0 !important;
  }
  main#main > section.services-intro-strip{
    margin-top:0 !important;margin-bottom:0 !important;
    padding-top:6px !important;padding-bottom:6px !important;
  }
  main#main > section.cta-section{padding-top:20px !important;padding-bottom:20px !important}
  .section-header{margin-bottom:7px !important}

  /* Make each hero grid row the reference height; center the image inside the full row. */
  .page-hero-grid,.about-hero-grid,.framework-hero-grid,.insights-hero-grid,.industries-hero-grid{
    align-items:stretch !important;
  }
  .hr-hero-image-panel,.payroll-hero-image-panel,.hris-hero-image-panel,.managed-hero-image-panel,
  .process-hero-panel-image,.fractional-hero-panel-image,.framework-hero-image-panel,.insights-hero-image-panel,
  .about-name-panel-image{
    align-self:stretch !important;justify-self:stretch !important;
    min-height:0 !important;height:auto !important;
    padding:0 !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    background:transparent !important;border:0 !important;box-shadow:none !important;overflow:visible !important;
  }
  .hr-hero-image-panel::before,.hr-hero-image-panel::after,
  .payroll-hero-image-panel::before,.payroll-hero-image-panel::after,
  .hris-hero-image-panel::before,.hris-hero-image-panel::after,
  .managed-hero-image-panel::before,.managed-hero-image-panel::after,
  .process-hero-panel-image::before,.process-hero-panel-image::after,
  .fractional-hero-panel-image::before,.fractional-hero-panel-image::after,
  .framework-hero-image-panel::before,.framework-hero-image-panel::after,
  .insights-hero-image-panel::before,.insights-hero-image-panel::after,
  .about-name-panel-image::before,.about-name-panel-image::after{
    display:none !important;content:none !important;
  }

  /* All newer dark hero art uses intrinsic proportions and a consistent visual width. */
  .hr-hero-image-panel img,.payroll-hero-image-panel img,.hris-hero-image-panel img,
  .framework-hero-image-panel img,.insights-hero-image-panel img,.about-name-panel-image img{
    display:block !important;width:min(100%,520px) !important;max-width:520px !important;
    height:auto !important;max-height:none !important;aspect-ratio:auto !important;
    object-fit:contain !important;margin:auto !important;transform:none !important;filter:none !important;
    image-rendering:auto !important;flex:none !important;
  }
  .managed-hero-image-panel img{
    display:block !important;width:min(100%,470px) !important;max-width:470px !important;
    height:auto !important;max-height:none !important;aspect-ratio:auto !important;
    object-fit:contain !important;margin:auto !important;transform:none !important;filter:none !important;flex:none !important;
  }

  /* The two approved 4:3 graphics: force intrinsic 1448x1086 proportions without browser stretching. */
  .process-hero-image,.fractional-hero-image{
    display:block !important;
    width:min(100%,520px) !important;max-width:520px !important;
    height:auto !important;max-height:none !important;
    aspect-ratio:1448 / 1086 !important;
    object-fit:contain !important;object-position:center center !important;
    margin:auto !important;transform:none !important;filter:none !important;
    image-rendering:auto !important;flex:none !important;
    border-radius:18px !important;
  }

  /* Non-hero newer dark graphics should also sit centered in their grid cells. */
  .framework-diagram-image,.framework-connection-image,.industry-aware-graphic-replacement{
    align-self:center !important;justify-self:center !important;
  }
  .framework-diagram-image img,.framework-connection-image img,.industry-aware-graphic-replacement img{
    display:block !important;width:min(100%,540px) !important;height:auto !important;
    object-fit:contain !important;margin:auto !important;transform:none !important;filter:none !important;
  }

  .about-reach-section .service-area-panel h3{word-spacing:.18em !important;letter-spacing:.01em !important}
}
/* AXISBRIDGE_VISUAL_V6_LAYOUT_END */