/* One continuous 30-second film, one sticky viewport, one scroll timeline. */
.continuous-journey,.motion-paused .continuous-journey{height:775svh}
.continuous-journey .scene-sticky{height:100svh;min-height:480px;position:sticky}
.journey-marker{position:absolute;width:1px;height:1px;pointer-events:none}
.journey-copy{position:absolute;z-index:2;left:8vw;top:27%;max-width:600px}
.journey-copy[hidden]{display:none}
.journey-copy h1{font-size:clamp(80px,8.8vw,140px);line-height:.9;letter-spacing:-3px}
.journey-copy h2{font-size:clamp(60px,6.2vw,96px);line-height:.98}
.journey-copy em{color:#e2c6a3}
.journey-copy .text-link{background:none;color:var(--ink)}
.journey-shade{background:linear-gradient(90deg,#050a09b8 0%,#050a0970 30%,transparent 68%),linear-gradient(0deg,#0b0d0ccf,transparent 28%,transparent 78%,#080b0a60)}
.scroll-invitation{position:absolute;z-index:2;bottom:92px;left:8vw;font-size:10px;letter-spacing:1px;color:#d7cebb}
.continuous-journey:not([data-phase="0"]) .scroll-invitation{display:none}
.static-media .continuous-journey{height:100svh;min-height:680px}
.static-media .continuous-journey .scene-sticky{position:relative}
@media(max-width:700px){
 .continuous-journey,.motion-paused .continuous-journey{height:750svh}
 .continuous-journey .scene-sticky{min-height:480px}
 .journey-copy{left:25px;right:25px;top:26%;max-width:none}
 .journey-copy h1{font-size:clamp(65px,18vw,86px);letter-spacing:-2.6px}
 .journey-copy h2{font-size:clamp(48px,13vw,65px);letter-spacing:-1.8px}
 .journey-copy .eyebrow{font-size:8px;margin-bottom:18px}
 .journey-copy .scene-description{font-size:12px;line-height:1.85;margin:22px 0}
 .journey-copy.food-copy{top:15%}
 .journey-copy.food-copy .scene-description{margin:18px 0 4px}
 .journey-copy.food-copy .text-link{font-size:11px}
 .journey-shade{background:linear-gradient(180deg,#07100a55 0%,#07100a88 20%,#07100a22 49%,transparent 66%,#07100ac9 100%)}
 .journey-bottom{left:25px;right:25px;bottom:22px;gap:15px;font-size:9px}
 .journey-bottom p{display:none}.journey-bottom .motion-toggle{font-size:8px}
 .scroll-invitation{left:25px;bottom:80px;font-size:9px}
 .static-media .continuous-journey{height:100svh;min-height:580px}
}
@media(max-height:550px) and (orientation:landscape){.journey-copy{top:23%}.journey-copy h1,.journey-copy h2{font-size:48px}.journey-copy .eyebrow{margin-bottom:8px}.journey-copy .scene-description{font-size:11px;margin:12px 0}.scroll-invitation{display:none}.continuous-journey .scene-sticky{min-height:100svh}}
@media(prefers-reduced-motion:reduce){.continuous-journey,.motion-paused .continuous-journey{height:100svh;min-height:580px}.continuous-journey .scene-sticky{position:relative}.scroll-invitation{display:none}}

/* Preserve the storefront above the mobile opening title. */
@media(max-width:700px){.journey-copy.arrival-copy{top:54%}.journey-copy.arrival-copy h1{font-size:clamp(48px,15vw,64px);line-height:.94}.journey-copy.arrival-copy .eyebrow{margin-bottom:12px}.journey-copy.arrival-copy .scene-description{margin:14px 0;font-size:11px}.journey-copy.arrival-copy .button{padding:12px 17px;font-size:10px}}
@media(max-width:700px) and (max-height:700px){.journey-copy.arrival-copy{top:49%}.journey-copy.arrival-copy .scene-description{display:none}.journey-copy.arrival-copy .button{margin-top:18px}}

/* ELEVEN11 · ajustes de produção (27/10/2026) */
/* Filme: troca suave do poster para o vídeo (mouse) ou para os quadros (toque). */
.scene-video:not([hidden]),.scene-frames:not([hidden]){animation:cz-in .45s ease both}
@keyframes cz-in{from{opacity:0}}
/* Celular em pé com 701 a 800 px de altura (360x740, 375x812…): o convite "Role para viver a visita" ficava sob o botão
   "Entre com a gente". O título sobe um pouco, ainda abaixo da fachada. */
@media(max-width:700px) and (min-height:701px) and (max-height:800px){.journey-copy.arrival-copy{top:50%}}
/* Celular deitado e telas baixas (até 520 px de altura). Na V6 o cabeçalho de 100 px ocupava um quarto da tela, o título
   encostava nele, o botão cobria o capítulo e os círculos do percurso cobriam "Pausar movimento". */
@media(orientation:landscape) and (max-height:520px){
 html{scroll-padding-top:62px}
 .header,.header.scrolled{height:62px}
 .brand{width:132px}.brand-wordmark{height:28px}.brand-caption{font-size:6px;letter-spacing:1.8px;margin-top:1px}
 .nav{gap:22px;font-size:11px}.nav-reserve{padding:6px 14px;gap:16px}
 .journey-nav{display:none}
 .journey-copy,.journey-copy.food-copy,.journey-copy.arrival-copy{top:calc(50% + 16px);transform:translateY(-50%)}
 .journey-copy h1,.journey-copy.arrival-copy h1{font-size:clamp(38px,12.5vh,52px);line-height:.92}
 .journey-copy h2{font-size:clamp(34px,11vh,46px)}
 .journey-copy .scene-description{display:none}
 .journey-copy .button,.journey-copy.arrival-copy .button{margin-top:16px;min-height:44px;padding:10px 17px;font-size:10px}
 .journey-copy .text-link{margin-top:6px}
 .journey-bottom{bottom:10px}.journey-bottom p{display:none}
}
/* Rodapé: endereço completo (reforço de nome, endereço e contato para SEO local) e atalhos para os canais da casa. */
.footer-bottom address{font-style:normal}
.footer-links{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:-8px}
.footer-links a{display:inline-flex;align-items:center;min-height:32px;transition:color .2s}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--ink)}
@media(max-width:700px){.footer-links{gap:2px 24px;margin-top:-4px}.footer-links a{min-height:44px}}