@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#29251f;background:#f6f3ed;font-family:Montserrat,Arial,sans-serif;font-weight:300}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#f6f3ed;position:relative;z-index:5}.brand{font:700 25px 'Cormorant Garamond',serif;letter-spacing:.6px;color:#b58b37;text-decoration:none;text-shadow:0 1px 0 #fff}.nav nav{display:flex;gap:28px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:1.4px}.nav a{color:inherit;text-decoration:none}.hero{height:calc(100vh - 86px);min-height:700px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,18,12,.68),rgba(0,0,0,.08))}.hero-copy{position:absolute;left:8vw;top:50%;transform:translateY(-50%);color:white;max-width:760px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:500}.hero h1{font:700 clamp(58px,8.5vw,112px)/.86 'Cormorant Garamond',serif;letter-spacing:-2px;color:#d8b35d;text-shadow:0 2px 2px rgba(0,0,0,.35);margin:18px 0 14px}.tagline{font:400 24px 'Cormorant Garamond',serif}.latin{margin:34px 0 8px;padding-left:20px;border-left:1px solid rgba(216,179,93,.8);max-width:650px}.latin blockquote{margin:0 0 8px;font:italic 400 18px/1.45 'Cormorant Garamond',serif}.latin span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#e3d4b1}.button{display:inline-block;border:1px solid rgba(255,255,255,.7);padding:15px 24px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:2px;margin-top:22px}.split{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.intro>div{padding:8vw 7vw}.split>img{width:100%;height:100%;object-fit:cover}.gold{color:#9b7947}.intro h2,.wines h2,.nature h2,.harvest h2,.contact h2{font:500 clamp(42px,5vw,68px)/1 'Cormorant Garamond',serif;margin:20px 0 32px}.intro p,.nature p,.harvest p{line-height:1.9;font-size:14px}.history-box{margin-top:42px;padding-top:34px;border-top:1px solid #cfc7b8;display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.history-box p{margin-top:8px}.manuscript-placeholder{height:220px;background:#d8c7a4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;border:1px solid #b8a27b;color:#66573e;font-family:'Cormorant Garamond',serif}.manuscript-placeholder span{font-size:34px}.manuscript-placeholder strong{font:500 11px Montserrat;letter-spacing:1.2px;margin:10px 0}.manuscript-placeholder small{font-size:12px}.wines{text-align:center;padding:110px 6vw 130px;background:#ebe7de}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:55px auto 0}.cards article{background:#f7f4ee;padding-bottom:30px}.cards img{width:100%;height:500px;object-fit:cover}.cards h3{font:500 30px 'Cormorant Garamond',serif;margin:24px 0 3px}.cards p{margin:0 0 12px;text-transform:uppercase;font-size:10px;letter-spacing:2px}.cards small{font:300 10px Montserrat;letter-spacing:1px}.harvest{height:760px;position:relative;color:white}.harvest>img{width:100%;height:100%;object-fit:cover}.harvest:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),transparent)}.harvest>div{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-50%);max-width:510px}.nature{display:grid;grid-template-columns:45% 55%;min-height:760px}.nature>div:first-child{padding:10vw 7vw}.nature-grid{display:grid;grid-template-columns:1fr 1fr}.nature-grid img{width:100%;height:100%;object-fit:cover}.facts{display:flex;gap:45px;margin-top:50px;padding-top:28px;border-top:1px solid #cfc7b8}.facts b{font:500 24px 'Cormorant Garamond',serif}.facts span{font:300 9px Montserrat;letter-spacing:1px;text-transform:uppercase}.contact{text-align:center;padding:120px 20px;background:#26271f;color:#eee9df}.contact a{color:#d7bd91;text-decoration:none;line-height:2}.social{margin-top:28px;font-size:11px;letter-spacing:2px}footer{background:#191a15;color:#8d8c83;padding:28px 6vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}@media(max-width:800px){.nav nav a{display:none}.nav{height:70px}.hero{height:86vh;min-height:620px}.hero h1{letter-spacing:-1px}.latin{max-width:90%}.split,.nature{grid-template-columns:1fr}.intro>div,.nature>div:first-child{padding:80px 9vw}.split>img{height:550px}.history-box{grid-template-columns:1fr}.manuscript-placeholder{height:180px}.cards{grid-template-columns:1fr}.cards img{height:560px}.harvest{height:650px}.nature-grid{height:600px}.facts{gap:20px;flex-wrap:wrap}.nav nav{gap:10px}}
.manuscript-original{margin:0}.manuscript-original img{width:100%;height:220px;object-fit:cover;object-position:center;display:block;border:1px solid #b8a27b;filter:sepia(.08)}.manuscript-original figcaption{font:400 11px/1.4 'Cormorant Garamond',serif;color:#75684f;margin-top:7px;text-align:center}@media(max-width:800px){.manuscript-original img{height:190px}}

.grape-cycle{padding:110px 6vw 120px;background:#f6f3ed}.cycle-head{text-align:center;max-width:720px;margin:0 auto 52px}.cycle-head h2{font:500 clamp(42px,5vw,68px)/1 'Cormorant Garamond',serif;margin:18px 0 20px}.cycle-head>p:last-child{font-size:13px;line-height:1.8}.cycle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1250px;margin:auto}.cycle-grid figure{margin:0;background:#ebe7de}.cycle-grid img{display:block;width:100%;height:570px;object-fit:cover}.cycle-grid figcaption{padding:22px 22px 25px;display:flex;flex-direction:column;gap:7px}.cycle-grid b{font:500 25px 'Cormorant Garamond',serif}.cycle-grid span{font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.harvest-videos{padding:105px 6vw 120px;background:#ebe7de}.video-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.video-grid video{width:100%;max-height:650px;background:#111;object-fit:contain}.brand,.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1px}.hero h1{-webkit-text-stroke:.45px rgba(70,58,40,.55);text-shadow:1px 1px 0 rgba(255,255,255,.25),2px 2px 0 rgba(82,74,63,.5)}@media(max-width:800px){.cycle-grid,.video-grid{grid-template-columns:1fr}.cycle-grid img{height:520px}.grape-cycle,.harvest-videos{padding:75px 7vw}}

/* Exact Château Contier lettering reproduced from the user's bottle label */
.hero h1.hero-wordmark{margin:18px 0 14px;line-height:1}
.hero-wordmark img{display:block;width:min(700px,82vw);height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.30))}
.brand-wordmark{display:flex;align-items:center}
.brand-wordmark img{display:block;width:210px;max-height:50px;object-fit:contain}
@media(max-width:800px){
  .brand-wordmark img{width:175px}
  .hero-wordmark img{width:min(620px,88vw)}
}

