/* Home composition exclusively for phones. Desktop styles remain untouched. */
@media (max-width: 700px) {
  body.site-2027[data-active-panel="accueil"] { display: block; min-height: 100svh; }
  body.site-2027[data-active-panel="accueil"] main { display: block; }
  body.site-2027 #accueil.is-active { display: block; }
  body.site-2027[data-active-panel="accueil"] .site-header {
    min-height: 70px;
    padding: 12px 22px;
    align-items: center;
  }
  body.site-2027[data-active-panel="accueil"] .brand .brand-wordmark { font-size: 27px; }
  body.site-2027 #accueil .orchard-stage {
    min-height: 0;
    padding: 130px 22px clamp(170px, 46vw, 220px);
  }
  body.site-2027 #accueil .orchard-copy { width: 100%; max-width: 420px; margin: 0 auto; }
  body.site-2027 #accueil h1 {
    font-size: clamp(24px, 6.8vw, 30px);
    line-height: 1.2;
    letter-spacing: -.015em;
    white-space: normal;
  }
  body.site-2027 #accueil h1 .home-brand-name {
    display: block;
    margin-top: 2px;
    font-size: clamp(40px, 11.5vw, 54px);
    line-height: 1.08;
    white-space: nowrap;
  }
  body.site-2027 #accueil .orchard-kicker {
    margin: 12px auto 0;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: .1em;
  }
  body.site-2027 #accueil .orchard-promise {
    max-width: 330px;
    margin: 16px auto 0;
    font-size: 15px;
    line-height: 1.5;
    text-wrap: balance;
  }
  body.site-2027 #accueil .hummingbird {
    top: 75px;
    left: 50%;
    right: auto;
    width: 54px;
    margin-left: -27px;
    transform-origin: center;
  }
  body.site-2027 #accueil.home-sequence-running .hummingbird {
    animation: mobile-bird-settle 900ms ease-out both;
  }
  @keyframes mobile-bird-settle {
    from { opacity: 0; transform: translate(-12px, 8px) rotate(-5deg); }
    to { opacity: 1; transform: none; }
  }
  body.site-2027 #accueil .orchard-landscape {
    inset: auto 0 0;
    height: clamp(220px, 64vw, 330px);
    width: 100%;
    object-fit: cover;
    object-position: center bottom;
    mask-image: linear-gradient(to bottom, transparent, #000 25%);
  }
  body.site-2027 #accueil .orchard-actions {
    flex-wrap: nowrap;
    justify-content: center;
    gap: clamp(14px, 4vw, 24px);
    margin-top: 22px;
  }
  body.site-2027 #accueil .garden-cta {
    flex: 0 1 150px;
    width: auto;
    min-width: 0;
    min-height: 52px;
    font-size: 15px;
    white-space: nowrap;
  }
  body.site-2027 #accueil .garden-cta::before { width: 180px; height: 80px; }
  body.site-2027 #accueil .orchard-wave { height: 16px; }
  body.site-2027 #accueil .orchard-values {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px 10px;
    padding: 18px 22px 22px;
  }
  body.site-2027 #accueil .orchard-note { max-width: 360px; }
  body.site-2027 #accueil .orchard-note p { font-size: 13px; line-height: 1.6; text-wrap: pretty; }
  body.site-2027 #accueil .orchard-note .orchard-note-label { font-size: 10px; margin-bottom: 8px; }
  body.site-2027 #accueil .orchard-icon { width: 38px; height: 38px; }
  body.site-2027 #accueil .orchard-value h2 { font-size: 12px; line-height: 1.4; margin-top: 6px; }
  body.site-2027[data-active-panel="accueil"] .site-footer {
    display: block;
    padding: 14px 22px calc(14px + env(safe-area-inset-bottom));
    font-size: 11px;
    line-height: 1.6;
  }
  body.site-2027[data-active-panel="accueil"] .site-footer p + p { margin-top: 5px; }
}
@media (max-width: 360px) {
  body.site-2027 #accueil .orchard-stage { padding-inline: 18px; }
  body.site-2027 #accueil .orchard-promise { font-size: 14px; }
  body.site-2027 #accueil .garden-cta { font-size: 14px; }
  body.site-2027 #accueil .garden-cta::before { width: 157px; height: 75px; }
}
@media (max-width: 700px) and (prefers-reduced-motion: reduce) {
  body.site-2027 #accueil.home-sequence-running .hummingbird { animation: none; transform: none; opacity: 1; }
}