/* =========================================================================
   Plants Alive — Pages v2
   Part 1: header/footer layer on every page (body.pa-hf2).
   Part 2: About, Contact, Plant care index, single posts, archives (body.pa-pv2),
           built on the shared v2 system in pa-surfaces-v2.css (body.pa-sv2).
   Loaded by wp-content/novamira-sandbox/pa-pages-v2.php.
   Revert: see wp-content/novamira-sandbox/_revert-pages-v2.txt
   ========================================================================= */

/* =========================================================================
   PART 1 — Header / footer (site-wide, body.pa-hf2)
   Markup: sections/pages-v2/site-header.php + site-footer.php. The header
   keeps the v1 DOM contract (.pa-nav, .pa-has-mega, #pa-mega-services,
   body.pa-scrolled / .pa-nav-open / .pa-mega-open, --pa-header-h), so the
   rules below layer over pa-legacy.css / pa-base.css instead of replacing them.
   ========================================================================= */

body.pa-hf2 {
  --hf2-inset: 12px;
  --hf2-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --hf2-cream: #F4F1EA;
  --hf2-forest: #0F241C;
  --hf2-canopy: #1B3D2F;
  --hf2-sage: #A9C5B4;
  --hf2-terracotta: #C2673F;
  --hf2-ochre: #D9A441;
}

/* ---- Announcement banner: keep the fixed header below it ----------------- */
/* Simple Banner renders a relative bar at the top of <body>; the header is
   fixed, so the two overlapped. The script measures the banner's visible height
   into --pa-banner-h; the header sits under it and slides up as the banner
   scrolls away. --pa-header-h already tracks the header's bottom edge.
   The offset lives in transform (not top) so it follows the banner frame by
   frame while `top` keeps its eased transition for the island inset. */
html body.pa-hf2 .pa-site-header.et_pb_section {
  top: 0 !important;
  transform: translateY(var(--pa-banner-h, 0px)) !important;
}
/* The banner is in the flow, so it already pushes the page down by its own
   height. Content offsets must therefore use the bar's height only, not the
   header's viewport bottom edge (--pa-header-h), or the banner counts twice.
   Sticky / fixed positions keep using --pa-header-h. */
html body.pa-hf2:not(.home) #et-main-area {
  padding-top: var(--pa-hf2-bar-h, 77px) !important;
}
html body.pa-hf2 .pa-hero-inner {
  padding-top: calc(var(--pa-hf2-bar-h, 77px) + 2.5rem);
}
html body.pa-hf2.home.pa-v2 .pa-hero-inner {
  padding-top: calc(var(--pa-hf2-bar-h, 77px) + 3.15rem);
}
html body.pa-hf2.home .pa-home-hero .pa-hero-inner {
  padding-top: calc(var(--pa-hf2-bar-h, 77px) + 1.5rem) !important;
}
html body.pa-hf2.home.pa-home-v2 .pa-home-hero .pa-hero-inner.pa-v2-hero {
  padding-top: calc(var(--pa-hf2-bar-h, 77px) + 3rem) !important;
}
@media (max-width: 980px) {
  html body.pa-hf2.home .pa-home-hero .pa-hero-inner {
    padding-top: calc(var(--pa-hf2-bar-h, 77px) + 1.25rem) !important;
  }
}
html body.pa-hf2 .pa-cv2-progress {
  top: var(--pa-banner-h, 0px);
}
html body.pa-hf2 #simple-banner {
  position: relative;
  z-index: 100000;
}
/* StatCounter's noscript pixel is printed after the footer and adds a 22px cream
   strip below it; keep it in the DOM (it still fires) but out of the layout. */
html body.pa-hf2 .statcounter {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  margin: 0 !important;
}
html body.pa-hf2 #simple-banner .simple-banner-text {
  font-family: var(--pa-font-body, "DM Sans", system-ui, sans-serif) !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.005em;
  line-height: 1.4 !important;
  padding: 0.7rem 3rem 0.7rem 1.25rem !important;
}
html body.pa-hf2 #simple-banner .simple-banner-text a {
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.15em;
}
html body.pa-hf2 #simple-banner .simple-banner-button {
  font-size: 0.95rem !important;
  opacity: 0.75;
}
html body.pa-hf2 #simple-banner .simple-banner-button:hover {
  opacity: 1;
}

/* ---- Events strip (round 2) ----------------------------------------------- */
/* Replaces the Simple Banner announcement. In the flow at the top of <body>;
   the header script measures it into --pa-banner-h exactly as it did the banner. */
html body.pa-hf2 #simple-banner {
  display: none !important;
}
html body.pa-hf2 .pa-events-strip {
  position: relative;
  z-index: 100000;
  background:
    radial-gradient(60% 140% at 100% 50%, rgba(217, 164, 65, 0.22), transparent 70%),
    linear-gradient(90deg, #14372A, var(--v2-canopy, #1B3D2F) 60%, #234A3A);
  color: var(--hf2-cream);
  font-family: var(--pa-font-body, "DM Sans", system-ui, sans-serif);
  font-size: 0.875rem;
  line-height: 1.3;
}
html body.pa-hf2 .pa-events-strip--terracotta {
  background:
    radial-gradient(60% 140% at 100% 50%, rgba(194, 103, 63, 0.35), transparent 70%),
    linear-gradient(90deg, #14372A, var(--v2-canopy, #1B3D2F) 60%, #234A3A);
}
html body.pa-hf2 .pa-events-strip .pa-wrap.pa-events-strip__inner {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  min-height: 42px;
  padding-top: 0.45rem !important;
  padding-bottom: 0.45rem !important;
}
html body.pa-hf2 .pa-events-strip__k {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex: none;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hf2-sage);
}
html body.pa-hf2 .pa-events-strip__pulse {
  position: relative;
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--hf2-ochre);
}
html body.pa-hf2 .pa-events-strip__pulse::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--hf2-ochre);
  animation: pa-strip-pulse 2.4s ease-out infinite;
}
@keyframes pa-strip-pulse {
  0% { transform: scale(1); opacity: 0.6; }
  70%, 100% { transform: scale(3); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html body.pa-hf2 .pa-events-strip__pulse::after { animation: none; }
}
html body.pa-hf2 .pa-events-strip__ev {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
  min-width: 0;
  color: var(--hf2-cream) !important;
  text-decoration: none !important;
  white-space: nowrap;
  transition: color 0.2s ease;
}
html body.pa-hf2 .pa-events-strip__ev:hover {
  color: #FFFFFF !important;
}
html body.pa-hf2 .pa-events-strip__ev strong {
  font-weight: 700;
}
html body.pa-hf2 .pa-events-strip__ev--lead strong {
  text-decoration: underline;
  text-decoration-color: rgba(217, 164, 65, 0.7);
  text-underline-offset: 0.16em;
}
html body.pa-hf2 .pa-events-strip__date {
  color: rgba(244, 241, 234, 0.8);
  font-weight: 500;
}
html body.pa-hf2 .pa-events-strip__ev--next {
  color: rgba(244, 241, 234, 0.85) !important;
}
html body.pa-hf2 .pa-events-strip__ev--next strong {
  font-weight: 600;
}
html body.pa-hf2 .pa-events-strip__sep {
  width: 1px;
  height: 16px;
  background: rgba(244, 241, 234, 0.22);
  flex: none;
}
html body.pa-hf2 .pa-events-strip__all {
  margin-left: auto;
  flex: none;
  padding: 0.3rem 0.8rem;
  border-radius: 999px;
  border: 1px solid rgba(244, 241, 234, 0.25);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--hf2-cream) !important;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease;
}
html body.pa-hf2 .pa-events-strip__all:hover {
  background: rgba(244, 241, 234, 0.12);
  border-color: rgba(244, 241, 234, 0.5);
}
@media (max-width: 980px) {
  html body.pa-hf2 .pa-events-strip__ev--next,
  html body.pa-hf2 .pa-events-strip__sep {
    display: none;
  }
}
@media (max-width: 640px) {
  html body.pa-hf2 .pa-events-strip .pa-wrap.pa-events-strip__inner {
    gap: 0.6rem;
    min-height: 38px;
    font-size: 0.8125rem;
  }
  html body.pa-hf2 .pa-events-strip__k {
    font-size: 0;
    gap: 0;
  }
  html body.pa-hf2 .pa-events-strip__k .pa-events-strip__pulse {
    margin-right: 0.15rem;
  }
  html body.pa-hf2 .pa-events-strip__ev--lead {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html body.pa-hf2 .pa-events-strip__all {
    padding: 0.25rem 0.6rem;
    font-size: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body.pa-hf2 .pa-events-strip__pulse {
    animation: none;
  }
}

/* ---- Skipped sections (round 2): collapse the empty Divi wrapper ---------- */
html body.pa-hf2 #et-main-area .et_pb_section:has(> .et_pb_row > .et_pb_column > .et_pb_module > .et_pb_code_inner > .pa-skipped:only-child),
html body.pa-hf2 #et-main-area .et_pb_section.pa-section-skipped {
  display: none !important;
}

/* ---- Header bar ----------------------------------------------------------- */
html body.pa-hf2.pa-hf2-ready .pa-site-header.et_pb_section {
  transition:
    top 0.42s var(--hf2-ease),
    left 0.42s var(--hf2-ease),
    right 0.42s var(--hf2-ease),
    border-radius 0.42s var(--hf2-ease),
    background 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}
html body.pa-hf2:not(.home) .pa-site-header.et_pb_section,
html body.pa-hf2.home.pa-scrolled .pa-site-header.et_pb_section {
  background: rgba(246, 244, 238, 0.9) !important;
  border-bottom: 1px solid rgba(27, 61, 47, 0.07) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset !important;
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
}
html body.pa-hf2 .pa-header-inner,
html body.pa-hf2 .pa-logo img,
html body.pa-hf2 .pa-logo__word {
  transition: min-height 0.42s var(--hf2-ease), height 0.42s var(--hf2-ease), padding 0.42s var(--hf2-ease), font-size 0.42s var(--hf2-ease), color 0.2s ease;
}

/* Scrolled on desktop: the bar lifts off into a compact floating pill. Pages
   with a pinned tab bar (commercial / rentals / retail) stay full-width so the
   tabs still sit flush under the header (body.pa-hf2-flat, set by the script).
   Compact height + inset add up to the original 76px, so --pa-header-h and the
   content offset do not jump. */
@media (min-width: 981px) {
  html body.pa-hf2.pa-scrolled:not(.pa-hf2-flat) .pa-site-header.et_pb_section {
    left: max(var(--hf2-inset), calc(50vw - 620px)) !important;
    right: max(var(--hf2-inset), calc(50vw - 620px)) !important;
    width: auto !important;
    top: var(--hf2-inset) !important;
    border-radius: 999px !important;
    border-bottom-color: transparent !important;
    background: rgba(247, 245, 239, 0.86) !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.75) inset,
      0 14px 34px rgba(15, 36, 28, 0.14),
      0 2px 8px rgba(15, 36, 28, 0.06) !important;
  }
  html body.pa-hf2.pa-scrolled:not(.pa-hf2-flat) .pa-header-inner {
    min-height: 64px !important;
    padding-left: 1.5rem !important;
    padding-right: 0.5rem !important;
  }
  html body.pa-hf2.pa-scrolled:not(.pa-hf2-flat) .pa-logo img {
    height: 40px !important;
  }
  html body.pa-hf2.pa-scrolled:not(.pa-hf2-flat) .pa-logo__word {
    font-size: 1.25rem !important;
  }
  /* Mega menu follows the pill */
  html body.pa-hf2.pa-scrolled:not(.pa-hf2-flat) .pa-mega {
    left: max(var(--hf2-inset), calc(50vw - 620px));
    right: max(var(--hf2-inset), calc(50vw - 620px));
    margin-top: 8px;
    border-radius: 24px;
    overflow: hidden;
  }
}

/* ---- Primary nav (desktop): pill hover, active underline ------------------ */
body.pa-hf2 .pa-nav-item > a,
body.pa-hf2 .pa-nav-item > .pa-nav-sub-toggle {
  position: relative;
}
@media (min-width: 981px) {
  body.pa-hf2 .pa-nav {
    gap: 0.25rem;
  }
  body.pa-hf2 .pa-nav-item > a,
  body.pa-hf2 .pa-nav-item > .pa-nav-sub-toggle {
    display: inline-flex;
    align-items: center;
    height: auto !important;
    padding: 0.55rem 0.85rem !important;
    border-radius: 999px;
    line-height: 1 !important;
    transform: none !important;
    transition: background 0.2s ease, color 0.2s ease;
  }
  body.pa-hf2 .pa-nav-item > a:hover,
  body.pa-hf2 .pa-nav-item > .pa-nav-sub-toggle:hover,
  body.pa-hf2 .pa-nav-item.pa-mega-open > .pa-nav-sub-toggle {
    background: rgba(27, 61, 47, 0.07);
    opacity: 1 !important;
  }
  body.pa-hf2.home:not(.pa-scrolled) .pa-nav-item > a:hover,
  body.pa-hf2.home:not(.pa-scrolled) .pa-nav-item > .pa-nav-sub-toggle:hover,
  body.pa-hf2.home:not(.pa-scrolled) .pa-nav-item.pa-mega-open > .pa-nav-sub-toggle {
    background: rgba(244, 241, 234, 0.14);
  }
  body.pa-hf2 .pa-nav-item > a::after,
  body.pa-hf2 .pa-nav-item > .pa-nav-sub-toggle::after {
    content: "";
    position: absolute;
    left: 0.85rem;
    right: 0.85rem;
    bottom: 2px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    opacity: 0.8;
    transition: transform 0.28s var(--hf2-ease);
    pointer-events: none;
  }
  body.pa-hf2 .pa-nav-item > .pa-nav-sub-toggle::after {
    right: calc(0.85rem + 16px);
  }
  body.pa-hf2 .pa-nav-item.is-active > a::after,
  body.pa-hf2 .pa-nav-item.is-active > .pa-nav-sub-toggle::after {
    transform: scaleX(1);
  }
  body.pa-hf2 .pa-caret {
    transition: transform 0.25s var(--hf2-ease);
  }
  body.pa-hf2 .pa-nav-item.pa-mega-open .pa-caret {
    transform: rotate(180deg);
  }
}

