/* =========================================================================
   LOKACE ARTEFAKTŮ z.s. — NÁVRH A „NÁLEZ“
   Kinematografický, tmavý, muzeálně luxusní styl.
   Barvy: tmavá hlína a uhel, patina zlata a bronzu, teplé bílé písmo.
   ========================================================================= */

/* ------------------------------ 1. PROMĚNNÉ ----------------------------- */
:root{
  /* barvy */
  --hlina:#0A0806;
  --uhel:#121009;
  --zlato:#C2A15C;
  --zlato-svetle:#E4CB95;
  --bronz:#8A6A3E;
  --bila:#F3EEE4;
  --seda:#A79C89;
  --seda-tmava:#6A6252;
  --linka:rgba(194,161,92,.20);
  --linka-silna:rgba(194,161,92,.42);
  --sklo:rgba(18,16,9,.62);

  /* atmosféra pozadí, mění se podle sekce */
  --atm-a:#0A0806;
  --atm-b:#14110A;
  --atm-zar:rgba(194,161,92,.07);

  /* písma */
  --display:'Oswald','Arial Narrow',Helvetica,sans-serif;
  --text:'Spectral',Georgia,'Times New Roman',serif;
  --mono:'JetBrains Mono','SFMono-Regular',Consolas,monospace;

  /* rozměry */
  --sirka:1680px;
  --okraj:clamp(18px,4vw,72px);
  --mezera:clamp(72px,10vw,168px);
  --hlavicka-v:78px;

  /* křivky */
  --plynule:cubic-bezier(.22,.61,.36,1);
  --jemne:cubic-bezier(.65,0,.35,1);
}

