/* Uva responsive corrections, with hero content and statistics in normal flow. */
  #wines, #winery, #museum, #news, #story, #club, #contact, #shop {
    scroll-margin-top: 6rem;
  }

  #hero {
    min-height: 100svh;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
    padding-top: 7rem;
    padding-bottom: 5rem;
  }

  #hero > .container-custom {
    padding-top: 0;
    padding-bottom: 0;
    flex: 0 0 auto;
  }

  #hero > .bottom-20 {
    position: relative;
    inset: auto;
    width: 100%;
  }


@media (max-width: 1023px) {
  nav[aria-label="Main navigation"] > [role="menu"].fixed {
    background-color: #f5f1e6;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  nav[aria-label="Main navigation"]:has(> [role="menu"].visible) {
    background-color: #f5f1e6;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  nav[aria-label="Main navigation"]:has(> [role="menu"].visible) > .container-custom img {
    filter: brightness(0) opacity(.78);
  }

  nav[aria-label="Main navigation"]:has(> [role="menu"].visible) [aria-label="Close menu"] {
    color: #3b3a35;
  }

  #hero { padding-top: 6.5rem; }

  #wines .order-1.flex.justify-center {
    padding-bottom: 3.5rem;
  }
}

@media (max-width: 767px) {
  body .text-h1 {
    font-size: clamp(2.1rem, 8.5vw, 3rem);
    line-height: 1.16;
  }

  body .text-h2 {
    font-size: clamp(1.9rem, 8vw, 2.75rem);
    line-height: 1.18;
  }

  body .text-h3 {
    font-size: clamp(1.6rem, 6.5vw, 2rem);
    line-height: 1.22;
  }

  h1, h2, h3, h4 {
    min-width: 0;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  body .section-padding {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  #hero h1 {
    font-size: clamp(2.3rem, 9vw, 3.25rem);
    line-height: 1.14;
  }

  #hero > .bottom-20 .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.25rem .75rem;
  }

  #hero > .bottom-20 .grid > :nth-child(3) {
    border-left: 0;
  }

  #wines .container-custom > .mb-16 {
    margin-bottom: 2rem;
  }

  #wines .order-1.flex.justify-center > .relative {
    width: min(68vw, 260px) !important;
    height: min(90vw, 400px) !important;
  }

  #wines .items-baseline:has(> .text-6xl) {
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
  }

  #wines .items-baseline > .text-6xl {
    font-size: clamp(2rem, 9vw, 2.75rem);
  }

  #museum .flex-wrap:has(> button) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .375rem;
  }

  #museum .flex-wrap > button {
    min-width: 0;
    min-height: 44px;
    justify-content: center;
    gap: .25rem;
    padding: .65rem .3rem;
    font-size: clamp(.75rem, 3.4vw, .875rem);
    line-height: 1.2;
    white-space: nowrap;
  }

  #museum .flex-wrap > button svg {
    width: .875rem;
    height: .875rem;
    flex-shrink: 0;
  }
}