/* Dark holding page — mobile-only finishing pass.
   Kept separate so the bone and full-site studies retain their own treatments. */

/* Between 1024px and desktop, retain the complete horizontal navigation at a
   tighter measure instead of replacing it with a drawer. */
@media (min-width: 1024px) and (max-width: 1239px) {
  body.holding-page--dark .nav-toggle { display: none !important; }

  body.holding-page--dark.has-js .primary-nav,
  body.holding-page--dark .primary-nav {
    display: flex !important;
    position: static;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0 clamp(18px, 2.4vw, 34px);
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
  }

  body.holding-page--dark .primary-nav__main,
  body.holding-page--dark .primary-nav__aside {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0;
    border: 0;
  }

  body.holding-page--dark .primary-nav__main { gap: 18px; }
  body.holding-page--dark .primary-nav li + li { border: 0; }
  body.holding-page--dark .primary-nav a { min-height: 44px; padding: 0; font-size: 15px; }
}

/* On tablets and phones, the holding page has one clear persistent action:
   Contact. About and Operations remain in the page itself, not a drawer. */
@media (max-width: 1023px) {
  body.holding-page--dark .masthead-d { flex-wrap: nowrap; }
  body.holding-page--dark .nav-toggle { display: none !important; }

  body.holding-page--dark.has-js .primary-nav,
  body.holding-page--dark .primary-nav {
    display: block !important;
    position: static;
    flex: 0 0 auto;
    width: auto;
    margin: 0 0 0 auto;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
  }

  body.holding-page--dark .primary-nav__main { display: none; }

  body.holding-page--dark .primary-nav__aside {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0;
    border: 0;
  }

  body.holding-page--dark .primary-nav__aside a.search-pill {
    min-height: 44px;
    padding: 0 13px;
    color: var(--green);
    border: 1px solid rgba(245, 241, 232, 0.98);
    border-radius: 999px;
    background: rgba(245, 241, 232, 0.96);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64);
  }

  /* The compact-nav rules in hero-f.css otherwise recreate the old drawer
     outline and turn the button label white on its light fill. */
  body.holding-page--dark.home--pillnav.is-compact.has-js .primary-nav {
    display: block !important;
    position: static;
    width: auto;
    margin: 0 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  body.holding-page--dark.home--pillnav.is-compact .primary-nav__aside a.search-pill {
    color: var(--green-deep);
    border: 1px solid var(--bone);
    background: var(--bone);
  }
}

@media (max-width: 640px) {
  /* The portrait plant has bright sky directly behind the hero copy. Extend
     the deep green base scrim up through the headline and standfirst, while
     keeping the upper sky and plume visible. */
  body.holding-page--dark .hero-e .hero-d__scrim--base {
    background: linear-gradient(0deg,
      rgba(8, 33, 8, 0.90) 0%,
      rgba(8, 33, 8, 0.86) 30%,
      rgba(8, 33, 8, 0.72) 52%,
      rgba(8, 33, 8, 0.54) 68%,
      rgba(8, 33, 8, 0.30) 82%,
      rgba(8, 33, 8, 0.08) 100%);
  }

  /* The desktop stockpile sweep intentionally lets the next band paint over
     Operations. Keep the mobile sequence in normal document flow so the map
     has a complete reading window instead of sitting beneath the About band. */
  body.holding-page--dark.home--sweep .run > .asset-network {
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }

  /* The overlapping panel needs to escape its image wrapper to retain all four
     rounded corners. The photograph remains clipped at its top corners. */
  body.holding-page--dark .asset-card {
    overflow: visible;
    background: transparent;
    box-shadow: none;
  }

  body.holding-page--dark .asset-card__media {
    overflow: hidden;
    border-radius: 28px 28px 0 0;
  }

  body.holding-page--dark .asset-card__body {
    border-radius: 22px;
  }

  /* Keep the complete Australia shape in frame, with enough internal space
     for all three site callouts to sit safely inside the map. */
  body.holding-page--dark .asset-map .locations__map {
    width: 100%;
    margin-top: 24px;
  }

  body.holding-page--dark .locations__map--svg .map__label { display: block; }
  body.holding-page--dark .locations__map--svg .map__title {
    font-size: 28px;
    dominant-baseline: middle;
    transform: translateY(5px);
  }
  body.holding-page--dark .locations__map--svg .map__sub { display: none; }
  body.holding-page--dark .asset-map .locations__legend { display: none; }

  /* Restore the intended draw-on sequence for this preview. */
  @media (prefers-reduced-motion: no-preference) {
    body.holding-page--dark .locations__map--svg.is-in .map__route {
      stroke-dasharray: 1;
      stroke-dashoffset: 1;
      animation: map-draw 1100ms cubic-bezier(0.4, 0, 0.2, 1) 700ms both !important;
    }
  }

  /* Extra photo breathing room below the contact panel. */
  body.holding-page--dark #contact .c2-scene {
    align-items: flex-start;
    padding: 18px 12px clamp(112px, 30vw, 150px);
  }
}