/* Logo en relief : PNG transparent, composition pensée pour téléphone. */
.hero--logo .hero__content { padding-right:48%; }
.hero-logo { position:absolute; width:min(43vw,580px); right:3%; top:50%; transform:translateY(-50%); perspective:1000px; }
.hero-logo__image { display:block; width:100%; height:auto; filter:drop-shadow(0 18px 22px rgba(0,0,0,.5)); transform-origin:center; animation:logoFloat 8s ease-in-out infinite; }
.hero--logo h1 { font-size:clamp(3.5rem,7.2vw,7rem); }
@keyframes logoFloat { 0%,100% { transform:rotateY(-5deg) rotateX(2deg) translateY(0); } 50% { transform:rotateY(5deg) rotateX(-2deg) translateY(-7px); } }
@media(max-width:767px) {
  .hero--logo { min-height:0; display:flex; flex-direction:column; padding:86px 0 36px; border-radius:0 0 36px 36px; overflow:hidden; box-shadow:0 18px 36px -24px rgba(0,0,0,.65); }
  .hero--logo .hero__content { padding:0 22px; align-self:auto; text-align:center; }
  .hero-logo { position:relative; inset:auto; transform:none; width:min(100%,340px); margin:0 auto 22px; }
  .hero--logo .hero__brandline { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .hero--logo h1 { font-size:clamp(2.9rem,12vw,4.4rem); max-width:none; margin:0 auto; }
  .hero--logo .hero__sub { margin:16px auto 0; font-size:.94rem; max-width:100%; }
  .hero--logo .hero__cta { display:flex; flex-direction:column; gap:10px; margin-top:22px; }
  .hero--logo .hero__cta .btn { width:100%; min-height:48px; justify-content:center; padding:13px 16px; }
  .hero--logo .hero-proof { position:relative; inset:auto; margin:24px 20px 0; gap:10px; }
  .hero--logo .hero-proof p { text-align:left; font-size:.72rem; }
  .hero--logo .hero-proof strong { font-size:.8rem; }
  .hero--logo .wave { display:none; }
  .hero--logo .hero__veil { box-shadow:none; }
}
@media(max-width:767px) and (max-height:720px) {
  .hero--logo { padding-top:78px; }
  .hero-logo { width:min(78vw,280px); margin-bottom:16px; }
}
@media(prefers-reduced-motion:reduce) { .hero-logo__image { animation:none; transform:none; } }

/* 13 octobre : masquer uniquement la mention anniversaire du logo principal. */
.hero-logo__image { clip-path: polygon(0 0, 68% 0, 68% 43.5%, 100% 43.5%, 100% 100%, 0 100%); }