/* =============================================================================
   product-raised-foil.css — PAGE-UNIQUE CSS for the Raised Foil product page
   (FC-20, fc-rebuild Lane C re-port).
   -----------------------------------------------------------------------------
   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) —
   same architecture as the wave pilot (product-foil.css).

   This sheet keeps ONLY raised-foil-unique decoration: the "Keep Exploring"
   card scenes for its three tabs (Foil -> .foil-card, Raised Spot UV and Emboss ->
   .raised-card). henry_fc.css owns the full keep-exploring STRUCTURE (.card-scene,
   .business-card, .stack-a/.stack-b, .visual-label) — per inc/page/keep-exploring.php's
   contract only the per-target SKIN is page-owned. Values are the v03 mockup's own
   (verified identical to product-foil.css's copies of the same scenes).

   The prior 2,196-line copy (the full pre-fc_v2 mockup CSS) is superseded by
   henry_fc.css / henry_coolgray.css — recoverable from this file's git history.
   ============================================================================= */

/* ---- Keep-Exploring: foil / raised card scenes (page-owned decoration) ---- */
.keep-exploring .foil-card{background:linear-gradient(145deg,#0b0b0c,#25262a);border:1px solid rgba(255,255,255,.13)}
.keep-exploring .foil-mark{position:absolute;left:56px;top:47px;font-size:58px;font-weight:900;letter-spacing:-.07em;background:linear-gradient(115deg,#7a5315,#fbe7a2 30%,#ba8734 55%,#fff2b1 78%,#8c641f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 30px rgba(216,173,78,.25)}
.keep-exploring .foil-name{position:absolute;left:58px;bottom:52px;color:#fff;font-size:24px;font-weight:700}
.keep-exploring .foil-rule{position:absolute;left:58px;right:58px;bottom:36px;height:5px;border-radius:99px;background:linear-gradient(90deg,#8a611f,#ffe89f,#b57d29)}
.keep-exploring .raised-card{background:linear-gradient(145deg,#f8f8f8,#dedede);box-shadow:0 30px 70px rgba(0,0,0,.18)}
.keep-exploring .raised-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:55px;font-weight:900;letter-spacing:-.075em;color:#e7e7e7;text-shadow:-2px -2px 2px rgba(255,255,255,.95),3px 4px 7px rgba(0,0,0,.26),0 18px 24px rgba(0,194,255,.13)}
@media(max-width:560px){.keep-exploring .foil-mark,.keep-exploring .raised-logo{font-size:38px}}