/* V8 — wordmark copied from the high-resolution label PDF */
.hero-copy{
  top:39%;
  max-width:980px;
}
.hero-wordmark img{
  width:min(930px,86vw) !important;
  max-width:none;
  filter:
    drop-shadow(0 2px 1px rgba(0,0,0,.72))
    drop-shadow(0 0 5px rgba(0,0,0,.42))
    drop-shadow(0 0 1px rgba(255,255,255,.35));
}
.hero .shade{
  background:linear-gradient(90deg,rgba(10,14,8,.70) 0%,rgba(10,14,8,.36) 48%,rgba(0,0,0,.04) 82%);
}
.hero .eyebrow{font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.hero .tagline,.hero .latin{ text-shadow:0 1px 4px rgba(0,0,0,.75)}
.brand-wordmark img{
  width:235px;
}
@media(max-width:800px){
  .hero-copy{top:43%}
  .hero-wordmark img{width:92vw !important}
  .brand-wordmark img{width:185px}
}

/* V9 — typography matched to the supplied Château Contier folder.
   The PDF embeds Garamond / Garamond-Bold; use live text rather than a raster crop. */
.hero-copy{
  top:35% !important;
  left:7vw;
  max-width:1050px;
}
.hero h1.hero-folder-title{
  margin:10px 0 12px;
  font-family:Garamond, "EB Garamond", "Times New Roman", serif !important;
  font-size:clamp(76px,10.4vw,154px) !important;
  line-height:.84 !important;
  font-weight:700 !important;
  letter-spacing:-3.5px !important;
  color:#e2b83f !important;
  -webkit-text-stroke:1.1px rgba(255,241,190,.82);
  text-shadow:
    2px 3px 0 rgba(64,57,48,.72),
    0 3px 8px rgba(0,0,0,.78),
    0 0 18px rgba(0,0,0,.32) !important;
}
.brand-folder-title{
  font-family:Garamond, "EB Garamond", "Times New Roman", serif !important;
  font-weight:700 !important;
  font-size:29px !important;
  letter-spacing:-.5px !important;
  color:#c99d32 !important;
  text-shadow:1px 1px 0 rgba(80,70,55,.28) !important;
}
.hero .shade{
  background:linear-gradient(90deg,
    rgba(8,12,6,.74) 0%,
    rgba(8,12,6,.46) 43%,
    rgba(0,0,0,.10) 72%,
    rgba(0,0,0,.02) 100%) !important;
}
@media(max-width:800px){
  .hero-copy{top:39% !important;left:6vw}
  .hero h1.hero-folder-title{
    font-size:clamp(58px,16vw,96px) !important;
    letter-spacing:-2px !important;
  }
  .brand-folder-title{font-size:23px !important}
}

/* V10 — refinements requested: slightly smaller Château Contier title,
   slightly larger supporting text, plus Notre Histoire page. */
.hero h1.hero-folder-title{
  font-size:clamp(68px,9.1vw,136px) !important;
}
.hero .tagline{
  font-size:27px !important;
  line-height:1.35;
}
.hero .latin blockquote{
  font-size:20px !important;
  line-height:1.55;
}
.hero .latin span{
  font-size:10.5px !important;
}
.intro p,.nature p,.harvest p{
  font-size:15.5px !important;
  line-height:1.9;
}
.history-page{
  display:grid;
  grid-template-columns:52% 48%;
  min-height:760px;
  background:#f4f0e8;
}
.history-photo{min-height:760px}
.history-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.history-copy{
  padding:9vw 7vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.history-copy h2{
  font:500 clamp(48px,5.4vw,76px)/1 "Cormorant Garamond", Garamond, serif;
  margin:18px 0 34px;
}
.history-copy p{
  font-size:15.5px;
  line-height:1.9;
  margin:0 0 20px;
}
.history-highlight{
  font-family:Garamond,"EB Garamond","Times New Roman",serif;
  font-size:clamp(30px,3vw,46px);
  font-weight:700;
  line-height:1.05;
  color:#b28a35;
  margin:26px 0 22px;
}
@media(max-width:800px){
  .hero h1.hero-folder-title{font-size:clamp(52px,14vw,84px) !important}
  .history-page{grid-template-columns:1fr}
  .history-photo{min-height:460px}
  .history-copy{padding:80px 9vw}
}

/* V12 — homepage with real Château Contier vineyard photo + Latin cartulary text */
.hero.hero-real{
  height:calc(100vh - 86px);
  min-height:760px;
  position:relative;
  overflow:hidden;
  background:#275f8c;
}
.hero.hero-real>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 28%;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,
    rgba(7,25,39,.10) 0%,
    rgba(7,25,39,.08) 24%,
    rgba(8,18,12,.26) 58%,
    rgba(6,14,8,.43) 100%);
}
.hero-centered{
  position:absolute;
  z-index:2;
  top:46%;
  left:50%;
  transform:translate(-50%,-50%);
  width:min(1120px,90vw);
  text-align:center;
  color:#fff;
}
.hero-centered h1{
  margin:0 0 12px !important;
  font-family:Garamond,"EB Garamond","Times New Roman",serif !important;
  font-size:clamp(68px,8.4vw,128px) !important;
  line-height:.9 !important;
  font-weight:700 !important;
  letter-spacing:-2.5px !important;
  color:#e7bb42 !important;
  -webkit-text-stroke:.7px rgba(255,235,167,.65);
  text-shadow:2px 3px 2px rgba(20,30,24,.55),0 4px 10px rgba(0,0,0,.28) !important;
}
.hero-origin{
  font:400 clamp(31px,3.3vw,49px)/1.1 Garamond,"Times New Roman",serif;
  text-shadow:0 2px 5px rgba(0,0,0,.55);
}
.hero-place{
  margin-top:10px;
  font:400 clamp(23px,2.5vw,38px)/1.15 Garamond,"Times New Roman",serif;
  text-shadow:0 2px 5px rgba(0,0,0,.55);
}
.hero-rule{
  width:130px;
  height:2px;
  background:#d6aa32;
  margin:26px auto 22px;
}
.hero-statement{
  margin:0;
  font:400 clamp(20px,2.15vw,32px)/1.42 Garamond,"Times New Roman",serif;
  text-shadow:0 2px 6px rgba(0,0,0,.82);
}
.hero-latin{
  margin:20px auto 0;
  max-width:760px;
  color:#f3ead7;
  text-shadow:0 2px 6px rgba(0,0,0,.88);
}
.hero-latin blockquote{
  margin:0 0 5px;
  font:italic 400 clamp(15px,1.35vw,20px)/1.4 Garamond,"Times New Roman",serif;
}
.hero-latin span{
  font-size:9px;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
.hero-button{
  display:inline-block;
  margin-top:22px;
  padding:14px 32px;
  min-width:360px;
  border:1px solid #d8ad36;
  color:#fff;
  background:rgba(16,24,14,.30);
  text-decoration:none;
  font:400 17px Garamond,"Times New Roman",serif;
  letter-spacing:1.1px;
  text-shadow:0 1px 4px rgba(0,0,0,.8);
}
.hero-button span{color:#e7bb42;font-size:25px;margin-left:25px}
.hero-down{
  position:absolute;
  z-index:2;
  bottom:18px;
  left:50%;
  transform:translateX(-50%);
  color:#fff;
  text-decoration:none;
  font-size:35px;
  text-shadow:0 2px 5px rgba(0,0,0,.6);
}
.history-photo img{
  object-position:center center;
}
@media(max-width:800px){
  .hero.hero-real{height:88vh;min-height:680px}
  .hero.hero-real>img{object-position:center 20%}
  .hero-centered{top:48%;width:92vw}
  .hero-centered h1{font-size:clamp(50px,13vw,78px) !important;letter-spacing:-1.5px !important}
  .hero-button{min-width:0;width:88%;padding:13px 15px;font-size:14px}
  .hero-latin{max-width:90%}
}

/* V13 — preserve the original hero photograph and slightly reduce the estate name */
.hero-centered h1{font-size:clamp(62px,7.5vw,114px) !important;}
@media(max-width:800px){.hero-centered h1{font-size:clamp(46px,11.5vw,70px) !important;}}


/* V18 — wine information buttons and detail panels */
.wine-info-btn{display:block;margin:18px auto 0;padding:11px 18px;border:1px solid #b58a2b;background:transparent;color:#72571c;font:600 11px/1.2 Arial,sans-serif;letter-spacing:1.5px;cursor:pointer;transition:.2s}
.wine-info-btn:hover{background:#b58a2b;color:#fff}
.wine-details{display:none;position:fixed;z-index:9999;inset:0;background:rgba(16,18,14,.72);padding:24px;align-items:center;justify-content:center}
.wine-details.open{display:flex}
.wine-details-inner{position:relative;width:min(620px,94vw);max-height:86vh;overflow:auto;background:#f7f4ec;padding:42px 44px;text-align:left;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.wine-details-inner h3{font:400 34px/1.1 Garamond,'Times New Roman',serif;margin:5px 0 24px;color:#25271f}
.wine-details-inner p{font-size:15px;line-height:1.65;color:#4b4b43}
.wine-details-inner .wine-award{padding-top:14px;border-top:1px solid #d8ccb0;color:#80601e;font-weight:600}
.wine-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:30px;color:#6f6654;cursor:pointer}
.cards article img{object-fit:cover}
@media(max-width:700px){.wine-details-inner{padding:34px 25px}.wine-details-inner h3{font-size:28px}}