.valeur-shell-wide {
  width: min(calc(100% - 96px), 1192px);
  margin-inline: auto;
}

.valore-story { color: #7c7c7c; }
.valore-story main { background: var(--valore-ivory); }
.valore-story h1,
.valore-story h2,
.valore-product h1 { font-family: 'Bona Nova', serif; font-style: italic; font-weight: 400; text-transform: uppercase; }

.valore-story-hero {
  position: relative;
  height: 874px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #8b7657 var(--story-image) center / cover no-repeat;
  color: #fff;
}
.valore-story-hero::after { content: ''; position: absolute; inset: 0; background: rgba(39,28,18,.12); pointer-events: none; }
.valore-story-hero h1 { position: relative; z-index: 2; width: min(900px, calc(100% - 64px)); margin-top: 40px; font-size: clamp(42px, 4.2vw, 62px); line-height: 1.04; text-align: center; }

.valore-story-block {
  min-height: 1050px;
  padding-block: 92px 112px;
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  column-gap: 100px;
  row-gap: 80px;
  align-items: start;
}
.valore-story-block h2,
.valore-story-feature h2,
.valore-terroir h2,
.valore-vine-feature h2,
.valore-champ-intro h2,
.valore-moments h2,
.valore-art-ritual h2,
.valore-art-ways h2 { color: var(--valore-heading); font-size: 36px; line-height: 1.08; }
.valore-story-block p,
.valore-story-feature p,
.valore-terroir p,
.valore-vine-feature p,
.valore-champ-intro p,
.valore-art-intro p,
.valore-art-ritual p,
.valore-art-ways p { font-size: 16px; line-height: 1.55; letter-spacing: .025em; }
.valore-story-block > p,
.valore-story-block > div { padding-top: 8px; }
.valore-story-block > div p + p { margin-top: 26px; }
.valore-story-img { object-fit: cover; }
.valore-story-img--small { width: 343px; height: 341px; justify-self: center; margin-top: 72px; }
.valore-story-img--large { width: 648px; height: 434px; justify-self: end; }

.valore-story-feature { min-height: 660px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 95px; padding-block: 80px; }
.valore-story-feature img { width: 470px; height: 480px; object-fit: cover; }
.valore-story-feature h2 { margin-bottom: 34px; }

.valore-story-banner { min-height: 620px; padding: 80px 11%; display: grid; place-content: center; text-align: center; background: #64451f var(--story-image) center / cover no-repeat; color: #fff; position: relative; }
.valore-story-banner::after { content: ''; position: absolute; inset: 0; background: rgba(32,21,8,.33); }
.valore-story-banner > * { position: relative; z-index: 1; }
.valore-story-banner h2 { max-width: 1040px; margin-inline: auto; font-size: clamp(38px, 4vw, 58px); line-height: 1.05; }
.valore-story-banner p { max-width: 780px; margin: 28px auto 0; font-size: 16px; line-height: 1.5; }

.valore-story-values { min-height: 650px; display: grid; grid-template-columns: .8fr 220px 1.1fr; gap: 58px; align-items: center; padding-block: 90px; }
.valore-story-values__list { display: flex; flex-direction: column; }
.valore-story-values__list span { padding: 18px 0; border-bottom: 1px solid rgba(155,122,88,.38); color: var(--valore-heading); font: 28px/1 'Bona Nova',serif; text-transform: uppercase; }
.valore-story-values img { width: 220px; height: 280px; object-fit: cover; }
.valore-story-values > p { font-size: 15px; line-height: 1.55; }

.valore-terroir { min-height: 620px; padding-block: 110px; text-align: center; }
.valore-terroir h2 { font-size: 42px; }
.valore-terroir > p { width: min(760px,100%); margin: 34px auto 58px; }
.valore-terroir > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; color: var(--valore-gold-dark); text-transform: uppercase; letter-spacing: .08em; }
.valore-terroir > div span { padding: 20px 10px; border-block: 1px solid rgba(155,122,88,.28); }

.valore-vine-feature { min-height: 720px; display: grid; grid-template-columns: 1fr 1fr; background: #746150; color: #fff; }
.valore-vine-feature img { width: 100%; height: 720px; object-fit: cover; }
.valore-vine-feature > div { padding: 100px 12%; align-self: center; }
.valore-vine-feature h2 { margin-bottom: 32px; color: #fff; font-size: 42px; }
.valore-story-closing { min-height: 470px; display: grid; place-content: center; justify-items: center; padding: 70px 24px; text-align: center; }
.valore-story-closing h2 { max-width: 820px; color: var(--valore-heading); font-size: clamp(34px,3.4vw,49px); line-height: 1.1; }
.valore-story-closing .valore-button { margin-top: 46px; }

.valore-champ-intro { min-height: 880px; padding-block: 105px; display: grid; grid-template-columns: 1fr 1.5fr; column-gap: 90px; row-gap: 76px; }
.valore-champ-intro > p { max-width: 640px; }
.valore-champ-intro img:first-of-type { width: 337px; height: 339px; object-fit: cover; justify-self: center; margin-top: 45px; }
.valore-champ-intro img:last-of-type { width: 772px; height: 474px; object-fit: cover; justify-self: end; }

.valore-range { background: var(--valore-gold); color: #fff; }
.valore-range > p { min-height: 150px; padding: 42px 24px; display: grid; place-items: center; text-align: center; border-bottom: 1px solid rgba(255,255,255,.4); font-size: 18px; }
.valore-range__grid { display: grid; grid-template-columns: repeat(3,1fr); }
.valore-range article { min-height: 660px; padding: 40px 26px 32px; display: grid; grid-template-rows: auto 1fr auto; border-right: 1px solid rgba(255,255,255,.4); }
.valore-range article:last-child { border-right: 0; }
.valore-range h2 { color: #fff; font-size: 24px; font-style: normal; }
.valore-range article img { width: 100%; height: 430px; object-fit: contain; align-self: center; }
.valore-range article a { width: 190px; margin: auto; padding: 13px 24px; border: 1px solid rgba(255,255,255,.55); text-align: center; text-transform: uppercase; }

.valore-moments { min-height: 920px; padding-block: 100px; }
.valore-moments h2 { margin-bottom: 60px; font-size: 42px; }
.valore-moments > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; overflow: hidden; }
.valore-moments figure,
.valore-moments > div > img { width: 100%; height: 520px; object-fit: cover; }
.valore-moments figure { position: relative; margin: 0; }
.valore-moments figure img { width: 100%; height: 100%; object-fit: cover; }
.valore-moments figcaption { position: absolute; inset: auto 30px 30px; color: #fff; font-size: 15px; }

.valore-art-intro { min-height: 680px; padding-block: 95px; display: grid; grid-template-columns: 1fr 1fr; gap: 110px; }
.valore-art-intro h1 { color: var(--valore-heading); font-size: 42px; line-height: 1.06; }
.valore-art-intro p + p { margin-top: 28px; }
.valore-art-ritual { min-height: 980px; padding-block: 80px; display: grid; grid-template-columns: 420px 1fr; gap: 150px; align-items: end; }
.valore-art-ritual img { width: 420px; height: 520px; object-fit: cover; }
.valore-art-ritual > div { max-width: 450px; padding-bottom: 70px; }
.valore-art-ritual span,
.valore-art-ways article span { display: block; margin-bottom: 18px; color: var(--valore-gold-dark); font-size: 12px; letter-spacing: .12em; }
.valore-art-ritual h2 { margin-bottom: 25px; }
.valore-art-ways { padding-block: 50px 110px; }
.valore-art-ways > p { margin-bottom: 56px; font: 24px/1.3 'Bona Nova',serif; color: var(--valore-heading); }
.valore-art-ways > div { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; }
.valore-art-ways article { padding-top: 30px; border-top: 1px solid rgba(155,122,88,.35); }
.valore-art-ways h2 { margin-bottom: 22px; }
.valore-art-gallery { overflow: hidden; }
.valore-art-gallery > img { width: 100%; height: 560px; object-fit: cover; }
.valore-art-gallery > div { display: grid; grid-template-columns: repeat(4,1fr); background: #d8a8a0; color: #fff; }
.valore-art-gallery span { min-height: 120px; padding: 35px 24px; display: grid; place-items: center; text-align: center; border-right: 1px solid rgba(255,255,255,.4); text-transform: uppercase; }
.valore-story-banner--art { min-height: 690px; }

.valore-product { --product-bg:#c2a26f; --product-fg:#fff; background: var(--product-bg); color: var(--product-fg); }
.valeur-product--rose { --product-bg:#d79a98; }
.valeur-product--silver { --product-bg:#aaa6a5; }
.valeur-product--black { --product-bg:#1e1e1e; }
.valore-product-hero { min-height: 950px; position: relative; background: var(--product-bg); color: var(--product-fg); }
.valore-product-hero::after { content:''; position:absolute; left:0; right:0; top:106px; height:1px; background:rgba(255,255,255,.5); }
.valore-product-hero__grid { position:relative; width:min(calc(100% - 96px),1192px); min-height:950px; margin:auto; padding:145px 0 80px; display:grid; grid-template-columns: 1fr .7fr 1.15fr; gap:75px; align-items:center; }
.valore-product-hero__grid > * { position:relative; z-index:1; }
.valore-product-hero__title { height:600px; display:flex; flex-direction:column; justify-content:space-between; padding-block:30px; }
.valore-product-hero__title h1 { color:#fff; font-size:clamp(48px,4vw,68px); line-height:1.02; }
.valore-product-hero__title strong { display:block; margin-bottom:12px; font-size:20px; font-weight:400; }
.valore-product-hero__title span { font-size:14px; text-transform:uppercase; letter-spacing:.04em; }
.valore-product-hero__bottle { height:660px; display:grid; place-items:center; }
.valore-product-hero__bottle img { max-width:100%; width:auto; height:600px; object-fit:contain; }
.valeur-product--rose .valore-product-hero__bottle,
.valeur-product--blanc .valore-product-hero__bottle,
.valeur-product--millesime .valore-product-hero__bottle { position:relative; justify-self:center; overflow:hidden; display:block; }
.valeur-product--rose .valore-product-hero__bottle { width:205px; }
.valeur-product--rose .valore-product-hero__bottle img { position:absolute; left:0; top:10px; max-width:none; height:640px; mix-blend-mode:multiply; }
.valeur-product--blanc .valore-product-hero__bottle { width:170px; }
.valeur-product--blanc .valore-product-hero__bottle img { position:absolute; left:-128px; top:10px; max-width:none; height:640px; }
.valeur-product--millesime .valore-product-hero__bottle { width:160px; }
.valeur-product--millesime .valore-product-hero__bottle img { position:absolute; left:-90px; top:10px; max-width:none; height:640px; }
.valore-range img.valore-cuvee__product--rose { mix-blend-mode:multiply; }
.valore-product-hero__copy { align-self:center; }
.valore-product-hero__copy > p { margin-bottom:24px; font-size:16px; line-height:1.45; }
.valore-product-hero__copy details { border-bottom:1px solid rgba(255,255,255,.6); }
.valore-product-hero__copy summary { padding:14px 0; cursor:pointer; text-transform:uppercase; font-weight:500; list-style:none; }
.valore-product-hero__copy summary::-webkit-details-marker { display:none; }
.valore-product-hero__copy summary::after { content:'+'; float:right; }
.valore-product-hero__copy details[open] summary::after { content:'−'; }
.valore-product-hero__copy details p { padding:0 0 20px; font-size:14px; line-height:1.45; }
.valore-product-lifestyle { height:765px; }
.valore-product-lifestyle img { width:100%; height:100%; object-fit:cover; }
.valore-product .valore-footer { margin-top:0; }

@media (max-width: 1024px) {
  .valore-story-block { column-gap: 55px; }
  .valore-story-img--large { width:100%; }
  .valore-range__grid { grid-template-columns: repeat(3,1fr); }
  .valore-product-hero__grid { gap:35px; grid-template-columns:1fr .65fr 1.15fr; }
}

@media (max-width: 767px) {
  .valeur-shell-wide { width:calc(100% - 56px); }
  .valore-story-hero { height:620px; background-position:center; }
  .valore-story-hero h1 { width:calc(100% - 56px); margin-top:60px; font-size:34px; }
  .valore-story-block { min-height:0; padding-block:54px 68px; display:block; }
  .valore-story-block h2,
  .valore-story-feature h2,
  .valore-terroir h2,
  .valore-vine-feature h2,
  .valore-champ-intro h2,
  .valore-moments h2,
  .valore-art-ritual h2,
  .valore-art-ways h2 { font-size:28px; }
  .valore-story-block > p,
  .valore-story-block > div { margin-top:26px; }
  .valore-story-img--small,
  .valore-story-img--large { width:100%; height:auto; aspect-ratio:1; margin:44px 0 0; }
  .valore-story-img--large { aspect-ratio:1.25; }
  .valore-story-feature { min-height:0; display:flex; flex-direction:column-reverse; gap:42px; padding-block:64px; }
  .valore-story-feature img { width:100%; height:auto; aspect-ratio:1; }
  .valore-story-banner { min-height:620px; padding:60px 28px; }
  .valore-story-banner h2 { font-size:34px; }
  .valore-story-values { min-height:0; grid-template-columns:1fr; gap:38px; padding-block:60px; }
  .valore-story-values img { width:100%; height:300px; }
  .valore-story-values__list span { font-size:23px; }
  .valore-terroir { min-height:0; padding-block:70px; }
  .valore-terroir > p { margin:26px auto 38px; }
  .valore-terroir > div { grid-template-columns:1fr 1fr; }
  .valore-vine-feature { min-height:0; grid-template-columns:1fr; }
  .valore-vine-feature img { height:500px; }
  .valore-vine-feature > div { padding:55px 28px 70px; }
  .valore-story-closing { min-height:390px; }
  .valore-story-closing h2 { font-size:31px; }

  .valore-champ-intro { min-height:0; padding-block:60px; display:block; }
  .valore-champ-intro > p { margin-top:25px; }
  .valore-champ-intro img:first-of-type,
  .valore-champ-intro img:last-of-type { width:100%; height:auto; aspect-ratio:1; margin:45px 0 0; }
  .valore-champ-intro img:last-of-type { aspect-ratio:1.25; }
  .valore-range > p { min-height:130px; }
  .valore-range__grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .valore-range article { flex:0 0 100%; min-height:650px; border-right:1px solid rgba(255,255,255,.4)!important; scroll-snap-align:start; }
  .valore-range article img { height:440px; }
  .valore-moments { min-height:0; padding-block:70px; }
  .valore-moments h2 { margin-bottom:38px; }
  .valore-moments > div { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }
  .valore-moments figure,
  .valore-moments > div > img { flex-basis:320px; height:420px; scroll-snap-align:start; }

  .valore-art-intro { min-height:0; padding-block:60px; grid-template-columns:1fr; gap:30px; }
  .valore-art-intro h1 { font-size:31px; }
  .valore-art-ritual { min-height:0; padding-block:70px; grid-template-columns:1fr; gap:45px; }
  .valore-art-ritual img { width:100%; height:480px; }
  .valore-art-ritual > div { padding-bottom:0; }
  .valore-art-ways { padding-block:40px 70px; }
  .valore-art-ways > div { grid-template-columns:1fr; gap:45px; }
  .valore-art-gallery > img { height:480px; }
  .valore-art-gallery > div { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }
  .valore-art-gallery span { flex:0 0 78%; min-height:110px; scroll-snap-align:start; }
  .valore-story-banner--art { min-height:620px; }

  .valore-product-hero { min-height:0; }
  .valore-product-hero::after { top:83px; }
  .valore-product-hero__grid { width:calc(100% - 56px); min-height:0; padding:125px 0 70px; grid-template-columns:1fr; gap:35px; }
  .valore-product-hero__title { height:auto; gap:32px; padding:0; }
  .valore-product-hero__title h1 { font-size:48px; }
  .valore-product-hero__bottle { height:540px; order:2; }
  .valore-product-hero__bottle img { height:500px; }
  .valeur-product--rose .valore-product-hero__bottle { width:180px; }
  .valeur-product--rose .valore-product-hero__bottle img { top:8px; height:540px; }
  .valeur-product--blanc .valore-product-hero__bottle { width:145px; }
  .valeur-product--blanc .valore-product-hero__bottle img { left:-108px; top:8px; height:540px; }
  .valeur-product--millesime .valore-product-hero__bottle { width:138px; }
  .valeur-product--millesime .valore-product-hero__bottle img { left:-76px; top:8px; height:540px; }
  .valore-product-hero__copy { order:3; }
  .valore-product-lifestyle { height:620px; }
  .valore-product-lifestyle img { object-position:center; }
  .valore-story .valore-footer,
  .valore-product .valore-footer { margin-top:0; }
}