/* ------------------------------ 2. ZÁKLAD ------------------------------- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
/* kotvy nesmí zmizet pod pevnou hlavičkou, důležité u sdílených odkazů na akci */
section[id],.udalost[id],#archiv,#obsah{scroll-margin-top:calc(var(--hlavicka-v) + 26px);}
body{
  margin:0;
  background:var(--hlina);
  color:var(--bila);
  font-family:var(--text);
  font-weight:300;
  font-size:clamp(16px,1.02vw,18px);
  line-height:1.72;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.je-nacitani{overflow:hidden;}
body.menu-otevreno{overflow:hidden;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:500;line-height:1.04;letter-spacing:.005em;}
p{margin:0 0 1.15em;}
ul{margin:0;padding:0;list-style:none;}
::selection{background:var(--zlato);color:#0A0806;}
:focus-visible{outline:2px solid var(--zlato);outline-offset:3px;}

.kontejner{width:100%;max-width:var(--sirka);margin:0 auto;padding-inline:var(--okraj);}

.preskocit{
  position:fixed;top:-100px;left:16px;z-index:9999;
  background:var(--zlato);color:#0A0806;padding:10px 18px;
  font-family:var(--mono);font-size:13px;transition:top .2s;
}
.preskocit:focus{top:12px;}

/* ------------------------ 3. NAČÍTACÍ OBRAZOVKA ------------------------- */
.nacitani{
  position:fixed;inset:0;z-index:9000;
  display:grid;place-items:center;
  background:radial-gradient(120% 90% at 50% 45%,#141109 0%,#070503 68%,#040302 100%);
  transition:opacity .85s var(--plynule),visibility .85s;
}
.nacitani.je-pryc{opacity:0;visibility:hidden;}
.nacitani__scena{display:grid;place-items:center;gap:26px;padding:24px;width:min(420px,88vw);}
.nacitani__svg{width:min(240px,58vw);height:auto;overflow:visible;}
.nacitani__zar{opacity:0;animation:zar 2.2s var(--plynule) .25s forwards;}
@keyframes zar{to{opacity:1;}}

.vlna{fill:none;stroke:var(--zlato);stroke-width:1;opacity:0;transform-origin:120px 120px;}
.vlna--1{animation:vlna 2.1s var(--plynule) .10s infinite;}
.vlna--2{animation:vlna 2.1s var(--plynule) .60s infinite;}
.vlna--3{animation:vlna 2.1s var(--plynule) 1.10s infinite;}
@keyframes vlna{
  0%{transform:scale(.55);opacity:0;}
  18%{opacity:.75;}
  100%{transform:scale(2.7);opacity:0;}
}
.nacitani__civka{
  fill:none;stroke:rgba(194,161,92,.55);stroke-width:1.2;
  stroke-dasharray:390;stroke-dashoffset:390;
  animation:kresli 1.5s var(--plynule) .1s forwards;
}
.nacitani__tah{
  fill:none;stroke:var(--bila);stroke-width:3.6;stroke-linecap:square;
  stroke-dasharray:70;stroke-dashoffset:70;
  animation:kresli .75s var(--plynule) .55s forwards;
}
.nacitani__tah:nth-of-type(2){animation-delay:.78s;}
.nacitani__tah--kratky{stroke-dasharray:16;stroke-dashoffset:16;stroke-width:3;animation-delay:1.05s;animation-duration:.4s;}
@keyframes kresli{to{stroke-dashoffset:0;}}

.nacitani__texty{text-align:center;opacity:0;animation:vynor .7s var(--plynule) .9s forwards;}
@keyframes vynor{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.nacitani__nazev{
  font-family:var(--display);font-weight:500;font-size:clamp(17px,2.4vw,23px);
  letter-spacing:.42em;margin:0 0 8px;padding-left:.42em;color:var(--bila);
}
.nacitani__nazev span{
  display:block;font-family:var(--mono);font-size:10px;letter-spacing:.44em;
  color:var(--zlato);margin-top:8px;font-weight:300;
}
.nacitani__stav{
  margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.22em;
  color:var(--seda-tmava);text-transform:uppercase;
}
.nacitani__stav span{color:var(--zlato);}
.nacitani__stav i{color:var(--zlato);font-style:normal;}
.nacitani__stav em{font-style:normal;margin-left:10px;}
.nacitani__linka{
  width:min(280px,64vw);height:1px;background:rgba(194,161,92,.18);
  position:relative;overflow:hidden;
}
.nacitani__linka i{
  position:absolute;inset:0 100% 0 0;background:var(--zlato);
  transition:right .18s linear;
}

/* --------------------------- 4. POZADÍ WEBU ----------------------------- */
.pozadi{position:fixed;inset:0;z-index:-2;pointer-events:none;}
.pozadi__barva{
  position:absolute;inset:0;
  background:
    radial-gradient(90% 60% at 50% -10%,var(--atm-zar) 0%,transparent 60%),
    linear-gradient(180deg,var(--atm-a) 0%,var(--atm-b) 100%);
  transition:background 1.4s var(--plynule);
}
.pozadi__mriz{
  position:absolute;inset:0;opacity:.62;
  background-image:
    /* křížky jako v archeologickém čtvercovém systému */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg stroke='%23C2A15C' stroke-opacity='.30' stroke-width='1'%3E%3Cpath d='M80 74v12M74 80h12'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(90deg,rgba(194,161,92,.05) 1px,transparent 1px);
  background-size:clamp(110px,10vw,160px) clamp(110px,10vw,160px),clamp(90px,14vw,220px) 100%;
  mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);
}
.pozadi__zrno{
  position:absolute;inset:0;opacity:.28;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='z'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23z)' opacity='.42'/%3E%3C/svg%3E");
}

/* atmosféry jednotlivých sekcí */
body[data-atmosfera="hlina"]{--atm-a:#0A0806;--atm-b:#1C1509;--atm-zar:rgba(194,161,92,.11);}
body[data-atmosfera="uhel"]{--atm-a:#0B0A09;--atm-b:#161413;--atm-zar:rgba(194,161,92,.05);}
body[data-atmosfera="mech"]{--atm-a:#070A06;--atm-b:#141C0D;--atm-zar:rgba(146,176,94,.10);}
body[data-atmosfera="les"]{--atm-a:#060903;--atm-b:#121C0A;--atm-zar:rgba(163,178,96,.11);}
body[data-atmosfera="snih"]{--atm-a:#080C11;--atm-b:#18242F;--atm-zar:rgba(150,190,220,.13);}

/* --------------------------- 5. HLAVIČKA -------------------------------- */
.hlavicka{
  position:fixed;top:0;left:0;right:0;z-index:600;
  transition:background .5s var(--plynule),backdrop-filter .5s,border-color .5s;
  border-bottom:1px solid transparent;
}
.hlavicka.je-prilepena{
  background:rgba(8,6,4,.82);
  backdrop-filter:blur(16px) saturate(120%);
  -webkit-backdrop-filter:blur(16px) saturate(120%);
  border-bottom-color:var(--linka);
}
.hlavicka__vnitrek{
  max-width:var(--sirka);margin:0 auto;padding:0 var(--okraj);
  height:var(--hlavicka-v);
  display:flex;align-items:center;gap:clamp(14px,2.4vw,42px);
}
.znacka{display:flex;align-items:center;gap:12px;color:var(--bila);flex-shrink:0;}
.znacka__mark{width:34px;height:34px;color:var(--zlato);transition:transform .7s var(--plynule);}
.znacka:hover .znacka__mark{transform:rotate(-14deg);}
.znacka__text b{
  display:block;font-family:var(--display);font-weight:500;
  font-size:clamp(13px,1.05vw,15px);letter-spacing:.2em;line-height:1.15;
}
.znacka__text i{
  display:block;font-family:var(--mono);font-style:normal;font-size:9px;
  letter-spacing:.3em;color:var(--zlato);margin-top:3px;text-transform:uppercase;
}

.menu{display:flex;align-items:center;gap:clamp(12px,1.5vw,28px);margin-left:auto;}
.menu a{
  font-family:var(--display);font-weight:300;font-size:13px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--seda);
  padding:6px 0;position:relative;transition:color .3s;
}
.menu a::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:var(--zlato);transition:right .45s var(--plynule);
}
.menu a:hover,.menu a.je-aktivni{color:var(--bila);}
.menu a:hover::after,.menu a.je-aktivni::after{right:0;}

/* ikony kanálů, dobře viditelné nahoře */
.odkazy{display:flex;align-items:center;gap:6px;padding-left:clamp(10px,1.6vw,26px);border-left:1px solid var(--linka);}
.odkaz{
  position:relative;display:flex;align-items:center;gap:7px;
  height:38px;padding:0 11px;color:var(--seda);
  border:1px solid rgba(194,161,92,.16);
  transition:color .32s,border-color .32s,background .32s,transform .32s;
}
.odkaz svg{width:17px;height:17px;flex-shrink:0;}
.odkaz__nazev{
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  display:none;
}
.odkaz__cislo{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--zlato);
}
.odkaz:hover{color:var(--bila);border-color:var(--linka-silna);background:rgba(194,161,92,.08);transform:translateY(-2px);}
.odkaz::before{
  content:attr(data-popis);
  position:absolute;top:calc(100% + 10px);right:0;white-space:nowrap;
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  background:#0B0906;border:1px solid var(--linka);color:var(--zlato);
  padding:7px 11px;opacity:0;transform:translateY(-6px);pointer-events:none;
  transition:opacity .3s,transform .3s;
}
.odkaz:hover::before{opacity:1;transform:none;}

.hamburger{display:none;width:44px;height:44px;position:relative;margin-left:4px;}
.hamburger i{
  position:absolute;left:11px;right:11px;height:1.4px;background:var(--bila);
  transition:transform .45s var(--plynule),opacity .3s;
}
.hamburger i:nth-child(1){top:16px;}
.hamburger i:nth-child(2){top:21.5px;}
.hamburger i:nth-child(3){top:27px;}
.hamburger[aria-expanded="true"] i:nth-child(1){transform:translateY(5.5px) rotate(45deg);}
.hamburger[aria-expanded="true"] i:nth-child(2){opacity:0;}
.hamburger[aria-expanded="true"] i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg);}

.hlavicka__postup{
  height:1px;background:linear-gradient(90deg,var(--bronz),var(--zlato-svetle));
  width:0;transition:width .12s linear;
}

/* ------------------------------ 6. ÚVOD --------------------------------- */
.uvod{
  position:relative;min-height:100svh;
  display:flex;flex-direction:column;justify-content:center;
  padding:calc(var(--hlavicka-v) + 14px) var(--okraj) 0;
  overflow:hidden;
}
.uvod__media{position:absolute;inset:0;z-index:-1;}
.uvod__zaber{
  width:100%;height:100%;object-fit:cover;object-position:center 58%;
  transform-origin:center;
  animation:kenburns 34s ease-in-out infinite alternate;
  /* denní záběr z nálezu ztlumíme, ať je scéna tmavá a titulek čitelný */
  filter:saturate(.74) contrast(1.07) brightness(.5);
}
@keyframes kenburns{
  0%{transform:scale(1.14) translate3d(-2.5%,0,0);}
  100%{transform:scale(1.24) translate3d(2.5%,-1.5%,0);}
}
/* video leží přes fotku a odkryje se, až se opravdu rozběhne,
   takže při zakázaném přehrávání zůstane na scéně poster */
.uvod__zaber--video{
  position:absolute;inset:0;z-index:1;
  opacity:0;transition:opacity 1.1s var(--plynule);
  animation:none;transform:scale(1.03);
  /* stejné ztlumení jako u posteru, aby přechod na video nebyl vidět */
  filter:saturate(.72) contrast(1.08) brightness(.47);
}
.uvod__zaber--video.je-spustene{opacity:1;}
.uvod__stin{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(6,5,3,.92) 0%,rgba(6,5,3,.28) 34%,rgba(6,5,3,.58) 68%,#0A0806 100%),
    radial-gradient(80% 70% at 22% 55%,rgba(6,5,3,.6) 0%,transparent 70%);
}
.uvod__mriz{
  position:absolute;inset:0;opacity:.45;
  background-image:
    linear-gradient(90deg,rgba(243,238,228,.05) 1px,transparent 1px),
    linear-gradient(180deg,rgba(243,238,228,.04) 1px,transparent 1px);
  background-size:clamp(90px,12.5vw,200px) clamp(90px,12.5vw,200px);
  mask-image:radial-gradient(70% 70% at 50% 50%,#000 10%,transparent 85%);
}

.uvod__obsah{position:relative;max-width:min(1240px,100%);margin-top:auto;padding-bottom:clamp(20px,3.2vh,48px);}
.uvod__nadpis{
  font-size:clamp(40px,7.9vw,138px);
  font-weight:600;letter-spacing:-.005em;line-height:1;
  text-transform:uppercase;margin:.08em 0 .26em;
}
.uvod__nadpis .radek{display:block;}
.uvod__nadpis .slovo{display:inline;white-space:nowrap;}
/* úvodní scéna se skládá až ve chvíli, kdy načítací obrazovka zmizí */
.uvod__nadpis .pismeno{
  display:inline-block;opacity:0;transform:translateY(.42em) rotateX(-55deg);
  transform-origin:bottom;
}
body.uvod-bezi .uvod__nadpis .pismeno{animation:pismenoIn .8s var(--plynule) forwards;}
@keyframes pismenoIn{to{opacity:1;transform:none;}}
.uvod__text,.uvod__tlacitka,.uvod__pata,.nadpisek--svetly{opacity:0;}
body.uvod-bezi .uvod__text,
body.uvod-bezi .uvod__tlacitka,
body.uvod-bezi .uvod__pata,
body.uvod-bezi .nadpisek--svetly{animation:vynor 1s var(--plynule) forwards;}
body.uvod-bezi .nadpisek--svetly{animation-delay:.05s;}
body.uvod-bezi .uvod__text{animation-delay:.5s;}
body.uvod-bezi .uvod__tlacitka{animation-delay:.68s;}
body.uvod-bezi .uvod__pata{animation-delay:.86s;}
/* druhý řádek nadpisu v barvě patiny, jednotlivá písmena se rozsvěcují */
.radek--zvyraznen{color:var(--zlato-svetle);}
.radek--zvyraznen .pismeno{color:var(--zlato-svetle);text-shadow:0 0 34px rgba(194,161,92,.22);}
body.uvod-bezi .radek--zvyraznen .pismeno{animation:pismenoIn .8s var(--plynule) forwards,patina 7s ease-in-out infinite;}
@keyframes patina{
  0%,100%{color:#E4CB95;}
  50%{color:#C2A15C;}
}
.uvod__text{
  max-width:60ch;font-size:clamp(16px,1.24vw,20px);color:#D9D2C4;
  line-height:1.78;margin-bottom:2.1em;
}
.uvod__tlacitka{display:flex;flex-wrap:wrap;gap:14px;}

.uvod__pata{
  position:relative;display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;padding:22px 0 26px;border-top:1px solid var(--linka);
}
.uvod__mini{
  display:flex;align-items:center;flex-wrap:wrap;gap:clamp(10px,1.6vw,22px);
  font-family:var(--mono);font-size:clamp(10px,.78vw,11.5px);
  letter-spacing:.14em;text-transform:uppercase;color:var(--seda-tmava);
}
.uvod__mini b{color:var(--zlato);font-weight:400;}
.oddelovac{width:22px;height:1px;background:var(--linka-silna);}
.uvod__sipka{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.34em;color:var(--seda-tmava);
  flex-shrink:0;
}
.uvod__sipka i{
  width:1px;height:42px;background:linear-gradient(180deg,var(--zlato),transparent);
  position:relative;overflow:hidden;
}
.uvod__sipka i::after{
  content:"";position:absolute;left:0;width:1px;height:14px;background:var(--bila);
  animation:kapka 2.1s var(--jemne) infinite;
}
@keyframes kapka{0%{top:-14px;}100%{top:42px;}}

.roh{
  position:absolute;bottom:clamp(90px,14vh,150px);
  font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:rgba(194,161,92,.5);
  text-transform:uppercase;
}
.roh--lh{left:var(--okraj);writing-mode:vertical-rl;bottom:auto;top:calc(var(--hlavicka-v) + 44px);}
.roh--ph{right:var(--okraj);writing-mode:vertical-rl;bottom:auto;top:calc(var(--hlavicka-v) + 44px);}
.roh sup{font-size:.7em;}

/* ------------------------ 7. POHYBLIVÝ PÁS ------------------------------ */
.pas{position:relative;padding:0;background:rgba(10,8,6,.55);}
.pas__linka{
  height:1px;
  background:linear-gradient(90deg,transparent,var(--linka-silna) 12%,var(--linka-silna) 88%,transparent);
}
.pas__radek{overflow:hidden;padding:clamp(14px,1.6vw,22px) 0;display:flex;}
.pas__radek--tenky{padding:9px 0;background:rgba(194,161,92,.035);}
.pas__stopa{
  display:flex;align-items:center;gap:clamp(24px,3.4vw,58px);
  flex-shrink:0;padding-right:clamp(24px,3.4vw,58px);
  white-space:nowrap;will-change:transform;
  animation:pasVlevo 46s linear infinite;
}
.pas__radek[data-smer="vpravo"] .pas__stopa{animation-name:pasVpravo;animation-duration:58s;}
@keyframes pasVlevo{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
@keyframes pasVpravo{from{transform:translate3d(-50%,0,0);}to{transform:translate3d(0,0,0);}}
.pas:hover .pas__stopa{animation-duration:160s;}
.pas__polozka{display:inline-flex;align-items:baseline;gap:14px;}
.pas__polozka b{
  font-family:var(--display);font-weight:400;
  font-size:clamp(17px,2.05vw,30px);letter-spacing:.06em;text-transform:uppercase;
  color:var(--bila);
}
.pas__polozka i{
  font-family:var(--mono);font-style:normal;font-size:clamp(10px,.86vw,12px);
  letter-spacing:.16em;color:var(--zlato);
}
.pas__misto{
  font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--seda-tmava);
}
.pas__tecka{width:3px;height:3px;background:var(--bronz);border-radius:50%;flex-shrink:0;}

/* ------------------- 8. SPOLEČNÉ PRVKY SEKCÍ ---------------------------- */
section{position:relative;}
.nadpisek{
  display:flex;align-items:center;gap:14px;margin:0 0 clamp(18px,2.4vw,30px);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--seda-tmava);
}
.nadpisek i{font-style:normal;color:var(--bronz);}
.nadpisek b{font-weight:400;color:var(--zlato);}
.nadpisek--zlaty{color:var(--zlato);}
.nadpisek--svetly{color:rgba(243,238,228,.7);}
.nadpisek__cara{
  width:clamp(28px,4vw,64px);height:1px;background:var(--linka-silna);
  transform:scaleX(0);transform-origin:left;transition:transform 1s var(--plynule);
}
.je-videt .nadpisek__cara,.nadpisek--svetly .nadpisek__cara{transform:scaleX(1);}

.nadpis-sekce{
  font-size:clamp(32px,5.4vw,84px);font-weight:500;text-transform:uppercase;
  line-height:1;letter-spacing:-.004em;margin:0;
}
.nadpis-sekce--mensi{font-size:clamp(28px,3.8vw,56px);}
.kurziva{
  font-family:var(--text);font-style:italic;font-weight:300;text-transform:none;
  letter-spacing:-.01em;color:var(--zlato);font-size:.82em;
}

.hlavicka-sekce{margin-bottom:clamp(44px,6vw,86px);}
.hlavicka-sekce--deleno{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);
  gap:clamp(26px,4vw,72px);align-items:end;
}
.hlavicka-sekce__text{
  color:var(--seda);font-size:clamp(15px,1.02vw,17px);max-width:46ch;margin:0;
  padding-left:clamp(0px,1.6vw,26px);border-left:1px solid var(--linka);
}

/* animace při příjezdu */
.anim{opacity:0;transform:translateY(34px);transition:opacity 1s var(--plynule),transform 1s var(--plynule);}
.anim.je-videt{opacity:1;transform:none;}

/* tlačítka */
.tlacitko{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:54px;padding:0 26px;position:relative;overflow:hidden;
  font-family:var(--display);font-weight:400;font-size:13px;
  letter-spacing:.18em;text-transform:uppercase;
  transition:color .4s,border-color .4s,transform .4s var(--plynule);
}
.tlacitko svg{width:17px;height:17px;transition:transform .45s var(--plynule);position:relative;z-index:2;}
.tlacitko span{position:relative;z-index:2;}
.tlacitko::before{
  content:"";position:absolute;inset:0;transform:translateY(101%);
  transition:transform .5s var(--plynule);z-index:1;
}
.tlacitko:hover svg{transform:translateX(6px);}
.tlacitko--hlavni{background:var(--zlato);color:#0A0806;}
.tlacitko--hlavni::before{background:var(--bila);}
.tlacitko--hlavni:hover::before{transform:translateY(0);}
.tlacitko--ramecek{border:1px solid var(--linka-silna);color:var(--bila);}
.tlacitko--ramecek::before{background:var(--zlato);}
.tlacitko--ramecek:hover{color:#0A0806;border-color:var(--zlato);}
.tlacitko--ramecek:hover::before{transform:translateY(0);}
.tlacitko--siroke{width:100%;}
/* drobná varianta pro odkaz uvnitř časové osy */
.tlacitko--drobne{min-height:42px;padding:0 18px;font-size:11px;letter-spacing:.14em;}
/* pojistka: skrytý prvek zůstane skrytý i s display z vlastní třídy */
[hidden]{display:none !important;}

/* --------------------- 8b. POKLAD BARONA LIEBIEGA ----------------------- */
.poklad{padding:clamp(70px,8vw,124px) 0 var(--mezera);}
.poklad__hlava{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(26px,4vw,72px);align-items:end;
  margin-bottom:clamp(32px,4vw,58px);
}
.poklad__perex{padding-left:clamp(0px,1.6vw,26px);border-left:1px solid var(--linka);}
.poklad__perex p{color:var(--seda);max-width:50ch;}
.poklad__perex p:last-child{margin-bottom:0;}
.poklad__perex .odstavec-uvodni{color:var(--bila);}

/* panorama celého depozitu */
.poklad__panorama{
  position:relative;margin:0 auto;max-width:var(--sirka);padding-inline:var(--okraj);
}
.poklad__panorama img{
  width:100%;height:auto;border:1px solid var(--linka-silna);
  filter:saturate(.88) contrast(1.05) brightness(.94);
}
.poklad__panorama figcaption{
  position:absolute;left:var(--okraj);bottom:1px;
  display:flex;flex-direction:column;gap:5px;
  padding:16px clamp(40px,5vw,80px) 15px 18px;
  background:linear-gradient(90deg,rgba(8,6,4,.94) 62%,rgba(8,6,4,0));
  font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--seda-tmava);
}
.poklad__panorama figcaption b{color:var(--zlato);font-weight:400;font-size:11px;}
.poklad__razitko{
  position:absolute;top:14px;right:calc(var(--okraj) + 14px);
  padding:8px 13px;border:1px solid var(--linka-silna);background:rgba(8,6,4,.72);
  font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--zlato);
}
.poklad__razitko i{font-style:normal;color:var(--bronz);}

/* čtyři fakta o nálezu, stejná katalogová sazba jako čísla spolku */
.poklad__fakta{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--linka);border:1px solid var(--linka);
  margin-top:clamp(34px,4vw,60px);
}
.fakt{
  position:relative;background:rgba(10,8,6,.86);
  padding:clamp(24px,3.2vw,48px) clamp(18px,2vw,34px);
  transition:background .5s;
}
.fakt:hover{background:rgba(194,161,92,.07);}
.fakt__znacka{
  position:absolute;top:14px;right:16px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;color:rgba(194,161,92,.45);
}
.fakt b{
  display:block;font-family:var(--display);font-weight:300;
  font-size:clamp(34px,4.8vw,72px);line-height:1;letter-spacing:-.01em;
  color:var(--zlato-svetle);margin-bottom:14px;font-variant-numeric:tabular-nums;
}
.fakt__popis{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--seda-tmava);line-height:1.9;
}

/* příběh vlevo, vlastní záběry spolku vpravo */
.poklad__mriz{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(34px,4.6vw,80px);align-items:start;
  margin-top:clamp(40px,5vw,76px);
}
.osa{position:relative;}
.krok{
  display:grid;grid-template-columns:clamp(74px,8vw,104px) minmax(0,1fr);
  gap:clamp(14px,1.8vw,26px);
}
.krok__rok{
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;line-height:1.7;
  color:var(--zlato);text-align:right;padding-top:3px;
}
.krok__rok i{display:block;font-style:normal;color:var(--seda-tmava);}
.krok__text{
  position:relative;border-left:1px solid var(--linka);
  padding:0 0 clamp(26px,3vw,44px) clamp(18px,2vw,30px);
}
.krok:last-child .krok__text{border-left-color:transparent;padding-bottom:0;}
.krok__text::before{
  content:"";position:absolute;left:-4.5px;top:7px;width:8px;height:8px;
  background:var(--hlina);border:1px solid var(--zlato);transform:rotate(45deg);
}
.krok--zlaty .krok__text::before{background:var(--zlato);box-shadow:0 0 18px rgba(194,161,92,.5);}
.krok h3{
  font-size:clamp(17px,1.5vw,23px);font-weight:400;text-transform:uppercase;
  letter-spacing:.02em;margin-bottom:10px;
}
.krok--zlaty h3{color:var(--zlato-svetle);}
.krok p{color:var(--seda);font-size:15.5px;margin:0;max-width:54ch;}
/* připravené místo na video z tiskové konference */
.krok__video{margin-top:16px;}
.krok .krok__pozn{
  margin-top:14px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;
  line-height:1.9;text-transform:uppercase;color:var(--seda-tmava);
}

/* osa je po doplnění celé cesty delší než záběry, proto je sloupec s médii lepkavý
   a drží se u čtenáře po celý příběh */
.poklad__media{
  display:grid;gap:clamp(16px,1.8vw,26px);align-content:start;
  position:sticky;top:calc(var(--hlavicka-v) + 26px);
}
.zaber{margin:0;}
.zaber__ramec{
  position:relative;aspect-ratio:16/9;overflow:hidden;
  background:#070603;border:1px solid var(--linka-silna);
}
.zaber__video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;background:#070603;
  /* stejné ztlumení jako u fotek, ať záběr zapadne do tmavé sazby */
  filter:saturate(.84) contrast(1.03) brightness(.88);
}
.zaber__spinac{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  background:linear-gradient(180deg,rgba(7,6,3,.3),rgba(7,6,3,.72));
  transition:opacity .6s var(--plynule),visibility .6s;
}
.zaber__ramec.je-spustene .zaber__spinac{opacity:0;visibility:hidden;}
.zaber__ikona{
  width:clamp(54px,5vw,68px);height:clamp(54px,5vw,68px);border-radius:50%;
  border:1px solid var(--zlato);display:grid;place-items:center;
  transition:background .4s,transform .5s var(--plynule);
}
.zaber__ikona i{
  display:block;margin-left:4px;width:0;height:0;
  border-left:13px solid var(--zlato);
  border-top:8px solid transparent;border-bottom:8px solid transparent;
  transition:border-color .4s;
}
.zaber__spinac:hover .zaber__ikona{background:var(--zlato);transform:scale(1.06);}
.zaber__spinac:hover .zaber__ikona i{border-left-color:#0A0806;}
.zaber__popisek{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--bila);
}
.zaber figcaption{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-top:12px;
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--seda-tmava);
}
.zaber figcaption b{color:var(--zlato);font-weight:400;font-size:10.5px;}
.zaber figcaption i{font-style:normal;color:var(--bronz);}
.zaber--foto{overflow:hidden;}
.zaber--foto img{
  width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--linka);
  filter:saturate(.8) brightness(.86);transition:filter .7s,transform 1.4s var(--plynule);
}
.zaber--foto:hover img{filter:saturate(.95) brightness(1);transform:scale(1.03);}

