/* ===== Noc, kdy přestalo foukat · CZ verze ===== */
:root{
  --night:#160f08;      /* horká noc */
  --paper:#f6efe7;
  --amber:#e8a24b;
  --cool:#bfe3f5;
  --cool-deep:#0d1b26;
  --ink:#20160c;
  --line:#3a2c1c;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--night);color:var(--paper);
  font-family:"Albert Sans",system-ui,sans-serif;
  font-size:17px;line-height:1.65;overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
h1,h2{font-family:Fraunces,serif;font-weight:600;line-height:1.08;text-wrap:balance}
.kicker{
  font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--amber);font-weight:600;margin-bottom:1rem;
}
.kicker.dark{color:#b06e1f}

/* ===== kapitoly ===== */
.chap{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.chap-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0a0704}
.chap-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,7,4,0) 30%,rgba(10,7,4,.82) 100%)}
.calm .chap-shade{background:linear-gradient(180deg,rgba(6,12,18,0) 30%,rgba(6,12,18,.82) 100%)}
.morning .chap-shade{background:linear-gradient(180deg,rgba(20,14,6,0) 35%,rgba(20,14,6,.78) 100%)}
.chap-copy{position:relative;z-index:1;padding:0 8vw 12vh;max-width:760px}
.heat .chap-copy{padding-bottom:22vh}   /* místo pro šipku pod textem */
.chap h1{font-size:clamp(2.6rem,7vw,5rem);margin-bottom:1rem}
.chap h2{font-size:clamp(2.1rem,5.4vw,3.8rem);margin-bottom:1rem}
.line{font-size:clamp(1rem,1.7vw,1.22rem);text-shadow:0 1px 18px rgba(0,0,0,.7)}
.calm .kicker{color:var(--cool)}
.chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}
.chips span{
  border:1px solid rgba(246,239,231,.35);border-radius:999px;
  padding:.3rem .9rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;
  background:rgba(10,10,10,.35);backdrop-filter:blur(6px);
}

/* ===== šipka dolů ===== */
.scroll-down{
  position:absolute;z-index:2;left:8vw;bottom:2.4rem;
  display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;
  text-decoration:none;color:var(--paper);
  transition:opacity .6s ease,transform .6s ease;
}
.scroll-down.gone{opacity:0;pointer-events:none;transform:translateY(10px)}
.sd-text{
  font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;
  color:rgba(246,239,231,.75);text-shadow:0 1px 10px rgba(0,0,0,.8);
}
.sd-arrow{
  width:2.9rem;height:2.9rem;border-radius:50%;
  border:1px solid rgba(246,239,231,.3);background:rgba(10,7,4,.35);
  backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;
  color:var(--amber);animation:sink 2s ease-in-out infinite;
}
.sd-arrow svg{width:1.35rem;height:1.7rem;display:block}
.scroll-down:hover .sd-arrow{border-color:var(--amber);background:rgba(232,162,75,.14)}
@keyframes sink{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}

