/* Local scene overlay. Keep its aspect ratio identical to the semantic image,
   including inside the frame's border-box sizing. */
.daily-illustration .portrait-frame { isolation: isolate; }
#kitchen-hair-motion { position: absolute; left: 0; top: 0; width: 100%; height: auto; aspect-ratio: 1.5; pointer-events: none; }
.hair-motion-toggle { position: absolute; z-index: 3; right: 17px; top: 17px; min-height: 36px; padding: 7px 11px; border: 1px solid rgba(255,250,242,.7); border-radius: 999px; background: rgba(23,43,35,.9); color: #fffaf2; font: 600 .875rem/1.3 system-ui, sans-serif; cursor: pointer; }
.hair-motion-toggle:hover { background: #172b23; }
.hair-motion-toggle:focus-visible { outline: 3px solid #dcae62; outline-offset: 3px; }
.hair-motion-toggle:disabled { cursor: default; opacity: .9; }
@media (prefers-reduced-motion: reduce) {
  #kitchen-hair-motion { display: none !important; }
}