/* EBNE - acabamento cinematográfico da landing, 26/10/2026.
   Escopo: fotografia de seção, nunca logos ou imagens técnicas de produto. */
@media (min-width:701px){
  .hero .hero-media,.journey .journey-media{
    inset:0!important;
    width:100%;
    height:100%;
    overflow:hidden;
  }
  .hero .hero-media .parallax-image,.journey .journey-media .parallax-image{
    inset:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:translate3d(0,var(--parallax-y,0px),0) scale(1.015);
  }
  /* Somente a foto de abertura: desce no enquadramento para revelar o cabelo acima da barra fixa; o excedente inferior fica recortado. */
  .hero .hero-media .parallax-image{top:44px;object-position:64% center}
  .journey .journey-media .parallax-image{object-position:68% center}
  /* Fotografia em tela cheia e gradiente à esquerda para ler o texto. */
  .hero .hero-shade{
    background:linear-gradient(90deg,rgba(250,249,246,.97) 0%,rgba(250,249,246,.89) 22%,rgba(250,249,246,.54) 41%,rgba(250,249,246,.06) 72%),
      linear-gradient(0deg,rgba(250,249,246,.58),transparent 20%,rgba(250,249,246,.12));
  }
  .journey .journey-shade{
    background:linear-gradient(90deg,rgba(250,249,246,.96) 0%,rgba(250,249,246,.87) 21%,rgba(250,249,246,.48) 39%,rgba(250,249,246,.05) 72%),
      linear-gradient(0deg,rgba(250,249,246,.65),transparent 24%);
  }
}
/* Fotografias de capa e editoriais realmente preenchem os contêineres.
   Evita a faixa de fundo vazia produzida por object-fit:contain. */
.category-media.category-framed .parallax-image,
.category-wide .category-media.category-framed .parallax-image,
.about-image .parallax-image{
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--position,center);
}
@media(max-width:700px){
  .hero .hero-media,.journey .journey-media{aspect-ratio:3/2}
  .hero .hero-media .parallax-image,.journey .journey-media .parallax-image{
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:none!important;
  }
  .hero .hero-media .parallax-image{object-position:63% center}
  .journey .journey-media .parallax-image{object-position:68% center}
  .hero .image-note{top:calc(100px + 100vw * 2 / 3 - 15px)}
}
@media(prefers-reduced-motion:reduce){
  .hero .hero-media .parallax-image,.journey .journey-media .parallax-image{transform:none!important}
}