/* =============================================================
   CORREÇÕES DA AUDITORIA — P0 e P1
   Não é uma fase criativa. São duas correções pontuais.

   PARA REVERTER: apagar o <link> deste ficheiro no index.html.
   ============================================================= */

/* =============================================================
   P0 — O email partia-se ao meio em ecrãs estreitos

   A 38,4px a cadeia hi@madebyrc.com precisa de 316px e a coluna
   de um ecrã de 320px tem 272. Com o word-break: break-word
   herdado do style.css, o endereço quebrava em duas linhas a meio
   das letras — no elemento mais importante da página.

   Duas medidas independentes, porque uma só não chega:
   a primeira garante que cabe, a segunda garante que, mesmo que
   um dia não caiba, nunca parte no meio de uma palavra.
   ============================================================= */

.contact__mail {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

/* Só abaixo dos 390px. A partir daí o tamanho fica exatamente
   como estava: 38,4px em telemóvel, 68px em desktop. */
@media (max-width: 389px) {
  .contact__mail { font-size: min(2.4rem, 9.6vw); }
}

/* =============================================================
   P1 — A espinha deixa de regressar depois da sequência

   Eram 166px de linha sólida ao lado de 86px de texto de contexto:
   curto demais para se ler como regresso, longo o suficiente para
   se ler como fragmento.

   O silêncio que começa dentro do case passa a durar até ao fim
   da região do Trabalho. O tracejado do intervalo entre secções
   mantém-se — esse continua a significar o que sempre significou:
   a fronteira para o Método.

   Tecnicamente: o bloco de contexto passa a assumir o seu próprio
   chão, como já fazia a sequência. O ::before cobre a margem
   superior, que fica fora da caixa e por isso fora do background.
   ============================================================= */

@media (min-width: 1100px) {

  .case__context {
    position: relative;
    background: var(--paper);
  }

  .case__context::before {
    content: "";
    position: absolute;
    top: calc(-1 * clamp(3rem, 7vw, 5rem));
    left: 0;
    right: 0;
    height: clamp(3rem, 7vw, 5rem);
    background: var(--paper);
  }
}