/* Remaining Case Studies --------------------------------------------------
 * Scoped to the five new pages. Approved pages and their styles are not
 * changed by this file.
 */

body.case-remaining .case-scope,
body.case-remaining .case-showcase,
body.case-remaining .case-results {
  margin-top: 32px;
}

body.case-remaining .case-scope {
  min-height: 513px;
  padding: 95px 64px 40px;
}

body.case-sipes .case-scope,
body.case-venti .case-scope {
  min-height: 549px;
}

body.case-remaining .case-scope-card {
  flex: 0 0 310px;
}

body.case-time-square .case-scope-grid {
  grid-auto-columns: 310px;
}

body.case-middle-east-security .case-scope-grid {
  grid-auto-columns: 450px;
  justify-content: center;
}

body.case-middle-east-security .case-scope-card {
  flex-basis: 450px;
}

body.case-sipes .case-scope-card {
  height: 284px;
}

body.case-remaining .case-showcase {
  padding: 128px 80px 0;
}

body.case-lhh .case-showcase,
body.case-time-square .case-showcase {
  height: 1483px;
  min-height: 1483px;
}

body.case-middle-east-security .case-showcase,
body.case-sipes .case-showcase {
  height: 1507px;
  min-height: 1507px;
}

body.case-venti .case-showcase {
  height: 1454px;
  min-height: 1454px;
}

body.case-remaining .case-showcase-composite {
  position: static;
  display: block;
  width: min(1280px, 100%);
  height: auto;
  margin: 0 auto;
  border-radius: 0;
  object-fit: fill;
}

body.case-lhh .case-showcase-composite,
body.case-time-square .case-showcase-composite {
  height: 1049px;
}

body.case-middle-east-security .case-showcase-composite,
body.case-sipes .case-showcase-composite,
body.case-venti .case-showcase-composite {
  height: 1104px;
}

body.case-lhh .case-results,
body.case-time-square .case-results {
  height: 476px;
  min-height: 476px;
}

body.case-middle-east-security .case-results,
body.case-sipes .case-results,
body.case-venti .case-results {
  height: 540px;
  min-height: 540px;
}

body.case-lhh .case-results-heading p { width: 388px; }
body.case-time-square .case-results-heading p { width: 350px; }
body.case-middle-east-security .case-results-heading p { width: 450px; }
body.case-sipes .case-results-heading p { width: 411px; }
body.case-venti .case-results-heading p { width: 520px; }

body.case-lhh .case-cta,
body.case-time-square .case-cta { margin: 32px 0 91px; }
body.case-middle-east-security .case-cta { margin: 32px 0 98px; }
body.case-sipes .case-cta { margin: 32px 0 62px; }
body.case-venti .case-cta { margin: 32px 0 115px; }

.mobile-only-label { display: none; }

@media (min-width: 768px) {
  body.case-venti .scope-management { order: 1; }
  body.case-venti .scope-reel { order: 2; }
  body.case-venti .scope-creative { order: 3; }
}

@media (min-width: 768px) and (max-width: 1099px) {
  body.case-remaining .case-scope,
  body.case-sipes .case-scope,
  body.case-venti .case-scope {
    min-height: 0;
  }

  body.case-remaining .case-scope-card,
  body.case-sipes .case-scope-card,
  body.case-middle-east-security .case-scope-card {
    height: 210px;
  }

  body.case-remaining .case-showcase {
    height: auto;
    min-height: 0;
    padding: 96px 40px 72px;
  }

  body.case-remaining .case-showcase-composite {
    width: 100%;
    height: auto;
  }

  body.case-remaining .case-results {
    height: auto;
    min-height: 0;
  }

  body.case-remaining .case-cta { margin: 72px 0; }
}

