/* Mobile study: one large photographic print, signed by a small welcome card. */
@media (max-width: 760px) {
  .hero-proposal[data-mobile-layout="signature"] .carnet-scene {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    min-height: 0;
    max-width: 580px;
    margin: 6px auto 0;
    padding: 0 4px;
  }

  .hero-proposal[data-mobile-layout="signature"] .carnet-garden {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    max-height: 510px;
    aspect-ratio: 1 / 1.12;
    padding: 8px 8px 20px;
    transform: rotate(-1deg);
  }

  .hero-proposal[data-mobile-layout="signature"] .carnet-garden > .photo-surface {
    position: absolute;
    inset: 8px 8px 20px;
    width: auto;
    height: auto;
  }

  .hero-proposal[data-mobile-layout="signature"] .carnet-garden-photo > img {
    object-position: 49% 50%;
  }

  .hero-proposal[data-mobile-layout="signature"] .carnet-details {
    display: contents;
  }

  .hero-proposal[data-mobile-layout="signature"] .carnet-card-position {
    position: relative;
    inset: auto;
    justify-self: end;
    width: min(62%, 240px);
    max-width: none;
    margin: -74px 7px 0 0;
    transform: rotate(2deg);
  }

  .hero-proposal[data-mobile-layout="signature"] .welcome-card.carnet-dark-card {
    --card-rule: 6px;
    padding: 20px;
  }

  .hero-proposal[data-mobile-layout="signature"] .welcome-card h1 {
    font-size: clamp(1.18rem, 5.4vw, 1.8rem);
    line-height: 1.17;
  }

  .hero-proposal[data-mobile-layout="signature"] .carnet-breakfast {
    display: none;
  }

  .hero-proposal[data-mobile-layout="signature"] .hero-booking {
    margin-top: 28px;
  }
}