/* Keret animated splash. Timeline: rings draw 0-0.9s, coins fall 0.25-2.2s, fox runs one lap 0.2-1.9s, paws catch the last coin ~2.15s, wordmark 2.2s, fade out from JS */
#keret-splash{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;
  background:#F3EAD6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='104'%3E%3Cpath d='M0,0 L30,52 L60,0 M0,104 L30,52 L60,104 M30,52 L30,17.3 M30,52 L0,69.3 M30,52 L60,69.3 M0,0 V104 M60,0 V104 M0,0 L30,17.3 L60,0 M0,104 L30,86.7 L60,104 M30,52 L30,86.7 M30,52 L0,34.7 M30,52 L60,34.7' fill='none' stroke='%23E3D3B0' stroke-width='1.6' opacity='.8'/%3E%3C/svg%3E");
  transition:opacity .45s ease, visibility .45s; overflow:hidden}
#keret-splash.ks-out{opacity:0;visibility:hidden;pointer-events:none}
#keret-splash .ks-emblem{width:min(78vw,58vh,520px);height:auto;overflow:visible}
.ks-ring{stroke-dasharray:1 1;stroke-dashoffset:1;animation:ks-draw .9s cubic-bezier(.6,0,.3,1) forwards}
.ks-ring.thin{animation-delay:.15s}
.ks-revpath{stroke-dasharray:1.02 1;stroke-dashoffset:1;animation:ks-draw 1.35s cubic-bezier(.45,0,.25,1) .2s forwards}
.ks-fox{transform-box:view-box;transform-origin:256px 268px;animation:ks-lap 1.7s cubic-bezier(.3,.1,.2,1) .2s both}
.coin{transform-box:fill-box;transform-origin:50% 100%;opacity:0;animation:ks-fall .5s cubic-bezier(.5,0,.75,0) var(--d) forwards, ks-land .28s ease-out calc(var(--d) + .5s)}
.coin.last{animation-duration:.45s,.3s}
.ks-paws{opacity:0;transform-box:view-box;transform-origin:360px 290px;animation:ks-paw .35s cubic-bezier(.2,.9,.3,1.3) 2.1s forwards}
.ks-word{font:700 clamp(40px,9vw,72px)/1 "Zen Maru Gothic","Hiragino Maru Gothic ProN","Yu Gothic UI",system-ui,sans-serif;letter-spacing:.06em;color:#2B1D1A;opacity:0;transform:translateY(12px);animation:ks-up .5s ease-out 2.2s forwards}
.ks-stamp{width:40px;height:40px;border-radius:5px;background:#D9442E;color:#F3EAD6;display:grid;place-items:center;font:600 24px/1 "Yu Mincho","Hiragino Mincho ProN",serif;opacity:0;transform:scale(1.8) rotate(-8deg);animation:ks-stamp .3s cubic-bezier(.3,1.5,.5,1) 2.5s forwards}
@keyframes ks-draw{to{stroke-dashoffset:0}}
@keyframes ks-lap{from{transform:rotate(380deg) scale(.86);opacity:0}12%{opacity:1}to{transform:rotate(0) scale(1);opacity:1}}
@keyframes ks-fall{from{opacity:1;transform:translateY(-640px)}to{opacity:1;transform:translateY(0)}}
@keyframes ks-land{0%{transform:scale(1.12,.84)}100%{transform:scale(1)}}
@keyframes ks-paw{from{opacity:0;transform:translate(26px,-6px) rotate(10deg)}to{opacity:1;transform:none}}
@keyframes ks-up{to{opacity:1;transform:none}}
@keyframes ks-stamp{to{opacity:1;transform:rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){#keret-splash *{animation-duration:1ms!important;animation-delay:0s!important}}