/* /services/ y /es/servicios/: ajustes de la escena del rasero (ORD-142).
   El rasero ocupa el centro del cuadro y la tinta crema, clara, corre por la
   mitad de abajo: el titular lleva su propio halo y el de las frases es más
   denso que en el piloto, para sostener 4.5:1 sobre la tinta. */
.services-page .scene.is-ready .scene-title::before,
.services-page .scene.is-ready .scene-line::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: radial-gradient(closest-side, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6) 60%, transparent);
}
.services-page .scene.is-ready .scene-title::before {
  inset: -30% -25%;
  opacity: calc(1 - var(--out, 0));
}
.services-page .scene.is-ready .scene-line::before {
  inset: -50% -30%;
}
/* En móvil el titular es alto y su eyebrow queda sobre la tinta del rasero:
   en vez del halo redondo, una franja que sube hasta el eyebrow y se va con
   el titular. */
@media (max-width: 700px) {
  .services-page .scene.is-ready .scene-title::before {
    inset: -35% calc(var(--gutter) * -1) -12%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.8) 78%, transparent);
  }
}
/* ORD-147: los paneles "Create" y "Make" del explorador se quedaron sin foto
   (la Materials & finish pasa a ser exclusiva de /manufacturing/); a una sola
   columna para no dejar el hueco de la columna visual. */
.services-page .exp-panel--full {
  grid-template-columns: 1fr;
}
.services-page .exp-panel--full .exp-copy {
  max-width: 640px;
}