.poklad__plakat{
  margin:clamp(40px,5vw,78px) auto 0;max-width:var(--sirka);padding-inline:var(--okraj);
}
.poklad__plakat img{width:100%;height:auto;border:1px solid var(--linka);}

/* ------------------------------ 9. SPOLEK ------------------------------- */
.spolek{padding:clamp(80px,9vw,140px) 0 var(--mezera);}
.spolek__mriz{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(34px,5vw,96px);align-items:start;
}
.odstavec-uvodni{
  font-size:clamp(18px,1.5vw,25px);line-height:1.6;color:var(--bila);font-weight:300;
  margin-bottom:1.3em;
}
.spolek__text p{color:var(--seda);}
.spolek__heslo{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(19px,2.1vw,30px);letter-spacing:.04em;color:var(--zlato);
  line-height:1.16;margin:1.6em 0 1.2em;padding-left:20px;border-left:2px solid var(--zlato);
}
.znaky{display:grid;gap:1px;background:var(--linka);border-block:1px solid var(--linka);margin-top:36px;}
.znaky li{
  display:flex;align-items:baseline;gap:16px;padding:16px 4px;
  background:var(--hlina);font-size:15px;color:var(--seda);
  transition:background .4s,color .4s,padding-left .4s var(--plynule);
}
.znaky li:hover{background:rgba(194,161,92,.06);color:var(--bila);padding-left:14px;}
.znaky span{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--zlato);
  flex-shrink:0;
}

