/*
Theme Name: EH Nova
Theme URI: https://www.eh-nova.fr
Author: EH Nova
Author URI: https://www.eh-nova.fr
Description: Thème custom premium pour EH Nova — Conseil, développement commercial, marketing, sourcing et international. From Vision to Market.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: eh-nova
*/

/* ============================================================
   DESIGN TOKENS — charte EH Nova
   ============================================================ */
:root{
  --navy:#0D1117;        /* fond sombre principal (hero, footer) */
  --navy-2:#1A1F26;      /* surfaces sombres secondaires */
  --gold:#C89D6E;        /* accent — signature EH Nova */
  --gold-dim:rgba(200,157,110,.4);
  --cream:#F3EFE7;       /* fond clair — sections alternées */
  --paper:#FFFFFF;       /* fond blanc pur */
  --ink:#0D1117;         /* texte sur fond clair */
  --mid:#6E6A62;         /* texte secondaire, ton chaud */
  --hairline:#E4DFD3;    /* traits 1px sur fond clair */
  --hairline-dark:rgba(243,239,231,.14); /* traits 1px sur fond sombre */

  --font-display:'Montserrat',-apple-system,'Helvetica Neue',sans-serif;
  --font-text:'Lora',Georgia,serif;
  --font-label:'Montserrat',-apple-system,sans-serif;

  --maxw:1280px;
  --pad:40px;
  --ease:cubic-bezier(.22,1,.36,1);
}

/* ============================================================
   RESET
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-text);
  background:var(--paper);
  color:var(--ink);
  font-size:16px;
  line-height:1.65;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul{list-style:none}

/* ============================================================
   TYPOGRAPHIE
   ============================================================ */
.eyebrow{
  font-family:var(--font-label);
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
}
h1,h2,h3{font-family:var(--font-display);font-weight:300;letter-spacing:-.01em;line-height:1.08;color:var(--ink)}
h3{font-weight:500}
.display-l{font-size:clamp(38px,6.4vw,84px);font-weight:300}
.display-m{font-size:clamp(30px,4.6vw,54px);font-weight:300}
.heading{font-size:clamp(28px,3.6vw,42px);letter-spacing:-.01em;line-height:1.14;font-weight:300}
.lead{font-family:var(--font-text);font-size:clamp(16px,1.4vw,19px);color:var(--mid);line-height:1.7;font-weight:400}

/* ============================================================
   LAYOUT
   ============================================================ */
.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.section{padding:clamp(64px,9vw,120px) 0;border-bottom:1px solid var(--hairline)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(40px,6vw,72px);flex-wrap:wrap}
.section-head .eyebrow{display:block;margin-bottom:16px}
.section-desc{font-size:14.5px;color:var(--mid);max-width:340px;line-height:1.7}

/* ============================================================
   BOUTONS
   ============================================================ */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-label);
  font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:16px 30px;border-radius:2px;line-height:1;
  transition:transform .4s var(--ease),background .3s,color .3s,border-color .3s;will-change:transform}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--gold);color:var(--navy);border:1px solid var(--gold)}
.btn-primary:hover{background:#d7ac7c;border-color:#d7ac7c}
.btn-outline{border:1px solid var(--ink);color:var(--ink);background:transparent}
.btn-outline:hover{background:var(--ink);color:var(--paper)}
.btn-outline--light{border-color:var(--gold-dim);color:var(--cream);background:transparent}
.btn-outline--light:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.btn-light{background:var(--paper);color:var(--navy);border:1px solid var(--paper)}
.btn-light:hover{background:var(--cream);border-color:var(--cream)}
.btn-sm{padding:11px 22px;font-size:11.5px}
.btn .arr{display:inline-flex;align-items:center;transition:transform .4s var(--ease)}
.btn .arr .ico{width:16px;height:16px}
.btn:hover .arr{transform:translateX(4px)}
.ico{display:inline-block;vertical-align:middle}

/* ============================================================
   ANIMATIONS — états initiaux (révélés par GSAP)
   ============================================================ */
.reveal{opacity:0;transform:translateY(42px);will-change:transform,opacity}
.reveal-line{overflow:hidden;display:block}
.is-loaded .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important}
  html{scroll-behavior:auto}
}