.hero{min-height:100svh;display:grid;align-items:center;padding-top:120px;position:relative;
  background:repeating-linear-gradient(90deg,var(--bleu) 0 calc(100%/7),var(--rose) calc(100%/7) calc(200%/7))}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,246,241,0) 70%,var(--creme));pointer-events:none}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch}
.hero-card{background:var(--rose);padding:clamp(32px,5vw,64px);border-radius:var(--rayon);box-shadow:0 24px 60px rgba(163,22,33,.18)}
.hero-h1{margin:0;line-height:0}
.hero-logo{display:block;width:min(340px,85%);height:auto;margin:0 0 24px -6px}
.hero-card p{max-width:46ch;margin:0 0 30px;font-size:1.05rem}
.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.hero-tags span{color:var(--bordeaux);font-family:var(--f-titre);padding:6px 16px;border-radius:6px;font-size:1.15rem}
.hero-actions{display:grid;grid-template-columns:1fr;gap:12px;width:fit-content;max-width:100%;margin-inline:auto}
.hero-actions .btn{min-height:52px;padding:12px 28px;justify-content:center;text-align:center;line-height:1.25}
.hero-photo{position:relative;margin:0;overflow:hidden;border:10px solid #fff;border-radius:var(--rayon);background:#cfc4c0;box-shadow:0 24px 60px rgba(163,22,33,.18)}
.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
/* alternance cabinet / vitrine : 3 s chacune, fondu de 0,5 s */
.hero-alt{opacity:0;animation:hero-alterne 6s infinite}
@keyframes hero-alterne{0%,41.66%{opacity:0}50%,91.66%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-alt{animation:none}}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero-photo{width:100%;max-width:none;aspect-ratio:4/5;margin:0}}
/* .hero-note{display:inline-block;margin:0 0 18px;padding:6px 14px;border:1.5px solid var(--bordeaux);border-radius:999px;color:var(--bordeaux);font-size:.82rem;font-weight:500;letter-spacing:.02em} */
.hero-card .hero-note{display:block;width:100%;margin:0 0 20px;padding:10px 16px;background:var(--bordeaux);color:var(--creme);border-radius:12px;text-align:center;font-size:clamp(.78rem,2.3vw,.88rem);font-weight:500;line-height:1.4;text-wrap:balance}
.hero-logo{margin-inline:auto}
.hero-tags{justify-content:center}