.spolek__foto{margin:0;position:relative;}
.ramecek{
  position:relative;overflow:hidden;
  border:1px solid var(--linka);padding:10px;background:rgba(194,161,92,.03);
}
.ramecek img{
  width:100%;aspect-ratio:3/2;object-fit:cover;
  filter:saturate(.85) contrast(1.05) brightness(.92);
  transition:transform 1.6s var(--plynule),filter .8s;
}
.spolek__foto:hover .ramecek img{transform:scale(1.045);filter:saturate(.95) brightness(1);}
.spolek__foto figcaption{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding-top:14px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--seda-tmava);
}
.spolek__foto figcaption b{color:var(--zlato);font-weight:400;}
.spolek__odznak{
  position:absolute;top:-22px;right:-10px;
  width:104px;height:104px;border-radius:50%;
  border:1px solid var(--linka-silna);background:rgba(10,8,6,.9);
  display:grid;place-content:center;text-align:center;
  font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--seda-tmava);
  text-transform:uppercase;line-height:1.8;
  animation:plovak 7s ease-in-out infinite;
}
.spolek__odznak b{
  display:block;font-family:var(--display);font-size:25px;letter-spacing:.06em;
  color:var(--zlato);font-weight:400;line-height:1.1;
}
@keyframes plovak{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}

/* ------------------------------- 10. ČÍSLA ------------------------------ */
.cisla{padding:0 0 var(--mezera);}
.cisla__hlava{
  display:flex;align-items:center;gap:clamp(12px,1.6vw,22px);
  margin-bottom:clamp(16px,1.8vw,26px);
  font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;
}
.cisla__stitek{color:var(--zlato);}
.cisla__stav{color:var(--seda-tmava);}
.cisla__cara{flex:1;height:1px;background:linear-gradient(90deg,var(--linka-silna),rgba(194,161,92,.06));}
.cisla__mriz{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--linka);border:1px solid var(--linka);
}
.cislo{
  position:relative;background:rgba(10,8,6,.86);padding:clamp(26px,3.4vw,52px) clamp(18px,2vw,34px);
  transition:background .5s;
}
.cislo:hover{background:rgba(194,161,92,.07);}
.cislo__znacka{
  position:absolute;top:14px;right:16px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;color:rgba(194,161,92,.45);
}
.cislo b{
  display:block;font-family:var(--display);font-weight:300;
  font-size:clamp(38px,5.4vw,80px);line-height:1;letter-spacing:-.01em;
  color:var(--bila);margin-bottom:14px;
  font-variant-numeric:tabular-nums;
}
.cislo__popis{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--seda-tmava);line-height:1.9;
}