/* ---- Header actions: phone (wide screens) + CTA pill ---------------------- */
body.pa-hf2 .pa-hf2-phone {
  display: none;
}
@media (min-width: 1200px) {
  body.pa-hf2 .pa-hf2-phone {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.75rem;
    border-radius: 999px;
    font-family: var(--pa-font-body);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--hf2-canopy) !important;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
  }
  body.pa-hf2 .pa-hf2-phone:hover {
    background: rgba(27, 61, 47, 0.07);
  }
  body.pa-hf2.home:not(.pa-scrolled) .pa-hf2-phone {
    color: var(--hf2-cream) !important;
  }
  body.pa-hf2.home:not(.pa-scrolled) .pa-hf2-phone:hover {
    background: rgba(244, 241, 234, 0.14);
  }
}
html body.pa-hf2 .pa-header-cta.pa-btn {
  gap: 0.45rem;
  border-radius: 999px !important;
  padding-right: 1.15rem !important;
  transition: transform 0.22s var(--hf2-ease), box-shadow 0.22s ease, background 0.2s ease, color 0.2s ease !important;
}
html body.pa-hf2 .pa-header-cta.pa-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(27, 61, 47, 0.22);
}
body.pa-hf2 .pa-hf2-cta__arrow {
  flex: none;
  transition: transform 0.22s var(--hf2-ease);
}
body.pa-hf2 .pa-header-cta:hover .pa-hf2-cta__arrow {
  transform: translateX(3px);
}
@media (max-width: 980px) {
  body.pa-hf2 .pa-hf2-cta__arrow {
    display: none;
  }
}

/* ---- Mega menu (desktop) ---------------------------------------------------- */
@media (min-width: 981px) {
  body.pa-hf2 .pa-mega {
    border-radius: 0 0 24px 24px;
    box-shadow: 0 30px 70px rgba(15, 36, 28, 0.2), 0 2px 10px rgba(15, 36, 28, 0.06);
    overflow: hidden;
    transition: opacity 0.26s var(--hf2-ease), visibility 0.26s, transform 0.32s var(--hf2-ease), left 0.42s var(--hf2-ease), right 0.42s var(--hf2-ease), border-radius 0.42s var(--hf2-ease);
  }
  body.pa-hf2 .pa-mega .pa-wrap.pa-mega__inner {
    padding-top: 2rem !important;
  }
  body.pa-hf2 .pa-mega__col {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.4s var(--hf2-ease), transform 0.45s var(--hf2-ease);
    transition-delay: calc(var(--hf2-i, 1) * 45ms);
    /* v1 drew a 1px left hairline via box-shadow; the gap + accent dots already
       separate the columns, so the leftover edge sits too close to the copy. */
    box-shadow: none !important;
  }
  body.pa-hf2 .pa-mega.is-open .pa-mega__col {
    opacity: 1;
    transform: none;
  }
  body.pa-hf2 .pa-mega__head {
    border-bottom-color: rgba(27, 61, 47, 0.1);
  }
  body.pa-hf2 .pa-mega__title {
    display: inline-flex;
    align-items: center;
    font-size: 1.45rem;
    letter-spacing: -0.01em;
  }
  body.pa-hf2 .pa-mega__foot {
    background: #F7F5EF;
  }
  body.pa-hf2 .pa-mega__foot-cta {
    border-radius: 999px;
  }
}
body.pa-hf2 .pa-hf2-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 0.55rem;
  background: var(--hf2-accent, var(--hf2-canopy));
  box-shadow: 0 0 0 4px var(--hf2-accent-ring, rgba(27, 61, 47, 0.12));
  flex: none;
}
body.pa-hf2 .pa-mega__col--commercial {
  --hf2-accent: var(--hf2-canopy);
  --hf2-accent-ring: rgba(27, 61, 47, 0.12);
}
body.pa-hf2 .pa-mega__col--rentals {
  --hf2-accent: var(--hf2-terracotta);
  --hf2-accent-ring: rgba(194, 103, 63, 0.16);
}
body.pa-hf2 .pa-mega__col--retail {
  --hf2-accent: var(--hf2-ochre);
  --hf2-accent-ring: rgba(217, 164, 65, 0.2);
}

/* ---- Compact per-service dropdowns (round 2) ------------------------------ */
/* Commercial / Rentals / Retail each own a .pa-mega--single panel that stays
   inside its <li> and hangs under the trigger. Overrides the v1 full-width
   fixed panel (pa-base.css) and the pill-following rule above. */
@media (min-width: 981px) {
  html body.pa-hf2 .pa-site-header,
  html body.pa-hf2 .pa-site-header .et_pb_row,
  html body.pa-hf2 .pa-site-header .et_pb_column,
  html body.pa-hf2 .pa-hf2-nav,
  html body.pa-hf2 .pa-has-mega--single {
    overflow: visible !important;
  }
  html body.pa-hf2 .pa-has-mega--single {
    position: relative !important;
  }
  html body.pa-hf2 .pa-mega.pa-mega--single {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: -0.5rem !important;
    right: auto !important;
    width: 330px !important;
    margin: 0 !important;
    border-radius: 22px !important;
    background: #FFFFFF !important;
    box-shadow: 0 24px 60px rgba(15, 36, 28, 0.18), 0 2px 10px rgba(15, 36, 28, 0.06) !important;
    overflow: hidden !important;
    transform: translateY(-6px);
    transition: opacity 0.22s var(--hf2-ease), visibility 0.22s, transform 0.28s var(--hf2-ease);
  }
  html body.pa-hf2 .pa-has-mega--single.pa-mega-open > .pa-mega--single,
  html body.pa-hf2 .pa-mega--single.is-open {
    transform: none;
  }
  /* Retail sits far right on narrow desktops; hang it from the right edge. */
  html body.pa-hf2 .pa-has-mega--single[data-pa-key="retail"] .pa-mega--single {
    left: auto !important;
    right: -0.5rem !important;
  }
  html body.pa-hf2 .pa-mega--single .pa-wrap.pa-mega__inner {
    display: block !important;
    max-width: none !important;
    padding: 1.35rem 1.35rem 1.25rem !important;
  }
  html body.pa-hf2 .pa-mega--single .pa-mega__col {
    transition-delay: 40ms;
  }
  html body.pa-hf2 .pa-mega--single .pa-mega__head {
    padding-bottom: 0.75rem;
    margin-bottom: 0.5rem;
  }
  html body.pa-hf2 .pa-mega--single .pa-mega__title {
    font-size: 1.3rem;
  }
  html body.pa-hf2 .pa-mega--single .pa-mega__links a {
    min-height: 36px;
    font-size: 0.9375rem;
  }
  html body.pa-hf2 .pa-mega--single .pa-mega__li--cta a {
    font-weight: 600;
    color: var(--hf2-accent, var(--hf2-canopy)) !important;
  }
  html body.pa-hf2 .pa-mega--single .pa-mega__go {
    flex: none;
    transition: transform 0.2s var(--hf2-ease);
  }
  html body.pa-hf2 .pa-mega--single .pa-mega__li--cta a:hover .pa-mega__go {
    transform: translateX(3px);
  }
  html body.pa-hf2 .pa-mega--single .pa-mega__tile {
    margin-top: 0.85rem;
    padding-top: 0;
  }
  html body.pa-hf2 .pa-mega--single .pa-mega__tile-media {
    aspect-ratio: 16 / 9;
  }
  /* The pill-following rule targets every .pa-mega; compact panels ignore it. */
  html body.pa-hf2.pa-scrolled:not(.pa-hf2-flat) .pa-mega--single {
    margin-top: 0 !important;
  }
}

