/* Kohana. build-07 r18 PROTOTYPE (2026-11-03, local, not published) — loaded after build07p.css. CSS only.
   The hero mizuhiki (img.miz, miz.webp) was revealed by an animated radial mask (base.css: @property --r, mask-image re-drawn
   every frame over the 1300px image, with a 14% soft edge; .no-prop: an animated mask-size). Mask animations are painted on the
   main thread every frame, which on iPhone Safari shows as jerky steps, a soft/blurred edge while it runs and a flash before it.
   Now: no mask at all; the mizuhiki fades in from its knot (opacity 0 → 1, scale .97 → 1, 1.6s, from 1.0s as before, once),
   only opacity / transform, which the browser composites smoothly. Shape, colour, size and position are unchanged.
   The re-arm on scroll (main.js toggles .miz-reset) still replays it; 「視差効果を減らす」: shown at once (base.css). */
#top-fv .miz,.no-prop #top-fv .miz{-webkit-mask-image:none;mask-image:none;transform-origin:49% 72%;
 animation:miz-in 1.6s cubic-bezier(.22,.61,.36,1) 1s both}
#top-fv .miz.miz-reset{animation:none;opacity:0}   /* while it is off screen it waits hidden, so coming back never jumps from shown to hidden */
@keyframes miz-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#top-fv .miz,.no-prop #top-fv .miz{animation:none;opacity:1;transform:none}}