/*
 * public/assets/v5-living-layer.css — Word Of Clout agency, Direction v5
 * (the living layer on the accepted base a5ca8fe6f9cc2c8b8521edc2487804a37b1e4565).
 * Loaded by /creators only, after /assets/v4-arrival.css (unchanged, frozen
 * as the no-motion / no-JS reference). v5 must render identically to the base
 * with JavaScript off or reduced-motion on: every rule below lives inside a
 * `prefers-reduced-motion: no-preference` block, so a mid-session preference
 * change stops the motion instantly and the static borders stay drawn.
 *
 * The rule (DIRECTION-v5-LIVING-LAYER.md sha256 3db63f91a8270758…, VERIFIED):
 * motion may acknowledge an actual interaction; a statistic may describe
 * evidenced activity; neither pretends to be the other. The one arrival
 * gesture is a decorative rule draw — no opacity, no clip, no text motion,
 * nothing replays on scroll, no counters of any kind.
 *
 * Canon easing: cubic-bezier(0.25, 0.10, 0.25, 1).
 */

/* --- 1.1 One arrival gesture: RETIRED AT THE C7 RE-CUT (Tani msg 15:33Z
 * 2026-11-12, Claude screen verdict F3): the draw animation dropped one
 * static border side (top at 390, left at 1440) from .formats and drew it
 * via ::before — the captured cards showed a broken top-left corner, and
 * the law is a continuous four-sided border. The static
 * `border: 1px solid var(--hairline)` from v4-arrival.css stands alone;
 * the keyframes below are removed with it. §1.2 contact interactions are
 * untouched. --- */

/* --- 1.2 Contact interaction (restrained) ---
 * Hover/focus: the arrow translates 2px right, the background #000→#171717,
 * both 160ms canon easing. The label, the ≥48px target rectangle and the
 * 2px/3px focus outline never move. Under reduced motion the states still
 * change — instantly, with zero motion. */
.action:hover, .action:focus-visible {
  background: var(--ink);
  border-color: var(--ink);
}
@media (prefers-reduced-motion: no-preference) {
  .action {
    transition: background-color 160ms cubic-bezier(0.25, 0.10, 0.25, 1),
                border-color 160ms cubic-bezier(0.25, 0.10, 0.25, 1);
  }
  .action .arrow {
    display: inline-block;
    transition: transform 160ms cubic-bezier(0.25, 0.10, 0.25, 1);
  }
  .action:hover .arrow,
  .action:focus-visible .arrow {
    transform: translateX(2px);
  }
}

/* Direction v7 fix 2 (Tani msg 35168) — clock rules REMOVED (C7, Tani msg 36281):
 * the St. Louis clock, its Pause/Resume control and the device-clock footer
 * note are retired with the clock itself (v5-living-layer.js deleted, same
 * commit). The .formats and .action rules above are untouched and still load. */

/* --- 1.4 From the studio slot (F3) — styles reserved, markup omitted ---
 * No founder-authored note has been supplied through Tani yet, so the block
 * is omitted entirely from every page: no placeholder, no AI-written text,
 * no persona. The classes below are the built slot; the note ships verbatim,
 * dated the day it was written, never regenerated on deploy. */
.studio-note { margin: 0 20px 80px; }
.studio-note h2 { font-size: 24px; line-height: 1.2; letter-spacing: -0.01em; color: var(--black); margin: 0 0 12px; }
.studio-note .studio-date {
  font-size: 14px; font-weight: 500; line-height: 1.3;
  letter-spacing: 0.15em; text-transform: uppercase;
  color: var(--secondary); margin: 0 0 16px;
}
.studio-note .studio-body { font-size: 18px; line-height: 1.6; letter-spacing: 0.01em; color: var(--black); margin: 0; max-width: 62ch; }

/* 1440 note (v5 §1.3, clock rules): the 1440 .local-time block is REMOVED with
 * the clock (C7). Nothing here moves the action group. */