.hero { overflow: hidden; }
@media (prefers-reduced-motion: no-preference) {
  .hero-image { animation: hero-drift 22s ease-in-out infinite alternate; transform-origin: center center; }
  @keyframes hero-drift { from { transform: scale(1); } to { transform: scale(1.07); } }
}
.mission, .chefs { position: relative; isolation: isolate; }
.mission { overflow: clip; }
.mission::after, .chefs::after { content: ''; position: absolute; pointer-events: none; z-index: -1; width: clamp(140px, 19vw, 280px); aspect-ratio: 4/5; opacity: .08; background-position: center; background-repeat: no-repeat; background-size: contain; mix-blend-mode: multiply; }
.mission::after { background-image: url('assets/1.png'); top: 8%; right: 2%; transform: rotate(-16deg); }
.chefs::after { background-image: url('assets/4.png'); bottom: 2%; right: 1%; transform: rotate(14deg); }
#reservation-form .privacy-check { display: flex; align-items: flex-start; gap: .7rem; margin: 1rem 0; font-size: .88rem; line-height: 1.4; }
#reservation-form .privacy-check input { width: 19px; height: 19px; flex: 0 0 19px; margin: .1rem 0 0; accent-color: #9d3835; }
#reservation-form .privacy-check a { color: inherit; text-decoration: underline; }
@media (max-width: 700px) { .mission::after, .chefs::after { width: 125px; opacity: .06; } }
