/* 2026-07-01: desktop/laptop Executive Search cycle alignment fix.
   Keeps the process donut visually centered and prevents the 620px visual column
   from squeezing the text column on narrow desktop widths. */
@media (min-width: 1041px) and (max-width: 1180px) {
  .service-section--executive .two-column--reverse {
    grid-template-columns: minmax(0, .96fr) minmax(380px, 1fr) !important;
    gap: clamp(28px, 3vw, 36px) !important;
  }

  .visual-panel--cycle {
    min-height: clamp(440px, 42vw, 510px) !important;
    overflow: hidden !important;
  }

  .executive-cycle-stage {
    width: 100% !important;
    min-height: clamp(430px, 42vw, 500px) !important;
    --cycle-center-x: 50%;
    --cycle-center-y: 52%;
    --cycle-label-search-x: clamp(-170px, -15vw, -136px);
    --cycle-label-search-y: clamp(-136px, -12vw, -118px);
    --cycle-label-competency-x: clamp(88px, 8.2vw, 104px);
    --cycle-label-competency-y: clamp(-136px, -12vw, -118px);
    --cycle-label-references-x: clamp(88px, 8.2vw, 104px);
    --cycle-label-references-y: clamp(134px, 12vw, 154px);
  }

  .visual-asset--cycle {
    width: clamp(266px, 28vw, 304px) !important;
    height: auto !important;
  }

  .cycle-callout {
    gap: 10px !important;
    font-size: clamp(13px, 1.25vw, 17px) !important;
  }

  .cycle-callout__icon {
    width: 32px !important;
    height: 32px !important;
  }

  .cycle-timeline-card {
    right: 0 !important;
    width: min(40%, 210px) !important;
    padding: 16px 16px 16px 48px !important;
  }

  .cycle-timeline-row {
    font-size: 13px !important;
  }

  .executive-title-wrap h2 {
    padding-inline-end: clamp(96px, 18vw, 150px) !important;
  }

  .executive-chess-decor {
    right: clamp(-206px, -18vw, -154px) !important;
    width: clamp(220px, 24vw, 270px) !important;
  }
}

@media (min-width: 901px) and (max-width: 1040px) {
  .service-section--executive .two-column--reverse {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .visual-panel--cycle {
    min-height: 500px !important;
    overflow: hidden !important;
  }

  .executive-cycle-stage {
    width: min(100%, 720px) !important;
    min-height: 500px !important;
  }

  .executive-copy {
    max-width: 760px !important;
  }

  .executive-title-wrap h2 {
    padding-inline-end: clamp(150px, 26vw, 210px) !important;
  }

  .executive-chess-decor {
    right: clamp(-260px, -22vw, -190px) !important;
    width: clamp(240px, 28vw, 300px) !important;
  }
}