/* ---- Mobile header + drawer (≤ 980px) -------------------------------------- */
body.pa-hf2 .pa-nav > .pa-hf2-drawer-foot {
  display: none !important;
}
@media (max-width: 980px) {
  body.pa-hf2.pa-nav-open {
    overflow: hidden;
  }
  body.pa-hf2.pa-nav-open .pa-sticky-cta {
    display: none !important;
  }
  html body.pa-hf2 .pa-nav-toggle span,
  html body.pa-hf2 .pa-nav-toggle span::before,
  html body.pa-hf2 .pa-nav-toggle span::after {
    transition: top 0.25s var(--hf2-ease), transform 0.25s var(--hf2-ease), background 0.2s ease;
  }
  /* v1 offset the pseudo bars by the span's own left, so the X sat 12px right of
     the burger and the middle bar stayed visible. */
  html body.pa-hf2 .pa-nav-toggle span::before,
  html body.pa-hf2 .pa-nav-toggle span::after {
    left: 0 !important;
  }
  html body.pa-hf2.pa-nav-open .pa-nav-toggle span {
    background: transparent !important;
  }

  /* The drawer: a full-height forest sheet under the bar */
  html body.pa-hf2.pa-nav-open .pa-nav {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    /* +4px: the sheet starts inside the bar's bottom border, and the banner height can
       settle a few px after we measure it; overshoot rather than show a seam. */
    height: calc(100vh - var(--pa-header-h, 76px) + 4px) !important;
    height: calc(100dvh - var(--pa-header-h, 76px) + 4px) !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    display: flex !important;
    flex-direction: column !important;
    padding: 0.5rem 0 4px !important;
    background:
      radial-gradient(80% 60% at 100% 100%, rgba(61, 107, 79, 0.35), transparent 70%),
      var(--hf2-forest) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  html body.pa-hf2.pa-nav-open .pa-nav > li {
    flex: none !important; /* the sheet is fixed-height; items must not shrink */
    opacity: 0;
    transform: translateY(14px);
    animation: pa-hf2-in 0.5s var(--hf2-ease) forwards;
  }
  html body.pa-hf2.pa-nav-open .pa-nav > li:nth-child(1) { animation-delay: 40ms; }
  html body.pa-hf2.pa-nav-open .pa-nav > li:nth-child(2) { animation-delay: 110ms; }
  html body.pa-hf2.pa-nav-open .pa-nav > li:nth-child(3) { animation-delay: 160ms; }
  html body.pa-hf2.pa-nav-open .pa-nav > li:nth-child(4) { animation-delay: 210ms; }
  html body.pa-hf2.pa-nav-open .pa-nav > li:nth-child(5) { animation-delay: 300ms; }
  html body.pa-hf2.pa-nav-open .pa-nav > li:nth-child(6) { animation-delay: 360ms; }
  html body.pa-hf2.pa-nav-open .pa-nav > li:nth-child(7) { animation-delay: 420ms; }

  /* Round 2: three service groups, each its own <li>. The group head inside the
     panel carries the title, so the trigger button is redundant on mobile. */
  html body.pa-hf2 .pa-nav > .pa-has-mega--single > .pa-nav-sub-toggle {
    display: none !important;
  }
  html body.pa-hf2 .pa-nav .pa-mega__col--commercial {
    --hf2-accent: var(--hf2-sage);
    --hf2-accent-ring: rgba(169, 197, 180, 0.18);
  }
  html body.pa-hf2 .pa-has-mega--single .pa-mega__col {
    border-top: 0 !important;
    padding-top: 1rem !important;
  }
  html body.pa-hf2 .pa-has-mega--single + .pa-has-mega--single .pa-mega__col {
    border-top: 1px solid rgba(244, 241, 234, 0.09) !important;
  }
  html body.pa-hf2 .pa-mega--single .pa-mega__go {
    display: none !important;
  }
  html body.pa-hf2 .pa-mega--single .pa-mega__li--cta a {
    background: rgba(244, 241, 234, 0.16) !important;
    border-color: rgba(244, 241, 234, 0.4);
    font-weight: 600 !important;
  }

  /* Services: label + the three groups, always expanded */
  html body.pa-hf2 .pa-has-mega > .pa-nav-sub-toggle {
    display: block !important;
    width: 100% !important;
    padding: 1rem var(--pa-gutter) 0.35rem !important;
    font-family: var(--pa-font-body) !important;
    font-size: 0.6875rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--hf2-sage) !important;
    pointer-events: none !important;
    text-align: left !important;
  }
  html body.pa-hf2 .pa-has-mega > .pa-nav-sub-toggle .pa-caret {
    display: none !important;
  }
  html body.pa-hf2 .pa-has-mega .pa-mega {
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  html body.pa-hf2 .pa-mega .pa-wrap.pa-mega__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    max-width: none !important;
  }
  html body.pa-hf2 .pa-mega__col {
    opacity: 1 !important;
    transform: none !important;
    padding: 0.85rem var(--pa-gutter) 1rem !important;
    border-top: 1px solid rgba(244, 241, 234, 0.09) !important;
    box-shadow: none !important;
  }
  html body.pa-hf2 .pa-mega__col:first-child {
    border-top: 0 !important;
  }
  html body.pa-hf2 .pa-mega__head {
    display: grid !important;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    column-gap: 0.7rem;
    padding: 0 0 0.6rem !important;
    margin: 0 !important;
    border: 0 !important;
  }
  html body.pa-hf2 .pa-mega__title {
    display: inline-flex !important;
    align-items: center;
    font-size: 1.45rem !important;
    color: var(--hf2-cream) !important;
  }
  html body.pa-hf2 .pa-mega__desc {
    font-size: 0.75rem !important;
    letter-spacing: 0.06em !important;
    text-transform: none !important;
    color: rgba(244, 241, 234, 0.6) !important;
  }
  html body.pa-hf2 .pa-mega__links {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0.45rem !important;
  }
  html body.pa-hf2 .pa-mega__links a {
    display: inline-flex !important;
    align-items: center;
    gap: 0.45rem;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0.42rem 0.8rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(244, 241, 234, 0.18);
    background: rgba(244, 241, 234, 0.05) !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    color: var(--hf2-cream) !important;
  }
  html body.pa-hf2 .pa-mega__links a:hover,
  html body.pa-hf2 .pa-mega__links a:focus-visible {
    background: rgba(244, 241, 234, 0.14) !important;
    border-color: rgba(244, 241, 234, 0.4);
  }
  html body.pa-hf2 .pa-mega__count {
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: rgba(244, 241, 234, 0.55) !important;
    font-size: 0.6875rem !important;
  }
  html body.pa-hf2 .pa-mega__tile,
  html body.pa-hf2 .pa-mega__foot {
    display: none !important;
  }

  /* Primary links: display type */
  html body.pa-hf2.pa-nav-open .pa-nav > .pa-nav-item:not(.pa-has-mega) > a {
    display: block !important;
    padding: 0.8rem var(--pa-gutter) !important;
    font-family: var(--pa-font-display, Fraunces, Georgia, serif) !important;
    font-size: clamp(1.75rem, 1.2rem + 3vw, 2.25rem) !important;
    font-weight: 600 !important;
    letter-spacing: -0.015em !important;
    line-height: 1.1 !important;
    color: var(--hf2-cream) !important;
    border: 0 !important;
  }
  html body.pa-hf2.pa-nav-open .pa-nav > .pa-nav-item--plain-first > a {
    margin-top: 0.75rem !important;
    padding-top: 1.25rem !important;
    border-top: 1px solid rgba(244, 241, 234, 0.12) !important;
  }
  html body.pa-hf2.pa-nav-open .pa-nav > .pa-nav-item.is-active:not(.pa-has-mega) > a {
    color: var(--hf2-sage) !important;
  }

  /* Drawer foot: contact lines + plant art, pinned to the bottom */
  html body.pa-hf2.pa-nav-open .pa-hf2-drawer-foot {
    display: block !important;
    position: relative;
    margin-top: auto !important;
    padding: 1.5rem var(--pa-gutter) calc(1.5rem + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid rgba(244, 241, 234, 0.12);
    overflow: hidden;
  }
  html body.pa-hf2 .pa-hf2-drawer-foot__inner {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.7rem;
    max-width: 70%;
  }
  html body.pa-hf2 .pa-hf2-drawer-foot__line {
    display: inline-flex !important;
    align-items: center;
    gap: 0.6rem;
    padding: 0 !important;
    border: 0 !important;
    font-family: var(--pa-font-body) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--hf2-cream) !important;
    text-decoration: none !important;
  }
  html body.pa-hf2 .pa-hf2-drawer-foot__line svg {
    flex: none;
    color: var(--hf2-sage);
  }
  html body.pa-hf2 .pa-hf2-drawer-foot__since {
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    color: rgba(244, 241, 234, 0.5);
  }
  html body.pa-hf2 .pa-hf2-drawer-foot__art {
    position: absolute;
    right: -30px;
    bottom: -20px;
    width: 190px;
    height: auto;
    opacity: 0.55 !important;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to top, #000 55%, transparent 100%);
    mask-image: linear-gradient(to top, #000 55%, transparent 100%);
  }

  /* Sticky mobile CTA: glass + pills */
  body.pa-hf2 .pa-sticky-cta {
    background: rgba(246, 244, 238, 0.92) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border-top-color: rgba(27, 61, 47, 0.1) !important;
  }
  body.pa-hf2 .pa-sticky-cta a {
    border-radius: 999px !important;
  }
}
@keyframes pa-hf2-in {
  to {
    opacity: 1;
    transform: none;
  }
}

/* ---- Footer ----------------------------------------------------------------- */
html body.pa-hf2 #page-container .pa-site-footer.et_pb_section,
html body.pa-hf2 .pa-site-footer.et_pb_section {
  padding: 0 !important;
  background: #0B1C15 !important;
  border-top: 1px solid rgba(244, 241, 234, 0.08) !important;
  overflow: hidden !important;
}
body.pa-hf2 .pa-site-footer .et_pb_code_inner {
  position: relative;
}
body.pa-hf2 .pa-hf2-footer {
  position: relative;
  isolation: isolate;
  font-family: var(--pa-font-body);
  color: rgba(244, 241, 234, 0.8);
}
body.pa-hf2 .pa-hf2-footer__glow {
  position: absolute;
  left: -10%;
  right: 30%;
  bottom: -35%;
  height: 70%;
  background: radial-gradient(60% 70% at 30% 100%, rgba(61, 107, 79, 0.42), transparent 72%);
  pointer-events: none;
  z-index: 0;
}
body.pa-hf2 .pa-hf2-footer__art {
  position: absolute;
  right: clamp(-30px, 1vw, 60px);
  top: 0.5rem;
  width: clamp(240px, 27vw, 420px);
  height: auto;
  opacity: 0.3 !important; /* beats the shared lazy-image fade (animation) on pa-sv2 pages */
  filter: saturate(0.75) brightness(0.95);
  -webkit-mask-image: linear-gradient(to bottom, #000 35%, transparent 95%);
  mask-image: linear-gradient(to bottom, #000 35%, transparent 95%);
  pointer-events: none;
  z-index: 0;
}
html body.pa-hf2 .pa-hf2-footer .pa-wrap {
  position: relative;
  z-index: 1;
  max-width: var(--pa-max, 1120px);
  margin: 0 auto;
  padding-left: var(--pa-gutter, 1.25rem) !important;
  padding-right: var(--pa-gutter, 1.25rem) !important;
  box-sizing: border-box;
}

/* Top: statement + reach.
   Commercial / rentals / retail zero .pa-wrap vertical padding with !important;
   restore the same spacing the landing-page footer already has. */
html body.pa-hf2 .pa-hf2-footer .pa-wrap.pa-hf2-footer__top {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 2.5rem 4rem;
  align-items: end;
  padding-top: clamp(3.5rem, 6vw, 5.5rem) !important;
  padding-bottom: clamp(2.5rem, 4vw, 3.5rem) !important;
  border-bottom: 1px solid rgba(244, 241, 234, 0.1);
}
body.pa-hf2 .pa-hf2-footer__logo {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1.5rem;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--hf2-cream) !important;
  text-decoration: none !important;
}
html body.pa-hf2 .pa-hf2-footer__logo img {
  display: block;
  width: auto !important;
  height: 46px !important;
  max-width: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.pa-hf2 .pa-hf2-footer__display {
  margin: 0;
  max-width: 21ch;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: clamp(1.75rem, 1.15rem + 1.9vw, 2.8rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--hf2-cream);
  text-wrap: balance;
}
body.pa-hf2 .pa-hf2-footer__display em {
  font-style: italic;
  color: var(--hf2-sage);
}
body.pa-hf2 .pa-hf2-footer__reach {
  display: grid;
  gap: 0.6rem;
}
body.pa-hf2 .pa-hf2-footer__reach-item {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.9rem 1.15rem;
  border-radius: 14px;
  border: 1px solid rgba(244, 241, 234, 0.12);
  background: rgba(244, 241, 234, 0.04);
  color: var(--hf2-cream) !important;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.25s var(--hf2-ease);
}
body.pa-hf2 .pa-hf2-footer__reach-item:hover {
  background: rgba(244, 241, 234, 0.09);
  border-color: rgba(244, 241, 234, 0.3);
  transform: translateY(-2px);
}
body.pa-hf2 .pa-hf2-footer__reach-item--cta {
  background: var(--hf2-cream);
  border-color: var(--hf2-cream);
  color: var(--hf2-forest) !important;
}
body.pa-hf2 .pa-hf2-footer__reach-item--cta:hover {
  background: #FFFFFF;
  border-color: #FFFFFF;
}
body.pa-hf2 .pa-hf2-footer__reach-k {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.62;
}
body.pa-hf2 .pa-hf2-footer__reach-v {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.3;
}
body.pa-hf2 .pa-hf2-footer__reach-arrow {
  display: inline-block;
  transition: transform 0.22s var(--hf2-ease);
}
body.pa-hf2 .pa-hf2-footer__reach-item:hover .pa-hf2-footer__reach-arrow {
  transform: translateX(4px);
}

/* Link columns */
html body.pa-hf2 .pa-hf2-footer .pa-wrap.pa-hf2-footer__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem 2.5rem;
  padding-top: clamp(2.5rem, 4vw, 3.5rem) !important;
  padding-bottom: clamp(2.5rem, 4vw, 3.5rem) !important;
}
body.pa-hf2 .pa-hf2-footer .pa-hf2-footer__title {
  margin: 0 0 1.1rem;
  font-family: var(--pa-font-body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hf2-sage) !important;
}
body.pa-hf2 .pa-hf2-footer__h4-gap {
  margin-top: 1.75rem !important;
}
/* Round 2: one column per service (mirrors the header dropdowns) */
html body.pa-hf2 .pa-hf2-footer .pa-wrap.pa-hf2-footer__grid--5 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 2rem 2rem;
}
body.pa-hf2 .pa-hf2-footer__col--svc .pa-hf2-footer__title {
  display: grid;
  gap: 0.2rem;
  margin-bottom: 0.9rem;
  text-transform: none;
  letter-spacing: -0.01em;
}
body.pa-hf2 .pa-hf2-footer__col--svc .pa-hf2-footer__title a {
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--hf2-cream) !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}
body.pa-hf2 .pa-hf2-footer__col--svc .pa-hf2-footer__title a:hover {
  color: var(--hf2-sage) !important;
}

body.pa-hf2 .pa-hf2-footer .pa-hf2-footer__title {
  display: grid;
  gap: 0.2rem;
  margin-bottom: 0.9rem;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: var(--hf2-cream) !important;
}
body.pa-hf2 .pa-hf2-footer__title small {
  font-family: var(--pa-font-body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hf2-sage);
}

body.pa-hf2 .pa-hf2-footer__col--svc .pa-hf2-footer__title small {
  font-family: var(--pa-font-body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hf2-sage);
}
body.pa-hf2 .pa-hf2-footer__col--svc ul {
  gap: 0.5rem;
}
body.pa-hf2 .pa-hf2-footer__col--svc li a {
  font-size: 0.9rem;
}
@media (max-width: 1100px) {
  html body.pa-hf2 .pa-hf2-footer .pa-wrap.pa-hf2-footer__grid--5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.pa-hf2 .pa-hf2-footer__grid--5 .pa-hf2-footer__col--area {
    grid-column: 2 / -1;
  }
}
@media (max-width: 720px) {
  html body.pa-hf2 .pa-hf2-footer .pa-wrap.pa-hf2-footer__grid--5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.pa-hf2 .pa-hf2-footer__grid--5 .pa-hf2-footer__col--area {
    grid-column: 1 / -1;
  }
}
body.pa-hf2 .pa-hf2-footer__col ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid;
  gap: 0.6rem;
}
body.pa-hf2 .pa-hf2-footer__col li {
  margin: 0 !important;
  padding: 0 !important;
}
body.pa-hf2 .pa-hf2-footer__col li a {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  gap: 0.1rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.35;
  color: rgba(244, 241, 234, 0.9) !important;
  text-decoration: none !important;
  transition: color 0.2s ease, padding-left 0.24s var(--hf2-ease);
}
body.pa-hf2 .pa-hf2-footer__col li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 0;
  height: 1.5px;
  background: var(--hf2-sage);
  transition: width 0.24s var(--hf2-ease);
}
body.pa-hf2 .pa-hf2-footer__col li a:hover {
  padding-left: 16px;
  color: #FFFFFF !important;
}
body.pa-hf2 .pa-hf2-footer__col li a:hover::before {
  width: 10px;
}
body.pa-hf2 .pa-hf2-footer__col li a small {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(244, 241, 234, 0.5);
}
body.pa-hf2 .pa-hf2-footer__chips {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.4rem !important;
}
body.pa-hf2 .pa-hf2-footer__chips li {
  padding: 0.38rem 0.8rem !important;
  border-radius: 999px;
  border: 1px solid rgba(244, 241, 234, 0.18);
  font-size: 0.8125rem;
  font-weight: 500;
  color: rgba(244, 241, 234, 0.85);
}
body.pa-hf2 .pa-hf2-footer__social {
  display: flex;
  gap: 0.6rem;
}
body.pa-hf2 .pa-hf2-footer__so {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(244, 241, 234, 0.25);
  color: var(--hf2-cream) !important;
  transition: transform 0.22s var(--hf2-ease), background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
body.pa-hf2 .pa-hf2-footer__so:hover {
  transform: translateY(-3px);
  background: var(--hf2-cream);
  border-color: var(--hf2-cream);
  color: var(--hf2-forest) !important;
}

/* Bottom bar */
html body.pa-hf2 .pa-hf2-footer .pa-wrap.pa-hf2-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem 1.5rem;
  padding-top: 1.35rem !important;
  padding-bottom: calc(1.35rem + env(safe-area-inset-bottom)) !important;
  border-top: 1px solid rgba(244, 241, 234, 0.1);
  font-size: 0.8125rem;
  color: rgba(244, 241, 234, 0.55);
}
body.pa-hf2 .pa-hf2-footer__tag {
  color: rgba(244, 241, 234, 0.42);
}
body.pa-hf2 .pa-hf2-footer .pa-hf2-top {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(244, 241, 234, 0.22);
  color: var(--hf2-cream) !important;
  font-size: 0.8125rem;
  font-weight: 600;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.22s var(--hf2-ease);
}
body.pa-hf2 .pa-hf2-footer .pa-hf2-top:hover {
  background: rgba(244, 241, 234, 0.1);
  border-color: rgba(244, 241, 234, 0.5);
  transform: translateY(-2px);
}
body.pa-hf2 .pa-hf2-footer .pa-hf2-top span {
  transition: transform 0.22s var(--hf2-ease);
}
body.pa-hf2 .pa-hf2-footer .pa-hf2-top:hover span {
  transform: translateY(-2px);
}

/* Reveal (only once the script has flagged the document) */
html.pa-hf2-io body.pa-hf2 .pa-hf2-r {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.65s var(--hf2-ease), transform 0.65s var(--hf2-ease);
  transition-delay: calc(var(--hf2-i, 1) * 70ms);
}
html.pa-hf2-io body.pa-hf2 .pa-hf2-r.is-in {
  opacity: 1;
  transform: none;
}

