/* page-le-domaine.css — styles spécifiques à la page page-le-domaine */
  .domaine-img-bg { width:100%; aspect-ratio:16/9; background-size:cover; background-position:center; display:block; }
  .domaine-badge { position:absolute; bottom:-30px; right:-30px; width:120px; height:120px; background:var(--bordeaux); display:flex; flex-direction:column; align-items:center; justify-content:center; clip-path:polygon(20px 0%,100% 0%,calc(100% - 20px) 100%,0% 100%); }
  .domaine-badge-year { font-family:'Cormorant Garamond',serif; font-size:28px; font-weight:300; color:var(--or); line-height:1; }
  .domaine-badge-text { font-family:'Montserrat',sans-serif; font-size:8px; letter-spacing:2px; color:rgba(255,255,255,.6); text-transform:uppercase; margin-top:4px; }
  .domaine-quote { font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:300; font-style:italic; color:var(--bordeaux); line-height:1.5; padding:20px 0 20px 28px; border-left:2px solid var(--or); margin:28px 0; }
  .hve-badge { display:inline-flex; align-items:center; gap:10px; padding:12px 20px; background:rgba(44,74,62,.08); border:1px solid rgba(44,74,62,.2); margin-top:24px; }
  .hve-badge span { font-family:'Montserrat',sans-serif; font-size:10px; letter-spacing:2px; color:var(--vert); text-transform:uppercase; font-weight:500; }
  .hve-dot { width:8px; height:8px; background:#7EC8A4; border-radius:50%; }

  /* Valeurs */
  #valeurs { background:#F5F0E8; padding:100px 60px; }
  .valeurs-grid { max-width:1100px; margin:60px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }
  .valeur-card { background:#FDFAF4; padding:44px 36px; border-top:3px solid transparent; transition:border-color .3s, background .3s; }
  .valeur-card:hover { border-top-color:var(--or); background:#F5F0E8; }
  .valeur-icon { font-size:32px; margin-bottom:20px; }
  .valeur-title { font-family:'Cormorant Garamond',serif; font-size:26px; font-weight:400; color:var(--bordeaux); margin-bottom:12px; }
  .valeur-text { font-family:'Lato',sans-serif; font-size:14px; line-height:1.8; color:var(--gris); font-weight:300; }

  /* Timeline */
  #histoire { padding:100px 60px; max-width:900px; margin:0 auto; }
  .timeline { margin-top:60px; position:relative; }
  .timeline::before { content:''; position:absolute; left:80px; top:0; bottom:0; width:1px; background:rgba(107,31,42,.15); }
  .timeline-item { display:grid; grid-template-columns:80px 1fr; gap:40px; margin-bottom:48px; }
  .timeline-year { font-family:'Cormorant Garamond',serif; font-size:28px; font-weight:300; color:var(--or); text-align:right; padding-top:4px; }
  .timeline-content { padding-left:40px; border-left:3px solid transparent; transition:border-color .3s; }
  .timeline-item:hover .timeline-content { border-left-color:var(--or); }
  .timeline-title { font-family:'Cormorant Garamond',serif; font-size:20px; font-weight:400; color:var(--bordeaux); margin-bottom:8px; }
  .timeline-text { font-family:'Lato',sans-serif; font-size:14px; line-height:1.7; color:var(--gris); font-weight:300; }

  /* CTA bas */

  /* Responsive */
  @media(max-width:1024px) { #valeurs { padding:80px 30px; } .valeurs-grid { grid-template-columns:1fr; } #histoire { padding:80px 30px; } }
  @media(max-width:640px) { .timeline { } .timeline::before { left:60px; } .timeline-item { grid-template-columns:60px 1fr; gap:20px; } .timeline-content { padding-left:24px; } }


/* v14 : .domaine-grid-inner responsive — remplace le fixDomaine() JS */
.domaine-grid-inner {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 60px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  align-items: center;
}
@media (max-width: 1024px) {
  .domaine-grid-inner {
    padding: 0 30px;
    grid-template-columns: 1fr;
    gap: 60px;
  }
}
