/* The packshot changes scale and position while the surrounding page dissolves. */
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}
::view-transition-group(root){animation-duration:.28s}
::view-transition-old(root){animation:page-paper-out .24s ease both}
::view-transition-new(root){animation:page-paper-in .32s ease both}
::view-transition-group(ruggeri-bottle){animation-duration:.48s;animation-timing-function:cubic-bezier(.22,.68,.2,1);z-index:2}
::view-transition-image-pair(ruggeri-bottle){isolation:isolate}
::view-transition-old(ruggeri-bottle){display:none}
::view-transition-new(ruggeri-bottle){height:100%;animation:none;mix-blend-mode:normal;object-fit:contain}
.navigation-transfer-clone{position:fixed!important;z-index:50;pointer-events:none;transform-origin:0 0;margin:0!important;filter:drop-shadow(2px 4px 3px #32251524)}
.navigation-transfer-target{visibility:hidden!important}
@keyframes page-paper-out{to{opacity:0}}
@keyframes page-paper-in{from{opacity:0}to{opacity:1}}
html.motion-off::view-transition-group(*),html.motion-off::view-transition-old(*),html.motion-off::view-transition-new(*){animation:none!important}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}