@media (max-width: 980px) {
  html body.pa-hf2 .pa-hf2-footer .pa-wrap.pa-hf2-footer__top {
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: start;
  }
  body.pa-hf2 .pa-hf2-footer__reach {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.pa-hf2 .pa-hf2-footer__reach-item--cta {
    grid-column: 1 / -1;
  }
  body.pa-hf2 .pa-hf2-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.pa-hf2 .pa-hf2-footer__art {
    width: 220px;
    right: -40px;
    top: 0;
    opacity: 0.22 !important;
  }
}
@media (max-width: 560px) {
  body.pa-hf2 .pa-hf2-footer__reach {
    grid-template-columns: 1fr;
  }
  body.pa-hf2 .pa-hf2-footer__grid {
    gap: 1.75rem 1.25rem;
  }
  body.pa-hf2 .pa-hf2-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  body.pa-hf2 .pa-hf2-footer .pa-hf2-top {
    margin-left: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body.pa-hf2 .pa-site-header.et_pb_section {
    transition: none !important; /* keeps its translateY(--pa-banner-h) */
  }
  body.pa-hf2 .pa-mega,
  body.pa-hf2 .pa-mega__col,
  html body.pa-hf2.pa-nav-open .pa-nav > li,
  html.pa-hf2-io body.pa-hf2 .pa-hf2-r {
    transition: none !important;
    animation: none !important;
    opacity: 1;
    transform: none;
  }
  body.pa-hf2 .pa-mega:not(.is-open) .pa-mega__col {
    opacity: 1;
  }
}

/* =========================================================================
   PART 2 — Pages v2 surfaces (body.pa-pv2, also body.pa-sv2)
   ========================================================================= */

body.pa-sv2--pages {
  --sv2-accent: var(--v2-moss);
  --sv2-accent-ring: rgba(107, 127, 94, 0.22);
  --pv2-radius: 16px;
}

/* Divi's single/archive shells: full width, no sidebar remnants. */
body.pa-pv2 #main-content .container,
body.pa-pv2 #main-content #content-area,
body.pa-pv2 #main-content #left-area {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}
body.pa-pv2 #main-content #sidebar {
  display: none !important;
}
body.pa-pv2 .pa-pv2-layout > .et_pb_section {
  position: relative;
}

/* Generic reveal hook (script adds .pa-cv2-reveal to .pa-pv2-r). */

/* Images inside art frames: never the rounded/shadowed treatment #main-content applies. */
body.pa-pv2 #main-content img.pa-pv2-art,
body.pa-pv2 #main-content .pa-pv2-book img {
  border-radius: 0 !important;
  box-shadow: none !important;
  height: auto !important;
}
body.pa-pv2 #main-content .pa-pv2-stage img {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ---- Small pill inside buttons: "PDF" -------------------------------------- */
body.pa-pv2 .pa-pv2-pdf {
  display: inline-block;
  margin-left: 0.15rem;
  padding: 0.12rem 0.42rem;
  border-radius: 6px;
  background: rgba(27, 61, 47, 0.1);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
body.pa-pv2 .pa-cv2-btn--cream .pa-pv2-pdf,
body.pa-pv2 .pa-pv2-pdf--dark {
  background: rgba(27, 61, 47, 0.14);
}

/* ---- Hero variants -------------------------------------------------------- */
body.pa-pv2 .pa-pv2-hero .pa-cv2-hero__lead {
  max-width: 34rem;
}
body.pa-pv2 #page-container a.pa-cv2-hero__card,
body.pa-pv2 #page-container a.pa-pv2-hero__card {
  color: var(--v2-ink) !important;
  text-decoration: none !important;
  transition: transform 0.28s var(--v2-ease), box-shadow 0.28s var(--v2-ease);
}
body.pa-pv2 #page-container a.pa-pv2-hero__card:hover {
  transform: translateY(-3px);
  box-shadow: var(--v2-shadow-lift);
}
body.pa-pv2 .pa-pv2-hero__card-ico {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--v2-sage-tint);
  color: var(--v2-canopy);
  flex: none;
}
body.pa-pv2 .pa-pv2-hero__card > span:last-child {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
body.pa-pv2 .pa-pv2-hero__card > span:last-child strong {
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.15;
  color: var(--v2-ink);
}
body.pa-pv2 .pa-pv2-hero__card > span:last-child > span {
  font-size: 0.8125rem;
  color: var(--v2-ink-70);
}
body.pa-pv2 .pa-pv2-hero__card-arrow {
  color: var(--v2-canopy);
  font-weight: 600;
  white-space: nowrap;
}
body.pa-pv2 #page-container a.pa-pv2-hero__card {
  min-width: 15rem;
}

/* Art stage: gradient stage with layered plant cut-outs (care hero). */
body.pa-pv2 .pa-pv2-stage {
  position: relative;
  aspect-ratio: 4 / 5;
  max-height: 620px;
  overflow: hidden;
  border-radius: 20px 0 0 20px;
  background:
    radial-gradient(60% 45% at 30% 20%, rgba(169, 197, 180, 0.28) 0%, rgba(169, 197, 180, 0) 70%),
    radial-gradient(50% 40% at 85% 90%, rgba(217, 164, 65, 0.16) 0%, rgba(217, 164, 65, 0) 70%),
    linear-gradient(160deg, var(--v2-canopy, #1B3D2F) 0%, var(--v2-forest, #0F241C) 100%);
  box-shadow: var(--v2-shadow-lift);
}
body.pa-pv2 .pa-pv2-stage::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 26%;
  background: linear-gradient(180deg, rgba(15, 36, 28, 0) 0%, rgba(15, 36, 28, 0.55) 100%);
  pointer-events: none;
}
body.pa-pv2 .pa-pv2-stage__ring {
  position: absolute;
  left: 50%;
  top: 44%;
  width: 78%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1.5px solid rgba(169, 197, 180, 0.28);
  transform: translate(-50%, -50%);
}
body.pa-pv2 .pa-pv2-stage__ring::before {
  content: "";
  position: absolute;
  inset: 10%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(169, 197, 180, 0.16) 0%, rgba(169, 197, 180, 0) 72%);
}
body.pa-pv2 #main-content .pa-pv2-stage__plant {
  position: absolute;
  bottom: 6%;
  width: auto;
  max-width: none;
  filter: drop-shadow(0 26px 30px rgba(0, 0, 0, 0.45));
  transform: translate3d(var(--pv2-px, 0px), var(--pv2-py, 0px), 0);
  transition: transform 0.6s var(--v2-ease-out);
  will-change: transform;
}
body.pa-pv2 #main-content .pa-pv2-stage__plant--a {
  /* Replaced element with left+right set and auto margins: centred without a transform. */
  left: 0;
  right: 0;
  margin: 0 auto;
  width: auto;
  height: 78% !important;
  z-index: 2;
}
body.pa-pv2 #main-content .pa-pv2-stage__plant--b {
  left: 4%;
  bottom: 4%;
  height: 46% !important;
  z-index: 3;
}
body.pa-pv2 #main-content .pa-pv2-stage__plant--c {
  right: 5%;
  bottom: 5%;
  height: 40% !important;
  z-index: 1;
  opacity: 0.95;
}
body.pa-pv2 .pa-pv2-hero__media .pa-cv2-hero__badge {
  z-index: 4;
}

/* Post art frame: one plant on its own tone. */
body.pa-pv2 .pa-pv2-artframe {
  position: relative;
  margin: 0;
  aspect-ratio: 5 / 4;
  border-radius: 20px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background:
    radial-gradient(55% 55% at 35% 25%, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 70%),
    linear-gradient(145deg, var(--pa-art-a, #1B3D2F) 0%, var(--pa-art-b, #2F5D45) 100%);
  box-shadow: var(--v2-shadow-lift);
}
body.pa-pv2 .pa-pv2-artframe__ring {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 66%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1.5px solid rgba(244, 241, 234, 0.16);
  transform: translate(-50%, -50%);
}
body.pa-pv2 #main-content .pa-pv2-artframe .pa-pv2-art {
  position: relative;
  width: auto;
  max-width: 62%;
  max-height: 74%;
  filter: drop-shadow(0 24px 26px rgba(0, 0, 0, 0.42));
  transform: translate3d(var(--pv2-px, 0), var(--pv2-py, 0), 0);
  transition: transform 0.6s var(--v2-ease-out);
}
body.pa-pv2 .pa-pv2-posthead .pa-cv2-pagehead__lead {
  max-width: 34rem;
}
body.pa-pv2 .pa-pv2-posthead__actions {
  margin-top: 1.5rem !important;
}
body.pa-pv2 .pa-pv2-posthead .pa-cv2-display--md {
  font-size: clamp(2.1rem, 1rem + 3vw, 3.6rem);
}

/* ---- Breadcrumbs ---------------------------------------------------------- */
body.pa-pv2 .pa-pv2-crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0 auto 1.1rem;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--v2-ink-70);
}
body.pa-pv2 #page-container .pa-pv2-crumbs a {
  color: var(--v2-canopy) !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}
body.pa-pv2 #page-container .pa-pv2-crumbs a:hover {
  border-bottom-color: currentColor;
}
body.pa-pv2 .pa-pv2-crumbs > span[aria-hidden] {
  opacity: 0.45;
}
body.pa-pv2 .pa-pv2-crumbs--top {
  position: relative;
  z-index: 2;
  padding-top: 1.6rem;
  margin-bottom: -2.2rem;
}

/* ---- Topic chips + search ------------------------------------------------- */
body.pa-pv2 .pa-pv2-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
body.pa-pv2 #page-container .pa-pv2-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 42px;
  padding: 0.5rem 0.65rem 0.5rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(27, 61, 47, 0.16);
  background: #FFFFFF;
  color: var(--v2-canopy) !important;
  font-family: var(--pa-font-body, "DM Sans", system-ui, sans-serif);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.22s var(--v2-ease), box-shadow 0.22s ease;
}
body.pa-pv2 #page-container .pa-pv2-chip:hover {
  border-color: var(--v2-canopy);
  background: var(--v2-sage-tint);
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(15, 36, 28, 0.08);
}
body.pa-pv2 #page-container .pa-pv2-chip.is-active {
  background: var(--v2-canopy);
  border-color: var(--v2-canopy);
  color: var(--v2-cream) !important;
}
body.pa-pv2 .pa-pv2-chip__n {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0 0.45rem;
  border-radius: 999px;
  background: rgba(27, 61, 47, 0.08);
  font-size: 0.72rem;
  font-weight: 700;
}
body.pa-pv2 .pa-pv2-chip.is-active .pa-pv2-chip__n {
  background: rgba(244, 241, 234, 0.2);
}
body.pa-pv2 .pa-section--cream .pa-pv2-chip {
  background: rgba(255, 255, 255, 0.8);
}

body.pa-pv2 .pa-pv2-search {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: min(100%, 460px);
  margin: 0;
  padding: 0.3rem 0.3rem 0.3rem 1rem;
  border-radius: 999px;
  background: #FFFFFF;
  border: 1.5px solid rgba(27, 61, 47, 0.14);
  color: var(--v2-ink-70);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
body.pa-pv2 .pa-pv2-search:focus-within {
  border-color: var(--v2-canopy);
  box-shadow: 0 0 0 4px rgba(27, 61, 47, 0.1);
}
body.pa-pv2 .pa-pv2-search__icon {
  display: grid;
  place-items: center;
  flex: none;
}
html body.pa-pv2 #page-container .pa-pv2-search input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 0.25rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: var(--pa-font-body, "DM Sans", system-ui, sans-serif) !important;
  font-size: 1rem !important;
  color: var(--v2-ink) !important;
  -webkit-appearance: none;
  appearance: none;
}
html body.pa-pv2 #page-container .pa-pv2-search input[type="search"]::placeholder {
  color: rgba(26, 31, 28, 0.45);
}
html body.pa-pv2 #page-container .pa-pv2-search__btn {
  flex: none;
  height: 44px;
  margin: 0;
  padding: 0 1.2rem;
  border: 0;
  border-radius: 999px;
  background: var(--v2-canopy);
  color: var(--v2-cream);
  font-family: var(--pa-font-body, "DM Sans", system-ui, sans-serif);
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.22s var(--v2-ease);
}
html body.pa-pv2 #page-container .pa-pv2-search__btn:hover {
  background: var(--v2-forest);
  transform: translateX(1px);
}

body.pa-pv2 .pa-pv2-tools__head {
  align-items: flex-end !important;
  max-width: none !important;
}
body.pa-pv2 .pa-pv2-tools__head > div {
  max-width: 30rem;
}
body.pa-pv2 .pa-pv2-tools__head .pa-h2 {
  margin-bottom: 0;
}
body.pa-pv2 .pa-pv2-archive__tools {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: clamp(2rem, 4vw, 3rem);
  margin-top: -0.5rem;
}

/* ---- Post cards ----------------------------------------------------------- */
body.pa-pv2 .pa-pv2-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
}
body.pa-pv2 #page-container .pa-pv2-card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  background: #FFFFFF;
  border: 1px solid rgba(27, 61, 47, 0.08);
  border-radius: var(--pv2-radius);
  overflow: hidden;
  box-shadow: var(--v2-shadow-card);
  transition: transform 0.28s var(--v2-ease), box-shadow 0.28s var(--v2-ease);
}
body.pa-pv2 #page-container .pa-pv2-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--v2-shadow-lift);
}
body.pa-pv2 #page-container .pa-pv2-card__media {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background:
    radial-gradient(60% 60% at 30% 25%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 70%),
    linear-gradient(145deg, var(--pa-art-a, #1B3D2F) 0%, var(--pa-art-b, #2F5D45) 100%);
}
body.pa-pv2 #page-container .pa-pv2-card__media::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 52%;
  width: 62%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(244, 241, 234, 0.14);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
body.pa-pv2 #main-content .pa-pv2-card__media .pa-pv2-art {
  position: relative;
  z-index: 1;
  width: auto;
  max-width: 64%;
  max-height: 76%;
  filter: drop-shadow(0 18px 22px rgba(0, 0, 0, 0.4));
  transition: transform 0.6s var(--v2-ease);
}
body.pa-pv2 #main-content .pa-pv2-card:hover .pa-pv2-art {
  transform: translateY(-5px) scale(1.04);
}
body.pa-pv2 .pa-pv2-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.6rem;
  padding: 1.25rem 1.35rem 1.3rem;
}
body.pa-pv2 #page-container .pa-pv2-card__cat {
  align-self: flex-start;
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
  background: var(--v2-sage-tint);
  color: var(--v2-moss) !important;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease;
}
body.pa-pv2 #page-container .pa-pv2-card__cat:hover {
  background: var(--v2-canopy);
  color: var(--v2-cream) !important;
}
body.pa-pv2 #page-container .pa-pv2-card__title {
  margin: 0;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
body.pa-pv2 #page-container .pa-pv2-card__title a {
  color: var(--v2-ink) !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}
