/* Léa home/front page — full-viewport layout.
   Top bar (header) → centered content group (logo + hero + brands) → footer at bottom.
   Section styles live in the block CSS (blocks/lea-hero, blocks/lea-brands). */

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.lea-main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px clamp(22px, 4vw, 80px);
}

/* Logo — leads the centered content group (32px above the hero photo,
   matching the Figma logo→photo gap; gap is provided by .lea-hero padding-top) */
.lea-logo {
  display: block;
  width: 133px;
  margin: 0;
}

.lea-logo img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .lea-main {
    padding: 28px 16px;
  }
}