@font-face{font-family:"PT Sans Narrow";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/pt-sans-narrow-cyrillic-700.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans Narrow";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/pt-sans-narrow-latin-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/onest-cyrillic-400.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/onest-latin-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
--type-display:"PT Sans Narrow","Arial Narrow",sans-serif;
--type-body:"Onest","Helvetica Neue",Arial,sans-serif;
--col-felt:#0d0e10;
--col-line-strong:#6b6f75;
--col-muted:#aeb1b6;
--col-ink:#f0ece4;
--shape-r-s:3px;
--shape-gutter:clamp(16px,3.4vw,48px);
--motion-fast:120ms;
--sw:clamp(240px,min(96vw,(100svh - 420px) * 1.2),760px);
--track-status:.24em;
--track-wordmark:.16em;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--col-felt);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;color:var(--col-ink);font:400 1rem/1.5 var(--type-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,p{margin:0}
:focus-visible{outline:2px solid var(--col-ink);outline-offset:3px}

.nx{--nx-post:#141312;--nx-post-edge:#2f2d2a}
.nx .nx-post{r:1.05px}
.nx .nx-post-shadow{r:1.15px}
.nx .nx-post-hi{r:.34px}

.wall{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(24px,1fr) auto auto minmax(48px,1.4fr) auto;justify-items:center;padding:0 var(--shape-gutter) var(--shape-gutter)}
.wordmark{position:absolute;top:var(--shape-gutter);left:var(--shape-gutter);font:700 1.25rem/1 var(--type-display);letter-spacing:var(--track-wordmark);text-transform:uppercase;color:var(--col-ink)}
.mark{grid-row:2;width:var(--sw)}
.sign{left:2.78%}
.status{grid-row:3;margin-top:calc(var(--sw) / 1.2 * .108);margin-inline-end:calc(var(--track-status) * -1);font:700 .9375rem/1.3 var(--type-display);letter-spacing:var(--track-status);text-transform:uppercase;text-align:center;color:var(--col-ink);text-shadow:0 0 .6em rgba(13,14,16,.85),0 0 .15em rgba(13,14,16,.9)}

.foot{grid-row:5;justify-self:stretch;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 48px}
.label{width:min(100%,25rem)}
.fixture{width:100%;--nx-wall-gain:1.3;--nx-reach:1.4}
.fixture .nx-post{r:1.5px}
.fixture .nx-post-shadow{r:1.6px}
.fixture .nx-post-hi{r:.5px}
.lead{margin-top:16px;max-width:36ch;font-size:clamp(1rem,.93rem + .3vw,1.1875rem);line-height:1.5}
.nb{white-space:nowrap}

.controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.lang{display:inline-flex;border:1px solid var(--col-line-strong);border-radius:var(--shape-r-s);background:var(--col-felt)}
.lang button{height:30px;min-width:38px;padding:0 10px;border:0;border-radius:0;background:none;color:var(--col-muted);font:700 .8125rem/1 var(--type-display);letter-spacing:.1em;cursor:pointer;transition:color var(--motion-fast) linear}
.lang button:hover{color:var(--col-ink)}
.lang button[aria-pressed="true"]{background:var(--col-ink);color:var(--col-felt)}
.lang button:focus-visible{position:relative;z-index:1;outline-offset:2px}

@media (max-width:959px){
.nx-pause{width:auto;padding:0 11px 0 10px}
.nx-pause-l{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
}

@media (max-width:640px){
.status{font-size:.875rem}
.foot{flex-direction:column;align-items:stretch}
.label{width:100%}
.fixture{width:min(100%,21rem)}
}

@media (prefers-reduced-motion:reduce){
.lang button{transition:none}
}
