/* =============================================================================
   product-suede.css — PAGE-UNIQUE CSS for the Suede product page (FC-02, FC-rebuild).
   -----------------------------------------------------------------------------
   Loaded as $page_css (replaces henry_product.css). The shared FC component look +
   typography now lives in www/css/henry_fc.css (loaded after this + henry_coolgray.css) —
   same architecture as the wave pilot, www/css/product-foil.css.

   This sheet keeps ONLY suede-unique decoration: the "Keep Exploring" decorative card
   scenes. henry_fc.css already owns the FULL keep-exploring STRUCTURE (.card-scene,
   .business-card box/shadow/shine overlay, .stack-a/.stack-b, .visual-label) — per
   inc/page/keep-exploring.php's contract, only the per-material SKIN (background +
   .mat-mark position/color) is page-owned, so that's all that lives here.

   FLAGGED (see the REPORT): the mockup's own <style> defines .mat-mark's color per
   material (.suede-card/.cotton-card/.linen-card) but NO background at all for
   .business-card or any material variant — a byte-faithful port would render an
   invisible/incomplete card scene. Minimal on-brand gradients were added below (mirrors
   how product-foil.css's .foil-card/.uv-card/.raised-card each define their own
   background) so the section actually renders as a business-card scene.

   Also FLAGGED: 2 of the mockup's 3 keep-exploring visual panels are mislabeled —
   the "Silk" tab's panel used the SUEDE skin + text "Suede" (no .silk-card skin exists
   in the mockup at all), and the "Onyx Black" tab's panel used the LINEN skin + text
   "Linen" + a "woven texture" blurb (Onyx Black is a naturally-black, non-woven stock).
   Both are corrected here — a NEW .silk-card + .onyx-card skin, matching each tab's own
   (correct) label/blurb/href — rather than shipping a visibly wrong material under the
   right name. See inc/page/product-bespoke/suede.php's item-9 comment for the full
   reasoning; central/owner should confirm this reading of the mockup bug.

   The prior 1,390-line copy (the full pre-fc_v2 mockup CSS) is superseded by
   henry_fc.css / henry_coolgray.css — recoverable from git history (this file's
   previous commit) if ever needed for reference.
   ============================================================================= */

/* ---- Keep-Exploring: per-material card-scene skins (page-owned decoration) ---- */
.keep-exploring .mat-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(38px,4.4vw,56px);font-weight:900;letter-spacing:-.06em;z-index:2}

/* Silk — smooth, cool, polished (the tab the suede page points VISITORS toward) */
.keep-exploring .silk-card{background:linear-gradient(145deg,#2c2f33,#c7c2b8 55%,#8b867c)}
.keep-exploring .silk-card .mat-mark{color:#f7f4ee;text-shadow:0 2px 20px rgba(0,0,0,.35)}

/* Cotton — warm, natural, letterpress fiber */
.keep-exploring .cotton-card{background:linear-gradient(145deg,#241f18,#c9a877 55%,#8a6a44)}
.keep-exploring .cotton-card .mat-mark{color:#efe7d7;text-shadow:-1px -1px 1px rgba(255,255,255,.9),2px 3px 5px rgba(120,102,72,.30)}

/* Onyx Black — naturally black, velvet-soft stock (not woven; corrected from the
   mockup's leftover "Linen" skin) */
.keep-exploring .onyx-card{background:linear-gradient(145deg,#0b0b0c,#242527 60%,#141516)}
.keep-exploring .onyx-card .mat-mark{color:#C9A96E;text-shadow:0 2px 22px rgba(0,0,0,.6)}