sync: auto-sync from GURU-5070 at 2026-06-15 06:07:00

Author: Mike Swanson
Machine: GURU-5070
Timestamp: 2026-06-15 06:07:00

projects/acg-website-showcase/session-logs/2026-06/2026-06-14-mike-acg-website-multi-skin-build.md

@@ -173,3 +173,43 @@ operations.
 - Brand voice source: `projects/msp-pricing/marketing/MSP-Buyers-Guide-Content.md`
 - Prior/real ACG site article: `wiki/clients/azcomputerguru.com.md` (Astro, separate)
 - ACG contact (from materials): 520.304.8300, info@azcomputerguru.com, 7437 E. 22nd St, Tucson AZ 85710
+
+## Update: 05:59 PT (2026-06-15) — Quorum + impeccable on Bold, then premium softening
+
+Ran the Grok+Gemini quorum and the impeccable critique on the **Bold** skin specifically
+(prior reviews had been on the un-tamed `radical.html` concept). Verdict: the dial-back
+landed (credible "inked poster authority", not loud, not bland). The two models split on
+one judgment: Grok found it slightly loud on the type axis (uppercase Anton on functional
+labels); Gemini found the relentless 2px borders + zero radius too "heavy-construction /
+logistics" for a high-touch concierge MSP.
+
+Applied the union of concrete quorum defects to the Bold skin (`css/styles.css`,
+`html[data-skin="bold"]` block):
+- Light primary button/flag failed AA (white #FBF7F0 on #E24A12 ~3.8:1) → `--on-accent`
+  now `#16120F` (dark ink on orange, ~4.8:1).
+- Service names + FAQ questions were uppercase Anton (condensed caps smear at UI sizes) →
+  removed from the uppercase block; now sentence-case in Hanken Grotesk 700. Headlines
+  (h1/h2/tier__name/brand__name) stay Anton uppercase.
+- Global `img` grayscale filter → scoped to `.hero__frame/.story__img/.page-head--img/
+  .office-figure img` only (future logos/badges won't be desaturated).
+- Removed the bold `.nav__link[aria-current]` override: it was defeated by the shared
+  multipage rule on desktop AND broke the mobile dropdown reset. The shared rule already
+  renders bold's orange underline and respects the mobile reset.
+- Added `.home-pricing` to the bold section-border selector (homepage pricing teaser had
+  no frame). Unified the rate-card inner dividers with the frame (was a soft-gap glitch).
+- Bumped light `--ink-3` to `#5C544B` for small-muted-text AA.
+
+Then, per Mike's call (Gemini's read won), **softened Bold toward premium**:
+- All Bold section/frame borders 2px → **1px**.
+- Restored the base **2px radius** on buttons/cards/inputs (removed the zero-radius override).
+- Lightened the under-element shadow (`0 2px 0 ink` → `0 1px 0 rule`).
+- Added breathing room: tier padding 1.5→1.75, calc panels →1.75, service rows +.
+
+Result: Bold keeps its identity (Anton headlines, near-black #0C0A09 / bone #F4EDE1 canvas,
+signal-orange accents, grayscale documentary photos) but reads refined/high-touch rather
+than industrial. Re-rendered + verified home/pricing/contact in both modes; calculator
+still computes $952/mo; `node --check js/app.js` clean.
+
+State: multipage 4-skin switcher (Paper / Midnight / Verdigris / Bold) at :4328, all in
+light+dark. Bold is the dialed-back-then-premium-softened radical. Open: Mike to confirm
+Bold is the keeper, or pick among the four skins for the real azcomputerguru.com redesign.