/* Browser-managed navigation keeps links, history and checkout behavior native. */
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:480ms}
::view-transition-old(root){animation:220ms cubic-bezier(.4,0,1,1) both synthesis-page-out;mix-blend-mode:normal}
::view-transition-new(root){animation:480ms cubic-bezier(.16,1,.3,1) both synthesis-page-in;mix-blend-mode:normal}
@keyframes synthesis-page-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes synthesis-page-in{from{opacity:0;transform:translateY(18px) scale(.995)}to{opacity:1;transform:none}}

/* Collection is a room overlay, so give it the same entrance and exit rhythm. */
#collection-gallery{opacity:0;transform:translateY(18px);transition:opacity 320ms ease,transform 480ms cubic-bezier(.16,1,.3,1),display 480ms allow-discrete,overlay 480ms allow-discrete}
#collection-gallery[open]{opacity:1;transform:none}
@starting-style{#collection-gallery[open]{opacity:0;transform:translateY(18px)}}
#collection-gallery::backdrop{background:rgba(18,16,14,0);transition:background 320ms,display 480ms allow-discrete,overlay 480ms allow-discrete}
#collection-gallery[open]::backdrop{background:rgba(18,16,14,.16)}
@starting-style{#collection-gallery[open]::backdrop{background:rgba(18,16,14,0)}}
.site-toolbar nav :is(a,button){position:relative;transition:color 200ms ease}
.site-toolbar nav :is(a,button)::after{content:"";position:absolute;bottom:7px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 260ms cubic-bezier(.16,1,.3,1)}
@media(hover:hover){.site-toolbar nav :is(a,button):hover::after{transform:scaleX(1)}}
.site-toolbar nav :is(a,button):focus-visible::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 #collection-gallery,#collection-gallery::backdrop,.site-toolbar nav :is(a,button),.site-toolbar nav :is(a,button)::after{transition:none!important}
 #collection-gallery{transform:none}
}