:root {
  --lab-motion-ease-out: cubic-bezier(0, 0, .2, 1);
  --lab-motion-duration-fast: 150ms;
}

body.home [data-lab-motion-scene] {
  backface-visibility: hidden;
  position: relative;
}

body.home .lab-divisions__visual {
  isolation: isolate;
}

body.home .lab-divisions__visual-image {
  inset: 0;
  opacity: 0;
  position: absolute;
}

body.home .lab-divisions__visual-image:first-child {
  opacity: 1;
  position: relative;
}

body.home .lab-divisions__world-pin {
  height: auto;
  left: 57.067%;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 4.647%;
  width: 5.274%;
  z-index: 2;
}

body.home .lab-statement__motion-wipe {
  display: none;
}

body.home .lab-motion__stage-space {
  pointer-events: none;
}

body.home [data-lab-motion-stage='fixed'] {
  backface-visibility: hidden;
}

body.home .lab-motion-i {
  display: none;
  height: 968px;
  left: 0;
  margin: 0;
  max-width: none;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 513px;
  z-index: 8;
}

body.home .lab-divisions__intro-circle {
  display: none;
  height: 432.278px;
  left: 0;
  margin: 0;
  max-width: none;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 466.096px;
  z-index: 1;
}

body.home.lab-motion-ready .lab-project-card__image {
  transition-duration: var(--lab-motion-duration-fast);
  transition-timing-function: var(--lab-motion-ease-out);
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  body.home[data-lab-motion-mode='desktop'] .lab-divisions .lab-section-heading,
  body.home[data-lab-motion-mode='desktop'] .lab-divisions__visual,
  body.home[data-lab-motion-mode='desktop'] .lab-divisions .lab-division-card {
    opacity: 0;
  }

  body.home[data-lab-motion-mode='desktop'],
  body.home.lab-motion-ready {
    overflow-x: clip;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-hero { z-index: 1; }
  body.home[data-lab-motion-mode='desktop'] .lab-statement { z-index: 2; }
  body.home[data-lab-motion-mode='desktop'] .lab-divisions { z-index: 4; }
  body.home[data-lab-motion-mode='desktop'] .lab-method { z-index: 5; }
  body.home[data-lab-motion-mode='desktop'] .lab-projects { z-index: 6; }
  body.home[data-lab-motion-mode='desktop'] .lab-news { z-index: 7; }
  body.home[data-lab-motion-mode='desktop'] .lab-footer { z-index: 8; }

  body.home[data-lab-motion-mode='desktop'] .lab-divisions .lab-section-heading,
  body.home[data-lab-motion-mode='desktop'] .lab-divisions__grid {
    z-index: 6;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-divisions__visual {
    z-index: 5;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-divisions__visual-image {
    height: auto;
    width: 100%;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-motion-i {
    display: block;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-divisions__intro-circle {
    display: block;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-motion-i--dark {
    z-index: 1;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__motion-marks {
    inset: 0;
    overflow: visible;
    pointer-events: none;
    position: absolute;
    z-index: 2;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__motion-marks .lab-motion-i {
    z-index: 0;
    width: 513px;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__media {
    z-index: 3;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__content,
  body.home[data-lab-motion-mode='desktop'] .lab-method__aside {
    z-index: 4;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__grid > .lab-eyebrow {
    z-index: 5;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-statement__motion-wipe {
    background: #fff;
    border-radius: 50%;
    display: block;
    height: 10px;
    left: 0;
    opacity: 1;
    overflow: visible;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 10px;
    z-index: 6;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__backdrop {
    background: #fff;
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__content,
  body.home[data-lab-motion-mode='desktop'] .lab-method__aside {
    z-index: 3;
  }

  /* Keep the title compositing group above its landing media. */
  body.home[data-lab-motion-mode='desktop'] .lab-method__content {
    z-index: 4;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__content {
    color: #fff;
    mix-blend-mode: difference;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__content .lab-display {
    color: inherit;
    mix-blend-mode: normal;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__grid > .lab-eyebrow {
    color: var(--lab-blue);
    left: 0;
    mix-blend-mode: normal;
    margin: 0;
    position: absolute;
    top: 0;
    z-index: 3;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__aside {
    color: #202221;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__aside > p {
    color: inherit;
    mix-blend-mode: normal;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-method__grid > .lab-eyebrow::before {
    background: currentColor;
  }

  body.home[data-lab-motion-mode='desktop'] [data-lab-motion] {
    backface-visibility: hidden;
  }

  /* The transformed hero intro carries the original title. Hiding its back
     face causes the adjacent blended Thinking layer to be composited as a
     vertical cut while the hero is moving. Keep the hero's text surface
     fully composited without changing its geometry or stacking order. */
  body.home[data-lab-motion-mode='desktop'] .lab-hero__intro {
    backface-visibility: visible;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-divisions__visual-image:first-child {
    position: absolute;
  }

  /* The intro map belongs to the visual's lower edge, including during the
     parent resize handoff between the landing and the division states. */
  body.home[data-lab-motion-mode='desktop'] .lab-divisions__visual-image--intro {
    bottom: 0;
    height: min(13.935vw, 267.55px);
    left: calc(50% - min(18.1165vw, 347.835px));
    object-fit: fill;
    top: auto;
    width: min(36.233vw, 695.67px);
  }

  body.home[data-lab-motion-mode='desktop'] .lab-divisions__world-pin {
    height: min(2.948vw, 56.6px);
    left: calc(50% - min(18.1165vw, 347.835px) + min(17.151vw, 329.29px));
    top: min(3.382vw, 84.14px);
    width: min(1.911vw, 36.7px);
    will-change: transform, opacity;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-project-card,
  body.home[data-lab-motion-mode='desktop'] .lab-division-card {
    transform-origin: 0 0;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-project-card__image {
    transform-origin: 50% 50%;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-project-card:focus-within,
  body.home[data-lab-motion-mode='desktop'] .lab-division-card:focus-within,
  body.home[data-lab-motion-mode='desktop'] .lab-divisions .lab-section-heading:focus-within,
  body.home[data-lab-motion-mode='desktop'] .lab-method__aside:focus-within,
  body.home[data-lab-motion-mode='desktop'] .lab-projects__intro:focus-within,
  body.home[data-lab-motion-mode='desktop'] .lab-news:focus-within,
  body.home[data-lab-motion-mode='desktop'] .lab-news__content:focus-within,
  body.home[data-lab-motion-mode='desktop'] .lab-footer:focus-within {
    opacity: 1 !important;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-project-card:focus-within .lab-project-card__image {
    filter: blur(0) !important;
  }

  body.home[data-lab-motion-mode='desktop'] .lab-project-card__link:focus-visible .lab-project-card__image {
    transform: scale(1.02);
  }
}

@media (max-width: 1199px), (hover: none), (pointer: coarse) {
  /* In the simplified flow the pin belongs to the intro map, not to the
     section's heading. Anchor its tip to Italy at every narrow width. */
  body.home .lab-divisions__visual {
    position: relative;
  }

  body.home .lab-divisions__world-pin {
    height: 74px;
    left: 50%;
    top: calc(18% - 71.15px);
    transform: translateX(-50%);
    width: 48px;
  }

  body.home .lab-divisions__visual-image:not(:first-child) {
    display: none;
  }

  body.home .lab-project-card__link:hover .lab-project-card__image {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home.page-id-9 #header-outer #logo img,
  body.home.page-id-9 #header-outer #top .slide-out-widget-area-toggle .label,
  body.home.page-id-9 #header-outer #top .slide-out-widget-area-toggle .lines,
  body.home.page-id-9 #header-outer #top .slide-out-widget-area-toggle .lines::before,
  body.home.page-id-9 #header-outer #top .slide-out-widget-area-toggle .lines::after,
  body.home.page-id-9 #header-outer #top .slide-out-widget-area-toggle .lines-button::after {
    transition: none !important;
  }

  body.home .lab-statement__motion-wipe,
  body.home .lab-motion-i,
  body.home .lab-divisions__intro-circle {
    display: none !important;
  }

  body.home .lab-divisions__visual-image:not(:first-child) {
    display: none;
  }

  body.home [data-lab-motion-scene],
  body.home [data-lab-motion] {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
    will-change: auto !important;
  }
}
