@font-face {
  font-family: 'baskervillebt';
  src: url('/static/fonts/baskervillebt_bold.woff2') format('woff2'), url('/static/fonts/baskervillebt_bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'baskervillebt';
  src: url('/static/fonts/baskervillebt_italic.woff2') format('woff2'), url('/static/fonts/baskervillebt_italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'PTSansWeb';
  src: url('/static/fonts/PT_Sans-Web-Bold.woff2') format('woff2'), url('/static/fonts/PT_Sans-Web-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PTSansWeb';
  src: url('/static/fonts/PT_Sans-Web-Regular.woff2') format('woff2'), url('/static/fonts/PT_Sans-Web-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html {
  scroll-behavior: auto;
  min-height: 100%;
  background-color: #000;
}

body {
  position: relative;
  background-color: #000;
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-size: 16px;
  text-align: start;
  line-height: 100%;
  letter-spacing: 0em;
  overflow-x: hidden;
  margin: 0 auto;
  padding: 0 calc(12px - (100vw - 100%)) 0 0;
  touch-action: manipulation;
  visibility: visible;
  cursor: default;
}

*,
::after,
::before {
  box-sizing: border-box;
}

*:focus {
  outline: 0 solid #000;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input,
textarea {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	outline: inherit;
  font-family: inherit;
  cursor: text;
}

button {
  padding: 0;
  font-family: inherit;
  font: inherit;
  border: none;
  background: none;
  outline: inherit;
  color: inherit;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

div, span, h1, h2, h3, h4, h5, h6, p, a, b, nav, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
  font: inherit;
  font-style: inherit;
  margin: 0;
  line-height: 100%;
}

a {
  color: inherit;
}

a, a:visited, a:hover {
  text-decoration: none;
  cursor: pointer;
}

ul {
  list-style: none;
  padding: 0;
}

video::-webkit-media-controls {display: none;}
video {translate: none !important;}
video::-webkit-media-controls-overlay-enclosure {display: none;}
video::-webkit-media-text-track-display {display: none !important;}
video::-webkit-media-controls-picture-in-picture-button {display: none !important;}

img {
  max-width: 100%;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

:root {
  --gold: #e6be69;
  --goldBg: linear-gradient(90.00deg, #a37a1e,#d3a74c,#ffec95,#e6be69,#ffd87b,#b58f3e,#946e12);
  --grey: #E9EAEB;
}

*::selection {
  background-color: var(--gold);
  color: #000;
}

::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-thumb {
  border: 3px solid #000;
  background-color: var(--gold);
}
::-webkit-scrollbar-track {
  background: #000;
}

._lock {
  overflow: hidden;
}

._hidden {
  overflow: hidden;
  pointer-events: none;
}

._h {
  overflow: hidden;
}

.seo {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
  z-index: -100;
}

.preloader {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  transform: translateY(0);
  transition: all 0.7s cubic-bezier(.215,.61,.355,1);
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  z-index: 999999999;
}

.logo {
  position: absolute;
  bottom: 50vh;
  left: 50%;
  transform: translate(-55%, 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(1vw * (0.0390625 * 780));
  height: calc(1vw * (0.0390625 * 780));
  overflow: hidden;
}

.logo img {
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: 1;
}

.logo-mask {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .75;
  transform: translateY(0);
  transition: transform 1.2s .1s cubic-bezier(.39,.58,.57,1);
  z-index: 2;
}

.page-age {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  z-index: 9999999;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.page-age__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(1vw * (0.0390625 * 80));
}

.page-age__wrap span {
  font-size: calc(1vw * (0.0390625 * 64));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.page-age__title-yes {
  width: 75%;
}
.page-age__title-no {
  width: 60%;
}

.page-age__btn-wrap {
  display: flex;
  gap: calc(1vw * (0.0390625 * 40));
}

.page-age__btn {
  padding: calc(1vw * (0.0390625 * 20)) calc(1vw * (0.0390625 * 40));
  font-size: calc(1vw * (0.0390625 * 64));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  background: var(--goldBg);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 100%;
  transition: all .5s ease;
  cursor: pointer;
}

.header {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: calc(1vw * (0.0390625 * 120));
  background-color: #000;
  transform: translate(0, 0);
  transition: transform .6s cubic-bezier(.215,.61,.355,1);
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 100;
}

.header-logo {
  min-width: calc(1vw * (0.0390625 * 190));
  width: calc(1vw * (0.0390625 * 190));
  height: auto;
}

.header-logo svg {
  fill: #ffffff;
  width: 100%;
  height: auto;
  pointer-events: none;
  transition: all .5s ease;
}

.menu-phone {
  display: none;
}

.menu-phone__links {
  display: none;
}

.menu {
  display: flex;
  align-items: end;
  justify-content: center;
  padding-bottom: calc(1vw * (0.0390625 * 34));
  width: 50%;
  height: 100%;
}

.menu-wrap {
  display: flex;
  align-items: end;
  justify-content: space-evenly;
  width: 100%;
  height: 100%;
}

.menu-btn {
  position: relative;
  font-size: calc(1vw * (0.0390625 * 20));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  line-height: 100%;
  transition: all 0.5s ease;
}

.menu-btn::before {
  content: '';
  position: absolute;
  bottom: -20%;
  left: 0;
  width: 0;
  border-bottom: calc(1vw * (0.0390625 * 1.5)) solid #fff;
  transition: all 0.5s ease;
}

.menu-btn._active.menu-btn::before {
  width: 100%;
}

.menu-btn._active {
  color: var(--gold);
}

.page-popup {
  position: fixed;
  inset: 0;
  display: none;
  flex-direction: row;
  align-items: start;
  justify-content: start;
  width: 100vw;
  height: auto;
  background-color: #fff;
  z-index: 99999;
  overflow: auto;
  animation: none .7s cubic-bezier(.95,.2,.41,.52);
}

.page-popup._active {
  display: flex;
  animation: page-load .7s cubic-bezier(.95,.2,.41,.52);
}

.page-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  background-color: #000;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  z-index: 10;
  overflow: hidden;
  pointer-events: none;
  animation: none .6s 1s cubic-bezier(.215,.61,.355,1) forwards;
}

.page-loader img {
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translate(-55%, -50%);
  width: calc(1vw * (0.0390625 * 780));
  height: auto;
  pointer-events: none;
}

.page-close {
  position: fixed;
  top: calc(1vw * (0.0390625 * 40));
  right: calc(1vw * (0.0390625 * 40));
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(1vw * (0.0390625 * 100));
  height: calc(1vw * (0.0390625 * 100));
  background-color: transparent;
  cursor: pointer;
  z-index: 5;
}

.page-post__close {
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(calc( 1vw * (0.0390625* 20)));
  backdrop-filter: blur(calc(1vw * ( 0.0390625 * 20)));
}

.page-close svg {
  fill: #000000;
  width: calc(1vw * (0.0390625 * 52));
  height: auto;
  pointer-events: none;
  transition: all .5s ease;
}

.page-post {
  padding: calc(1vw * (0.0390625 * 60));
}

.page-post__content-wrap {
  display: flex;
  flex-direction: row;
  gap: calc(1vw * (0.0390625 * 80));
  width: 100%;
  height: auto;
}

.page-post__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  width: 50%;
  height: auto;
}

.page-post__img {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - (1vw * (0.0390625 * 120)));
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  background-color: var(--grey);
  border-radius: calc(1vw * (0.0390625 * 10));
}

.page-post__content-inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 100%;
  height: 100%;
}

.page-post__date {
  margin-bottom: calc(1vw * (0.0390625 * 20));
  width: 85%;
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 700;
  font-style: normal;
  color: rgba(0, 0, 0, 0.35);
  line-height: 100%;
}

.page-post__title {
  margin-bottom: calc(1vw * (0.0390625 * 40));
  width: 90%;
  font-size: calc(1vw * (0.0390625 * 68));
  font-family: 'PTSansWeb';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 94%;
}

.page-post__text {
  width: 80%;
  font-size: calc(1vw * (0.0390625 * 34));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
}

.page-post__share {
  display: flex;
  align-items: center;
  gap: calc(1vw * (0.0390625 * 20));
  margin-top: calc(1vw * (0.0390625 * 120));
}

.page-post__share span {
  padding-right: calc(1vw * (0.0390625 * 40));
  font-size: calc(1vw * (0.0390625 * 38));
  font-family: 'PTSansWeb';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 100%;
}

.post__share-btn {
  width: calc(1vw * (0.0390625 * 52));
  height: calc(1vw * (0.0390625 * 52));
  cursor: pointer;
}

.post__share-btn svg {
  fill: #000000;
  width: 100%;
  height: auto;
  pointer-events: none;
  transition: all .5s ease;
}

.main {
  display: flex;
  flex-direction: column;
  background-color: #000;
  width: 100%;
  height: auto;
}

.page-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  margin-top: calc(1vw * (0.0390625 * 120));
  width: 100%;
  height: auto;
  min-height: calc(200vh - (1vw * (0.0390625 * 120)));
  max-height: none;
  background-color: #000;
  z-index: 3;
}

.page-wrapper._active {
  max-height: calc(200vh - (1vw * (0.0390625 * 120)));
  overflow: hidden;
}

.page-action {
  position: relative;
  display: flex;
  flex-direction: column;
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  z-index: 1;
  transform-origin: center center;
  scroll-behavior: smooth;
  animation: none 0.7s cubic-bezier(.215,.61,.355,1) forwards;
}

.page-action::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  box-shadow: 0 calc(1vw*(0.0390625* 240)) calc(1vw*(0.0390625* 120)) 0 rgba(0, 0, 0, .35);
  pointer-events: none;
}

.page-action._active {
  z-index: 10;
  animation: none 0.7s cubic-bezier(.39,.58,.57,1) forwards;
}

.page-action._none {
  display: none;
}

@keyframes anim-page__off {
  0% {max-height: calc(100vh - (1vw * (0.0390625 * 120))); transform: scale(1); overflow: hidden;}
  100% {max-height: calc(100vh - (1vw * (0.0390625 * 120))); transform: scale(0.6); overflow: hidden;}
}

@keyframes anim-page__on {
  0% {max-height: calc(100vh - (1vw * (0.0390625 * 120))); transform: translateY(200%) scale(2); box-shadow: 0 calc(1vw * (0.0390625 * -140)) calc(1vw * (0.0390625 * 120)) 0 rgba(0, 0, 0, .25);}
  100% {max-height: calc(100vh - (1vw * (0.0390625 * 120))); transform: translateY(0) scale(1); box-shadow: 0 calc(1vw * (0.0390625 * -140)) calc(1vw * (0.0390625 * 160)) 0 rgba(0, 0, 0, .5);}
}

.main-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  width: 100%;
  height: calc(100vh - (1vw * (0.0390625 * 120)));
  min-height: calc(100vh - (1vw * (0.0390625 * 120)));
  background-color: #000;
}

.history__main-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.history__main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  pointer-events: none;
  z-index: 1;
}

.vineyards {
  padding: calc(1vw * (0.0390625 * 180)) 0 calc(1vw * (0.0390625 * 200));
  height: 200vh;
  z-index: 1;
}

.main-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  pointer-events: none;
  z-index: 1;
}

.img-blur {
  height: 200vh;
  -webkit-filter: blur(0);
  filter: blur(0);
}

@keyframes anim-img {
  0% {transform: scale(1);}
  100% {transform: scale(1.1);}
}

.main-title__wrap {
  position: absolute;
  top: 35vh;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
}

.main-title__wrap-main {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
}

.main__logo-main {
  width: calc(1vw * (0.0390625 * 720));
  height: auto;
  pointer-events: none;
  transform: translateY(-120%) rotate(-2deg);
  animation: anim__logo-main .7s 1.4s cubic-bezier(.215,.61,.355,1) forwards;
}

@keyframes anim__logo-main {
  0% {transform: translateY(-120%) rotate(-2deg);}
  100% {transform: translateY(0) rotate(0deg);}
}

.main__logo-main img {
  width: 100%;
  height: auto;
  pointer-events: none;
  transform: translateX(-5%);
}

.main__text-main {
  margin-top: calc(1vw * (0.0390625 * 60));
  margin-bottom: calc(1vw * (0.0390625 * 60));
  font-size: calc(1vw * (0.0390625 * 48));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(20%);
  animation: anim-opacity 1s 1.6s ease forwards;
}

.main-title {
  font-size: calc(1vw * (0.0390625 * 100));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.05em;
  color: #fff;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  transform: translateY(-100%) rotate(-3deg);
  animation: anim-title .7s 1.4s cubic-bezier(.215,.61,.355,1) forwards;
}

@keyframes anim-title {
  0% {transform: translateY(-100%) rotate(-3deg);}
  100% {transform: translateY(0) rotate(0deg);}
}

.vineyards__text-wrap {
  position: sticky;
  top: 35%;
  left: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: calc(1vw * (0.0390625 * 80));
  width: 100%;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
}