body.pa-pv2 #page-container .pa-pv2-card__title a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}
body.pa-pv2 #page-container .pa-pv2-card:hover .pa-pv2-card__title a {
  color: var(--v2-canopy) !important;
}
body.pa-pv2 .pa-pv2-card__excerpt {
  flex: 1 1 auto;
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--v2-ink-70);
}
body.pa-pv2 .pa-pv2-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0.35rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(27, 61, 47, 0.08);
  font-size: 0.8125rem;
  color: var(--v2-ink-70);
}
body.pa-pv2 #page-container .pa-pv2-card__more {
  position: relative;
  z-index: 3;
  color: var(--v2-canopy) !important;
  font-weight: 600;
  text-decoration: none !important;
}
body.pa-pv2 #page-container .pa-pv2-card__more span {
  display: inline-block;
  transition: transform 0.22s var(--v2-ease);
}
body.pa-pv2 #page-container .pa-pv2-card:hover .pa-pv2-card__more span {
  transform: translateX(4px);
}

/* Feature: the newest tip runs wide. */
body.pa-pv2 #page-container .pa-pv2-card--feature {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
body.pa-pv2 #page-container .pa-pv2-card--feature .pa-pv2-card__media {
  aspect-ratio: auto;
  min-height: 360px;
}
body.pa-pv2 #main-content .pa-pv2-card--feature .pa-pv2-card__media .pa-pv2-art {
  max-width: 58%;
  max-height: 72%;
}
body.pa-pv2 .pa-pv2-card--feature .pa-pv2-card__body {
  justify-content: center;
  padding: clamp(1.75rem, 4vw, 3rem);
  gap: 0.9rem;
}
body.pa-pv2 #page-container .pa-pv2-card--feature .pa-pv2-card__title {
  font-size: clamp(1.7rem, 1.2rem + 1.4vw, 2.4rem);
  letter-spacing: -0.02em;
}
body.pa-pv2 .pa-pv2-card--feature .pa-pv2-card__excerpt {
  flex: none;
  font-size: 1.0625rem;
  max-width: 34rem;
}
body.pa-pv2 .pa-pv2-card--feature .pa-pv2-card__cat::before {
  content: "Latest · ";
  opacity: 0.8;
}

/* ---- Care guide band (forest) --------------------------------------------- */
body.pa-pv2 .pa-pv2-guide {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}
body.pa-pv2 .pa-pv2-guide .pa-h2 {
  margin-bottom: 1rem;
}
body.pa-pv2 #page-container .pa-pv2-guide__list {
  list-style: none !important;
  margin: 1.75rem 0 2rem !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.5rem;
}
body.pa-pv2 #page-container .pa-pv2-guide__list li {
  margin: 0 !important;
  padding: 0 0 0 1rem !important;
  border-left: 2px solid var(--v2-sage);
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
body.pa-pv2 .pa-pv2-guide__list strong {
  color: var(--v2-cream);
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.1rem;
  font-weight: 600;
}
body.pa-pv2 .pa-pv2-guide__list span {
  color: rgba(244, 241, 234, 0.72);
  font-size: 0.9rem;
  line-height: 1.45;
}
body.pa-pv2 .pa-pv2-guide__cover {
  display: grid;
  place-items: center;
  padding: 1rem 0;
}
body.pa-pv2 .pa-pv2-book {
  position: relative;
  width: min(300px, 78%);
  aspect-ratio: 3 / 4;
  transform: rotate(-4deg);
  transition: transform 0.5s var(--v2-ease);
}
body.pa-pv2 .pa-pv2-guide__cover:hover .pa-pv2-book {
  transform: rotate(-1.5deg) translateY(-8px);
}
body.pa-pv2 .pa-pv2-book__spine {
  position: absolute;
  inset: 8px -10px -10px 10px;
  border-radius: 6px 14px 14px 6px;
  background: var(--v2-sage);
  opacity: 0.6;
}
body.pa-pv2 .pa-pv2-book__face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding: 1.6rem 1.5rem;
  border-radius: 6px 14px 14px 6px;
  background: linear-gradient(160deg, #F8F5EE 0%, #ECE6D9 100%);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35), inset 6px 0 0 rgba(27, 61, 47, 0.08);
  overflow: hidden;
}
body.pa-pv2 .pa-pv2-book__brand {
  font-family: var(--pa-font-body, "DM Sans", system-ui, sans-serif);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--v2-moss);
}
body.pa-pv2 .pa-pv2-book__title {
  margin-top: 0.75rem;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: clamp(1.6rem, 1.2rem + 1vw, 2.1rem);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -0.02em;
  color: var(--v2-canopy);
}
body.pa-pv2 .pa-pv2-book__sub {
  margin-top: 0.6rem;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  color: var(--v2-ink-70);
}
body.pa-pv2 #main-content .pa-pv2-book__plant {
  position: absolute;
  right: -3%;
  bottom: -2%;
  width: 62%;
  max-width: none;
  filter: drop-shadow(0 16px 18px rgba(0, 0, 0, 0.3));
}

/* ---- Article (single post) ------------------------------------------------ */
body.pa-pv2 .pa-pv2-article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: start;
}
body.pa-pv2 .pa-pv2-prose-col {
  min-width: 0;
}
body.pa-pv2 #page-container .pa-pv2-prose {
  max-width: 68ch;
  font-family: var(--pa-font-body, "DM Sans", system-ui, sans-serif);
  font-size: 1.0625rem;
  line-height: 1.72;
  color: var(--v2-ink);
}
body.pa-pv2 #page-container .pa-pv2-prose p {
  margin: 0 0 1.2rem;
  padding: 0;
  line-height: inherit;
}
body.pa-pv2 #page-container .pa-pv2-prose > p:first-of-type {
  font-size: 1.2rem;
  line-height: 1.6;
  color: var(--v2-ink-70);
}
body.pa-pv2 #page-container .pa-pv2-prose > p:first-of-type::first-letter {
  float: left;
  margin: 0.12em 0.14em 0 0;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 3.4em;
  font-weight: 600;
  line-height: 0.82;
  color: var(--v2-canopy);
}
body.pa-pv2 #page-container .pa-pv2-prose h2,
body.pa-pv2 #page-container .pa-pv2-prose h3 {
  margin: 2.2rem 0 0.8rem;
  padding: 0;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-weight: 600;
  line-height: 1.2;
  color: var(--v2-ink);
}
body.pa-pv2 #page-container .pa-pv2-prose h2 { font-size: 1.7rem; }
body.pa-pv2 #page-container .pa-pv2-prose h3 { font-size: 1.35rem; }
body.pa-pv2 #page-container .pa-pv2-prose a {
  color: var(--v2-canopy) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}
body.pa-pv2 #page-container .pa-pv2-prose strong {
  color: var(--v2-ink);
}

/* Numbered outline: each top-level item becomes a small headed section. */
body.pa-pv2 #page-container .pa-pv2-prose > ol {
  list-style: none !important;
  counter-reset: pv2step;
  margin: 1.5rem 0 1.75rem !important;
  padding: 0 !important;
}
body.pa-pv2 #page-container .pa-pv2-prose > ol > li {
  counter-increment: pv2step;
  position: relative;
  margin: 0 0 1.6rem !important;
  padding: 0 0 0 3.4rem !important;
  list-style: none !important;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.32rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--v2-ink);
}
body.pa-pv2 #page-container .pa-pv2-prose > ol > li::before {
  content: counter(pv2step, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0.05em;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.1rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: var(--v2-moss);
}
body.pa-pv2 #page-container .pa-pv2-prose > ol > li::after {
  content: "";
  position: absolute;
  left: 0.15rem;
  top: 2.1rem;
  bottom: 0.2rem;
  width: 1.5px;
  background: linear-gradient(180deg, rgba(107, 127, 94, 0.5) 0%, rgba(107, 127, 94, 0) 100%);
}
body.pa-pv2 #page-container .pa-pv2-prose > ol > li > p {
  margin: 0;
  font: inherit;
  color: inherit;
}
body.pa-pv2 #page-container .pa-pv2-prose ul,
body.pa-pv2 #page-container .pa-pv2-prose ol ul,
body.pa-pv2 #page-container .pa-pv2-prose > ol > li ul {
  list-style: none !important;
  margin: 0.6rem 0 0 !important;
  padding: 0 !important;
  font-family: var(--pa-font-body, "DM Sans", system-ui, sans-serif);
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.68;
  color: var(--v2-ink-70);
}
body.pa-pv2 #page-container .pa-pv2-prose ul li {
  position: relative;
  margin: 0 0 0.5rem !important;
  padding: 0 0 0 1.3rem !important;
  list-style: none !important;
}
body.pa-pv2 #page-container .pa-pv2-prose ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--v2-sage);
}
body.pa-pv2 #page-container .pa-pv2-prose > ul > li {
  margin-bottom: 0.7rem !important;
}
body.pa-pv2 #page-container .pa-pv2-prose > ol > li ul li strong {
  color: var(--v2-ink);
}

body.pa-pv2 .pa-pv2-endnote {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  max-width: 68ch;
  margin: 2.5rem 0 0;
  padding: 1.25rem 1.5rem;
  border-radius: 14px;
  background: var(--v2-sage-tint);
}
body.pa-pv2 .pa-pv2-endnote__leaf {
  flex: none;
  font-size: 1.35rem;
  line-height: 1.3;
  color: var(--v2-moss);
}
body.pa-pv2 #page-container .pa-pv2-endnote p {
  margin: 0;
  font-size: 0.9875rem;
  line-height: 1.55;
  color: var(--v2-ink);
}
body.pa-pv2 #page-container .pa-pv2-endnote a {
  color: var(--v2-canopy) !important;
  font-weight: 600;
  text-decoration: underline !important;
  text-underline-offset: 0.15em;
}

body.pa-pv2 .pa-pv2-pn {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  max-width: 68ch;
  margin: 2rem 0 0;
}
body.pa-pv2 #page-container .pa-pv2-pn__link {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.1rem 1.25rem;
  border-radius: 14px;
  border: 1px solid rgba(27, 61, 47, 0.12);
  background: #FFFFFF;
  color: var(--v2-ink) !important;
  text-decoration: none !important;
  transition: transform 0.24s var(--v2-ease), box-shadow 0.24s ease, border-color 0.2s ease;
}
body.pa-pv2 #page-container .pa-pv2-pn__link:hover {
  transform: translateY(-3px);
  border-color: var(--v2-canopy);
  box-shadow: var(--v2-shadow-card);
}
body.pa-pv2 #page-container .pa-pv2-pn__link--next {
  text-align: right;
  align-items: flex-end;
}
body.pa-pv2 .pa-pv2-pn__label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--v2-moss);
}
body.pa-pv2 .pa-pv2-pn__title {
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.25;
}

/* Aside */
body.pa-pv2 .pa-pv2-aside {
  position: sticky;
  top: calc(var(--pa-header-h, 77px) + 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
body.pa-pv2 #page-container .pa-pv2-aside__card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.35rem 1.35rem 1.4rem;
  border-radius: var(--pv2-radius);
  background: var(--v2-cream);
  color: var(--v2-ink) !important;
  text-decoration: none !important;
}
body.pa-pv2 #page-container .pa-pv2-aside__label {
  margin: 0 0 0.35rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--v2-moss);
}
body.pa-pv2 .pa-pv2-minis {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0 -0.5rem;
}
body.pa-pv2 #page-container .pa-pv2-mini {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.5rem;
  border-radius: 12px;
  color: var(--v2-ink) !important;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.22s var(--v2-ease);
}
body.pa-pv2 #page-container .pa-pv2-mini:hover {
  background: #FFFFFF;
  transform: translateX(3px);
}
body.pa-pv2 .pa-pv2-mini__art {
  display: grid;
  place-items: center;
  flex: none;
  width: 54px;
  height: 54px;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(145deg, var(--pa-art-a, #1B3D2F) 0%, var(--pa-art-b, #2F5D45) 100%);
}
body.pa-pv2 #main-content .pa-pv2-mini__art .pa-pv2-art {
  width: auto;
  max-width: 72%;
  max-height: 78%;
  filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.35));
}
body.pa-pv2 .pa-pv2-mini__body {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
body.pa-pv2 .pa-pv2-mini__title {
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.25;
}
body.pa-pv2 .pa-pv2-mini__meta {
  font-size: 0.75rem;
  color: var(--v2-ink-70);
}
body.pa-pv2 #page-container .pa-pv2-aside__more {
  margin-top: 0.4rem;
  color: var(--v2-canopy) !important;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none !important;
}
body.pa-pv2 #page-container .pa-pv2-aside__more:hover {
  text-decoration: underline !important;
}
body.pa-pv2 #page-container .pa-pv2-aside__card--guide {
  background: var(--v2-canopy);
  color: var(--v2-cream) !important;
  transition: transform 0.24s var(--v2-ease), box-shadow 0.24s ease;
}
body.pa-pv2 #page-container .pa-pv2-aside__card--guide:hover {
  transform: translateY(-3px);
  box-shadow: var(--v2-shadow-lift);
}
body.pa-pv2 #page-container .pa-pv2-aside__card--guide .pa-pv2-aside__label {
  color: var(--v2-sage);
}
body.pa-pv2 .pa-pv2-aside__card--guide strong {
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.15;
}
body.pa-pv2 .pa-pv2-aside__card--guide > span {
  font-size: 0.9rem;
  line-height: 1.5;
  color: rgba(244, 241, 234, 0.78);
}
body.pa-pv2 .pa-pv2-aside__cta {
  margin-top: 0.4rem;
  font-weight: 700;
  color: var(--v2-cream) !important;
}
body.pa-pv2 #page-container .pa-pv2-aside__card--call {
  background: #FFFFFF;
  border: 1px solid rgba(27, 61, 47, 0.1);
}
body.pa-pv2 #page-container .pa-pv2-aside__phone {
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.55rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--v2-canopy) !important;
  text-decoration: none !important;
}
body.pa-pv2 .pa-pv2-aside__card--call > span {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--v2-ink-70);
}
body.pa-pv2 #page-container .pa-pv2-aside__card--call .pa-cv2-btn {
  margin-top: 0.5rem;
  align-self: flex-start;
}

/* Related grid on cream */
body.pa-pv2 .pa-pv2-grid--three .pa-pv2-card--feature {
  grid-column: auto;
  display: flex;
}

