/* =============================================================================
   product-linen.css — PAGE-UNIQUE CSS for the Linen product page (FC-04, 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 (product-foil.css) and the smoke tests
   (product-suede.css, product-cotton.css).

   This sheet keeps ONLY linen-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.

   JUDGMENT CALL (see the REPORT): the v06 mockup's own "Silk" tab used an inline
   one-off gradient (not a shared class). Normalized here to the SAME .silk-card
   definition suede.php/cotton.php already ship site-wide, so "Silk" renders
   identically regardless of which page's keep-exploring points at it. The
   .suede-card / .cotton-card skins reuse those same established site-wide values.

   The prior ~1,050-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}

/* Suede — dark, warm, velvet (site-wide value, matches product-cotton.css) */
.keep-exploring .suede-card{background:linear-gradient(150deg,#211f1c 0%,#38332b 60%,#1b1916 100%);border:1px solid rgba(255,255,255,.08)}
.keep-exploring .suede-card .mat-mark{color:#e6dccc;text-shadow:0 2px 22px rgba(0,0,0,.5)}

/* Cotton — warm cream/tan, natural fiber (site-wide value, matches product-suede.css) */
.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)}

/* Silk — smooth, cool, polished (site-wide value, matches product-suede.css / product-cotton.css;
   the mockup's own inline gradient is normalized to this shared skin — see the REPORT) */
.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)}