/* =============================================================================
   product-onyx-black.css — PAGE-UNIQUE CSS for the Onyx Black product page (FC-22, FC-rebuild).
   -----------------------------------------------------------------------------
   Loaded as $page_css (replaces henry_product.css). The shared FC component look +
   typography lives in www/css/henry_fc.css (loaded after this + henry_coolgray.css).
   This sheet keeps ONLY onyx-unique decoration — the "Keep Exploring" decorative card
   scenes (suede/cotton/linen), whose per-page look is page-owned (component owns the
   structure in henry_fc.css; the page owns the scene skin here, matching product-foil.css).
   ============================================================================= */

/* ---- Keep-Exploring: suede / cotton / linen card scenes (page 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}
.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)}
.keep-exploring .cotton-card{background:linear-gradient(145deg,#f6f1e7,#e6ddcd);border:1px solid rgba(120,105,80,.14)}
.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)}
.keep-exploring .linen-card{background:linear-gradient(145deg,#ece5d8,#d8cfbe);border:1px solid rgba(120,105,80,.14)}
.keep-exploring .linen-card .linen-weave{position:absolute;inset:0;opacity:.55;background:repeating-linear-gradient(0deg,rgba(150,133,105,.16) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(150,133,105,.16) 0 1px,transparent 1px 5px)}
.keep-exploring .linen-card .mat-mark{color:#7d7059}