/* neoria-v3 /start. Meme peau que l accueil. Pas de pin 240 vh. Slot film sans media. */

.page-start .acte--start {
  min-height: calc(100svh - var(--header-offset));
}

.page-start .acte--start .hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: calc(100svh - var(--header-offset));
  overflow: hidden;
  padding-top: 0.75rem;
  padding-right: max(var(--gutter), var(--safe-right));
  padding-bottom: calc(1.75rem + var(--safe-bottom));
  padding-left: max(var(--gutter), var(--safe-left));
}

.page-start .acte--video,
.page-start #video-pub,
.page-start #prendre,
.page-start #machines {
  scroll-margin-top: var(--header-offset);
}

.video-slot {
  position: relative;
  background: var(--bg-mute);
  border-top: 1px solid var(--line);
  color: var(--fg);
}

.video-slot__affiche {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.35rem;
  min-height: calc(100svh - var(--header-offset));
  padding: 2.5rem max(var(--gutter), var(--safe-right)) calc(2rem + var(--safe-bottom))
    max(var(--gutter), var(--safe-left));
}

.video-slot__affiche .t-meta {
  margin: 0 0 1rem;
  color: var(--fg-mute);
}

.video-slot__cri {
  margin: 0;
  font-size: max(var(--fs-4xl), 12vw);
  line-height: 0.84;
  letter-spacing: -0.05em;
}

.video-slot__verbe {
  margin: 0.15em 0 1.25rem;
  color: var(--accent);
}

.video-slot__preuves {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 36ch;
}

.video-slot__preuves li {
  margin: 0 0 0.45rem;
  color: var(--fg);
}

.video-slot__preuves .t-meta {
  display: inline;
  margin: 0 0.45rem 0 0;
}

.video-slot__close {
  margin: 1.1rem 0 0;
  max-width: 28ch;
}

.video-slot__lecteur:empty {
  display: none;
}

.video-slot:has(#lecteur-pub:not(:empty)):not(.is-echec) .video-slot__affiche {
  display: none;
}

.video-slot:has(#lecteur-pub:not(:empty)):not(.is-echec) #lecteur-pub {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: var(--bg-mute);
}

.video-slot.is-echec #lecteur-pub {
  display: none;
}

.video-slot.is-echec .video-slot__affiche {
  display: flex;
}

.video-slot__lecteur video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: var(--bg);
}

.video-phrases {
  margin: 0;
  padding: 1.25rem max(var(--gutter), var(--safe-right)) calc(1.5rem + var(--safe-bottom))
    max(var(--gutter), var(--safe-left));
  list-style: none;
  max-width: 42ch;
}

.video-phrases li {
  margin: 0 0 0.55rem;
  color: var(--fg);
}

.page-start .filet--rail {
  margin: 0 0 1.5rem;
  padding-inline: max(var(--gutter), var(--safe-left)) max(var(--gutter), var(--safe-right));
  max-width: 42ch;
}

.page-start .acte--rail .carte__corps {
  min-height: 42vh;
  justify-content: flex-end;
}

.page-start .acte--rail .t-display {
  font-size: max(var(--fs-3xl), 10vw);
}

@media (min-width: 720px) {
  .video-slot__cri {
    font-size: max(var(--fs-4xl), 8.4vw);
  }
}

@media (max-width: 600px) {
  .video-slot__cri {
    font-size: max(var(--fs-3xl), 16vw);
  }

  .page-start .acte--start .hero {
    padding-top: 0.85rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-start .acte--start .hero,
  .video-slot__affiche {
    min-height: calc(100svh - var(--header-offset));
  }
}