/* Five copies of the supplied second logo, on the nebula behind the page. */
.restaurant-logo-page { position:relative; min-height:100vh; }
.restaurant-logo-page main { position:relative; z-index:1; }
.def-eat-it-background { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.def-eat-it-background img { position:absolute; width:clamp(110px,calc((100vw - 950px) / 2),225px); height:auto; opacity:.9; }
.def-eat-it-background img:nth-child(1) { left:12px; top:14%; transform:rotate(-17deg) skewX(-8deg); }
.def-eat-it-background img:nth-child(2) { right:12px; top:30%; transform:rotate(19deg) skewX(8deg); }
.def-eat-it-background img:nth-child(3) { left:8px; top:49%; transform:rotate(14deg) skewX(7deg); }
.def-eat-it-background img:nth-child(4) { right:10px; top:73%; transform:rotate(-15deg) skewX(-8deg); }
.def-eat-it-background img:nth-child(5) { left:14px; top:87%; transform:rotate(-21deg) skewX(-6deg); }
/* Narrow layouts get open nebula bands above and below the content. */
@media (max-width:1150px) {
 .restaurant-logo-page { padding-top:105px; padding-bottom:110px; }
 .def-eat-it-background { position:absolute; }
 .def-eat-it-background img { width:clamp(78px,22vw,180px); }
 .def-eat-it-background img:nth-child(1) { left:5%; top:24px; transform:rotate(-14deg) skewX(-8deg); }
 .def-eat-it-background img:nth-child(2) { right:39%; top:61px; transform:rotate(12deg) skewX(7deg); }
 .def-eat-it-background img:nth-child(3) { left:auto; right:4%; top:25px; transform:rotate(-12deg) skewX(-7deg); }
 .def-eat-it-background img:nth-child(4) { right:12%; top:auto; bottom:48px; transform:rotate(15deg) skewX(8deg); }
 .def-eat-it-background img:nth-child(5) { left:9%; top:auto; bottom:61px; transform:rotate(-16deg) skewX(-8deg); }
}