/* The reference site's slow photographic movement, soft reveals and responsive controls. */
.site-header{transition:box-shadow .35s ease,background .35s ease}
.site-header.is-scrolled{box-shadow:0 3px 20px #3029220b}
.button,.menu-pagination button,.categories button,.mobile-bar a{transition:background-color .25s ease,color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}
.button svg,.text-link svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.hero-photo{overflow:hidden}.hero-photo>img{transform-origin:50% 38%}
.storefront-preview img{transition:transform .9s cubic-bezier(.16,1,.3,1)}
.menu-teaser{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,background-color .25s ease}
.pizza{transition:background-color .25s ease}
.motion-enabled.lenis,.motion-enabled.lenis body{scroll-behavior:auto!important}
.main-nav.has-sliding-indicator{position:relative}
.main-nav.has-sliding-indicator>a[aria-current]{border-bottom-color:transparent}
.main-nav.has-sliding-indicator::after{content:'';position:absolute;left:0;bottom:0;width:var(--nav-line-width,0px);height:2px;border-radius:2px;background:var(--red);transform:translateX(var(--nav-line-x,0px));pointer-events:none}
.main-nav.indicator-ready::after{transition:transform .42s cubic-bezier(.16,1,.3,1),width .42s cubic-bezier(.16,1,.3,1)}
.main-nav>a{transition:color .2s ease,background-color .2s ease}
.main-nav>a:hover,.main-nav>a:focus-visible{color:var(--red)}
@media(hover:hover) and (pointer:fine){
 .button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #943c2d20}
 .button:hover svg:last-child,.text-link:hover svg:last-child{transform:translateX(3px)}
 .header-call:hover svg,.order-card .button:hover svg{transform:rotate(-7deg)}
 .storefront-preview:hover img{transform:scale(1.045)}
 .menu-teaser:hover{transform:translateY(-4px);box-shadow:0 10px 22px #30292212}
 .pizza:hover{background-color:#eee5d547}
 .categories button:hover,.menu-pagination button:hover:not(:disabled){transform:translateY(-1px)}
}
.button:active,.mobile-bar a:active,.categories button:active,.menu-pagination button:active:not(:disabled){transform:scale(.98)}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .hero-photo>img{transform:none!important;translate:none!important}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}