/* ---- Pagination / empty --------------------------------------------------- */
body.pa-pv2 .pa-pv2-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 2.75rem;
}
body.pa-pv2 #page-container .pa-pv2-pagination .page-numbers {
  display: inline-grid;
  place-items: center;
  min-width: 44px;
  height: 44px;
  padding: 0 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(27, 61, 47, 0.16);
  background: #FFFFFF;
  color: var(--v2-canopy) !important;
  font-weight: 600;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease;
}
body.pa-pv2 #page-container .pa-pv2-pagination .page-numbers:hover {
  border-color: var(--v2-canopy);
  background: var(--v2-sage-tint);
}
body.pa-pv2 #page-container .pa-pv2-pagination .page-numbers.current {
  background: var(--v2-canopy);
  border-color: var(--v2-canopy);
  color: var(--v2-cream) !important;
}
body.pa-pv2 #page-container .pa-pv2-pagination .page-numbers.dots {
  border: 0;
  background: transparent;
}
body.pa-pv2 .pa-pv2-empty {
  text-align: center;
  max-width: 40rem;
}
body.pa-pv2 .pa-pv2-empty .pa-lead {
  margin: 0 auto 1.75rem;
}
body.pa-pv2 .pa-pv2-empty .pa-cv2-hero__actions {
  justify-content: center;
}
body.pa-pv2 .pa-pv2-empty__art {
  display: grid;
  place-items: center;
  width: 160px;
  height: 160px;
  margin: 0 auto 1.5rem;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--v2-canopy, #1B3D2F), #2F5D45);
}
body.pa-pv2 #main-content .pa-pv2-empty__art .pa-pv2-art {
  max-width: 70%;
  max-height: 70%;
  width: auto;
  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.35));
}

/* ---- About: story, awards, values ----------------------------------------- */
body.pa-pv2 .pa-pv2-story {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.45fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: start;
}
body.pa-pv2 .pa-pv2-story__intro {
  position: sticky;
  top: calc(var(--pa-header-h, 77px) + 2rem);
}
body.pa-pv2 .pa-pv2-story__intro .pa-cv2-head {
  margin-bottom: 1.75rem !important;
}
body.pa-pv2 #page-container .pa-pv2-pull {
  position: relative;
  margin: 0;
  padding: 0 0 0 1.5rem;
  border-left: 3px solid var(--v2-sage);
}
body.pa-pv2 #page-container .pa-pv2-pull p {
  margin: 0 0 0.75rem;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: clamp(1.35rem, 1.1rem + 0.8vw, 1.75rem);
  font-style: italic;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--v2-canopy);
}
body.pa-pv2 #page-container .pa-pv2-pull cite {
  font-family: var(--pa-font-body, "DM Sans", system-ui, sans-serif);
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--v2-ink-70);
}
body.pa-pv2 .pa-pv2-story__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(1.75rem, 3vw, 2.5rem);
  align-items: start;
}
body.pa-pv2 #page-container .pa-pv2-prose--lede {
  max-width: 62ch;
}
body.pa-pv2 #page-container .pa-pv2-prose--lede > p:first-of-type {
  font-size: 1.2rem;
  color: var(--v2-ink);
}
body.pa-pv2 #page-container .pa-pv2-prose--lede > p:first-of-type::first-letter {
  float: none;
  margin: 0;
  font: inherit;
  color: inherit;
}
body.pa-pv2 #page-container .pa-pv2-awards {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 1.25rem 2rem;
  align-items: start;
  padding: 1.6rem 1.75rem 1.6rem;
  border-radius: var(--pv2-radius);
  background: var(--v2-cream);
  border-top: 4px solid var(--v2-ochre);
}
body.pa-pv2 #page-container .pa-pv2-awards__head {
  min-width: 0;
}
body.pa-pv2 #page-container .pa-pv2-awards__label {
  margin: 0 0 0.4rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--v2-moss);
}
body.pa-pv2 #page-container .pa-pv2-awards__title {
  margin: 0 0 1.1rem;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.15;
  color: var(--v2-ink);
}
body.pa-pv2 #page-container .pa-pv2-awards__title em {
  font-style: italic;
  color: var(--v2-clay);
}
body.pa-pv2 #page-container .pa-pv2-awards__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0.25rem 0 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
body.pa-pv2 #page-container .pa-pv2-awards__list li {
  position: relative;
  margin: 0 !important;
  padding: 0 0 0 1.6rem !important;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  list-style: none !important;
}
body.pa-pv2 #page-container .pa-pv2-awards__list li::before {
  content: "\2605";
  position: absolute;
  left: 0;
  top: 0.05rem;
  color: var(--v2-ochre);
  font-size: 0.95rem;
}
body.pa-pv2 .pa-pv2-awards__list strong {
  font-size: 0.98rem;
  color: var(--v2-ink);
}
body.pa-pv2 .pa-pv2-awards__list span {
  font-size: 0.8125rem;
  color: var(--v2-ink-70);
}
body.pa-pv2 #page-container .pa-pv2-awards__note {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--v2-ink-70);
}
body.pa-pv2 #page-container .pa-pv2-awards__title {
  margin-bottom: 0.6rem;
}

body.pa-pv2 #page-container .pa-pv2-values {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
body.pa-pv2 #page-container .pa-pv2-value {
  position: relative;
  margin: 0 !important;
  padding: 1.7rem 1.5rem 1.6rem !important;
  list-style: none !important;
  border-radius: var(--pv2-radius);
  background: #FFFFFF;
  border-top: 4px solid var(--v2-canopy);
  box-shadow: var(--v2-shadow-card);
  transition: transform 0.28s var(--v2-ease), box-shadow 0.28s var(--v2-ease);
}
body.pa-pv2 #page-container .pa-pv2-value:nth-child(2) { border-top-color: var(--v2-moss); }
body.pa-pv2 #page-container .pa-pv2-value:nth-child(3) { border-top-color: var(--v2-ochre); }
body.pa-pv2 #page-container .pa-pv2-value:nth-child(4) { border-top-color: var(--v2-terracotta); }
body.pa-pv2 #page-container .pa-pv2-value:hover {
  transform: translateY(-5px);
  box-shadow: var(--v2-shadow-lift);
}
body.pa-pv2 .pa-pv2-value__num {
  display: block;
  margin-bottom: 1.1rem;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  color: rgba(27, 61, 47, 0.18);
}
body.pa-pv2 #page-container .pa-pv2-value h3 {
  margin: 0 0 0.5rem;
  padding: 0;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.22rem;
  font-weight: 600;
  line-height: 1.22;
  color: var(--v2-ink);
}
body.pa-pv2 #page-container .pa-pv2-value p {
  margin: 0;
  padding: 0;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--v2-ink-70);
}

/* ---- Contact: quick row, form, aside -------------------------------------- */
body.pa-pv2 .pa-pv2-contacthead-sec .pa-cv2-pagehead {
  padding-bottom: clamp(2.5rem, 5vw, 4rem);
}
body.pa-pv2 .pa-pv2-contacthead .pa-cv2-pagehead__inner {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
}
/* Reach-us card: the three ways in, stacked beside the headline. */
body.pa-pv2 .pa-pv2-reach {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 1.35rem 1.25rem 1.25rem;
  border-radius: var(--pv2-radius);
  background: #FFFFFF;
  border: 1px solid rgba(27, 61, 47, 0.08);
  box-shadow: var(--v2-shadow-lift);
}
body.pa-pv2 .pa-pv2-reach::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  border-radius: var(--pv2-radius) var(--pv2-radius) 0 0;
  background: linear-gradient(90deg, var(--v2-moss), var(--v2-sage));
}
body.pa-pv2 #page-container .pa-pv2-reach__label {
  margin: 0 0 0.35rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--v2-moss);
}
body.pa-pv2 #page-container .pa-pv2-quick__item {
  display: flex;
  align-items: center;
  gap: 0.95rem;
  padding: 0.95rem 1rem;
  border-radius: 14px;
  background: var(--v2-cream);
  border: 1px solid rgba(27, 61, 47, 0.06);
  color: var(--v2-ink) !important;
  text-decoration: none !important;
  transition: transform 0.26s var(--v2-ease), box-shadow 0.26s var(--v2-ease), background 0.2s ease;
}
body.pa-pv2 #page-container .pa-pv2-quick__item:hover {
  transform: translateX(4px);
  background: #FFFFFF;
  box-shadow: var(--v2-shadow-card);
}
body.pa-pv2 .pa-pv2-quick__arrow {
  margin-left: auto;
  flex: none;
  color: var(--v2-moss);
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 0.2s ease, transform 0.26s var(--v2-ease);
}
body.pa-pv2 #page-container .pa-pv2-quick__item:hover .pa-pv2-quick__arrow {
  opacity: 1;
  transform: none;
}
body.pa-pv2 .pa-pv2-quick__ico {
  display: grid;
  place-items: center;
  flex: none;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--v2-sage-tint);
  color: var(--v2-canopy);
  transition: background 0.2s ease, color 0.2s ease;
}
body.pa-pv2 #page-container .pa-pv2-quick__item:hover .pa-pv2-quick__ico {
  background: var(--v2-canopy);
  color: var(--v2-cream);
}
body.pa-pv2 .pa-pv2-quick__body {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}
body.pa-pv2 .pa-pv2-quick__body strong {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--v2-ink-70);
}
body.pa-pv2 .pa-pv2-quick__body .pa-pv2-quick__val {
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--v2-ink);
}
body.pa-pv2 .pa-pv2-quick__body .pa-pv2-quick__sub {
  font-size: 0.8125rem;
  color: var(--v2-ink-70);
}

/* The shared sheet sets the columns; the grid display itself lives in the
   commercial sheet, which is not loaded here. */
body.pa-pv2 .pa-pv2-form {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 1.75rem;
  align-items: start;
}
body.pa-pv2 #page-container .pa-pv2-form__title {
  margin: 0 0 0.4rem;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: clamp(1.6rem, 1.3rem + 1vw, 2.1rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.015em;
  color: var(--v2-ink);
}
body.pa-pv2 #page-container .pa-pv2-form__title em {
  font-style: italic;
  color: var(--v2-clay);
}
body.pa-pv2 #page-container .pa-pv2-form__lead {
  margin: 0 0 1.6rem;
  font-size: 0.9875rem;
  line-height: 1.55;
  color: var(--v2-ink-70);
}
html body.pa-pv2 #page-container .pa-pv2-fields .pa-field {
  margin: 0 0 1.05rem;
  padding: 0;
  border: 0;
  min-width: 0;
}
html body.pa-pv2 #page-container .pa-pv2-fields label,
html body.pa-pv2 #page-container .pa-pv2-fields legend {
  display: block;
  margin: 0 0 0.4rem;
  padding: 0;
  font-family: var(--pa-font-body, "DM Sans", system-ui, sans-serif);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--v2-ink);
}
html body.pa-pv2 #page-container .pa-pv2-fields label span[aria-hidden],
html body.pa-pv2 #page-container .pa-pv2-fields legend span[aria-hidden] {
  color: var(--v2-clay);
}
html body.pa-pv2 #page-container .pa-pv2-fields input[type="text"],
html body.pa-pv2 #page-container .pa-pv2-fields input[type="email"],
html body.pa-pv2 #page-container .pa-pv2-fields input[type="tel"],
html body.pa-pv2 #page-container .pa-pv2-fields textarea {
  display: block;
  width: 100%;
  min-height: 50px;
  margin: 0;
  padding: 0.8rem 1rem;
  border: 1.5px solid rgba(27, 61, 47, 0.16);
  border-radius: 12px;
  background: #FBFAF7;
  box-shadow: none;
  font-family: var(--pa-font-body, "DM Sans", system-ui, sans-serif);
  font-size: 1rem;
  line-height: 1.4;
  color: var(--v2-ink);
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
html body.pa-pv2 #page-container .pa-pv2-fields textarea {
  min-height: 140px;
  resize: vertical;
}
html body.pa-pv2 #page-container .pa-pv2-fields input:focus,
html body.pa-pv2 #page-container .pa-pv2-fields textarea:focus {
  outline: none;
  border-color: var(--v2-canopy);
  background: #FFFFFF;
  box-shadow: 0 0 0 4px rgba(27, 61, 47, 0.1);
}
html body.pa-pv2 #page-container .pa-pv2-fields ::placeholder {
  color: rgba(26, 31, 28, 0.42);
}
body.pa-pv2 .pa-pv2-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 1rem;
}
html body.pa-pv2 #page-container .pa-pv2-interest {
  margin-bottom: 1.05rem;
}
body.pa-pv2 .pa-pv2-segments {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 0.6rem;
}
html body.pa-pv2 #page-container .pa-pv2-seg {
  position: relative;
  display: inline-flex;
  margin: 0;
  cursor: pointer;
}
html body.pa-pv2 #page-container .pa-pv2-seg input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
html body.pa-pv2 #page-container .pa-pv2-seg span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0.55rem 1.05rem;
  border-radius: 999px;
  border: 1.5px solid rgba(27, 61, 47, 0.18);
  background: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--v2-canopy);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s var(--v2-ease);
}
html body.pa-pv2 #page-container .pa-pv2-seg:hover span {
  border-color: var(--v2-canopy);
  background: var(--v2-sage-tint);
}
html body.pa-pv2 #page-container .pa-pv2-seg input:checked + span {
  background: var(--v2-canopy);
  border-color: var(--v2-canopy);
  color: var(--v2-cream);
}
html body.pa-pv2 #page-container .pa-pv2-seg input:focus-visible + span {
  box-shadow: 0 0 0 4px rgba(27, 61, 47, 0.16);
}
html body.pa-pv2 #page-container .pa-pv2-form__hint {
  margin: 0 0 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--v2-ink-70);
}
html body.pa-pv2 #page-container .pa-pv2-form__hint a {
  color: var(--v2-canopy) !important;
  font-weight: 600;
  text-decoration: underline !important;
  text-underline-offset: 0.15em;
}
html body.pa-pv2 #page-container .pa-pv2-fields .pa-other-wrap {
  margin-top: 0.75rem;
}
html body.pa-pv2 #page-container .pa-pv2-fields .pa-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
html body.pa-pv2 #page-container .pa-form-status {
  margin: 0 0 0.5rem;
  min-height: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--v2-clay);
}
html body.pa-pv2 #page-container .pa-form-status:empty {
  display: none;
}
body.pa-pv2 .pa-pv2-form__submit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.25rem;
  margin-top: 0.25rem;
}
html body.pa-pv2 #page-container .pa-pv2-form__submit .pa-cv2-form__note {
  margin: 0;
}
html body.pa-pv2 #page-container button.pa-cv2-btn {
  cursor: pointer;
}
html body.pa-pv2 #page-container button.pa-cv2-btn[disabled] {
  opacity: 0.7;
  cursor: progress;
}

