/* Заставка на главной new.lamet.ru, в стиле сайта. Видна только когда zastavka.js добавил html.zs-on
   (без JavaScript заставки нет и сайт не перекрывается). Вид: .zs-navy (синий) или .zs-white (белый). */
.zs{display:none}
html.zs-on .zs{display:flex}
html.zs-lock,html.zs-lock body{overflow:hidden;overscroll-behavior:none}
.zs{position:fixed;left:0;top:0;right:0;z-index:1000;height:100vh;height:100dvh;overflow:hidden;box-sizing:border-box;
  flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:16px 0 calc(clamp(16px,4vh,36px) + 72px);
  font-family:'PT Sans','Segoe UI',Tahoma,sans-serif;
  --zs-bg:#1F3A5F;--zs-fg:#FFFFFF;--zs-sub:#D5DDE8;--zs-dim:#9FB2CC;--zs-rule:rgba(255,255,255,.35);--zs-top:#0F2340;
  background:var(--zs-bg);color:var(--zs-fg);box-shadow:0 4px 14px rgba(15,25,40,.3);
  transition:height .53s cubic-bezier(.65,0,.35,1)}
.zs.zs-white{--zs-bg:#FFFFFF;--zs-fg:#1F3A5F;--zs-sub:#4A5260;--zs-dim:#4A5260;--zs-rule:#C9CDD3;--zs-top:#1F3A5F;border-bottom:1px solid #C9CDD3}
.zs::before{content:"";position:absolute;left:0;top:0;right:0;height:6px;background:var(--zs-top)}
.zs-in{display:flex;flex-direction:column;align-items:center;padding:0 16px;
  transform-origin:50% 0;transition:transform .53s cubic-bezier(.65,0,.35,1),opacity .42s ease}
.zs-tag{margin:0;font-family:'PT Serif',Georgia,serif;font-weight:700;text-transform:uppercase;
  font-size:clamp(20px,min(3.3vw,5.2vh),44px);letter-spacing:.12em;word-spacing:.2em;line-height:1.2;color:var(--zs-fg)}
.zs-ru{margin-bottom:clamp(24px,4.5vh,44px)}
.zs-en{margin-top:clamp(24px,4.5vh,44px)}
.zs-logo{width:min(66vw,460px,52vh)}
.zs-logo i{display:block;aspect-ratio:490/179;background:var(--zs-fg);
  -webkit-mask:url(/images/lamet-logo.png) center/contain no-repeat;mask:url(/images/lamet-logo.png) center/contain no-repeat}
.zs-logo img{display:none;width:100%;height:auto}
.zs-navy .zs-logo img{filter:brightness(0) invert(1)}
@supports not ((-webkit-mask-image:url(x)) or (mask-image:url(x))){.zs-logo i{display:none}.zs-logo img{display:block}}
.zs-rule{width:min(70vw,520px);height:1px;background:var(--zs-rule);margin:clamp(18px,3vh,28px) 0}
.zs-name{margin:0;font-family:'PT Serif',Georgia,serif;font-weight:700;font-size:clamp(20px,2.2vw,28px);letter-spacing:.02em;
  color:var(--zs-fg)}
.zs-white .zs-name{color:#1A1A1A}
.zs-sub{margin:6px 0 0;max-width:34em;font-size:clamp(15px,1.3vw,18px);line-height:1.45;color:var(--zs-sub);text-wrap:balance}
.zs-foot{position:absolute;left:0;right:0;bottom:clamp(16px,4vh,36px);display:flex;flex-direction:column;align-items:center;gap:4px;
  font-size:14px;color:var(--zs-dim);transition:opacity .3s}
.zs-down{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.zs-down svg{display:block;width:100%;height:100%;animation:zsHint 1.6s ease-in-out infinite}
.zs-down:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@keyframes zsHint{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(5px);opacity:1}}
/* сворачивание: полотно уезжает вверх, надписи и логотип уменьшаются */
.zs.zs-out{height:0}
.zs.zs-out .zs-in{transform:scale(.35);opacity:0}
.zs.zs-out .zs-foot{opacity:0}
@media (max-height:640px){.zs{padding-bottom:64px}.zs-ru{margin-bottom:14px}.zs-en{margin-top:14px}.zs-rule{margin:10px 0}.zs-foot{bottom:8px}.zs-foot span{display:none}}
@media (prefers-reduced-motion:reduce){
  .zs{transition:opacity .25s}.zs.zs-out{height:100vh;height:100dvh;opacity:0}
  .zs-in{transition:none}.zs.zs-out .zs-in{transform:none}.zs-down svg{animation:none}}