/* общая основа трёх макетов «Unut meni»: шрифты, страница = ровно экран, листание со стопом */
@font-face{font-family:Onest;src:url(fonts/onest.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Plex Mono;src:url(fonts/plexmono.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Alumni;src:url(fonts/AlumniSans-800-latin.woff2) format("woff2");font-weight:800;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Alumni;src:url(fonts/AlumniSans-800-latin-ext.woff2) format("woff2");font-weight:800;unicode-range:U+0100-02FF}
@font-face{font-family:Alumni;src:url(fonts/AlumniSans-800-cyrillic.woff2) format("woff2");font-weight:800;unicode-range:U+0400-04FF}
@font-face{font-family:Alumni;src:url(fonts/AlumniSans-500-latin.woff2) format("woff2");font-weight:500;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Alumni;src:url(fonts/AlumniSans-500-latin-ext.woff2) format("woff2");font-weight:500;unicode-range:U+0100-02FF}
@font-face{font-family:Alumni;src:url(fonts/AlumniSans-500-cyrillic.woff2) format("woff2");font-weight:500;unicode-range:U+0400-04FF}
*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden}
body{background:var(--bg,#08090c);color:var(--ink,#ebe8e3);font:400 16px/1.5 Onest,system-ui,sans-serif;font-kerning:normal;-webkit-font-smoothing:antialiased}
h1,h2,p,figure{margin:0}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.mono{font-family:"Plex Mono",ui-monospace,monospace;font-size:11.5px;line-height:1.45;letter-spacing:.02em}
.sc{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:none;scrollbar-width:none}
.sc::-webkit-scrollbar{display:none}
.pg{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
.top{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(16px,3vw,40px);pointer-events:none;mix-blend-mode:difference;color:#fff}
.top b{font-weight:500;font-size:15px;letter-spacing:-.01em}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.sc{scroll-behavior:auto}}