:root{
  --hero-pink:#f0dfe1;
  --hero-pink-deep:#dfc2c7;
  --hero-text:#392d2c;
}

.site-header{
  color:var(--hero-text);
  background:rgba(250,247,244,.82);
  border-bottom-color:rgba(112,50,67,.18);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.nav-cta{border-color:rgba(112,50,67,.38)}

.hero{
  color:var(--hero-text);
  background:var(--hero-pink);
}

.hero:before{
  background:
    radial-gradient(circle at 16% 22%,rgba(255,255,255,.58) 0,transparent 34%),
    radial-gradient(circle at 38% 78%,rgba(223,194,199,.34) 0,transparent 32%),
    repeating-linear-gradient(90deg,transparent 0,transparent 3px,rgba(112,50,67,.018) 4px);
}

.hero .eyebrow{color:var(--wine)}
.hero h1 em{color:#9d5264}
.hero-description{color:#625553}
.availability{color:#796b68}
.hero-scroll{color:var(--hero-text)}

.hero-visual:after{
  background:
    linear-gradient(90deg,rgba(112,50,67,.12),transparent 20%),
    linear-gradient(0deg,rgba(43,32,28,.36),transparent 25%);
}

@media(max-width:680px){.menu-button{color:var(--hero-text)}}