/* Selected hero A: Kiwi leads. Scope all composition overrides to Home. */
.paak-header-descriptor {
  display: none;
}
.page-home .hero.paak-kiwi-hero {
  --paak-hero-gutter: 4rem;
  /* Rejouice opening:90% hero,10% visible reel, on both desktop and phone. */
  --paak-hero-peek: 10svh;
  height: calc(100svh - var(--paak-hero-peek));
  min-height: 0;
  padding: 0;
  /* One broad, static light falloff. Keep the chrome centre bright and edges quiet. */
  background-image: radial-gradient(
    ellipse at 50% 43%,
    rgba(255, 255, 255, 0) 42%,
    rgba(18, 24, 30, 0.018) 100%
  );
}
.page-home .paak-kiwi-hero .paak-hero-lockup {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  container-type: inline-size;
}
.page-home .paak-kiwi-hero .paak-kiwi {
  /* Optical centre is close to the middle of the complete transparent asset.
     Height cap keeps the bird clear of navigation on short ultrawide screens. */
  left: 50%;
  top: 47%;
  width: min(64.6%, 106.4svh);
  transform: translate(-50%, -50%);
}
/* Ground-only projection from the same27° Kiwi model and20° camera.
   Baked broad softbox gives sharp toe contacts and softer elevated geometry.
   Fixed body/feet share this exact square anchor with live and fallback art. */
.page-home .paak-kiwi-hero .paak-kiwi::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("assets/kiwi/kiwi-ground-shadow.webp") center/100% 100%
    no-repeat;
  opacity: 0.16;
  pointer-events: none;
}
.page-home .paak-kiwi-hero .paak-wordmark {
  position: absolute;
  left: var(--paak-hero-gutter);
  bottom: 8%;
  width: 27%;
  height: auto;
  z-index: 2;
}
.page-home .paak-kiwi-hero .bottom {
  position: absolute;
  right: var(--paak-hero-gutter);
  bottom: 8%;
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: right;
}
.page-home .paak-kiwi-hero .taglines .paak-hero-services {
  font-size: var(--paak-hero-copy, var(--paak-type-label));
  line-height: 1.25;
  white-space: normal;
}
body:has(.page-home) .layout-header .logo-wrapper,
body:has(.page-home) .layout-header .svg-wrapper {
  overflow: visible;
}
body:has(.page-home) .layout-header .paak-header-descriptor {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: max-content;
  font-size: var(--paak-hero-utility, var(--paak-type-small));
  line-height: 1.15;
  letter-spacing: -0.015em;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 180ms ease,
    visibility 0s linear 180ms;
}
body:has(.page-home) .layout-header .paak-header-mark {
  transition:
    opacity 180ms ease,
    visibility 0s linear 180ms;
}
body:has(.page-home) .layout-header.is-on-hero .paak-header-descriptor {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
body:has(.page-home) .layout-header.is-on-hero .paak-header-mark {
  opacity: 0;
  visibility: hidden;
}
body:has(.page-home) .layout-header:not(.is-on-hero) .paak-header-mark {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
body:has(.page-home).menu-open .layout-header .paak-header-descriptor {
  opacity: 0;
  visibility: hidden;
}
body:has(.page-home).menu-open .layout-header .paak-header-mark {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
@media (width < 768px) {
  .page-home .hero.paak-kiwi-hero {
    --paak-hero-gutter: 20px;
  }
  .page-home .paak-kiwi-hero .paak-kiwi {
    top: 40%;
    width: min(131.1%, 106.4svh);
  }
  .page-home .paak-kiwi-hero .paak-wordmark {
    width: 72%;
    bottom: 20%;
  }
  .page-home .paak-kiwi-hero .bottom {
    bottom: 8%;
    max-width: calc(100% - 40px);
  }
  .page-home .paak-kiwi-hero .taglines .paak-hero-services {
    font-size: var(--paak-hero-copy, var(--paak-type-label));
    line-height: 1.3;
  }
  body:has(.page-home) .layout-header .paak-header-descriptor {
    font-size: var(--paak-hero-utility, var(--paak-type-small));
    width: max-content;
    white-space: nowrap;
    line-height: 1.15;
  }
}
@media (prefers-reduced-motion: reduce) {
  body:has(.page-home)
    .layout-header
    :is(.paak-header-descriptor, .paak-header-mark) {
    transition: none;
  }
}