/* Sdílené drobné prvky webů VER02: obal, kicker, perex, tlačítko, štítek, dělicí linka, přeskočení, fokus a omezený pohyb.
   Výjimka z dohody o selektorech: nejsou to bloky, ale prvky uvnitř bloků, proto třídy s předponou au-. Barvy jen z --ax-*. Vzor: aureality.space. */
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--ax-bg); color: var(--ax-text); font: 400 16px/1.55 var(--ax-font); -webkit-font-smoothing: antialiased; }
a { color: var(--ax-link); }
:focus-visible { outline: 2px solid var(--ax-hi); outline-offset: 3px; border-radius: 6px; }
h1, h2, h3 { font-weight: 400; letter-spacing: -.015em; text-wrap: balance; margin: 0 0 12px; }
p { margin: 0 0 12px; }

/* Plocha, která je tmavá i ve světlém motivu (scéna, film, závěrečný panel). Hodnoty jsou tmavá sada kitu. */
.au-tma { --ax-bg: #07090D; --ax-alt: #0E1116; --ax-panel: #151920; --ax-line: #262C36; --ax-text: #F5F7FB; --ax-muted: #A4ADBA; --ax-link: #7FB0FF; --ax-hi: #8DBBFF; --ax-hi-soft: rgba(141, 187, 255, .28); background: #000; color: var(--ax-text); color-scheme: dark; }

.au-skip { position: absolute; left: -999px; top: 8px; background: var(--ax-panel); color: var(--ax-text); padding: 10px 14px; border-radius: 8px; z-index: 100; }
.au-skip:focus { left: 8px; }
.au-wrap { max-width: 1160px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.au-kick { margin: 0 0 14px; font: 500 12px/1.3 var(--ax-mono); text-transform: uppercase; letter-spacing: .14em; color: var(--ax-hi); }
.au-lead { color: var(--ax-muted); max-width: 62ch; font-size: 17px; }
.au-h2 { font-size: clamp(28px, 3.6vw, 42px); line-height: 1.1; }
.au-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 18px; border-radius: 10px; font: 500 15px/1.2 var(--ax-font); text-decoration: none; color: var(--ax-text); border: 1px solid var(--ax-line); background: var(--ax-alt); transition: border-color .15s, box-shadow .15s; }
.au-btn:hover { border-color: var(--ax-hi); }
.au-btn.primary { background: var(--ax-button); border-color: var(--ax-button); color: var(--au-on-button, #fff); }
.au-btn.primary:hover { box-shadow: 0 0 0 3px var(--ax-hi-soft); }
.au-chip { display: inline-block; padding: 2px 10px; border: 1px solid var(--ax-line); border-radius: 999px; font: 500 14px/1.4 var(--ax-font); color: var(--ax-muted); white-space: nowrap; }
/* Dělicí linka sekce: půlka neutrální, půlka modrá, stejně jako značka. Jediné místo, kde je dualita vidět mimo logo a plakát. */
.au-predel { position: relative; }
.au-predel::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, var(--ax-line) 50%, var(--ax-hi) 50%); }