/*
  Final responsive hardening.
  These rules enforce invariants discovered during staging visual QA without
  replacing the base art-direction system.
*/

/* The site-owned mobile navigation is closed unless both state signals say open. */
@media (max-width:650px) {
  .garden-flow .main-nav:not(.is-open),
  .garden-flow .menu-toggle[aria-expanded="false"] + .main-nav {
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .garden-flow .main-nav.is-open,
  .garden-flow .menu-toggle[aria-expanded="true"] + .main-nav {
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

/* Hero copy is a centered safe rail in both writing directions. */
.garden-flow .garden-hero-copy {
  margin-inline:auto;
  text-align:center;
  justify-self:center;
}
.garden-flow .garden-hero-copy :is(.hero-title-line,.pattern-type,.hero-growth-word) {
  max-inline-size:100%;
  text-align:center;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.garden-flow .garden-hero-copy .pattern-type,
.garden-flow .garden-hero-copy > p {
  margin-inline:auto;
}
.garden-flow .garden-hero-copy > .btn {
  display:flex;
  width:fit-content;
  max-width:100%;
  margin-inline:auto;
  justify-content:center;
}
html[lang="ar"] .garden-flow .garden-hero-copy,
html[lang="ar"] .garden-flow .garden-hero-copy > .btn {
  direction:rtl;
  text-align:center;
}

/*
  Cinematic desktop framing: scale branch artwork up while moving its attachment
  outward by the same variable. This increases leaf/fruit scale without letting
  the branch box advance into the protected center copy rail.
*/
@media (min-width:1200px) {
  .garden-flow .garden-hero .edge-branch.hero-canopy {
    --branch-size:clamp(500px,42vw,900px);
    left:calc(var(--branch-size) * -.40);
    right:auto;
  }
  .garden-flow .garden-hero .edge-branch.hero-plums {
    --branch-size:clamp(360px,30vw,650px);
    left:calc(var(--branch-size) * -.18);
    right:auto;
    bottom:5%;
  }
  .garden-flow .garden-hero .edge-branch.hero-citrus {
    --branch-size:clamp(450px,36vw,800px);
    right:calc(var(--branch-size) * -.27);
    left:auto;
    bottom:-4%;
  }
}

/*
  Desktop CTA art rail. The pomegranate artwork has a physical half-page rail;
  it cannot cross into the copy column regardless of locale or viewport growth.
*/
@media (min-width:700px) {
  .garden-flow .orchard-invitation {
    position:relative;
    min-height:clamp(620px,70vh,820px);
    display:flex;
    align-items:center;
    overflow:clip;
    isolation:isolate;
  }
  .garden-flow .orchard-invitation > .wrap {
    position:relative;
    z-index:3;
    direction:ltr;
  }
  .garden-flow .orchard-invitation .invitation-copy {
    width:min(45%,44rem);
    max-width:44rem;
    padding-block:clamp(4rem,7vw,7rem);
  }
  .garden-flow .orchard-invitation .invitation-copy h2 {
    max-width:10ch;
    max-inline-size:100%;
    text-wrap:balance;
    overflow-wrap:normal;
    word-break:normal;
  }
  .garden-flow .orchard-invitation > .edge-branch.invitation-pomegranate {
    position:absolute;
    inset:0 0 0 auto;
    width:52%;
    height:100%;
    overflow:hidden;
    z-index:2;
    pointer-events:none;
  }
  .garden-flow .orchard-invitation > .edge-branch.invitation-pomegranate > .garden-botanical {
    position:absolute;
    inset:0 -8% 0 auto;
    width:116%;
    height:100%;
    max-width:none;
    object-fit:contain;
    object-position:right center;
    transform:none!important;
    animation:none!important;
  }
  html[lang="ar"] .garden-flow .orchard-invitation .invitation-copy {
    direction:rtl;
    text-align:right;
  }
}

/* Defensive fallback: Antarctica is not a commercial market surface. */
.garden-flow .network-map [data-network-code="AQ"] {
  display:none!important;
}