/* ------------------------------ 11. SLUŽBY ------------------------------ */
.sluzby{padding:var(--mezera) 0;}
.sluzby__mriz{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--linka);border:1px solid var(--linka);}
.sluzba{
  position:relative;overflow:hidden;background:rgba(10,8,6,.88);
  padding:clamp(30px,3.6vw,58px);min-height:clamp(260px,26vw,360px);
  display:flex;flex-direction:column;
  transition:background .6s;
}
.sluzba__cislo{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;color:var(--zlato);
  display:block;margin-bottom:clamp(20px,3vw,44px);
}
.sluzba h3{
  font-size:clamp(20px,2.05vw,31px);font-weight:400;text-transform:uppercase;
  letter-spacing:.01em;line-height:1.1;margin-bottom:18px;max-width:22ch;
  transition:color .4s;
}
.sluzba p{color:var(--seda);font-size:15.5px;max-width:44ch;margin:0;position:relative;z-index:2;}
/* fotka je vidět jemně i v klidu, aby plocha nebyla jen prázdná barva */
.sluzba__foto{
  position:absolute;inset:0;z-index:0;opacity:.22;
  transition:opacity .8s var(--plynule);
}
.sluzba__foto::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,rgba(10,8,6,.95) 26%,rgba(10,8,6,.6) 100%);
}
/* rohová rytina v pravém horním rohu karty */
.sluzba::before{
  content:"";position:absolute;z-index:3;
  right:clamp(18px,2.2vw,38px);top:clamp(18px,2.2vw,38px);
  width:clamp(34px,3.6vw,58px);height:clamp(34px,3.6vw,58px);
  border-top:1px solid var(--linka);border-right:1px solid var(--linka);
  transition:width .7s var(--plynule),height .7s var(--plynule),border-color .5s;
  pointer-events:none;
}
.sluzba:hover::before{width:clamp(48px,5.4vw,90px);height:clamp(48px,5.4vw,90px);border-color:var(--linka-silna);}
.sluzba__foto img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.8);}
.sluzba:hover .sluzba__foto{opacity:1;}
.sluzba:hover h3{color:var(--zlato);}
.sluzba > *:not(.sluzba__foto){position:relative;z-index:2;}
.sluzba::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:2px;
  background:linear-gradient(90deg,var(--zlato),transparent);
  transition:width .8s var(--plynule);z-index:3;
}
.sluzba:hover::after{width:100%;}

.sluzby__vyzva{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;
  margin-top:clamp(34px,4vw,60px);padding-top:clamp(28px,3vw,44px);
  border-top:1px solid var(--linka);
}
.sluzby__vyzva p{
  margin:0;font-family:var(--display);font-weight:300;text-transform:uppercase;
  font-size:clamp(16px,1.7vw,24px);letter-spacing:.06em;
}
.sluzby__kontakt{display:flex;gap:12px;flex-wrap:wrap;}

/* ------------------- 11b. ČÍM MĚŘÍME, TECHNIKA SPOLKU ------------------- */
.technika{margin-top:clamp(38px,4.4vw,70px);}
.technika__hlava{
  display:flex;align-items:center;gap:clamp(12px,1.6vw,22px);
  margin-bottom:clamp(14px,1.6vw,22px);
  font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;
}
.technika__stitek{color:var(--zlato);}
.technika__pozn{color:var(--seda-tmava);}
.technika__cara{flex:1;height:1px;background:linear-gradient(90deg,var(--linka-silna),rgba(194,161,92,.06));}
.technika__mriz{
  display:grid;grid-template-columns:repeat(6,1fr);gap:1px;
  background:var(--linka);border:1px solid var(--linka);
}
.pristroj{position:relative;margin:0;aspect-ratio:3/4;overflow:hidden;background:#0A0806;}
.pristroj img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.6) brightness(.62);
  transition:transform 1.3s var(--plynule),filter .8s;
}
.pristroj:hover img{transform:scale(1.07);filter:saturate(1) brightness(.95);}
.pristroj figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:16px 14px 14px;
  background:linear-gradient(180deg,transparent,rgba(8,6,4,.94));
}
.pristroj figcaption b{
  display:block;font-family:var(--display);font-weight:400;font-size:13.5px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--bila);line-height:1.2;
}
.pristroj figcaption span{
  display:block;margin-top:6px;font-family:var(--mono);font-size:9.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--seda-tmava);line-height:1.6;
}
.technika__pata{margin:clamp(16px,1.9vw,26px) 0 0;color:var(--seda);font-size:15.5px;max-width:74ch;}

/* ------------------------------ 12. PŘEDĚL ------------------------------ */
.predel{
  position:relative;height:clamp(300px,46vh,520px);overflow:hidden;
  display:grid;place-items:center;
}
.predel__foto{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(.72) brightness(.56) contrast(1.08);
  transform:scale(1.12);will-change:transform;
  /* měkký přechod do pozadí stránky, aby nevznikla viditelná hrana */
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 17%,#000 83%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 17%,#000 83%,transparent 100%);
}
.predel__stin{
  position:absolute;inset:0;
  background:radial-gradient(78% 78% at 50% 50%,rgba(6,8,4,.28) 0%,rgba(6,8,4,.8) 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 17%,#000 83%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 17%,#000 83%,transparent 100%);
}
.predel__citat{
  position:relative;margin:0;padding:0 var(--okraj);text-align:center;
  font-family:var(--text);font-style:italic;font-weight:300;
  font-size:clamp(20px,3.1vw,44px);line-height:1.34;color:var(--bila);
  max-width:24ch;text-shadow:0 2px 30px rgba(0,0,0,.6);
}

/* ------------------------------- 13. AKCE ------------------------------- */
.akce{padding:var(--mezera) 0;}
.chystame{margin-bottom:clamp(50px,6vw,92px);}
.chystame__prazdno{
  display:flex;align-items:center;gap:clamp(20px,3vw,48px);
  padding:clamp(28px,3.4vw,52px);
  border:1px solid var(--linka);background:rgba(194,161,92,.04);
  position:relative;overflow:hidden;
}
.chystame__prazdno::before{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(135deg,rgba(194,161,92,.05) 0 1px,transparent 1px 13px);
  pointer-events:none;
}
.chystame__ikona{flex-shrink:0;width:clamp(54px,6vw,86px);color:var(--zlato);position:relative;}
.chystame__ikona svg{width:100%;height:auto;animation:puls 3.6s ease-in-out infinite;}
@keyframes puls{0%,100%{opacity:.55;transform:scale(1);}50%{opacity:1;transform:scale(1.06);}}
.chystame__prazdno h3{
  font-size:clamp(19px,2.1vw,30px);font-weight:400;text-transform:uppercase;
  margin-bottom:12px;letter-spacing:.01em;
}
.chystame__prazdno p{color:var(--seda);max-width:56ch;}
.chystame__prazdno > div{position:relative;}

.archiv__hlava{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;
  padding-bottom:18px;border-bottom:1px solid var(--linka-silna);margin-bottom:0;
}
.archiv__hlava .nadpisek{margin:0;}
.filtr{display:flex;flex-wrap:wrap;gap:6px;}
.filtr__tlac{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  padding:8px 14px;color:var(--seda-tmava);border:1px solid transparent;
  transition:color .3s,border-color .3s,background .3s;
}
.filtr__tlac:hover{color:var(--bila);border-color:var(--linka);}
.filtr__tlac.je-aktivni{color:#0A0806;background:var(--zlato);border-color:var(--zlato);}

.archiv__seznam{border-bottom:1px solid var(--linka);}
.udalost{border-bottom:1px solid var(--linka);}
.udalost.je-skryta,.udalost.je-odfiltrovana{display:none;}
.udalost__hlava{margin:0;font-family:inherit;font-weight:inherit;}
.udalost__spinac{
  width:100%;display:grid;
  grid-template-columns:52px 150px minmax(0,1fr) 190px 30px;
  align-items:center;gap:clamp(10px,1.6vw,26px);
  padding:clamp(16px,1.7vw,24px) 4px;text-align:left;
  transition:background .4s,padding-left .5s var(--plynule);
}
.udalost__spinac:hover{background:rgba(194,161,92,.05);padding-left:16px;}
.udalost__poradi{
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:rgba(194,161,92,.45);
}
.udalost__datum{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--zlato);
  white-space:nowrap;
}
.udalost__nazev{
  font-family:var(--display);font-weight:400;font-size:clamp(16px,1.42vw,23px);
  text-transform:uppercase;letter-spacing:.02em;color:var(--bila);line-height:1.2;
  transition:color .35s;
}
.udalost__spinac:hover .udalost__nazev{color:var(--zlato);}
/* akce, při které jsme našli poklad barona Liebiega */
.udalost__stitek{
  display:inline-block;vertical-align:middle;margin-left:10px;padding:4px 9px;
  font-family:var(--mono);font-style:normal;font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:#0A0806;background:var(--zlato);
}
.udalost--poklad .udalost__datum{color:var(--zlato-svetle);}
.volba--poklad{color:var(--zlato);border-color:var(--linka-silna);}
.udalost__misto{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--seda-tmava);
}
.udalost__znak{position:relative;width:16px;height:16px;justify-self:end;}
.udalost__znak i{
  position:absolute;background:var(--zlato);transition:transform .45s var(--plynule),opacity .3s;
}
.udalost__znak i:nth-child(1){left:0;right:0;top:7.5px;height:1px;}
.udalost__znak i:nth-child(2){top:0;bottom:0;left:7.5px;width:1px;}
.udalost.je-otevrena .udalost__znak i:nth-child(2){transform:scaleY(0);opacity:0;}
.udalost.je-otevrena .udalost__nazev{color:var(--zlato);}
.udalost.je-otevrena{background:rgba(194,161,92,.045);}

