/* ALLE BOYARSKI — V37
   Única alteração visual: transição gradual entre o painel de texto e a fotografia da página about.html.
   Todas as demais páginas e as fotografias originais permanecem inalteradas. */

@media (min-width: 901px) {
  .about-reference-layout .about-page {
    position: relative;
    isolation: isolate;
  }

  .about-reference-layout .about-page::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    left: 50%;
    top: 0;
    bottom: 0;
    width: clamp(180px, 14vw, 290px);
    background: linear-gradient(
      90deg,
      #030506 0%,
      rgba(3, 5, 6, .96) 12%,
      rgba(3, 5, 6, .78) 37%,
      rgba(3, 5, 6, .36) 71%,
      rgba(3, 5, 6, 0) 100%
    );
  }
}

/* Na versão vertical, o texto fica sobre a foto: o fade acompanha esse eixo. */
@media (max-width: 900px) {
  .about-reference-layout .about-page > img {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 18%, black 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 18%, black 100%);
  }
}