body.pa-pv2 #page-container .pa-pv2-aside-contact h3 {
  margin: 0 0 1rem;
}
body.pa-pv2 #page-container .pa-pv2-dl {
  display: grid;
  gap: 0.9rem;
  margin: 0;
}
body.pa-pv2 #page-container .pa-pv2-dl dt {
  margin: 0 0 0.15rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--v2-moss);
}
body.pa-pv2 #page-container .pa-pv2-dl dd {
  margin: 0;
  font-size: 0.9875rem;
  line-height: 1.5;
  color: var(--v2-ink);
}
body.pa-pv2 #page-container .pa-pv2-dl dd a {
  color: var(--v2-canopy) !important;
  text-decoration: none !important;
  font-weight: 600;
}
body.pa-pv2 #page-container .pa-pv2-dl > div:first-child dd a {
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.45rem;
  letter-spacing: -0.01em;
}
body.pa-pv2 #page-container .pa-pv2-dl__link {
  display: inline-block;
  margin-top: 0.3rem;
  font-size: 0.875rem;
}
body.pa-pv2 #page-container .pa-pv2-dl__link:hover {
  text-decoration: underline !important;
}
body.pa-pv2 .pa-pv2-map {
  position: relative;
  aspect-ratio: 4 / 3;
  margin: 1.25rem 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(27, 61, 47, 0.1);
  background: var(--v2-sand);
}
body.pa-pv2 .pa-pv2-map iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  filter: saturate(0.85);
}
body.pa-pv2 .pa-pv2-map__hit {
  position: absolute;
  inset: 0;
  display: block;
}
body.pa-pv2 #page-container .pa-pv2-formlinks {
  list-style: none !important;
  margin: 0.5rem 0 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
body.pa-pv2 #page-container .pa-pv2-formlinks li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.pa-pv2 #page-container .pa-pv2-formlinks a {
  color: var(--v2-canopy) !important;
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none !important;
}
body.pa-pv2 #page-container .pa-pv2-formlinks a span {
  display: inline-block;
  transition: transform 0.2s var(--v2-ease);
}
body.pa-pv2 #page-container .pa-pv2-formlinks a:hover span {
  transform: translateX(4px);
}

/* ---- Responsive ----------------------------------------------------------- */
@media (max-width: 1100px) {
  body.pa-pv2 .pa-pv2-article {
    grid-template-columns: minmax(0, 1fr) 280px;
  }
  body.pa-pv2 #page-container .pa-pv2-values {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  body.pa-pv2 .pa-pv2-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.pa-pv2 .pa-pv2-article,
  body.pa-pv2 .pa-pv2-story,
  body.pa-pv2 .pa-pv2-story__body,
  body.pa-pv2 .pa-pv2-form,
  body.pa-pv2 .pa-pv2-contacthead .pa-cv2-pagehead__inner,
  body.pa-pv2 .pa-pv2-guide {
    grid-template-columns: 1fr;
  }
  body.pa-pv2 .pa-pv2-reach {
    max-width: 34rem;
  }
  body.pa-pv2 .pa-pv2-story__intro {
    position: static;
  }
  body.pa-pv2 .pa-pv2-aside {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
  body.pa-pv2 .pa-pv2-aside > .pa-pv2-aside__card:first-child {
    grid-column: 1 / -1;
  }
  body.pa-pv2 .pa-pv2-tools__head {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 1.25rem;
  }
  body.pa-pv2 .pa-pv2-stage {
    border-radius: 20px;
    aspect-ratio: 5 / 4;
  }
  body.pa-pv2 .pa-pv2-guide__cover {
    order: -1;
    padding: 0 0 1rem;
  }
  body.pa-pv2 .pa-pv2-book {
    width: min(240px, 60%);
  }
}
@media (max-width: 767px) {
  body.pa-pv2 .pa-pv2-grid,
  body.pa-pv2 .pa-pv2-quick,
  body.pa-pv2 .pa-pv2-aside,
  body.pa-pv2 .pa-pv2-row {
    grid-template-columns: 1fr;
  }
  body.pa-pv2 #page-container .pa-pv2-card--feature {
    grid-template-columns: 1fr;
  }
  body.pa-pv2 #page-container .pa-pv2-card--feature .pa-pv2-card__media {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }
  body.pa-pv2 .pa-pv2-pn {
    grid-template-columns: 1fr;
  }
  body.pa-pv2 #page-container .pa-pv2-pn__link--next {
    text-align: left;
    align-items: flex-start;
  }
  body.pa-pv2 #page-container .pa-pv2-guide__list {
    grid-template-columns: 1fr;
  }
  body.pa-pv2 .pa-pv2-search {
    width: 100%;
  }
  body.pa-pv2 #page-container .pa-pv2-prose > ol > li {
    padding-left: 2.6rem !important;
    font-size: 1.18rem;
  }
  body.pa-pv2 #page-container .pa-pv2-prose > p:first-of-type::first-letter {
    font-size: 3em;
  }
  body.pa-pv2 #page-container .pa-pv2-prose--lede > p:first-of-type::first-letter {
    font-size: inherit;
  }
  /* Shared timeline collapses to a grid row; keep the "when" pill hugging its text. */
  body.pa-pv2 .pa-cv2-timeline__when {
    justify-self: start;
  }
  body.pa-pv2 .pa-pv2-crumbs--top {
    margin-bottom: -1.4rem;
  }
  body.pa-pv2 .pa-pv2-stage {
    aspect-ratio: 1;
  }
  body.pa-pv2 #main-content .pa-pv2-stage__plant--a { height: 72% !important; }
  body.pa-pv2 #main-content .pa-pv2-stage__plant--b { height: 42% !important; }
  body.pa-pv2 #main-content .pa-pv2-stage__plant--c { height: 36% !important; }
}
@media (max-width: 560px) {
  body.pa-pv2 #page-container .pa-pv2-values,
  body.pa-pv2 #page-container .pa-pv2-awards {
    grid-template-columns: 1fr;
  }
  body.pa-pv2 .pa-pv2-form__submit .pa-cv2-btn {
    width: 100%;
    justify-content: center;
  }
}

/* ---- Motion preferences --------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  body.pa-pv2 #main-content .pa-pv2-stage__plant,
  body.pa-pv2 #main-content .pa-pv2-artframe .pa-pv2-art,
  body.pa-pv2 .pa-pv2-book {
    transition: none !important;
    transform: none !important;
  }
}

/* =========================================================================
   About round 2: collage hero, placeholders, team grid, photo marquee
   ========================================================================= */
/* Labelled placeholder boxes (until the client sends portraits/photos). */
body.pa-pv2 .pa-pv2-ph__box {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  aspect-ratio: 5 / 4;
  border-radius: inherit;
  background:
    repeating-linear-gradient(135deg, rgba(27, 61, 47, 0.06) 0 10px, transparent 10px 20px),
    linear-gradient(160deg, #E4EBE2 0%, #D5DFD3 100%);
  outline: 1px dashed rgba(27, 61, 47, 0.28);
  outline-offset: -8px;
}
body.pa-pv2 .pa-pv2-ph__box--portrait {
  aspect-ratio: 4 / 5;
}
body.pa-pv2 .pa-pv2-ph__box span {
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.8);
  font-family: var(--pa-font-body, "DM Sans", system-ui, sans-serif);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--v2-canopy);
}

/* Hero collage: two stacked tiles on the left, one tall tile bleeding right. */
body.pa-pv2 .pa-pv2-collage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  aspect-ratio: 5 / 4;
}
body.pa-pv2 #main-content .pa-pv2-collage__tile {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: var(--v2-shadow-lift);
  background: linear-gradient(135deg, #E9EDE6 0%, #DDE4DB 50%, #E9EDE6 100%);
}
body.pa-pv2 #main-content .pa-pv2-collage__tile--a { grid-column: 1; grid-row: 1 / 3; }
body.pa-pv2 #main-content .pa-pv2-collage__tile--b { grid-column: 2; grid-row: 1; border-radius: 18px 0 0 18px; }
body.pa-pv2 #main-content .pa-pv2-collage__tile--c { grid-column: 2; grid-row: 2; border-radius: 18px 0 0 18px; }
body.pa-pv2 #main-content .pa-pv2-collage__tile img,
body.pa-pv2 #main-content .pa-pv2-collage__tile .pa-pv2-ph__box {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center 45%;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.pa-pv2 #main-content .pa-pv2-collage__tile figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2rem 1rem 0.85rem;
  font-size: 0.75rem;
  line-height: 1.3;
  color: rgba(244, 241, 234, 0.85);
  background: linear-gradient(180deg, transparent, rgba(15, 36, 28, 0.8));
}
body.pa-pv2 #main-content .pa-pv2-collage__tile figcaption span {
  display: block;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 0.98rem;
  font-weight: 600;
  color: var(--v2-cream);
}
/* The stat card sits over the bottom-left tile; keep its caption clear of it. */
body.pa-pv2 #main-content .pa-pv2-collage__tile--a figcaption {
  text-align: right;
  padding-left: clamp(11rem, 50%, 16rem);
}

/* The people */
body.pa-pv2 #page-container .pa-pv2-team__grid {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem 1.25rem;
}
body.pa-pv2 #page-container .pa-pv2-person {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  grid-template-rows: auto auto 1fr;
  column-gap: 1.1rem;
  align-items: start;
  padding: 1.1rem !important;
  border-radius: var(--pv2-radius);
  background: #FFFFFF;
  box-shadow: var(--v2-shadow-card);
  transition: transform 0.28s var(--v2-ease), box-shadow 0.28s var(--v2-ease);
}
body.pa-pv2 #page-container .pa-pv2-person:hover {
  transform: translateY(-4px);
  box-shadow: var(--v2-shadow-lift);
}
body.pa-pv2 .pa-pv2-person__photo {
  grid-row: 1 / 4;
  width: 112px;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 14px;
}
body.pa-pv2 .pa-pv2-person__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 28%; }
body.pa-pv2 #page-container .pa-pv2-person__name {
  margin: 0.15rem 0 0.1rem;
  padding: 0;
  font-family: var(--pa-font-display, Fraunces, Georgia, serif);
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--v2-ink);
}
body.pa-pv2 #page-container .pa-pv2-person__role {
  margin: 0 0 0.55rem;
  padding: 0;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--v2-moss);
}
body.pa-pv2 #page-container .pa-pv2-person__blurb {
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--v2-ink-70);
}

/* A week at Plants Alive: edge-to-edge marquee */
body.pa-pv2 .pa-pv2-week .pa-cv2-head { margin-bottom: 1.75rem !important; }
body.pa-pv2 .pa-pv2-marquee {
  position: relative;
  overflow: hidden;
  padding: 0.25rem 0 0.75rem;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
body.pa-pv2 #page-container .pa-pv2-marquee__track {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  gap: 1rem;
  width: max-content;
  animation: paPv2Marquee 60s linear infinite;
}
body.pa-pv2 .pa-pv2-marquee:hover .pa-pv2-marquee__track,
body.pa-pv2 .pa-pv2-marquee:focus-within .pa-pv2-marquee__track { animation-play-state: paused; }
body.pa-pv2 #page-container .pa-pv2-marquee__item {
  flex: 0 0 auto;
  width: clamp(200px, 22vw, 300px);
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.pa-pv2 #page-container .pa-pv2-marquee__item:nth-child(odd) { transform: translateY(0.75rem); }
body.pa-pv2 #page-container .pa-pv2-marquee__item figure {
  margin: 0;
  overflow: hidden;
  border-radius: 16px;
  background: #E4EBE2;
  box-shadow: var(--v2-shadow-card);
}
body.pa-pv2 #page-container .pa-pv2-marquee__item img,
body.pa-pv2 #page-container .pa-pv2-marquee__item .pa-pv2-ph__box {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  min-height: 0;
  object-fit: cover;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.pa-pv2 #page-container .pa-pv2-marquee__item figcaption {
  padding: 0.6rem 0.85rem 0.7rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--v2-ink-70);
  background: #FFFFFF;
}
@keyframes paPv2Marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@media (max-width: 980px) {
  body.pa-pv2 .pa-pv2-collage { aspect-ratio: 4 / 3; }
  body.pa-pv2 #main-content .pa-pv2-collage__tile--b,
  body.pa-pv2 #main-content .pa-pv2-collage__tile--c { border-radius: 18px; }
  body.pa-pv2 #page-container .pa-pv2-team__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  body.pa-pv2 .pa-pv2-collage {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1.4fr) minmax(0, 1fr);
    aspect-ratio: 4 / 5;
    gap: 0.5rem;
  }
  body.pa-pv2 #main-content .pa-pv2-collage__tile { border-radius: 14px; }
  body.pa-pv2 #main-content .pa-pv2-collage__tile--a { grid-column: 1 / 3; grid-row: 1; }
  body.pa-pv2 #main-content .pa-pv2-collage__tile--b { grid-column: 1; grid-row: 2; border-radius: 14px; }
  body.pa-pv2 #main-content .pa-pv2-collage__tile--c { grid-column: 2; grid-row: 2; border-radius: 14px; }
  body.pa-pv2 #main-content .pa-pv2-collage__tile--a figcaption { padding-left: 1rem; text-align: left; }
  body.pa-pv2 #main-content .pa-pv2-collage__tile--b figcaption,
  body.pa-pv2 #main-content .pa-pv2-collage__tile--c figcaption { font-size: 0.7rem; padding: 1.5rem 0.75rem 0.65rem; }
  body.pa-pv2 #main-content .pa-pv2-collage__tile--b figcaption span,
  body.pa-pv2 #main-content .pa-pv2-collage__tile--c figcaption span { font-size: 0.85rem; }
  body.pa-pv2 #page-container .pa-pv2-team__grid { grid-template-columns: 1fr; gap: 0.85rem; }
  body.pa-pv2 #page-container .pa-pv2-person { grid-template-columns: 88px minmax(0, 1fr); padding: 0.85rem !important; }
  body.pa-pv2 .pa-pv2-person__photo { width: 88px; }
  body.pa-pv2 #page-container .pa-pv2-marquee__item { width: 68vw; }
  body.pa-pv2 #page-container .pa-pv2-marquee__track { animation-duration: 45s; }
}
@media (prefers-reduced-motion: reduce) {
  body.pa-pv2 #page-container .pa-pv2-marquee__track { animation: none; width: auto; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 0.5rem !important; }
  body.pa-pv2 #page-container .pa-pv2-marquee__item { scroll-snap-align: start; }
  body.pa-pv2 #page-container .pa-pv2-marquee__item[aria-hidden="true"] { display: none; }
  body.pa-pv2 .pa-pv2-marquee { -webkit-mask-image: none; mask-image: none; }
}
/* Placeholder boxes keep their centred label wherever they are used. */
body.pa-pv2 #main-content .pa-pv2-collage__tile .pa-pv2-ph__box,
body.pa-pv2 #page-container .pa-pv2-marquee__item .pa-pv2-ph__box,
body.pa-pv2 #page-container .pa-pv2-person__photo .pa-pv2-ph__box { display: grid; place-items: center; }
body.pa-pv2 #page-container .pa-pv2-marquee__item .pa-pv2-ph__box { aspect-ratio: 4 / 3; }
body.pa-pv2 #page-container .pa-pv2-person__photo .pa-pv2-ph__box span { font-size: 0.6rem; padding: 0.3rem 0.5rem; text-align: center; }

