/* Première section : composition dédiée aux téléphones, sans incidence ordinateur. */
@media (max-width: 850px) {
  .hero {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
  }

  .hero-copy {
    order: 1;
    width: 100%;
    padding: 50px 28px 34px;
  }

  .hero h1 {
    max-width: 580px;
    font-size: clamp(52px, 12vw, 66px);
    line-height: .94;
    overflow-wrap: normal;
  }

  .hero .lead {
    max-width: 410px;
    margin: 24px 0;
  }

  .desk-3d {
    order: 2;
    width: 100%;
    min-height: 365px;
  }

  .desk-objects {
    transform: scale(.82);
    transform-origin: center 56%;
  }

  .desk-3d:hover .desk-objects { transform: scale(.84); }
}

@media (max-width: 430px) {
  .hero-copy { padding: 40px 25px 30px; }
  .hero h1 { font-size: clamp(50px, 15vw, 59px); }
  .hero .lead { font-size: 14px; }
  .hero .button { width: 100%; text-align: center; }
  .desk-3d { min-height: 320px; }
  .desk-objects { transform: scale(.88); transform-origin: center 55%; }
  .desk-3d:hover .desk-objects { transform: scale(.88); }
}