/* vnk-hero26 · home hero, desktop and tablet (from 768 px). Phone (up to 767 px) keeps the occasions video block.
   All selectors are inside .vnk-h26 or are the hero overrides below. Row of bottles = one image, height --h26h. */
.vnk-h26 { display: none; }
@media (min-width: 768px) {
  html body .bg__index, html body .bg__index.bg__style, html body .bg__index.vnk-hero-ready, html body .bg__index.bg__style.vnk-hero-ready {
    background: #1b1512 !important; background-image: none !important; }
  html body .bg__index .promo__block { display: none !important; }
  html body .bg__index .bgColor__index { position: relative; display: flex; flex-direction: column; }
  html body .bg__index .bgColor__index > header.header__static { position: relative; z-index: 3; }
  .vnk-h26 { --h26h: clamp(300px, calc((100vw - 164px - 76px - 640px) / 1.0105), min(760px, calc(max(100vh, 650px) - 330px)));
    display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; min-height: 0; position: static; color: #f8f3ea; font-family: Montserrat, Arial, sans-serif; }
  .vnk-h26__glow { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; pointer-events: none;
    background:
      linear-gradient(0deg, rgba(27,21,18,.55) 0, rgba(27,21,18,0) 90px),
      radial-gradient(ellipse calc(var(--h26h) * 1.03) calc(var(--h26h) * .81) at calc(100% - 84px - var(--h26h) * .5053) calc(100% - var(--h26h) * .5), rgba(192,166,134,.40) 0%, rgba(192,166,134,.16) 45%, rgba(192,166,134,0) 76%),
      radial-gradient(ellipse 900px 520px at 75% 100%, rgba(43,33,27,.9), rgba(27,21,18,0) 70%); }
  .vnk-h26__pic { position: absolute; z-index: 1; bottom: 0; right: calc(84px - var(--h26h) * .0923); height: var(--h26h); width: auto; max-width: none; display: block; pointer-events: none; user-select: none; }
  .vnk-h26__in { position: relative; z-index: 2; box-sizing: border-box; padding: 0 20px; }
  .vnk-h26__copy { max-width: 640px; }
  .vnk-h26 .vnk-h26__eb { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; font: 600 12px/1 Montserrat, Arial, sans-serif; letter-spacing: .22em; text-transform: uppercase; color: #d9c6a6; }
  .vnk-h26 .vnk-h26__eb::before { content: ""; flex: none; width: 28px; height: 1px; background: #c0a686; }
  .vnk-h26 .vnk-h26__h1 { margin: 0; padding: 0; font: italic 500 64px/1 'Cormorant Garamond', Georgia, 'Times New Roman', serif; text-transform: none; letter-spacing: 0; color: #f8f3ea; text-wrap: balance; }
  .vnk-h26 .vnk-h26__lead { max-width: 540px; margin: 22px 0 0; font: 400 18px/1.6 Montserrat, Arial, sans-serif; color: rgba(248,243,234,.86); }
  .vnk-h26__act { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; margin-top: 34px; }
  html body .vnk-h26 a.vnk-h26__btn { display: inline-flex; align-items: center; height: 48px; padding: 0 30px; box-sizing: border-box; background: #f8f3ea; color: #1b1512; border: 0; border-radius: 0;
    font: 600 12px/1 Montserrat, Arial, sans-serif; letter-spacing: .2em; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: background .2s; }
  html body .vnk-h26 a.vnk-h26__btn:hover { background: #c0a686; color: #1b1512; text-decoration: none; }
  html body .vnk-h26 a.vnk-h26__lnk { font: 500 13px/1.3 Montserrat, Arial, sans-serif; letter-spacing: .05em; color: #f8f3ea; text-decoration: none; border-bottom: 1px solid rgba(192,166,134,.75); padding-bottom: 4px; transition: border-color .2s, color .2s; }
  html body .vnk-h26 a.vnk-h26__lnk::after { content: "\2009\2192"; }
  html body .vnk-h26 a.vnk-h26__lnk:hover { color: #fff; border-bottom-color: #d9c6a6; text-decoration: none; }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .vnk-h26 { --h26h: clamp(230px, calc((100vw - 164px - 60px - 500px) / 1.0105), min(400px, calc(max(100vh, 650px) - 330px))); }
  .vnk-h26__in { padding-left: 0; }
  .vnk-h26__copy { max-width: 500px; }
  .vnk-h26 .vnk-h26__h1 { font-size: 54px; }
  .vnk-h26 .vnk-h26__lead { font-size: 17px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vnk-h26 { --h26h: clamp(240px, min(49.5vw, calc(min(max(100vh, 650px), 900px) - 520px)), 420px); justify-content: flex-start; padding-top: 14px; }
  .vnk-h26__in { padding: 0; }
  .vnk-h26__copy { max-width: 560px; }
  .vnk-h26 .vnk-h26__h1 { font-size: 44px; }
  .vnk-h26 .vnk-h26__lead { font-size: 16px; }
  .vnk-h26__glow { background:
      linear-gradient(0deg, rgba(27,21,18,.55) 0, rgba(27,21,18,0) 90px),
      radial-gradient(ellipse calc(var(--h26h) * 1.03) calc(var(--h26h) * .81) at 50% calc(100% - var(--h26h) * .5), rgba(192,166,134,.40) 0%, rgba(192,166,134,.16) 45%, rgba(192,166,134,0) 76%); }
  .vnk-h26__pic { right: auto; left: 50%; transform: translateX(-50%); }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .vnk-h26 .vnk-h26__h1 { font-size: 44px; }
}