.vineyards__anim-title {
  width: 50%;
  font-size: calc(1vw * (0.0390625 * 48));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 120%;
  text-align: center;
  transform: translateY(100%);
  opacity: 0;
  transition: all 0s ease;
}

.vineyards__anim-title._active {
  transform: translateY(0);
  opacity: 1;
  transition: all .6s ease;
}

.vineyards__anim-text {
  width: 48%;
  font-size: calc(1vw * (0.0390625 * 38));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  color: #fff;
  line-height: 120%;
  text-align: center;
  transform: translateY(100%);
  opacity: 0;
  transition: all 0s 0s ease;
}

.vineyards__anim-text._active {
  transform: translateY(0);
  opacity: 1;
  transition: all .6s .2s ease;
}

.main-info {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 100%;
  height: auto;
  background-color: #fff;
  z-index: 2;
}

.block-main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(1vw * (0.0390625 * 580));
  overflow: hidden;
}

.block-main img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  z-index: 1;
}

.block-terroir__wrap-text {
  display: flex;
  z-index: 2;
}

.block-main__wrap-text span {
  font-size: calc(1vw * (0.0390625 * 100));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transform: translateY(40%);
  opacity: 0;
  transition: all .6s ease;
}

.terroir-title._active {
  transform: translateY(0);
  opacity: 1;
  letter-spacing: 0.2em;
  transition: opacity .8s ease, transform .7s ease, letter-spacing 1s .2s ease;
}

.block {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: start;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.block__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: calc(1vw * (0.0390625 * 1274));
}

._start {
  align-items: start;
  justify-content: start;
}

._end {
  align-items: end;
  justify-content: start;
}

.block-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--grey);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: all .7s cubic-bezier(.215,.61,.355,1);
}

.block-img._active {
  width: 100%;
  transition: all 1.4s cubic-bezier(.215,.61,.355,1);
}

.block-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  transition: transform 4s ease-in-out;
}

._start-img {
  object-position: left;
}

._end-img {
  object-position: right;
}

.vineyards-sorts__wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(1vw * (0.0390625 * 60));
  width: 70%;
}

.vineyards-sorts__wrapper span {
  font-size: calc(1vw * (0.0390625 * 52));
  font-family: 'PTSansWeb';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 110%;
}

.vineyards-sorts__wrap {
  display: flex;
  gap: calc(1vw * (0.0390625 * 120));
  width: auto;
}

.vineyards-sorts__inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  gap: calc(1vw * (0.0390625 * 40));
}

.vineyards-sorts__inner i {
  width: 100%;
  font-size: calc(1vw * (0.0390625 * 30));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  color: #000;
  line-height: 120%;
}

.vineyards-sorts {
  display: flex;
  flex-direction: column;
}

.vineyards-sorts p {
  margin-bottom: calc(1vw * (0.0390625 * 12));
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 120%;
}

.vineyards-sorts span {
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
}

.block__inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  padding: 0 calc(1vw * (0.0390625 * 186));
  width: 100%;
}

.block__inner img {
  margin-bottom: calc(1vw * (0.0390625 * 40));
  width: calc(1vw * (0.0390625 * 560));
  height: auto;
  pointer-events: none;
}

.block__inner span {
  margin-bottom: calc(1vw * (0.0390625 * 60));
  font-size: calc(1vw * (0.0390625 * 68));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.block__inner b {
  margin-bottom: calc(1vw * (0.0390625 * 30));
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 120%;
}

.block__inner p {
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
}

.block__inner i {
  margin-top: calc(1vw * (0.0390625 * 60));
  font-size: calc(1vw * (0.0390625 * 30));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  color: #000;
  line-height: 120%;
}

.grape-location {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  background-color: var(--grey);
  overflow: hidden;
}

.grape-location__title-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 3;
}

.grape-location__title {
  width: 50%;
  padding: calc(1vw * (0.0390625 * 200)) 0 calc(1vw * (0.0390625 * 20)) 0;
  font-size: calc(1vw * (0.0390625 * 42));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
  text-align: center;
  transform: translateY(20%);
  opacity: 0;
  transition: all .3s ease;
}

.grape-location__title._active {
  transform: translateY(0);
  opacity: 1;
  transition: all .6s ease;
}

.grape-location__wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: calc(1vw * (0.0390625 * 140));
  width: 100%;
  height: 100vh;
  background-color: var(--grey);
}

.grape-location__wrap svg {
  width: 90%;
  height: auto;
  pointer-events: none;
  cursor: pointer;
}

.svg__item-1 {
  fill: #e0e0e0;
  pointer-events: painted;
  transition: fill .3s ease-in-out;
}
.svg__item-1._active {
  fill: #9BBD93;
}
.svg__item-2 {
  fill-opacity: 0;
  transition: fill-opacity .3s ease-in-out;
}
.svg__item-2._active {
  fill-opacity: 1;
}

.grape-location__count-wrap {
  position: absolute;
  top: calc(1vw * (0.0390625 * 200));
  right: calc(1vw * (0.0390625 * 200));
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: start;
  gap: calc(1vw * (0.0390625 * 10));
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.grape-location__count {
  margin-bottom: calc(1vw * (0.0390625 * 40));
  font-size: calc(1vw * (0.0390625 * 120));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 100%;
}

.grape-location__count-title {
  font-size: calc(1vw * (0.0390625 * 28));
  font-family: 'PTSansWeb';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 120%;
  text-transform: uppercase;
  opacity: .3;
  transition: opacity .5s ease;
  cursor: pointer;
}

.grape-location__count-title._active {
  opacity: 1;
  transition: opacity .5 ease;
}

.grape-location__info {
  position: absolute;
  top: 78%;
  left: 50%;
  width: calc(1vw * (0.0390625 * 730));
  font-size: calc(1vw * (0.0390625 * 36));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
  text-align: center;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, 10%);
  transition: all .0s ease;
}
.grape-location__info._active {
  opacity: 1;
  transform: translate(-50%, 0);
  transition: all .5s ease;
}

.history {
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 1;
}

.history__img-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: start;
  justify-content: start;
  width: 100%;
  height: auto;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
  z-index: 2;
}

.history__img-bg img {
  display: flex;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: right;
  opacity: .3;
  animation: run-l 20s linear infinite;
}

.main-title__wrap-history {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 3;
}

.--color-black {
  color: #000;
}

.history__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(1vw * (0.0390625 * 60)) 0;
  width: 100%;
}

.history__logo svg {
  width: calc(1vw * (0.0390625 * 680));
  height: auto;
  pointer-events: none;
}

.logo-history {
  opacity: 0;
  transform: translateY(20%) translateX(-2%);
  animation: anim-opacity .7s 1.7s ease forwards;
}

@keyframes anim-opacity {
  0% {opacity: 0; transform: translateY(20%) translateX(-2%);}
  100% {opacity: 1; transform: translateY(0) translateX(-2%);}
}

.history__text-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(1vw * (0.0390625 * 40));
  padding: calc(1vw * (0.0390625 * 200)) 0;
  width: 100%;
  background-color: var(--grey);
  z-index: 4;
}

.history__text-wrap p {
  width: 50%;
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
  text-align: center;
}

.history__text-wrap i {
  width: 40%;
  margin-top: calc(1vw * (0.0390625 * 40));
  font-size: calc(1vw * (0.0390625 * 30));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  color: #000;
  line-height: 120%;
  text-align: center;
}

.history__start {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.history-title {
  font-size: calc(1vw * (0.0390625 * 100));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.05em;
  z-index: 2;
  text-transform: uppercase;
}

.history__start-title {
  margin-top: calc(1vw * (0.0390625 * 140));
  transform: translateY(30%);
  opacity: 0;
  transition: all .3s ease;
}

.history__start-title._active {
  transform: translateY(0);
  opacity: 1;
  transition: all .6s ease;
}

.history__start-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(1vw * (0.0390625 * 1964));
  height: auto;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity .6s 0s ease;
}

.history__start-img._active {
  opacity: 1;
  transition: opacity 1.6s .2s ease;
}

.history__slider {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  gap: calc(1vw * (0.0390625 * 100));
  padding-top: calc(1vw * (0.0390625 * 120));
  width: 100%;
  height: 100vh;
  background-color: #fff;
  border-bottom: calc(1vw * (0.0390625 * 3)) solid #000;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.history__slider-wrap {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: start;
  padding-top: calc(1vw * (0.0390625 * 20));
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.history__slider-wrap::after {
  content: '';
  position: absolute;
  top: calc(1vw * (0.0390625 * 20));
  left: 0;
  width: 100%;
  border-top: calc(1vw * (0.0390625 * 3)) solid #000;
}

.history__slider-line {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  width: auto;
  height: 100%;
  cursor: grab;
}

.history__slide {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding-left: calc(1vw * (0.0390625 * 200));
  padding-top: calc(1vw * (0.0390625 * 80));
  width: calc(1vw * (0.0390625 * 1060));
  pointer-events: none;
}

.history__slide::after {
  content: '';
  position: absolute;
  top: calc(1vw * (0.0390625 * -20));
  left: calc(1vw * (0.0390625 * 200));
  width: calc(1vw * (0.0390625 * 40));
  height: calc(1vw * (0.0390625 * 40));
  background-color: #000;
}

.history__slide b {
  font-size: calc(1vw * (0.0390625 * 64));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.history__slide span {
  margin-top: calc(1vw * (0.0390625 * 20));
  font-size: calc(1vw * (0.0390625 * 52));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 100%;
  text-transform: uppercase;
}

.history__slide-inner {
  display: flex;
  gap: calc(1vw * (0.0390625 * 40));
  margin-top: calc(1vw * (0.0390625 * 80));
  width: 100%;
}

.history__slide-inner img {
  min-width: calc(1vw * (0.0390625 * 258));
  width: calc(1vw * (0.0390625 * 258));
  height: calc(1vw * (0.0390625 * 258));
  background-color: var(--grey);
}

.history__inner-text {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.history__slide-inner p {
  margin-bottom: calc(1vw * (0.0390625 * 20));
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
}

.history__slide-inner i {
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: italic;
  color: #000;
  line-height: 120%;
}

.history__controller {
  position: absolute;
  bottom: calc(1vw * (0.0390625 * 100));
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 calc(1vw * (0.0390625 * 200));
  width: 100%;
  pointer-events: none;
  z-index: 2;
}

.slider-dots {
  display: flex;
  gap: calc(1vw * (0.0390625 * 20));
  pointer-events: painted;
}

.slider-dot {
  font-size: calc(1vw * (0.0390625 * 74));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 100%;
  font-variant-numeric: tabular-nums;
  opacity: .3;
  transition: opacity .5s ease;
  cursor: pointer;
}

.slider-dot._active {
  opacity: 1;
}

.btn-arrow__wrap {
  display: flex;
  gap: calc(1vw * (0.0390625 * 60));
  pointer-events: painted;
}

.btn-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(1vw * (0.0390625 * 74));
  height: calc(1vw * (0.0390625 * 74));
  cursor: pointer;
  opacity: 1;
  transition: all 0.5s ease;
}

.btn-arrow._disable {
  opacity: .3;
  pointer-events: none;
  cursor: default;
}

.btn-arrow svg {
  fill: #000000;
  width: 100%;
  height: auto;
  pointer-events: none;
  transition: all 0.5s ease;
}

.history__future {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(1vw * (0.0390625 * 100));
  width: 100%;
  height: 100vh;
}

.history__future img {
  margin: calc(1vw * (0.0390625 * 60)) 0;
  width: calc(1vw * (0.0390625 * 258));
  height: auto;
  pointer-events: none;
}

.history__future p {
  width: 42%;
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
  text-align: center;
}

.history__future i {
  width: 40%;
  margin-top: calc(1vw * (0.0390625 * 60));
  font-size: calc(1vw * (0.0390625 * 30));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  color: #000;
  line-height: 120%;
  text-align: center;
}

.contacts {
  justify-content: center;
  background-color: var(--grey);
}

.main-title__wrap-contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}

.contacts__email {
  margin-top: calc(1vw * (0.0390625 * 80));
  font-size: calc(1vw * (0.0390625 * 64));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 100%;
  text-align: center;
  cursor: pointer;
  transition: all .5s ease;
}

.contacts__tel {
  margin-top: calc(1vw * (0.0390625 * 50));
  margin-bottom: calc(1vw * (0.0390625 * 80));
  font-size: calc(1vw * (0.0390625 * 64));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 100%;
  text-align: center;
  cursor: pointer;
  transition: all .5s ease;
}

.contacts__social-wrap {
  display: flex;
  gap: calc(1vw * (0.0390625 * 48));
}

.--fill-black svg {
  fill: #000000;
}

.section-wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 100%;
  height: auto;
  background-color: #000;
}

.section-words {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 5%;
  width: 100%;
  height: 100vh;
}

.section-words__text-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.masck-title__wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}

.masck-title__text {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(150%) rotate(3deg);
  font-size: calc(1vw * (0.0390625 * 68));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  background: var(--goldBg);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 140%;
  letter-spacing: 0.05em;
  text-align: center;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  animation: none .3s cubic-bezier(.215,.61,.355,1) forwards;
}

