/* R10 preview: functional cabin shade (Blende) for the hero window */
.ds2-window.kp-hero__window > button.kp-flight-window__shade {
  appearance: none; -webkit-appearance: none;
  display: block; margin: 0; padding: 0; cursor: pointer;
  pointer-events: auto;
  height: 28px;
  border: 0; border-bottom: 1px solid color-mix(in srgb, var(--ink) 32%, transparent);
  transition: height .9s cubic-bezier(.4,0,.2,1);
  touch-action: manipulation;
}
.ds2-window.kp-hero__window[data-blende="closed"] > button.kp-flight-window__shade {
  height: 100%;
  background:
    repeating-linear-gradient(180deg, transparent 0 9px, color-mix(in srgb, var(--ink) 9%, transparent) 9px 10px),
    linear-gradient(180deg, var(--cabin-blende-3), var(--cabin-blende-1) 92%);
  box-shadow: inset 0 -16px 24px -14px color-mix(in srgb, var(--ink) 40%, transparent);
}
.ds2-window.kp-hero__window > button.kp-flight-window__shade:hover::after { filter: brightness(.94); }
.ds2-window.kp-hero__window > button.kp-flight-window__shade:focus-visible {
  outline: 3px solid var(--kp-gold, #e8b04b); outline-offset: -3px;
}
.ds2-window.kp-hero__window > button.kp-flight-window__shade::after {
  width: 64px; height: 10px; left: calc(50% - 32px); bottom: 6px;
}
/* closed: pull handle stays at the bottom edge of the shade */
.kp-flight-window__shade .kp-sr-label {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .ds2-window.kp-hero__window > button.kp-flight-window__shade { transition: none; }
}