/* Kohana. mizuhiki tuning (2026-10 draft, not yet published)
   - Same reveal as before: the official miz.webp, uncovered by a soft ellipse growing outward from the knot (49% 72%).
   - Only the timing changes: longer, with a gentler curve. The end radius stops at 100% (the outermost gold line sits at about 92%),
     so the visible drawing spreads over the whole duration instead of finishing in the first third. The finished image is identical.
   - Sizes per device and the PC position (left placement, option B) from the approved prototype.
   - Petals are drawn by assets/js/petals.js into .miz-petals.
   Roll back: remove the <link> to this file and the <script> for petals.js. */
:root{--miz-dur:3.8s;--miz-ease:cubic-bezier(.2,.2,.55,.8)}
@keyframes unfurl-slow{from{--r:-14%}to{--r:100%}}
.miz{animation:unfurl-slow var(--miz-dur) var(--miz-ease) .35s both}
.no-prop .miz{animation:unfurl-fb var(--miz-dur) var(--miz-ease) .35s both}

/* smartphone: up to 1.5x (177px). The box keeps its lower edge where the 1.5x version sits (photo bottom + 29px) and its right margin;
   on narrow or short phones it shrinks so the gold lines stay clear of the hands in the photo and of the copy. */
@media(max-width:37.49em){
 .fv .miz{--mw:min(177px,calc(100vw - 236px),calc(30svh - 58px));width:var(--mw);right:18px;
  top:calc(var(--hh) + min(46svh,420px) + 29px - var(--mw)*266/325)}
}
/* tablet (iPad mini portrait etc.): 2.0x */
@media(min-width:37.5em) and (max-width:63.99em){
 .fv .miz{--mw:236px;width:var(--mw);right:34px;top:calc(var(--hh) + min(46svh,420px) + 39px - var(--mw)*266/325)}
}
/* PC: option B, under the copy in the plain cream space. Up to 1.5x; on shorter windows it shrinks to the space left under the notes. */
@media(min-width:64em){
 .fv .miz{width:min(calc(clamp(190px,15vw,250px)*1.5),calc(70svh - 335px));left:calc(6% + 160px)}
}
/* PC windows too short for the space under the copy: just to the right of the notes, still left of the current position */
@media(min-width:64em) and (max-height:759px){
 .fv .miz{width:min(calc(clamp(190px,15vw,250px)*1.2),calc(60svh - 160px));left:calc(6% + 360px)}
}
/* narrow PC / iPad landscape with a short window: a little smaller, so the lines stay clear of the hands in the photo */
@media(min-width:64em) and (max-width:74.99em) and (max-height:759px){
 .fv .miz{width:min(calc(clamp(190px,15vw,250px)*1.2),calc(40svh - 100px));left:calc(6% + 330px)}
}

/* petals: decorative layer behind the mizuhiki, never receives clicks or taps */
.miz-petals{position:absolute;z-index:1;pointer-events:none;display:block}
@media(prefers-reduced-motion:reduce){.miz-petals{display:none}}
@media(forced-colors:active){.miz-petals{display:none}}