/* Shared responsive corrections, loaded after the individual page styles. */
main :is(h1, h2, h3, p, address),
.footer-contact address { overflow-wrap: anywhere; }

/* Homepage closing invitation: use the supplied mate photo as the visual anchor. */
.closing--tradition {
  background-image:
    linear-gradient(90deg, rgba(8, 47, 39, .94) 0%, rgba(8, 47, 39, .84) 34%, rgba(8, 47, 39, .52) 61%, rgba(8, 47, 39, .22) 100%),
    url("../images/distributors/hero-Centrosdeventa.webp");
  background-position: center, center right;
  background-size: cover;
  background-repeat: no-repeat;
}
.closing--tradition .closing__inner { position: relative; z-index: 1; }
.closing--tradition .eyebrow { color: rgba(255, 255, 255, .9); }

@media (max-width: 767px) {
  .closing--tradition {
    background-position: center, 67% center;
    background-image:
      linear-gradient(180deg, rgba(8, 47, 39, .9) 0%, rgba(8, 47, 39, .74) 58%, rgba(8, 47, 39, .84) 100%),
      url("../images/distributors/hero-Centrosdeventa.webp");
  }
}
:is(.grid-2, .contact-grid, .home-story__content, .premium-footer__grid) > * { min-width: 0; }
.field :is(input, select, textarea) { min-width: 0; max-width: 100%; font-size: 1rem; }
.contact-grid .contact-list { margin-top: 2rem; }
.contact-grid .contact-list a { display: block; padding-block: .5rem; overflow-wrap: anywhere; }
.footer-contact address > a > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.barbakua-scale__intro { min-width: 0; }
.barbakua-scale__intro h2 {
  max-width: none;
  font-size: clamp(2.35rem, 4vw, 4.4rem);
  overflow-wrap: normal;
}
.barbakua-page .barbakua-hero__signature { max-width: 13ch; }
.barbakua-page .barbakua-stat > div { grid-template-columns: minmax(6.5rem, max-content) minmax(0, 1fr); }
@media (min-width: 901px) {
  .barbakua-page .barbakua-stat > div { grid-template-columns: minmax(8rem, max-content) minmax(0, 1fr); }
  .barbakua-page .barbakua-stat strong { font-size: clamp(2.5rem, 3vw, 3.5rem); }
}
.product-showcase__word { font-size: clamp(2rem, 13.5vw, 14rem); }
.product-showcase:not(.is-detail) :is(.product-showcase__details, .product-showcase__nav, .product-showcase__all) { visibility: hidden; }
.product-showcase.is-detail .product-showcase__product:not(.is-selected):not(.is-next) { visibility: hidden; }
.product-showcase__thumb { min-width: 2.75rem; }
.product-showcase__all { min-height: 2.75rem; }
.article-story__cover img { height: auto; }

@media (min-width: 781px) and (max-width: 1100px) {
  .premium-footer__bottom-inner {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "heritage heritage" "company social";
    gap: 1.5rem; padding-block: 1.5rem;
  }
  .footer-heritage { justify-self: center; width: min(100%, 29rem); }
  .footer-company { width: auto; padding-right: 0; border-right: 0; }
}

