/* AUTOGENEROVANO CORALEM, neupravovat.
 * Zdroj pravdy je stejnojmenny .less soubor, tento .css se pri kazde
 * synchronizaci prepisuje. Upravy delej v .less souboru. */
/* Zlatá hodinka, tiskárna (bod 37, bod 97). Pozadí je skutečná fotka stolu
   s fototiskárnou; všechno ostatní leží na místech změřených ve fotce
   a počítá se z její šířky --zh-W (zlomky šířky fotky). Ze štěrbiny vyjíždí
   výtisk po podavači v perspektivě stolu (rotateX kolem hrany štěrbiny,
   úběžník podavače ve fotce), na displeji běží procenta a tlačítko svítí.
   Průběh tisku jde jedna ku jedné s rolováním (006-tiskarna.js). */
/* Procenta na displeji: celé číslo pro počítadlo (bod 123: registrace ve
   stylech, registrace skriptem přepočítala styl celého webu). */
@property --zh-tpct {
  syntax: '<integer>';
  inherits: true;
  initial-value: 0;
}
/* Zlatá hodinka 129: průběh tisku má jen prvek, který se podle něj hýbe,
   a nedědí se; na scéně by se dědil do všeho v ní a každý krok rolování by
   přepočítal styl celé tiskárny. */