.udalost__detail{overflow:hidden;height:0;transition:height .55s var(--plynule);}
.udalost__vnitrek{
  padding:6px 4px clamp(26px,3vw,40px) calc(52px + clamp(10px,1.6vw,26px));
  max-width:1080px;
}
.udalost__popis{color:var(--seda);max-width:70ch;margin-bottom:22px;}
.udalost__volby{display:flex;flex-wrap:wrap;gap:8px;}
.volba{
  display:inline-flex;align-items:center;gap:9px;
  padding:11px 17px;border:1px solid var(--linka);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--seda);transition:color .35s,border-color .35s,background .35s,transform .35s;
}
.volba svg{width:15px;height:15px;flex-shrink:0;}
.volba:hover{color:var(--bila);border-color:var(--linka-silna);background:rgba(194,161,92,.09);transform:translateY(-2px);}
.volba--fotky{color:var(--zlato);border-color:var(--linka-silna);}
.volba--video{color:#E8837B;border-color:rgba(232,131,123,.34);}
.volba--video:hover{background:rgba(232,131,123,.1);border-color:rgba(232,131,123,.6);color:#F5B0AA;}
.volba--sdilet.je-zkopirovano{color:#0A0806;background:var(--zlato);border-color:var(--zlato);}

.udalost__prehravac{margin-top:22px;}
.prehravac{max-width:820px;}
.prehravac__ramec{
  position:relative;aspect-ratio:16/9;border:1px solid var(--linka-silna);background:#000;
}
.prehravac__ramec iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.prehravac__pata{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
  padding-top:12px;
}
.prehravac__pata span{
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--seda-tmava);
}
.odebirat{
  display:inline-flex;align-items:center;gap:8px;padding:9px 15px;
  background:#C4302B;color:#fff;font-family:var(--mono);font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;transition:background .3s,transform .3s;
}
.odebirat:hover{background:#E0463F;transform:translateY(-2px);}
.odebirat svg{width:15px;height:15px;}

.archiv__vice{display:flex;justify-content:center;margin-top:clamp(30px,3.6vw,50px);}
.archiv__pozn{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:clamp(10px,1.4vw,20px);margin:clamp(22px,2.6vw,36px) 0 0;
  font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--seda-tmava);text-align:center;
}
.archiv__pozn i{width:26px;height:1px;background:var(--linka-silna);flex-shrink:0;}

/* ----------------------------- 14. MOZAIKA ------------------------------ */
.nalezy{padding:var(--mezera) 0;}
/* mozaika je sázená do sloupců, takže v ní nevznikají prázdná okna */
.mozaika{
  columns:3;column-gap:clamp(8px,1vw,18px);
  padding:0 var(--okraj);max-width:var(--sirka);margin:0 auto;
  counter-reset:dlazdice;
}
.dlazdice{
  position:relative;display:block;overflow:hidden;
  margin:0 0 clamp(8px,1vw,18px);
  break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;
  aspect-ratio:4/3;
  /* podklad drží kompozici i ve chvíli, kdy se fotka teprve načítá */
  background:
    radial-gradient(120% 90% at 50% 0%,rgba(194,161,92,.07),transparent 62%),
    #0D0B08;
  border:1px solid rgba(194,161,92,.1);
  counter-increment:dlazdice;
}
/* katalogové číslo nálezu v rohu dlaždice */
.dlazdice::before{
  content:"N" counter(dlazdice,decimal-leading-zero);
  position:absolute;top:12px;left:14px;z-index:3;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;
  color:rgba(243,238,228,.62);text-shadow:0 1px 6px rgba(0,0,0,.8);
  transition:color .5s;
}
.dlazdice:hover::before{color:var(--zlato-svetle);}
.dlazdice--vysoka{aspect-ratio:3/4.2;}
.dlazdice--siroka{aspect-ratio:16/9;}
.dlazdice img{
  width:100%;height:112%;object-fit:cover;
  filter:saturate(.8) contrast(1.07) brightness(.76);
  transition:filter .8s var(--plynule),transform 1.4s var(--plynule);
  will-change:transform;
}
.dlazdice::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(8,6,4,.9) 100%);
  opacity:.8;transition:opacity .6s;
}
.dlazdice:hover img{filter:saturate(1) contrast(1.05) brightness(.98);}
.dlazdice:hover::after{opacity:1;}
.dlazdice figcaption{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:clamp(14px,1.6vw,24px);
  transform:translateY(12px);opacity:0;
  transition:transform .6s var(--plynule),opacity .6s;
}
.dlazdice:hover figcaption{transform:none;opacity:1;}
.dlazdice figcaption b{
  display:block;font-family:var(--display);font-weight:400;
  font-size:clamp(14px,1.14vw,19px);text-transform:uppercase;letter-spacing:.04em;
  color:var(--bila);margin-bottom:4px;
}
.dlazdice figcaption span{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--zlato);
}
.nalezy__pata{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;
  margin-top:clamp(30px,3.6vw,52px);padding-top:clamp(24px,2.6vw,38px);
  border-top:1px solid var(--linka);
}
.nalezy__pata p{margin:0;color:var(--seda);font-size:15.5px;}

/* ------------------------------ 15. KÁMEN ------------------------------- */
.kamen{padding:var(--mezera) 0;}
.kamen__mriz{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(30px,4.5vw,84px);align-items:center;
}
.kamen__sloupec{display:grid;gap:clamp(8px,1vw,14px);}
.kamen__pasek{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1vw,14px);}
.kamen__pasek figure{
  position:relative;margin:0;overflow:hidden;aspect-ratio:1/1;
  border:1px solid rgba(180,210,235,.14);
}
.kamen__pasek img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.8) brightness(.88);
  transition:transform 1.2s var(--plynule),filter .7s;
}
.kamen__pasek figure:hover img{transform:scale(1.07);filter:none;}
.kamen__pasek figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:16px 11px 10px;
  background:linear-gradient(180deg,transparent,rgba(8,12,17,.92));
  font-family:var(--mono);font-size:9px;letter-spacing:.14em;
  text-transform:uppercase;color:#9EC4DE;line-height:1.5;
}
.kamen__foto{margin:0;overflow:hidden;border:1px solid rgba(180,210,235,.14);}
.kamen__foto img{
  width:100%;aspect-ratio:5/4;object-fit:cover;object-position:center 62%;
  filter:saturate(.72) contrast(1.05) brightness(.9);
  transition:transform 1.8s var(--plynule);
}
.kamen__foto:hover img{transform:scale(1.05);}
.kamen__foto figcaption{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:13px 2px 0;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--seda-tmava);
}
.kamen__foto figcaption b{color:#9EC4DE;font-weight:400;}
.kamen__text p{color:var(--seda);max-width:52ch;}
.kamen__text p b{color:var(--bila);font-weight:400;}
.kamen__text .nadpis-sekce{margin-bottom:.6em;}
.kamen__tlacitka{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}

/* ----------------------------- 16. PARTNEŘI ----------------------------- */
.partneri{padding:var(--mezera) 0;}
.partneri__seznam{border-top:1px solid var(--linka);}
.partner{
  display:grid;grid-template-columns:56px minmax(0,1fr) auto;
  align-items:center;gap:clamp(14px,2vw,30px);
  padding:clamp(18px,2.2vw,30px) 4px;border-bottom:1px solid var(--linka);
  transition:background .4s,padding-left .5s var(--plynule);
}
.partner:hover{background:rgba(194,161,92,.05);padding-left:16px;}
.partner__cislo{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:rgba(194,161,92,.5);}
.partner b{
  display:block;font-family:var(--display);font-weight:400;
  font-size:clamp(17px,1.6vw,26px);text-transform:uppercase;letter-spacing:.02em;
  margin-bottom:5px;transition:color .35s;
}
.partner:hover b{color:var(--zlato);}
.partner span{color:var(--seda);font-size:15px;}
.partner > a{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--zlato);border-bottom:1px solid transparent;padding-bottom:3px;
  transition:border-color .3s;white-space:nowrap;
}
.partner > a:hover{border-bottom-color:var(--zlato);}

/* ---------------------------- 17. VEŘEJNOST ----------------------------- */
.verejnost{position:relative;padding:var(--mezera) 0;overflow:hidden;}
.verejnost__media{position:absolute;inset:0;z-index:0;}
.verejnost__media img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.72) brightness(.52) contrast(1.1);
  transform:scale(1.08);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 85%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 85%,transparent 100%);
}
.verejnost__stin{
  position:absolute;inset:0;
  background:radial-gradient(72% 72% at 66% 50%,rgba(7,9,3,.2) 0%,rgba(7,9,3,.86) 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 85%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 85%,transparent 100%);
}
.verejnost .kontejner{position:relative;z-index:2;}
.verejnost__karta{
  max-width:620px;padding:clamp(28px,3.6vw,56px);
  background:rgba(9,8,5,.84);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid var(--linka-silna);position:relative;
}
.verejnost__karta::before,.verejnost__karta::after{
  content:"";position:absolute;width:18px;height:18px;border:1px solid var(--zlato);
}
.verejnost__karta::before{top:-1px;left:-1px;border-right:0;border-bottom:0;}
.verejnost__karta::after{bottom:-1px;right:-1px;border-left:0;border-top:0;}
.verejnost__text{color:var(--seda);margin-bottom:2em;}
.verejnost .nadpis-sekce{margin-bottom:.5em;}

