/* Общая база для всех вариантов: логотипы, лайтбокс, reduced motion */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%}
img,video{display:block;max-width:100%}
h1,h2,h3,p,ul,figure,blockquote,dl,dd{margin:0}
ul{padding:0;list-style:none}
a{color:inherit}
.lg{display:inline-block;flex:none;border-radius:50%;background-size:cover;background-position:center;background-color:#fff}
.lg-climt{background-image:url(logo-climt.png)}
.lg-heldi{background-image:url(logo-heldi.png)}
.lg-tashe{background-image:url(logo-tashe.png)}
.lg-pinkbus{background-image:url(logo-pinkbus.png)}
.lg-mirel{background-image:url(logo-mirel.png)}
.lg-cataleya{background-image:url(logo-cataleya.png)}
.lg-incanto{background-image:url(logo-incanto.png)}
.mvid{opacity:0;transition:opacity .6s}
.mvid.ready{opacity:1}

.lb{position:fixed;inset:0;z-index:100;background:rgba(18,4,8,.95);display:none;flex-direction:column;align-items:center;justify-content:center;padding:60px 16px 20px;color:#fff}
.lb.open{display:flex}
.lb-stage{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}
.lb-stage video,.lb-stage img{max-height:100%;max-width:min(100%,500px);border-radius:22px;background:#000;object-fit:contain}
.lb-stage .err{max-width:320px;text-align:center;line-height:1.5}
.lb-cap{padding-top:14px;text-align:center;max-width:640px;font-size:13px;line-height:1.5}
.lb-cap b{display:block;font-size:19px;font-weight:600;margin-bottom:4px}
.lb-cap span{color:rgba(255,255,255,.72)}
.lb button{position:absolute;background:rgba(255,255,255,.14);border:0;color:#fff;width:46px;height:46px;border-radius:50%;cursor:pointer;font-size:22px;line-height:1;display:grid;place-items:center}
.lb button:hover{background:rgba(255,255,255,.28)}
.lb-x{top:max(12px,env(safe-area-inset-top,0px));right:16px}
.lb-prev,.lb-next{top:50%;transform:translateY(-50%)}
.lb-prev{left:16px}.lb-next{right:16px}
@media(max-width:700px){.lb-prev,.lb-next{top:auto;bottom:16px;transform:none}.lb{padding-bottom:76px}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv,.js .in,.js .rise,.js .in-a{opacity:1!important;transform:none!important;translate:none!important}
  .bar-t,.bar-b{display:none!important}
}