@media (min-width: 701px) and (max-width: 1020px) {
  .home-story__content { grid-template-columns: 1fr; gap: 2.5rem; }
  .home-story__statements { padding: 2rem 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .home-story__value p, .home-story__statements p { max-width: 65ch; }
}

@media (max-width: 900px) {
  .legacy-nav .nav__links { overscroll-behavior: contain; padding-bottom: max(1.5rem, env(safe-area-inset-bottom)); }
  .legacy-nav .dropdown a { min-height: 2.75rem; display: flex; align-items: center; }
  .legacy-nav .nav-toggle { min-width: 2.75rem; min-height: 2.75rem; }
  .barbakua-page .barbakua-hero { padding-top: 5rem; }
  .barbakua-scale__grid { grid-template-columns: minmax(0, 1fr); }
  .blog-hero { min-height: 0; padding-top: 5rem; background-image: none; }
  .blog-hero::before {
    position: relative; inset: auto; z-index: auto; display: block;
    height: clamp(14rem, 48vw, 25rem);
    background: url("../images/blog/banner-blog.webp") right center / cover no-repeat;
  }
  .blog-hero__inner { min-height: 0; padding-block: 2rem 3rem; }
  .blog-hero__wash { display: none; }
}

@media (max-width: 767px) {
  /* Phone media is a real first row, independent of the height of the copy. */
  .botanical-hero { padding: 5rem 0 0; height: auto; min-height: 0; max-height: none; }
  .botanical-hero::before, .botanical-hero::after { display: none; }
  .botanical-hero .legacy-hero__grid { display: flex; flex-direction: column; align-items: stretch; height: auto; }
  .botanical-hero .legacy-hero__media {
    position: relative; inset: auto; order: -2; width: 100%;
    height: clamp(15rem, 68vw, 29rem); min-height: 0;
  }
  .botanical-hero .heritage-badge {
    position: relative; inset: auto; order: -1; transform: none;
    max-width: calc(100% - 2rem); margin: -1.25rem 1rem 0; align-self: flex-end;
  }
  .botanical-hero .legacy-hero__copy {
    width: auto; max-width: 40rem; margin: 0 auto;
    padding: 2rem clamp(1rem, 5vw, 2.5rem) 3rem;
  }
  .botanical-hero .legacy-hero__copy h1 { font-size: clamp(2rem, 7.5vw, 3.5rem); }
  .botanical-hero .legacy-hero__copy h1 br { display: none; }
  .botanical-hero .legacy-hero__button { font-size: .85rem; }
  .botanical-hero .legacy-process-link { font-size: .95rem; }

  .heritage-section .heritage-grid {
    display: grid; grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "photo" "intro" "copy"; gap: 2.5rem;
  }
  .heritage-section .heritage-photo { width: min(100%, 32rem); justify-self: center; }
  .heritage-section .heritage-intro { padding-top: 0; }
  .home-barbakua { display: flex; flex-direction: column; }
  .home-barbakua__media { position: relative; inset: auto; width: 100%; height: clamp(16rem, 68vw, 30rem); }
  .home-barbakua__media img { filter: saturate(.98) contrast(1.05); }
  .home-barbakua__wash, .home-barbakua__leaf { display: none; }
  .home-barbakua__inner { padding-block: 3rem; }
  .home-barbakua__copy { padding-bottom: 0; }

  .sales-hero__image { order: 0; }
  .sales-hero__inner { order: 1; }
  .sales-hero__copy { width: 100%; padding-inline: 0; }
  .center-card--reverse .center-card__media { order: -1; }
  .grid-2 > .archive-frame { order: -1; margin-top: 0; }
  .historia-intro__archive { order: -1; }
  .historia-intro__archive { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .historia-intro__archive .historia-photo { height: auto; aspect-ratio: 4 / 3; }
  .historia-timeline__aside { display: flex; flex-direction: column; }
  .historia-timeline__aside .historia-photo { order: -1; margin-block: 0 1.5rem; }

  .barbakua-machine { grid-template-columns: minmax(0, 1fr); }
  .barbakua-machine img { order: -1; }
  .barbakua-storage__media { order: -1; }
  .barbakua-page .barbakua-storage__media { height: auto; display: flex; flex-direction: column; }
  .barbakua-storage__media::before { display: none; }
  .barbakua-storage__media > img { height: clamp(18rem, 75vw, 32rem); object-position: center 35%; }
  .barbakua-storage__card { position: relative; inset: auto; width: auto; margin: 1rem; }
  .barbakua-storage__stats { position: relative; inset: auto; padding: 1rem; flex-wrap: wrap; }
  .barbakua-storage__copy { padding-block: 3rem; }
  .barbakua-storage__cycle ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  .barbakua-storage__cycle li { font-size: .8rem; }
  .barbakua-metric { grid-template-columns: 3.2rem minmax(0, 1fr); padding: 1.25rem; }
  .barbakua-metric__value span { max-width: none; font-size: .7rem; }
  .barbakua-metric__track { grid-column: 1 / -1; padding: 1rem 0 .8rem; border-left: 0; border-top: 1px solid var(--line); }
  .barbakua-metric__track p { font-size: .9rem; }
  .barbakua-metric__track small { position: static; display: block; margin-top: .5rem; transform: none; font-size: .75rem; }

  .article-story:has(> .article-story__cover) { display: flex; flex-direction: column; padding-top: 6rem; }
  .article-story > .article-story__cover { order: -1; margin-top: 0; }
  .article-story:has(> .article-story__cover) .article-story__hero { padding-top: 2rem; }
  .article-story__heading h1 { font-size: clamp(2.5rem, 11vw, 4.5rem); letter-spacing: -.04em; }
  .blog-rail__item, .blog-card--horizontal { grid-template-columns: minmax(0, 1fr); }
  .blog-rail__image { height: auto; aspect-ratio: 16 / 10; }
  .q-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; }
  .q-growth { grid-template-columns: minmax(0, 1fr); padding: 1.25rem; margin-top: 2rem; }
  .q-growth h3 { font-size: 2rem; overflow-wrap: normal; }
  .q-process-card p { font-size: .9rem; }
}

@media (max-width: 620px) {
  /* Keep every presentation large enough to recognize and tap on a phone. */
  .product-showcase, .product-showcase.is-detail {
    display: flex; flex-direction: column; min-height: 0; padding: 7rem 1rem 3rem;
  }
  .product-showcase__word {
    position: static; order: -2; transform: none; text-align: center;
    color: var(--green-800); font-size: clamp(2rem, 10vw, 3.5rem);
  }
  .product-showcase__hint { position: static; order: -1; transform: none; margin: 1rem 0; text-align: center; }
  .product-showcase__stage {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%; height: auto; gap: 1rem; margin-top: 1rem;
  }
  .product-showcase:not(.is-detail) .product-showcase__product {
    position: relative; inset: auto; transform: none; width: 100%; height: clamp(10rem, 48vw, 16rem);
  }
  .product-showcase:not(.is-detail) .product-showcase__product:last-child { grid-column: 1 / -1; width: 50%; justify-self: center; }
  .product-showcase:not(.is-detail) :is(.product-showcase__details, .product-showcase__nav, .product-showcase__all) { display: none; }
  .product-showcase.is-detail .product-showcase__word { display: none; }
  .product-showcase.is-detail .product-showcase__stage { display: block; height: 21rem; margin-top: 0; }
  .product-showcase.is-detail .product-showcase__product.is-selected {
    top: 0; bottom: auto; left: 50%; width: min(75%, 17rem); height: 100%; transform: translateX(-50%);
  }
  .product-showcase.is-detail .product-showcase__product.is-next { visibility: hidden; pointer-events: none; }
  .product-showcase.is-detail .product-showcase__details { position: static; order: 2; width: 100%; transform: none; margin-top: 1.5rem; }
  .product-showcase.is-detail .product-showcase__nav { position: static; order: 3; display: flex; max-width: none; justify-content: center; margin-top: 1.5rem; }
  .product-showcase.is-detail .product-showcase__all { position: static; order: 4; align-self: center; margin-top: 1rem; }
}

@media (min-width: 621px) and (max-width: 900px) {
  .product-showcase.is-detail { display: flex; flex-direction: column; min-height: 0; padding: 7rem 2rem 3rem; }
  .product-showcase.is-detail .product-showcase__word { display: none; }
  .product-showcase.is-detail .product-showcase__hint { position: static; order: -1; transform: none; text-align: center; margin-bottom: 1rem; }
  .product-showcase.is-detail .product-showcase__stage { width: 100%; height: 25rem; }
  .product-showcase.is-detail .product-showcase__product.is-selected { top: 0; left: 50%; width: 18rem; height: 100%; transform: translateX(-50%); }
  .product-showcase.is-detail .product-showcase__product.is-next { visibility: hidden; pointer-events: none; }
  .product-showcase.is-detail .product-showcase__details { position: static; order: 2; width: min(100%, 40rem); margin: 1.5rem auto 0; transform: none; }
  .product-showcase.is-detail .product-showcase__nav { position: static; order: 3; max-width: none; justify-content: center; margin-top: 1.5rem; }
  .product-showcase.is-detail .product-showcase__all { position: static; order: 4; align-self: center; margin-top: 1rem; }
}

@media (max-width: 380px) {
  .display { font-size: 3rem; }
  .home-story__value { grid-template-columns: 1fr; gap: .75rem; }
  .home-story__value p { max-width: none; }
  .barbakua-page .barbakua-hero__copy { padding-inline: 1rem; }
  .barbakua-page .barbakua-stat > div { grid-template-columns: minmax(0, 1fr); }
  .barbakua-page .barbakua-stat strong,
  .barbakua-page .barbakua-stat > div > span,
  .barbakua-page .barbakua-stat small { grid-column: auto; grid-row: auto; }
  .barbakua-page .barbakua-stat { padding-block: 1.25rem; }
  .barbakua-scale__intro h2 { font-size: 2.2rem; }
}

/* Historia hero: align the title panel and both archive photos as equal
   cards in one three-column row on wide screens. The smaller breakpoints
   retain their stacked/tablet arrangements above. */
@media (min-width: 1041px) {
  .historia-intro {
    --historia-hero-height: clamp(31rem, 33vw, 37rem);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
      "copy founders harvest"
      "story story story";
    align-items: stretch;
  }

  .historia-intro__copy {
    grid-area: copy;
    height: var(--historia-hero-height);
    min-height: 0;
  }

  .historia-intro__archive {
    display: contents;
  }

  .historia-intro__archive .historia-photo {
    width: 100%;
    height: var(--historia-hero-height);
    min-height: 0;
    margin: 0;
    align-self: start;
  }

  .historia-intro__archive .historia-photo--founders { grid-area: founders; }
  .historia-intro__archive .historia-photo--harvest { grid-area: harvest; }

  .historia-intro__story {
    grid-area: story;
  }
}

@media (min-width: 1041px) and (max-width: 1200px) {
  .historia-intro__copy {
    padding: 2rem 1.25rem;
  }

  .historia-intro h1 {
    font-size: clamp(3.5rem, 5.8vw, 4.8rem);
  }
}

/* 2026 identity: logo turquoise leads, electric lime signals action,
   ivory keeps editorial surfaces warm, and deep turquoise carries white text. */
.legacy-top { background: var(--brand-turquoise); color: var(--brand-black); }
.legacy-top__inner > p { color: var(--brand-black); }
.legacy-social a,
.legacy-contact { background: var(--brand-lime); color: var(--brand-black); }
.legacy-social a:hover,
.legacy-contact:hover { background: #b6f23a; }
.legacy-nav .nav__link { color: var(--brand-turquoise-deep); }
.legacy-nav .nav__link[aria-current="page"],
.legacy-nav .nav__link:hover { color: var(--brand-black); }
.legacy-nav .nav__link::after { background: var(--brand-lime); }
.legacy-hero { color: var(--brand-turquoise-deep); }
.legacy-hero__button { background: var(--brand-turquoise-deep); color: var(--brand-ivory); }

.legacy-logo img,
.brand-logo,
.footer-brand-panel__logo img {
  border-radius: .45rem;
}

.botanical-hero .legacy-hero__copy > .botanical-hero__eyebrow,
.botanical-hero .legacy-process-link strong,
.botanical-hero .legacy-process-link > span { color: var(--brand-turquoise-mid); }
.botanical-hero .legacy-hero__button,
.barbakua-hero .barbakua-button,
.sales-hero .sales-hero__button { background: var(--brand-turquoise-mid); color: var(--brand-ivory); }
.botanical-hero .legacy-hero__button > span { background: var(--brand-lime); color: var(--brand-black); }
.botanical-hero .legacy-process-link { border-color: var(--brand-lime); color: var(--brand-turquoise-deep); }

.commitment__eyebrow { color: var(--brand-turquoise-mid); }
.commitment__eyebrow span,
.commitment__divider span,
.commitment-card__arc,
.commitment-card__sprig,
.commitment-card__rule,
.commitment-card__leaf { color: var(--brand-lime); }
.commitment__divider span,
.commitment-card__rule { background: var(--brand-lime); }
.commitment-card__arc { border-right-color: var(--brand-lime); border-bottom-color: var(--brand-lime); }
.commitment-card__leaf { stroke: var(--brand-lime); }
.commitment__divider { color: var(--brand-turquoise-deep); }
.commitment-card__number { background: var(--brand-lime); color: var(--brand-black); }
.commitment-card__badge::before { border-color: var(--brand-turquoise); }
.commitment__map { color: var(--brand-turquoise); }

.home-products__underline { background: var(--brand-turquoise); }
.home-product-card__content h3,
.home-story__value h2,
.home-story__value h3,
.home-story__statements p { color: var(--brand-turquoise-deep); }
.home-product-card__content p { color: var(--brand-turquoise-mid); }
.home-product-card__content { border-bottom-color: var(--brand-lime); }
.home-product-card__arrow { color: var(--brand-turquoise); }
.home-barbakua__copy h2 em,
.home-barbakua__proof,
.home-barbakua__proof-icon,
.home-barbakua__stat-icon,
.home-barbakua__stat div span { color: var(--brand-turquoise-mid); }
.home-barbakua__button { background: var(--brand-turquoise-deep); }
.home-barbakua__button:hover { background: var(--brand-turquoise-mid); }

.barbakua-page { --barbakua-deep: var(--brand-turquoise-deep); --barbakua-moss: var(--brand-turquoise-mid); --barbakua-lime: var(--brand-lime); }
.barbakua-kicker__leaf,
.barbakua-icon,
.barbakua-hero__proof,
.barbakua-hero__proof strong,
.barbakua-stat__icon,
.barbakua-scale__intro h2 em,
.barbakua-metric__icon,
.barbakua-step__icon,
.barbakua-quote__mark,
.barbakua-quote p strong,
.barbakua-support li > span,
.barbakua-storage__card-icon { color: var(--brand-turquoise-mid); }
.barbakua-icon,
.barbakua-stat__icon,
.barbakua-metric__icon,
.barbakua-step__icon,
.barbakua-support li > span { border-color: var(--brand-lime); }
.barbakua-hero__proof strong,
.barbakua-stat > div > span,
.barbakua-metric__value span,
.barbakua-step h3,
.barbakua-support p strong,
.barbakua-machine__copy b { color: var(--brand-turquoise-deep); }
.barbakua-step > b,
.barbakua-storage__cycle li::before { background: var(--brand-turquoise); }
.barbakua-metric__track i { background: var(--brand-turquoise-deep); }

.distribution-intro__eyebrow { color: var(--brand-turquoise-mid); }
.distribution-intro__eyebrow::before,
.distribution-intro__eyebrow::after { background: var(--brand-lime); }
.distribution-intro h2,
.distribution-region h3 { color: var(--brand-turquoise-deep); }
.contact-icon { color: var(--brand-turquoise); }
.contact-list a:hover { color: var(--brand-turquoise-mid); }
.wholesale-cta { background: linear-gradient(110deg, var(--brand-turquoise-mid), var(--brand-turquoise-deep)); }
.wholesale-cta__button { background: var(--brand-lime); color: var(--brand-black); }

.blog-eyebrow,
.blog-meta { color: var(--brand-turquoise-mid); }
.blog-featured h2 a:hover,
.blog-card h3 a:hover,
.blog-rail h3 a:hover { color: var(--brand-turquoise); }

.q-eyebrow,
.q-callout__mark,
.q-value-card__index { color: var(--brand-turquoise-mid); }
.q-callout__mark,
.q-process-card__mark,
.q-medallion { border-color: var(--brand-lime); }
.q-medallion { box-shadow: 0 8px 22px rgba(3, 63, 68, .14), inset 0 0 0 1px var(--brand-lime); }
.q-medallion::before { border-color: rgba(0, 169, 180, .48); }

.footer-cta,
.footer-social { background: var(--brand-turquoise-mid); border-color: rgba(159, 227, 8, .35); }
.premium-footer { background: var(--brand-ivory); color: var(--brand-turquoise-deep); }
.footer-cta h2,
.footer-cta p,
.footer-social h3,
.footer-social p { color: var(--brand-ivory); }
.footer-column h3,
.footer-brand-panel p,
.footer-contact address > a,
.footer-contact address > span,
.footer-links a { color: var(--brand-turquoise-deep); }
.footer-cta__button,
.footer-social__links a:hover,
.footer-bottom-social a:hover { background: var(--brand-lime); color: var(--brand-black); border-color: var(--brand-lime); }
.footer-cta__icon,
.footer-list-icon { color: var(--brand-turquoise-deep); background: var(--brand-lime); border-color: transparent; }
.footer-social__leaf { color: var(--brand-lime); }
.footer-column h3::after,
.footer-social h3::after { background: var(--brand-lime); }
.footer-social__links a,
.footer-bottom-social a { background: var(--brand-ivory); color: var(--brand-turquoise-deep); border-color: transparent; }
.premium-footer__bottom { background: var(--brand-turquoise-mid); border-top-color: rgba(159, 227, 8, .35); }
.premium-footer__bottom::after { background: var(--brand-lime); }
.footer-company > p:first-child,
.footer-company strong,
.footer-made,
.footer-heritage__side { color: var(--brand-ivory); }
.footer-company,
.footer-bottom-social { border-color: rgba(254, 248, 232, .3); }
.footer-heritage__seal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .22rem;
  width: 6.5rem;
  height: 4.25rem;
  padding: .45rem .75rem;
  background: var(--brand-ivory);
  border: 0;
  border-left: 3px solid var(--brand-lime);
  border-radius: .5rem;
  color: var(--brand-turquoise-deep);
  box-shadow: none;
}
.footer-heritage { grid-template-columns: minmax(0, 1fr) 6.5rem minmax(0, 1fr); gap: .75rem; }
.footer-heritage__seal strong { display: block; margin: 0; font: 600 2rem/1 var(--font-display); letter-spacing: -.035em; }
.footer-heritage__seal small { display: block; margin: 0; padding-left: .12em; line-height: 1; }
.footer-heritage__side { font-size: .8rem; }
.footer-heritage__side::before,
.footer-heritage__side::after { background: rgba(254, 248, 232, .42); }
.footer-heritage::before,
.footer-cta::after,
.footer-social::after,
.premium-footer__bottom::before { display: none; }
.premium-footer a:focus-visible { outline-color: var(--brand-turquoise-deep); }

/* Shared teal mate background for the footer and the three hero buttons. */
.footer-cta,
.footer-social,
.premium-footer__bottom,
.botanical-hero .legacy-hero__button,
.barbakua-hero .barbakua-button,
.sales-hero .sales-hero__button {
  background-image:
    linear-gradient(rgba(7, 91, 98, .88), rgba(7, 91, 98, .88)),
    url("../images/brand/ChatGPT Image Sep 10, 2026, 02_33_03 PM.webp");
  background-repeat: repeat;
  background-position: center;
  background-size: clamp(12rem, 18vw, 18rem) auto;
}
.footer-cta__message { flex: 1 1 auto; align-items: center; min-height: 3.5rem; }
.footer-cta__message > div { display: grid; align-content: center; gap: .28rem; }
.footer-cta h2 { margin: 0; line-height: 1.08; }
.footer-cta p { margin: 0; line-height: 1.35; }
.premium-footer .footer-cta {
  align-items: center;
  padding-block: 1.5rem;
}
.premium-footer .footer-social { padding-block: 1.4rem; }
.footer-cta h2,
.footer-cta p,
.footer-social h3,
.footer-social p,
.footer-company > p:first-child,
.footer-company strong,
.footer-made,
.footer-heritage__side { color: var(--brand-ivory); }
.footer-cta p,
.footer-social p,
.footer-made { font-weight: 500; }
.footer-made { font-size: .78rem; line-height: 1.5; }

@media (max-width: 900px) {
  [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }

  .legacy-logo img { width: 4.25rem; height: 4.25rem; object-fit: cover; }
  .legacy-top__inner { margin-left: 5.35rem; padding-right: 4.15rem; }
  .legacy-contact { background: var(--brand-lime); color: var(--brand-black); }
}

/* Hero statistics share one centered row for icon, value and title. */
.barbakua-page .barbakua-hero .barbakua-stat > div {
  grid-template-columns: 7rem minmax(0, 1fr);
  align-items: center;
}
.barbakua-page .barbakua-hero .barbakua-stat strong {
  grid-column: 1; grid-row: 1; line-height: 1;
}
.barbakua-page .barbakua-hero .barbakua-stat > div > span {
  grid-column: 2; grid-row: 1; margin: 0; line-height: 1.4;
}
@media (max-width: 620px) {
  .barbakua-page .barbakua-hero .barbakua-stat > div {
    grid-template-columns: 5.1rem minmax(0, 1fr); column-gap: .65rem;
  }
  .barbakua-page .barbakua-hero .barbakua-stat strong { font-size: 2.35rem; }
}

/* Phone navigation: compact controls and a spacious, scrollable menu. */
@media (max-width: 620px) {
  .legacy-header,
  .legacy-header.is-scrolled,
  .legacy-header.is-open {
    height: 5rem;
    background: var(--brand-ivory);
    color: var(--brand-turquoise-deep);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 4px 20px rgba(6, 63, 68, .08);
    backdrop-filter: none;
    transform: none;
  }
  .legacy-header .legacy-logo {
    position: absolute;
    inset: .5rem auto auto 1rem;
    width: 3.65rem;
    height: 4rem;
    padding: 0;
    background: transparent;
    clip-path: none;
  }
  .legacy-header .legacy-logo img {
    width: 100%; height: 100%; max-height: none;
    object-fit: contain; border-radius: .3rem;
  }
  .legacy-header .legacy-top { height: 5rem; background: transparent; }
  .legacy-header .legacy-top__inner { width: auto; margin: 0; padding: 0; display: block; }
  .legacy-header .legacy-contact {
    position: absolute;
    top: 1.125rem; right: 4.75rem;
    width: auto; min-width: 7.25rem; height: 2.75rem;
    margin: 0; padding: 0 1rem;
    justify-content: center;
    font-size: .72rem; letter-spacing: .035em;
  }
  .legacy-header .legacy-nav {
    position: static; width: auto; height: 0; margin: 0; padding: 0;
  }
  .legacy-header .nav-toggle {
    position: absolute; top: 1.125rem; right: 1rem;
    width: 2.75rem; height: 2.75rem;
    border: 1px solid var(--line); border-radius: .65rem;
    background: var(--brand-turquoise-deep); color: var(--brand-ivory);
  }
  .legacy-header .nav-toggle span { width: 1.2rem; height: 2px; margin: .3rem auto; }
  .legacy-header .nav-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.4px) rotate(45deg); }
  .legacy-header .nav-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.4px) rotate(-45deg); }
  .legacy-header.is-open { height: 100dvh; }
  .legacy-header .legacy-nav .nav__links {
    position: absolute; inset: 5rem 0 auto;
    width: 100%; max-height: calc(100dvh - 14rem);
    padding: .75rem 1rem 1rem; overflow-y: auto;
    background: var(--brand-ivory); box-shadow: none;
  }
  .legacy-header .legacy-nav .nav__link {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; min-height: 3.4rem; padding: .9rem .85rem;
    font-size: 1.05rem; line-height: 1.35; white-space: normal;
    border-bottom: 1px solid var(--line); border-radius: 0;
  }
  .legacy-header .legacy-nav .nav__link::after { display: none; }
  .legacy-header .legacy-nav .nav__link[aria-current="page"] {
    background: var(--lime-soft); border-radius: .6rem; color: var(--brand-turquoise-deep);
  }
  .legacy-header .legacy-nav .dropdown { margin: .4rem 0 .6rem; padding: .25rem .5rem; background: #e8f2e9; border-radius: .65rem; }
  .legacy-header .legacy-nav .dropdown a { padding: .7rem 1rem; font-size: .95rem; }
  .legacy-header .legacy-top__inner > p,
  .legacy-header .legacy-social { display: none; }
  .legacy-header.is-open .legacy-top__inner > p {
    display: block; position: absolute;
    bottom: calc(6rem + env(safe-area-inset-bottom)); left: 1rem; right: 1rem;
    margin: 0; font-size: .78rem; text-align: center; color: var(--brand-turquoise-deep);
  }
  .legacy-header.is-open .legacy-social {
    position: absolute; bottom: calc(1.5rem + env(safe-area-inset-bottom)); left: 1rem; right: 1rem;
    display: flex; justify-content: center; gap: .7rem; margin: 0;
  }
  .legacy-header .legacy-social a { width: 2.75rem; height: 2.75rem; }
  .legacy-header a:focus-visible,
  .legacy-header button:focus-visible { outline: 2px solid var(--brand-turquoise-deep); outline-offset: 3px; }
}