@property --zh-tq {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
@property --zh-tqp {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
@property --zh-tk {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
@property --zh-tkam {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
.zh-tisk {
  /* Zlatá hodinka 129: prvky, kterým motor scén zapisuje postup přímo
     a 006-tiskarna.js průběh tisku */
  --zh-postup-cile: '.zh-tisk__plocha, .zh-tisk__vystup, .zh-tisk__papir, .zh-tisk__procenta, .zh-tisk__prubeh i';
  /* Telefon a okno na výšku: fotka 1:2, tiskárna nahoře uprostřed, fotka
     pokryje okno na šířku i na výšku. */
  --zh-W: max(100vw, 50vh);
  --zh-L: calc(50vw - var(--zh-W) / 2);
  --zh-T: 0px;
  --zh-fa: 2;
  /* štěrbina (svisle) a střed podavače (vodorovně) */
  --zh-sy: 0.41;
  --zh-sx: 0.493;
  /* úběžník podavače: vodorovně a jak daleko nad štěrbinou */
  --zh-ux: 0.48;
  --zh-ud: 3.71;
  /* sklo displeje a tlačítko */
  --zh-dx: 0.1109;
  --zh-dy: 0.2297;
  --zh-dw: 0.0922;
  --zh-dh: 0.0547;
  --zh-bx: 0.2445;
  --zh-by: 0.2578;
  --zh-br: 0.0148;
  --zh-bt: 0.0026;
  /* fotka na výtisku 3:4: Zlatá hodinka 145, výtisk je velký formát skoro
     přes celou štěrbinu (papír 0.64 šířky fotky, štěrbina má 0.79), ale
     skončí nad kartou kroku (Zlatá hodinka 117: skutečná výška karty
     z jádra v --zh-karta-v). 1.8 je výška výtisku v perspektivě na jednotku
     šířky fotky na něm. */
  --zh-tfw: max(110px, min(var(--zh-W) * 0.571, (96vh - var(--zh-W) * 0.41 - var(--zh-karta-v, 180px) - 40px) / 1.8));
  --zh-tsk: 4vh;
  --zh-kr: 1.8;
  --zh-kam-dole: calc(var(--zh-karta-v, 180px) + 16px);
  --zh-tfh: calc(var(--zh-tfw) * 4 / 3);
  --zh-tb: calc(var(--zh-tfw) * 0.06);
  --zh-tbd: calc(var(--zh-tfw) * 0.15);
  --zh-tpw: calc(var(--zh-tfw) + var(--zh-tb) * 2);
  --zh-tph: calc(var(--zh-tfh) + var(--zh-tb) + var(--zh-tbd));
  /* Zlatá hodinka 145: kamera jede za výtiskem. Když se hotový výtisk
     nevejde pod tiskárnu, stůl s tiskárnou během tisku plynule vyjede
     nahoru o tolik, aby byl na konci vidět celý (dole --zh-kam-dole volno),
     nejvýš ale tak, aby fotka stolu pořád kryla spodek okna. Rozjezd
     a dojezd kamery jsou měkké (smoothstep průběhu tisku). */
  --zh-kam: clamp(0px, var(--zh-T) + var(--zh-W) * var(--zh-sy) + var(--zh-tfw) * var(--zh-kr) + var(--zh-tsk) + var(--zh-kam-dole) - 100vh, max(0px, var(--zh-T) + var(--zh-W) * var(--zh-fa) - 100vh));
}
/* Průběh tisku: papír jede od 5 do 70 procent rolování scény, od 72 do 79
   sklouzne a od 81 se zvedne k obrazu na zdi (Zlatá hodinka 146);
   006-tiskarna.js ho těmto prvkům přepíše stejným průběhem a s posuvem po
   řádcích (--zh-tqp). */
.zh-tisk__plocha,
.zh-tisk__vystup,
.zh-tisk__papir,
.zh-tisk__procenta,
.zh-tisk__prubeh i {
  --zh-tq: clamp(0, (var(--zh-postup, 0) - 0.05) / 0.65, 1);
  --zh-tqp: var(--zh-tq);
  --zh-tk: clamp(0, (var(--zh-postup, 0) - 0.72) / 0.07, 1);
}
/* Počítač (okno na šířku): fotka 4:3 zarovnaná doprava, štěrbina ve 32 %
   výšky okna. Fotka pokryje okno, jen horní hrana tiskárny nesmí utéct nad
   okno; na velmi širokém okně zbyde vlevo tmavý stůl, do kterého fotka
   přechází. */
@media (min-aspect-ratio: 5/4) {
  .zh-tisk {
    --zh-W: min(max(100vw, 68vh / 0.4977, 32vh / 0.2523), (32vh - 40px) / 0.1398);
    --zh-L: calc(100vw - var(--zh-W));
    --zh-T: calc(32vh - var(--zh-W) * 0.2523);
    --zh-fa: 0.75;
    --zh-sy: 0.2523;
    /* Zlatá hodinka 209: výtisk na středu podavače z fotky */
    --zh-sx: 0.699;
    --zh-ux: 0.4426;
    --zh-ud: 2.2055;
    --zh-dx: 0.46875;
    --zh-dy: 0.1178;
    --zh-dw: 0.0375;
    --zh-dh: 0.027;
    --zh-bx: 0.5348000000000001;
    --zh-by: 0.1309;
    --zh-br: 0.0105;
    --zh-bt: 0.0018;
    /* Zlatá hodinka 145: výtisk 0.30 šířky fotky (štěrbina má 0.36), na
       výšku ho dorovná kamera; větší by přesáhl spodek fotky stolu. */
    --zh-tfw: calc(var(--zh-W) * 0.27);
    --zh-tsk: 3vh;
    --zh-kr: 1.704;
    --zh-kam-dole: 3vh;
  }
  /* Zlatá hodinka 209: podavač ve fotce je o kousek širší než výtisk a jeho
     tmavá hrana vedle papíru působila jako useknutý stín. Měkký stín kolem
     celého listu ji schová a list leží na podavači i na stole stejně.
     Dvojitá třída kvůli pořadí: základní pravidlo výtisku stojí níž. */
  .zh-tisk__vystup .zh-tisk__papir {
    box-shadow: 0 1px 1px rgba(4, 2, 7, 0.55), 0 0 calc(var(--zh-W) * 0.012) calc(var(--zh-W) * 0.008999999999999999) rgba(4, 2, 7, 0.5), 0 calc(var(--zh-W) * 0.012) calc(var(--zh-W) * 0.03) calc(var(--zh-W) * 0.004) rgba(4, 2, 7, 0.55);
  }
}
/* .zh-scena z jádra má min-height 100vh a načítá se později, proto dvojitá
   třída. Dlouhá scéna: tisk jde jedna ku jedné s rolováním a trvá skoro
   dvě okna, pak se výtisk zvedne k obrazu na zdi (Zlatá hodinka 146). */
.zh-scena.zh-tisk {
  min-height: 400vh;
}
/* ─────────────────────────────  stůl  ────────────────────────────── */
.zh-tisk__pozadi {
  overflow: hidden;
  background: #0E0A0D;
}
.zh-tisk__plocha {
  --zh-tkam: calc(var(--zh-tq) * var(--zh-tq) * (3 - 2 * var(--zh-tq)));
  position: absolute;
  left: var(--zh-L);
  top: var(--zh-T);
  width: var(--zh-W);
  height: calc(var(--zh-W) * var(--zh-fa));
  transform: translate3d(0, calc(var(--zh-kam) * var(--zh-tkam) * -1), 0);
  will-change: transform;
}
/* Fotka užší než okno přechází vlevo do tmavého stolu. Přechod kreslí
   překryv v barvě stolu, ne maska: maska by stála výkon při každém posunu
   scény, i když je fotka široká přes celé okno (pak má překryv nulovou šířku). */
.zh-tisk__plocha::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: min(8vw, max(0px, 100vw - var(--zh-W)));
  background: linear-gradient(90deg, #0E0A0D, rgba(14, 10, 13, 0));
  pointer-events: none;
}
.zh-tisk__plocha picture {
  display: block;
  width: 100%;
  height: 100%;
}
/* jádro dává obrázkům max-width: 100 %, fotka stolu má přesně rozměr plochy */
.zh-tisk .zh-tisk__stul {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
/* ─────────────────────────────  výtisk  ──────────────────────────── */
/* Všechno pod hranou štěrbiny. Co je z papíru ještě uvnitř tiskárny, ořízne
   horní hrana. Perspektiva má úběžník tam, kam se ve fotce sbíhají hrany
   podavače: papír sklopený o 24 stupňů kolem hrany štěrbiny se pak sbíhá
   stejně (vzdálenost úběžníku krát tangens 24 stupňů). */
.zh-tisk__vystup {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(var(--zh-W) * var(--zh-sy));
  bottom: 0;
  overflow: hidden;
  perspective: calc(var(--zh-W) * var(--zh-ud) * 0.4452);
  perspective-origin: calc(var(--zh-W) * var(--zh-ux)) 0;
}
/* stín hrany štěrbiny na papíru, jen když papír vyjíždí */
.zh-tisk__vystup::before {
  --zh-tq: inherit;
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: calc(var(--zh-W) * var(--zh-sx) - var(--zh-tpw) / 2);
  width: var(--zh-tpw);
  height: calc(var(--zh-W) * 0.014);
  background: linear-gradient(180deg, rgba(4, 2, 7, 0.75) 0%, rgba(4, 2, 7, 0) 100%);
  opacity: min(1, var(--zh-tq) * 40);
  pointer-events: none;
}
.zh-tisk__papir {
  position: absolute;
  top: 0;
  left: calc(var(--zh-W) * var(--zh-sx) - var(--zh-tpw) / 2);
  width: var(--zh-tpw);
  height: var(--zh-tph);
  transform-origin: 50% 0;
  transform: rotateX(24deg) translateY(calc((var(--zh-tqp) - 1) * 100% + var(--zh-tk) * var(--zh-tk) * var(--zh-tsk)));
  background-color: #F2ECE3;
  /* papír leží v šeru pokoje: ne zářivě bílý */
  filter: brightness(0.86);
  box-shadow: 0 1px 1px rgba(4, 2, 7, 0.55), 0 10px 22px -6px rgba(4, 2, 7, 0.7);
  will-change: transform;
}
/* Zlatá hodinka 213: Safari na iPhonu neořízne 3D sklopený papír rámečkem
   výstupu (overflow s perspektivou), výtisk pak stál celý na tiskárně a nebylo
   vidět, že vyjíždí. Papír se proto ořízne sám: horní hrana ořezu leží přesně
   na hraně štěrbiny (posun papíru v jeho rovině), do stran a dolů má rezervu
   na stín. */
.zh-tisk__vystup > .zh-tisk__papir:not(.zh-tisk__papir--stary) {
  clip-path: inset(max(0px, calc((1 - var(--zh-tqp)) * 100% - var(--zh-tk) * var(--zh-tk) * var(--zh-tsk))) -80px -80px -80px);
}
/* světlo pokoje na výtisku: teplé zleva, studené zprava, dál od tiskárny tma */
.zh-tisk__papir::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, rgba(250, 176, 142, 0.16) 0%, transparent 45%, transparent 62%, rgba(126, 224, 232, 0.12) 100%), linear-gradient(180deg, rgba(8, 4, 16, 0.18) 0%, transparent 18%, transparent 55%, rgba(8, 4, 16, 0.32) 100%);
  pointer-events: none;
}
/* matný papír: jemné zrno přes celý list i přes tisk */
.zh-tisk__papir::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23p)' opacity='0.5'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
  opacity: 0.5;
  pointer-events: none;
}
.zh-tisk__foto {
  position: absolute;
  left: var(--zh-tb);
  top: var(--zh-tb);
  width: var(--zh-tfw);
  height: var(--zh-tfh);
  overflow: hidden;
  background: #1B1320;
}
/* jádro dává obrázkům max-width: 100 %, tady musí fotka vyplnit rámeček */
.zh-tisk .zh-tisk__plakat {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  filter: saturate(0.9399999999999999) contrast(0.97);
}
/* spodní okraj výtisku: podpis autora a jméno auta tužkou */
.zh-tisk__okraj {
  position: absolute;
  left: var(--zh-tb);
  right: var(--zh-tb);
  bottom: 0;
  height: var(--zh-tbd);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: clamp(7px, calc(var(--zh-tfw) * 0.032), 12px);
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8C8190;
  white-space: nowrap;
}
.zh-tisk__auto {
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Bod 98: výtisk bez okrajů, fotka přes celý papír, bez podpisu. */
.zh-tisk__papir--bez .zh-tisk__foto {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.zh-tisk__papir--bez .zh-tisk__okraj {
  display: none;
}
/* Starý výtisk, který po stisku tlačítka odjíždí z podavače. */
.zh-tisk__papir--stary {
  pointer-events: none;
}
/* ─────────────────────────  let k obrazu na zdi  ───────────────────────── */
/* Zlatá hodinka 146: hotový výtisk se z podavače zvedne a přeletí do rámu na
   zdi v další scéně. Letí kopie výtisku ve vlastní vrstvě přes celé okno
   (polohu a perspektivu jí zapisuje 006-tiskarna.js), výtisk na podavači se
   mezitím schová i se stínem hrany štěrbiny. Vrstva leží nad pozadími obou
   scén a pod jejich kartami kroků. Zlatá hodinka 183: jak rám výtisk chytí,
   skript vrstvu ořízne u horní hrany rámu a dál je výtisk vidět sklem. */
.zh-let {
  position: fixed;
  /* Zlatá hodinka 239: stálá výška jako .zh-cele-okno() v jádře, lišta
     adresy telefonu vrstvu nepřestaví */
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  height: 100lvh;
  z-index: 5;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}
.zh-let--zive {
  visibility: visible;
}
/* Zlatá hodinka 252: výtisk v ruce a cestou do rámu shora je před očima,
   nad kartou kroku; v rámu je zase pod ní */
.zh-let--vpredu {
  z-index: 6;
}
.zh-tisk--odlet .zh-tisk__vystup .zh-tisk__papir {
  visibility: hidden;
}
.zh-tisk--odlet .zh-tisk__vystup::before {
  opacity: 0;
}
/* kopie výtisku: střed horní hrany leží v počátku vrstvy, kolem něj se
   výtisk otáčí i zmenšuje */
.zh-tisk__papir--let {
  left: calc(var(--zh-tpw) / -2);
  top: 0;
}
/* Zlatá hodinka 263: cestou ke zdi výtisk postupně přebírá světlo, stín
   a sklo místnosti (006-tiskarna.js svetloLetu kopíruje vrstvy z otvoru
   rámu a řídí jejich průhlednost), světlo pokoje s tiskárnou zároveň
   mizí; v rámu pak vypadá stejně jako výtisk, který v něm visí. */
.zh-tisk__papir--let::before {
  opacity: var(--zh-let-pokoj, 1);
}
.zh-let__tma,
.zh-let__svetlo,
.zh-let__zare,
.zh-let__sklo {
  position: absolute;
  z-index: 3;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.zh-let__tma {
  background: #000000;
}
.zh-let__svetlo {
  mix-blend-mode: multiply;
}
.zh-let__zare {
  mix-blend-mode: screen;
}
/* stín na zdi pod letícím výtiskem: měkký tmavý list stejné velikosti */
.zh-let__stin {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--zh-tpw);
  height: var(--zh-tph);
  border-radius: 2px;
  background: rgba(8, 4, 16, 0.5);
  box-shadow: 0 0 calc(var(--zh-tpw) * 0.05) calc(var(--zh-tpw) * 0.05) rgba(8, 4, 16, 0.5);
  opacity: 0;
  will-change: transform, opacity;
}
/* odlesk světla pokoje, který po výtisku přejede, když se zvedá */
.zh-let__lesk {
  position: absolute;
  z-index: 3;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  mix-blend-mode: screen;
  pointer-events: none;
}
.zh-let__lesk i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 300%;
  background: linear-gradient(105deg, rgba(253, 224, 181, 0) 40%, rgba(253, 224, 181, 0.55) 50%, rgba(253, 224, 181, 0) 60%);
  will-change: transform;
}
/* ─────────────────────────  displej a tlačítko  ───────────────────────── */
/* Sklo displeje ve fotce: procenta a pruh průběhu světle modře, po dotištění
   nápis Hotovo. */
.zh-tisk__displej {
  position: absolute;
  left: calc(var(--zh-W) * var(--zh-dx));
  top: calc(var(--zh-W) * var(--zh-dy));
  width: calc(var(--zh-W) * var(--zh-dw));
  height: calc(var(--zh-W) * var(--zh-dh));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8%;
  border-radius: 2px;
  background: radial-gradient(90% 80% at 50% 45%, rgba(126, 224, 232, 0.1) 0%, transparent 100%);
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: calc(var(--zh-W) * var(--zh-dw) * 0.24);
  line-height: 1;
  color: #8FE6EE;
  text-shadow: 0 0 4px rgba(126, 224, 232, 0.7);
  overflow: hidden;
}
.zh-tisk__procenta,
.zh-tisk__hotovo {
  display: block;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transition: opacity 0.3s ease;
}
/* procenta vypíše počítadlo z celočíselné proměnné (006-tiskarna.js) */
.zh-tisk--cislo .zh-tisk__procenta {
  --zh-tpct: calc(var(--zh-tq) * 100);
  counter-reset: zh-tpct var(--zh-tpct);
}
.zh-tisk--cislo .zh-tisk__procenta::after {
  content: counter(zh-tpct) "\00a0%";
}
.zh-tisk__hotovo {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: calc(var(--zh-W) * var(--zh-dw) * 0.2);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0;
}
.zh-tisk--hotovo .zh-tisk__procenta,
.zh-tisk--hotovo .zh-tisk__prubeh {
  opacity: 0;
}
.zh-tisk--hotovo .zh-tisk__hotovo {
  opacity: 1;
}
.zh-tisk__prubeh {
  display: block;
  width: 70%;
  height: max(1px, calc(var(--zh-W) * var(--zh-dh) * 0.08));
  border-radius: 1px;
  background: rgba(126, 224, 232, 0.2);
  overflow: hidden;
  transition: opacity 0.3s ease;
}
.zh-tisk__prubeh i {
  display: block;
  height: 100%;
  background: #8FE6EE;
  box-shadow: 0 0 4px rgba(126, 224, 232, 0.8);
  transform: scaleX(var(--zh-tq));
  transform-origin: left center;
}
/* Tlačítko ve fotce dostane růžový svítící kroužek: v klidu pomalu dýchá,
   během tisku svítí. Spodní kroužek je neprůhledný, aby fotka pod ním
   nikdy neprosvitla. Bod 98: kroužek je opravdové tlačítko (easter egg),
   klikací plocha má aspoň 48 px, i když je kroužek na telefonu drobný. */
.zh-tisk .zh-tisk__led {
  position: absolute;
  left: calc(var(--zh-W) * (var(--zh-bx) - var(--zh-br)));
  top: calc(var(--zh-W) * (var(--zh-by) - var(--zh-br)));
  width: calc(var(--zh-W) * var(--zh-br) * 2);
  height: calc(var(--zh-W) * var(--zh-br) * 2);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: inset 0 0 0 max(1px, calc(var(--zh-W) * var(--zh-bt))) #7A3C5C;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.12s ease;
}
.zh-tisk .zh-tisk__led:focus,
.zh-tisk .zh-tisk__led:focus-visible {
  outline: none;
}
.zh-tisk__led::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  border-radius: 50%;
}
.zh-tisk .zh-tisk__led:active {
  transform: scale(0.88);
}
/* Na myši kroužek po najetí rozsvítí naplno, ať je vidět, že se dá stisknout. */
@media (hover: hover) {
  .zh-tisk__led:hover::after {
    animation: none;
    opacity: 1;
  }
}
.zh-tisk__led::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 max(1px, calc(var(--zh-W) * var(--zh-bt))) #FA81B9, 0 0 calc(var(--zh-W) * 0.008) rgba(250, 129, 185, 0.75), inset 0 0 calc(var(--zh-W) * 0.005) rgba(250, 129, 185, 0.45);
  animation: zh-tisk-led 2.6s ease-in-out infinite;
}
.zh-tisk--tiskne .zh-tisk__led::after,
.zh-tisk--pretisk .zh-tisk__led::after {
  animation: none;
  opacity: 1;
}
/* Bod 98: po stisku tlačítka displej na chvilku ukáže, jak se teď tiskne. */
.zh-tisk__rezim {
  position: absolute;
  left: 4%;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: calc(var(--zh-W) * var(--zh-dw) * 0.19);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.zh-tisk--rezim .zh-tisk__rezim {
  opacity: 1;
}
.zh-tisk--rezim .zh-tisk__procenta,
.zh-tisk--rezim .zh-tisk__prubeh,
.zh-tisk--rezim .zh-tisk__hotovo {
  opacity: 0;
}
@keyframes zh-tisk-led {
  0%,
  100% {
    opacity: 0.25;
  }
  50% {
    opacity: 1;
  }
}
/* ─────────────────────────────  karta  ───────────────────────────── */
/* Karta kroku je společná z jádra (Zlatá hodinka 117), druh papíru je její
   řádek dole. Okno počítače na výšku: tiskárna nahoře jako na telefonu,
   karta dole uprostřed. */
@media (min-width: 768px) and (max-aspect-ratio: 5/4) {
  .zh-tisk .zh-text--karta {
    --zh-karta-sirka: min(560px, 100%);
    align-items: flex-end;
    justify-content: center;
    padding: 0 5vw 28px;
  }
}
@media (max-width: 767px) {
  .zh-scena.zh-tisk {
    min-height: 420vh;
  }
}
@media (prefers-reduced-motion: reduce) {
  .zh-tisk__led::after {
    animation: none;
    opacity: 1;
  }
}