.formular{display:grid;gap:18px;}
.pole{position:relative;}
.pole label{
  display:block;font-family:var(--mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--zlato);margin-bottom:9px;
}
.pole input{
  width:100%;height:54px;padding:0 16px;
  background:rgba(243,238,228,.03);border:1px solid var(--linka);
  color:var(--bila);font-family:var(--text);font-size:16px;font-weight:300;
  transition:border-color .35s,background .35s;
}
.pole input::placeholder{color:var(--seda-tmava);}
.pole input:focus{outline:none;border-color:var(--zlato);background:rgba(243,238,228,.06);}
.pole input.je-chyba{border-color:#C4584F;}
.formular__poznamka{
  margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--seda-tmava);text-align:center;
}
.formular__hlaska{
  margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  color:var(--zlato);text-align:center;min-height:1.2em;
}
.formular__hlaska.je-chyba{color:#E08A80;}

/* ---------------------------- 18. DOKUMENTY ----------------------------- */
.dokumenty{padding:var(--mezera) 0;}
.dokumenty__mriz{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:1px;background:var(--linka);border:1px solid var(--linka);
}
.dokumenty__sloupec{background:rgba(10,8,6,.88);padding:clamp(28px,3.6vw,60px);}
.dokumenty__sloupec p{color:var(--seda);}
.dokumenty__sloupec .nadpis-sekce{margin-bottom:.8em;}
.soubory{margin-top:8px;}
.soubory li{border-top:1px solid var(--linka);}
.soubory li:last-child{border-bottom:1px solid var(--linka);}
.soubory a{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 0;transition:padding-left .45s var(--plynule),color .35s;
}
.soubory a:hover{padding-left:12px;color:var(--zlato);}
.soubor__nazev{font-family:var(--display);font-weight:300;font-size:clamp(15px,1.24vw,20px);text-transform:uppercase;letter-spacing:.03em;}
.soubor__typ{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;color:var(--zlato);border:1px solid var(--linka);padding:4px 8px;}
.dokumenty__pozn{
  margin-top:20px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;
  line-height:2;text-transform:uppercase;color:var(--seda-tmava);
}
.dokumenty__sloupec--podpora{background:rgba(194,161,92,.045);}
.podpora__heslo{
  font-family:var(--text);font-style:italic;font-size:clamp(17px,1.5vw,23px);
  color:var(--zlato);line-height:1.5;margin:1.4em 0;
}
.podpora__ucet{
  border:1px solid var(--linka-silna);padding:20px 22px;margin-bottom:24px;
  display:grid;gap:5px;position:relative;overflow:hidden;
}
.podpora__ucet::after{
  content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;
  background:linear-gradient(90deg,transparent,rgba(194,161,92,.16),transparent);
  animation:lesk 5.5s ease-in-out infinite;
}
@keyframes lesk{0%{left:-40%;}55%,100%{left:120%;}}
.podpora__ucet span{font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--seda-tmava);}
.podpora__ucet b{font-family:var(--display);font-weight:400;font-size:clamp(21px,2.2vw,32px);letter-spacing:.04em;color:var(--bila);}
.podpora__ucet i{font-family:var(--mono);font-style:normal;font-size:10.5px;letter-spacing:.14em;color:var(--zlato);}
.podpora__tlacitka{display:flex;flex-wrap:wrap;gap:12px;}

/* QR platby jako katalogová police, ne jako obchodní tlačítka */
.dokumenty__sloupec--qr{
  grid-column:1/-1;display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);
  gap:clamp(28px,3.6vw,60px);align-items:center;
}
.qr-uvod{align-self:center;}
.qr-uvod__nadpis{
  font-family:var(--display);font-weight:300;font-size:clamp(20px,1.9vw,28px);
  text-transform:uppercase;letter-spacing:.02em;color:var(--bila);
  margin:0 0 .7em;line-height:1.2;
}
.dokumenty__sloupec .qr-uvod p{font-size:15.5px;}
.dokumenty__sloupec .qr-uvod__pozn{
  margin-top:16px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;
  line-height:1.9;text-transform:uppercase;color:var(--seda-tmava);
}
.qr-rada{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;background:var(--linka);border:1px solid var(--linka);
}
.qr{
  background:rgba(10,8,6,.92);padding:12px 12px 16px;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  transition:background .5s;
}
.qr:hover{background:rgba(194,161,92,.07);}
.qr__cislo{
  align-self:flex-start;font-family:var(--mono);font-size:9px;
  letter-spacing:.2em;color:var(--seda-tmava);
}
/* kód necháváme v původním kontrastu, ať jde spolehlivě načíst */
.qr img{
  width:100%;max-width:208px;height:auto;display:block;
  border:1px solid var(--linka-silna);
}
.qr__castka{
  font-family:var(--display);font-weight:400;font-size:clamp(13px,1.05vw,17px);
  letter-spacing:.14em;text-transform:uppercase;color:var(--zlato);
}

/* ----------------------------- 19. KONTAKT ------------------------------ */
.kontakt{padding:var(--mezera) 0;}
.kontakt__mriz{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linka);border:1px solid var(--linka);}
.kontakt__karta{
  background:rgba(10,8,6,.88);padding:clamp(26px,3vw,46px);
  display:flex;flex-direction:column;gap:9px;transition:background .5s;
}
.kontakt__karta--hlavni{background:rgba(194,161,92,.07);}
a.kontakt__karta:hover{background:rgba(194,161,92,.13);}
.kontakt__popis{font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--zlato);}
.kontakt__karta b{
  font-family:var(--display);font-weight:400;font-size:clamp(20px,1.9vw,29px);
  letter-spacing:.02em;color:var(--bila);line-height:1.15;
}
.kontakt__karta i{font-style:normal;font-size:14.5px;color:var(--seda);line-height:1.6;}

/* ----------------------------- 20. PATIČKA ------------------------------ */
.paticka{padding:clamp(60px,7vw,110px) 0 34px;border-top:1px solid var(--linka);}
.paticka__mriz{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:clamp(28px,3.4vw,60px);
}
.paticka__mark{width:44px;height:44px;color:var(--zlato);margin-bottom:18px;}
.paticka__nazev{
  font-family:var(--display);font-weight:500;font-size:16px;letter-spacing:.2em;
  text-transform:uppercase;margin-bottom:14px;
}
.paticka__sloupec p{color:var(--seda);font-size:14.5px;line-height:1.85;}
.paticka__drobne{font-family:var(--mono);font-size:10px;letter-spacing:.1em;line-height:2;color:var(--seda-tmava);text-transform:uppercase;}
.paticka__sloupec h3{
  font-size:13px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;
  color:var(--zlato);margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--linka);
}
.paticka__sloupec ul li{margin-bottom:11px;font-size:14.5px;color:var(--seda);}
.paticka__sloupec ul a{transition:color .3s,padding-left .3s;}
.paticka__sloupec ul a:hover{color:var(--zlato);padding-left:6px;}
.paticka__spodek{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
  margin-top:clamp(40px,5vw,72px);padding-top:26px;border-top:1px solid var(--linka);
}
.paticka__spodek p{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--seda-tmava);}
.paticka__souradnice{color:rgba(194,161,92,.5)!important;}

