/* ATAVUS · náborová stránka /tym/
   Jen komponenty, které jinde na webu nejsou. Barvy, sazba, mřížka a rytmus
   se dědí z assets/style.css · žádný nový token, žádný nový font.           */

/* ── dvojice karet · co máte dnes vs co má být jinak ──────────────────── */
.tym__pair{
  margin-top:clamp(28px,4vw,56px);
  display:grid;gap:clamp(16px,2vw,28px);
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
}
.tym__card{
  padding:clamp(24px,3vw,40px);
  border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--paper-2);
}
.tym__card--on{
  background:var(--deepforest);border-color:transparent;
  color:var(--on-dark);
}
.tym__card h3{
  font-family:'Crimson Pro',Georgia,serif;font-weight:400;
  font-size:var(--t-25);line-height:1.2;letter-spacing:-.01em;
  margin:0 0 var(--s-16);
}
.tym__card--on h3{color:var(--cream)}

.tym__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-12)}
.tym__list li{
  position:relative;padding-left:calc(var(--s-24) + 2px);
  font-size:var(--t-16);line-height:1.55;color:var(--ink-60);
}
.tym__card--on .tym__list li{color:var(--on-dark-70)}
/* Odrážka je krátká linka, ne tečka · stejný tah jako rail na homepage. */
.tym__list li::before{
  content:"";position:absolute;left:0;top:.72em;
  width:14px;height:1px;background:var(--brass);
}
.tym__card--on .tym__list li::before{background:var(--brass-bright)}
.tym__list--muted li::before{background:var(--ink-40)}
.tym__list--no li::before{
  /* Přeškrtnutá varianta · dvě linky do kříže, žádné emoji, žádný červený křížek. */
  width:12px;height:12px;top:.42em;background:none;
  border-left:1px solid var(--ink-40);border-bottom:1px solid var(--ink-40);
  transform:rotate(-45deg) scale(.8);transform-origin:center;
}

/* ── čtyři věci · číslovaný blok ──────────────────────────────────────── */
.tym__four{
  list-style:none;margin:clamp(28px,4vw,56px) 0 0;padding:0;
  display:grid;gap:clamp(20px,2.6vw,36px);
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.tym__four li{
  padding-top:var(--s-24);
  border-top:1px solid var(--line);
}
.tym__num{
  display:block;
  font-family:'Crimson Pro',Georgia,serif;font-weight:300;font-style:italic;
  /* ⛔ --brass (#A78237) na krému dá poměr 2,92 · norma žádá 3,0 i u velkého
     textu. --brass-dim je o dva odstíny tmavší a drží 4,4. Naměřeno. */
  font-size:var(--t-31);line-height:1;color:var(--brass-dim);
  margin-bottom:var(--s-16);
}
.tym__four h3{
  font-family:'Crimson Pro',Georgia,serif;font-weight:400;
  font-size:var(--t-20);line-height:1.24;letter-spacing:-.008em;
  margin:0 0 var(--s-8);
}
.tym__four p{
  margin:0;font-size:var(--t-14);line-height:1.62;color:var(--ink-60);max-width:44ch;
}
.tym__four strong{color:var(--ink);font-weight:500}

/* ── kroky ────────────────────────────────────────────────────────────── */
.tym__steps{
  list-style:none;margin:clamp(28px,4vw,56px) 0 0;padding:0;
  max-width:820px;
}
.tym__steps li{
  display:grid;grid-template-columns:auto 1fr;gap:var(--s-24);
  padding:clamp(20px,2.4vw,32px) 0;
  border-top:1px solid var(--line);
}
.tym__steps li:last-child{border-bottom:1px solid var(--line)}
.tym__step{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;
  font-size:var(--t-13);color:var(--brass-dim);
  padding-top:.32em;letter-spacing:.04em;
}
.tym__steps h3{
  font-family:'Crimson Pro',Georgia,serif;font-weight:400;
  font-size:var(--t-25);line-height:1.2;letter-spacing:-.01em;
  margin:0 0 var(--s-8);
}
.tym__steps p{margin:0;font-size:var(--t-16);line-height:1.6;color:var(--ink-60);max-width:56ch}

@media (max-width:520px){
  .tym__steps li{grid-template-columns:1fr;gap:var(--s-8)}
  .tym__step{padding-top:0}
}

/* ── patička náborové stránky ─────────────────────────────────────────── */
/* Homepage nese v patičce §15 doložky. Sem nepatří: tahle stránka o investici
   nemluví a importovat sem investorský jazyk by smazalo hranici mezi kanály. */
.foot__legal strong{color:var(--cream);font-weight:500}

/* ── hlavička ─────────────────────────────────────────────────────────── */
/* Homepage má burger a vysouvací menu poháněné app.js. Tahle stránka je jeden
   scroll s kotvami v hero tazích, takže drawer nepotřebuje. Burger je proto
   odebraný celý · tlačítko, které nic nedělá, je horší než žádné tlačítko.
   Odkazy se místo toho na úzkých šířkách zalomí a zůstanou klikací.        */
@media (max-width:860px){
  .hdr__nav{display:none}
  .hdr__meta .hdr__mail{display:none}
}