/* ==========================================================================
   TAMSI — Apéro Garden page support (page 574)

   The page is Elementor containers and free-tier widgets throughout: the hero,
   the three feature rows, the deep-paper register, the turn and the closer.
   Every colour, size, gap and hairline comes from the Elementor controls.

   Two things those controls cannot say survive here.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1 · The ritual line — the page's signature interaction

   Every other block on the page arrives; the four fixed things do not, because
   the claim is that they are already in place. What moves instead is a single
   hairline drawing down through them, once, top to bottom.

   A container's own border control can draw the rule but cannot scale it, and
   transform-origin, scaleY and a pseudo-element are none of them Elementor
   controls — so the rule is a ::before here. The container carries .tamsi-draw
   as well, which assets/js/tamsi-home.js arms exactly as it arms a wipe: the
   line is fully drawn until the script hides it, and only ever on a block still
   below the fold. If the script never runs, the rule is simply there.
   -------------------------------------------------------------------------- */

.tamsi-apero-ritual {
  position: relative;
}

.tamsi-apero-ritual::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 2px;
  width: 1px;
  background: color-mix(in srgb, var(--tamsi-ink) 34%, transparent);
}

.tamsi-draw.is-armed::before {
  transform: scaleY(0);
  transform-origin: top;
}

.tamsi-draw.is-armed.is-in::before {
  transform: scaleY(1);
  transition: transform 1.25s var(--tamsi-ease-out) 0.1s;
}

@media (prefers-reduced-motion: reduce) {
  .tamsi-draw::before {
    transform: none !important;
    transition: none !important;
  }
}

/* --------------------------------------------------------------------------
   2 · Anchors

   The header is fixed (see tamsi-chrome.css), so the four sections the footer
   and the design's own in-page links point at have to stop clear of it.
   -------------------------------------------------------------------------- */

.tamsi-apero .e-con[id],
.tamsi-apero .e-child[id] {
  scroll-margin-top: clamp(72px, 9vh, 104px);
}