/*===== Nadjezd obsahu při načtení =====*/
@keyframes lsFadeUp{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}

/*===== Hero =====*/
.ld-hero{padding:clamp(44px,6vw,80px) 0 clamp(34px,5vw,64px)}
.ld-hero-obal{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:clamp(28px,5vw,64px);
  align-items:center;
}
.ld-hero-text{animation:lsFadeUp .7s ease both}

.ld-hero h1{
  margin:22px 0 0;
  font-family:'Newsreader',Georgia,serif;
  font-weight:500;
  font-size:clamp(30px,6.6vw,66px);
  line-height:1.02;
  letter-spacing:-.025em;
  color:var(--ls-vino);
  text-wrap:balance;
}
.ld-podmotto{
  margin:18px 0 0;
  font-size:clamp(18px,2.2vw,24px);
  font-weight:300;
  line-height:1.3;
  color:var(--ls-zelena-hero);
}
.ld-hero .ls-lede{margin-top:18px}

/*===== Logo v kruhu =====*/
.ld-znak{
  animation:lsFadeUp .9s ease .1s both;
  aspect-ratio:1/1;
  border-radius:999px;
  border:1px solid rgba(108,154,63,.28);
  background:radial-gradient(circle at 50% 42%, #FFFFFF 0%, #F3EFE4 62%, transparent 72%);
  display:flex;align-items:center;justify-content:center;
}
.ld-znak img{width:64%;max-width:270px;height:auto}

/*===== Čísla =====*/
.ld-cisla{
  background:var(--ls-plocha);
  border-top:1px solid rgba(36,26,28,.07);
  padding:clamp(48px,7vw,92px) 0;
  scroll-margin-top:80px;
}
.ld-cisla .ls-lede{max-width:62ch}

.ld-karty{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(238px,1fr));
  gap:clamp(14px,1.6vw,20px);
  margin-top:clamp(28px,4vw,44px);
}
.ld-karta{
  background:var(--ls-karta);
  border:1px solid var(--ls-hranice);
  border-radius:20px;
  box-shadow:var(--ls-stin);
  padding:26px 24px 22px;
  display:flex;flex-direction:column;gap:14px;
}
.ld-eyebrow{
  margin:0;
  font-size:11px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--ls-list-text);
}
.ld-cislo{
  margin:0;
  display:flex;align-items:baseline;gap:.12em;
  font-family:'Newsreader',Georgia,serif;
  font-weight:600;
  font-size:clamp(46px,5vw,60px);
  line-height:1;
  font-variant-numeric:tabular-nums;
  color:var(--ls-vino);
}
.ld-jednotka{
  font-size:.3em;font-weight:600;letter-spacing:0;
  color:var(--ls-inkoust-45);
}

.ld-tecky{display:flex;flex-wrap:wrap;gap:4px}
.ld-tecka{
  width:9px;height:9px;border-radius:999px;
  background:rgba(140,27,63,.16);
}
.ld-tecka.je{background:var(--ls-vino)}
.ld-sloupek{
  width:22px;height:9px;border-radius:999px;
  background:rgba(108,154,63,.20);
}
.ld-sloupek.je{background:var(--ls-list)}
.ld-tecka,.ld-sloupek{transition:background .28s ease}

.ld-titul{margin:0;font-size:17px;font-weight:700;line-height:1.35;color:var(--ls-inkoust)}
.ld-popis{margin:0;font-size:15px;line-height:1.6;color:var(--ls-inkoust-60);text-wrap:pretty}
.ld-zdroj{
  margin:clamp(20px,3vw,28px) 0 0;
  font-size:13px;line-height:1.6;
  color:var(--ls-inkoust-45);
}

/*===== Rozcestník =====*/
.ld-rozcestnik{padding:clamp(48px,7vw,92px) 0;scroll-margin-top:80px}
/* Pevny pocet sloupcu, aby ctvrta dlazdice nezustala sama na radku. */
.ld-bloky{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(14px,1.6vw,20px);
  margin-top:clamp(24px,3vw,34px);
}
@media (min-width:600px){.ld-bloky{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.ld-bloky{grid-template-columns:repeat(4,1fr)}}
.ld-blok{
  background:var(--ls-karta);
  border:1px solid var(--ls-hranice);
  border-radius:20px;
  box-shadow:var(--ls-stin);
  padding:28px 26px;
  text-decoration:none;
  display:flex;flex-direction:column;
  transition:border-color .18s ease,transform .18s ease;
}
.ld-blok:hover{border-color:var(--ls-vino);transform:translateY(-3px)}
.ld-blok-cislo{
  font-family:'Newsreader',Georgia,serif;
  font-weight:600;font-size:15px;
  color:var(--ls-vino-slabe);
}
.ld-blok h3{
  margin:10px 0 0;
  font-family:'Newsreader',Georgia,serif;
  font-weight:600;font-size:26px;line-height:1.15;
  letter-spacing:-.015em;
  color:var(--ls-vino);
}
.ld-blok p{
  margin:12px 0 0;
  font-size:15.5px;line-height:1.6;
  color:var(--ls-inkoust-60);
  text-wrap:pretty;
}
.ld-blok-vice{
  margin-top:18px;
  font-size:14.5px;font-weight:700;
  color:var(--ls-vino);
}

/*===== Podnět =====*/
.ld-podnet{padding:clamp(48px,7vw,92px) 0;scroll-margin-top:80px}

/*===== Hero: textový řádek nad fotkou =====*/
.ld-hero{padding-bottom:0}
.ld-hero-obal{align-items:end;gap:clamp(24px,4vw,52px)}
.ld-hero-vpravo{animation:lsFadeUp .9s ease .1s both}
.ld-hero-vpravo .ls-lede{margin-top:0}

/*===== Hero: fotka týmu =====*/
.ld-foto{
  position:relative;
  margin-top:clamp(30px,4vw,48px);
  line-height:0;
}
.ld-foto img{
  display:block;
  width:100%;
  height:auto;
  max-height:clamp(360px,62svh,700px);
  object-fit:cover;
  object-position:50% 50%;
}

/*===== Vínový závoj přes spodek fotky =====*/
.ld-zavoj{
  position:absolute;
  left:0;right:0;bottom:0;
  line-height:1.6;
  padding-top:clamp(84px,10vw,132px);
  background:linear-gradient(to top,
    rgba(58,14,29,.94) 0%,
    rgba(58,14,29,.90) 42%,
    rgba(58,14,29,.80) 62%,
    rgba(58,14,29,.50) 80%,
    rgba(58,14,29,0) 100%);
}

.ld-fakta-foto{
  list-style:none;
  display:flex;flex-wrap:wrap;
  gap:8px clamp(18px,3.4vw,40px);
  padding-bottom:clamp(18px,2.6vw,30px);
  font-size:14px;
  color:var(--ls-na-vine-2);
}
.ld-fakta-foto strong{
  color:var(--ls-na-vine);
  font-weight:700;
}

/*===== Podmotto kurzívou podle návrhu =====*/
.ld-podmotto{font-style:italic}

/*===== Mobil: čtyři fakta na fotce na jeden řádek =====*/
@media (max-width:620px){
  .ld-fakta-foto{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:4px;
    text-align:center;
    font-size:11px;
    line-height:1.3;
  }
  .ld-fakta-foto li{min-width:0}
  .ld-fakta-foto strong{display:block;font-size:18px;margin-bottom:3px}
}