/* Zpátky ke svobodnému pohybu — coming soon
   Statický web, žádný build. Paleta a typografie viz CLAUDE.md. */

:root{
  color-scheme: light only;
  --paper:#f5eddd;
  --paper-2:#efe3cd;
  --ink:#26221c;
  --ink-2:#5c5344;
  --forest:#33503d;
  --forest-2:#436c50;
  --terra:#b9552f;
  --line:rgba(38,34,28,.16);
  --focus:#b9552f;
  --maxw:44rem;
}

*,*::before,*::after{ box-sizing:border-box; }

html{ -webkit-text-size-adjust:100%; }

body{
  margin:0;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow-x:hidden;
  background:var(--paper);
  color:var(--ink);
  font-family:"Newsreader",Georgia,"Times New Roman",serif;
  font-size:clamp(1.08rem, .96rem + .5vw, 1.32rem);
  line-height:1.62;
  font-optical-sizing:auto;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* Teplá světelná atmosféra */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(115% 75% at 10% -5%, rgba(255,249,235,.85), transparent 55%),
    radial-gradient(90% 70% at 105% 108%, rgba(51,80,61,.14), transparent 60%);
}

/* Jemné zrno */
.grain{
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.4;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}

/* Stopa / pěšina */
.trail{
  position:fixed;
  right:clamp(-8vw,-4vw,0px);
  top:50%;
  transform:translateY(-50%);
  width:min(46vw,500px);
  height:auto;
  z-index:1;
  color:var(--terra);
  opacity:.55;
  pointer-events:none;
}
.trail path{
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  fill:none;
}
.trail-dot{ fill:currentColor; }

@media (max-width:960px){
  .trail{ right:-34vw; width:92vw; opacity:.24; }
}

/* Vrstvení obsahu nad dekorací */
.topbar,.stage,.footer{ position:relative; z-index:2; }

.topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:clamp(1.2rem,3vw,2rem) clamp(1.25rem,5vw,4rem);
}
.wordmark{
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:.8rem;
  color:var(--ink-2);
}
.status{
  display:inline-flex;
  align-items:center;
  gap:.55em;
  font-size:.76rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--terra);
}
.status::before{
  content:"";
  width:.5em;
  height:.5em;
  border-radius:50%;
  background:currentColor;
}

.stage{
  flex:1;
  width:100%;
  max-width:var(--maxw);
  margin:0 auto;
  padding:clamp(2.25rem,7vw,5rem) clamp(1.25rem,5vw,4rem) clamp(3rem,8vw,5.5rem);
}
@media (min-width:1180px){
  .stage{ margin-left:clamp(4rem,11vw,13rem); margin-right:0; }
}

.eyebrow{
  margin:0 0 1.15rem;
  font-family:"Newsreader",serif;
  font-style:italic;
  font-size:1.06rem;
  color:var(--forest-2);
}

.title{
  margin:0 0 .34em;
  font-family:"Fraunces","Newsreader",Georgia,serif;
  font-weight:500;
  font-size:clamp(2.55rem, 4.6vw + 1.1rem, 4.9rem);
  line-height:1.02;
  letter-spacing:-.016em;
  text-wrap:balance;
}

.subtitle{
  margin:0 0 2.1rem;
  max-width:26ch;
  font-family:"Fraunces","Newsreader",Georgia,serif;
  font-style:italic;
  font-weight:400;
  font-size:clamp(1.22rem, .95rem + 1vw, 1.62rem);
  line-height:1.32;
  color:var(--ink-2);
}

.lede p{
  margin:0 0 1rem;
  max-width:38ch;
}
.lede p:last-child{ margin-bottom:0; }

.signup{
  margin-top:2.7rem;
  padding-top:2.1rem;
  border-top:1px solid var(--line);
  max-width:33rem;
}
.signup h2{
  margin:0 0 1.05rem;
  font-family:"Fraunces","Newsreader",Georgia,serif;
  font-weight:500;
  font-size:1.42rem;
  letter-spacing:-.008em;
}

.signup-lead{
  margin:0 0 1.4rem;
  font-size:1rem;
  color:var(--ink-2);
}

/* Vložený webový formulář ze SmartEmailingu. Vlastní vzhled (barvy, text
   tlačítka, pole) si nese z editoru SmartEmailingu — detailní ladění se
   dělá tam. Tady jen srovnáme písmo (pryč s Arialem), šířku a focus. */
.se-form-mount{
  max-width:30rem;
}
.se-form-mount,
.se-form-mount *{
  font-family:"Newsreader",Georgia,serif !important;
}
.se-form-mount .se-webform,
.se-form-mount form[id^="se-webform"]{
  width:100% !important;
  max-width:30rem;
}
.se-form-mount :is(input,button,select,textarea){
  max-width:100%;
}
.se-form-mount :is(input,button,select):focus-visible{
  outline:2.5px solid var(--focus);
  outline-offset:2px;
}

.footer{
  display:flex;
  justify-content:space-between;
  gap:.75rem 1.5rem;
  flex-wrap:wrap;
  padding:clamp(1.2rem,3vw,1.9rem) clamp(1.25rem,5vw,4rem);
  border-top:1px solid var(--line);
  font-size:.82rem;
  letter-spacing:.02em;
  color:var(--ink-2);
}

/* Pohyb — jen pokud ho uživatel neodmítl */
@media (prefers-reduced-motion:no-preference){
  .eyebrow,.title,.subtitle,.lede,.signup{
    opacity:0;
    transform:translateY(15px);
    animation:rise .82s cubic-bezier(.2,.7,.2,1) forwards;
  }
  .eyebrow{ animation-delay:.12s; }
  .title{ animation-delay:.24s; }
  .subtitle{ animation-delay:.4s; }
  .lede{ animation-delay:.56s; }
  .signup{ animation-delay:.72s; }

  .status::before{ animation:pulse 2.6s ease-in-out infinite; }

  .trail path{
    stroke-dasharray:1500;
    stroke-dashoffset:1500;
    animation:draw 2.7s .35s cubic-bezier(.25,.7,.25,1) forwards;
  }
  .trail-dot{
    opacity:0;
    animation:pop .5s 2.75s ease forwards;
  }
}

@keyframes rise{ to{ opacity:1; transform:none; } }
@keyframes pulse{ 0%,100%{ opacity:.35; } 50%{ opacity:1; } }
@keyframes draw{ to{ stroke-dashoffset:0; } }
@keyframes pop{ to{ opacity:1; } }