/* hero-accueil : repris de home.html, adapté au balisage WordPress */
.hero{position:relative;color:#fff;background:linear-gradient(180deg,#000207 0%,#010a18 45%,#03162c 100%);min-height:min(100svh,920px);display:flex;flex-direction:column;padding:0;overflow:hidden;isolation:isolate}
.fond-bulles{position:absolute;inset:0;width:100%;height:100%;z-index:-2;display:block}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(3,12,26,.78) 0%,rgba(3,12,26,.5) 38%,rgba(3,12,26,0) 68%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#fff 0%,rgba(236,245,251,.92) 16%,rgba(200,226,242,.55) 46%,rgba(200,226,242,0) 100%)}
.hero-corps{flex:1;display:flex;align-items:center;padding-top:calc(var(--entete) + clamp(16px,3svh,40px));padding-bottom:clamp(150px,24svh,200px)}
.orbite{position:absolute;left:50%;bottom:clamp(10px,2.5svh,26px);transform:translateX(-50%);width:clamp(120px,19svh,160px);aspect-ratio:1;display:grid;place-items:center;text-align:center;color:#fff;text-decoration:none;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(79,195,234,.55),#10508f 55%,#0a2240 100%);box-shadow:0 14px 40px -12px rgba(6,21,40,.6),inset 0 0 22px rgba(79,195,234,.35);backdrop-filter:blur(4px)}
.orbite-texte{font:700 .82rem/1.35 var(--titre);font-stretch:110%;letter-spacing:.08em;text-transform:uppercase;margin-top:-14px}
.orbite-anneau{position:absolute;inset:-9px;border-radius:50%;border:2px dotted rgba(16,80,143,.7);animation:orbite 18s linear infinite}
.orbite-anneau i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan-clair);box-shadow:0 0 10px var(--cyan-clair)}
.orbite-anneau i:nth-child(1){top:-5px;left:calc(50% - 4.5px)}
.orbite-anneau i:nth-child(2){right:-5px;top:calc(50% - 4.5px);background:#fff;box-shadow:0 0 10px #fff}
.orbite-anneau i:nth-child(3){bottom:12%;left:8%;background:var(--bleu);box-shadow:none}
.orbite-anneau i:nth-child(4){top:14%;left:4%;width:6px;height:6px}
.orbite-fleche{position:absolute;bottom:12px;left:50%;width:12px;height:34px;margin-left:-6px;color:var(--cyan-clair);animation:descend 2.4s ease-in-out infinite}
.orbite:hover .orbite-anneau{animation-duration:6s}
.hero-grille{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.6fr);gap:40px;align-items:center}
.hero h1{font-size:clamp(2rem,3.3vw,3.2rem);font-weight:780;font-stretch:104%;line-height:1.08;margin-bottom:clamp(14px,2.4svh,24px)}
.hero-texte > p{font-size:clamp(1rem,1.25vw,1.15rem);color:#d4e4f1;margin-bottom:clamp(20px,3.5svh,32px)}
.hero-boutons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:clamp(18px,3svh,28px)}
.bulles{position:relative;height:100%;min-height:340px}
.bulle{position:absolute;display:grid;place-items:center;text-align:center;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.28),rgba(79,195,234,.12) 45%,rgba(16,80,143,.18) 100%);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 24px rgba(79,195,234,.25),0 10px 40px rgba(0,0,0,.25);backdrop-filter:blur(3px);animation:flotte 9s ease-in-out infinite;padding:12px}
.bulle p:first-child{display:block;font:780 clamp(1.5rem,2.4vw,2.2rem)/1 var(--titre);font-stretch:112%}
.bulle p + p{display:block;font-size:.82rem;line-height:1.3;color:#d9eaf6;margin-top:6px}
.b1{width:clamp(150px,12.5vw,185px);aspect-ratio:1;top:0;left:0}
.b2{width:clamp(126px,10vw,150px);aspect-ratio:1;top:30%;right:0;animation-delay:-3s}
.b3{width:clamp(136px,11vw,165px);aspect-ratio:1;bottom:0;left:14%;animation-delay:-6s}
.bulles{min-height:440px}
@media (max-width:980px){
  .hero-grille{grid-template-columns:1fr}
  .bulles{display:none}
}
@media (max-width:640px){
  .hero-boutons .wp-block-button__link{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .bulle,.orbite-anneau,.orbite-fleche{animation:none!important}
}

/* WordPress : le contenu du hero est fait de blocs natifs */
.bulle p{margin:0}
.hero-texte > h1{color:#fff}