.hero.motion-hero{position:relative;isolation:isolate;display:flex;align-items:center;width:calc(100% + 128px);margin-left:-64px;min-height:640px;padding:90px 64px 110px;overflow:hidden;box-shadow:none;clip-path:none;background:var(--dark)}
.hero-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--dark)}
.hero-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,17,.86) 0%,rgba(18,18,17,.67) 45%,rgba(18,18,17,.2) 100%)}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:0;transition:opacity 1.4s ease;transform:scale(1.06)}
.hero-slide.is-active{opacity:1}
.is-playing .hero-slide{animation:hero-drift 16s ease-in-out infinite alternate}
@keyframes hero-drift{from{transform:scale(1.06)}to{transform:scale(1.15)}}
.hero-copy{width:100%;max-width:720px}
.motion-hero h1{max-width:720px;text-shadow:0 2px 20px #0003}
.motion-hero p.description{color:#f2eee7;max-width:510px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-actions .button{gap:16px}
.hero-actions .button.outline{background:#24232150;color:#fff;border-color:#ffffff90}
.hero-actions .button.outline:hover{background:#ffffff20}
.motion-hero .hero-note{color:#e4dfd5;font-size:14px;margin-top:20px}
.motion-toggle{position:absolute;right:32px;bottom:24px;min-height:44px;padding:9px 16px;background:#242321b3;color:#fff;border:1px solid #ffffff70;border-radius:24px;font:inherit;font-size:13px;cursor:pointer}
.motion-toggle[hidden]{display:none}
.motion-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.app-launch{scroll-margin-top:35px;border-top:1px solid var(--line);margin-top:26px;padding-top:10px}
@media(max-width:1000px){.hero.motion-hero{width:calc(100% + 64px);margin-left:-32px;padding:72px 32px 100px;min-height:600px}}
@media(max-width:700px){.hero.motion-hero{width:calc(100% + 44px);margin-left:-22px;min-height:610px;padding:64px 22px 100px}.hero-backdrop::after{background:linear-gradient(90deg,#121211d9,#12121185),linear-gradient(0deg,#12121180,transparent)}.hero-slide{object-position:62% center}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.motion-hero h1{font-size:clamp(42px,10.5vw,63px)}.motion-toggle{right:22px;bottom:22px}}
@media(prefers-reduced-motion:reduce){.hero-slide{animation:none!important;transition:none;transform:none}.motion-toggle{display:none}}

/* The download action is visible ahead of launch, but has no active target. */
.download-action{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.download-status{font-size:13px;text-align:center;line-height:1.4}
.button.download-button:disabled{opacity:.75;cursor:not-allowed;pointer-events:none}
body:not(.business) .hero-actions{align-items:flex-start}
.app-launch .download-action{display:inline-flex;margin-top:18px}
@media(max-width:700px){.hero-actions .download-action{width:100%}}

/* Real footage, independently selected for each audience. */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--dark)}
@media(max-width:700px){.guest-page .hero-video{object-position:58% center}.restaurant-page .hero-video{object-position:50% center}}
@media(prefers-reduced-motion:reduce){.motion-toggle:not([hidden]){display:block}}