/* ===== HEADER / HERO ======================================== */
.hero-card{position:relative;height:calc(var(--vh)*100);overflow:hidden;background:#fff}
.hero-card video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;object-position:center;z-index:0}

/* navigation -------------------------------------------------- */
nav.nav{position:absolute;top:3rem;left:6rem;right:6rem;display:flex;align-items:center;justify-content:space-between;z-index:3}
.logo img{height:60px}
.nav-links{display:flex;align-items:center;gap:1.5rem}
.menu{display:flex;gap:clamp(1.25rem,2.5vw,3rem)}
.menu a{color:var(--c-accent);font-weight:500;white-space:nowrap;letter-spacing:.03em;text-decoration:none;transition:text-decoration .2s}
.menu a:hover{text-decoration:underline}
.nav-btn{padding:.5rem 1.5rem;border:2px solid var(--c-accent);border-radius:30px;color:var(--c-accent);font-weight:500;text-decoration:none;white-space:nowrap}

/* burger ------------------------------------------------------ */
.burger{display:none;width:50px;height:50px;padding:8px;border:0;background:none;cursor:pointer;position:relative;z-index:3}
.burger span,.burger::before,.burger::after{content:'';position:absolute;left:8px;right:8px;height:3px;background:var(--c-accent);transition:transform .3s,opacity .3s}
.burger span{top:50%;transform:translateY(-2px)}
.burger::before{top:12px}.burger::after{bottom:12px}
.burger[aria-expanded="true"]::before{transform:translateY(10px) rotate(45deg)}
.burger[aria-expanded="true"]::after{transform:translateY(-13px) rotate(-45deg)}
.burger[aria-expanded="true"] span{opacity:0}

/* panneau mobile --------------------------------------------- */
.nav-panel{display:none;z-index: 5000;position:absolute;top:100%;right:0;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);padding:2rem 3rem;min-width:220px;flex-direction:column;align-items:flex-start;gap:1.25rem;border-bottom-left-radius:var(--radius)}
.nav-panel a{color:var(--c-accent);text-decoration:none;font-weight:500}
.nav.open .nav-panel{display:flex}

/* texte header ------------------------------------------------ */
.header-content{position:absolute;top:50%;left:6rem;transform:translateY(-50%);max-width:600px;z-index:2}
.header-content h1{white-space:pre;font-size:clamp(1rem,6vw,4rem);line-height:1.2;font-weight:700;margin-bottom:2rem}
h1 span,.highlight{color:var(--c-accent)}
.header-content p{font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:550px}

/* breakpoints ------------------------------------------------- */
@media(min-width:1025px){
	.nav.open .nav-panel {
		display: none;
	}
}
@media(max-width:1024px){
	.nav.open .nav-panel {
		display: flex;
	}
  .menu,.nav-btn{display:none}.burger{display:block}
  .header-content{left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;max-width:80vw}
  .header-content p{max-width:60ch;margin:0 auto 2rem}
}
@media(max-width:640px){
  nav.nav{left:50%;right:auto;transform:translateX(-50%);justify-content:center}
  .nav-links,.burger,.nav-panel{display:none !important}
  .logo img{height:48px}
}
.cta-buttons{
  display:inline-flex;    /* aligne les deux boutons sur une même ligne */
  gap:1.25rem;            /* ajuste l’espacement horizontal */
}