:root{
  --wine:#003c39;
  --wine2:#002d2b;
  --gold:#00d2cb;
  --cream:#e9f3f1;
  --ink:#073b38;
  --muted:#52706d;
  --line:#b9d3cf
}

body{background:#f4faf8;color:var(--ink)}

.site-header{
  background:linear-gradient(180deg,#002d2bee,#002d2b70)
}

.brand-logo{
  display:block;
  width:105px;
  height:72px;
  object-fit:contain
}

.hero-bg{
  background:
    linear-gradient(90deg,#002d2bee 0%,#003c39c7 47%,#004b474d 75%),
    linear-gradient(0deg,#002d2b8f,#002d2b20),
    url('/assets/wine-hero.jpg') center/cover
}

.button-gold{background:#00d2cb;color:#002d2b}
.button-dark{background:#003c39;color:#fff}
.nav-cta{border-color:#00d2cb}

.eyebrow,
.text-link,
.languages .active{color:#00d2cb}

.eyebrow.dark{color:#007f79}

.world{
  background:
    linear-gradient(90deg,#002d2bf2,#00534ec9),
    url('/assets/wine-hero.jpg') center 42%/cover fixed
}

.page-hero{
  background:
    linear-gradient(110deg,#002d2bee,#00534ed6),
    url('/assets/wine-hero.jpg') center/cover
}

.footer,
.map-panel,
.nav.open{background:#002d2b}

.location{background:#e9f3f1}

.map-panel:before,
.map-panel:after{border-color:#00d2cb55}

.mobile-languages{display:none}

@media(max-width:800px){
  .site-header{
    padding-left:12px;
    padding-right:12px;
    gap:6px
  }

  .brand-logo{
    width:62px;
    height:58px
  }

  .mobile-languages{
    display:flex;
    align-items:center;
    gap:4px;
    margin-left:auto
  }

  .mobile-languages a{
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    border:1px solid #ffffff55;
    color:#fff;
    font-size:9px;
    font-weight:600
  }

  .mobile-languages a.active{
    background:#00d2cb;
    border-color:#00d2cb;
    color:#002d2b
  }

  .menu-button{
    font-size:0;
    padding:7px 9px
  }

  .menu-button:after{
    content:"☰";
    font-size:18px
  }

  .world{background-attachment:scroll}
}

@media(max-width:420px){
  .brand-logo{width:52px}
  .mobile-languages{gap:3px}

  .mobile-languages a{
    width:27px;
    height:28px
  }
}