/* ----------------------------- 21. NAHORU ------------------------------- */
.nahoru{
  position:fixed;right:clamp(14px,2vw,30px);bottom:clamp(14px,2vw,30px);z-index:500;
  width:48px;height:48px;display:grid;place-items:center;
  border:1px solid var(--linka-silna);background:rgba(10,8,6,.86);color:var(--zlato);
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .4s,visibility .4s,transform .4s var(--plynule),background .3s;
  backdrop-filter:blur(8px);
}
.nahoru.je-videt{opacity:1;visibility:visible;transform:none;}
.nahoru:hover{background:var(--zlato);color:#0A0806;}
.nahoru svg{width:19px;height:19px;}

/* ---------------------------- 22. RESPONZIVITA -------------------------- */
@media (max-width:1400px){
  .menu{gap:16px;}
  .menu a{font-size:12px;letter-spacing:.12em;}
  /* Pro veřejnost se schová do mobilního menu, ať se hlavička nemačká */
  .menu a:nth-child(7){display:none;}
  .technika__mriz{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:1180px){
  .menu a:nth-child(6){display:none;}
  .poklad__hlava{grid-template-columns:1fr;align-items:start;}
  .poklad__perex{padding-left:0;border-left:0;border-top:1px solid var(--linka);padding-top:18px;}
  .odkaz__cislo{display:none;}
  .udalost__spinac{grid-template-columns:44px 132px minmax(0,1fr) 30px;}
  .udalost__misto{display:none;}
}
@media (max-width:1024px){
  :root{--hlavicka-v:70px;}
  .menu{
    position:fixed;inset:0;z-index:590;
    flex-direction:column;justify-content:center;align-items:flex-start;
    gap:6px;padding:calc(var(--hlavicka-v) + 40px) var(--okraj) 40px;
    background:rgba(8,6,4,.97);backdrop-filter:blur(20px);
    opacity:0;visibility:hidden;transform:translateY(-14px);
    transition:opacity .45s var(--plynule),visibility .45s,transform .45s var(--plynule);
    overflow-y:auto;
  }
  .menu.je-otevrene{opacity:1;visibility:visible;transform:none;}
  .menu a{font-size:clamp(24px,6vw,38px);letter-spacing:.06em;color:var(--bila);padding:10px 0;width:100%;border-bottom:1px solid var(--linka);}
  .menu a:nth-child(6),.menu a:nth-child(7){display:block;}
  .hamburger{display:block;z-index:600;}
  .znacka{position:relative;z-index:600;}
  .odkazy{margin-left:auto;border-left:0;padding-left:0;position:relative;z-index:600;}
  .odkaz{height:40px;padding:0 10px;}
  .odkaz::before{display:none;}

  .spolek__mriz,.kamen__mriz,.hlavicka-sekce--deleno,.dokumenty__mriz,.poklad__mriz{grid-template-columns:1fr;}
  /* katalogová police s QR se pod sebe srovná až na užší obrazovce */
  .dokumenty__sloupec--qr{grid-template-columns:1fr;gap:26px;}
  .poklad__media{max-width:760px;position:static;}
  .hlavicka-sekce__text{padding-left:0;border-left:0;border-top:1px solid var(--linka);padding-top:18px;}
  .sluzby__mriz{grid-template-columns:1fr;}
  .cisla__mriz,.poklad__fakta{grid-template-columns:repeat(2,1fr);}
  .kontakt__mriz{grid-template-columns:repeat(2,1fr);}
  .paticka__mriz{grid-template-columns:repeat(2,1fr);}
  .mozaika{columns:2;}
  .dlazdice--vysoka{aspect-ratio:3/4;}
  .roh{display:none;}
  .spolek__odznak{width:86px;height:86px;top:-14px;right:0;}
}
@media (max-width:720px){
  :root{--okraj:18px;}
  .uvod{min-height:92svh;}
  .uvod__nadpis{font-size:clamp(34px,10.3vw,60px);line-height:1.04;}
  /* popisky nad nadpisem se na úzké obrazovce srovnají pod sebe */
  .nadpisek{flex-wrap:wrap;gap:8px 10px;letter-spacing:.2em;font-size:10px;}
  .nadpisek--svetly{row-gap:2px;}
  .nadpisek--svetly i{display:none;}
  .nadpisek__cara{width:26px;}
  .cisla__hlava{flex-wrap:wrap;gap:8px 12px;letter-spacing:.18em;}
  .cisla__cara{min-width:40px;}
  .archiv__pozn{letter-spacing:.16em;line-height:1.9;}
  .archiv__pozn i{display:none;}
  .uvod__zaber{object-position:center 55%;}
  .uvod__pata{flex-direction:column;align-items:flex-start;gap:16px;}
  .uvod__sipka{flex-direction:row;align-self:flex-end;}
  .uvod__sipka i{width:40px;height:1px;background:linear-gradient(90deg,var(--zlato),transparent);}
  .uvod__sipka i::after{display:none;}
  .oddelovac{display:none;}
  .uvod__mini{gap:4px 14px;}
  .uvod__tlacitka .tlacitko{width:100%;}

  /* poklad na úzké obrazovce: popiska pod panorama, kroky osy užší */
  .poklad__panorama figcaption{
    position:static;background:none;padding:12px 0 0;
    flex-direction:row;flex-wrap:wrap;gap:4px 12px;
  }
  .poklad__razitko{display:none;}
  .krok{grid-template-columns:62px minmax(0,1fr);gap:12px;}
  .krok__rok{font-size:10px;letter-spacing:.08em;}
  /* QR kódy na telefonu do dvou řad, ať zůstanou dost velké na načtení */
  .qr-rada{grid-template-columns:repeat(2,minmax(0,1fr));}
  .technika__hlava{flex-wrap:wrap;gap:8px 12px;letter-spacing:.18em;}
  .technika__cara{min-width:40px;}

  .znacka__text i{display:none;}
  .znacka__text b{font-size:12px;letter-spacing:.14em;}
  .odkaz{padding:0 9px;height:38px;}
  .odkaz svg{width:16px;height:16px;}
}
/* na úzkých telefonech necháme v hlavičce jen znak, ať se vejdou všechny ikony */
@media (max-width:499px){
  .hlavicka__vnitrek{gap:10px;}
  .znacka__text{display:none;}
  .odkaz{padding:0 7px;}
  .odkazy{gap:4px;}
  .hamburger{width:40px;}

  .cisla__mriz,.poklad__fakta{grid-template-columns:1fr;}
  .technika__mriz{grid-template-columns:repeat(2,1fr);}
  .kamen__pasek{grid-template-columns:repeat(3,1fr);gap:6px;}
  .udalost__stitek{display:block;width:fit-content;margin:8px 0 0;}
  .kontakt__mriz{grid-template-columns:1fr;}
  .paticka__mriz{grid-template-columns:1fr;}
  .mozaika{columns:1;}
  .dlazdice,.dlazdice--siroka,.dlazdice--vysoka{aspect-ratio:4/3;}
  .dlazdice figcaption{transform:none;opacity:1;}

  .chystame__prazdno{flex-direction:column;align-items:flex-start;gap:18px;}
  .udalost__spinac{
    grid-template-columns:minmax(0,1fr) 26px;
    grid-template-areas:"datum znak" "nazev nazev";
    gap:6px;padding:18px 2px;
  }
  .udalost__poradi{display:none;}
  .udalost__datum{grid-area:datum;}
  .udalost__nazev{grid-area:nazev;font-size:18px;}
  .udalost__znak{grid-area:znak;}
  .udalost__spinac:hover{padding-left:2px;}
  .udalost__vnitrek{padding-left:2px;padding-right:2px;}
  .volba{width:100%;justify-content:flex-start;}

  .sluzby__vyzva{flex-direction:column;align-items:flex-start;}
  .sluzby__kontakt{width:100%;}
  .sluzby__kontakt .tlacitko{flex:1;}
  .nalezy__pata{flex-direction:column;align-items:flex-start;}
  .partner{grid-template-columns:34px minmax(0,1fr);}
  .partner > a{grid-column:2;margin-top:8px;}
  .partner:hover{padding-left:4px;}
  .verejnost__karta{padding:26px 20px;}
  .predel{height:300px;}
}

/* ------------------------- 23. OMEZENÝ POHYB ---------------------------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .anim{opacity:1;transform:none;}
  .uvod__nadpis .pismeno{opacity:1;transform:none;}
  .uvod__text,.uvod__tlacitka,.uvod__pata,.nadpisek--svetly{opacity:1;}
  .pas__stopa{animation:none;}
  .dlazdice figcaption{opacity:1;transform:none;}
  /* obě videa zůstanou stát, na scéně je vidět poster */
  .uvod__zaber--video{display:none;}
}

/* ------------------------------ KDE HLEDÁME ------------------------------ */
.pusobiste{position:relative;padding-bottom:clamp(40px,5vw,84px)}
.pusobiste__obraz{margin:0;position:relative;height:clamp(300px,50vw,760px);overflow:hidden}
.pusobiste__obraz img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.05)}
.pusobiste__obraz::before,.pusobiste__obraz::after{content:"";position:absolute;left:0;right:0;height:30%;z-index:1;pointer-events:none}
.pusobiste__obraz::before{top:0;background:linear-gradient(var(--atm-a),transparent)}
.pusobiste__obraz::after{bottom:0;background:linear-gradient(transparent,var(--atm-a))}
.pusobiste__text{position:relative;z-index:2;margin-top:clamp(-110px,-7vw,-36px)}
.pusobiste__stitek{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--zlato);margin:0 0 14px;display:flex;align-items:center;gap:14px}
.pusobiste__stitek::before{content:"";width:48px;height:1px;background:var(--linka-silna)}
.pusobiste__veta{font-family:var(--text);font-size:clamp(20px,2.1vw,32px);line-height:1.34;color:var(--bila);max-width:30ch;margin:0}