/* The frame shared by every page: the header's lower edge and the footer, taken from the home page. */

/* No rule under the header: it melts into the page below. The fade sits beneath the header's
   own content, so the phone menu opening from it covers the fade. */
body>header,.site-header{border-bottom:0!important;background:linear-gradient(180deg,#050605f7 0,#050605e6 62%,#050605b3 100%)!important}
body>header::after,.site-header::after{content:"";position:absolute;left:0;right:0;top:100%;z-index:-1;height:56px;background:linear-gradient(180deg,#050605a6 0,#0506054d 45%,#05060500 100%);pointer-events:none}

/* The footer: logo · credits · «Наверх». */
.site-footer{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:145px;padding:36px 5%;background:#050605;color:#bfc1b7;border-top:0!important;font-size:14px}
/* no rule above the footer: the page above sinks into the footer's own black */
.site-footer::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:200px;background:linear-gradient(180deg,#05060500 0,#05060559 40%,#050605d9 78%,#050605 100%);pointer-events:none}
.site-footer .brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:#f0f0e7;text-decoration:none}
.site-footer .brand img{width:38px;height:43px;object-fit:contain}
.site-footer .brand>span{display:block;font-family:'Golos Text',Arial,sans-serif;font-size:19px;font-weight:900;line-height:1.08;letter-spacing:-.02em}
.footer-credit{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;line-height:1.6;text-align:center}
.footer-credit>a{color:#bfc1b7;text-decoration:underline;text-underline-offset:4px}
.footer-credit>a:hover{color:#e3c85e}
.site-footer>a:last-child{font-size:12px;color:#bfc1b7;text-decoration:none}
.site-footer>a:last-child:hover{color:#e3c85e}
@media(max-width:700px){
 .site-footer{flex-wrap:wrap;gap:26px;padding:32px 7%}
 .site-footer .brand>span{font-size:16px}
 .site-footer>a:last-child{order:1}
 .footer-credit{order:2;width:100%}
}

/* Переход между страницами: лист разрывается и сквозь него летит яйцо
   (page-transition.js). Правила лежат здесь, а не в стилях отдельных страниц, потому что
   переход общий для всего сайта — этот файл подключают все четыре страницы. */
.page-tear{position:fixed;inset:0;z-index:300;cursor:progress}
.page-tear[hidden]{display:none}
.page-tear-depth,.page-tear-next{position:absolute;inset:0;width:100%;height:100%;border:0;clip-path:circle(0);pointer-events:none}
.page-tear-depth{background:#000}
.page-tear-next{background:#050605}
.page-tear-paper,.page-tear-egg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}