/* Mobile: the stat card sits below the collage instead of over the small tiles' captions. */
@media (max-width: 767px) {
  body.pa-pv2 .pa-pv2-hero--about .pa-cv2-hero__media { padding-bottom: 4.5rem; }
  body.pa-pv2 .pa-pv2-hero--about .pa-cv2-hero__card { left: 0; bottom: 0; }
}

/* ---- Ask band (replaces the PDF guide band, round 2) ---------------------- */
body.pa-pv2 .pa-pv2-ask .pa-pv2-stage--ask {
  width: 100%;
  max-width: 440px;
  aspect-ratio: 1;
  border-radius: 20px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
  outline: 1px solid rgba(169, 197, 180, 0.18);
  outline-offset: -1px;
}
body.pa-pv2 #page-container .pa-pv2-ask__phone {
  margin: 1.1rem 0 0;
  font-size: 0.875rem;
  color: rgba(244, 241, 234, 0.72);
}
body.pa-pv2 #page-container .pa-pv2-ask__phone a {
  color: var(--v2-cream);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(169, 197, 180, 0.6);
  text-underline-offset: 3px;
}
body.pa-pv2 #page-container .pa-pv2-ask__phone a:hover { text-decoration-color: var(--v2-cream); }
@media (max-width: 980px) {
  body.pa-pv2 .pa-pv2-ask .pa-pv2-stage--ask { max-width: 360px; }
}
/* ==========================================================================
   Events page (/events/, round 2). Scoped to body.pa-pv2--events where it matters;
   the cards reuse .pa-sv2-event from pa-surfaces-v2.css.
   ========================================================================== */
body.pa-pv2 .pa-pv2-hero--events .pa-cv2-hero__badge strong { font-size: 1.15rem; letter-spacing: 0.02em; }
/* Badge sits over the real photo (tile a), not over the placeholder labels. */
body.pa-pv2 .pa-pv2-hero--events .pa-cv2-hero__badge { top: -0.5rem; right: auto; left: 0; }
body.pa-pv2 .pa-pv2-hero--events .pa-pv2-hero__next span { max-width: 15rem; }
body.pa-pv2 .pa-pv2-events-sec .pa-sv2-events { padding-top: 0; padding-bottom: 0; }

/* The year ahead */
body.pa-pv2 .pa-pv2-cal {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
  gap: 2.5rem 4rem;
  align-items: start;
}
body.pa-pv2 .pa-pv2-cal__intro { position: sticky; top: calc(var(--pa-header-h, 120px) + 1.5rem); }
body.pa-pv2 #page-container .pa-pv2-cal__legend {
  list-style: none;
  margin: 1.25rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: var(--v2-ink-70, #3E4B44);
}
body.pa-pv2 #page-container .pa-pv2-cal__legend li { display: flex; align-items: center; gap: 0.6rem; padding: 0; }
body.pa-pv2 .pa-pv2-cal__dot { width: 0.7rem; height: 0.7rem; border-radius: 50%; background: var(--v2-canopy); flex: none; }
body.pa-pv2 .pa-pv2-cal__dot--ochre { background: var(--pa-ochre, #D9A441); }
body.pa-pv2 .pa-pv2-cal__dot--terracotta { background: var(--v2-terracotta); }
body.pa-pv2 .pa-pv2-cal__btn { margin-top: 1.5rem; }
body.pa-pv2 #page-container .pa-pv2-cal__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
body.pa-pv2 #page-container .pa-pv2-cal__month {
  padding: 1.25rem 1.4rem 1.3rem;
  border-radius: 16px;
  background: #FFFFFF;
  border: 1px solid rgba(27, 61, 47, 0.1);
  box-shadow: var(--v2-shadow-card);
}
body.pa-pv2 #page-container .pa-pv2-cal__m {
  margin: 0 0 0.75rem;
  padding: 0 0 0.6rem;
  font-family: var(--v2-font-display, inherit);
  font-size: 1.25rem;
  line-height: 1.1;
  color: var(--v2-forest);
  border-bottom: 1px solid rgba(27, 61, 47, 0.1);
}
body.pa-pv2 #page-container .pa-pv2-cal__m span { font-size: 0.85rem; font-weight: 500; color: var(--v2-ink-70, #3E4B44); margin-left: 0.35rem; }
body.pa-pv2 #page-container .pa-pv2-cal__days { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.55rem; }
body.pa-pv2 #page-container .pa-pv2-cal__day {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.1rem;
  padding: 0 0 0 1.1rem;
  position: relative;
  font-size: 0.95rem;
  line-height: 1.4;
}
body.pa-pv2 .pa-pv2-cal__day::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: var(--v2-canopy);
}
body.pa-pv2 .pa-pv2-cal__day--ochre::before { background: var(--pa-ochre, #D9A441); }
body.pa-pv2 .pa-pv2-cal__day--terracotta::before { background: var(--v2-terracotta); }
body.pa-pv2 .pa-pv2-cal__date { font-weight: 600; color: var(--v2-ink); font-variant-numeric: tabular-nums; }
body.pa-pv2 .pa-pv2-cal__name { color: var(--v2-ink-70, #3E4B44); font-size: 0.9rem; }
body.pa-pv2 .pa-pv2-cal__name small { font-size: 0.85em; opacity: 0.8; }
body.pa-pv2 .pa-pv2-cal__day.is-live .pa-pv2-cal__date::after {
  content: "today";
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.05rem 0.45rem;
  border-radius: 999px;
  background: var(--v2-sage-tint);
  color: var(--v2-canopy);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  vertical-align: middle;
}

/* Workshops band (forest) */
body.pa-pv2 .pa-pv2-wk {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 3rem 4rem;
  align-items: start;
}
body.pa-pv2 .pa-pv2-wk .pa-kicker { color: var(--v2-sage); }
body.pa-pv2 .pa-pv2-wk .pa-h2,
body.pa-pv2 .pa-pv2-wk .pa-h2 em { color: var(--v2-cream); }
body.pa-pv2 .pa-pv2-wk .pa-lead { color: rgba(250, 246, 236, 0.8); }
body.pa-pv2 #page-container .pa-pv2-wk__list {
  list-style: none;
  margin: 1.75rem 0 2rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 2rem;
}
body.pa-pv2 #page-container .pa-pv2-wk__list li {
  padding: 0 0 0 1rem;
  border-left: 2px solid var(--v2-sage);
  display: grid;
  gap: 0.3rem;
}
body.pa-pv2 .pa-pv2-wk__list strong { color: var(--v2-cream); font-size: 1.05rem; }
body.pa-pv2 .pa-pv2-wk__list span { color: rgba(250, 246, 236, 0.72); font-size: 0.95rem; line-height: 1.5; }
body.pa-pv2 #page-container .pa-pv2-wk__card {
  padding: 2rem;
  border-radius: 20px;
  background: rgba(250, 246, 236, 0.06);
  border: 1px solid rgba(155, 217, 181, 0.22);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);
}
body.pa-pv2 #page-container .pa-pv2-wk__card h3 {
  margin: 0.4rem 0 0.75rem;
  font-family: var(--v2-font-display, inherit);
  font-size: 1.6rem;
  line-height: 1.15;
  color: var(--v2-cream);
}
body.pa-pv2 #page-container .pa-pv2-wk__card > p { color: rgba(250, 246, 236, 0.78); line-height: 1.6; }
body.pa-pv2 #page-container .pa-pv2-wk__card ul {
  list-style: none;
  margin: 1.25rem 0;
  padding: 0;
  display: grid;
  gap: 0.6rem;
}
body.pa-pv2 #page-container .pa-pv2-wk__card ul li {
  display: grid;
  grid-template-columns: 6rem minmax(0, 1fr);
  gap: 0.75rem;
  padding: 0.6rem 0 0;
  border-top: 1px solid rgba(155, 217, 181, 0.18);
  font-size: 0.95rem;
}
body.pa-pv2 .pa-pv2-wk__card ul span { color: rgba(250, 246, 236, 0.6); }
body.pa-pv2 .pa-pv2-wk__card ul strong { color: var(--v2-cream); font-weight: 600; }
body.pa-pv2 #page-container .pa-pv2-wk__mail {
  display: inline-block;
  color: var(--v2-cream);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(155, 217, 181, 0.6);
  text-underline-offset: 3px;
}
body.pa-pv2 #page-container .pa-pv2-wk__mail:hover { text-decoration-color: var(--v2-cream); }

/* Plan your visit */
body.pa-pv2 .pa-pv2-visit__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 2.5rem;
}
body.pa-pv2 #page-container .pa-pv2-visit__card {
  position: relative;
  padding: 2rem 1.75rem 1.75rem;
  border-radius: 18px;
  background: var(--v2-cream);
  border: 1px solid rgba(27, 61, 47, 0.1);
  display: grid;
  gap: 0.5rem;
  align-content: start;
}
body.pa-pv2 .pa-pv2-visit__num {
  position: absolute;
  top: 1.25rem;
  right: 1.5rem;
  font-family: var(--v2-font-display, inherit);
  font-size: 2rem;
  line-height: 1;
  color: rgba(30, 100, 68, 0.18);
}
body.pa-pv2 #page-container .pa-pv2-visit__card h3 {
  margin: 0;
  font-family: var(--v2-font-display, inherit);
  font-size: 1.45rem;
  line-height: 1.15;
  color: var(--v2-forest);
}
body.pa-pv2 #page-container .pa-pv2-visit__card > p:not(.pa-kicker) { margin: 0; color: var(--v2-ink-70, #3E4B44); line-height: 1.6; }
body.pa-pv2 #page-container .pa-pv2-visit__cta {
  margin-top: 0.75rem;
  color: var(--v2-canopy);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(30, 100, 68, 0.35);
  text-underline-offset: 3px;
}
body.pa-pv2 #page-container .pa-pv2-visit__cta:hover { text-decoration-color: var(--v2-canopy); }

@media (max-width: 1023px) {
  body.pa-pv2 .pa-pv2-cal { grid-template-columns: 1fr; gap: 2rem; }
  body.pa-pv2 .pa-pv2-cal__intro { position: static; }
  body.pa-pv2 .pa-pv2-wk { grid-template-columns: 1fr; gap: 2.5rem; }
  body.pa-pv2 .pa-pv2-visit__grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  body.pa-pv2 .pa-pv2-hero--events .pa-cv2-hero__media { padding-bottom: 4.5rem; }
  body.pa-pv2 .pa-pv2-hero--events .pa-cv2-hero__card { left: 0; bottom: 0; }
  body.pa-pv2 #page-container .pa-pv2-cal__list { grid-template-columns: 1fr; }
  body.pa-pv2 #page-container .pa-pv2-wk__list { grid-template-columns: 1fr; }
  body.pa-pv2 #page-container .pa-pv2-wk__card { padding: 1.5rem; }
}
/* Staff portraits: photo fills the card, name sits in a band underneath */
body.pa-pv2 #page-container .pa-pv2-team__grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.85rem;
}
body.pa-pv2 #page-container .pa-pv2-person {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  overflow: hidden;
  min-height: 0;
  background: var(--v2-forest, #0B2E22);
}
body.pa-pv2 #page-container .pa-pv2-person::after { content: none; }
body.pa-pv2 .pa-pv2-person__photo {
  grid-row: auto;
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: 0;
  flex: 0 0 auto;
}
body.pa-pv2 .pa-pv2-person__photo img { object-position: center 18%; }
body.pa-pv2 #page-container .pa-pv2-person__name,
body.pa-pv2 #page-container .pa-pv2-person__role {
  position: static;
  z-index: 1;
  margin: 0 !important;
  background: var(--v2-forest, #0B2E22);
}
body.pa-pv2 #page-container .pa-pv2-person__name {
  padding: 0.7rem 0.65rem 0.1rem;
  color: var(--v2-cream, #FAF6EC) !important;
  font-size: 1.05rem;
}
body.pa-pv2 #page-container .pa-pv2-person__role {
  padding: 0.15rem 0.65rem 0.75rem;
  color: var(--v2-sage, #9BD9B5) !important;
  font-size: 0.62rem;
  letter-spacing: 0.06em;
  line-height: 1.35;
}
@media (max-width: 1100px) {
  body.pa-pv2 #page-container .pa-pv2-team__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body.pa-pv2 #page-container .pa-pv2-team__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem; }
}
.pa-pv2-pager{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;margin-top:1.75rem}
.pa-pv2-pager a[aria-current=page]{font-weight:700}

/* Defaults match the measured header/strip so the first paint does not jump before the header script runs. */
html:has(#pa-events-strip) {
  --pa-banner-h: 43px;
  --pa-hf2-bar-h: 77px;
  --pa-header-h: 120px;
}
html:has(.pa-commercial-tabs) {
  --pa-tab-h: 57px;
}
@media (max-width: 640px) {
  html:has(#pa-events-strip) {
    --pa-banner-h: 40px;
    --pa-header-h: 117px;
  }
  html:has(.pa-commercial-tabs) {
    --pa-tab-h: 49px;
  }
}