/* Směr A - Evoluce. Šablony v nativních pixelech (1080 = šířka postu).
   Podpis sady: SVĚTLO ZESPODU. Koule z loga leží pod spodní hranou plátna, vidíme jen její svit.
   Geometrie na .tp: --rx = zdroj na spodní hraně (kotva 25 / 50 / 75 % nebo šev carouselu 0 / 100 %),
   --rw = poloměr svitu do šířky (0,74 × šířka = poměr koule a krychle v logu), --rh = výška (3 úrovně). */

.tp{
  --m:72px;
  --mlha:#F4F1FA;--ink:#1B1432;--zare:#E50E81;--soumrak:#362770;--noc:#0F0B1E;
  --serik:#ECE6FA;--cervanky:#FCEAF3;--usvit:#F7EEFB;--svit:#FFF3F9;
  --mute:#5A5370;--body:#3F385A;--src:#6F6886;
  --rx:50%;--rw:800px;--rh:540px;
  position:relative;overflow:hidden;flex:0 0 auto;
  font-family:Geist,sans-serif;color:var(--ink);background:var(--mlha);
  -webkit-font-smoothing:antialiased;text-align:left;
}
.tp *{box-sizing:border-box;margin:0;padding:0}
.tp img{display:block;max-width:none}
.tp--deep{background:linear-gradient(118deg,#140E33 0%,#2A1F5C 38%,#5B1F7A 68%,#B3127F 88%,#E50E81 100%);color:#fff}
.tp--photo{background:#5B5A5E;color:#fff}
.tp__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---------- světlo (do Figmy jako jedna rastrová vrstva) ---------- */
.tp__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tp__bg i{position:absolute;display:block}

/* SVĚTLO ZESPODU: jádro v magentě na spodní hraně (--rx), fialový bok posunutý o půl poloměru na stranu --side.
   Na Mlze pastelově (Záře #FF5FB2 / #C84BD8 / #8E7BF0 v nízkém krytí). */
.rise{inset:0;
  background:
    radial-gradient(calc(var(--rw) * .5) calc(var(--rh) * .3) at var(--rx) 100%,rgba(229,14,129,.46) 0%,rgba(255,95,178,.22) 55%,rgba(255,95,178,0) 100%),
    radial-gradient(var(--rw) var(--rh) at var(--rx) 100%,rgba(255,95,178,.66) 0%,rgba(255,95,178,.40) 28%,rgba(200,75,216,.15) 60%,rgba(200,75,216,0) 90%),
    radial-gradient(calc(var(--rw) * 1.2) calc(var(--rh) * 1.05) at calc(var(--rx) + var(--rw) * .55 * var(--side,1)) 100%,rgba(142,123,240,.52) 0%,rgba(142,123,240,.20) 48%,rgba(142,123,240,0) 88%)}

/* na přechodu a fotce sytě: magenta #E50E81 do fialové #5B1F7A a Soumraku #362770, prolíná se do plochy */
.tp--deep .rise,.tp--photo .rise{
  background:
    radial-gradient(var(--rw) var(--rh) at var(--rx) 100%,rgba(229,14,129,.96) 0%,rgba(229,14,129,.64) 30%,rgba(170,20,128,.28) 62%,rgba(91,31,122,0) 100%),
    radial-gradient(calc(var(--rw) * 1.3) calc(var(--rh) * 1.08) at calc(var(--rx) + var(--rw) * .5 * var(--side,1)) 100%,rgba(91,31,122,.94) 0%,rgba(91,31,122,.46) 50%,rgba(91,31,122,0) 100%),
    radial-gradient(calc(var(--rw) * 1.7) calc(var(--rh) * 1.16) at var(--rx) 100%,rgba(54,39,112,.62) 0%,rgba(54,39,112,.22) 55%,rgba(54,39,112,0) 100%)}

/* ---------- rám: štítek, značka, patička (stejné kotvy v celé sadě) ---------- */
.tp__top{position:absolute;left:var(--m);right:var(--m);top:var(--m);height:56px;display:flex;justify-content:space-between;align-items:center}
.tp__bot{position:absolute;left:var(--m);right:var(--m);bottom:var(--m);height:32px;display:flex;justify-content:space-between;align-items:center}
.label{font:600 22px/1 Geist,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.tp__mark{width:50px;height:auto}
.meta{font:600 24px/1 Geist,sans-serif;color:var(--ink)}
.swipe{display:flex;align-items:center;gap:14px;font:600 24px/1 Geist,sans-serif}
.swipe img{width:30px;height:30px}
.tp--deep .label,.tp--photo .label{color:rgba(255,255,255,.80)}
.tp--deep .meta,.tp--photo .meta{color:#fff}

/* ---------- typografická škála (px na šířce 1080) ---------- */
.t{position:absolute;left:var(--m)}
.d-num{font:600 320px/.8 Sora,sans-serif;letter-spacing:-.065em}
.d-xl{font:600 128px/.95 Sora,sans-serif;letter-spacing:-.05em}
.d-l{font:600 100px/.98 Sora,sans-serif;letter-spacing:-.048em}
.d-m{font:600 76px/1.02 Sora,sans-serif;letter-spacing:-.042em}
.d-s{font:600 56px/1.04 Sora,sans-serif;letter-spacing:-.04em}
.r{font-weight:400;letter-spacing:-.035em}   /* druhý řez titulku: Sora Regular */
.lead{font:400 36px/1.36 Geist,sans-serif;color:var(--body)}
.src{font:500 24px/1.45 Geist,sans-serif;color:var(--src)}
.tp--deep .lead,.tp--photo .lead{color:rgba(255,255,255,.90)}
.tp--deep .src,.tp--photo .src{color:rgba(255,255,255,.72)}

/* ---------- formáty ---------- */
.c{left:var(--m);right:var(--m);text-align:center}
.tp--story .tp__top{top:250px}
.tp-li .logo{position:absolute;height:auto}

/* vodítka (jen s ?safe, do exportu nejdou) */
.tp__safe{position:absolute;left:0;right:0;background:repeating-linear-gradient(135deg,rgba(229,14,129,.16) 0 6px,rgba(229,14,129,.06) 6px 18px);display:none;align-items:center;justify-content:center;font:600 26px Geist,sans-serif;color:#C00B6C;z-index:5}
.show-safe .tp__safe{display:flex}