/* Banner „Chvíle, které patří ven." v prezentaci Summit (fotka rodiny u stolu).

   Roman 14. 9. 2026: „banner zmenši, takhle je zbytečně vysoký."

   Výšku dřív určovala fotka vpravo celým poměrem stran (na 1440 px skoro
   600 px, na 1920 px 800 px). Teď má banner pevnou nižší výšku a fotka se do
   ní ořízne (rodina a gril zůstávají uprostřed záběru). Na mobilu je fotka
   nízká 16 : 9 a text má menší okraje.

   Vlastní soubor: rada-summit.css je strojově převzatý z návrhu a ručně se
   po kouscích neupravuje. Pravidla míří přes #summit-chatgpt, aby přebila
   styly návrhu. */

#summit-chatgpt .lifestyle {
  height: clamp(300px, 26vw, 460px);
  /* Řádek mřížky se musí smět zmenšit pod přirozenou výšku fotky,
     jinak by fotka i text z nižšího banneru přetekly. */
  grid-template-rows: minmax(0, 1fr);
  overflow: hidden;
}

#summit-chatgpt .lifestyle > img,
#summit-chatgpt .lifestyle-copy {
  min-height: 0;
}

#summit-chatgpt .lifestyle > img {
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center 62%;
}

#summit-chatgpt .lifestyle-copy {
  padding-block: 28px;
}

#summit-chatgpt .lifestyle-copy::before {
  margin-bottom: 20px;
}

#summit-chatgpt .lifestyle-copy h2 {
  font-size: clamp(2.2rem, 3.6vw, 4rem);
  margin-top: 14px;
}

@media (max-width: 760px) {
  #summit-chatgpt .lifestyle {
    height: auto;
  }
  #summit-chatgpt .lifestyle > img {
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
  #summit-chatgpt .lifestyle-copy {
    padding: 24px 24px 28px;
  }
  #summit-chatgpt .lifestyle-copy::before {
    margin-bottom: 14px;
  }
  #summit-chatgpt .lifestyle-copy h2 {
    font-size: 2.2rem;
    margin-top: 12px;
  }
}