.masck-title__wrap._active .masck-title__text-1 {
  animation: anim-masck-title__text .3s cubic-bezier(.215,.61,.355,1) forwards;
}
.masck-title__wrap._active .masck-title__text-2 {
  animation: anim-masck-title__text .3s .15s cubic-bezier(.215,.61,.355,1) forwards;
}
.masck-title__wrap._active .masck-title__text-3 {
  animation: anim-masck-title__text .3s .3s cubic-bezier(.215,.61,.355,1) forwards;
}
.masck-title__wrap._active .masck-title__text-4 {
  animation: anim-masck-title__text .3s .45s cubic-bezier(.215,.61,.355,1) forwards;
}
.masck-title__wrap._active .masck-title__text-5 {
  animation: anim-masck-title__text .3s .6s cubic-bezier(.215,.61,.355,1) forwards;
}

@keyframes anim-masck-title__text {
  0% {transform: translateY(150%) rotate(3deg);}
  100% {transform: translateY(0) rotate(0deg);}
}

.main-section {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
}

.section-title {
  margin-bottom: calc(1vw * (0.0390625 * 40));
  font-size: calc(1vw * (0.0390625 * 100));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  z-index: 2;
}

.block__section-title {
  margin-bottom: calc(1vw * (0.0390625 * 60));
  font-size: calc(1vw * (0.0390625 * 90));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 100%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.block__section-text {
  font-size: calc(1vw * (0.0390625 * 34));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  color: #000;
  line-height: 120%;
}

.btn-main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(1vw * (0.0390625 * 20));
  padding: calc(1vw * (0.0390625 * 22)) calc(1vw * (0.0390625 * 64));
  background-color: #000;
  border-radius: calc(1vw * (0.0390625 * 8));
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 100%;
  letter-spacing: 0.05em;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: all .5s ease;
  z-index: 10;
}

.--btn-main__margin {
  margin-top: calc(1vw * (0.0390625 * 100));
}

.btn-main svg {
  fill: #ffffff;
  width: calc(1vw * (0.0390625 * 36));
  height: auto;
  pointer-events: none;
  transform: translateX(0);
  transition: all .5s ease;
}

.btn-main__gold {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(1vw * (0.0390625 * 20));
  padding: calc(1vw * (0.0390625 * 22)) calc(1vw * (0.0390625 * 64));
  background: var(--goldBg);
  border-radius: calc(1vw * (0.0390625 * 8));
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 100%;
  letter-spacing: 0.05em;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: all .5s ease;
  z-index: 10;
}

.btn-main__gold svg {
  fill: #000000;
  width: calc(1vw * (0.0390625 * 36));
  height: auto;
  pointer-events: none;
  transform: translateX(0);
  transition: all .5s ease;
}

.--color-black {
  color: #000;
}

.main-section__img-history {
  width: calc(1vw * (0.0390625 * 1964));
  height: auto;
  object-fit: contain;
  object-position: center;
  animation: run-l 20s linear infinite;
}

@keyframes run-r {
  0% {transform: translateX(-100%);}
  100% {transform: translateX(0);}
}

@keyframes run-l {
  0% {transform: translateX(0);}
  100% {transform: translateX(-100%);}
}

.section-blog {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: calc(1vw * (0.0390625 * 160)) 0;
  width: 100%;
  background-color: #fff;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.blog__container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: start;
  gap: calc(1vw * (0.0390625 * 40));
  padding: calc(1vw * (0.0390625 * 40));
  width: 100%;
  will-change: contents;
  overflow-anchor: none;
  contain: content;
}

.blog__post {
  display: flex;
  flex-direction: column;
  padding: calc(1vw * (0.0390625 * 20));
  width: calc(33.3% - (1vw * (0.0390625 * 26.6)));
  height: auto;
  cursor: pointer;
}

.blog__post-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(1vw * (0.0390625 * 480));
  border-radius: calc(1vw * (0.0390625 * 8));
  overflow: hidden;
  background-color: var(--grey);
}

.blog__post-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  transform: scale(1);
  transition: all 1s ease;
}

.blog__post-wrap {
  display: flex;
  gap: calc(1vw * (0.0390625 * 20));
  margin-top: calc(1vw * (0.0390625 * 40));
  width: 100%;
}

.blog__post-wrap span {
  width: 100%;
  font-size: calc(1vw * (0.0390625 * 54));
  font-family: 'PTSansWeb';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 94%;
}

.blog__post-date {
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 700;
  font-style: normal;
  color: rgba(0, 0, 0, 0.35);
  line-height: 100%;
  text-align: end;
}

.post-text {
  margin: calc(1vw * (0.0390625 * 20)) 0;
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
  z-index: 1;
}

.section-map {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #002d40;
  box-shadow: 0 calc(1vw * (0.0390625 * 40)) calc(1vw * (0.0390625 * 60)) 0 rgba(0, 0, 0, .75);
  overflow: hidden;
}

.map {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: scale(1);
  transform-origin: bottom;
  transition: all .5s ease;
  z-index: 2;
}

.map._hover {
  transform: scale(1.15);
  transition: all 1s ease;
}

.depth {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.map img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: top;
  pointer-events: none;
  transform-origin: center;
  transform: translateX(0) translateY(0) scale(1.1);
}
.map-img {
  display: flex;
}
.map__mob-img {
  display: none;
}

.map-scale {
  padding-bottom: calc(1vw * (0.0390625 * 40));
  z-index: 3;
  cursor: pointer;
}

.map-svg__vineyards, .map-svg__winery {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(1vw * (0.0390625 * 20));
}

.map-svg__vineyards span, .map-svg__winery span {
  font-size: calc(1vw * (0.0390625 * 26));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  transform: scale(1);
  transform-origin: bottom;
  transition: all .6s ease-in-out;
  pointer-events: none;
}

.map-scale__vineyards {
  position: absolute;
  top: calc(1vw * (0.0390625 * 660));
  left: calc(1vw * (0.0390625 * 640));
}
.map-svg__vineyards {
  animation: anim-breathe 5s ease infinite;
}

.map-scale__winery {
  position: absolute;
  top: calc(1vw * (0.0390625 * 960));
  right: calc(1vw * (0.0390625 * 760));
}
.map-svg__winery {
  animation: anim-breathe 5s 2.5s ease infinite;
}

.map-svg__vineyards img {
  width: auto;
  height: calc(1vw * (0.0390625 * 52));
}
.map-svg__winery img {
  width: auto;
  height: calc(1vw * (0.0390625 * 50));
}

.map-svg {
  transform: scale(1);
  pointer-events: none;
  transform-origin: bottom;
  transition: all .6s ease-in-out;
}

@keyframes anim-breathe {
  0%, 100% {transform: scale(1);}
  40% {transform: scale(1.07);}
}

.map__line-vineyards {
  display: flex;
  position: absolute;
  top: calc(1vw * (0.0390625 * 724));
  left: calc(1vw * (0.0390625 * 848));
  width: calc(1vw * (0.0390625 * 142));
}

.line-vineyards__phone {
  display: none;
}

.map__line-winery {
  display: flex;
  position: absolute;
  top: calc(1vw * (0.0390625 * 1024));
  right: calc(1vw * (0.0390625 * 984));
  width: calc(1vw * (0.0390625 * 164));
}

.line-winery__phone {
  display: none;
}

.map__line {
  pointer-events: none;
  z-index: 1;
}

.map__line svg {
  width: 100%;
  height: auto;
  pointer-events: none;
}

.map-description {
  position: absolute;
  padding: calc(1vw * (0.0390625 * 40));
  width: calc(1vw * (0.0390625 * 420));
  background-color: rgba(0, 0, 0, 0.3);
  font-size: calc(1vw * (0.0390625 * 30));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  color: #fff;
  line-height: 120%;
  opacity: 0;
  transition: all .25s ease;
  z-index: 2;
  pointer-events: none;
}

.map-description__vineyards {
  top: calc(1vw * (0.0390625 * 760));
  left: calc(1vw * (0.0390625 * 180));
}

.map-description__winery {
  top: calc(1vw * (0.0390625 * 760));
  right: calc(1vw * (0.0390625 * 180));
}

.map-description._active {
  opacity: 1;
  transition: all .5s ease;
}

.blog {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  padding: calc(1vw * (0.0390625 * 220)) 0 calc(1vw * (0.0390625 * 120));
  width: 100%;
  height: auto;
  background-color: #fff;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
}

.main-title__wrap-blog {
  position: absolute;
  top: calc(1vw * (0.0390625 * 148));
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
}

.wine {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  padding: calc(1vw * (0.0390625 * 220)) 0 calc(1vw * (0.0390625 * 120));
  width: 100%;
  height: auto;
  background-color: var(--grey);
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
}

.main-title__wrap-wine {
  position: absolute;
  top: calc(1vw * (0.0390625 * 148));
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
}

.page-wine__wines {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 100%;
}

.wines__filter-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(1vw * (0.0390625 * 180));
  margin: calc(1vw * (0.0390625 * 40)) 0 calc(1vw * (0.0390625 * 20)) 0;
  width: 100%;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.wines__filter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(1vw * (0.0390625 * 40));
  width: auto;
}

.wines__filter span {
  font-size: calc(1vw * (0.0390625 * 30));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  color: rgba(0, 0, 0, 0.35);
  line-height: 100%;
  pointer-events: none;
}

.wines__filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(1vw * (0.0390625 * 12));
  cursor: pointer;
}

.wines__filter-btn span {
  width: calc(1vw * (0.0390625 * 32));
  height: calc(1vw * (0.0390625 * 32));
  border: calc(1vw * (0.0390625 * 3)) solid #000;
  border-radius: 50%;
  background-color: transparent;
  pointer-events: none;
  transition: all .5s ease;
}

.wines__filter-btn p {
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 100%;
  pointer-events: none;
}

.wines__filter-btn._active span {
  background-color: #000;
}

.wines__container {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: start;
  width: 100%;
}

.wines__card-wrap {
  display: flex;
  align-items: start;
  justify-content: center;
  width: 33.3%;
  overflow: hidden;
}

.wines__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  margin-top: calc(1vw * (0.0390625 * 120));
  width: calc(1vw * (0.0390625 * 460));
  cursor: pointer;
}

.wines__card img {
  width: auto;
  height: calc(1vw * (0.0390625 * 680));
  min-height: calc(1vw * (0.0390625 * 680));
  object-fit: cover;
  object-position: bottom;
  pointer-events: none;
  transform: scale(1);
  transform-origin: center;
  transition: all .5s cubic-bezier(.25,1,.5,1);
  z-index: 1;
}

.wines__card span {
  position: relative;
  width: 100%;
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 3;
}

.wines__card span::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, var(--grey) 45%, var(--grey) 100%);
  z-index: -1;
}

.page-card {
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.page-card__content {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: var(--grey);
  opacity: 1;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
}

.page-card__content-title {
  margin-top: calc(1vw * (0.0390625 * 80));
  font-size: calc(1vw * (0.0390625 * 80));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.page-card__content-text {
  margin-top: calc(1vw * (0.0390625 * 20));
  font-size: calc(1vw * (0.0390625 * 40));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
}

.page-card__content-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) scale(.9);
  max-width: none;
  width: auto;
  height: 77.7%;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  transform-origin: center;
  animation: card-img 3.6s 1s cubic-bezier(.25,1,.5,1) forwards;
}

@keyframes card-img {
  0% {transform: translateX(-50%) scale(.9);}
  100% {transform: translateX(-50%) scale(1);}
}

.page-card__details {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: calc(1vw * (0.0390625 * 200));
  width: 100%;
  height: auto;
  background-color: #fff;
  z-index: 2;
}

