/* Decorative only: the page stays interactive and this layer expires without JS. */
.doggys-intro{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;justify-items:center;gap:20px;background:#ffda00;pointer-events:none;animation:doggys-intro-exit .45s ease 3s forwards;overflow:hidden}
.doggys-intro-art{position:relative;width:min(76vw,620px);aspect-ratio:3/2;animation:doggys-intro-enter .4s ease both}
.doggys-intro-art img,.doggys-intro-art svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.doggys-sauce{fill:none;stroke-width:19;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 3px 1px #78200055)}
.doggys-ketchup{stroke:#d72516;animation:doggys-sauce-pour .85s ease-in-out .3s forwards}
.doggys-mustard{stroke:#f8b917;stroke-width:15;animation:doggys-sauce-pour .85s ease-in-out 1.2s forwards}
.doggys-intro-logo{font-family:Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;font-size:clamp(40px,8vw,68px);font-style:italic;font-weight:1000;letter-spacing:-2px;color:#181915;opacity:0;animation:doggys-logo-reveal .45s ease 2.1s forwards}
@keyframes doggys-sauce-pour{to{stroke-dashoffset:0}}
@keyframes doggys-logo-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes doggys-intro-enter{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes doggys-intro-exit{to{opacity:0;visibility:hidden}}
@media(max-width:600px){.doggys-intro{gap:12px}.doggys-intro-art{width:94vw}}
@media(prefers-reduced-motion:reduce){.doggys-intro{display:none!important}.doggys-intro *{animation:none!important}}
@media print{.doggys-intro{display:none!important}}