/* Home: coluna de foto presa das três frentes (restauração do movimento).
   Escopo: .home-fotografia__frentes, só na home. Só se aplica com a classe
   home-frentes--presa, que home-linhas.js põe quando a tela tem 861px ou mais,
   há JS e a pessoa não pediu movimento reduzido. Sem essa classe, cada frente
   mostra a própria foto acima do texto (regras de frentes-fotografia.css). */

/* Bloco da foto presa: oculto por padrão (sem JS, celular, movimento reduzido). */
.home-fotografia__presa{display:none}

/* Mantém a cabine e a marca visíveis no recorte da nova foto de operação. */
.home-fotografia__frentes [data-frente-item="0"] img,
.home-fotografia__frentes [data-frente-foto="0"] img{object-position:65% 50%}

@media (min-width:861px) and (prefers-reduced-motion:no-preference){
  /* Texto à esquerda, uma frente por tela. A coluna da foto ocupa as três
     linhas do grid e fica presa sob o cabeçalho. */
  .home-fotografia__frentes .home-frentes--presa{grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);gap:0 clamp(40px,4vw,80px);align-items:start;margin-top:clamp(40px,5vw,64px)}
  .home-fotografia__frentes .home-frentes--presa .home-frente{grid-column:1;min-height:var(--tela);display:flex;flex-direction:column;justify-content:center;padding-block:clamp(40px,6vw,80px)}
  .home-fotografia__frentes .home-frentes--presa .home-frente__figura{display:none}
  .home-fotografia__frentes .home-frentes--presa .home-frente__texto{margin-top:0}
  .home-fotografia__frentes .home-frentes--presa .home-frente h3{font-size:clamp(48px,5.2vw,76px);line-height:1.04;letter-spacing:-.04em}

  .home-fotografia__frentes .home-frentes--presa .home-fotografia__presa{display:flex;flex-direction:column;gap:14px;grid-column:2;grid-row:1 / span 3;position:sticky;top:calc(var(--altura-cabecalho,80px) + 24px);height:calc(var(--tela) - 48px)}

  /* Fotos empilhadas no mesmo quadro: a ativa aparece em crossfade de 700 ms. */
  .home-fotografia__frentes .home-fotografia__presa-fotos{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--fr-moldura,#0C2432)}
  .home-fotografia__frentes .home-fotografia__presa-foto{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.04);transition:opacity 700ms ease,transform 700ms ease}
  .home-fotografia__frentes .home-fotografia__presa-foto.is-ativa{opacity:1;transform:scale(1)}
  .home-fotografia__frentes .home-fotografia__presa-foto picture,
  .home-fotografia__frentes .home-fotografia__presa-foto img{display:block;width:100%;height:100%;object-fit:cover}

  .home-fotografia__frentes .home-fotografia__presa-legenda{margin:0;font-size:16px;line-height:1.5;color:var(--fr-texto-claro,#BDCED8)}
  .home-fotografia__frentes .home-fotografia__presa-passos{display:flex;gap:24px}
  .home-fotografia__frentes .home-fotografia__presa-passo{font-size:14px;font-weight:600;color:rgba(255,255,255,.5);transition:color 300ms ease}
  .home-fotografia__frentes .home-fotografia__presa-passo.is-ativa{color:var(--mineral,#F5F5F0)}
}

@media (prefers-reduced-motion:reduce){
  .home-fotografia__frentes .home-fotografia__presa-foto{transition:none}
}