/* -------------------------------------------------------------------------
 * #NEDLUHŮM V10.0.5 — FPPP HERO + CASE VISUAL POLISH
 * 1) FPPP hero používá stejnou desktopovou výšku a rytmus jako HOME hero.
 * 2) Oba lidé z FPPP fotografie jsou zřetelně viditelní.
 * 3) HOME FPPP bridge i FPPP hero používají jediný sdílený obrazový zdroj.
 * 4) Rukopis "Nový začátek je možný." je na FPPP výrazný jako na HOME.
 * 5) Živá čísla jsou oddělena pod hero, aby jeho výška zůstala čistá.
 * 6) Červený závěr veřejného příběhu je nahrazen klidným šedým CTA panelem.
 * ------------------------------------------------------------------------- */
:root{
  --nedv105-fppp-visual:url('../images/fppp/fppp-people.jpg');
  --nedv105-hero-h:var(--ned9933-hero-h,620px);
}

/* Shared visual source: changing assets/images/fppp/fppp-people.jpg updates both places. */
.nedv102-home-fppp-art span{
  background-image:
    linear-gradient(90deg,#050607 0%,rgba(5,6,7,.69) 24%,rgba(5,6,7,.14) 58%,rgba(5,6,7,.34) 100%),
    linear-gradient(0deg,rgba(5,6,7,.46),transparent 48%),
    var(--nedv105-fppp-visual)!important;
}

/* FPPP = second HOME: exact desktop hero height / shell rhythm. */
.nedv105-fppp-hero{
  height:var(--nedv105-hero-h)!important;
  min-height:var(--nedv105-hero-h)!important;
  position:relative;
  overflow:hidden;
  background:#050607!important;
  isolation:isolate;
}
.nedv105-fppp-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none;
  background:
    linear-gradient(90deg,#050607 0%,rgba(5,6,7,.98) 27%,rgba(5,6,7,.83) 39%,rgba(5,6,7,.36) 55%,rgba(5,6,7,.14) 74%,rgba(5,6,7,.23) 100%),
    linear-gradient(0deg,rgba(5,6,7,.28) 0%,rgba(5,6,7,.03) 48%,rgba(5,6,7,.13) 100%)!important;
}
.nedv105-fppp-hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.nedv105-fppp-hero-photo{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:34%!important;
  background-image:var(--nedv105-fppp-visual)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center 36%!important;
  filter:saturate(.70) contrast(1.04) brightness(.82)!important;
  transform:none!important;
}
.nedv105-fppp-hero-layout{
  position:relative;
  z-index:2;
  width:min(var(--shell),calc(100% - clamp(56px,7vw,128px)))!important;
  height:var(--nedv105-hero-h)!important;
  min-height:var(--nedv105-hero-h)!important;
  margin-inline:auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.03fr) minmax(360px,.72fr)!important;
  grid-template-areas:"copy art"!important;
  column-gap:clamp(48px,8vw,150px)!important;
  align-items:center!important;
}
.nedv105-fppp-hero .nedv101-fppp-hero-copy{
  grid-area:copy!important;
  width:100%;
  max-width:760px!important;
  padding:34px 0!important;
  text-shadow:0 2px 24px rgba(0,0,0,.24);
}
.nedv105-fppp-hero .nedv4-section-label{margin:0!important}
.nedv105-fppp-hero h1{
  font-size:clamp(58px,5.45vw,88px)!important;
  line-height:.91!important;
  max-width:680px!important;
  margin:16px 0 0!important;
}
.nedv105-fppp-hero .nedv101-fppp-promise{
  font-size:clamp(24px,2.05vw,34px)!important;
  line-height:1.08!important;
  margin-top:15px!important;
}
.nedv105-fppp-hero .nedv101-fppp-lead{
  max-width:700px!important;
  font-size:clamp(14px,1.02vw,17px)!important;
  line-height:1.55!important;
  margin-top:16px!important;
  color:rgba(255,255,255,.68)!important;
}
.nedv105-fppp-hero .nedv101-fppp-principles{margin-top:16px!important;gap:7px!important}
.nedv105-fppp-hero .nedv101-fppp-principles span{padding:7px 11px!important;font-size:10px!important}
.nedv105-fppp-hero .nedv101-fppp-manifesto{
  max-width:700px!important;
  margin-top:16px!important;
  padding:15px 0 0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}
.nedv105-fppp-hero .nedv100-fppp-hero-actions{margin-top:18px!important;gap:10px!important}
.nedv105-fppp-hero .nedv4-btn{min-height:46px;padding:12px 18px!important}

/* Same handwriting asset and visual weight as HOME, positioned in the right hero column. */
.nedv105-fppp-handwriting{
  position:absolute!important;
  right:4.7%!important;
  top:50%!important;
  bottom:auto!important;
  width:min(23.5vw,366px)!important;
  height:auto!important;
  transform:translateY(-27%)!important;
  opacity:1!important;
  filter:drop-shadow(0 7px 22px rgba(0,0,0,.38))!important;
  z-index:2;
}

