/* Keep scrolling native; avoid repaint-heavy backdrop blur on moving layers. */
.hero-announcement,.hero-service-card,.photo-label,.food-card{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.hero-announcement{background:rgba(77,72,63,.75)}
.hero-service-card{background:rgba(133,126,109,.94)}
.hero-card-home{background:rgba(125,125,104,.94)}
.photo-label{background:rgba(73,62,52,.94)}
.food-card{background:rgba(128,122,105,.65)}
.page-header{background:var(--cream)}
.mobile-call{background:var(--cream)}
html{scroll-padding-top:134px}
.btn,.hero-service-card,.service-card,.rate-card,.contact-method{
  transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,transform 220ms cubic-bezier(.22,1,.36,1);
}
.btn svg,.btn>span[aria-hidden],.text-link>span[aria-hidden]{
  transition:transform 220ms cubic-bezier(.22,1,.36,1);
}
.gallery-item img{transition:transform 420ms cubic-bezier(.22,1,.36,1)}
.btn:hover,.hero-service-card:hover,.gallery-item:hover img{transform:none}
@media(hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-2px)}
  .btn:hover svg,.btn:hover>span[aria-hidden],.text-link:hover>span[aria-hidden]{transform:translateX(3px)}
  .hero-service-card:hover,.service-card:hover,.rate-card:hover,.contact-method:hover{transform:translateY(-3px)}
  .gallery-item:hover img{transform:scale(1.025)}
}
.btn:active{transform:translateY(0) scale(.98)}
dialog[open]{animation:dialog-enter 180ms cubic-bezier(.22,1,.36,1)}
@keyframes dialog-enter{from{opacity:.8;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:800px){html{scroll-padding-top:118px}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .btn:hover,.btn:active,.hero-service-card:hover,.service-card:hover,.rate-card:hover,.contact-method:hover,.gallery-item:hover img,.btn:hover svg,.btn:hover>span[aria-hidden],.text-link:hover>span[aria-hidden]{transform:none}
}

/* Stable scroll: no large card/image transforms or translucent repaint layers. */
.hero-announcement{background:#575348}
.hero-service-card{background:#857e6d}
.hero-card-home{background:#7d7d68}
.photo-label{background:#493e34}
.food-card{background:#6d6758}
.hero-v2{isolation:isolate}
.gallery-item img{transition:none}
.hero-service-card,.service-card,.rate-card,.contact-method{transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}
.hero-service-card:hover,.service-card:hover,.rate-card:hover,.contact-method:hover,.gallery-item:hover img{transform:none}
html{scrollbar-gutter:stable}