/* Spolecna typograficka a prostorova mrizka hero sekci sluzeb. */
@media (min-width: 901px) {
  body .wedding-hero,
  body .club-hero,
  body .corporate-hero,
  body .celebration-hero,
  body .audio-hero {
    min-height: 760px;
  }

  body .wedding-hero-inner,
  body .club-hero-inner,
  body .corporate-hero-grid,
  body .celebration-hero-grid,
  body .audio-hero-grid {
    min-height: 760px;
    box-sizing: border-box;
    align-items: start;
    /* Hero zacina pod fixnim headerem; vlastni obsah proto drzi stejny
       opticky odstup 72 px az pod jeho 82px vyskou. */
    padding-top: 154px;
    padding-bottom: 72px;
  }

  body .wedding-hero-copy,
  body .club-hero-copy,
  body .corporate-hero-copy,
  body .celebration-hero-copy,
  body .audio-hero-copy {
    width: 100%;
    max-width: 1000px;
  }

  body .wedding-hero-copy h1,
  body .club-hero-copy h1,
  body .corporate-hero-copy h1,
  body .celebration-hero-copy h1,
  body .audio-hero-copy h1 {
    max-width: 1000px;
    margin: .55rem 0 1.65rem;
    font-size: clamp(4.4rem, 6.25vw, 7rem);
    line-height: .92;
    letter-spacing: -.055em;
    text-transform: uppercase;
  }

  body .wedding-hero-lead,
  body .club-hero-copy > p:not(.eyebrow),
  body .corporate-hero-copy > p:not(.eyebrow),
  body .celebration-hero-copy > p:not(.eyebrow),
  body .audio-hero-copy > p:not(.eyebrow) {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.74);
    font-size: clamp(1.05rem, 1.45vw, 1.32rem);
    line-height: 1.65;
  }

  body .wedding-hero-actions,
  body .club-hero-actions,
  body .corporate-hero-actions,
  body .celebration-hero-actions,
  body .audio-hero-actions {
    margin-top: 2rem;
  }

  body .wedding-hero-card { align-self: end; }
}

body .club-hero-title-main,
body .club-hero-title-sub,
body .service-hero-title-line {
  display: block;
}

body .service-hero-title-line + .service-hero-title-line {
  margin-top: .16em;
}

body .club-hero-title-main {
  white-space: nowrap;
}

body .club-hero h1 .club-hero-title-main {
  margin-top: 0;
  color: #fff;
  font-size: 1em;
  line-height: .92;
  letter-spacing: -.055em;
}

body .club-hero h1 .club-hero-title-sub {
  margin-top: .16em;
  color: #fff;
  font-size: .56em;
  line-height: 1;
  letter-spacing: -.035em;
}

@media (max-width: 900px) {
  body .wedding-hero-copy h1,
  body .club-hero-copy h1,
  body .corporate-hero-copy h1,
  body .celebration-hero-copy h1,
  body .audio-hero-copy h1 {
    margin-top: .55rem;
    margin-bottom: 1.55rem;
    line-height: .94;
    letter-spacing: -.05em;
  }
}

/* Bezpecne radkovani vsech velkych nadpisu sluzeb i na desktopu. */
body .wedding-hero-copy h1,
body .club-hero-copy h1,
body .corporate-hero-copy h1,
body .celebration-hero-copy h1,
body .audio-hero-copy h1,
body .wedding-section-head h2,
body .wedding-process-head h2,
body .corporate-section-head h2,
body .corporate-process h2,
body .corporate-radio h2,
body .celebration-section-head h2,
body .celebration-process h2,
body .celebration-reference h2,
body .celebration-radio h2,
body .audio-section-head h2,
body .audio-process h2,
body .audio-radio h2,
body .club-intro h2,
body .club-profile-copy h2,
body .club-section-head h2,
body .club-radio h2,
body .club-booking h2,
body .club-hero h1 .club-hero-title-main{
  line-height:1.06
}
@media(max-width:700px){
  body .wedding-hero-copy h1,
  body .club-hero-copy h1,
  body .corporate-hero-copy h1,
  body .celebration-hero-copy h1,
  body .audio-hero-copy h1,
  body .wedding-section-head h2,
  body .wedding-process-head h2,
  body .corporate-section-head h2,
  body .corporate-process h2,
  body .corporate-radio h2,
  body .celebration-section-head h2,
  body .celebration-process h2,
  body .celebration-reference h2,
  body .celebration-radio h2,
  body .audio-section-head h2,
  body .audio-process h2,
  body .audio-radio h2,
  body .club-intro h2,
  body .club-profile-copy h2,
  body .club-section-head h2,
  body .club-radio h2,
  body .club-booking h2,
  body .club-hero h1 .club-hero-title-main{
    line-height:1.08
  }
}

/* Vetsi a jednotne rozlozena loga radii na mobilnich podstrankach. */
@media(max-width:700px){
  body .club-radio-logos,
  body .corporate-radio-logos,
  body .celebration-radio-logos,
  body .audio-radio-logos{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.6rem
  }
  body .club-radio-logos img,
  body .corporate-radio-logos img,
  body .celebration-radio-logos img,
  body .audio-radio-logos img{
    width:min(100%,106px);
    height:72px;
    justify-self:center
  }
}

@media (max-width: 560px) {
  body .club-hero h1 .club-hero-title-main {
    font-size: clamp(2.9rem, 14.5vw, 4rem);
    white-space: nowrap;
  }

  body .club-hero h1 .club-hero-title-sub {
    margin-top: .22em;
    font-size: .55em;
  }
}

/* Mobilni titulky musi ponechat dost prostoru pro ceskou diakritiku mezi radky. */
@media (max-width: 700px) {
  body .wedding-section-head h2,
  body .wedding-process-head h2,
  body .corporate-section-head h2,
  body .corporate-process h2,
  body .corporate-radio h2,
  body .celebration-section-head h2,
  body .celebration-process h2,
  body .celebration-reference h2,
  body .celebration-radio h2,
  body .audio-section-head h2,
  body .audio-process h2,
  body .audio-radio h2,
  body .club-intro h2,
  body .club-profile-copy h2,
  body .club-section-head h2,
  body .club-radio h2,
  body .club-booking h2 {
    line-height: 1.08;
  }
}
