/* Hero "Shop themes" -> /themes/ dolly-in transition (cross-document View Transitions + JS fallback) */
@view-transition{navigation:auto}
::view-transition{background:#0a0a0a}
html:active-view-transition-type(dolly)::view-transition-old(root){animation:dolly-out .55s cubic-bezier(.55,0,.8,.2) both;transform-origin:50% 45%}
html:active-view-transition-type(dolly)::view-transition-new(root){animation:dolly-in .55s cubic-bezier(.2,.7,.2,1) .25s both}
@keyframes dolly-out{to{transform:scale(1.16);filter:blur(6px) brightness(.2);opacity:0}}
@keyframes dolly-in{from{transform:scale(1.06);filter:blur(4px) brightness(.55);opacity:0}}
html.dolly-out{background:#0a0a0a;overflow:hidden}
html.dolly-out body{animation:dolly-out .6s cubic-bezier(.55,0,.8,.2) both;transform-origin:50% 45vh}
html.dolly-enter body{animation:dolly-in .65s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),html.dolly-out body,html.dolly-enter body{animation:none!important}}