.page-card__details-btn {
  position: absolute;
  top: calc(1vw * (0.0390625 * -67));
  left: calc(100vw - (1vw * (0.0390625 * 420)));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(1vw * (0.0390625 * 20));
  padding: calc(1vw * (0.0390625 * 20)) calc(1vw * (0.0390625 * 40));
  border-top-left-radius: calc(1vw * (0.0390625 * 8));
  border-top-right-radius: calc(1vw * (0.0390625 * 8));
  background-color: #fff;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

.page-card__details-btn span {
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 100%;
  pointer-events: none;
}

.page-card__details-btn svg {
  width: calc(1vw * (0.0390625 * 40));
  height: auto;
  pointer-events: none;
  transition: all .3s ease-in-out;
}

.page-card__details-wrap {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 50%;
  height: auto;
}

.page-card__details-sticky {
  position: sticky;
  top: calc(1vw * (0.0390625 * 200));
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: calc(1vw * (0.0390625 * 200));
  width: auto;
}

.details__text-wrap {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: calc(1vw * (0.0390625 * 80));
  width: auto;
  min-width: calc(1vw * (0.0390625 * 520));
}

.details-sticky__wrap {
  gap: calc(1vw * (0.0390625 * 20));
}

.details__text {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: calc(1vw * (0.0390625 * 12));
  width: 100%;
}

.details__text span {
  font-size: calc(1vw * (0.0390625 * 34));
  font-family: 'PTSansWeb';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 100%;
}

.details__text p {
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
}

.details-sticky__text {
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  gap: calc(1vw * (0.0390625 * 40));
}

.details-sticky__text p {
  text-align: end;
}

.btn-buy {
  width: 100%;
}

.page-card__wine-slider {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: calc(1vw * (0.0390625 * 80));
  padding: calc(1vw * (0.0390625 * 120)) 0;
  width: 100%;
  height: auto;
  min-height: auto;
  background-color: var(--grey);
  z-index: 3;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.wine-slider__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.wine-slider__header span {
  margin-bottom: calc(1vw * (0.0390625 * 40));
  font-size: calc(1vw * (0.0390625 * 80));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.wine-slider__wrap {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
  overflow: hidden;
}

.wine-slider__line {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  width: auto;
  height: calc(1vw * (0.0390625 * 794));
  cursor: grab;
}

.wine-slider__slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  flex-shrink: 0;
  width: 33.3vw;
  height: auto;
  pointer-events: none;
}

.wine-slider__slide-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  width: calc(1vw * (0.0390625 * 460));
  height: auto;
  cursor: pointer;
  pointer-events: painted;
}

.wine-slider__slide-btn img {
  width: auto;
  height: calc(1vw * (0.0390625 * 680));
  min-height: calc(1vw * (0.0390625 * 680));
  object-fit: cover;
  object-position: bottom;
  pointer-events: none;
  transform: scale(1);
  transform-origin: center;
  transition: all .5s cubic-bezier(.25,1,.5,1);
}

.wine-slider__slide-btn span {
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  pointer-events: none;
}

.empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50vh;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

.empty span {
  width: 30%;
  font-size: calc(1vw * (0.0390625 * 38));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  color: #000;
  line-height: 110%;
  text-align: center;
}

.club {
  justify-content: center;
  background-color: var(--grey);
}

.main-title__wrap-club {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
}

.club-header__title {
  margin: calc(1vw * (0.0390625 * 80)) 0;
  font-size: calc(1vw * (0.0390625 * 60));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  animation: title-opacity 1.2s 1.6s cubic-bezier(.215,.61,.355,1) forwards;
}

@keyframes title-opacity {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.club__info {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto;
}

.club__info-wrap {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 50%;
  height: auto;
}

.club__info-img {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(1vw * (0.0390625 * 172));
  width: 100%;
  height: 100vh;
}

.club__info-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
}

.club__info-title {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding-right: calc(1vw * (0.0390625 * 172));
  width: 100%;
  height: 100vh;
}

.club__info-title span, .club__info-text span {
  width: 78%;
  margin-bottom: calc(1vw * (0.0390625 * 60));
  font-size: calc(1vw * (0.0390625 * 64));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 112%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.club__info-title p, .club__info-text p {
  width: 88%;
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
}

.club__info-text b {
  width: 88%;
  font-size: calc(1vw * (0.0390625 * 34));
  font-family: 'PTSansWeb';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 120%;
}

.club__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(1vw * (0.0390625 * 172));
  padding: 0 calc(1vw * (0.0390625 * 172)) calc(1vw * (0.0390625 * 224)) 0;
}

.club__text-inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: calc(1vw * (0.0390625 * 68));
  width: 100%;
}

.club__info-text {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 100%;
}

.club__footer {
  display: flex;
  width: 100%;
  height: 100vh;
  background-color: #000;
}

.club__footer-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
}

.club__footer-left {
  align-items: start;
  justify-content: start;
}

.club__footer-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  z-index: 1;
}

.club__footer-text {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  padding: calc(1vw * (0.0390625 * 200)) calc(1vw * (0.0390625 * 172));
  width: 100%;
  z-index: 2;
}

.club__footer-text span {
  margin-bottom: calc(1vw * (0.0390625 * 60));
  font-size: calc(1vw * (0.0390625 * 64));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 112%;
  text-transform: uppercase;
}

.club__footer-text p {
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 120%;
}

.club__footer-form {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  padding: calc(1vw * (0.0390625 * 172));
  gap: calc(1vw * (0.0390625 * 120));
  width: 100%;
}

.form {
  display: flex;
  flex-direction: column;
  gap: calc(1vw * (0.0390625 * 20));
  width: 100%;
}

.label {
  position: relative;
  width: 100%;
}

.label span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: 'PTSansWeb';
  font-size: calc(1vw * (0.0390625 * 32));
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 100%;
  transition: all 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

.input {
  width: 100%;
  height: calc(1vw * (0.0390625 * 94));
  padding-top: calc(1vw * (0.0390625 * 30));
  border-bottom: calc(1vw * (0.0390625 * 3)) solid var(--gold);
  font-family: 'PTSansWeb';
  font-size: calc(1vw * (0.0390625 * 32));
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 100%;
  transition: all 0.2s ease-in-out;
}

.input:focus + span,
.input._focus + span {
  top: calc(1vw * (0.0390625 * 20));
  font-size: calc(1vw * (0.0390625 * 20));
  color: var(--gold);
}

.label._err .input:focus, .label._err .input._focus, .label._err .input {
  color: red;
  border-bottom: calc(1vw * (0.0390625 * 3)) solid red;
}
.label._err span {
  color: red;
}

.club-form__btn {
  width: 100%;
}

.footer {
  position: sticky;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 100vh;
  background-color: #000;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  overflow: hidden;
}

.logo-footer__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15vh;
  width: 100%;
  height: 100%;
}

.logo-footer {
  width: calc(1vw * (0.0390625 * 840));
  height: auto;
  z-index: 1;
}

.logo-footer img {
  width: 100%;
  height: auto;
  transform: translateX(-5%);
  pointer-events: none;
}

.footer__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  gap: calc(1vw * (0.0390625 * 40));
  padding: calc(1vw * (0.0390625 * 40)) calc(1vw * (0.0390625 * 60));
  width: 100%;
}

.footer__wrap {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 100%;
}

.footer__navigation {
  display: flex;
  gap: calc(1vw * (0.0390625 * 100));
}

.footer__navigation ul {
  display: flex;
  flex-direction: column;
  gap: calc(1vw * (0.0390625 * 20));
}

.footer-link {
  position: relative;
  font-size: calc(1vw * (0.0390625 * 24));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 120%;
  text-transform: uppercase;
  transition: all 0.5s ease;
}

.footer-link::before {
  content: '';
  position: absolute;
  bottom: -20%;
  left: 0;
  width: 0;
  border-bottom: calc(1vw * (0.0390625 * 1.5)) solid #fff;
  transition: all 0.5s ease;
}

.footer__social-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: calc(1vw * (0.0390625 * 48));
}

.social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(1vw * (0.0390625 * 92));
  height: calc(1vw * (0.0390625 * 92));
  cursor: pointer;
}

.social-link svg {
  width: calc(1vw * (0.0390625 * 78));
  height: auto;
  pointer-events: none;
  transition: fill .5s ease;
}

.--fill-white svg {
  fill: #ffffff;
}

.mailing-form {
  display: flex;
  flex-direction: column;
  gap: calc(1vw * (0.0390625 * 20));
  width: calc(1vw * (0.0390625 * 560));
}

.mailing-form p {
  font-size: calc(1vw * (0.0390625 * 46));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  color: var(--gold);
  background: var(--goldBg);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 100%;
}

.mailing-label {
  display: flex;
  align-items: center;
  padding-bottom: calc(1vw * (0.0390625 * 10));
  border-bottom: calc(1vw * (0.0390625 * 1.5)) solid #fff;
  width: 100%;
}

.mailing-label._err {
  border-bottom: calc(1vw * (0.0390625 * 1.5)) solid red;
}

.mailing-label._err .mailing-input {
  color: red;
}

.mailing-input::placeholder {
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 100%;
  opacity: .5;
}

.mailing-input {
  width: 100%;
  height: calc(1vw * (0.0390625 * 80));
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 100%;
}

.mailing-submit {
  display: flex;
  align-items: center;
  justify-content: end;
  min-width: calc(1vw * (0.0390625 * 80));
  width: calc(1vw * (0.0390625 * 80));
  height: calc(1vw * (0.0390625 * 80));
  cursor: pointer;
}

.mailing-submit svg {
  fill: #fff;
  width: calc(1vw * (0.0390625 * 52));
  height: auto;
  pointer-events: none;
  transition: all 0.5s ease;
}

.footer__copyright {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
}

.footer__copyright span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: calc(1vw * (0.0390625 * 24));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: rgba(255, 255, 255, 0.5);
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}

.footer-warning {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(1vw * (0.0390625 * 32)) 0;
  width: 100%;
  background-color: #111113;
}

.footer-warning span {
  transform: translateX(.4%);
  width: 100%;
  font-size: calc(1vw * (0.0390625 * 38));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: rgba(255, 255, 255, .2);
  line-height: 110%;
  letter-spacing: 0.524em;
  text-align: center;
  text-transform: uppercase;
  text-wrap: nowrap;
}

.popup, .popup-unsubscribe, .popup-clubunsubscribe, .popup-shop {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 50, .25);
  -webkit-backdrop-filter: saturate(100%) blur(0);
  backdrop-filter: saturate(100%) blur(0);
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 200;
  animation: anim-popup .35s ease-in-out forwards;
}

@keyframes anim-popup {
  0% {-webkit-backdrop-filter: saturate(100%) blur(0); backdrop-filter: saturate(100%) blur(0);}
  100% {-webkit-backdrop-filter: saturate(180%) blur(calc(1vw * (0.0390625 * 30))); backdrop-filter: saturate(180%) blur(calc(1vw * (0.0390625 * 30)));}
}

.popup._active, .popup-unsubscribe._active, .popup-clubunsubscribe._active, .popup-shop._active {
  display: flex;
}

.popup-bg__close, .popup-bg__close-unsubscribe, .popup-bg__close-clubunsubscribe, .shop-bg__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.popup-table, .popup-table__unsubscribe, .popup-table__clubunsubscribe {
  position: relative;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 calc(1vw * (0.0390625 * 220));
  width: auto;
  background-color: #fff;
  border-radius: calc(1vw * (0.0390625 * 12));
  transform: translateY(20%);
  opacity: 0;
  animation: anim-table .35s cubic-bezier(.215,.61,.355,1) forwards;
}

.popup._active .popup-table, .popup-unsubscribe._active .popup-table__unsubscribe, .popup-clubunsubscribe._active .popup-table__clubunsubscribe, .popup-shop._active .shop-table {
  display: flex;
}

@keyframes anim-table {
  0% {transform: translateY(20%); opacity: 0;}
  100% {transform: translateY(0); opacity: 1;}
}

.popup-table__close, .popup-table__close-unsubscribe, .popup-table__close-clubunsubscribe {
  position: absolute;
}

.shop-table__close svg {
  fill: #ffffff;
}

.popup-table img {
  margin-top: calc(1vw * (0.0390625 * 60));
  width: calc(1vw * (0.0390625 * 320));
  height: auto;
  pointer-events: none;
}

.popup-table span, .popup-table__unsubscribe span, .popup-table__clubunsubscribe span {
  margin-bottom: calc(1vw * (0.0390625 * 40));
  font-size: calc(1vw * (0.0390625 * 64));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.popup-table__unsubscribe span, .popup-table__clubunsubscribe span {
  margin-top: calc(1vw * (0.0390625 * 100));
}

.popup-table p, .popup-table__unsubscribe p, .popup-table__clubunsubscribe p {
  margin-bottom: calc(1vw * (0.0390625 * 100));
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
  text-align: center;
}

.btn-form__wrap {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: calc(1vw * (0.0390625 * 40));
}

.politics-link {
  font-size: calc(1vw * (0.0390625 * 30));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: var(--gold);
  line-height: 120%;
}

.link-gold {
  border-bottom: calc(1vw * (0.0390625 * 1.5)) solid var(--gold);
  text-wrap: nowrap;
  cursor: pointer;
}

.page-politics {
  align-items: start;
  justify-content: start;
  gap: calc(1vw * (0.0390625 * 260));
  padding: calc(1vw * (0.0390625 * 120)) calc(1vw * (0.0390625 * 60)) calc(1vw * (0.0390625 * 200));
  background-color: #fff;
}

.popup-politics._active {
  display: flex;
}

.page-politics__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(1vw * (0.0390625 * 200));
  width: 100%;
  height: auto;
}

.politics__title {
  font-size: calc(1vw * (0.0390625 * 100));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}

.politics__wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.politics__wrap-title {
  position: sticky;
  top: calc(1vw * (0.0390625 * 120));
  left: 0;
  display: flex;
  align-items: start;
  justify-content: start;
  gap: calc(1vw * (0.0390625 * 40));
  padding-right: calc(1vw * (0.0390625 * 300));
  width: 50%;
  height: 100%;
  font-size: calc(1vw * (0.0390625 * 60));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 100%;
  text-transform: uppercase;
}

.politics__wrap-text {
  padding-right: calc(1vw * (0.0390625 * 300));
  width: 50%;
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 120%;
}