/* ===== mezihra ===== */
.interlude{background:#0e0a06;padding:22vh 8vw;text-align:center}
.inter-inner{max-width:680px;margin:0 auto}
.quote{
  font-family:Fraunces,serif;font-size:clamp(1.7rem,4.6vw,3.1rem);font-weight:600;line-height:1.25;
  color:var(--paper);margin-bottom:2.2rem;
}
.quote em{font-style:italic;color:var(--amber)}
.answer{color:#cbb99f;font-size:clamp(1rem,1.6vw,1.18rem)}
.answer b{color:var(--cool)}

/* ===== nabídka ===== */
.offer{background:linear-gradient(180deg,#f2e9dd,#e9f4fa);color:var(--ink);padding:15vh 8vw}
.offer-inner{max-width:640px;margin:0 auto;text-align:center}
.offer-title{font-size:clamp(1.7rem,4vw,2.7rem);margin-bottom:2.6rem}
.packs{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2.4rem}
.pack{
  background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 10px 40px rgba(32,22,12,.1);
  display:flex;flex-direction:column;gap:.15rem;
}
.pack b{font-family:Fraunces,serif;font-size:1.3rem}
.pack span{color:#7a6a55;font-size:.85rem}
.pack i{font-family:Fraunces,serif;font-style:normal;font-size:1.7rem;font-weight:700;color:#b06e1f;margin-top:.4rem}
.lead .row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:.9rem}
.lead input{
  background:#fff;border:1px solid #d8c9b4;border-radius:12px;
  padding:1rem 1.2rem;color:var(--ink);font:inherit;width:100%;
}
.lead input:focus{outline:2px solid var(--amber)}
.cta{
  width:100%;background:var(--ink);color:#f6efe7;border:0;border-radius:999px;
  font-family:"Albert Sans",sans-serif;font-weight:700;font-size:1rem;
  padding:1.1rem;cursor:pointer;transition:transform .25s,box-shadow .25s;
}
.cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(32,22,12,.3)}
.lead .sent{font-family:Fraunces,serif;font-size:1.4rem;color:#2c6e46;padding:1.6rem 0}
.or{margin-top:1.3rem;color:#7a6a55;font-size:.92rem}
.or a{color:#b06e1f;font-weight:700;text-decoration:none}
footer{background:#0e0a06;padding:2.6rem 8vw;color:#8a7a63;font-size:.82rem;text-align:center}
footer .fine{font-size:.7rem;margin-top:.4rem;opacity:.7}

/* ===== reveal ===== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .sd-arrow{animation:none}
}

/* =========================================================
   MOBIL — video nahoře v celém formátu, text pod ním.
   Na výšku by se 16:9 záběr ořízl na střed a přišli bychom
   o polovinu kompozice (dítě, jednotku na stěně).
   ========================================================= */
@media (max-width:820px){
  .chap{display:block;min-height:0;align-items:stretch}
  .chap-video{
    position:relative;inset:auto;width:100%;height:auto;
    aspect-ratio:16/9;object-fit:cover;display:block;
  }
  .chap-shade{display:none}
  .chap-copy{padding:2.6rem 6vw 3.4rem;max-width:none;background:var(--night)}
  .calm .chap-copy{background:#0b141c}
  .morning .chap-copy{background:#160f08}
  .kicker{font-size:.62rem;letter-spacing:.16em}
  .chap h1{font-size:clamp(2.1rem,9.5vw,3rem)}
  .chap h2{font-size:clamp(1.9rem,8.5vw,2.7rem)}
  .line{font-size:1.02rem;text-shadow:none}

  /* hero: video + text + šipka vyplní přesně jednu obrazovku */
  .heat{min-height:100svh;display:flex;flex-direction:column;position:relative}
  .heat .chap-copy{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:7rem}
  .scroll-down{left:50%;transform:translateX(-50%);align-items:center;bottom:1.6rem}
  .scroll-down.gone{transform:translateX(-50%) translateY(10px)}

  .interlude{padding:14vh 6vw}
  .offer{padding:12vh 6vw}
  .packs{grid-template-columns:1fr}
  .lead .row{grid-template-columns:1fr}
  footer{padding:2.4rem 6vw}
}

@media (max-width:400px){
  .chap h1{font-size:2rem}
  .quote{font-size:1.55rem}
}


/* ===== znacka Jan Otcovsky ===== */
.brand{
  position:absolute;top:2.2rem;left:8vw;z-index:60;width:170px;height:auto;
  opacity:.92;transition:opacity .6s ease;pointer-events:none;
}
.playing .brand{opacity:0}
.foot-logo{width:270px;height:auto;margin:0 auto 1.4rem}
@media (max-width:820px){
  .brand{top:1.4rem;left:6vw;width:132px}
  .foot-logo{width:220px;margin-bottom:1.1rem}
}


/* ===== nové logo — smaltovaný odznak (23. 9. 2026) ===== */
.brand{width:200px;height:auto;opacity:1;filter:drop-shadow(0 6px 18px rgba(0,0,0,.28))}
.foot-logo{width:260px;height:auto;display:block}
@media (max-width:820px){
  .brand{width:150px}
  .foot-logo{width:220px}
}