*{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  html{overflow-x:clip}
  body{background:#ffffff;color:#002227;font-family:'Manrope',system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
  h1,h2,h3{font-family:'Jost',sans-serif;font-weight:600;letter-spacing:-.01em;line-height:1.06}
  a{color:#002227;text-decoration:none;transition:color .25s,opacity .25s}
  a:hover{color:#bd9f86}
  img{max-width:100%}
  video{display:block;max-width:100%}
  button{font:inherit;color:inherit}
  ::selection{background:#bd9f86;color:#fff}
  :focus-visible{outline:2px solid #bd9f86;outline-offset:3px;border-radius:3px}
  @keyframes cdv-cue{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}
  @keyframes v2-slide-a{0%,44%{opacity:1}56%,100%{opacity:0}}
  @keyframes v2-slide-b{0%,44%{opacity:0}56%,100%{opacity:1}}
  .v2-slide-a{animation:v2-slide-a 9s ease-in-out infinite}
  .v2-slide-b{animation:v2-slide-b 9s ease-in-out infinite}
  @keyframes v2-camp1{0%,45%{opacity:1}55%,95%{opacity:0}100%{opacity:1}}
  @keyframes v2-camp2{0%,45%{opacity:0}55%,95%{opacity:1}100%{opacity:0}}
  .v2-camp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:12s ease-in-out infinite both}
  .v2-camp img:nth-child(1){animation-name:v2-camp1}
  .v2-camp img:nth-child(2){animation-name:v2-camp2}
  @media (prefers-reduced-motion:reduce){.v2-camp img:nth-child(1){opacity:1}}
  @keyframes cdv-logo-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
  .v2-nav a{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.13em}
  .v2-navwrap{display:none}
  .v2-out{border:1px solid rgba(0,34,39,.22)}
  .v2-burger{margin-left:auto}
  .v2-head[data-over="1"] a:not(.v2-menu a){color:#f4ede5}
  .v2-head[data-over="1"] a:not(.v2-menu a):hover{color:#fff}
  .v2-menu a{color:#002227 !important}
  .v2-menu a:hover{color:#bd9f86 !important}
  .v2-menu a[href="Trouver un vigneron.dc.html"]{color:#f4ede5 !important}
.v2-head[data-menu-state="1"] .v2-out{color:#bd9f86;border-color:#bd9f86}
  .v2-head[data-over="1"] .v2-out{border-color:rgba(244,237,229,.5);color:#f4ede5}
  .v2-head[data-over="1"] .v2-logo-dark{opacity:0}
  .v2-head[data-over="1"] .v2-logo-light{opacity:1}
  .v2-logo-light{opacity:0}


.v2-head{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;border-bottom:1px solid transparent;transition:background .4s,border-color .4s,backdrop-filter .4s}
.v2-head.is-scrolled{background:rgba(255,255,255,.92);border-bottom-color:rgba(0,34,39,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}

  .v2-badge{position:relative;padding-bottom:76px;transition:transform .45s cubic-bezier(.16,1,.3,1)}
  .v2-badge:hover{transform:translateY(-4px)}
  .v2-badge:hover .v2-badge-img{transform:scale(1.05)}
  .v2-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e8ded1;border-radius:24px 24px 0 0}
  .v2-badge-img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
  .v2-panel{background:#f4ede5;padding:26px 28px 30px;border-radius:0 0 0 24px;min-height:132px}
  .v2-panel h3{font-size:clamp(1.2rem,1.7vw,1.5rem);text-transform:uppercase;letter-spacing:.04em}
  .v2-panel p{margin-top:10px;color:rgba(0,34,39,.66);font-size:.97rem;line-height:1.55;max-width:44ch;text-wrap:pretty}
  .v2-tab{position:absolute;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:calc(100% - 26px);padding:14px 22px 18px;background:#f4ede5;border-radius:0 0 24px 24px}
  .v2-tab::before{content:'';position:absolute;left:-24px;top:0;width:24px;height:24px;background:radial-gradient(circle at 0 100%,transparent 0 24px,#f4ede5 24px)}
  .v2-cta1,.v2-cta2{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:999px;font-size:12.5px;font-weight:700;min-height:44px;transition:opacity .25s}
  .v2-badge--gold .v2-panel{background:#002227;color:#f4ede5}
  .v2-badge--gold .v2-panel p{color:rgba(244,237,229,.78)}
  .v2-badge--gold .v2-tab{background:#002227}
  .v2-badge--gold .v2-tab::before{background:radial-gradient(circle at 0 100%,transparent 0 24px,#002227 24px)}
  .v2-badge--gold .v2-cta1{background:#bd9f86;color:#f4ede5}
  .v2-badge--gold .v2-cta1:hover{color:#fff}
  .v2-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .v2-hit{display:none}
  .v2-cta1{background:#002227}
  .v2-cta2{background:#bd9f86}
  @media (max-width:699px){
    .v2-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
    .v2-media{border-radius:16px 16px 0 0}
    .v2-badge{padding-bottom:0}
    .v2-panel{min-height:0;padding:14px 14px 16px;border-radius:0 0 16px 16px}
    .v2-panel h3{font-size:.92rem;letter-spacing:.02em}
    .v2-panel p{display:none}
    .v2-tab{display:none}
    .v2-hit{position:absolute;inset:0;z-index:2;display:block;border-radius:16px}
  }
  .v2-cta1{color:#f4ede5}
  .v2-cta2{color:#002227}
  .v2-cta1:hover{color:#fff;opacity: 0.88;}
  .v2-cta2:hover{color:#002227;opacity:.88}
  .v2-foot a:hover{color:#bd9f86}
  .v2-foot{background:#f4ede5}
  .v2-gpt-field:focus-within{border-color:#bd9f86}
  @media (max-width:620px){
    .v2-gpt-field{flex:1 1 100%}
    .v2-gpt button{flex:1 1 100% !important}
    .v2-gpt input{font-size:15px !important}
  }
  @media (max-width:999px){
    /*.v2-menu{padding-top:96px !important}*/
  }
  @media (min-width:700px){
    .v2-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  }
  @media (min-width:1000px){
    .v2-navwrap{display:flex}
    .v2-burger{display:none !important}
  }
  @media (prefers-reduced-motion:reduce){
    *{animation:none !important;transition:none !important}
    html{scroll-behavior:auto}
  }