/* =========================================================================
   AKROS — O topo (07/10)
   Faixa de foto entre o piloto e o FAQ, no molde do herói da landing do
   Falcão: a foto de fundo ancorada à direita (o pico), um degradê escuro
   que vem da esquerda, a vinheta, e a frase no canto esquerdo.

   «Tirando o foco»: o desfoque está GRAVADO no arquivo
   (assets/cume-1920.webp 80 KB, cume-1000.webp 36 KB; o PNG original tinha
   2,4 MB). Desfoque LEVE, raio 1,0 na 1920 e 0,52 na 1000: o 1º passe
   (3,2/1,8) borrou a montanha demais, o dono reprovou. `filter:blur` numa imagem de tela inteira custaria a cada quadro
   de rolagem; gravado, não custa nada.

   A frase usa a fonte de título do Falcão, Space Grotesk («mais bonita e
   clean»), com o rótulo no mesmo `.cine` de lá (caixa alta, 0,35em, 300)
   na cor dourada do Akros. Space Grotesk não tem itálico: o destaque é o
   peso (300 → 600), não um oblíquo falso.
   ========================================================================= */

.cume{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(380px,58svh,600px);
  display:flex;align-items:center;
  padding:clamp(48px,7vh,84px) var(--gutter);
  background:#0A1220;color:#F8FAFC;
}

/* a foto: entra com um zoom lento (1,06 → 1), como o herói do Falcão.
   Pega carona no observador do [data-enter] (hero.js), mas sem o
   esmaecer/desfocar/deslizar de base.css: só a escala. */
.cume__foto{
  position:absolute;inset:0;z-index:-2;width:100%;height:100%;
  object-fit:cover;object-position:68% 26%; /* faixa baixa: sobe o recorte para o pico não encostar no topo */
}
.js .cume__foto[data-enter]{opacity:1;filter:none;transform:scale(1.06)}
.cume__foto[data-enter].is-in{transform:scale(1);transition:transform 2.6s cubic-bezier(.22,1,.36,1)}

/* o véu: em cima escurece o céu (o piloto, acima, virou papel claro em
   08/10; o escuro aqui é do céu, não emenda); embaixo o corte é SECO,
   porque o FAQ virou papel claro (claro.css) e um degradê até ele faria uma
   névoa cinza sob o texto branco; vinheta; e o degradê da esquerda */
.cume__veu{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(180deg,var(--gr-a,#0A0B0E) 0%,rgba(10,11,14,0) 13%),
    radial-gradient(120% 90% at 20% 40%,rgba(6,12,22,0) 35%,rgba(6,12,22,.72) 100%),
    linear-gradient(90deg,rgba(7,12,24,.94) 0%,rgba(7,12,24,.80) 32%,rgba(7,12,24,.28) 64%,rgba(7,12,24,0) 100%);
}

.cume__faixa{position:relative;z-index:1}
.cume__texto{max-width:min(660px,100%)}

.cume__olho{
  display:block;margin-bottom:clamp(16px,2.6vh,26px);
  font-family:"Space Grotesk","DM Sans",system-ui,sans-serif;
  font-size:.8rem;font-weight:400;letter-spacing:.35em;text-transform:uppercase;
  color:var(--ouro,#D9B45F);
}
.cume__titulo{
  margin:0;
  font-family:"Space Grotesk","DM Sans",system-ui,sans-serif;
  font-size:clamp(2.25rem,1.6rem + 2.6vw,3.75rem);font-weight:300;
  line-height:1.12;letter-spacing:-.025em;color:#F8FAFC;text-wrap:balance;
}
.cume__titulo b{display:block;margin-top:.14em;font-weight:600}
.cume__sub{
  margin:clamp(18px,3.2vh,32px) 0 0;max-width:46ch;
  font-size:1.0625rem;line-height:1.7;color:#AFBDCA;
}

@media (max-width:700px){
  .cume{min-height:480px;align-items:flex-end}
  .cume__foto{object-position:74% 40%}
  .cume__veu{
    background:
      linear-gradient(180deg,var(--gr-a,#0A0B0E) 0%,rgba(10,11,14,0) 12%),
      linear-gradient(0deg,rgba(7,12,24,.94) 0%,rgba(7,12,24,.78) 45%,rgba(7,12,24,.25) 100%);
  }
  .cume__olho{letter-spacing:.28em}
}