:root {
  --preto: #000;
  --palco: #121212;
  --linha: #2a2a2a;
  --texto: #d8d5cf;
  --cinza: #999;
  --cinza2: #666;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  background: var(--preto);
  color: var(--texto);
  font-family: "Futura Light BT", Futura, "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
  min-height: 100vh;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
a { color: inherit; text-decoration: none; }

/* Home: Brás Filmes em destaque, com box menor do filme abaixo */
.entrada {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  min-height: 100vh;
}
.bloco {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: background .25s;
}
.bloco:hover { background: rgba(255,255,255,.035); }
.bloco-kicker {
  color: var(--cinza2);
  text-transform: uppercase;
  letter-spacing: .3em;
  font-size: 11px;
  margin-bottom: 16px;
}
.bloco h1, .bloco h2 {
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.12;
  letter-spacing: .16em;
  margin-bottom: 18px;
}
.bloco-chamada {
  color: var(--cinza2);
  text-transform: uppercase;
  letter-spacing: .26em;
  font-size: 11px;
  border: 1px solid var(--linha);
  padding: 10px 22px;
  border-radius: 3px;
  transition: border-color .2s, color .2s;
}
.bloco:hover .bloco-chamada { border-color: var(--cinza2); color: var(--cinza); }

/* Brás Filmes: bloco principal, ocupa a tela */
.bloco-produtora {
  justify-content: center;
  flex: 1;
  padding: 60px 40px;
}
.bloco-produtora img { width: 280px; height: auto; object-fit: contain; margin-bottom: 26px; }
.bloco-produtora h1 { font-size: clamp(38px, 6.5vw, 68px); }

/* Box do filme: menor, abaixo do bloco principal, com banner */
.bloco-filme {
  justify-content: center;
  gap: 20px;
  padding: 34px 40px 44px;
  border-top: 1px solid var(--linha);
}
.banner-filme {
  width: min(560px, 80%);
  height: auto;
  border-radius: 3px;
}
.bloco-filme .bloco-chamada { padding: 8px 16px; font-size: 10px; }
.bloco-estreia { font-size: 24px; color: var(--cinza); margin-bottom: 8px; }

@media (max-width: 760px) {
  .bloco-produtora { padding: 46px 24px; }
  .bloco-produtora img { width: 180px; }
  .bloco-produtora h1 { font-size: 26px; letter-spacing: .12em; }
  .bloco-chamada { letter-spacing: .18em; font-size: 10px; padding: 9px 14px; }
  .bloco-filme { padding: 28px 24px 36px; }
  .banner-filme { width: 100%; }
}