/* Dočasná stránka „Již brzy“ — stejná paleta a písma jako web. */
:root{
  --ink:#17231F;--pine-deep:#132019;--cream:#F3EFE7;--champagne:#D9C59A;--sand:#C6B3A4;--clay:#9B4F34;
  --pad:clamp(16px,3.4vw,64px);--ease:cubic-bezier(.22,.8,.24,1);
  --f-dsp:"Newsreader",Georgia,"Times New Roman",serif;--f-ui:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pine-deep);color:var(--cream);font:300 1rem/1.6 var(--f-ui);-webkit-font-smoothing:antialiased}
a{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
:focus-visible{outline:1px solid var(--champagne);outline-offset:4px}

.preview-bar{position:fixed;z-index:50;left:50%;top:12px;transform:translateX(-50%);display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center;
  max-width:calc(100% - 24px);padding:.55rem 1rem;background:#fff;color:var(--ink);font-size:.82rem;font-weight:400;border-radius:8px;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.preview-bar a{color:var(--clay);font-weight:500}

.soon{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.soon__media{position:absolute;inset:0;z-index:-2}
.soon__media picture{display:contents}
.soon__img,.soon__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.soon__img{animation:zoom 24s var(--ease) both}
.soon__video{opacity:0;transition:opacity 1.2s var(--ease)}
.soon__video.is-on{opacity:1}
@keyframes zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.soon__scrim{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,rgba(13,21,17,.55) 0%,rgba(13,21,17,0) 22%),
  linear-gradient(0deg,rgba(13,21,17,.92) 0%,rgba(13,21,17,.55) 38%,rgba(13,21,17,0) 70%),
  linear-gradient(90deg,rgba(13,21,17,.55) 0%,rgba(13,21,17,0) 60%)}

.soon__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem var(--pad)}
.mark{display:flex;align-items:center;gap:.8rem}
.mark svg{width:42px;color:var(--champagne)}
.mark b{display:block;font-family:var(--f-dsp);font-weight:400;font-size:1.18rem;letter-spacing:.2em;text-transform:uppercase;line-height:1.05}
.mark small{font-family:var(--f-dsp);font-style:italic;font-weight:300;font-size:.86rem;opacity:.75}
.soon__tel{display:inline-flex;align-items:center;gap:.55rem;height:46px;padding:0 .95rem;text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.04em;
  background:rgba(13,21,17,.45);border:1px solid rgba(243,239,231,.42);backdrop-filter:blur(10px);transition:background .3s,color .3s}
.soon__tel svg{width:14px;height:14px;fill:var(--champagne)}
.soon__tel:hover{background:var(--cream);color:var(--pine-deep)}

.soon__in{margin-top:auto;padding:0 var(--pad) clamp(1.5rem,4vh,3rem);max-width:min(100%,980px)}
.soon__k{margin:0 0 1.3rem;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--champagne);font-weight:400;animation:rise 1.1s .15s var(--ease) both}
.soon__t{margin:0;font-family:var(--f-dsp);font-weight:300;font-size:clamp(2.6rem,6.6vw,6.2rem);line-height:1.02;letter-spacing:-.015em;text-wrap:balance;animation:rise 1.2s .3s var(--ease) both}
.soon__t em{font-style:italic;color:var(--champagne)}
.soon__lede{max-width:52ch;margin:1.5rem 0 0;font-size:1.1rem;color:rgba(243,239,231,.86);animation:rise 1.2s .45s var(--ease) both}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.signup{margin-top:2rem;max-width:560px;animation:rise 1.2s .6s var(--ease) both}
.signup__row{display:flex;background:rgba(243,239,231,.1);border:1px solid rgba(243,239,231,.45);backdrop-filter:blur(12px);transition:border-color .3s}
.signup__row:focus-within{border-color:var(--champagne)}
.signup input[type=email]{flex:1;min-width:0;height:58px;padding:0 1.2rem;background:none;border:0;color:var(--cream);font:400 1rem var(--f-ui)}
.signup input[type=email]::placeholder{color:rgba(243,239,231,.55)}
.signup input[type=email]:focus{outline:none}
.signup__btn{flex:none;height:58px;padding:0 1.5rem;border:0;background:var(--sand);color:#000;font:500 .74rem var(--f-ui);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .3s}
.signup__btn:hover{background:#fff}
.signup__btn[disabled]{opacity:.6;cursor:progress}
.signup__check{display:flex;gap:.7rem;align-items:flex-start;margin-top:1rem;font-size:.8rem;line-height:1.5;color:rgba(243,239,231,.72);cursor:pointer}
.signup__check input{flex:none;width:18px;height:18px;margin:.1rem 0 0;accent-color:var(--champagne)}
.signup.has-error .signup__row{border-color:#F3A48E}
.signup.has-consent-error .signup__check{color:#F3A48E}
.signup__msg{min-height:1.5em;margin:.8rem 0 0;font-size:.9rem;color:#F3A48E}
.signup.is-done .signup__row,.signup.is-done .signup__check{display:none}
.signup.is-done .signup__msg{color:var(--cream);font-family:var(--f-dsp);font-size:1.5rem;font-weight:300;line-height:1.3;padding:1.1rem 1.3rem;border-left:2px solid var(--champagne);background:rgba(13,21,17,.45);backdrop-filter:blur(10px)}

.soon__foot{display:flex;justify-content:space-between;gap:.4rem 2rem;flex-wrap:wrap;padding:1.1rem var(--pad);border-top:1px solid rgba(243,239,231,.14);font-size:.72rem;letter-spacing:.06em;color:rgba(243,239,231,.6)}
.soon__foot a{text-decoration:none}
.soon__foot a:hover{color:var(--champagne)}

.soon--msg .soon__in{margin:auto 0}
.soon--msg a{color:var(--champagne)}

@media (max-width:640px){
  .mark b{font-size:1rem;letter-spacing:.13em}
  .mark svg{width:34px}
  .soon__tel{height:44px;padding:0 .7rem;font-size:.78rem}
  .soon__lede{font-size:1rem}
  .signup__row{flex-direction:column;background:none;border:0;backdrop-filter:none;gap:.6rem}
  .signup input[type=email]{flex:none;width:100%;background:rgba(243,239,231,.1);border:1px solid rgba(243,239,231,.45);backdrop-filter:blur(12px)}
  .signup input[type=email]:focus{border-color:var(--champagne)}
  .signup__btn{width:100%}
  .signup.has-error input[type=email]{border-color:#F3A48E}
}
@media (max-width:380px){.mark span{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
