/* Plot Photography: what every section block shares (handle mss-sections, registered by the plugin from this file, so it is on
   every page that has a section). Each block's own design is in blocks/<block>/style.css, named in its block.json "style", so
   WordPress prints it only on pages where that block renders (classic themes load block styles on demand since WP 6.9).
   Tokens and base styles are NOT here: css/tokens.css and css/base.css, which this file depends on. */

/* A section on a light ground paints its own background (the mockups used an inline style for this). */
.mss-sec[data-ground]{background:var(--ground);color:var(--text)}

/* Visually hidden, still read aloud (table labels, "Included"). */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* The solid bone chip copy sits on over a photo (close, and later the twilight and hero chips). */
.chip-panel{background:var(--plot-bone);color:var(--plot-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);
  --btn-bg:var(--plot-ink);--btn-text:var(--plot-bone);--rule:#bdb5a8;--text:var(--plot-ink);--text-muted:var(--plot-slate);--focus:var(--plot-ink)}
.chip-panel .btn:hover{background:#000;border-color:#000;color:var(--plot-bone)}
.chip-panel .btn.ghost{color:var(--plot-ink)}
.chip-panel .btn.ghost:hover{border-color:var(--plot-ink);background:transparent;color:var(--plot-ink)}

/* The section heading size the service pages use (mockup BASE .h2). */
.h2{font-size:clamp(2.3rem,1.3rem + 3.4vw,4.6rem);letter-spacing:var(--track-display);line-height:1}