/* About us — Figma 661:4748. HISTORY = 1005:4456 "History / Interactive chapters" (1920x1280).
   Hodnoty v calc(N * var(--u)) = design px pri 1920. Modra "hora" a 45° lano gondoly nemaji ve
   Figma exportu geometrii — rekonstrukce z bounding boxu (1655x1280, lano 970x970). */

.au-hist { position: relative; isolation: isolate; background: #fff; color: var(--c-navy); overflow: hidden; }
.au-hist__scene { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.au-hist__land { position: absolute; inset: 0; background: var(--c-navy);
  clip-path: polygon(0 0, calc(50% + 695 * var(--u)) 0, calc(50% - 585 * var(--u)) 100%, 0 100%); }
.au-hist__cable { position: absolute; left: calc(50% - 325 * var(--u)); top: calc(100 * var(--u)); width: calc(970 * var(--u)); height: calc(970 * var(--u)); overflow: visible; }
.au-hist__cable line { stroke: var(--c-navy); stroke-width: 2; }

.au-hist__in { position: relative; max-width: var(--maxw); margin-inline: auto; height: calc(1280 * var(--u)); }
.au-hist__head { position: absolute; left: calc(91 * var(--u)); top: calc(72 * var(--u)); width: calc(800 * var(--u)); color: #fff; }
.au-hist__eyebrow, .au-hist__hint, .au-ch__count, .au-ch__archive { font-weight: 700; font-size: max(11px, calc(14 * var(--u))); line-height: calc(20 / 14); letter-spacing: 0; }
.au-hist__eyebrow { color: #cc994a; }
.au-hist__h { margin-top: calc(16 * var(--u)); font-weight: 800; font-size: max(44px, calc(88 * var(--u))); line-height: calc(104 / 88); text-transform: uppercase; }
.au-hist__intro { margin-top: calc(8 * var(--u)); max-width: calc(720 * var(--u)); font-weight: 700; font-size: max(17px, calc(26 * var(--u))); line-height: calc(34 / 26); }
.au-hist__hint { position: absolute; left: calc(1611 * var(--u)); top: calc(152 * var(--u)); }

/* roky na lane: text 180x44 vpravo zarovnany, spendlik 36x45 na x+216 */
.au-year { position: absolute; display: flex; align-items: flex-start; width: calc(304 * var(--u)); height: calc(100 * var(--u)); color: #fff; text-align: right; }
.au-year span { width: calc(180 * var(--u)); font-weight: 700; font-size: max(20px, calc(36 * var(--u))); line-height: calc(44 / 36); transition: color .2s; }
.au-year__pin { position: absolute; left: calc(216 * var(--u)); top: calc(30 * var(--u)); width: calc(36 * var(--u)); height: calc(45 * var(--u)); min-width: 20px; min-height: 20px; color: var(--c-navy); background: #fff; border-radius: 50%; }
.au-year[aria-selected="true"] span, .au-year:hover span { color: #cc994a; }
.au-year--1 { left: calc(1221 * var(--u)); top: calc(210 * var(--u)); }
.au-year--2 { left: calc(1021 * var(--u)); top: calc(410 * var(--u)); }
.au-year--3 { left: calc(821 * var(--u)); top: calc(610 * var(--u)); }
.au-year--4 { left: calc(621 * var(--u)); top: calc(810 * var(--u)); }
.au-year--5 { left: calc(421 * var(--u)); top: calc(1010 * var(--u)); }

.au-ch__photo { position: absolute; left: calc(91 * var(--u)); top: calc(300 * var(--u)); width: calc(720 * var(--u)); height: calc(300 * var(--u)); margin: 0; border-radius: 7px; overflow: hidden; }
.au-ch__photo img { width: 100%; height: 100%; object-fit: cover; }
.au-ch__archive { position: absolute; left: calc(91 * var(--u)); top: calc(940 * var(--u)); color: #fff; }
.au-ch__txt { position: absolute; left: calc(1275 * var(--u)); top: calc(496 * var(--u)); width: calc(544 * var(--u)); }
.au-ch__year { margin-top: calc(12 * var(--u)); font-weight: 800; font-size: max(36px, calc(64 * var(--u))); line-height: calc(72 / 64); }
.au-ch__t { margin-top: calc(40 * var(--u)); font-weight: 700; font-size: max(26px, calc(44 * var(--u))); line-height: calc(54 / 44); text-transform: uppercase; }
.au-ch__body { margin-top: calc(24 * var(--u)); font-weight: 400; font-size: max(15px, calc(20 * var(--u))); line-height: calc(31 / 20); }
.au-ch__body p + p { margin-top: calc(31 * var(--u)); }

.au-hist__nav { position: absolute; left: calc(1275 * var(--u)); top: calc(1144 * var(--u)); width: calc(544 * var(--u)); display: flex; justify-content: space-between; align-items: center; }
.au-hist__btn { display: flex; align-items: center; width: calc(250 * var(--u)); min-width: 130px; height: max(44px, calc(52 * var(--u))); padding: 0 calc(16 * var(--u)) 0 calc(17 * var(--u)); border-radius: 7px; font-weight: 700; font-size: max(12px, calc(14 * var(--u))); line-height: calc(20 / 14); text-transform: uppercase; text-align: left; transition: background-color .2s, color .2s, opacity .2s; }
.au-hist__btn--prev { height: max(46px, calc(54 * var(--u))); border: 1px solid var(--c-navy); color: var(--c-navy); }
.au-hist__btn--prev:disabled { opacity: .3; cursor: default; }
.au-hist__btn--prev:not(:disabled):hover { background: var(--c-navy); color: #fff; }
.au-hist__btn--next { background: var(--c-navy); color: #fff; }
.au-hist__btn--next:not(:disabled):hover { background: var(--c-gold-3); }
.au-hist__btn--next:disabled { opacity: .3; cursor: default; }

@media (prefers-reduced-motion: no-preference) {
  .au-ch:not([hidden]) .au-ch__txt, .au-ch:not([hidden]) .au-ch__photo { animation: au-in .45s var(--ease); }
}
@keyframes au-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* ---------------------------------------------------------------- RESPONZIVITA */
@media (max-width: 1279px) {
  .au-hist__scene { display: none; }
  .au-hist__in { height: auto; padding: 0 0 56px; display: flex; flex-direction: column; }
  .au-hist__head, .au-hist__hint, .au-year, .au-ch__photo, .au-ch__archive, .au-ch__txt, .au-hist__nav, .au-year__pin { position: static; }
  .au-hist__head { width: auto; background: var(--c-navy); padding: 48px var(--gut) 24px; }
  .au-hist__hint { display: none; }
  .au-years { order: 1; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; background: var(--c-navy); padding: 0 var(--gut) 32px; }
  .au-year { width: auto; height: auto; flex: none; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 7px; }
  .au-year span { width: auto; font-size: 20px; }
  .au-year__pin { width: 22px; height: 22px; }
  .au-year[aria-selected="true"] { border-color: #cc994a; }
  .au-ch { order: 2; display: flex; flex-direction: column; gap: 12px; padding: 32px var(--gut) 0; }
  .au-ch[hidden] { display: none; }
  .au-ch__photo { width: 100%; height: auto; aspect-ratio: 720 / 300; }
  .au-ch__archive { color: var(--c-navy); }
  .au-ch__txt { width: auto; order: -1; margin-bottom: 12px; }
  .au-hist__nav { order: 3; width: auto; padding: 32px var(--gut) 0; gap: 12px; }
  .au-hist__btn { flex: 1; width: auto; }
}