.restaurantFilm[hidden],.restaurantFilm [hidden],.restaurantFilmDialog [hidden],.restaurantFilmOwner[hidden]{display:none!important}
.restaurantFilm{border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);overflow:hidden}
.restaurantFilm>button{position:relative;display:grid;place-items:center;isolation:isolate;width:100%;height:clamp(108px,26vw,192px);border:0;padding:0;cursor:pointer;background:linear-gradient(135deg,var(--gv-raised,var(--card)),var(--bg));color:var(--ink)}
.restaurantFilm>button img{z-index:-1;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.restaurantFilmPlay{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--accent2);border-radius:50%;background:var(--card);color:var(--accent2);font-size:20px}
.restaurantFilmText{display:flex;justify-content:space-between;align-items:baseline;gap:7px 16px;flex-wrap:wrap;padding:12px 17px}
.restaurantFilmText h2,.restaurantFilmDialog h2{margin:0;font:500 23px/1.2 Fraunces,Georgia,serif;color:var(--ink);overflow-wrap:anywhere}
.restaurantFilmText span{font-size:12px;color:var(--ink2)}
/* The photographic covers keep the subject clear of the title and the play control. */
#restaurantFilm.photoCover{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}
#restaurantFilm.photoCover>button{position:relative;grid-area:1/1;display:block;width:100%;height:auto;min-height:0;max-height:358px;aspect-ratio:4/3;border:0;padding:0;isolation:isolate;background:#281e17}
#restaurantFilm.lunaFilm.photoCover>button{aspect-ratio:16/9}
#restaurantFilm.photoCover>button img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 70%}
#restaurantFilm.photoCover>button::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(24,12,9,.95) 0,rgba(26,15,11,.78) 9%,rgba(30,18,12,.3) 25%,rgba(30,18,12,0) 42%)}
#restaurantFilm.photoCover .restaurantFilmPlay{position:absolute;z-index:2;right:clamp(12px,2.6vw,19px);top:clamp(12px,2.6vw,19px);margin:0;width:46px;height:46px;padding-left:2px;border:1.5px solid #ead6ae;border-radius:50%;color:#fff6df;background:rgba(50,30,23,.88);box-shadow:0 2px 10px #1a110e3d;font-size:19px}
#restaurantFilm.photoCover .restaurantFilmText{position:absolute;grid-area:auto;inset:auto 0 0;z-index:3;display:block;padding:12px clamp(16px,3.5vw,24px) clamp(13px,2.5vw,20px);pointer-events:none}
#restaurantFilm.photoCover .restaurantFilmText h2{margin:0;color:#fff8e9;font:500 clamp(24px,4.9vw,33px)/1.12 Fraunces,Georgia,serif;letter-spacing:-.016em;text-shadow:0 1px 4px #1f110887}
#restaurantFilm.photoCover .restaurantFilmText span{display:none}
#restaurantFilm.photoCover>button:focus-visible{outline:3px solid #f7d397;outline-offset:-4px}
@media(max-width:355px){#restaurantFilm.photoCover .restaurantFilmPlay{width:42px;height:42px;font-size:17px}}
.restaurantFilmDialog{width:min(620px,94vw);max-height:90dvh;overflow:auto;margin:auto;padding:16px;border:1px solid var(--accent2,var(--line));border-radius:14px;background:var(--card);color:var(--ink);box-shadow:0 24px 64px #0007}
.restaurantFilmDialog::backdrop{background:#120c0ed1}
.restaurantFilmDialog>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.restaurantFilmDialog button,.restaurantFilmOwner button{min-height:44px;cursor:pointer}
.restaurantFilmDialog button{padding:6px 15px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--card)}
.restaurantFilmDialog video{display:block;max-height:68dvh;max-width:100%;width:100%;background:#171517}
.restaurantFilm button:focus-visible,.restaurantFilmDialog button:focus-visible{outline:3px solid var(--accent2);outline-offset:-3px}
.restaurantFilmOwner{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.restaurantFilmOwner fieldset{margin:10px 0;padding:0;border:0;display:grid;gap:12px;min-width:0}
.restaurantFilmOwner label{display:block;font-weight:600}
.restaurantFilmOwner input[type=file]{display:block;width:100%;max-width:100%;margin-top:5px}
.restaurantFilmOwner .filmActions{display:flex;flex-wrap:wrap;gap:8px}
.restaurantFilmOwner .filmStatus{font-size:13px;line-height:1.5;margin:8px 0}
.restaurantFilmOwner .filmCover{width:min(100%,320px);max-height:170px;object-fit:cover;border-radius:8px}
.restaurantFilmOwner .filmCover[hidden]{display:none!important}