@media (max-width: 767px) {
  body.case-remaining .case-showcase-desktop {
    display: none;
  }

  body.case-remaining .case-intro {
    height: 830px;
    min-height: 830px;
    padding: 150px 25px 47px;
  }

  body.case-remaining .case-intro-copy { min-height: 221px; }
  body.case-time-square .case-intro { padding-top: 143px; padding-bottom: 39px; }
  body.case-time-square .case-intro-copy { min-height: 236px; }

  body.case-remaining .case-scope,
  body.case-remaining .case-showcase,
  body.case-remaining .case-results {
    margin-top: 0;
  }

  body.case-remaining .case-scope {
    min-height: 0;
    padding: 0 19px;
  }

  body.case-lhh .case-scope { height: 349px; }
  body.case-time-square .case-scope { height: 504px; padding-top: 4px; padding-bottom: 3px; }
  body.case-middle-east-security .case-scope { height: 201px; }
  body.case-sipes .case-scope,
  body.case-venti .case-scope { height: 400px; padding-bottom: 13px; }

  body.case-remaining .case-scope-grid,
  body.case-time-square .case-scope-grid,
  body.case-middle-east-security .case-scope-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-columns: auto;
  }

  body.case-remaining .case-scope-card,
  body.case-middle-east-security .case-scope-card {
    width: auto;
    height: 132px;
    min-height: 0;
    flex-basis: auto;
  }

  body.case-sipes .case-scope-card,
  body.case-venti .case-scope-card {
    height: 151px;
  }

  body.case-sipes .case-scope-card:last-child,
  body.case-venti .case-scope-card:last-child {
    width: 188px;
    grid-column: 1 / -1;
    justify-self: center;
  }

  body.case-time-square .scope-digital-management { order: 5; }
  body.case-time-square .scope-brand-strategy { order: 6; }

  body.case-remaining .case-showcase {
    padding: 0;
  }

  body.case-lhh .case-showcase,
  body.case-middle-east-security .case-showcase { height: 429px; min-height: 429px; }
  body.case-time-square .case-showcase { height: 431px; min-height: 431px; }
  body.case-sipes .case-showcase { height: 568px; min-height: 568px; }
  body.case-venti .case-showcase { height: 1217px; min-height: 1217px; }

  body.case-remaining .case-showcase-mobile {
    display: block;
    width: 100%;
    overflow: hidden;
  }

  body.case-remaining .case-showcase-mobile img {
    display: block;
    width: auto;
    max-width: none;
    height: auto;
  }

  body.case-lhh .case-showcase-mobile img,
  body.case-time-square .case-showcase-mobile img,
  body.case-middle-east-security .case-showcase-mobile img {
    margin-left: 25px;
  }

  body.case-sipes .case-showcase-mobile img { margin-left: 24px; }
  body.case-venti .case-showcase-mobile img { margin: 0 auto; }

  body.case-remaining .case-showcase {
    height: auto;
    min-height: 0;
  }

  body.case-remaining .case-showcase-mobile img {
    width: calc(100% - 50px);
    max-width: none;
    height: auto;
    margin: 0 auto;
  }

  body.case-remaining .case-showcase-track {
    --remaining-slide-width: min(365px, calc(100vw - 50px));
  }

  body.case-remaining .case-showcase-track figure {
    position: relative;
    flex: 0 0 var(--remaining-slide-width);
    width: var(--remaining-slide-width);
    height: auto;
  }

  body.case-remaining .case-showcase-track img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
  }

  body.case-remaining .case-desktop-crop img {
    position: absolute;
    inset: 0 auto auto 0;
    border-radius: 0;
  }

  body.case-lhh .lhh-slide-form { aspect-ratio: 434 / 741; }
  body.case-lhh .lhh-slide-form img { width: 294.930876%; }
  body.case-lhh .lhh-slide-services { aspect-ratio: 822 / 416; }
  body.case-lhh .lhh-slide-services img { width: 155.717762%; transform: translate(-35.78125%, 0); }
  body.case-lhh .lhh-slide-testimonials { aspect-ratio: 822 / 309; }
  body.case-lhh .lhh-slide-testimonials img { width: 155.717762%; transform: translate(-35.78125%, -41.182078%); }
  body.case-lhh .lhh-slide-contact { aspect-ratio: 571 / 284; }
  body.case-lhh .lhh-slide-contact img { width: 224.168126%; transform: translate(0, -72.926597%); }
  body.case-lhh .lhh-slide-video { aspect-ratio: 685 / 284; }
  body.case-lhh .lhh-slide-video img { width: 186.861314%; transform: translate(-46.484375%, -72.926597%); }

  body.case-middle-east-security .mes-slide-products { aspect-ratio: 365 / 522; }
  body.case-middle-east-security .mes-slide-products img { width: 350.684932%; transform: translate(0, -20.199275%); }
  body.case-middle-east-security .mes-slide-worker { aspect-ratio: 571 / 335; }
  body.case-middle-east-security .mes-slide-worker img { width: 224.168126%; transform: translate(0, -69.655797%); }
  body.case-middle-east-security .mes-slide-members { aspect-ratio: 685 / 335; }
  body.case-middle-east-security .mes-slide-members img { width: 186.861314%; transform: translate(-46.484375%, -69.655797%); }
  body.case-middle-east-security .mes-slide-landing { aspect-ratio: 365 / 200; }
  body.case-middle-east-security .mes-slide-landing img { width: 350.684932%; }
  body.case-middle-east-security .mes-slide-uniforms { aspect-ratio: 357 / 415; }
  body.case-middle-east-security .mes-slide-uniforms img { width: 358.543417%; transform: translate(-30.390625%, 0); }
  body.case-middle-east-security .mes-slide-services { aspect-ratio: 510 / 415; }
  body.case-middle-east-security .mes-slide-services img { width: 250.980392%; transform: translate(-60.15625%, 0); }
  body.case-middle-east-security .mes-slide-logo { aspect-ratio: 891 / 306; }
  body.case-middle-east-security .mes-slide-logo img { width: 143.658810%; transform: translate(-30.390625%, -39.764493%); }

  body.case-sipes .case-showcase-track {
    --sipes-slide-width: min(365px, calc(100vw - 50px));
  }

  body.case-sipes .case-showcase-track figure {
    flex: 0 0 var(--sipes-slide-width);
    width: var(--sipes-slide-width);
    height: auto;
  }

  body.case-sipes .case-showcase-track img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
  }

  body.case-sipes .sipes-showcase-top { aspect-ratio: 406 / 282; }
  body.case-sipes .sipes-showcase-logo { aspect-ratio: 406 / 185; }
  body.case-sipes .sipes-showcase-logo img { transform: translateY(-61.052632%); }

  body.case-remaining .case-results {
    padding-bottom: 39px;
  }

  body.case-lhh .case-results,
  body.case-middle-east-security .case-results,
  body.case-sipes .case-results { height: 614px; min-height: 614px; }
  body.case-time-square .case-results { height: 598px; min-height: 598px; }
  body.case-venti .case-results { height: 630px; min-height: 630px; }

  body.case-remaining .case-results-heading p { width: min(362px, 100%); }
  body.case-remaining .case-cta { margin: 0; }

  body.case-lhh .site-footer {
    flex-basis: 705px;
    height: 705px;
    min-height: 705px;
  }

  body.case-time-square .site-footer {
    flex-basis: 733px;
    height: 733px;
    min-height: 733px;
  }

  body.case-sipes .site-footer {
    flex-basis: 684px;
    height: 684px;
    min-height: 684px;
  }

  .desktop-only-label { display: none; }
  .mobile-only-label { display: inline; }
}

@media (max-width: 389px) {
  body.case-remaining .case-intro { padding-inline: 20px; }
  body.case-remaining .case-scope { padding-inline: 16px; }
  body.case-sipes .case-scope-card:last-child,
  body.case-venti .case-scope-card:last-child { width: calc(50% - 8px); }

  body.case-lhh .case-showcase-mobile img,
  body.case-time-square .case-showcase-mobile img,
  body.case-middle-east-security .case-showcase-mobile img { margin-left: 20px; }
  body.case-sipes .case-showcase-mobile img { margin-left: 20px; }
  body.case-venti .case-showcase-mobile img { width: calc(100% - 18px); height: auto; }

  body.case-remaining .case-showcase-mobile img {
    width: calc(100% - 40px);
    margin: 0 auto;
  }

  body.case-remaining .case-showcase-track {
    --remaining-slide-width: calc(100vw - 40px);
  }

  body.case-remaining .case-showcase-track img {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  body.case-sipes .case-showcase-track {
    --sipes-slide-width: calc(100vw - 40px);
  }

  body.case-sipes .case-showcase-track img {
    width: 100%;
    max-width: none;
    margin: 0;
  }
}