.admin-btn {
  position: fixed;
  top: calc(1vw * (0.0390625 * 18));
  right: calc(1vw * (0.0390625 * 18));
  display: none;
  align-items: center;
  justify-content: center;
  width: calc(1vw * (0.0390625 * 79.75));
  height: calc(1vw * (0.0390625 * 79.75));
  border-radius: 50%;
  background: var(--goldBg);
  transition: all 0.2s ease-in-out;
  pointer-events: painted;
  cursor: pointer;
  z-index: 101;
}
.admin-btn svg {
  width: calc(1vw * (0.0390625 * 64));
  height: auto;
  pointer-events: none;
}

.vineyards-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(1vw * (0.0390625 * 20));
  padding: calc(1vw * (0.0390625 * 20));
  width: 100%;
}

.vineyards-gallery img {
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}

.video-main {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

.main__navigation-btns {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: calc(1vw * (0.0390625 * 60));
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  z-index: 2;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

.navigation-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}

.navigation-btn span {
  position: relative;
  font-size: calc(1vw * (0.0390625 * 22));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  line-height: 120%;
  transition: all .5s ease;
  pointer-events: none;
}

.navigation-btn span::before {
  content: '';
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 0;
  border-bottom: calc(1vw * (0.0390625 * 2)) solid #fff;
  transition: all .5s ease;
}

.navigation-btn svg {
  min-width: calc(1vw * (0.0390625 * 60));
  width: calc(1vw * (0.0390625 * 60));
  height: auto;
  opacity: 1;
  transform: scale(1);
  pointer-events: none;
  transition: all .5s ease;
}

.loader {
  position: fixed;
  inset: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  overflow: hidden;
  pointer-events: none;
  animation: none .7s cubic-bezier(.95,.2,.41,.52);
}

.loader._active {
  display: flex;
  animation: page-load .7s cubic-bezier(.95,.2,.41,.52);
}

.loader._active .page-loader {
  animation: page-loader .6s 1s cubic-bezier(.215,.61,.355,1) forwards;
}

@keyframes page-load {
  0% {transform: translateY(120vh);}
  100% {transform: translateY(0);}
}

@keyframes page-loader {
  0% {max-height: 100%;}
  100% {max-height: 0;}
}

.btn-bot {
  position: absolute;
  bottom: calc(1vw * (0.0390625 * 60));
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(1vw * (0.0390625 * 30));
  padding: calc(1vw * (0.0390625 * 20));
  font-size: calc(1vw * (0.0390625 * 32));
  font-family: 'PTSansWeb';
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 100%;
  letter-spacing: 0.05em;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: all .35s ease;
  z-index: 10;
}

.btn-bot svg {
  width: calc(1vw * (0.0390625 * 60));
  height: auto;
  pointer-events: none;
  transform: translateY(0);
  transition: all .35s ease;
}

.title-element__wrap, .title-element__gold-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(1vw * (0.0390625 * 40)) calc(1vw * (0.0390625 * 60)) 0;
  width: 100%;
  z-index: 3;
}

.title-element {
  width: 0;
  height: calc(1vw * (0.0390625 * 4));
  min-height: calc(1vw * (0.0390625 * 4));
  background-color: #000;
  will-change: width;
  animation: title-element 1.4s 1.6s cubic-bezier(.215,.61,.355,1) forwards;
}

.title-element__blog {
  width: 0;
  height: calc(1vw * (0.0390625 * 4));
  min-height: calc(1vw * (0.0390625 * 4));
  background-color: #000;
  will-change: width;
  animation: title-element__blog 1.4s 1.6s cubic-bezier(.215,.61,.355,1) forwards;
}

.title-element__contacts {
  width: 0;
  height: calc(1vw * (0.0390625 * 4));
  min-height: calc(1vw * (0.0390625 * 4));
  background-color: #000;
  will-change: width;
  animation: title-element__gold 1.4s 1.6s cubic-bezier(.215,.61,.355,1) forwards;
}

.title-element__gold {
  width: 0;
  height: calc(1vw * (0.0390625 * 4));
  min-height: calc(1vw * (0.0390625 * 4));
  background: var(--goldBg);
  will-change: width;
  animation: title-element__gold 1.4s 1.6s cubic-bezier(.215,.61,.355,1) forwards;
}

@keyframes title-element {
  0% {width: 0;}
  100% {width: 75%;}
}

@keyframes title-element__blog {
  0% {width: 0;}
  100% {width: 100%;}
}

@keyframes title-element__gold {
  0% {width: 0;}
  100% {width: 55%;}
}

.popup-shop {
  padding: calc(1vw * (0.0390625 * 80)) 0;
  z-index: 999999;
}

.shop-table {
  position: relative;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(1vw * (0.0390625 * 140)) calc(1vw * (0.0390625 * 140)) calc(1vw * (0.0390625 * 80));
  width: calc(1vw * (0.0390625 * 1840));
  height: 100%;
  background-color: #000;
  border-radius: calc(1vw * (0.0390625 * 22));
  transform: translateY(100vh) scale(0.9);
  animation: anim-table__shop .5s cubic-bezier(.215,.61,.355,1) forwards;
}

@keyframes anim-table__shop {
  0% {transform: translateY(100vh) scale(0.8);}
  100% {transform: translateY(0) scale(1);}
}

.shop-table__title {
  margin-bottom: calc(1vw * (0.0390625 * 80));
  font-size: calc(1vw * (0.0390625 * 80));
  font-family: 'baskervillebt';
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.shop-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  padding: 0 calc(1vw * (0.0390625 * 20));
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.shop-container::-webkit-scrollbar {
  width: 6px;
}
.shop-container::-webkit-scrollbar-thumb {
  border: 0;
  background-color: var(--gold);
}
.shop-container::-webkit-scrollbar-track {
  background: #000;
}

.shop-table__empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: calc(1vw * (0.0390625 * 180));
  width: 100%;
  height: 100%;
  font-size: calc(1vw * (0.0390625 * 38));
  font-family: 'baskervillebt';
  font-weight: 400;
  font-style: italic;
  color: var(--gold);
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.03em;
  z-index: 1;
}

