html{scroll-behavior:smooth;scroll-padding-top:var(--scroll-offset)}
@keyframes enter-up{from{opacity:0;transform:translateY(var(--reveal-distance))}to{opacity:1;transform:translateY(0)}}
@keyframes enter-photo{from{opacity:0;transform:translateY(var(--photo-distance)) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes enter-dialog{from{opacity:0;transform:translateY(var(--dialog-distance)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.reveal.is-revealed{animation:enter-up var(--motion-reveal) var(--ease-entrance) both;animation-delay:var(--entry-delay,0ms)}
.hero-photo.reveal.is-revealed{animation-name:enter-photo;animation-duration:var(--motion-photo)}
dialog[open]{animation:enter-dialog var(--motion-dialog) var(--ease-entrance) both}
.button,.consult,.header nav a,.nav-order{transition:background-color var(--motion-hover),color var(--motion-hover)}
.gallery-thumbs button{transition:border-color var(--motion-hover),background-color var(--motion-hover)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal.is-revealed,dialog[open]{animation:none}*{transition:none!important}}