/* Live data stays fully available, but no longer stretches the hero. */
.nedv105-fppp-live-section{
  background:#080a0b;
  color:#fff;
  padding:18px 0 22px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nedv105-fppp-livebar{
  grid-area:auto!important;
  margin:0!important;
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* Public case ending: informative gray, red only as a brand accent. */
.nedv105-case-final{
  position:relative;
  padding:clamp(66px,7vw,104px) 0!important;
  background:#eef0f2!important;
  color:#15191c!important;
  text-align:left!important;
  border-top:1px solid #dde0e3;
  border-bottom:1px solid #dde0e3;
}
.nedv105-case-final>.nedv4-shell{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"label actions" "title actions" "text actions";
  column-gap:clamp(36px,6vw,90px);
  align-items:center;
  padding:clamp(32px,4vw,52px)!important;
  border:1px solid #d7dbde;
  border-radius:22px;
  background:rgba(255,255,255,.62);
  box-shadow:0 14px 42px rgba(16,24,32,.05);
  overflow:hidden;
}
.nedv105-case-final>.nedv4-shell:before{
  content:"";
  position:absolute;
  left:0;
  top:26px;
  bottom:26px;
  width:3px;
  background:var(--ned-red);
  border-radius:0 3px 3px 0;
}
.nedv105-case-final .nedv4-section-label{
  grid-area:label;
  color:#6f767c!important;
  opacity:1!important;
}
.nedv105-case-final h2{
  grid-area:title;
  margin:12px 0 0!important;
  max-width:900px!important;
  font-size:clamp(38px,4.4vw,66px)!important;
  line-height:.98!important;
  color:#171b1e!important;
}
.nedv105-case-final p{
  grid-area:text;
  max-width:820px!important;
  margin:20px 0 0!important;
  color:#697076!important;
  font-size:16px!important;
  line-height:1.6!important;
}
.nedv105-case-final>.nedv4-shell>div{
  grid-area:actions;
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  gap:10px!important;
  margin:0!important;
  min-width:220px;
}
.nedv105-case-final .nedv4-btn.is-red{
  background:var(--ned-red)!important;
  color:#fff!important;
  border-color:var(--ned-red)!important;
}
.nedv105-case-final .nedv4-btn:not(.is-red){
  background:#fff!important;
  color:#171b1e!important;
  border-color:#c9ced2!important;
}

@media(max-width:1120px){
  .nedv105-fppp-hero-photo{left:29%!important;background-position:center 36%!important}
  .nedv105-fppp-handwriting{right:3.2%!important;width:min(25vw,320px)!important}
  .nedv105-fppp-hero h1{font-size:clamp(56px,6.5vw,78px)!important}
}

@media(max-width:900px){
  .nedv105-fppp-hero{height:auto!important;min-height:0!important;padding:0!important}
  .nedv105-fppp-hero:before{
    background:
      linear-gradient(180deg,rgba(5,6,7,.14) 0%,rgba(5,6,7,.42) 31%,rgba(5,6,7,.93) 54%,#050607 76%,#050607 100%)!important;
  }
  .nedv105-fppp-hero-photo{
    left:0!important;right:0!important;top:0!important;bottom:auto!important;
    height:360px!important;
    background-size:cover!important;
    background-position:center 30%!important;
  }
  .nedv105-fppp-hero-layout{
    width:calc(100% - 36px)!important;
    height:auto!important;min-height:0!important;
    display:block!important;
    padding:250px 0 38px!important;
  }
  .nedv105-fppp-hero .nedv101-fppp-hero-copy{max-width:none!important;padding:36px 0 0!important}
  .nedv105-fppp-handwriting{right:5%!important;top:135px!important;width:min(40vw,245px)!important;transform:none!important}
  .nedv105-fppp-livebar{grid-template-columns:1fr 1fr!important}
  .nedv105-case-final>.nedv4-shell{grid-template-columns:1fr;grid-template-areas:"label" "title" "text" "actions";row-gap:0}
  .nedv105-case-final>.nedv4-shell>div{margin-top:26px!important;min-width:0;max-width:420px}
}

@media(max-width:620px){
  .nedv105-fppp-hero-photo{height:300px!important;background-position:center 30%!important}
  .nedv105-fppp-hero-layout{width:calc(100% - 28px)!important;padding-top:215px!important}
  .nedv105-fppp-hero h1{font-size:clamp(48px,13.5vw,64px)!important}
  .nedv105-fppp-hero .nedv101-fppp-promise{font-size:24px!important}
  .nedv105-fppp-handwriting{top:114px!important;right:2%!important;width:min(46vw,205px)!important}
  .nedv105-fppp-livebar{grid-template-columns:1fr!important}
  .nedv105-case-final{padding:48px 0!important}
  .nedv105-case-final>.nedv4-shell{width:calc(100% - 28px)!important;padding:28px 22px!important;border-radius:18px}
  .nedv105-case-final h2{font-size:clamp(36px,10vw,48px)!important}
  .nedv105-case-final>.nedv4-shell>div{width:100%;max-width:none}
  .nedv105-case-final .nedv4-btn{width:100%;text-align:center}
}