/* The outer actor keeps the original geometry and page/tour exit animations. */
.decor-mascot-peek { aspect-ratio: 1; overflow: visible; }
.yellow-mascot__body {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.yellow-mascot__arm,
.yellow-mascot__gesture,
.yellow-mascot__face { display: none; }

[data-wave-ready][data-wave-enabled="true"] .yellow-mascot__body {
  clip-path: polygon(
    0 0, 100% 0, 100% 13.3333%, 80.8333% 13.3333%,
    80.8333% 31.25%, 82.9167% 37.5%, 81.25% 39.5833%,
    84.1667% 44.5833%, 100% 44.5833%, 100% 100%, 0 100%
  );
}
[data-wave-ready][data-wave-enabled="true"] .yellow-mascot__arm {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform-origin: 82.9167% 42.9167%;
  /* The shoulder stays tucked behind the original fur. */
  clip-path: polygon(
    80.8333% 13.3333%, 100% 13.3333%, 100% 44.5833%,
    84.1667% 44.5833%, 81.25% 39.5833%,
    82.9167% 37.5%, 80.8333% 31.25%
  );
}

[data-wave-ready][data-wave-enabled="true"] .yellow-mascot__gesture,
[data-wave-ready][data-wave-enabled="true"] .yellow-mascot__face {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.yellow-mascot__gesture {
  fill: none;
  stroke: white;
  stroke-width: 7;
  stroke-linecap: round;
  transform-origin: 82.9167% 42.9167%;
  filter: drop-shadow(0 1px 1px #24300b24);
}
.yellow-mascot__gesture g {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}
.yellow-mascot__lid { opacity: 0; clip-path: inset(0 0 100% 0); }

@media (prefers-reduced-motion: reduce) {
  [data-wave-ready][data-wave-enabled="true"] .yellow-mascot__body { clip-path: none; }
  [data-wave-ready][data-wave-enabled="true"] .yellow-mascot__arm,
  [data-wave-ready][data-wave-enabled="true"] .yellow-mascot__gesture,
  [data-wave-ready][data-wave-enabled="true"] .yellow-mascot__face { display: none; }
}
