/* Gumba's v8: cinematic restaurant hero. Existing brand typography and colors retained. */
.cinema-hero{position:relative;isolation:isolate;min-height:560px;height:calc(100svh - 150px);max-height:850px;background:#241413;color:#fff8ee;overflow:hidden}
.cinema-stage{position:absolute;inset:0;z-index:-1;background:#241413}
.cinema-poster,.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.cinema-video{opacity:0;transition:opacity .6s ease}
.cinema-hero.is-playing .cinema-video,.cinema-hero.has-frame .cinema-video{opacity:1}
.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,12,13,.77),rgba(31,12,13,.28) 48%,rgba(20,15,12,.03) 78%),linear-gradient(0deg,rgba(24,10,11,.75),transparent 48%)}
.cinema-content{height:100%;display:flex;align-items:flex-end;padding-top:70px;padding-bottom:100px;pointer-events:none}
.cinema-copy{max-width:650px;pointer-events:auto}
.cinema-copy .eyebrow{color:#fff5e7;font-size:11px;font-weight:600;letter-spacing:.12em;margin-bottom:22px}
.cinema-copy h1{font-size:clamp(44px,4.7vw,74px);font-weight:400;line-height:1.06;letter-spacing:-.035em;margin:0;color:inherit}
.cinema-lede{font-size:16px;line-height:1.65;max-width:350px;margin:23px 0 0;color:#fff5e7}
.cinema-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.cinema-actions .button{background:#a73537;border-color:#a73537;color:white;min-height:49px;white-space:nowrap}
.cinema-actions .button.outline{background:rgba(24,12,11,.32);border-color:#fff8ee8f;color:#fff8ee}
.cinema-actions .button:hover{background:#882b2d;border-color:#882b2d}
.cinema-actions .button.outline:hover{background:#fff8ee;color:#351c1a;border-color:#fff8ee}
.cinema-controls{position:absolute;bottom:27px;right:max(30px,calc((100vw - 1280px)/2));display:flex;gap:20px;align-items:center}
.cinema-watch{display:flex;align-items:center;gap:10px;font-size:13px;color:#fff8ee;min-height:44px;text-shadow:0 1px 5px #000}
.cinema-duration{font-size:11px;opacity:.75;font-variant-numeric:tabular-nums;margin-left:8px}
.cinema-toggle{width:46px;height:46px;display:grid;place-items:center;border:1px solid #fff8ee9e;border-radius:50%;background:#26171766;color:#fff8ee;cursor:pointer}
.cinema-toggle[hidden]{display:none}.cinema-toggle .icon:last-child{display:none}.cinema-toggle[data-paused=true] .icon:first-child{display:none}.cinema-toggle[data-paused=true] .icon:last-child{display:block}
.cinema-toggle:hover{background:#261717c9}.cinema-hero :focus-visible{outline:2px solid white;outline-offset:5px}
.restaurant-film-dialog{width:min(1120px,calc(100% - 32px));max-width:none;padding:20px;border:1px solid #6c5145;background:#201816;color:#fff8ee;border-radius:4px;max-height:90dvh;overflow:auto}
.restaurant-film-dialog::backdrop{background:#0c0808e6;backdrop-filter:blur(6px)}
.restaurant-film-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.restaurant-film-heading h2{font-size:24px;margin:0;color:inherit}.restaurant-film-heading .icon-button{color:#fff8ee;flex-shrink:0}
#restaurant-film-full{display:block;width:100%;max-height:70dvh;aspect-ratio:16/9;object-fit:contain;background:#100b0a}.restaurant-film-dialog>p{font-size:12px;line-height:1.5;color:#d6c7be;margin:16px 0 0}
@media(min-width:761px) and (max-width:1100px){.cinema-copy{max-width:520px}.cinema-copy h1{font-size:52px}.cinema-content{padding-bottom:95px}.cinema-shade{background:linear-gradient(90deg,#1f0c0dd6,#1f0c0d40 70%),linear-gradient(0deg,#180a0bc4,transparent 65%)}}
@media(max-width:760px){
 .cinema-hero{min-height:0;height:auto;max-height:none;padding-bottom:0;background:#432324}
 .cinema-stage{position:relative;inset:auto;width:100%;aspect-ratio:16/9;z-index:0}
 .cinema-poster,.cinema-video{object-fit:contain;object-position:center}
 .cinema-shade{background:linear-gradient(0deg,rgba(67,35,36,.65),transparent 28%)}
 .cinema-content{height:auto;padding:30px 0 34px;display:block}.cinema-copy{max-width:540px}
 .cinema-copy .eyebrow{font-size:9px;letter-spacing:.10em;margin-bottom:16px}
 .cinema-copy h1{font-size:clamp(35px,8.8vw,54px);line-height:1.08;letter-spacing:-.035em}
 .cinema-lede{font-size:14px;line-height:1.6;max-width:370px;margin-top:16px}
 .cinema-actions{gap:10px;margin-top:22px}.cinema-actions .button{font-size:12px;padding:13px 14px;gap:9px;min-height:46px}
 .cinema-controls{top:calc(56.25vw - 55px);bottom:auto;left:20px;right:20px;justify-content:space-between;gap:12px}
 .cinema-watch{font-size:12px}.cinema-toggle{width:40px;height:40px;background:#261717a6}.cinema-duration{display:none}
 .restaurant-film-dialog{padding:12px}.restaurant-film-heading h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.cinema-video{transition:none}}
/* v10: preserve the entire 16:9 frame at every desktop viewport. */
@media(min-width:761px){
 .home-page{--header:72px}
 .home-page .site-header .header-inner{height:72px;min-height:72px}
 .cinema-hero{height:calc(100svh - 72px);min-height:510px;max-height:960px;background:#241917}
 .cinema-stage{left:28%;z-index:0;overflow:hidden}
 .cinema-poster,.cinema-video{object-fit:contain;object-position:center}
 .cinema-poster{opacity:.65}
 .cinema-video{background:#241917}
 .cinema-shade{background:linear-gradient(90deg,#241917 0%,transparent 8%);pointer-events:none}
 .cinema-content{position:relative;z-index:1;align-items:center;width:100%;max-width:none;padding:40px 0 80px 4vw;pointer-events:none}
 .cinema-copy{width:27vw;max-width:420px;padding-right:26px}
 .cinema-copy .eyebrow{font-size:10px;max-width:250px;line-height:1.7}
 .cinema-copy h1{font-size:clamp(38px,3.25vw,60px);line-height:1.08}
 .cinema-lede{font-size:14px;max-width:285px}
 .cinema-actions{flex-direction:column;align-items:flex-start;gap:12px}
 .cinema-actions .button{font-size:12px;min-width:182px;justify-content:space-between}
 .cinema-controls{z-index:2;bottom:25px;right:4vw}
 .home-page .visit-location{position:relative;margin-top:-1px;background:transparent;border:none}
 .home-page .visit-location>.wrap{min-height:48px}
}
@media(min-width:761px) and (max-width:1100px){
 .cinema-stage{left:34%}.cinema-copy{width:33vw;padding-right:22px}.cinema-copy h1{font-size:38px}
}
/* v11: full width, original frame ratio, no side panel or letterbox gutters. */
.cinema-motion-surface{position:absolute;inset:0;border:0;background:transparent;z-index:1;cursor:default}
.cinema-motion-surface[hidden]{display:none}
.cinema-motion-surface:focus-visible{outline:2px solid #fff8ee;outline-offset:-6px}
.cinema-motion-surface:focus-visible::after{content:attr(aria-label);position:absolute;right:24px;bottom:24px;padding:12px 18px;background:#241917;color:#fff8ee;border:1px solid #fff8ee;font-size:13px}
@media(min-width:761px){
 .cinema-hero{height:auto;aspect-ratio:16/9;min-height:0;max-height:none}
 .cinema-stage{inset:0}.cinema-poster,.cinema-video{object-fit:contain;object-position:center}
 .cinema-shade{background:linear-gradient(90deg,rgba(25,13,11,.64),rgba(25,13,11,.2) 38%,transparent 67%)}
 .cinema-content{position:absolute;inset:0;z-index:2;align-items:flex-start;padding:clamp(50px,7vw,135px) 5vw 30px;pointer-events:none}
 .cinema-copy{width:40%;max-width:620px;padding:0;pointer-events:none}
 .cinema-copy h1{font-size:clamp(44px,4.5vw,78px);line-height:1.06}
 .cinema-copy .eyebrow{max-width:none;font-size:10px;line-height:1.5}
 .cinema-lede{max-width:340px;font-size:15px;text-shadow:0 1px 8px #241917}
 .cinema-actions{flex-direction:row;align-items:center;pointer-events:auto}
 .cinema-actions .button{min-width:0;font-size:13px}
}
@media(max-width:760px){.cinema-motion-surface{bottom:auto;aspect-ratio:16/9;height:auto}.cinema-content{position:relative;z-index:2}}
/* v12: navigation floats over the film; no separate band above the picture. */
@media(min-width:761px){
 .home-page .site-header{position:fixed;inset:0 0 auto;width:100%;transition:background-color 240ms linear,color 240ms linear}
 .home-page .site-header.over-hero{background:linear-gradient(180deg,#17100ddd, #17100d66 72%,transparent);border-color:transparent;color:#fff8ee}
 .home-page .site-header.over-hero .brand-word,.home-page .site-header.over-hero .brand-dot,.home-page .site-header.over-hero .brand-caption{color:#fff8ee}
 .home-page .site-header.over-hero .desktop-nav>a,.home-page .site-header.over-hero summary,.home-page .site-header.over-hero .header-order,.home-page .site-header.over-hero .language-button,.home-page .site-header.over-hero .mobile-menu-toggle{color:#fff8ee;text-shadow:0 1px 5px #0008}
 .home-page .site-header.over-hero .dropdown-links{color:var(--ink);text-shadow:none}
 .home-page .site-header.over-hero .desktop-nav>[aria-current]{text-decoration:underline;text-underline-offset:6px}
 .cinema-hero{height:auto;aspect-ratio:16/9;min-height:0}
 .cinema-poster,.cinema-video{object-fit:contain;object-position:center}
 .cinema-content{padding-top:clamp(120px,10vw,170px)}
}
@media(prefers-reduced-motion:reduce){.home-page .site-header{transition:none}}