/* v6.28 — recupera a presença visual da capa v6.24 sem alterar as
   molduras delicadas, o conteúdo ou as funções da versão atual. */

@media (max-width: 699px) {
  /* Mantém a aquarela original inteira, na mesma escala e posição da
     referência escolhida. */
  .watercolor-layer {
    top: -70px;
    bottom: -70px;
    background-position: center top;
    background-size: 100% auto;
  }

  .hero-kicker {
    gap: 10px;
    margin-bottom: 6px;
    font-size: clamp(9.5px, 2.55vw, 11px);
    letter-spacing: .2em;
  }

  .hero h1 {
    font-size: clamp(52px, 14.8vw, 64px);
    line-height: .92;
    letter-spacing: -.025em;
  }

  .hero h1 > strong {
    margin-top: 2px;
    margin-left: 0;
    font-size: .99em;
    line-height: .92;
  }

  .ornament {
    width: 70%;
    max-width: 70%;
    margin-top: 6px;
  }

  /* A moldura externa atual é alguns pixels mais estreita que a v6.24.
     A compensação abaixo devolve aos ursinhos o mesmo tamanho aparente. */
  .bear-picture {
    left: 50%;
    width: 109.2%;
    max-width: 109.2%;
    margin: 0;
    translate: -47.4% 0;
    scale: 1.11;
    transform-origin: center center;
  }

  .bear-hero {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 399px) {
  .hero h1 {
    font-size: clamp(50px, 14.6vw, 57px);
  }

  .bear-picture {
    width: 110.5%;
    max-width: 110.5%;
  }
}

@media (max-width: 359px) {
  .bear-picture {
    width: 109.3%;
    max-width: 109.3%;
  }
}

@media (max-width: 699px) and (max-height: 620px) {
  .hero-kicker {
    margin-bottom: 3px;
    font-size: clamp(9px, 2.4vw, 10px);
    letter-spacing: .17em;
  }

  .hero h1 {
    font-size: clamp(48px, 13.7vw, 56px);
  }

  .ornament {
    width: 64%;
    max-width: 64%;
    margin-top: 4px;
  }

  .bear-picture,
  .hero.is-fold-compact .bear-picture {
    width: 102.4%;
    max-width: 102.4%;
    translate: -51.12% 0;
    scale: 1.12;
  }
}