/* KnedlíčekAI — doplňky k assets/site.css (jen tato stránka) */

/* hero: název vlevo, maskot vpravo dole */
.kn-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 24px; }
.kn-hero .page-title { font-size: clamp(56px, 11vw, 160px); }
.kn-hero__mascot { width: clamp(120px, 15vw, 232px); height: auto; margin-bottom: -8px; }

.kn-sub { margin-top: 16px; max-width: 54ch; font-size: 17px; font-weight: 400; line-height: 1.55; }

.kn-status::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background: var(--ink);
  vertical-align: 1px;
}

/* napojení na FoodyGo: text vlevo, náhled případové studie vpravo */
.kn-bridge { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; align-items: center; }
.kn-bridge > * { min-width: 0; }
.kn-bridge__text { grid-column: 1 / span 5; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.kn-bridge__label { display: flex; gap: 12px; align-items: baseline; }
.kn-bridge__label .num-tag { font-family: var(--f-display); font-weight: 900; font-size: 56px; line-height: .9; }
.kn-bridge__title { font-size: clamp(56px, 8vw, 128px); line-height: 1.04; }

.kn-case { grid-column: 7 / span 6; display: block; border: var(--rule); background: var(--paper); text-decoration: none; transition: background-color .15s; }
.kn-case img { width: 100%; height: auto; border-bottom: var(--rule-thin); }
.kn-case__cap { display: block; padding: 12px 14px; }
.kn-case:hover { background: var(--honey); }

@media (max-width: 1023px) {
  .kn-bridge__text, .kn-case { grid-column: 1 / -1; }
}

@media (max-width: 719px) {
  .kn-hero { display: block; }
  .kn-hero .page-title { font-size: min(54px, 14.5vw); }
  .kn-hero__mascot { position: absolute; top: 18px; right: var(--gutter); width: 64px; margin: 0; }
  .kn-sub { font-size: 16px; }
  .kn-bridge__text { gap: 18px; }
  .kn-bridge__label .num-tag { font-size: 40px; }
  .kn-bridge__title { font-size: min(56px, 14vw); }
  .kn-bridge .btn { width: 100%; }
}