.hero-image{overflow:hidden;touch-action:pan-y}.hero-image .hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease;object-fit:cover}.hero-image .hero-slide.is-active{opacity:1}.hero-image .photo-note{top:1rem;bottom:auto;z-index:2;font-size:.875rem}.hero-slide-controls{position:absolute;bottom:18px;left:18px;right:18px;z-index:3;display:flex;justify-content:center;align-items:center;gap:10px;direction:ltr}.hero-slide-controls button{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:1px solid #ffffff80;border-radius:50%;background:#292b22d9;color:white;cursor:pointer;font:22px Arial,sans-serif}.hero-slide-controls button:focus-visible{outline:3px solid white;outline-offset:3px}.hero-slide-dots{display:flex;gap:0}.hero-slide-controls .hero-dot{min-width:30px;width:30px;padding:0;border:0;background:transparent}.hero-dot:before{content:'';width:9px;height:9px;background:#ffffff80;border:1px solid white;border-radius:50%}.hero-dot[aria-current="true"]:before{background:white}.hero-slide-controls .hero-pause{font-size:16px}.hero-image:focus-visible{outline:3px solid white;outline-offset:-5px}@media(prefers-reduced-motion:reduce){.hero-image .hero-slide{transition:none}}

/* Photo framing: keep food central in both hero aspect ratios. */
.hero-image .hero-slide{image-rendering:auto;object-position:50% var(--photo-focus,50%)}
.hero-image .hero-slide:nth-of-type(1){--photo-focus:58%}
.hero-image .hero-slide:nth-of-type(3){--photo-focus:66%}
.hero-image .hero-slide:nth-of-type(4){--photo-focus:47%}
.hero-image .hero-slide:nth-of-type(5){--photo-focus:64%}