:root{--ml-motion-ease:cubic-bezier(.22,1,.36,1)}
@view-transition{navigation:auto}
::view-transition{pointer-events:none}
::view-transition-old(root){animation:ml-page-out .18s ease both}
::view-transition-new(root){animation:ml-page-in .36s var(--ml-motion-ease) both}
@keyframes ml-page-out{to{opacity:0}}
@keyframes ml-page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ml-menu-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ml-gallery .ml-nav-panel{transform-origin:top center}
.ml-gallery .ml-desktop-nav details[open] .ml-nav-panel{animation:ml-menu-in .26s var(--ml-motion-ease) both}
.ml-gallery .ml-button,.ml-gallery .ml-carousel-button{transition:background-color .24s ease,color .24s ease,border-color .24s ease,transform .3s var(--ml-motion-ease)}
.ml-gallery .ml-button .ml-arrow,.ml-gallery .ml-text-link .ml-arrow,.ml-gallery .ml-carousel-button .ml-arrow{transition:transform .35s var(--ml-motion-ease)}
.ml-gallery .ml-text-link{transition:border-color .25s ease,color .25s ease}
.ml-gallery .ml-desktop-nav>a,.ml-gallery .ml-desktop-nav summary{position:relative}
.ml-gallery .ml-desktop-nav>a::after,.ml-gallery .ml-desktop-nav summary::before{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ml-motion-ease)}
.ml-gallery .ml-print-image,.ml-gallery .ml-feature-media,.ml-gallery .ml-showcase-image,.ml-gallery .ml-artist-landscape>a,.ml-gallery .ml-guide-finish>a:first-child{overflow:hidden}
.ml-gallery .ml-print-image img,.ml-gallery .ml-feature-media img,.ml-gallery .ml-showcase-image img,.ml-gallery .ml-artist-landscape img,.ml-gallery .ml-guide-finish img{transition:transform .9s var(--ml-motion-ease)}
.ml-gallery .ml-collection{transition:transform .45s var(--ml-motion-ease)}
@media(hover:hover) and (pointer:fine){
 .ml-gallery .ml-button:hover,.ml-gallery .ml-carousel-button:not(:disabled):hover{transform:translateY(-2px)}
 .ml-gallery .ml-button:hover .ml-arrow,.ml-gallery .ml-text-link:hover .ml-arrow{transform:translateX(4px)}
 .ml-gallery .ml-carousel-button:not(:disabled):hover{border-color:var(--ml-chalk)}
 .ml-gallery .ml-desktop-nav>a:hover::after,.ml-gallery .ml-desktop-nav summary:hover::before,.ml-gallery .ml-desktop-nav details[open]>summary::before{transform:scaleX(1)}
 .ml-gallery .ml-print:hover .ml-print-image img,.ml-gallery .ml-feature-media:hover img,.ml-gallery .ml-showcase-image:hover img,.ml-gallery .ml-artist-landscape>a:hover img,.ml-gallery .ml-guide-finish>a:first-child:hover img{transform:scale(1.025)}
 .ml-gallery .ml-collection:hover{transform:translateY(-3px)}
}
.ml-gallery .ml-button:active,.ml-gallery .ml-carousel-button:not(:disabled):active{transform:translateY(0) scale(.98)}
.ml-gallery .ml-desktop-nav>a:focus-visible::after,.ml-gallery .ml-desktop-nav summary:focus-visible::before{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
 .ml-gallery .ml-button,.ml-gallery .ml-carousel-button,.ml-gallery .ml-collection,.ml-gallery .ml-print-image img,.ml-gallery .ml-feature-media img,.ml-gallery .ml-showcase-image img,.ml-gallery .ml-artist-landscape img,.ml-gallery .ml-guide-finish img,.ml-gallery .ml-arrow,.ml-gallery .ml-desktop-nav>a::after,.ml-gallery .ml-desktop-nav summary::before{transition:none!important;transform:none!important}
 .ml-gallery .ml-desktop-nav details[open] .ml-nav-panel{animation:none!important}
}

.ml-gallery .ml-desktop-nav>a:hover{text-decoration:none}