.shop-table__address {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 100%;
  height: auto;
  border-bottom: calc(1vw * (0.0390625 * 4)) solid var(--gold);
  z-index: 2;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.accordion-wrap {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 100%;
  overflow: hidden;
}

.accordion-title {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(1vw * (0.0390625 * 20));
  padding: calc(1vw * (0.0390625 * 40)) calc(1vw * (0.0390625 * 88)) calc(1vw * (0.0390625 * 40)) 0;
  width: 100%;
  border-top: calc(1vw * (0.0390625 * 4)) solid var(--gold);
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

.accordion-title span {
  font-size: calc(1vw * (0.0390625 * 44));
  font-family: 'PTSansWeb';
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-wrap: balance;
  color: #fff;
  pointer-events: none;
}

.accordion-title svg {
  fill: var(--gold);
  min-width: calc(1vw * (0.0390625 * 60));
  width: calc(1vw * (0.0390625 * 60));
  height: auto;
  pointer-events: none;
}

.accordion-trigger {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(0deg);
  transition: all .3s ease-in-out;
}

.accordion-title._active .accordion-trigger {
  transform: translateY(-50%) rotate(45deg);
}

.accordion-text {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: auto;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all .3s ease-in-out;
  -webkit-user-select: text;
  user-select: text;
  cursor: default;
}

.accordion-text a, .accordion-text p {
  padding: 0 calc(1vw * (0.0390625 * 88)) calc(1vw * (0.0390625 * 40)) 0;
  font-size: calc(1vw * (0.0390625 * 34));
  font-family: 'PTSansWeb';
  font-weight: 400;
  color: rgba(255,255,255,.6);
  line-height: 120%;
  letter-spacing: 0.03em;
  text-wrap: balance;
  cursor: pointer;
  transition: all .3s ease-in-out;
}
.accordion-text p {
  cursor: default;
}

@media only screen
and (min-width: 1025px)
and (orientation: landscape) {
  @media (hover: hover) {
    .accordion-text a:hover {
      color: rgba(255,255,255,.9);
    }
    .navigation-btn:hover svg {
      opacity: 0;
      transform: scale(0);
    }
    .navigation-btn:hover span {
      color: var(--gold);
    }
    .navigation-btn:hover.navigation-btn span::before {
      width: 100%;
    }
    .block-img:hover img {
      transform: scale(1.14);
    }
    .header-logo:hover svg {
      fill: var(--gold);
    }
    .menu-btn:hover.menu-btn::before {
      width: 100%;
    }
    .menu-btn:hover {
      color: var(--gold);
    }
    .footer-link:hover {
      color: var(--gold);
    }
    .footer-link:hover.footer-link::before {
      width: 100%;
    }
    .letter-submit:hover svg {
      fill: var(--gold);
    }
    .grape-location__count-title:hover {
      opacity: 1;
    }
    .svg__item-1:hover {
      fill: #9BBD93;
    }
    .btn-arrow:hover svg {
      fill: var(--gold);
    }
    .slider-dot:hover {
      opacity: 1;
    }
    .social-link:hover svg {
      fill: var(--gold);
    }
    .contacts-link:hover {
      color: var(--gold);
    }
    .btn-main:hover {
      color: var(--gold);
    }
    .btn-main:hover svg {
      fill: var(--gold);
      transform: translateX(50%);
    }
    .btn-main__gold:hover svg {
      transform: translateX(50%);
    }
    .map-scale:hover .map-svg {
      transform: scale(1.25);
    }
    .map-scale:hover span {
      transform: scale(1.25);
    }
    .blog__post:hover .blog__post-img img {
      transform: scale(1.1);
    }
    .page-close:hover svg {
      fill: var(--gold);
    }
    .post__share-btn:hover svg {
      fill: var(--gold);
    }
    .wines__card:hover img {
      transform: scale(1.25);
      transition: all 1.5s cubic-bezier(.25,1,.5,1);
    }
    .wines__filter-btn:hover span {
      background-color: #000;
    }
    .page-card__details-btn:hover svg {
      transform: scaleY(-1);
    }
    .mailing-submit:hover svg {
      fill: var(--gold);
    }
    .footer-politics:hover {
      color: var(--gold);
    }
    .footer-politics:hover.footer-politics::before {
      width: 100%;
    }
    .btn-bot:hover svg {
      transform: translateY(35%);
    }
  }
}

@media only screen
and (max-width: 1024px)
and (orientation: portrait) {
  body {
    padding: 0;
  }
  ::-webkit-scrollbar {
    width: 0;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 0;
  }
  
  .header {
    height: calc(1vw * (0.09765625 * 180));
    overflow: hidden;
  }
  
  .header-logo {
    min-width: calc(1vw * (0.09765625 * 304));
    width: calc(1vw * (0.09765625 * 304));
  }
  
  .menu {
    display: none;
  }
  
  .menu-phone {
    position: absolute;
    top: calc(1vw * (0.09765625 * 26));
    left: calc(1vw * (0.09765625 * 26));
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(1vw * (0.09765625 * 128));
    height: calc(1vw * (0.09765625 * 128));
    cursor: pointer;
  }
  
  .menu-phone svg {
    width: calc(1vw * (0.09765625 * 72.5));
    height: calc(1vw * (0.09765625 * 72));
    fill: #fff;
    pointer-events: none;
  }
  .burger rect {
    width: calc(1vw * (0.09765625 * 72));
    height: calc(1vw * (0.09765625 * 6));
    transition: all 0.35s ease-in-out;
  }
  .burger rect:nth-child(1) {
    transform-origin: calc(1vw * (0.09765625 * 16)) calc(1vw * (0.09765625 * 44));
    y: calc(1vw * (0.09765625 * 47.5));
  }
  .burger rect:nth-child(2) {
    transform-origin: calc(1vw * (0.09765625 * 17.6)) calc(1vw * (0.09765625 * 26));
    y: calc(1vw * (0.09765625 * 16));
  }
  .menu-phone._active .burger rect:nth-child(1) {
    transform: rotate(-45deg);
  }
  .menu-phone._active .burger rect:nth-child(2) {
    transform: rotate(45deg);
  }
  
  .menu-phone__links {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: calc(1vw * (0.09765625 * 100));
    background-color: #000;
    width: 100vw;
    height: 100%;
    transform: translate(-110%, 0);
    z-index: 100;
  }
  
  .menu-phone__links-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(1vw * (0.09765625 * 80));
  }
  
  .menu-btn {
    font-size: calc(1vw * (0.09765625 * 54));
    text-align: center;
  }
  
  .menu-btn::before {
    bottom: -30%;
    border-bottom: calc(1vw * (0.09765625 * 3)) solid #fff;
  }
  
  .logo {
    bottom: 50svh;
    width: calc(1vw * (0.09765625 * 680));
    height: calc(1vw * (0.09765625 * 680));
  }
  
  .page-age__wrap {
    gap: calc(1vw * (0.09765625 * 80));
  }
  
  .page-age__wrap span {
    font-size: calc(1vw * (0.09765625 * 76));
    width: 94%;
  }
  .page-age__title-yes {
    width: 100%;
  }
  .page-age__title-no {
    width: 100%;
  }
  
  .page-age__btn-wrap {
    gap: calc(1vw * (0.09765625 * 120));
  }
  
  .page-age__btn {
    padding: calc(1vw * (0.09765625 * 80)) calc(1vw * (0.09765625 * 80));
    font-size: calc(1vw * (0.09765625 * 76));
  }
  
  .page-popup {
    padding: 0;
  }
  
  .page-loader img {
    width: calc(1vw * (0.09765625 * 680));
  }
  
  .page-close {
    top: calc(1vw * (0.09765625 * 40));
    right: calc(1vw * (0.09765625* 40));
    width: calc(1vw * (0.09765625 * 100));
    height: calc(1vw * (0.09765625 * 100));
  }

  .page-post__close {
    -webkit-backdrop-filter: blur(calc(1vw * (0.09765625* 20)));
    backdrop-filter: blur(calc(1vw * (0.09765625* 20)));
    border-radius: calc(1vw * (0.09765625 * 12));
  }
  
  .page-close svg {
    width: calc(1vw * (0.09765625 * 60));
  }
  
  .page-post__content-wrap {
    flex-direction: column;
    gap: 0;
  }

  .page-post__img {
    border-radius: 0;
  }
  
  .page-post__content {
    width: 100%;
  }
  
  .page-post__img {
    height: calc(1vw * (0.09765625 * 1024));
  }
  
  .page-post__content-inner {
    padding: calc(1vw * (0.09765625 * 40));
    padding-bottom: calc(1vw * (0.09765625 * 60));
  }
  
  .page-post__date {
    margin-bottom: calc(1vw * (0.09765625 * 60));
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .page-post__title {
    margin-bottom: calc(1vw * (0.09765625 * 60));
    width: 100%;
    font-size: calc(1vw * (0.09765625 * 76));
  }
  
  .page-post__text {
    width: 100%;
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .page-post__share {
    gap: calc(1vw * (0.09765625 * 40));
    margin: calc(1vw * (0.09765625 * 80)) calc(1vw * (0.09765625 * 40)) calc(1vw * (0.09765625 * 240));
    align-items: center;
    justify-content: start;
  }
  
  .page-post__share span {
    padding-right: calc(1vw * (0.09765625 * 40));
    font-size: calc(1vw * (0.09765625 * 48));
  }
  
  .post__share-btn {
    width: calc(1vw * (0.09765625 * 76));
    height: calc(1vw * (0.09765625 * 76));
  }
  
  .page-wrapper {
    margin-top: calc(1vw * (0.09765625 * 180));
    min-height: calc((100vh + (1vw * (0.09765625 * 2080))) - (1vw * (0.09765625 * 180)));
  }
  
  .page-wrapper._active {
    max-height: calc(200vh - (1vw * (0.09765625 * 180)));
  }
  
  .page-action::before {
    box-shadow: 0 calc(1vw*(0.09765625* 240)) calc(1vw*(0.09765625* 120)) 0 rgba(0, 0, 0, .35);
  }
  
  @keyframes anim-page__off {
    0% {max-height: calc(100vh - (1vw * (0.09765625 * 180))); transform: scale(1); overflow: hidden;}
    100% {max-height: calc(100vh - (1vw * (0.09765625 * 180))); transform: scale(0.6); overflow: hidden;}
  }
  
  @keyframes anim-page__on {
    0% {max-height: calc(100vh - (1vw * (0.09765625 * 180))); transform: translateY(200%) scale(2); box-shadow: 0 calc(1vw * (0.09765625 * -140)) calc(1vw * (0.09765625 * 120)) 0 rgba(0, 0, 0, .25);}
    100% {max-height: calc(100vh - (1vw * (0.09765625 * 180))); transform: translateY(0) scale(1); box-shadow: 0 calc(1vw * (0.09765625 * -140)) calc(1vw * (0.09765625 * 160)) 0 rgba(0, 0, 0, .5);}
  }
  
  .main-wrap {
    height: calc(100vh - (1vw * (0.09765625 * 180)));
    min-height: calc(100vh - (1vw * (0.09765625 * 180)));
  }
  
  .vineyards {
    padding: calc(1vw * (0.09765625 * 280)) 0 calc(1vw * (0.09765625 * 40));
    height: 150vh;
  }
  
  .main-title__wrap {
    top: 40vh;
  }
  
  .main-title__wrap-main {
    padding-bottom: calc(1vw * (0.09765625 * 180));
    padding-left: calc(1vw * (0.09765625 * 40));
    padding-right: calc(1vw * (0.09765625 * 40));
  }
  
  .main__logo-main {
    width: calc(1vw * (0.09765625 * 680));
  }
  
  .main__text-main {
    margin-top: calc(1vw * (0.09765625 * 60));
    margin-bottom: calc(1vw * (0.09765625 * 60));
    padding-left: calc(1vw * (0.09765625 * 20));
    font-size: calc(1vw * (0.09765625 * 58));
  }
  
  .main-title {
    font-size: calc(1vw * (0.09765625 * 90));
    letter-spacing: 0.05em;
  }
  
  .vineyards__text-wrap {
    gap: calc(1vw * (0.09765625 * 80));
    padding: calc(1vw * (0.09765625 * 80)) calc(1vw * (0.09765625 * 40));
  }
  
  .vineyards__anim-title {
    width: 100%;
    font-size: calc(1vw * (0.09765625 * 52));
  }
  
  .vineyards__anim-text {
    width: 100%;
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .block-main {
    height: calc(1vw * (0.09765625 * 480));
  }
  
  .block-main__wrap-text span {
    font-size: calc(1vw * (0.09765625 * 90));
  }
  
  .block {
    flex-direction: column;
    align-items: start;
    justify-content: start;
    width: 100%;
  }
  
  .block__wrap {
    align-items: start;
    justify-content: start;
    width: 100%;
    height: auto;
  }

  ._end {
    align-items: end;
  }
  
  .block-img {
    width: 0;
    height: calc(1vw * (0.09765625 * 1024));
  }

  ._end-img {
    object-position: right;
  }
  
  .vineyards-sorts__wrapper {
    display: flex;
    flex-direction: column;
    padding: calc(1vw * (0.09765625 * 140)) calc(1vw * (0.09765625 * 40)) calc(1vw * (0.09765625 * 180));
    gap: calc(1vw * (0.09765625 * 60));
    width: 100%;
  }
  
  .vineyards-sorts__wrapper span {
    font-size: calc(1vw * (0.09765625 * 64));
  }
  
  .vineyards-sorts__wrap {
    display: flex;
    gap: calc(1vw * (0.09765625 * 40));
  }
  
  .vineyards-sorts__inner {
    gap: calc(1vw * (0.09765625 * 160));
    flex-direction: column;
  }
  
  .vineyards-sorts__inner i {
    padding-top: 0;
    padding-right: calc(1vw * (0.09765625 * 40));
    font-size: calc(1vw * (0.09765625 * 44));
    width: calc(1vw * (0.09765625 * 470));
  }
  
  .vineyards-sorts p {
    margin-bottom: calc(1vw * (0.09765625 * 18));
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .vineyards-sorts span {
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .block__inner {
    padding: calc(1vw * (0.09765625 * 180)) calc(1vw * (0.09765625 * 40)) calc(1vw * (0.09765625 * 200));
  }
  
  .block__inner img {
    margin-bottom: calc(1vw * (0.09765625 * 40));
    width: calc(1vw * (0.09765625 * 560));
  }
  
  .block__inner span {
    margin-bottom: calc(1vw * (0.09765625 * 80));
    font-size: calc(1vw * (0.09765625 * 84));
  }
  
  .block__inner b {
    margin-bottom: calc(1vw * (0.09765625 * 40));
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .block__inner p {
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .block__inner i {
    margin-top: calc(1vw * (0.09765625 * 80));
    font-size: calc(1vw * (0.09765625 * 44));
  }
  
  .-rev {
    flex-direction: column-reverse;
  }
  
  .grape-location {
    width: 100%;
    height: calc(1vw * (0.09765625 * 2360));
  }
  
  .grape-location__title {
    width: 100%;
    padding: calc(1vw * (0.09765625 * 120)) calc(1vw * (0.09765625 * 40));
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .grape-location__wrap {
    position: static;
    flex-direction: column;
    padding-top: calc(1vw * (0.09765625 * 40));
    padding-left: calc(1vw * (0.09765625 * 40));
    padding-right: calc(1vw * (0.09765625 * 40));
    padding-bottom: calc(1vw * (0.09765625 * 80));
    height: auto;
  }
  
  .grape-location__wrap svg {
    width: 100%;
    transform: translate(4%, 60%) rotate(45deg) scale(1.5);
  }
  
  .svg__item-2._active {
    fill-opacity: 0;
  }
  
  .grape-location__count-wrap {
    position: static;
    transform: translate(0%, 50%);
    top: auto;
    right: auto;
    align-items: center;
    justify-content: center;
    gap: calc(1vw * (0.09765625 * 8));
  }
  
  .grape-location__count {
    margin-bottom: calc(1vw * (0.09765625 * 20));
    font-size: calc(1vw * (0.09765625 * 90));
  }
  
  .grape-location__count-title {
    font-size: calc(1vw * (0.09765625 * 44));
  }
  
  .grape-location__info {
    position: static;
    top: auto;
    left: auto;
    width: 92%;
    height: calc(1vw * (0.09765625 * 300));
    font-size: calc(1vw * (0.09765625 * 46));
    transform: translate(0%, 110%);
    opacity: 0;
    display: none;
  }
  .grape-location__info._active {
    display: block;
    opacity: 1;
    transform: translate(4.5%, 110%);
    transition: all .5s ease;
  }
  
  .history__img-bg img {
    min-width: calc(1vw * (0.09765625 * 3200));
    width: calc(1vw * (0.09765625 * 3200));
  }
  
  .history__wrap {
    height: calc(1vw * (0.09765625 * 1200));
    min-height: calc(1vw * (0.09765625 * 1200));
  }
  
  .history__logo {
    padding: calc(1vw * (0.09765625 * 60)) 0;
  }
  
  .history__logo svg {
    width: calc(1vw * (0.09765625 * 640));
  }
  
  .history__text-wrap {
    gap: calc(1vw * (0.09765625 * 60));
    padding: calc(1vw * (0.09765625 * 200)) 0;
  }
  
  .history__text-wrap p {
    width: 100%;
    font-size: calc(1vw * (0.09765625 * 46));
    padding: 0 calc(1vw * (0.09765625 * 40));
    text-align: start;
  }
  
  .history__text-wrap i {
    width: 100%;
    margin-top: calc(1vw * (0.09765625 * 40));
    font-size: calc(1vw * (0.09765625 * 44));
    padding: 0 calc(1vw * (0.09765625 * 40));
    text-align: start;
  }
  
  .history__start {
    width: 100%;
    height: calc(1vw * (0.09765625 * 1600));
  }
  
  .history-title {
    font-size: calc(1vw * (0.09765625 * 90));
  }
  
  .history__start-title {
    margin-top: calc(1vw * (0.09765625 * 140));
  }
  
  .history__start-img {
    width: auto;
    height: calc(1vw * (0.09765625 * 1024));
    overflow: hidden;
  }
  
  .history__slider {
    padding-top: calc(1vw * (0.09765625 * 60));
    height: auto;
    min-height: calc(1vw * (0.09765625 * 1800));
    border-bottom: calc(1vw * (0.09765625 * 3)) solid #000;
  }
  
  .history__slider-wrap {
    padding-top: calc(1vw * (0.09765625 * 40));
  }
  
  .history__slider-wrap::after {
    top: calc(1vw * (0.09765625 * 40));
    border-top: calc(1vw * (0.09765625 * 3)) solid #000;
  }
  
  .history__slide {
    padding-left: calc(1vw * (0.09765625 * 40));
    padding-top: calc(1vw * (0.09765625 * 80));
    padding-bottom: calc(1vw * (0.09765625 * 300));
    padding-right: calc(1vw * (0.09765625 * 60));
    width: calc(1vw * (0.09765625 * 800));
  }
  
  .history__slide::after {
    top: calc(1vw * (0.09765625 * -20));
    left: calc(1vw * (0.09765625 * 200));
    width: calc(1vw * (0.09765625 * 40));
    height: calc(1vw * (0.09765625 * 40));
  }
  
  .history__slide b {
    font-size: calc(1vw * (0.09765625 * 64));
  }
  
  .history__slide span {
    margin-top: calc(1vw * (0.09765625 * 40));
    font-size: calc(1vw * (0.09765625 * 64));
  }
  
  .history__slide-inner {
    flex-direction: column;
    gap: calc(1vw * (0.09765625 * 40));
    margin-top: calc(1vw * (0.09765625 * 80));
  }
  
  .history__slide-inner img {
    min-width: calc(1vw * (0.09765625 * 420));
    width: calc(1vw * (0.09765625 * 420));
    height: calc(1vw * (0.09765625 * 420));
  }
  
  .history__slide-inner p {
    margin-bottom: calc(1vw * (0.09765625 * 20));
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .history__slide-inner i {
    font-size: calc(1vw * (0.09765625 * 44));
  }
  
  .history__controller {
    bottom: calc(1vw * (0.09765625 * 100));
    padding: 0 calc(1vw * (0.09765625 * 40));
  }
  
  .slider-dots {
    gap: calc(1vw * (0.09765625 * 30));
  }
  
  .slider-dot {
    font-size: calc(1vw * (0.09765625 * 76));
  }
  
  .btn-arrow__wrap {
    gap: calc(1vw * (0.09765625 * 80));
  }
  
  .btn-arrow {
    width: calc(1vw * (0.09765625 * 80));
    height: calc(1vw * (0.09765625 * 80));
  }
  
  .history__future {
    margin-bottom: calc(1vw * (0.09765625 * 40));
    height: 100%;
    padding: calc(1vw * (0.09765625 * 180)) calc(1vw * (0.09765625 * 40));
  }
  
  .history__future img {
    margin: calc(1vw * (0.09765625 * 80)) 0;
    width: calc(1vw * (0.09765625 * 420));
  }
  
  .history__future p {
    width: 100%;
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .history__future i {
    width: 100%;
    margin-top: calc(1vw * (0.09765625 * 80));
    font-size: calc(1vw * (0.09765625 * 44));
  }
  
  .contacts__email {
    margin-top: calc(1vw * (0.09765625 * 120));
    font-size: calc(1vw * (0.09765625 * 76));
    width: 92%;
  }
  
  .contacts__tel {
    margin-top: calc(1vw * (0.09765625 * 80));
    margin-bottom: calc(1vw * (0.09765625 * 120));
    font-size: calc(1vw * (0.09765625 * 76));
  }
  
  .contacts__social-wrap {
    display: flex;
    gap: calc(1vw * (0.09765625 * 60));
  }

  .main-section__wrap {
    height: 30%;
  }

  .main-section__img {
    height: 70%;
  }

  .masck-title__text {
    font-size: calc(1vw * (0.09765625 * 68));
    line-height: 160%;
    letter-spacing: 0em;
  }

  .section-title {
    margin-bottom: calc(1vw * (0.09765625 * 50));
    font-size: calc(1vw * (0.09765625 * 90));
  }

  .block__section-title {
    margin-bottom: calc(1vw * (0.09765625 * 80));
    font-size: calc(1vw * (0.09765625 * 90));
  }

  .block__section-text {
    font-size: calc(1vw * (0.09765625 * 48));
  }
  
  .btn-main, .btn-main__gold {
    gap: calc(1vw * (0.09765625 * 30));
    padding: calc(1vw * (0.09765625 * 31.9)) calc(1vw * (0.09765625 * 92.8));
    border-radius: calc(1vw * (0.09765625 * 12));
    font-size: calc(1vw * (0.09765625 * 46));
    width: 100%;
  }

  .--btn-main__margin {
    margin-top: calc(1vw * (0.09765625 * 120));
  }
  
  .btn-main svg, .btn-main__gold svg {
    width: calc(1vw * (0.09765625 * 52.2));
  }
  
  .main-section__img-history {
    width: calc(1vw * (0.09765625 * 1964));
  }
  
  .section-blog {
    margin: calc(1vw * (0.09765625 * 180)) 0;
  }
  
  .blog__container {
    gap: 0;
    padding: 0;
    background-color: #ffffff;
  }
  
  .blog__post {
    padding: calc(1vw * (0.09765625 * 80)) calc(1vw * (0.09765625 * 40)) 0;
    padding-bottom: calc(1vw * (0.09765625 * 120));
    width: 100%;
  }
  
  .blog__post-img {
    height: calc(1vw * (0.09765625 * 944));
    border-radius: calc(1vw * (0.09765625 * 12));
  }
  
  .blog__post-wrap {
    flex-direction: column-reverse;
    gap: calc(1vw * (0.09765625 * 40));
    margin-top: calc(1vw * (0.09765625 * 40));
  }
  
  .blog__post-wrap span {
    font-size: calc(1vw * (0.09765625 * 76));
  }
  
  .blog__post-date {
    text-align: start;
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .post-text {
    margin: calc(1vw * (0.09765625 * 40)) 0;
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .section-map {
    height: calc(1vw * (0.09765625 * 2080));
    box-shadow: 0 calc(1vw * (0.09765625 * 40)) calc(1vw * (0.09765625 * 60)) 0 rgba(0, 0, 0, .75);
    overflow: hidden;
  }

  .map img {
    transform: translateX(0) translateY(0) scale(1);
  }
  
  .map-img {
    display: none;
  }
  .map__mob-img {
    display: flex;
  }
  
  .map-scale {
    padding-bottom: calc(1vw * (0.09765625 * 40));
  }

  .map-svg__vineyards, .map-svg__winery {
    gap: calc(1vw * (0.09765625 * 30));
  }

  .map-svg__vineyards span, .map-svg__winery span {
    font-size: calc(1vw * (0.09765625 * 42));
  }
  
  .map-scale__vineyards {
    top: calc(1vw * (0.09765625 * 1140));
    left: calc(1vw * (0.09765625 * 60));
  }
  
  .map-scale__winery {
    top: calc(1vw * (0.09765625 * 1140));
    right: calc(1vw * (0.09765625 * 100));
  }

  .map-svg__vineyards img {
    width: auto;
    height: calc(1vw * (0.09765625 * 83));
  }
  .map-svg__winery img {
    width: auto;
    height: calc(1vw * (0.09765625 * 80));
  }
  
  @keyframes anim-breathe {
    0%, 100% {transform: scale(1);}
    40% {transform: scale(1.07);}
  }
  
  .map__line-vineyards {
    display: none;
  }

  .line-vineyards__phone {
    display: flex;
    position: absolute;
    bottom: calc(1vw * (0.09765625 * 970));
    left: calc(1vw * (0.09765625 * 258));
    width: calc(1vw * (0.09765625 * 20));
  }
  
  .map__line-winery {
    display: none;
  }

  .line-winery__phone {
    display: flex;
    position: absolute;
    bottom: calc(1vw * (0.09765625 * 994));
    right: calc(1vw * (0.09765625 * 354));
    width: calc(1vw * (0.09765625 * 54.64));
  }
  
  .map-description {
    padding: calc(1vw * (0.09765625 * 40)) calc(1vw * (0.09765625 * 40)) calc(1vw * (0.09765625 * 40));
    width: calc((100vw - calc(1vw * (0.09765625 * 100))) / 2);
    height: auto;
    min-height: calc(1vw * (0.09765625 * 580));
    font-size: calc(1vw * (0.09765625 * 44));
    opacity: 1;
  }
  .map-description__vineyards {
    top: auto;
    right: auto;
    bottom: calc(1vw * (0.09765625 * 80));
    left: calc(1vw * (0.09765625 * 40));
  }
  .map-description__winery {
    top: auto;
    left: auto;
    bottom: calc(1vw * (0.09765625 * 80));
    right: calc(1vw * (0.09765625 * 40));
  }
  
  .blog {
    padding: calc(1vw * (0.09765625 * 240)) 0 calc(1vw * (0.09765625 * 120));
  }
  
  .main-title__wrap-blog {
    top: calc(1vw * (0.09765625 * 160));
  }
  
  .wine {
    padding: calc(1vw * (0.09765625 * 240)) 0;
    height: auto;
    min-height: 100vh;
  }
  
  .main-title__wrap-wine {
    top: calc(1vw * (0.09765625 * 160));
  }
  
  .wines__filter-wrap {
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: calc(1vw * (0.09765625 * 60));
    margin: calc(1vw * (0.09765625 * 80)) 0 calc(1vw * (0.09765625 * 40)) 0;
  }
  
  .wines__filter {
    align-items: start;
    justify-content: start;
    flex-wrap: wrap;
    gap: calc(1vw * (0.09765625 * 40));
  }
  
  .wines__filter span {
    font-size: 0;
  }
  
  .wines__filter-btn {
    gap: calc(1vw * (0.09765625 * 12));
  }
  
  .wines__filter-btn span {
    width: calc(1vw * (0.09765625 * 44));
    height: calc(1vw * (0.09765625 * 44));
    border: calc(1vw * (0.09765625 * 4)) solid #000;
  }
  
  .wines__filter-btn p {
    font-size: calc(1vw * (0.09765625 * 44));
  }
  
  .wines__container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .wines__card-wrap {
    align-items: center;
    width: 100%;
    height: auto;
  }
  
  .wines__card {
    margin-top: calc(1vw * (0.09765625 * 120));
    width: 100%;
  }
  
  .wines__card img {
    height: calc(1vw * (0.09765625 * 1024));
    min-height: calc(1vw * (0.09765625 * 1024));
  }
  
  .wines__card span {
    width: 92%;
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .page-card__content {
    width: 100%;
  }
  
  .page-card__content-title {
    margin-top: calc(1vw * (0.09765625 * 60));
    font-size: calc(1vw * (0.09765625 * 84));
    padding: 0 calc(1vw * (0.09765625 * 120));
  }
  
  .page-card__content-text {
    margin-top: calc(1vw * (0.09765625 * 40));
    font-size: calc(1vw * (0.09765625 * 44));
  }
  
  @keyframes card-transparent {
    0%{-webkit-backdrop-filter: blur(calc(1vw * (0.09765625 * 12))); backdrop-filter: blur(calc(1vw * (0.09765625 * 12)));}
    100% {-webkit-backdrop-filter: blur(0); backdrop-filter: blur(0);}
  }
  
  .page-card__details {
    flex-direction: column;
    padding: calc(1vw * (0.09765625 * 160)) calc(1vw * (0.09765625 * 120));
    align-items: center;
    justify-content: center;
  }

  .page-card__details-btn {
    top: calc(1vw * (0.09765625 * -113));
    left: auto;
    right: calc(1vw * (0.09765625 * 60));
    gap: 0;
    padding: calc(1vw * (0.09765625 * 40)) calc(1vw * (0.09765625 * 30));
    border-top-left-radius: calc(1vw * (0.09765625 * 12));
    border-top-right-radius: calc(1vw * (0.09765625 * 12));
  }
  
  .page-card__details-btn span {
    display: none;
  }
  
  .page-card__details-btn svg {
    width: calc(1vw * (0.09765625 * 70));
  }
  
  .page-card__details-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  
  .page-card__details-sticky {
    top: calc(1vw * (0.09765625 * 200));
    align-items: center;
    justify-content: center;
    gap: calc(1vw * (0.09765625 * 200));
    padding-bottom: calc(1vw * (0.09765625 * 200));
  }
  
  .details__text-wrap {
    gap: calc(1vw * (0.09765625 * 80));
    min-width: calc(1vw * (0.09765625 * 780));
  }
  
  .details-sticky__wrap {
    gap: calc(1vw * (0.09765625 * 40));
  }
  
  .details__text {
    gap: calc(1vw * (0.09765625 * 20));
  }
  
  .details__text span {
    font-size: calc(1vw * (0.09765625 * 52));
  }
  
  .details__text p {
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .details-sticky__text {
    gap: calc(1vw * (0.09765625 * 40));
  }
  
  .page-card__wine-slider {
    gap: calc(1vw * (0.09765625 * 80));
    padding: calc(1vw * (0.09765625 * 120)) 0;
  }
  
  .wine-slider__header span {
    margin-bottom: calc(1vw * (0.09765625 * 60));
    font-size: calc(1vw * (0.09765625 * 90));
  }
  
  .wine-slider__line {
    height: calc(1vw * (0.09765625 * 1180));
  }
  
  .wine-slider__slide {
    width: 100vw;
  }
  
  .wine-slider__slide-btn {
    width: auto;
    height: calc(1vw * (0.09765625 * 1024));
  }
  
  .wine-slider__slide-btn img {
    height: calc(1vw * (0.09765625 * 1024));
    min-height: calc(1vw * (0.09765625 * 1024));
  }
  
  .wine-slider__slide-btn span {
    font-size: calc(1vw * (0.09765625 * 46));
    width: 92%;
  }
  
  .empty span {
    width: 80%;
    font-size: calc(1vw * (0.09765625 * 52));
  }
  
  .club-header__title {
    margin: calc(1vw * (0.09765625 * 80)) 0;
    font-size: calc(1vw * (0.09765625 * 60));
  }
  
  .club__info {
    flex-direction: column;
    padding: 0 calc(1vw * (0.09765625 * 40));
  }
  
  .club__info-wrap {
    width: 100%;
  }
  
  .club__info-img {
    position: static;
    padding: calc(1vw * (0.09765625 * 40)) 0;
    height: auto;
  }
  
  .club__info-title {
    margin-top: calc(1vw * (0.09765625 * 180));
    justify-content: start;
    padding-right: 0;
    height: auto;
  }
  
  .club__info-title span, .club__info-text span {
    width: 100%;
    margin-bottom: calc(1vw * (0.09765625 * 40));
    font-size: calc(1vw * (0.09765625 * 76));
  }
  
  .club__info-title p, .club__info-text p {
    font-size: calc(1vw * (0.09765625 * 46));
    width: 80%;
  }

  .club__info-text b {
    font-size: calc(1vw * (0.09765625 * 48));
    width: 80%;
  }
  
  .club__text-wrapper {
    gap: calc(1vw * (0.09765625 * 200));
    padding: calc(1vw * (0.09765625 * 200)) 0;
  }
  
  .club__text-inner {
    gap: calc(1vw * (0.09765625 * 80));
  }
  
  .club__footer {
    flex-direction: column;
    height: 100%;
  }
  
  .club__footer-wrap {
    align-items: start;
    justify-content: start;
    width: 100%;
  }
  
  .club__footer-text {
    padding: calc(1vw * (0.09765625 * 200)) calc(1vw * (0.09765625 * 40));
  }
  
  .club__footer-text span {
    margin-bottom: calc(1vw * (0.09765625 * 80));
    font-size: calc(1vw * (0.09765625 * 76));
  }
  
  .club__footer-text p {
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .club__footer-form {
    padding: calc(1vw * (0.09765625 * 200)) calc(1vw * (0.09765625 * 40));
    gap: calc(1vw * (0.09765625 * 140));
  }
  
  .form {
    gap: calc(1vw * (0.09765625 * 24));
  }
  
  .label {
    position: relative;
    width: 100%;
    border-radius: 0;
  }
  
  .label span {
    font-size: calc(1vw * (0.09765625 * 46));
  }
  
  .input {
    width: 100%;
    height: calc(1vw * (0.09765625 * 120));
    padding-top: calc(1vw * (0.09765625 * 30));
    border-bottom: calc(1vw * (0.09765625 * 4)) solid var(--gold);
    font-size: calc(1vw * (0.09765625 * 46));
    border-radius: 0;
  }
  
  .input:focus + span,
  .input._focus + span {
    top: calc(1vw * (0.09765625 * 18));
    font-size: calc(1vw * (0.09765625 * 34));
  }
  
  .label._err .input:focus, .label._err .input._focus, .label._err .input {
    border-bottom: calc(1vw * (0.09765625 * 4)) solid red;
  }
  
  .club-form__btn {
    width: 100%;
  }
  
  .logo-footer {
    width: calc(1vw * (0.09765625 * 740));
  }
  
  .footer__bottom {
    gap: calc(1vw * (0.09765625 * 80));
    padding: calc(1vw * (0.09765625 * 40));
  }
  
  .footer__wrap {
    flex-direction: column;
    justify-content: start;
    gap: calc(1vw * (0.09765625 * 120));
  }
  
  .footer__navigation {
    align-items: start;
    justify-content: space-between;
    width: 100%;
    gap: 0;
    padding-top: calc(1vw * (0.09765625 * 200));
  }
  
  .footer__navigation ul {
    gap: calc(1vw * (0.09765625 * 24));
  }
  
  .footer-link {
    font-size: calc(1vw * (0.09765625 * 38));
  }
  
  .footer__social-wrap {
    gap: calc(1vw * (0.09765625 * 60));
  }
  
  .social-link {
    width: calc(1vw * (0.09765625 * 120));
    height: calc(1vw * (0.09765625 * 120));
  }
  
  .social-link svg {
    width: calc(1vw * (0.09765625 * 100));
  }
  
  .mailing-form {
    gap: calc(1vw * (0.09765625 * 30));
    width: 100%;
  }
  
  .mailing-form p {
    font-size: calc(1vw * (0.09765625 * 74));
  }
  
  .mailing-label {
    padding-bottom: calc(1vw * (0.09765625 * 20));
    border-bottom: calc(1vw * (0.09765625 * 4)) solid #fff;
  }
  .mailing-label._err {
    border-bottom: calc(1vw * (0.09765625 * 4)) solid red;
  }
  
  .mailing-input::placeholder {
    font-size: calc(1vw * (0.09765625 * 52));
  }
  
  .mailing-input {
    height: calc(1vw * (0.09765625 * 120));
    font-size: calc(1vw * (0.09765625 * 52));
  }
  
  .mailing-submit {
    min-width: calc(1vw * (0.09765625 * 90));
    width: calc(1vw * (0.09765625 * 90));
    height: calc(1vw * (0.09765625 * 90));
  }
  
  .mailing-submit svg {
    width: calc(1vw * (0.09765625 * 80));
  }

  .footer__copyright {
    flex-direction: column;
    justify-content: center;
    gap: calc(1vw * (0.09765625 * 40));
  }
  
  .footer__copyright span {
    position: static;
    top: auto;
    left: auto;
    transform: translate(0, 0);
    font-size: calc(1vw * (0.09765625 * 38));
  }
  
  .footer-warning {
    padding: calc(1vw * (0.09765625 * 32));
  }
  
  .footer-warning span {
    transform: translateX(0);
    font-size: calc(1vw * (0.09765625 * 38));
    text-wrap: wrap;
    letter-spacing: 0.2em;
  }
  
  .popup, .popup-unsubscribe, .popup-clubunsubscribe {
    padding: calc(1vw * (0.09765625 * 40));
  }
  
  @keyframes anim-popup {
    0% {-webkit-backdrop-filter: saturate(100%) blur(0); backdrop-filter: saturate(100%) blur(0);}
    100% {-webkit-backdrop-filter: saturate(180%) blur(calc(1vw * (0.09765625 * 30))); backdrop-filter: saturate(180%) blur(calc(1vw * (0.09765625 * 30)));}
  }
  
  .popup-table, .popup-table__unsubscribe, .popup-table__clubunsubscribe {
    padding: 0 calc(1vw * (0.09765625 * 40));
    width: 100%;
    transform: translateY(20%);
    border-radius: calc(1vw * (0.09765625 * 19.2));
  }
  
  @keyframes anim-table {
    0% {transform: translateY(20%); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
  }
  
  .popup-table img {
    margin-top: calc(1vw * (0.09765625 * 60));
    width: calc(1vw * (0.09765625 * 420));
  }
  
  .popup-table span, .popup-table__unsubscribe span, .popup-table__clubunsubscribe span {
    margin-bottom: calc(1vw * (0.09765625 * 60));
    font-size: calc(1vw * (0.09765625 * 76));
  }

  .popup-table__unsubscribe span, .popup-table__clubunsubscribe span {
    margin-top: calc(1vw * (0.09765625 * 100));
  }
  
  .popup-table p, .popup-table__unsubscribe p, .popup-table__clubunsubscribe p {
    margin-bottom: calc(1vw * (0.09765625 * 100));
    font-size: calc(1vw * (0.09765625 * 46));
  }

  .btn-form__wrap {
    gap: calc(1vw * (0.09765625 * 60));
  }

  .politics-link {
    font-size: calc(1vw * (0.09765625 * 40));
  }

  .link-gold {
    border-bottom: calc(1vw * (0.09765625 * 2)) solid var(--gold);
  }

  .page-politics {
    gap: calc(1vw * (0.09765625 * 260));
    padding: calc(1vw * (0.09765625 * 120)) calc(1vw * (0.09765625 * 60)) calc(1vw * (0.09765625 * 200));
  }

  .page-politics__wrap {
    gap: calc(1vw * (0.09765625 * 200));
  }

  .politics__title {
    font-size: calc(1vw * (0.09765625 * 68));
    word-break: break-all;
  }

  .politics__wrap {
    flex-direction: column;
    gap: calc(1vw * (0.09765625 * 40));
  }

  .politics__wrap-title {
    position: static;
    top: auto;
    left: auto;
    gap: calc(1vw * (0.09765625 * 40));
    padding-right: 0;
    width: 100%;
    font-size: calc(1vw * (0.09765625 * 58));
  }

  .politics__wrap-text {
    padding-right: 0;
    width: 100%;
    font-size: calc(1vw * (0.09765625 * 48));
  }
  .admin-btn {
    top: calc(1vw * (0.09765625 * 26));
    right: calc(1vw * (0.09765625 * 26));
    width: calc(1vw * (0.09765625 * 128));
    height: calc(1vw * (0.09765625 * 128));
    -webkit-backdrop-filter: saturate(180%) blur(calc(1vw * (0.09765625 * 20)));
    backdrop-filter: saturate(180%) blur(calc(1vw * (0.09765625 * 20)));
  }
  .admin-btn svg {
    width: calc(1vw * (0.09765625 * 92));
  }

  .vineyards-gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: calc(1vw * (0.09765625 * 20));
    padding: calc(1vw * (0.09765625 * 20));
  }

  .main__navigation-btns {
    padding-bottom: calc(1vw * (0.09765625 * 80));
    justify-content: space-between;
    transform: translateX(5%);
  }

  .navigation-btn span {
    font-size: calc(1vw * (0.09765625 * 35.2));
  }

  .navigation-btn span::before {
    border-bottom: 0px solid #fff;
  }

  .navigation-btn svg {
    min-width: calc(1vw * (0.09765625 * 96));
    width: calc(1vw * (0.09765625 * 96));
  }

  .btn-bot {
    bottom: calc(1vw * (0.09765625 * 60));
    gap: calc(1vw * (0.09765625 * 40));
    padding: calc(1vw * (0.09765625 * 30));
    font-size: calc(1vw * (0.09765625 * 46));
  }

  .btn-bot svg {
    width: calc(1vw * (0.09765625 * 72));
  }

  .title-element__wrap, .title-element__gold-wrap {
    padding: calc(1vw * (0.09765625 * 60)) calc(1vw * (0.09765625 * 40)) 0;
  }

  .title-element {
    height: calc(1vw * (0.09765625 * 5));
    min-height: calc(1vw * (0.09765625 * 5));
    animation: title-element 1s 1.6s cubic-bezier(.215,.61,.355,1) forwards;
  }

  .title-element__blog {
    height: calc(1vw * (0.09765625 * 5));
    min-height: calc(1vw * (0.09765625 * 5));
    animation: title-element__blog 1s 1.6s cubic-bezier(.215,.61,.355,1) forwards;
  }

  .title-element__contacts {
    height: calc(1vw * (0.09765625 * 5));
    min-height: calc(1vw * (0.09765625 * 5));
    animation: title-element__gold 1s 1.6s cubic-bezier(.215,.61,.355,1) forwards;
  }

  .title-element__gold {
    height: calc(1vw * (0.09765625 * 5));
    min-height: calc(1vw * (0.09765625 * 5));
    animation: title-element__gold 1s 1.6s cubic-bezier(.215,.61,.355,1) forwards;
  }

  @keyframes title-element {
    0% {width: 0;}
    100% {width: 100%;}
  }

  @keyframes title-element__blog {
    0% {width: 0;}
    100% {width: 100%;}
  }

  @keyframes title-element__gold {
    0% {width: 0;}
    100% {width: 100%;}
  }

  .blog-description__btn {
    width: calc(100% - (1vw * (0.09765625 * 80)));
  }

  .popup-shop {
    padding: 0;
  }

  .shop-table {
    padding: calc(1vw * (0.09765625 * 160)) calc(1vw * (0.09765625 * 40)) calc(1vw * (0.09765625 * 100));
    width: 100%;
    border-radius: 0;
  }

  .shop-table__title {
    margin-bottom: calc(1vw * (0.09765625 * 120));
    font-size: calc(1vw * (0.09765625 * 80));
  }

  .shop-container {
    padding: 0;
  }

  .shop-container::-webkit-scrollbar {
    display: none;
    width: 0;
  }
  .shop-container::-webkit-scrollbar-thumb {
    display: none;
  }
  .shop-container::-webkit-scrollbar-track {
    display: none;
  }

  .shop-table__empty {
    padding-bottom: calc(1vw * (0.09765625 * 40));
    font-size: calc(1vw * (0.09765625 * 52));
  }

  .shop-table__address {
    border-bottom: calc(1vw * (0.09765625 * 5)) solid var(--gold);
  }

  .accordion-title {
    gap: calc(1vw * (0.09765625 * 30));
    padding: calc(1vw * (0.09765625 * 60)) calc(1vw * (0.09765625 * 88)) calc(1vw * (0.09765625 * 60)) 0;
    border-top: calc(1vw * (0.09765625 * 5)) solid var(--gold);
  }

  .accordion-title span {
    font-size: calc(1vw * (0.09765625 * 56));
  }

  .accordion-title svg {
    min-width: calc(1vw * (0.09765625 * 70));
    width: calc(1vw * (0.09765625 * 70));
  }

  .accordion-text a, .accordion-text p {
    padding: 0 calc(1vw * (0.09765625 * 88)) calc(1vw * (0.09765625 * 60)) 0;
    font-size: calc(1vw * (0.09765625 * 46));
  }
}

@media only screen
and (max-width: 1024px)
and (orientation: landscape) {
  body {
    padding: 0;
  }
  .scroll-words__pc {
    display: flex;
  }
  .scroll-words__phone {
    display: none;
  }
}