/* Enquadramento pedido pela cliente: o topo da cabeca ultrapassa a primeira
   linha do titulo e a base da foto encosta na faixa verde, deixando a mao,
   os botoes e a cintura visiveis. */

@media (min-width: 901px) {
  .dt-hero--editorial {
    padding-block: 0;
    overflow: visible;
  }

  .dt-hero--editorial .dt-hero__grid {
    align-items: end;
    min-height: 0;
    padding-top: clamp(56px, 7vw, 104px);
  }

  .dt-hero--editorial .dt-hero__text {
    padding-block: 0 clamp(40px, 5vw, 76px);
  }

  .dt-hero__foto {
    align-self: end;
    justify-self: end;
    width: 118%;
    max-width: none;
    margin-right: -9%;
    margin-top: clamp(-150px, -9vw, -80px);
    margin-bottom: 0;
  }

  .dt-hero__foto img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: bottom center;
  }

  .dt-hero__foto::after,
  .dt-hero__foto::before { display: none; }
}

@media (max-width: 900px) {
  .dt-hero__foto { max-width: 340px; margin-inline: auto; }
  .dt-hero__foto img { max-height: none; }
  .dt-hero__foto::after { display: none; }
}