/* Заставка сайта ресторана: поверх всего, тёмная сцена, название и слоган; подпись SKYCORP — тихо в углу. */
html.splash-on,html.splash-on body{overflow:hidden}
.splash{position:fixed;inset:0;z-index:200;display:grid;place-items:center;overflow:hidden;background:#07040a;color:#fff;font-family:Onest,system-ui,sans-serif}
.splash-bg{position:absolute;inset:0;width:100%;height:100%}
.splash-glow{position:absolute;left:50%;top:60%;width:30vmax;height:30vmax;margin:-15vmax 0 0 -15vmax;border-radius:50%;pointer-events:none;opacity:0;transform:scale(.2);transition:transform 1.4s cubic-bezier(.7,0,.3,1),opacity 1s;
  background:radial-gradient(circle,#fff 0%,#FFF3DF 22%,rgba(255,196,120,.7) 40%,rgba(255,140,60,.25) 56%,transparent 72%)}
.splash[data-style="sunrise"] .splash-glow{background:radial-gradient(circle,#fff 0%,#FFF1EE 24%,rgba(255,190,190,.6) 44%,rgba(255,150,170,.2) 58%,transparent 72%)}
.splash.flash .splash-glow{opacity:1;transform:scale(7)}
.splash.flash .splash-in{opacity:0;transform:scale(1.04);transition:opacity .6s,transform 1.2s}
.splash.leave{opacity:0;transition:opacity .7s .2s}
.splash-in{position:relative;z-index:1;display:grid;justify-items:center;gap:14px;max-width:720px;padding:24px;text-align:center;margin-top:-12vh}
.splash-in::before{content:"";position:absolute;inset:-50px -110px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(6,4,10,.7),rgba(6,4,10,.35) 60%,transparent);pointer-events:none}
.splash-logo{width:76px;height:76px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px rgba(255,255,255,.85),0 10px 40px rgba(0,0,0,.5);opacity:0;animation:fsIn 1.2s .3s cubic-bezier(.2,.8,.2,1) forwards}
.splash-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--brand);color:var(--on-brand);font-size:34px;font-weight:800;box-shadow:0 10px 40px rgba(0,0,0,.5);opacity:0;animation:fsIn 1.2s .3s cubic-bezier(.2,.8,.2,1) forwards}
.splash-title{margin:0;font-size:clamp(34px,6.2vw,72px);font-weight:800;letter-spacing:-.01em;line-height:1.05;text-shadow:0 4px 30px rgba(0,0,0,.5);opacity:0;animation:fsIn 1.4s .7s cubic-bezier(.2,.8,.2,1) forwards}
.splash-slogan{margin:0;font-size:clamp(16px,2vw,21px);color:rgba(255,255,255,.82);opacity:0;animation:fsIn 1.4s 1.3s cubic-bezier(.2,.8,.2,1) forwards}
.splash-enter{margin-top:14px;min-width:180px;padding:14px 28px;border:0;border-radius:14px;background:var(--brand);color:var(--on-brand);font:inherit;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35);opacity:0;animation:fsIn 1s 2.2s cubic-bezier(.2,.8,.2,1) forwards}
.splash-enter:focus-visible{outline:3px solid #fff;outline-offset:3px}
.splash-skip{background:none;border:0;color:rgba(255,255,255,.7);font:inherit;font-size:13px;cursor:pointer;padding:6px 10px;border-radius:8px;opacity:0;animation:fsIn 1s 2.6s forwards}
.splash-skip:hover,.splash-skip[aria-pressed="true"]{color:#fff}
.splash-credit{position:absolute;right:20px;bottom:16px;z-index:1;font-size:12px;color:rgba(255,255,255,.55);text-decoration:none;opacity:0;animation:fsIn 1s 3s forwards}
.splash-credit b{font-weight:700;letter-spacing:.08em}
@keyframes fsIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:760px){.splash-credit{left:0;right:0;text-align:center;bottom:max(16px,env(safe-area-inset-bottom))}.splash-in{margin-top:-18vh}}
@media (max-width:420px){.splash-title{font-size:32px}}
@media (prefers-reduced-motion:reduce){.splash *{animation:none!important;opacity:1!important}}
.splash-logo.wide{width:min(72vw,420px);height:auto;border-radius:0;object-fit:contain;box-shadow:none;filter:drop-shadow(0 6px 30px rgba(0,0,0,.45))}